@activecollab/components 0.1.537 → 1.0.1

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

@@ -0,0 +1,40 @@
+import styled, { keyframes, css } from 'styled-components';
+
+var burstScale = keyframes(["from{transform:scale(0);}to{transform:scale(1);}"]);
+var burstAnimation = keyframes(["from{stroke-dashoffset:0;}to{stroke-dashoffset:8;}"]);
+var StyledCompleteCheckbox = styled.div.withConfig({
+  displayName: "Styles__StyledCompleteCheckbox",
+  componentId: "sc-1801dzg-0"
+})(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", ""], {
+  "width": "1.5rem",
+  "height": "1.5rem",
+  "borderRadius": "9999px",
+  "borderWidth": "1px",
+  "borderStyle": "solid",
+  "position": "relative",
+  "cursor": "pointer"
+}, {
+  "position": "absolute",
+  "pointerEvents": "none"
+}, function (props) {
+  return props.$primary && css(["svg path{stroke:var(--color-primary);}"]);
+}, function (props) {
+  return props.$primary && css(["stroke:var(--color-theme-500);"]);
+}, function (props) {
+  return props.$completed && css(["box-shadow:inset 0 0 0 12px var(--color-primary);border-color:var(--color-primary);border-width:0px;", " &:hover{box-shadow:inset 0 0 0 12px #84cc7c;", "}svg polyline{stroke-dashoffset:0;stroke:#fff;", "}svg path{stroke-dasharray:8;stroke-dashoffset:0;transform-origin:24px 24px;}"], !props.$primary && css(["", " box-shadow:inset 0 0 0 12px #84cc7c;border-color:#84cc7c;"], {
+    "borderWidth": "1px",
+    "borderStyle": "solid"
+  }), props.$primary && css(["box-shadow:inset 0 0 0 12px var(--color-primary);"]), props.$primary && css(["stroke:var(--color-theme-100);"]));
+}, function (props) {
+  return !props.$completed && !props.$disabled && css(["&:hover{border:1px solid var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary);border-width:0px;", " svg polyline{stroke-dashoffset:0;}}"], !props.$primary && css(["border:1px solid #84cc7c;box-shadow:inset 0 0 0 2px #84cc7c;"]));
+}, function (props) {
+  return props.$animation && css(["svg path{animation:", " 0.6s ease 0s 1 normal,", " 0.4s ease 0.2s 1 normal;}"], burstScale, burstAnimation);
+}, function (props) {
+  return props.$disabled && css(["", " opacity:0.5;"], {
+    "cursor": "default"
+  });
+});
+StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
+
+export { StyledCompleteCheckbox };
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"names":["burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","styled","div","props","$primary","css","$completed","$disabled","$animation","displayName"],"mappings":";;AAUA,IAAMA,UAAU,GAAGC,SAAH,sDAAhB;AASA,IAAMC,cAAc,GAAGD,SAAH,wDAApB;IASaE,sBAAsB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,gYAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,EAM3B;AAAA;AAAA;AAAA,CAN2B,EAmB/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAC,GADA,4CADA;AAAA,CAnB+B,EAoC7B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAC,GADA,oCADA;AAAA,CApC6B,EA2C/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,IACAD,GADA,+RAMI,CAACF,KAAK,CAACC,QAAP,IACFC,GADE,qEAEI;AAAA;AAAA;AAAA,GAFJ,CANJ,EAeMF,KAAK,CAACC,QAAN,IACFC,GADE,uDAfN,EAwBMF,KAAK,CAACC,QAAN,IACFC,GADE,oCAxBN,CADA;AAAA,CA3C+B,EAiF/B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,UAAP,IACA,CAACH,KAAK,CAACI,SADP,IAEAF,GAFA,8JAOM,CAACF,KAAK,CAACC,QAAP,IACFC,GADE,kEAPN,CADA;AAAA,CAjF+B,EAoG/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACK,UAAN,IACAH,GADA,mFAIiBR,UAJjB,EAKQE,cALR,CADA;AAAA,CApG+B,EA8G/B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACI,SAAN,IACAF,GADA,wBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA9G+B;AAsHnCL,sBAAsB,CAACS,WAAvB,GAAqC,wBAArC;;;;"}

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

