@chayns-components/date 5.0.0-beta.433

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.d.ts

@@ -0,0 +1,271 @@
+/// <reference types="react" />
+/// <reference types="react" />
+import type { WithTheme } from '@chayns-components/core';
+type StyledMonthWrapperProps = WithTheme<{
+    height: number;
+}>;
+export declare const StyledMonthWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMonthWrapperProps>>;
+export declare const StyledMotionWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
+    color?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "date" | "location" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMotionWrapper = exports.StyledMonthWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _framerMotion = require("framer-motion");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledMonthWrapper = exports.StyledMonthWrapper = _styledComponents.default.div`
+    width: 100%;
+    overflow-x: clip;
+    height: ${_ref => {
+  let {
+    height
+  } = _ref;
+  return height;
+}}px;
+`;
+const StyledMotionWrapper = exports.StyledMotionWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    display: flex;
+    height: 100%;
+`;
+//# sourceMappingURL=MonthWrapper.styles.js.map

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthWrapper.styles.js","names":["_styledComponents","_interopRequireDefault","require","_framerMotion","obj","__esModule","default","StyledMonthWrapper","exports","styled","div","_ref","height","StyledMotionWrapper","motion"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport type { WithTheme } from '@chayns-components/core';\n\ntype StyledMonthWrapperProps = WithTheme<{ height: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n    width: 100%;\n    overflow-x: clip;\n    height: ${({ height }) => height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n    display: flex;\n    height: 100%;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAuC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACtE;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AACrC,CAAC;AAEM,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,IAAAJ,yBAAM,EAACK,oBAAM,CAACJ,GAAG,CAAE;AACtD;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/Month.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import type { Locale } from 'date-fns';
+import type { Categories, EMonth, HighlightedDates } from '../../../../types/calendar';
+export type MonthProps = {
+    month: EMonth;
+    year: string;
+    locale: Locale;
+    highlightedDates?: HighlightedDates[];
+    onSelect: (date: Date) => void;
+    selectedDate?: Date;
+    categories?: Categories[];
+};
+declare const Month: FC<MonthProps>;
+export default Month;

package/lib/components/calendar/month-wrapper/month/Month.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Month = require("./Month.styles");
+var _WeekdayWrapper = _interopRequireDefault(require("./weekday-wrapper/WeekdayWrapper"));
+var _DayWrapper = _interopRequireDefault(require("./day-wrapper/DayWrapper"));
+var _calendar = require("../../../../utils/calendar");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Month = _ref => {
+  let {
+    month,
+    year,
+    locale,
+    highlightedDates,
+    selectedDate,
+    onSelect,
+    categories
+  } = _ref;
+  const [currentYear] = (0, _react.useState)(new Date().getFullYear());
+  return /*#__PURE__*/_react.default.createElement(_Month.StyledMonth, null, /*#__PURE__*/_react.default.createElement(_Month.StyledMonthHead, null, /*#__PURE__*/_react.default.createElement(_Month.StyledMonthName, null, `${(0, _calendar.formatMonth)({
+    locale,
+    month
+  })} ${String(currentYear) !== year ? year : ''}`)), /*#__PURE__*/_react.default.createElement(_WeekdayWrapper.default, {
+    locale: locale
+  }), /*#__PURE__*/_react.default.createElement(_DayWrapper.default, {
+    key: `day-wrapper-${month}`,
+    categories: categories,
+    selectedDate: selectedDate,
+    month: month,
+    year: year,
+    onSelect: onSelect,
+    highlightedDates: highlightedDates
+  }));
+};
+Month.displayName = 'Month';
+var _default = exports.default = Month;
+//# sourceMappingURL=Month.js.map

package/lib/components/calendar/month-wrapper/month/Month.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Month.js","names":["_react","_interopRequireWildcard","require","_Month","_WeekdayWrapper","_interopRequireDefault","_DayWrapper","_calendar","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Month","_ref","month","year","locale","highlightedDates","selectedDate","onSelect","categories","currentYear","useState","Date","getFullYear","createElement","StyledMonth","StyledMonthHead","StyledMonthName","formatMonth","String","key","displayName","_default","exports"],"sources":["../../../../../src/components/calendar/month-wrapper/month/Month.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyledMonth, StyledMonthHead, StyledMonthName } from './Month.styles';\nimport WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';\nimport DayWrapper from './day-wrapper/DayWrapper';\nimport type { Locale } from 'date-fns';\nimport type { Categories, EMonth, HighlightedDates } from '../../../../types/calendar';\nimport { formatMonth } from '../../../../utils/calendar';\n\nexport type MonthProps = {\n    month: EMonth;\n    year: string;\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n};\n\nconst Month: FC<MonthProps> = ({\n    month,\n    year,\n    locale,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n}) => {\n    const [currentYear] = useState(new Date().getFullYear());\n\n    return (\n        <StyledMonth>\n            <StyledMonthHead>\n                <StyledMonthName>{`${formatMonth({ locale, month })} ${String(currentYear) !== year ? year : ''}`}</StyledMonthName>\n            </StyledMonthHead>\n            <WeekdayWrapper locale={locale} />\n            <DayWrapper\n                key={`day-wrapper-${month}`}\n                categories={categories}\n                selectedDate={selectedDate}\n                month={month}\n                year={year}\n                onSelect={onSelect}\n                highlightedDates={highlightedDates}\n            />\n        </StyledMonth>\n    );\n};\n\nMonth.displayName = 'Month';\n\nexport default Month;\n"],"mappings":"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"}

package/lib/components/calendar/month-wrapper/month/Month.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledMonth: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledMonthHead: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledMonthName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/calendar/month-wrapper/month/Month.styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMonthName = exports.StyledMonthHead = exports.StyledMonth = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledMonth = exports.StyledMonth = _styledComponents.default.div`
+    height: 100%;
+    aspect-ratio: 1;
+`;
+const StyledMonthHead = exports.StyledMonthHead = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+`;
+const StyledMonthName = exports.StyledMonthName = _styledComponents.default.div`
+    font-weight: bold;
+    width: 100%;
+    text-align: center;
+    user-select: none;
+`;
+//# sourceMappingURL=Month.styles.js.map

