@activecollab/components 0.1.535 → 1.0.2

package/dist/esm/components/Paper/Paper.js

@@ -0,0 +1,46 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { StyledPaper } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "className", "type", "hover", "useOptimizedShadow"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * This is a component description and should sit directly above your component
+ */
+var Paper = /*#__PURE__*/forwardRef(function (_ref, innerRef) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "paper-1" : _ref$type,
+      _ref$hover = _ref.hover,
+      hover = _ref$hover === void 0 ? false : _ref$hover,
+      _ref$useOptimizedShad = _ref.useOptimizedShadow,
+      useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledPaper, _objectSpread(_objectSpread({
+    className: classnames(className, {
+      "ac-shadow--hover--lg": !useOptimizedShadow && hover && type === "paper-1",
+      "ac-shadow-optimized--lg": useOptimizedShadow && hover && type === "paper-1",
+      "ac-shadow--lg": !hover && type === "paper-1",
+      "ac-shadow--hover--sm": !useOptimizedShadow && hover && type === "paper-2" || !useOptimizedShadow && hover && type === "paper-3",
+      "ac-shadow-optimized--sm": useOptimizedShadow && hover && type === "paper-2" || useOptimizedShadow && hover && type === "paper-3",
+      "ac-shadow--sm": !hover && type === "paper-2" || !hover && type === "paper-3"
+    }),
+    ref: innerRef,
+    type: type
+  }, rest), {}, {
+    children: children
+  }));
+});
+Paper.displayName = "Paper";
+
+export { Paper };
+//# sourceMappingURL=Paper.js.map

package/dist/esm/components/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--hover--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--hover--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"names":["Paper","forwardRef","innerRef","children","className","type","hover","useOptimizedShadow","rest","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;;AA2BA;AACA;AACA;IACaA,KAAK,gBAAGC,UAAU,CAC7B,gBASEC,QATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,wBALDC,KAKC;AAAA,MALDA,KAKC,2BALO,KAKP;AAAA,mCAJDC,kBAIC;AAAA,MAJDA,kBAIC,sCAJoB,KAIpB;AAAA,MAHEC,IAGF;;AACH,sBACEC,IAAC,WAAD;AACE,IAAA,SAAS,EAAEC,UAAU,CAACN,SAAD,EAAY;AAC/B,8BACE,CAACG,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAFZ;AAG/B,iCACEE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAJX;AAK/B,uBAAiB,CAACC,KAAD,IAAUD,IAAI,KAAK,SALL;AAM/B,8BACG,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SAA1C,IACC,CAACE,kBAAD,IAAuBD,KAAvB,IAAgCD,IAAI,KAAK,SARb;AAS/B,iCACGE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAAzC,IACCE,kBAAkB,IAAID,KAAtB,IAA+BD,IAAI,KAAK,SAXZ;AAY/B,uBACG,CAACC,KAAD,IAAUD,IAAI,KAAK,SAApB,IAAmC,CAACC,KAAD,IAAUD,IAAI,KAAK;AAbzB,KAAZ,CADvB;AAgBE,IAAA,GAAG,EAAEH,QAhBP;AAiBE,IAAA,IAAI,EAAEG;AAjBR,KAkBMG,IAlBN;AAAA,cAoBGL;AApBH,KADF;AAwBD,CApC4B;AAuC/BH,KAAK,CAACW,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/components/Paper/Styles.d.ts

@@ -0,0 +1,3 @@
+import { IPaperProps } from "./Paper";
+export declare const StyledPaper: import("styled-components").StyledComponent<"div", any, IPaperProps, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Paper/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Paper/Styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,WAAW,6EAYvB,CAAC"}

package/dist/esm/components/Paper/Styles.js

@@ -0,0 +1,16 @@
+import styled, { css } from 'styled-components';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+import { FontStyle } from '../FontStyle.js';
+
+var StyledPaper = styled.div.withConfig({
+  displayName: "Styles__StyledPaper",
+  componentId: "sc-1ld1e2o-0"
+})(["", " border-radius:var(--ac-br-8);", " ", " ", ""], {
+  "backgroundColor": "var(--page-paper-main)"
+}, FontStyle, BoxSizingStyle, function (props) {
+  return props.type === "paper-3" && css(["border:solid 1px var(--border-primary);"]);
+});
+StyledPaper.displayName = "StyledPaper";
+
+export { StyledPaper };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Paper/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"names":["StyledPaper","styled","div","FontStyle","BoxSizingStyle","props","type","css","displayName"],"mappings":";;;;IAMaA,WAAW,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,yDAClB;AAAA;AAAA,CADkB,EAIpBC,SAJoB,EAKpBC,cALoB,EAOpB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,SAAf,IACAC,GADA,6CADA;AAAA,CAPoB;AAcxBP,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;;;;"}

