@activecollab/components 1.0.4 → 1.0.8

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

@@ -1 +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;;;;"}
+{"version":3,"sources":["../../../../src/components/Paper/Paper.tsx"],"names":["React","forwardRef","classNames","StyledPaper","Paper","innerRef","children","className","type","hover","useOptimizedShadow","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,UAA5B;;AAmBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,gBAAGH,UAAU,CAC7B,gBASEI,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,sBACE,oBAAC,WAAD;AACE,IAAA,SAAS,EAAET,UAAU,CAACK,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,GAoBGL,QApBH,CADF;AAwBD,CApC4B,CAAxB;AAuCPF,KAAK,CAACQ,WAAN,GAAoB,OAApB","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"],"file":"Paper.js"}

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

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

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

@@ -1 +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;;;;"}
+{"version":3,"sources":["../../../../src/components/Paper/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledPaper","div","props","type","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAGA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,yDAClB;AAAA;AAAA,CADkB,EAIpBF,SAJoB,EAKpBD,cALoB,EAOpB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,SAAf,IACAN,GADA,6CADA;AAAA,CAPoB,CAAjB;AAcPG,WAAW,CAACI,WAAZ,GAA0B,aAA1B","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"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Paper";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Paper/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd","sourcesContent":["export * from \"./Paper\";\n"],"file":"index.js"}

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

@@ -1,9 +1,7 @@
-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) {
+import React, { forwardRef, useCallback } from "react";
+import MenuNavIcon from "../Icons/collection/MenuNavIcon";
+import { StyledMenuNavIcon, StyledNavBarButton } from "./Styles";
+export var NavBarElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onPreviousClick = _ref.onPreviousClick,
       onNextClick = _ref.onNextClick;
   var onPrevious = useCallback(function () {
@@ -12,38 +10,33 @@ var NavBarElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onNext = useCallback(function () {
     onNextClick();
   }, [onNextClick]);
-  return /*#__PURE__*/jsxs("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "c-DayPicker-NavBar",
     ref: ref,
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(StyledNavBarButton, {
+    type: "button",
+    variant: "text gray",
+    size: "small",
     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"
-      })
-    })]
-  });
+    onClick: onPrevious,
+    $direction: "previous"
+  }, /*#__PURE__*/React.createElement(MenuNavIcon, {
+    "aria-label": "Previous Month",
+    width: "24",
+    height: "24"
+  })), /*#__PURE__*/React.createElement(StyledNavBarButton, {
+    type: "button",
+    variant: "text gray",
+    size: "small",
+    tabIndex: 0,
+    onClick: onNext,
+    $direction: "next"
+  }, /*#__PURE__*/React.createElement(StyledMenuNavIcon, {
+    "aria-label": "Next Month",
+    width: "24",
+    height: "24"
+  })));
 });
 NavBarElement.displayName = "NavBarElement";
-
-export { NavBarElement };
-//# sourceMappingURL=NavBarElement.js.map
+//# sourceMappingURL=NavBarElement.js.map

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

@@ -1 +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;;;;"}
+{"version":3,"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":["React","forwardRef","useCallback","MenuNavIcon","StyledMenuNavIcon","StyledNavBarButton","NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA4BC,UAA5B,EAAwCC,WAAxC,QAA2D,OAA3D;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AACA,SAASC,iBAAT,EAA4BC,kBAA5B,QAAsD,UAAtD;AAMA,OAAO,IAAMC,aAAa,gBAAGL,UAAU,CAGrC,gBAAmCM,GAAnC,EAA2C;AAAA,MAAxCC,eAAwC,QAAxCA,eAAwC;AAAA,MAAvBC,WAAuB,QAAvBA,WAAuB;AAC3C,MAAMC,UAAU,GAAGR,WAAW,CAAC,YAAM;AACnCM,IAAAA,eAAe;AAChB,GAF6B,EAE3B,CAACA,eAAD,CAF2B,CAA9B;AAIA,MAAMG,MAAM,GAAGT,WAAW,CAAC,YAAM;AAC/BO,IAAAA,WAAW;AACZ,GAFyB,EAEvB,CAACA,WAAD,CAFuB,CAA1B;AAIA,sBACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEF,GAAzC;AAA8C,IAAA,QAAQ,EAAE;AAAxD,kBACE,oBAAC,kBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEG,UALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,oBAAC,WAAD;AAAa,kBAAW,gBAAxB;AAAyC,IAAA,KAAK,EAAC,IAA/C;AAAoD,IAAA,MAAM,EAAC;AAA3D,IARF,CADF,eAWE,oBAAC,kBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,oBAAC,iBAAD;AAAmB,kBAAW,YAA9B;AAA2C,IAAA,KAAK,EAAC,IAAjD;AAAsD,IAAA,MAAM,EAAC;AAA7D,IARF,CAXF,CADF;AAwBD,CApCsC,CAAhC;AAsCPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","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"],"file":"NavBarElement.js"}

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