@@ -1,5 +1,5 @@
 import React from "react";
-interface IConfirmDialog {
+export interface IConfirmDialog {
     open?: boolean;
     onCancel?: () => void;
     onConfirm?: () => void;
@@ -11,5 +11,4 @@ interface IConfirmDialog {
     shouldShowCancelButton?: boolean;
 }
 export declare const ConfirmDialog: React.ForwardRefExoticComponent<IConfirmDialog & React.RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,uFAgDzB,CAAC"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,uFAoDzB,CAAC"}

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,62 @@
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { Button } from '../Button/Button.js';
+import { Body2 } from '../Typography/Variants/Body2.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog } from '../Dialog/Dialog.js';
+import { DialogTitle } from '../Dialog/DialogTitle.js';
+import { DialogContentDivider } from '../Dialog/DialogContentDivider.js';
+import { DialogContent } from '../Dialog/DialogContent.js';
+import { DialogActions } from '../Dialog/DialogActions.js';
+
+var ConfirmDialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
+      onCancel = _ref.onCancel,
+      onConfirm = _ref.onConfirm,
+      className = _ref.className,
+      _ref$dialogTitle = _ref.dialogTitle,
+      dialogTitle = _ref$dialogTitle === void 0 ? "Discard changes?" : _ref$dialogTitle,
+      _ref$dialogContent = _ref.dialogContent,
+      dialogContent = _ref$dialogContent === void 0 ? "All unsaved changes will be lost." : _ref$dialogContent,
+      _ref$confirmBtnText = _ref.confirmBtnText,
+      confirmBtnText = _ref$confirmBtnText === void 0 ? "OK" : _ref$confirmBtnText,
+      _ref$cancelBtnText = _ref.cancelBtnText,
+      cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
+      _ref$shouldShowCancel = _ref.shouldShowCancelButton,
+      shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel;
+  return /*#__PURE__*/jsxs(Dialog, {
+    ref: ref,
+    open: open,
+    onClose: onCancel,
+    className: classnames("c-confirm-dialog", className),
+    children: [/*#__PURE__*/jsx(DialogTitle, {
+      children: dialogTitle
+    }), /*#__PURE__*/jsx(DialogContentDivider, {}), /*#__PURE__*/jsx(DialogContent, {
+      children: /*#__PURE__*/jsx(Body2, {
+        lineHeight: "loose",
+        color: "secondary",
+        children: dialogContent
+      })
+    }), /*#__PURE__*/jsx(DialogContentDivider, {}), /*#__PURE__*/jsxs(DialogActions, {
+      children: [/*#__PURE__*/jsx(Button, {
+        variant: "primary",
+        style: {
+          marginRight: "12px"
+        },
+        onClick: onConfirm,
+        children: confirmBtnText
+      }), shouldShowCancelButton ? /*#__PURE__*/jsx(Button, {
+        variant: "secondary",
+        "data-action": "cancel",
+        onClick: onCancel,
+        type: "button",
+        children: cancelBtnText
+      }) : null]
+    })]
+  });
+});
+ConfirmDialog.displayName = "ConfirmDialog";
+
+export { ConfirmDialog };
+//# sourceMappingURL=ConfirmDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"names":["ConfirmDialog","forwardRef","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","_jsxs","classnames","_jsx","marginRight","displayName"],"mappings":";;;;;;;;;;;IAwBaA,aAAa,gBAAGC,UAAU,CACrC,gBAYEC,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACEC,KAAC,MAAD;AACE,IAAA,GAAG,EAAEV,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAES,UAAU,CAAC,kBAAD,EAAqBP,SAArB,CAJvB;AAAA,4BAMEQ,IAAC,WAAD;AAAA,gBAAcP;AAAd,MANF,eAOEO,IAAC,oBAAD,KAPF,eAQEA,IAAC,aAAD;AAAA,6BACEA,IAAC,KAAD;AAAO,QAAA,UAAU,EAAC,OAAlB;AAA0B,QAAA,KAAK,EAAC,WAAhC;AAAA,kBACGN;AADH;AADF,MARF,eAaEM,IAAC,oBAAD,KAbF,eAcEF,KAAC,aAAD;AAAA,8BACEE,IAAC,MAAD;AACE,QAAA,OAAO,EAAC,SADV;AAEE,QAAA,KAAK,EAAE;AAAEC,UAAAA,WAAW,EAAE;AAAf,SAFT;AAGE,QAAA,OAAO,EAAEV,SAHX;AAAA,kBAKGI;AALH,QADF,EAQGE,sBAAsB,gBACrBG,IAAC,MAAD;AACE,QAAA,OAAO,EAAC,WADV;AAEE,uBAAY,QAFd;AAGE,QAAA,OAAO,EAAEV,QAHX;AAIE,QAAA,IAAI,EAAC,QAJP;AAAA,kBAMGM;AANH,QADqB,GASnB,IAjBN;AAAA,MAdF;AAAA,IADF;AAoCD,CAnDoC;AAsDvCV,aAAa,CAACgB,WAAd,GAA4B,eAA5B;;;;"}

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