package/dist/esm/components/Pickers/NavBarElement.d.ts

@@ -1,6 +1,5 @@
 import React, { MouseEvent } from "react";
 import { NavbarElementProps } from "react-day-picker";
-import "./YearMonthPicker.css";
 interface INavBarElementProps {
     onClick?: (e: MouseEvent) => void;
 }

package/dist/esm/components/Pickers/NavBarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtD,OAAO,uBAAuB,CAAC;AAE/B,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,iHAyCxB,CAAC"}
+{"version":3,"file":"NavBarElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,iHAoCxB,CAAC"}

package/dist/esm/components/Pickers/NavBarElement.js

@@ -0,0 +1,49 @@
+import { forwardRef, useCallback } from 'react';
+import MenuNavIcon from '../Icons/collection/MenuNavIcon.js';
+import { StyledNavBarButton, StyledMenuNavIcon } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var NavBarElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var onPreviousClick = _ref.onPreviousClick,
+      onNextClick = _ref.onNextClick;
+  var onPrevious = useCallback(function () {
+    onPreviousClick();
+  }, [onPreviousClick]);
+  var onNext = useCallback(function () {
+    onNextClick();
+  }, [onNextClick]);
+  return /*#__PURE__*/jsxs("div", {
+    className: "c-DayPicker-NavBar",
+    ref: ref,
+    tabIndex: 0,
+    children: [/*#__PURE__*/jsx(StyledNavBarButton, {
+      type: "button",
+      variant: "text gray",
+      size: "small",
+      tabIndex: 0,
+      onClick: onPrevious,
+      $direction: "previous",
+      children: /*#__PURE__*/jsx(MenuNavIcon, {
+        "aria-label": "Previous Month",
+        width: "24",
+        height: "24"
+      })
+    }), /*#__PURE__*/jsx(StyledNavBarButton, {
+      type: "button",
+      variant: "text gray",
+      size: "small",
+      tabIndex: 0,
+      onClick: onNext,
+      $direction: "next",
+      children: /*#__PURE__*/jsx(StyledMenuNavIcon, {
+        "aria-label": "Next Month",
+        width: "24",
+        height: "24"
+      })
+    })]
+  });
+});
+NavBarElement.displayName = "NavBarElement";
+
+export { NavBarElement };
+//# sourceMappingURL=NavBarElement.js.map