package/lib/components/calendar/month-wrapper/month/Month.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Month.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledMonth","exports","styled","div","StyledMonthHead","StyledMonthName"],"sources":["../../../../../src/components/calendar/month-wrapper/month/Month.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMonth = styled.div`\n    height: 100%;\n    aspect-ratio: 1;\n`;\n\nexport const StyledMonthHead = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const StyledMonthName = styled.div`\n    font-weight: bold;\n    width: 100%;\n    text-align: center;\n    user-select: none;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,GAAI;AACtC;AACA;AACA,CAAC;AAEM,MAAMC,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAGF,yBAAM,CAACC,GAAI;AAC1C;AACA;AACA,CAAC;AAEM,MAAME,eAAe,GAAAJ,OAAA,CAAAI,eAAA,GAAGH,yBAAM,CAACC,GAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import type { Categories, EMonth, HighlightedDates } from '../../../../../types/calendar';
+export type DayWrapperProps = {
+    month: EMonth;
+    year: string;
+    highlightedDates?: HighlightedDates[];
+    onSelect: (date: Date) => void;
+    selectedDate?: Date;
+    categories?: Categories[];
+};
+declare const DayWrapper: FC<DayWrapperProps>;
+export default DayWrapper;

package/lib/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dateFns = require("date-fns");
+var _DayWrapper = require("./DayWrapper.styles");
+var _Day = _interopRequireDefault(require("./day/Day"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DayWrapper = _ref => {
+  let {
+    month,
+    year,
+    highlightedDates,
+    onSelect,
+    selectedDate,
+    categories
+  } = _ref;
+  const dayOfCurrentMonth = (0, _react.useMemo)(() => new Date(Number(year), month - 1, 13), [month, year]);
+  const days = (0, _react.useMemo)(() => {
+    const dateArray = [];
+    const currentDate = (0, _dateFns.startOfMonth)(dayOfCurrentMonth);
+    const startDay = (0, _dateFns.startOfWeek)(currentDate, {
+      weekStartsOn: 1
+    });
+    for (let i = 0; i < 42; i++) {
+      const newDate = (0, _dateFns.addDays)(startDay, i);
+      dateArray.push(newDate);
+    }
+    return dateArray;
+  }, [dayOfCurrentMonth]);
+  const handleDayClick = (0, _react.useCallback)((date, shouldFireEvent) => {
+    if (shouldFireEvent) {
+      onSelect(date);
+    }
+  }, [onSelect]);
+  const dayElements = (0, _react.useMemo)(() => {
+    const items = [];
+    days.forEach(day => {
+      items.push( /*#__PURE__*/_react.default.createElement(_Day.default, {
+        key: `single-day-${day.toDateString()}`,
+        categories: categories,
+        date: day,
+        isSelected: selectedDate ? (0, _dateFns.isSameDay)(day, selectedDate) : false,
+        isSameMonth: (0, _dateFns.isSameMonth)(day, dayOfCurrentMonth),
+        onClick: handleDayClick,
+        highlightedDates: highlightedDates
+      }));
+    });
+    return items;
+  }, [categories, dayOfCurrentMonth, days, handleDayClick, highlightedDates, selectedDate]);
+  return /*#__PURE__*/_react.default.createElement(_DayWrapper.StyledDayWrapper, null, dayElements);
+};
+DayWrapper.displayName = 'DayWrapper';
+var _default = exports.default = DayWrapper;
+//# sourceMappingURL=DayWrapper.js.map

package/lib/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayWrapper.js","names":["_react","_interopRequireWildcard","require","_dateFns","_DayWrapper","_Day","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DayWrapper","_ref","month","year","highlightedDates","onSelect","selectedDate","categories","dayOfCurrentMonth","useMemo","Date","Number","days","dateArray","currentDate","startOfMonth","startDay","startOfWeek","weekStartsOn","newDate","addDays","push","handleDayClick","useCallback","date","shouldFireEvent","dayElements","items","forEach","day","createElement","key","toDateString","isSelected","isSameDay","isSameMonth","onClick","StyledDayWrapper","displayName","_default","exports"],"sources":["../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useCallback, useMemo } from 'react';\nimport { startOfMonth, startOfWeek, addDays, isSameMonth, isSameDay } from 'date-fns';\nimport { StyledDayWrapper } from './DayWrapper.styles';\nimport Day from './day/Day';\nimport type { Categories, EMonth, HighlightedDates } from '../../../../../types/calendar';\n\nexport type DayWrapperProps = {\n    month: EMonth;\n    year: string;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n};\n\nconst DayWrapper: FC<DayWrapperProps> = ({\n    month,\n    year,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n}) => {\n    const dayOfCurrentMonth = useMemo(() => new Date(Number(year), month - 1, 13), [month, year]);\n\n    const days = useMemo(() => {\n        const dateArray: Date[] = [];\n\n        const currentDate = startOfMonth(dayOfCurrentMonth);\n\n        const startDay = startOfWeek(currentDate, { weekStartsOn: 1 });\n\n        for (let i = 0; i < 42; i++) {\n            const newDate = addDays(startDay, i);\n            dateArray.push(newDate);\n        }\n\n        return dateArray;\n    }, [dayOfCurrentMonth]);\n\n    const handleDayClick = useCallback(\n        (date: Date, shouldFireEvent: boolean) => {\n            if (shouldFireEvent) {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const dayElements = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        days.forEach((day) => {\n            items.push(\n                <Day\n                    key={`single-day-${day.toDateString()}`}\n                    categories={categories}\n                    date={day}\n                    isSelected={selectedDate ? isSameDay(day, selectedDate) : false}\n                    isSameMonth={isSameMonth(day, dayOfCurrentMonth)}\n                    onClick={handleDayClick}\n                    highlightedDates={highlightedDates}\n                />,\n            );\n        });\n\n        return items;\n    }, [categories, dayOfCurrentMonth, days, handleDayClick, highlightedDates, selectedDate]);\n\n    return <StyledDayWrapper>{dayElements}</StyledDayWrapper>;\n};\n\nDayWrapper.displayName = 'DayWrapper';\n\nexport default DayWrapper;\n"],"mappings":"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"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledDayWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledDayWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledDayWrapper = exports.StyledDayWrapper = _styledComponents.default.div`
+    display: grid;
+    grid-template-rows: repeat(6, 1fr);
+    grid-template-columns: repeat(7, 1fr);
+    padding-top: 6px;
+    gap: 2px;
+    margin: 0 15px;
+`;
+//# sourceMappingURL=DayWrapper.styles.js.map

package/lib/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayWrapper.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledDayWrapper","exports","styled","div"],"sources":["../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/DayWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledDayWrapper = styled.div`\n    display: grid;\n    grid-template-rows: repeat(6, 1fr);\n    grid-template-columns: repeat(7, 1fr);\n    padding-top: 6px;\n    gap: 2px;\n    margin: 0 15px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import type { Categories, HighlightedDates } from '../../../../../../types/calendar';
+export type DayProps = {
+    date: Date;
+    isSameMonth: boolean;
+    isSelected: boolean;
+    onClick: (date: Date, isSameMonth: boolean) => void;
+    highlightedDates?: HighlightedDates[];
+    categories?: Categories[];
+};
+declare const Day: FC<DayProps>;
+export default Day;