@@ -1,10 +1,9 @@
 import React, { ReactElement } from "react";
-import "./CounterButton.css";
 interface ICounterButtonProps {
     active?: boolean;
     label?: string;
     icon?: ReactElement;
-    counter?: number | undefined;
+    counter?: number;
     onClearAll: () => void;
     tooltipText?: string;
     className?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,qBAAqB,CAAC;AAE7B,UAAU,mBAAmB;IAE3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+FA2DzB,CAAC"}
+{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAWxD,UAAU,mBAAmB;IAE3B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,+FA+DzB,CAAC"}

package/dist/esm/components/CounterButton/CounterButton.js

@@ -0,0 +1,64 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import React, { forwardRef } from 'react';
+import classnames from 'classnames';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import CloseSmallIcon from '../Icons/collection/CloseSmall.js';
+import { StyledCounterButton, StyledCounterButtonLabel, StyledCounterButtonCounter, StyledCounterButtonReset } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "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; }
+var CounterButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+      icon = _ref.icon,
+      active = _ref.active,
+      _ref$counter = _ref.counter,
+      counter = _ref$counter === void 0 ? 0 : _ref$counter,
+      tooltipText = _ref.tooltipText,
+      onClearAll = _ref.onClearAll,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs("div", {
+    className: classnames("tw-flex ac-font box-sizing", className),
+    children: [/*#__PURE__*/jsxs(StyledCounterButton, _objectSpread(_objectSpread({
+      className: classnames("c-counter-button", {
+        "c-counter-button__selected": counter
+      })
+    }, args), {}, {
+      ref: ref,
+      variant: "text gray",
+      $active: counter > 0 || active,
+      $selected: counter > 0,
+      children: [icon && /*#__PURE__*/React.cloneElement(icon, {
+        className: classnames("c-counter-button__icon")
+      }), label && /*#__PURE__*/jsx(StyledCounterButtonLabel, {
+        color: "secondary",
+        weight: "medium",
+        className: "c-counter-button__label",
+        $active: active,
+        children: label
+      }), counter > 0 ? /*#__PURE__*/jsx(StyledCounterButtonCounter, {
+        className: "c-counter-button__counter",
+        children: counter
+      }) : null]
+    })), counter > 0 ? /*#__PURE__*/jsx(Tooltip, {
+      title: "".concat(tooltipText),
+      popperTooltipClassName: "z-index-1300",
+      children: /*#__PURE__*/jsx(StyledCounterButtonReset, {
+        variant: "text colored",
+        className: "c-counter-button__reset",
+        onClick: onClearAll,
+        children: /*#__PURE__*/jsx(CloseSmallIcon, {})
+      })
+    }) : null]
+  });
+});
+CounterButton.displayName = "CounterButton";
+
+export { CounterButton };
+//# sourceMappingURL=CounterButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterButton.js","sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n} from \"./Styles\";\n\ninterface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: () => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <div className={classNames(\"tw-flex ac-font box-sizing\", className)}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          ref={ref}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"names":["CounterButton","forwardRef","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","_jsxs","classNames","React","cloneElement","_jsx","displayName"],"mappings":";;;;;;;;;;;;;;IA4BaA,aAAa,gBAAGC,UAAU,CACrC,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACEC;AAAK,IAAA,SAAS,EAAEC,UAAU,CAAC,4BAAD,EAA+BH,SAA/B,CAA1B;AAAA,4BACEE,KAAC,mBAAD;AACE,MAAA,SAAS,EAAEC,UAAU,CAAC,kBAAD,EAAqB;AACxC,sCAA8BN;AADU,OAArB;AADvB,OAIMI,IAJN;AAKE,MAAA,GAAG,EAAER,GALP;AAME,MAAA,OAAO,EAAE,WANX;AAOE,MAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,MAAA,SAAS,EAAEC,OAAO,GAAG,CARvB;AAAA,iBAUGF,IAAI,iBACHS,KAAK,CAACC,YAAN,CAAmBV,IAAnB,EAAyB;AACvBK,QAAAA,SAAS,EAAEG,UAAU,CAAC,wBAAD;AADE,OAAzB,CAXJ,EAcGT,KAAK,iBACJY,IAAC,wBAAD;AACE,QAAA,KAAK,EAAC,WADR;AAEE,QAAA,MAAM,EAAC,QAFT;AAGE,QAAA,SAAS,EAAE,yBAHb;AAIE,QAAA,OAAO,EAAEV,MAJX;AAAA,kBAMGF;AANH,QAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACCS,IAAC,0BAAD;AAA4B,QAAA,SAAS,EAAE,2BAAvC;AAAA,kBACGT;AADH,QADD,GAIG,IA5BN;AAAA,OADF,EA+BGA,OAAO,GAAG,CAAV,gBACCS,IAAC,OAAD;AACE,MAAA,KAAK,YAAKR,WAAL,CADP;AAEE,MAAA,sBAAsB,EAAC,cAFzB;AAAA,6BAIEQ,IAAC,wBAAD;AACE,QAAA,OAAO,EAAC,cADV;AAEE,QAAA,SAAS,EAAC,yBAFZ;AAGE,QAAA,OAAO,EAAEP,UAHX;AAAA,+BAKEO,IAAC,cAAD;AALF;AAJF,MADD,GAaG,IA5CN;AAAA,IADF;AAgDD,CA9DoC;AAiEvCf,aAAa,CAACgB,WAAd,GAA4B,eAA5B;;;;"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface StyledCounterButtonProps {
+    $active?: boolean;
+    $selected?: boolean;
+}
+export declare const StyledCounterButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, StyledCounterButtonProps, never>;
+export declare const StyledCounterButtonCounter: import("styled-components").StyledComponent<"div", any, {
+    $selected?: boolean | undefined;
+}, never>;
+export declare const StyledCounterButtonReset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledCounterButtonLabel: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography/Variants/Body2").IBodyProps>, any, {
+    $active?: boolean | undefined;
+}, never>;
+export {};
+//# sourceMappingURL=Styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CounterButton/Styles.ts"],"names":[],"mappings":";AAKA,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,0NAsB/B,CAAC;AAIF,eAAO,MAAM,0BAA0B;;SAWtC,CAAC;AAIF,eAAO,MAAM,wBAAwB,oMAUpC,CAAC;AAIF,eAAO,MAAM,wBAAwB;;SAgBpC,CAAC"}

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