package/dist/esm/components/Pickers/NavBarElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarElement.js","sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\nimport { StyledMenuNavIcon, StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n  onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n  HTMLDivElement,\n  NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n  const onPrevious = useCallback(() => {\n    onPreviousClick();\n  }, [onPreviousClick]);\n\n  const onNext = useCallback(() => {\n    onNextClick();\n  }, [onNextClick]);\n\n  return (\n    <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n      <StyledNavBarButton\n        type=\"button\"\n        variant=\"text gray\"\n        size=\"small\"\n        tabIndex={0}\n        onClick={onPrevious}\n        $direction=\"previous\"\n      >\n        <MenuNavIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n      </StyledNavBarButton>\n      <StyledNavBarButton\n        type=\"button\"\n        variant=\"text gray\"\n        size=\"small\"\n        tabIndex={0}\n        onClick={onNext}\n        $direction=\"next\"\n      >\n        <StyledMenuNavIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n      </StyledNavBarButton>\n    </div>\n  );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"names":["NavBarElement","forwardRef","ref","onPreviousClick","onNextClick","onPrevious","useCallback","onNext","_jsxs","_jsx","displayName"],"mappings":";;;;;IASaA,aAAa,gBAAGC,UAAU,CAGrC,gBAAmCC,GAAnC,EAA2C;AAAA,MAAxCC,eAAwC,QAAxCA,eAAwC;AAAA,MAAvBC,WAAuB,QAAvBA,WAAuB;AAC3C,MAAMC,UAAU,GAAGC,WAAW,CAAC,YAAM;AACnCH,IAAAA,eAAe;AAChB,GAF6B,EAE3B,CAACA,eAAD,CAF2B,CAA9B;AAIA,MAAMI,MAAM,GAAGD,WAAW,CAAC,YAAM;AAC/BF,IAAAA,WAAW;AACZ,GAFyB,EAEvB,CAACA,WAAD,CAFuB,CAA1B;AAIA,sBACEI;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEN,GAAzC;AAA8C,IAAA,QAAQ,EAAE,CAAxD;AAAA,4BACEO,IAAC,kBAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,OAAO,EAAC,WAFV;AAGE,MAAA,IAAI,EAAC,OAHP;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,OAAO,EAAEJ,UALX;AAME,MAAA,UAAU,EAAC,UANb;AAAA,6BAQEI,IAAC,WAAD;AAAa,sBAAW,gBAAxB;AAAyC,QAAA,KAAK,EAAC,IAA/C;AAAoD,QAAA,MAAM,EAAC;AAA3D;AARF,MADF,eAWEA,IAAC,kBAAD;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,OAAO,EAAC,WAFV;AAGE,MAAA,IAAI,EAAC,OAHP;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,OAAO,EAAEF,MALX;AAME,MAAA,UAAU,EAAC,MANb;AAAA,6BAQEE,IAAC,iBAAD;AAAmB,sBAAW,YAA9B;AAA2C,QAAA,KAAK,EAAC,IAAjD;AAAsD,QAAA,MAAM,EAAC;AAA7D;AARF,MAXF;AAAA,IADF;AAwBD,CApCsC;AAsCvCT,aAAa,CAACU,WAAd,GAA4B,eAA5B;;;;"}

package/dist/esm/components/Pickers/Styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const StyledNavBarButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
+    $direction: "next" | "previous";
+}, never>;
+export declare const StyledMenuNavIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "key" | "name" | "type" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "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" | "children" | "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" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "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" | "tw" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "height" | "max" | "media" | "method" | "min" | "target" | "width" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan"> & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+interface StyledMonthInterface {
+    $isCurrent: boolean;
+    $isSelected: boolean;
+    $isCurrentQuarter: boolean;
+}
+export declare const StyledMonths: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMonth: import("styled-components").StyledComponent<"div", any, StyledMonthInterface, never>;
+export declare const StyledYearMonthPicker: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledYearMonthPickerNavBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledYearMonthPickerNavBarItem: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Pickers/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,kBAAkB;gBACjB,MAAM,GAAG,UAAU;SAoBhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wqPAG7B,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,oEAaxB,CAAC;AACF,eAAO,MAAM,WAAW,sFAmCvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oEAWjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oEAGvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,qEAQ3C,CAAC"}

package/dist/esm/components/Pickers/Styles.js