package/lib/components/calendar/month-wrapper/month/day-wrapper/day/Day.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dateFns = require("date-fns");
+var _Day = require("./Day.styles");
+var _Category = _interopRequireDefault(require("./category/Category"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Day = _ref => {
+  let {
+    date,
+    highlightedDates,
+    categories,
+    isSameMonth,
+    isSelected,
+    onClick
+  } = _ref;
+  const [fontSize, setFontSize] = (0, _react.useState)();
+  const dayRef = (0, _react.useRef)(null);
+  const styles = (0, _react.useMemo)(() => {
+    if (!highlightedDates || !isSameMonth) {
+      return undefined;
+    }
+    return highlightedDates.find(highlightedDate => highlightedDate.dates.some(highlighted => (0, _dateFns.isSameDay)(highlighted, date)))?.style;
+  }, [date, highlightedDates, isSameMonth]);
+  const categoryElements = (0, _react.useMemo)(() => {
+    if (!categories) return [];
+    return categories.flatMap(category => category.dates.filter(day => (0, _dateFns.isSameDay)(day, date)).map(day => /*#__PURE__*/_react.default.createElement(_Category.default, {
+      key: day.getTime() * Math.random(),
+      color: category.color
+    })));
+  }, [categories, date]);
+  (0, _react.useEffect)(() => {
+    if (dayRef.current) {
+      const resizeObserver = new ResizeObserver(entries => {
+        if (entries && entries[0]) {
+          const observedWidth = entries[0].contentRect.width;
+          setFontSize(`${observedWidth / 2}px`);
+        }
+      });
+      resizeObserver.observe(dayRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_Day.StyledDay, {
+    ref: dayRef,
+    onClick: () => onClick(date, isSameMonth),
+    isSameMonth: isSameMonth,
+    backgroundColor: styles?.backgroundColor,
+    textColor: styles?.textColor
+  }, /*#__PURE__*/_react.default.createElement(_Day.StyledDayNumber, {
+    isSelected: isSelected,
+    fontSize: fontSize
+  }, date.getDate()), categoryElements && /*#__PURE__*/_react.default.createElement(_Day.StyledDayCategoryWrapper, null, categoryElements));
+};
+Day.displayName = 'Day';
+var _default = exports.default = Day;
+//# sourceMappingURL=Day.js.map