@@ -1,8 +1,7 @@
-import styled, { css } from 'styled-components';
-import { Button } from '../Button/Button.js';
-import MenuNavIcon from '../Icons/collection/MenuNavIcon.js';
-
-var StyledNavBarButton = styled(Button).withConfig({
+import styled, { css } from "styled-components";
+import { Button } from "../Button/Button";
+import MenuNavIcon from "../Icons/collection/MenuNavIcon";
+export 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) {
@@ -10,13 +9,13 @@ var StyledNavBarButton = styled(Button).withConfig({
 }, function (props) {
   return props.$direction === "next" && css(["right:1px;"]);
 });
-var StyledMenuNavIcon = styled(MenuNavIcon).withConfig({
+export var StyledMenuNavIcon = styled(MenuNavIcon).withConfig({
   displayName: "Styles__StyledMenuNavIcon",
   componentId: "sc-1owijsg-1"
 })(["", " transform:rotate(180deg);"], {
   "transform": "var(--tw-transform)"
 });
-var StyledMonths = styled.div.withConfig({
+export var StyledMonths = styled.div.withConfig({
   displayName: "Styles__StyledMonths",
   componentId: "sc-1owijsg-2"
 })(["top:30px;height:230px;", ""], {
@@ -28,7 +27,7 @@ var StyledMonths = styled.div.withConfig({
   "backgroundColor": "var(--page-paper-main)",
   "zIndex": "10"
 });
-var StyledMonth = styled.div.withConfig({
+export var StyledMonth = styled.div.withConfig({
   displayName: "Styles__StyledMonth",
   componentId: "sc-1owijsg-3"
 })(["width:26%;transition-duration:0.3s;", " ", " ", " ", ""], {
@@ -49,18 +48,18 @@ var StyledMonth = styled.div.withConfig({
 }, function (props) {
   return props.$isCurrentQuarter && css(["background-color:var(--color-primary-300);"]);
 });
-var StyledYearMonthPicker = styled.div.withConfig({
+export 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({
+export var StyledYearMonthPickerNavBar = styled.div.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBar",
   componentId: "sc-1owijsg-5"
 })(["width:auto;margin:0 auto;"]);
-var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
+export 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;}"], {
@@ -72,6 +71,4 @@ StyledNavBarButton.displayName = "StyledNavBarButton";
 StyledMenuNavIcon.displayName = "StyledMenuNavIcon";
 StyledMonths.displayName = "StyledMonths";
 StyledMonth.displayName = "StyledMonth";
-
-export { StyledMenuNavIcon, StyledMonth, StyledMonths, StyledNavBarButton, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +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;;;;"}
+{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,+DAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACJ,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,WAAP,GACIV,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACAX,GADA,WAEM;AAAA;AAAA,GAFN,CADC;AAAA,CAxBmB,EA8BnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACQ,iBAAN,IACAZ,GADA,gDADC;AAAA,CA9BmB,CAAjB;AAqCP,OAAO,IAAMa,qBAAqB,GAAGd,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGf,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGhB,MAAM,CAACiB,IAAV;AAAA;AAAA;AAAA,6GACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAUPb,kBAAkB,CAACc,WAAnB,GAAiC,oBAAjC;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","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"],"file":"Styles.js"}

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

@@ -1,9 +1,6 @@
-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) {
+import React, { useCallback, useMemo, useState } from "react";
+import { StyledMonth, StyledMonths, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem } from "./Styles";
+export var YearMonthPicker = function YearMonthPicker(_ref) {
   var date = _ref.date,
       localeUtils = _ref.localeUtils,
       _ref$onChange = _ref.onChange,
@@ -18,9 +15,8 @@ var YearMonthPicker = function YearMonthPicker(_ref) {
       selectionMode = _ref.selectionMode;
 
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      enteredTo = _useState2[0],
-      setEnteredTo = _useState2[1];
+      enteredTo = _useState[0],
+      setEnteredTo = _useState[1];
 
   var months = localeUtils.getMonths();
   var handleMonthChange = useCallback(function (e) {
@@ -36,38 +32,32 @@ var YearMonthPicker = function YearMonthPicker(_ref) {
     }
   }, [selectionMode]);
   var renderMonths = useMemo(function () {
-    return /*#__PURE__*/jsx(StyledMonths, {
+    return /*#__PURE__*/React.createElement(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);
-      })
-    });
+      "data-test": "months"
+    }, months.map(function (month, i) {
+      return /*#__PURE__*/React.createElement(StyledMonth, {
+        className: "c-monthPicker__month",
+        key: i,
+        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()
+      }, month.substring(0, 3));
+    }));
   }, [date, handleMonthChange, months, selectedDays, enteredTo, onMouseEnterCallback]);
-  return /*#__PURE__*/jsxs(StyledYearMonthPicker, {
+  return /*#__PURE__*/React.createElement(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]
-  });
+    role: "button"
+  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBar, {
+    role: "button"
+  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBarItem, {
+    "data-test": "show-picker",
+    onClick: onClick
+  }, text)), isShown && renderMonths);
 };
 YearMonthPicker.displayName = "YearMonthPicker";
-
-export { YearMonthPicker };
-//# sourceMappingURL=YearMonthPicker.js.map
+//# sourceMappingURL=YearMonthPicker.js.map

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

@@ -1 +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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"}
+{"version":3,"sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"names":["React","useCallback","useMemo","useState","StyledMonth","StyledMonths","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","YearMonthPicker","date","localeUtils","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","months","getMonths","handleMonthChange","e","Date","getFullYear","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","map","month","i","getMonth","from","to","substring","displayName"],"mappings":"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","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"],"file":"YearMonthPicker.js"}

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

@@ -0,0 +1,3 @@
+export * from "./YearMonthPicker";
+export * from "./NavBarElement";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pickers/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,iBAAd","sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"file":"index.js"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Placement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"Placement.js"}

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

@@ -1,17 +1,10 @@
-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';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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) {
+import React, { forwardRef, useCallback, useRef, useEffect, useState } from "react";
+import { createPopper } from "@popperjs/core";
+import useForkRef from "../../utils/useForkRef";
+export var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       anchorEl = _ref.anchorEl,
       _ref$open = _ref.open,
@@ -21,17 +14,15 @@ var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
       transition = _ref$transition === void 0 ? false : _ref$transition,
       _ref$placement = _ref.placement,
       initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      exited = _useState2[0],
-      setExited = _useState2[1];
+      exited = _useState[0],
+      setExited = _useState[1];
 
-  var _useState3 = useState(initialPlacement),
-      _useState4 = _slicedToArray(_useState3, 2),
-      placement = _useState4[0],
-      setPlacement = _useState4[1];
+  var _useState2 = useState(initialPlacement),
+      placement = _useState2[0],
+      setPlacement = _useState2[1];
 
   var ownRef = useRef(null);
   var popperRef = useRef();
@@ -110,14 +101,11 @@ var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }
 
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("div", _extends({
     ref: handleRef
-  }, rest), {}, {
-    style: _objectSpread({}, style),
-    children: typeof children === "function" ? children(childProps) : children
-  }));
+  }, rest, {
+    style: _extends({}, style)
+  }), typeof children === "function" ? children(childProps) : children);
 });
 Popper.displayName = "Popper";
-
-export { Popper };
-//# sourceMappingURL=Popper.js.map
+//# sourceMappingURL=Popper.js.map

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

@@ -1 +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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"}
+{"version":3,"sources":["../../../../src/components/Popper/Popper.tsx"],"names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","useForkRef","Popper","ref","children","anchorEl","open","style","transition","placement","initialPlacement","rest","exited","setExited","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","displayName"],"mappings":"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","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"],"file":"Popper.js"}

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

@@ -0,0 +1,3 @@
+export * from "./Popper";
+export * from "./Placement";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Popper/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,aAAd","sourcesContent":["export * from \"./Popper\";\nexport * from \"./Placement\";\n"],"file":"index.js"}

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