@@ -0,0 +1,77 @@
+import styled, { css } from 'styled-components';
+import { Button } from '../Button/Button.js';
+import MenuNavIcon from '../Icons/collection/MenuNavIcon.js';
+
+var StyledNavBarButton = styled(Button).withConfig({
+  displayName: "Styles__StyledNavBarButton",
+  componentId: "sc-1owijsg-0"
+})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], function (props) {
+  return props.$direction === "previous" && css(["right:auto;left:1px;"]);
+}, function (props) {
+  return props.$direction === "next" && css(["right:1px;"]);
+});
+var StyledMenuNavIcon = styled(MenuNavIcon).withConfig({
+  displayName: "Styles__StyledMenuNavIcon",
+  componentId: "sc-1owijsg-1"
+})(["", " transform:rotate(180deg);"], {
+  "transform": "var(--tw-transform)"
+});
+var StyledMonths = styled.div.withConfig({
+  displayName: "Styles__StyledMonths",
+  componentId: "sc-1owijsg-2"
+})(["top:30px;height:230px;", ""], {
+  "position": "absolute",
+  "left": "0px",
+  "padding": "1.25rem",
+  "display": "flex",
+  "flexWrap": "wrap",
+  "backgroundColor": "var(--page-paper-main)",
+  "zIndex": "10"
+});
+var StyledMonth = styled.div.withConfig({
+  displayName: "Styles__StyledMonth",
+  componentId: "sc-1owijsg-3"
+})(["width:26%;transition-duration:0.3s;", " ", " ", " ", ""], {
+  "margin": "auto",
+  "cursor": "pointer",
+  "borderRadius": "1rem",
+  "fontWeight": "700",
+  "fontSize": "0.875rem",
+  "lineHeight": "1.25rem"
+}, function (props) {
+  return !props.$isSelected ? css(["&:hover{background-color:var(--color-primary-300);}"]) : css(["", " background-color:var(--color-primary);"], {
+    "color": "var(--color-theme-100)"
+  });
+}, function (props) {
+  return props.$isCurrent && css(["", ""], {
+    "color": "var(--color-primary)"
+  });
+}, function (props) {
+  return props.$isCurrentQuarter && css(["background-color:var(--color-primary-300);"]);
+});
+var StyledYearMonthPicker = styled.div.withConfig({
+  displayName: "Styles__StyledYearMonthPicker",
+  componentId: "sc-1owijsg-4"
+})(["display:table-caption;margin-bottom:0.5em;padding:0 0.5em;", " &> div{font-weight:500;font-size:1.15em;}"], {
+  "textAlign": "center",
+  "color": "var(--color-theme-900)"
+});
+var StyledYearMonthPickerNavBar = styled.div.withConfig({
+  displayName: "Styles__StyledYearMonthPickerNavBar",
+  componentId: "sc-1owijsg-5"
+})(["width:auto;margin:0 auto;"]);
+var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
+  displayName: "Styles__StyledYearMonthPickerNavBarItem",
+  componentId: "sc-1owijsg-6"
+})(["", " transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
+  "paddingLeft": "1rem",
+  "paddingRight": "1rem",
+  "cursor": "pointer"
+});
+StyledNavBarButton.displayName = "StyledNavBarButton";
+StyledMenuNavIcon.displayName = "StyledMenuNavIcon";
+StyledMonths.displayName = "StyledMonths";
+StyledMonth.displayName = "StyledMonth";
+
+export { StyledMenuNavIcon, StyledMonth, StyledMonths, StyledNavBarButton, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem };
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Pickers/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Pickers/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n  $direction: \"next\" | \"previous\";\n}>`\n  position: absolute;\n  margin-top: 1px;\n  cursor: pointer;\n  z-index: 2;\n  background-image: none;\n\n  ${(props) =>\n    props.$direction === \"previous\" &&\n    css`\n      right: auto;\n      left: 1px;\n    `}\n\n  ${(props) =>\n    props.$direction === \"next\" &&\n    css`\n      right: 1px;\n    `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n  ${tw`tw-transform`}\n  transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n  $isCurrent: boolean;\n  $isSelected: boolean;\n  $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n  top: 30px;\n  height: 230px;\n\n  ${tw`\n    tw-absolute\n    tw-left-0\n    tw-p-5\n    tw-flex\n    tw-flex-wrap\n    tw-bg-page-paper-main\n    tw-z-10\n  `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n  width: 26%;\n  transition-duration: 0.3s;\n\n  ${tw`\n    tw-m-auto\n    tw-cursor-pointer\n    tw-rounded-xl\n    tw-font-bold\n    tw-text-sm\n  `}\n\n  ${(props) =>\n    !props.$isSelected\n      ? css`\n          &:hover {\n            background-color: var(--color-primary-300);\n          }\n        `\n      : css`\n          ${tw`tw-text-theme-100`}\n          background-color: var(--color-primary);\n        `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrentQuarter &&\n    css`\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n  display: table-caption;\n  margin-bottom: 0.5em;\n  padding: 0 0.5em;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15em;\n  }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n  width: auto;\n  margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n  ${tw`tw-px-4 tw-cursor-pointer`}\n  transition-duration: 0.3s;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"names":["StyledNavBarButton","styled","Button","props","$direction","css","StyledMenuNavIcon","MenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":";;;;IAKaA,kBAAkB,GAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAC,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAC,GADA,gBADA;AAAA,CAhB2B;IAuBlBC,iBAAiB,GAAGL,MAAM,CAACM,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB;IAWjBC,YAAY,GAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB;IAcZC,WAAW,GAAGT,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,+DAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACN,KAAD;AAAA,SACA,CAACA,KAAK,CAACQ,WAAP,GACIN,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACS,UAAN,IACAP,GADA,WAEM;AAAA;AAAA,GAFN,CADC;AAAA,CAxBmB,EA8BnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACU,iBAAN,IACAR,GADA,gDADC;AAAA,CA9BmB;IAqCXS,qBAAqB,GAAGb,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA,iHAK5B;AAAA;AAAA;AAAA,CAL4B;IAarBM,2BAA2B,GAAGd,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA;IAK3BO,+BAA+B,GAAGf,MAAM,CAACgB,IAAV;AAAA;AAAA;AAAA,6GACtC;AAAA;AAAA;AAAA;AAAA,CADsC;AAU5CjB,kBAAkB,CAACkB,WAAnB,GAAiC,oBAAjC;AACAZ,iBAAiB,CAACY,WAAlB,GAAgC,mBAAhC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;;;;"}