@@ -0,0 +1,37 @@
+import styled, { css } from 'styled-components';
+import { Body2 } from '../Typography/Variants/Body2.js';
+import { Button } from '../Button/Button.js';
+
+var StyledCounterButton = styled(Button).withConfig({
+  displayName: "Styles__StyledCounterButton",
+  componentId: "sc-1ecrcba-0"
+})(["", " ", ""], function (props) {
+  return props.$active && css(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]);
+}, function (props) {
+  return props.$selected && css(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]);
+});
+StyledCounterButton.displayName = "StyledCounterButton";
+var StyledCounterButtonCounter = styled.div.withConfig({
+  displayName: "Styles__StyledCounterButtonCounter",
+  componentId: "sc-1ecrcba-1"
+})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;margin-right:-6px;"]);
+StyledCounterButtonCounter.displayName = "StyledCounterButtonCounter";
+var StyledCounterButtonReset = styled(Button).withConfig({
+  displayName: "Styles__StyledCounterButtonReset",
+  componentId: "sc-1ecrcba-2"
+})(["background-color:var(--color-primary-200);border-top-left-radius:0;border-bottom-left-radius:0;&:hover{background-color:var(--color-primary-300);border-top-left-radius:0;border-bottom-left-radius:0;}"]);
+StyledCounterButtonReset.displayName = "StyledCounterButtonReset";
+var StyledCounterButtonLabel = styled(Body2).withConfig({
+  displayName: "Styles__StyledCounterButtonLabel",
+  componentId: "sc-1ecrcba-3"
+})(["", " ", ":hover &{", "}", ""], {
+  "pointerEvents": "none"
+}, StyledCounterButton, function (props) {
+  return !props.$active && css(["color:var(--color-theme-900);"]);
+}, function (props) {
+  return props.$active && css(["color:var(--color-primary);"]);
+});
+StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
+
+export { StyledCounterButton, StyledCounterButtonCounter, StyledCounterButtonLabel, StyledCounterButtonReset };
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/CounterButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\n\ninterface StyledCounterButtonProps {\n  $active?: boolean;\n  $selected?: boolean;\n}\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n  ${(props) =>\n    props.$active &&\n    css`\n      padding: 0 8px;\n\n      svg {\n        fill: var(--color-primary);\n      }\n\n      &:hover {\n        background: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    props.$selected &&\n    css`\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      background-color: var(--color-primary-200);\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n  background-color: var(--color-primary-200);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n  ${tw`tw-pointer-events-none`}\n\n  ${StyledCounterButton}:hover & {\n    ${(props) =>\n      !props.$active &&\n      css`\n        color: var(--color-theme-900);\n      `}\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      color: var(--color-primary);\n    `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"names":["StyledCounterButton","styled","Button","props","$active","css","$selected","displayName","StyledCounterButtonCounter","div","StyledCounterButtonReset","StyledCounterButtonLabel","Body2"],"mappings":";;;;IAUaA,mBAAmB,GAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA,kBAC5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAC,GADA,gGADA;AAAA,CAD4B,EAe5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,SAAN,IACAD,GADA,uGADA;AAAA,CAf4B;AAwBhCL,mBAAmB,CAACO,WAApB,GAAkC,qBAAlC;IAEaC,0BAA0B,GAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;AAAA;AAavCD,0BAA0B,CAACD,WAA3B,GAAyC,4BAAzC;IAEaG,wBAAwB,GAAGT,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA;AAYrCQ,wBAAwB,CAACH,WAAzB,GAAuC,0BAAvC;IAEaI,wBAAwB,GAAGV,MAAM,CAACW,KAAD,CAAT;AAAA;AAAA;AAAA,oCAC/B;AAAA;AAAA,CAD+B,EAGjCZ,mBAHiC,EAI/B,UAACG,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,OAAP,IACAC,GADA,mCADA;AAAA,CAJ+B,EAWjC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAC,GADA,iCADA;AAAA,CAXiC;AAkBrCM,wBAAwB,CAACJ,WAAzB,GAAuC,0BAAvC;;;;"}

package/dist/esm/components/DatePicker/ClassNames.js

@@ -0,0 +1,33 @@
+var customClassNames = {
+  container: "c-DayPicker",
+  wrapper: "c-DayPicker-wrapper",
+  interactionDisabled: "c-DayPicker--interactionDisabled",
+  months: "c-DayPicker-Months",
+  month: "c-DayPicker-Month",
+  navBar: "c-DayPicker-NavBar",
+  navButtonPrev: "c-DayPicker-NavButton DayPicker-NavButton--prev",
+  navButtonNext: "c-DayPicker-NavButton DayPicker-NavButton--next",
+  navButtonInteractionDisabled: "c-DayPicker-NavButton--interactionDisabled",
+  caption: "c-DayPicker-Caption",
+  weekdays: "c-DayPicker-Weekdays",
+  weekdaysRow: "c-DayPicker-WeekdaysRow",
+  weekday: "c-DayPicker-Weekday",
+  body: "c-DayPicker-Body",
+  week: "c-DayPicker-Week",
+  weekNumber: "c-DayPicker-WeekNumber",
+  day: "c-DayPicker-Day",
+  footer: "c-DayPicker-Footer",
+  todayButton: "c-DayPicker-TodayButton",
+  // default modifiers
+  today: "c-DayPicker-Day--today",
+  selected: "c-DayPicker-Day--selected",
+  disabled: "c-DayPicker-Day--disabled",
+  outside: "c-DayPicker-Day--outside",
+  // custom modifiers
+  weekend: "c-DayPicker-Day--weekend",
+  userAvailability: "c-DayPicker-Day--userAvailability",
+  nonWorkingDay: "c-DayPicker-Day--nonWorkingDay"
+};
+
+export { customClassNames };
+//# sourceMappingURL=ClassNames.js.map

package/dist/esm/components/DatePicker/ClassNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassNames.js","sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"sourcesContent":["export const customClassNames = {\n  container: \"c-DayPicker\",\n  wrapper: \"c-DayPicker-wrapper\",\n  interactionDisabled: \"c-DayPicker--interactionDisabled\",\n  months: \"c-DayPicker-Months\",\n  month: \"c-DayPicker-Month\",\n\n  navBar: \"c-DayPicker-NavBar\",\n  navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n  navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n  navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n  caption: \"c-DayPicker-Caption\",\n  weekdays: \"c-DayPicker-Weekdays\",\n  weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n  weekday: \"c-DayPicker-Weekday\",\n  body: \"c-DayPicker-Body\",\n  week: \"c-DayPicker-Week\",\n  weekNumber: \"c-DayPicker-WeekNumber\",\n  day: \"c-DayPicker-Day\",\n  footer: \"c-DayPicker-Footer\",\n  todayButton: \"c-DayPicker-TodayButton\",\n\n  // default modifiers\n  today: \"c-DayPicker-Day--today\",\n  selected: \"c-DayPicker-Day--selected\",\n  disabled: \"c-DayPicker-Day--disabled\",\n  outside: \"c-DayPicker-Day--outside\",\n\n  // custom modifiers\n  weekend: \"c-DayPicker-Day--weekend\",\n  userAvailability: \"c-DayPicker-Day--userAvailability\",\n  nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"names":["customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"mappings":"IAAaA,gBAAgB,GAAG;AAC9BC,EAAAA,SAAS,EAAE,aADmB;AAE9BC,EAAAA,OAAO,EAAE,qBAFqB;AAG9BC,EAAAA,mBAAmB,EAAE,kCAHS;AAI9BC,EAAAA,MAAM,EAAE,oBAJsB;AAK9BC,EAAAA,KAAK,EAAE,mBALuB;AAO9BC,EAAAA,MAAM,EAAE,oBAPsB;AAQ9BC,EAAAA,aAAa,EAAE,iDARe;AAS9BC,EAAAA,aAAa,EAAE,iDATe;AAU9BC,EAAAA,4BAA4B,EAAE,4CAVA;AAY9BC,EAAAA,OAAO,EAAE,qBAZqB;AAa9BC,EAAAA,QAAQ,EAAE,sBAboB;AAc9BC,EAAAA,WAAW,EAAE,yBAdiB;AAe9BC,EAAAA,OAAO,EAAE,qBAfqB;AAgB9BC,EAAAA,IAAI,EAAE,kBAhBwB;AAiB9BC,EAAAA,IAAI,EAAE,kBAjBwB;AAkB9BC,EAAAA,UAAU,EAAE,wBAlBkB;AAmB9BC,EAAAA,GAAG,EAAE,iBAnByB;AAoB9BC,EAAAA,MAAM,EAAE,oBApBsB;AAqB9BC,EAAAA,WAAW,EAAE,yBArBiB;AAuB9B;AACAC,EAAAA,KAAK,EAAE,wBAxBuB;AAyB9BC,EAAAA,QAAQ,EAAE,2BAzBoB;AA0B9BC,EAAAA,QAAQ,EAAE,2BA1BoB;AA2B9BC,EAAAA,OAAO,EAAE,0BA3BqB;AA6B9B;AACAC,EAAAA,OAAO,EAAE,0BA9BqB;AA+B9BC,EAAAA,gBAAgB,EAAE,mCA/BY;AAgC9BC,EAAAA,aAAa,EAAE;AAhCe;;;;"}

package/dist/esm/components/DatePicker/CustomNavBarElement.js

@@ -0,0 +1,58 @@
+import { useCallback } from 'react';
+import { DateUtils } from 'react-day-picker';
+import { NavBarElement } from '../Pickers/NavBarElement.js';
+import { jsx } from 'react/jsx-runtime';
+
+var CustomNavBarElement = function CustomNavBarElement(_ref) {
+  var className = _ref.className,
+      classNames = _ref.classNames,
+      month = _ref.month,
+      showPreviousButton = _ref.showPreviousButton,
+      showNextButton = _ref.showNextButton,
+      labels = _ref.labels,
+      localeUtils = _ref.localeUtils,
+      locale = _ref.locale,
+      _ref$showMonthPicker = _ref.showMonthPicker,
+      showMonthPicker = _ref$showMonthPicker === void 0 ? false : _ref$showMonthPicker,
+      onChangeDirection = _ref.onChangeDirection,
+      onMonthChange = _ref.onMonthChange,
+      onClick = _ref.onClick;
+  var nextMonth = showMonthPicker ? DateUtils.addMonths(month, 12) : DateUtils.addMonths(month, 1);
+  var previousMonth = showMonthPicker ? DateUtils.addMonths(month, -12) : DateUtils.addMonths(month, -1);
+  var onNextClick = useCallback(function () {
+    if (onChangeDirection) {
+      onChangeDirection(true);
+    }
+
+    if (onMonthChange) {
+      onMonthChange(nextMonth);
+    }
+  }, [nextMonth, onChangeDirection, onMonthChange]);
+  var onPreviousClick = useCallback(function () {
+    if (onChangeDirection) {
+      onChangeDirection(false);
+    }
+
+    if (onMonthChange) {
+      onMonthChange(previousMonth);
+    }
+  }, [onChangeDirection, onMonthChange, previousMonth]);
+  return /*#__PURE__*/jsx(NavBarElement, {
+    className: className,
+    classNames: classNames,
+    month: month,
+    showPreviousButton: showPreviousButton,
+    showNextButton: showNextButton,
+    labels: labels,
+    localeUtils: localeUtils,
+    locale: locale,
+    previousMonth: previousMonth,
+    nextMonth: nextMonth,
+    onNextClick: onNextClick,
+    onPreviousClick: onPreviousClick,
+    onClick: onClick
+  });
+};
+
+export { CustomNavBarElement };
+//# sourceMappingURL=CustomNavBarElement.js.map

package/dist/esm/components/DatePicker/CustomNavBarElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNavBarElement.js","sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n  showMonthPicker: boolean;\n  onChangeDirection?: (direction: boolean) => void;\n  onMonthChange?: (month: Date) => void;\n  onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n  className,\n  classNames,\n  month,\n  showPreviousButton,\n  showNextButton,\n  labels,\n  localeUtils,\n  locale,\n  showMonthPicker = false,\n  onChangeDirection,\n  onMonthChange,\n  onClick,\n}) => {\n  const nextMonth = showMonthPicker\n    ? DateUtils.addMonths(month, 12)\n    : DateUtils.addMonths(month, 1);\n  const previousMonth = showMonthPicker\n    ? DateUtils.addMonths(month, -12)\n    : DateUtils.addMonths(month, -1);\n\n  const onNextClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(true);\n    }\n    if (onMonthChange) {\n      onMonthChange(nextMonth);\n    }\n  }, [nextMonth, onChangeDirection, onMonthChange]);\n\n  const onPreviousClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(false);\n    }\n    if (onMonthChange) {\n      onMonthChange(previousMonth);\n    }\n  }, [onChangeDirection, onMonthChange, previousMonth]);\n\n  return (\n    <NavBarElement\n      className={className}\n      classNames={classNames}\n      month={month}\n      showPreviousButton={showPreviousButton}\n      showNextButton={showNextButton}\n      labels={labels}\n      localeUtils={localeUtils}\n      locale={locale}\n      previousMonth={previousMonth}\n      nextMonth={nextMonth}\n      onNextClick={onNextClick}\n      onPreviousClick={onPreviousClick}\n      onClick={onClick}\n    />\n  );\n};\n"],"names":["CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","DateUtils","addMonths","previousMonth","onNextClick","useCallback","onPreviousClick","_jsx"],"mappings":";;;;;IAWaA,mBAAkD,GAAG,SAArDA,mBAAqD,OAa5D;AAAA,MAZJC,SAYI,QAZJA,SAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,KAId;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,SAAS,GAAGJ,eAAe,GAC7BK,SAAS,CAACC,SAAV,CAAoBZ,KAApB,EAA2B,EAA3B,CAD6B,GAE7BW,SAAS,CAACC,SAAV,CAAoBZ,KAApB,EAA2B,CAA3B,CAFJ;AAGA,MAAMa,aAAa,GAAGP,eAAe,GACjCK,SAAS,CAACC,SAAV,CAAoBZ,KAApB,EAA2B,CAAC,EAA5B,CADiC,GAEjCW,SAAS,CAACC,SAAV,CAAoBZ,KAApB,EAA2B,CAAC,CAA5B,CAFJ;AAIA,MAAMc,WAAW,GAAGC,WAAW,CAAC,YAAM;AACpC,QAAIR,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACE,SAAD,CAAb;AACD;AACF,GAP8B,EAO5B,CAACA,SAAD,EAAYH,iBAAZ,EAA+BC,aAA/B,CAP4B,CAA/B;AASA,MAAMQ,eAAe,GAAGD,WAAW,CAAC,YAAM;AACxC,QAAIR,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACK,aAAD,CAAb;AACD;AACF,GAPkC,EAOhC,CAACN,iBAAD,EAAoBC,aAApB,EAAmCK,aAAnC,CAPgC,CAAnC;AASA,sBACEI,IAAC,aAAD;AACE,IAAA,SAAS,EAAEnB,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,aAAa,EAAEQ,aATjB;AAUE,IAAA,SAAS,EAAEH,SAVb;AAWE,IAAA,WAAW,EAAEI,WAXf;AAYE,IAAA,eAAe,EAAEE,eAZnB;AAaE,IAAA,OAAO,EAAEP;AAbX,IADF;AAiBD;;;;"}

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

@@ -1,7 +1,6 @@
 import { FC } from "react";
-import "./DatePicker.css";
 import { DayPickerProps, RangeModifier, DayModifiers } from "react-day-picker";
-interface IDatePicker extends DayPickerProps {
+export interface IDatePicker extends DayPickerProps {
     onChange?: (dates?: {
         from: Date;
         to: Date;
@@ -14,5 +13,4 @@ interface IDatePicker extends DayPickerProps {
     fixedWeeks?: boolean;
 }
 export declare const DatePicker: FC<IDatePicker>;
-export {};
 //# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAC7E,OAAO,kBAAkB,CAAC;AAE1B,OAAkB,EAChB,cAAc,EAEd,aAAa,EAEb,YAAY,EACb,MAAM,kBAAkB,CAAC;AAO1B,UAAU,WAAY,SAAQ,cAAc;IAE1C,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAyYtC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAC7E,OAAO,EACL,cAAc,EAEd,aAAa,EAEb,YAAY,EACb,MAAM,kBAAkB,CAAC;AAY1B,MAAM,WAAW,WAAY,SAAQ,cAAc;IAEjD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,EAAE,EAAE,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IAEtD,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;IAE1D,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAgYtC,CAAC"}