@@ -1,37 +1,27 @@
-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';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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; }
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledPressed } from "./Styles";
 
 /**
  * Pressed wrapper for button component
  */
-var Pressed = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export 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);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledPressed, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledPressed, _extends({
     active: active,
     ref: ref,
-    className: classnames({
+    className: classNames({
       "c-pressed__active": active
     }, className)
-  }, args), {}, {
-    children: children
-  }));
+  }, args), children);
 });
 Pressed.displayName = "Pressed";
-
-export { Pressed };
-//# sourceMappingURL=Pressed.js.map
+//# sourceMappingURL=Pressed.js.map

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

@@ -1 +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;;;;"}
+{"version":3,"sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":["React","forwardRef","classNames","StyledPressed","Pressed","ref","children","active","className","args","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAASC,aAAT,QAA8B,UAA9B;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC/B,gBAAmDI,GAAnD,EAA2D;AAAA,MAAxDC,QAAwD,QAAxDA,QAAwD;AAAA,yBAA9CC,MAA8C;AAAA,MAA9CA,MAA8C,4BAArC,KAAqC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACzD,sBACE,oBAAC,aAAD;AACE,IAAA,MAAM,EAAEF,MADV;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,SAAS,EAAEH,UAAU,CAAC;AAAE,2BAAqBK;AAAvB,KAAD,EAAkCC,SAAlC;AAHvB,KAIMC,IAJN,GAMGH,QANH,CADF;AAUD,CAZ8B,CAA1B;AAePF,OAAO,CAACM,WAAR,GAAsB,SAAtB","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"],"file":"Pressed.js"}

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