package/dist/esm/components/Pickers/YearMonthPicker.d.ts

@@ -1,6 +1,5 @@
 import { FC } from "react";
 import { CaptionElementProps } from "react-day-picker";
-import "./YearMonthPicker.css";
 interface IYearMonthForm {
     onChange?: (modifiersArg: any) => void;
     isShown?: boolean;

package/dist/esm/components/Pickers/YearMonthPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YearMonthPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,uBAAuB,CAAC;AAG/B,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,KAAA,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE;QAAE,IAAI,MAAC;QAAC,EAAE,MAAA;KAAE,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,GAAG,cAAc,CAuFpE,CAAC"}
+{"version":3,"file":"YearMonthPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,KAAA,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE;QAAE,IAAI,MAAC;QAAC,EAAE,MAAA;KAAE,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,GAAG,cAAc,CAuFpE,CAAC"}

package/dist/esm/components/Pickers/YearMonthPicker.js

@@ -0,0 +1,73 @@
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import { useState, useCallback, useMemo } from 'react';
+import { StyledMonths, StyledMonth, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem } from './Styles.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var YearMonthPicker = function YearMonthPicker(_ref) {
+  var date = _ref.date,
+      localeUtils = _ref.localeUtils,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {
+    return null;
+  } : _ref$onChange,
+      _ref$isShown = _ref.isShown,
+      isShown = _ref$isShown === void 0 ? true : _ref$isShown,
+      onClick = _ref.onClick,
+      text = _ref.text,
+      selectedDays = _ref.selectedDays,
+      selectionMode = _ref.selectionMode;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      enteredTo = _useState2[0],
+      setEnteredTo = _useState2[1];
+
+  var months = localeUtils.getMonths();
+  var handleMonthChange = useCallback(function (e) {
+    onChange(new Date(date.getFullYear(), e.target.dataset.value));
+
+    if (onClick) {
+      onClick(e);
+    }
+  }, [date, onChange, onClick]);
+  var onMouseEnterCallback = useCallback(function (e) {
+    if (selectionMode === "quarterly") {
+      setEnteredTo(Math.floor(e.target.getAttribute("data-value") / 3));
+    }
+  }, [selectionMode]);
+  var renderMonths = useMemo(function () {
+    return /*#__PURE__*/jsx(StyledMonths, {
+      className: "c-monthPicker",
+      "data-test": "months",
+      children: months.map(function (month, i) {
+        return /*#__PURE__*/jsx(StyledMonth, {
+          className: "c-monthPicker__month",
+          onClick: handleMonthChange,
+          onMouseEnter: onMouseEnterCallback,
+          "data-value": i,
+          "data-test": "month",
+          $isCurrent: date.getFullYear() === new Date().getFullYear() && new Date().getMonth() === i,
+          $isCurrentQuarter: Math.floor(i / 3) === enteredTo,
+          $isSelected: selectedDays && !(selectedDays instanceof Date) && selectedDays.from && selectedDays.to && selectedDays.from.getFullYear() === date.getFullYear() && i >= selectedDays.from.getMonth() && i <= selectedDays.to.getMonth(),
+          children: month.substring(0, 3)
+        }, i);
+      })
+    });
+  }, [date, handleMonthChange, months, selectedDays, enteredTo, onMouseEnterCallback]);
+  return /*#__PURE__*/jsxs(StyledYearMonthPicker, {
+    className: "c-DayPicker-Caption",
+    role: "button",
+    children: [/*#__PURE__*/jsx(StyledYearMonthPickerNavBar, {
+      role: "button",
+      children: /*#__PURE__*/jsx(StyledYearMonthPickerNavBarItem, {
+        "data-test": "show-picker",
+        onClick: onClick,
+        children: text
+      })
+    }), isShown && renderMonths]
+  });
+};
+YearMonthPicker.displayName = "YearMonthPicker";
+
+export { YearMonthPicker };
+//# sourceMappingURL=YearMonthPicker.js.map

package/dist/esm/components/Pickers/YearMonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearMonthPicker.js","sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionElementProps } from \"react-day-picker\";\nimport {\n  StyledMonth,\n  StyledMonths,\n  StyledYearMonthPicker,\n  StyledYearMonthPickerNavBar,\n  StyledYearMonthPickerNavBarItem,\n} from \"./Styles\";\n\ninterface IYearMonthForm {\n  onChange?: (modifiersArg) => void;\n  isShown?: boolean;\n  text: string;\n  selectedDays?: { from; to } | Date;\n  selectionMode?: string;\n}\n\nexport const YearMonthPicker: FC<CaptionElementProps & IYearMonthForm> = ({\n  date,\n  localeUtils,\n  onChange = (): null => null,\n  isShown = true,\n  onClick,\n  text,\n  selectedDays,\n  selectionMode,\n}) => {\n  const [enteredTo, setEnteredTo] = useState<number | undefined>();\n  const months = localeUtils.getMonths();\n\n  const handleMonthChange = useCallback(\n    (e) => {\n      onChange(new Date(date.getFullYear(), e.target.dataset.value));\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [date, onChange, onClick]\n  );\n\n  const onMouseEnterCallback = useCallback(\n    (e) => {\n      if (selectionMode === \"quarterly\") {\n        setEnteredTo(Math.floor(e.target.getAttribute(\"data-value\") / 3));\n      }\n    },\n    [selectionMode]\n  );\n\n  const renderMonths = useMemo(() => {\n    return (\n      <StyledMonths className=\"c-monthPicker\" data-test=\"months\">\n        {months.map((month, i) => {\n          return (\n            <StyledMonth\n              className=\"c-monthPicker__month\"\n              key={i}\n              onClick={handleMonthChange}\n              onMouseEnter={onMouseEnterCallback}\n              data-value={i}\n              data-test=\"month\"\n              $isCurrent={\n                date.getFullYear() === new Date().getFullYear() &&\n                new Date().getMonth() === i\n              }\n              $isCurrentQuarter={Math.floor(i / 3) === enteredTo}\n              $isSelected={\n                selectedDays &&\n                !(selectedDays instanceof Date) &&\n                selectedDays.from &&\n                selectedDays.to &&\n                selectedDays.from.getFullYear() === date.getFullYear() &&\n                i >= selectedDays.from.getMonth() &&\n                i <= selectedDays.to.getMonth()\n              }\n            >\n              {month.substring(0, 3)}\n            </StyledMonth>\n          );\n        })}\n      </StyledMonths>\n    );\n  }, [\n    date,\n    handleMonthChange,\n    months,\n    selectedDays,\n    enteredTo,\n    onMouseEnterCallback,\n  ]);\n\n  return (\n    <StyledYearMonthPicker className=\"c-DayPicker-Caption\" role=\"button\">\n      <StyledYearMonthPickerNavBar role=\"button\">\n        <StyledYearMonthPickerNavBarItem\n          data-test=\"show-picker\"\n          onClick={onClick}\n        >\n          {text}\n        </StyledYearMonthPickerNavBarItem>\n      </StyledYearMonthPickerNavBar>\n      {isShown && renderMonths}\n    </StyledYearMonthPicker>\n  );\n};\n\nYearMonthPicker.displayName = \"YearMonthPicker\";\n"],"names":["YearMonthPicker","date","localeUtils","onChange","isShown","onClick","text","selectedDays","selectionMode","useState","enteredTo","setEnteredTo","months","getMonths","handleMonthChange","useCallback","e","Date","getFullYear","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","useMemo","_jsx","map","month","i","getMonth","from","to","substring","_jsxs","displayName"],"mappings":"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"}

package/dist/esm/components/Popper/Popper.js