@@ -1,7 +1,6 @@
-import styled, { css } from 'styled-components';
-import { Button } from '../Button/Button.js';
-
-var StyledPressed = styled(Button).withConfig({
+import styled, { css } from "styled-components";
+import { Button } from "../Button/Button";
+export var StyledPressed = styled(Button).withConfig({
   displayName: "Styles__StyledPressed",
   componentId: "sc-1wqfsg5-0"
 })(["", ""], function (props) {
@@ -10,6 +9,4 @@ var StyledPressed = styled(Button).withConfig({
   }, (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
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Pressed/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"names":["StyledPressed","styled","Button","props","active","css","variant","children","Array","displayName"],"mappings":";;;IAKaA,aAAa,GAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAC,GADA,oCAEM;AAAA;AAAA,GAFN,EAII,CAACF,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,KACFD,GADE,gDAJJ,EASI,CAACF,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,KACFD,GADE,mEATJ,EAeIF,KAAK,CAACG,OAAN,KAAkB,kBAAlB,IACFD,GADE,yCAfJ,EAoBE,CAACF,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,KACAD,GADA,gDApBF,EAyBE,CAACF,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,KACAD,GADA,sCAGIF,KAAK,CAACI,QAAN,YAA0BC,KAA1B,IACFH,GADE,8CAHJ,CAzBF,CADA;AAAA,CADsB;AAsC1BL,aAAa,CAACS,WAAd,GAA4B,eAA5B;;;;"}
+{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAJ,GADA,oCAEM;AAAA;AAAA,GAFN,EAII,CAACG,KAAK,CAACE,OAAN,KAAkB,SAAlB,IAA+BF,KAAK,CAACE,OAAN,KAAkB,WAAlD,KACFL,GADE,gDAJJ,EASI,CAACG,KAAK,CAACE,OAAN,KAAkB,WAAlB,IAAiCF,KAAK,CAACE,OAAN,KAAkB,UAApD,KACFL,GADE,mEATJ,EAeIG,KAAK,CAACE,OAAN,KAAkB,kBAAlB,IACFL,GADE,yCAfJ,EAoBE,CAACG,KAAK,CAACE,OAAN,KAAkB,UAAlB,IAAgCF,KAAK,CAACE,OAAN,KAAkB,cAAnD,KACAL,GADA,gDApBF,EAyBE,CAACG,KAAK,CAACE,OAAN,KAAkB,QAAlB,IAA8BF,KAAK,CAACE,OAAN,KAAkB,WAAjD,KACAL,GADA,sCAGIG,KAAK,CAACG,QAAN,YAA0BC,KAA1B,IACFP,GADE,8CAHJ,CAzBF,CADA;AAAA,CADsB,CAAnB;AAsCPE,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./Pressed";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pressed/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAd","sourcesContent":["export * from \"./Pressed\";\n"],"file":"index.js"}