@@ -0,0 +1,123 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
+import { createPopper } from '@popperjs/core';
+import useForkRef from '../../utils/useForkRef.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "anchorEl", "open", "style", "transition", "placement"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      anchorEl = _ref.anchorEl,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
+      style = _ref.style,
+      _ref$transition = _ref.transition,
+      transition = _ref$transition === void 0 ? false : _ref$transition,
+      _ref$placement = _ref.placement,
+      initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      exited = _useState2[0],
+      setExited = _useState2[1];
+
+  var _useState3 = useState(initialPlacement),
+      _useState4 = _slicedToArray(_useState3, 2),
+      placement = _useState4[0],
+      setPlacement = _useState4[1];
+
+  var ownRef = useRef(null);
+  var popperRef = useRef();
+  var handleInnerRef = useForkRef(ownRef, ref);
+
+  var handlePopperUpdate = function handlePopperUpdate(data) {
+    setPlacement(data.placement || "bottom");
+  };
+
+  var handleOpen = useCallback(function () {
+    if (!ownRef.current || !anchorEl || !open) {
+      return;
+    }
+
+    if (popperRef.current) {
+      popperRef.current.destroy();
+    }
+
+    popperRef.current = createPopper(anchorEl, ownRef.current, {
+      placement: placement,
+      onFirstUpdate: handlePopperUpdate
+    });
+  }, [anchorEl, open, placement]);
+
+  var handleClose = function handleClose() {
+    if (!popperRef.current) {
+      return;
+    }
+
+    popperRef.current.destroy();
+  };
+
+  var handleRef = useCallback(function (node) {
+    handleInnerRef(node);
+    handleOpen();
+  }, [handleOpen, handleInnerRef]);
+
+  var handleEnter = function handleEnter() {
+    setExited(false);
+  };
+
+  var handleExited = function handleExited() {
+    setExited(true);
+    handleClose();
+  };
+
+  useEffect(function () {
+    return function () {
+      handleClose();
+    };
+  }, []);
+  useEffect(function () {
+    if (!open && !transition) {
+      handleClose();
+    }
+  }, [open, transition]);
+  useEffect(function () {
+    if (popperRef.current) {
+      popperRef.current.update();
+    }
+  });
+
+  if (!open && (!transition || exited)) {
+    return null;
+  }
+
+  var childProps = {
+    placement: placement
+  };
+
+  if (transition) {
+    childProps.transitionProps = {
+      in: open,
+      onEnter: handleEnter,
+      onExited: handleExited
+    };
+  }
+
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    ref: handleRef
+  }, rest), {}, {
+    style: _objectSpread({}, style),
+    children: typeof children === "function" ? children(childProps) : children
+  }));
+});
+Popper.displayName = "Popper";
+
+export { Popper };
+//# sourceMappingURL=Popper.js.map

package/dist/esm/components/Popper/Popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.js","sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n  CSSProperties,\n  HTMLAttributes,\n} from \"react\";\nimport { createPopper, Instance, State } from \"@popperjs/core\";\nimport { Placement } from \".\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface TransitionProps {\n  in: boolean;\n  onEnter: () => void;\n  onExited: () => void;\n}\ninterface IChildProps {\n  placement: Placement;\n  transitionProps: Partial<TransitionProps>;\n}\n\ninterface PopperProps {\n  /** Anchor Element. */\n  anchorEl?: Element | null;\n  /** Open */\n  open?: boolean;\n  /** Inline style */\n  style?: CSSProperties;\n  /** Child with transition */\n  transition?: boolean;\n  /** Placement */\n  placement?: Placement;\n}\n\nexport const Popper = forwardRef<\n  HTMLDivElement,\n  PopperProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      anchorEl,\n      open = false,\n      style,\n      transition = false,\n      placement: initialPlacement = \"bottom\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [exited, setExited] = useState(true);\n    const [placement, setPlacement] = useState(initialPlacement);\n    const ownRef = useRef<HTMLDivElement | null>(null);\n    const popperRef = useRef<Instance>();\n\n    const handleInnerRef = useForkRef(ownRef, ref);\n\n    const handlePopperUpdate = (data: Partial<State>): void => {\n      setPlacement(data.placement || \"bottom\");\n    };\n\n    const handleOpen = useCallback(() => {\n      if (!ownRef.current || !anchorEl || !open) {\n        return;\n      }\n\n      if (popperRef.current) {\n        popperRef.current.destroy();\n      }\n\n      popperRef.current = createPopper(anchorEl, ownRef.current, {\n        placement,\n        onFirstUpdate: handlePopperUpdate,\n      });\n    }, [anchorEl, open, placement]);\n\n    const handleClose = (): void => {\n      if (!popperRef.current) {\n        return;\n      }\n\n      popperRef.current.destroy();\n    };\n\n    const handleRef = useCallback(\n      (node: HTMLDivElement) => {\n        handleInnerRef(node);\n        handleOpen();\n      },\n      [handleOpen, handleInnerRef]\n    );\n\n    const handleEnter = (): void => {\n      setExited(false);\n    };\n\n    const handleExited = (): void => {\n      setExited(true);\n      handleClose();\n    };\n\n    useEffect(() => {\n      return (): void => {\n        handleClose();\n      };\n    }, []);\n\n    useEffect(() => {\n      if (!open && !transition) {\n        handleClose();\n      }\n    }, [open, transition]);\n\n    useEffect(() => {\n      if (popperRef.current) {\n        popperRef.current.update();\n      }\n    });\n\n    if (!open && (!transition || exited)) {\n      return null;\n    }\n\n    const childProps: Partial<IChildProps> = { placement };\n\n    if (transition) {\n      childProps.transitionProps = {\n        in: open,\n        onEnter: handleEnter,\n        onExited: handleExited,\n      };\n    }\n\n    return (\n      <div\n        ref={handleRef}\n        {...rest}\n        style={{\n          ...style,\n        }}\n      >\n        {typeof children === \"function\" ? children(childProps) : children}\n      </div>\n    );\n  }\n);\n\nPopper.displayName = \"Popper\";\n"],"names":["Popper","forwardRef","ref","children","anchorEl","open","style","transition","placement","initialPlacement","rest","useState","exited","setExited","setPlacement","ownRef","useRef","popperRef","handleInnerRef","useForkRef","handlePopperUpdate","data","handleOpen","useCallback","current","destroy","createPopper","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","useEffect","update","childProps","transitionProps","in","onEnter","onExited","_jsx","displayName"],"mappings":"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"}

package/dist/esm/components/Pressed/Pressed.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { IButtonProps } from "../Button/Button";
-import "./Pressed.css";
 export interface IPressedProps extends IButtonProps {
     active?: boolean;
 }

package/dist/esm/components/Pressed/Pressed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressed.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAU,MAAM,kBAAkB,CAAC;AACxD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,aAAc,SAAQ,YAAY;IAEjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,OAAO,yFAYnB,CAAC"}
+{"version":3,"file":"Pressed.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,MAAM,WAAW,aAAc,SAAQ,YAAY;IAEjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,OAAO,yFAanB,CAAC"}

package/dist/esm/components/Pressed/Pressed.js

@@ -0,0 +1,37 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { StyledPressed } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "active", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * Pressed wrapper for button component
+ */
+var Pressed = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledPressed, _objectSpread(_objectSpread({
+    active: active,
+    ref: ref,
+    className: classnames({
+      "c-pressed__active": active
+    }, className)
+  }, args), {}, {
+    children: children
+  }));
+});
+Pressed.displayName = "Pressed";
+
+export { Pressed };
+//# sourceMappingURL=Pressed.js.map

package/dist/esm/components/Pressed/Pressed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressed.js","sources":["../../../../src/components/Pressed/Pressed.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n  /** Set active state */\n  active?: boolean;\n}\n\n/**\n * Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n  ({ children, active = false, className, ...args }, ref) => {\n    return (\n      <StyledPressed\n        active={active}\n        ref={ref}\n        className={classNames({ \"c-pressed__active\": active }, className)}\n        {...args}\n      >\n        {children}\n      </StyledPressed>\n    );\n  }\n);\n\nPressed.displayName = \"Pressed\";\n"],"names":["Pressed","forwardRef","ref","children","active","className","args","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;;AAUA;AACA;AACA;IACaA,OAAO,gBAAGC,UAAU,CAC/B,gBAAmDC,GAAnD,EAA2D;AAAA,MAAxDC,QAAwD,QAAxDA,QAAwD;AAAA,yBAA9CC,MAA8C;AAAA,MAA9CA,MAA8C,4BAArC,KAAqC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACzD,sBACEC,IAAC,aAAD;AACE,IAAA,MAAM,EAAEH,MADV;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,SAAS,EAAEM,UAAU,CAAC;AAAE,2BAAqBJ;AAAvB,KAAD,EAAkCC,SAAlC;AAHvB,KAIMC,IAJN;AAAA,cAMGH;AANH,KADF;AAUD,CAZ8B;AAejCH,OAAO,CAACS,WAAR,GAAsB,SAAtB;;;;"}

package/dist/esm/components/Pressed/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAG1C,eAAO,MAAM,aAAa,+MA+BzB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,eAAO,MAAM,aAAa,+MAoCzB,CAAC"}

package/dist/esm/components/Pressed/Styles.js

@@ -0,0 +1,15 @@
+import styled, { css } from 'styled-components';
+import { Button } from '../Button/Button.js';
+
+var StyledPressed = styled(Button).withConfig({
+  displayName: "Styles__StyledPressed",
+  componentId: "sc-1wqfsg5-0"
+})(["", ""], function (props) {
+  return props.active && css(["", " ", " ", " ", " ", " ", ""], {
+    "pointerEvents": "none"
+  }, (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"])));
+});
+StyledPressed.displayName = "StyledPressed";
+
+export { StyledPressed };
+//# sourceMappingURL=Styles.js.map