@activecollab/components 1.0.3 → 1.0.7

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

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"names":["StyledNav","styled","nav","props","$align","css","$role","displayName","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"mappings":";;IASaA,SAAS,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,mEAChB;AAAA;AAAA,CADgB,EAKlB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,KAAiB,MAAjB,IACAC,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CALkB,EAWlB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,KAAiB,QAAjB,IACAC,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAXkB,EAiBlB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,KAAiB,OAAjB,IACAC,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAjBkB,EAuBlB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,KAAgB,OAAhB,IACAD,GADA,kBADA;AAAA,CAvBkB;AA8BtBL,SAAS,CAACO,WAAV,GAAwB,WAAxB;IAEaC,aAAa,GAAGP,MAAM,CAACQ,EAAV;AAAA;AAAA;AAAA,oCACpB;AAAA;AAAA;AAAA;AAAA;AAAA,CADoB;AAK1BD,aAAa,CAACD,WAAd,GAA4B,eAA5B;IASaG,iBAAiB,GAAGT,MAAM,CAACU,EAAV;AAAA;AAAA;AAAA,gUACxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADwB,EAYxB,UAACR,KAAD;AAAA,SACA,CAACA,KAAK,CAACS,SAAP,IACAP,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAZwB,EAmB1B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACU,OAAP,IACA,CAACV,KAAK,CAACS,SADP,IAEAP,GAFA,WAGM;AAAA;AAAA,GAHN,CADA;AAAA,CAnB0B,EA4BtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CA5BsB,EAoC1B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACU,OAAN,IACAR,GADA,0BAEM;AAAA;AAAA,GAFN,EAIQ;AAAA;AAAA;AAAA,GAJR,CADA;AAAA,CApC0B,EA6C1B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACS,SAAN,IACAP,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CA7C0B,EAmD1B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,KAAgB,OAAhB,IACAD,GADA,wGAEM;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAnD0B,EAiE1B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACU,OAAN,IACAR,GADA,qBAEM;AAAA;AAAA,GAFN,EAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAjE0B;AA2E9BK,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC;IAEaO,iBAAiB,GAAGb,MAAM,CAACc,GAAV;AAAA;AAAA;AAAA;AAW9BD,iBAAiB,CAACP,WAAlB,GAAgC,mBAAhC;IAEaS,qBAAqB,GAAGf,MAAM,CAACc,GAAV;AAAA;AAAA;AAAA,wEAQ9B,UAACZ,KAAD;AAAA,SACAA,KAAK,CAACG,KAAN,KAAgB,OAAhB,IACAD,GADA,gBADA;AAAA,CAR8B;AAelCW,qBAAqB,CAACT,WAAtB,GAAoC,uBAApC;;;;"}

package/dist/esm/components/Overlay/Overlay.js

@@ -1,24 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import classnames from 'classnames';
-import { StyledOverlay } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["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 Overlay = function Overlay(_ref) {
-  var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(StyledOverlay, _objectSpread({
-    className: classnames("c-overlay", className)
-  }, rest));
-};
-Overlay.displayName = "Overlay";
-
-export { Overlay };
-//# sourceMappingURL=Overlay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport const Overlay: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  ...rest\n}) => {\n  return (\n    <StyledOverlay className={classnames(\"c-overlay\", className)} {...rest} />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"names":["Overlay","className","rest","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;IAIaA,OAA2C,GAAG,SAA9CA,OAA8C,OAGrD;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACEC,IAAC,aAAD;AAAe,IAAA,SAAS,EAAEC,UAAU,CAAC,WAAD,EAAcH,SAAd;AAApC,KAAkEC,IAAlE,EADF;AAGD;AAEDF,OAAO,CAACK,WAAR,GAAsB,SAAtB;;;;"}

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

@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-
-var StyledOverlay = styled.div.withConfig({
-  displayName: "Styles__StyledOverlay",
-  componentId: "sc-flnrpv-0"
-})(["position:fixed;top:0;right:0;bottom:0;left:0;"]);
-StyledOverlay.displayName = "StyledOverlay";
-
-export { StyledOverlay };
-//# sourceMappingURL=Styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Overlay/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledOverlay = styled.div`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"names":["StyledOverlay","styled","div","displayName"],"mappings":";;IAEaA,aAAa,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;AAQ1BF,aAAa,CAACG,WAAd,GAA4B,eAA5B;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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;;;;"}

package/dist/esm/components/ProgressBar/ProgressBar.js

@@ -1,37 +0,0 @@
-import { useMemo } from 'react';
-import { StyledProgressBar, StyledProgressBarProgress } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var ProgressBar = function ProgressBar(_ref) {
-  var progress = _ref.progress,
-      backgroundColor = _ref.backgroundColor,
-      progressColor = _ref.progressColor;
-  var progressNumber = useMemo(function () {
-    var width = progress;
-
-    if (progress > 100) {
-      width = 100;
-    }
-
-    if (progress < 0) {
-      width = 0;
-    }
-
-    return width;
-  }, [progress]);
-  return /*#__PURE__*/jsx(StyledProgressBar, {
-    className: "c-progress-bar",
-    $color: backgroundColor,
-    children: /*#__PURE__*/jsx(StyledProgressBarProgress, {
-      className: "c-progress-bar__progress",
-      style: {
-        width: "".concat(progressNumber, "%")
-      },
-      $color: progressColor
-    })
-  });
-};
-ProgressBar.displayName = "ProgressBar";
-
-export { ProgressBar };
-//# sourceMappingURL=ProgressBar.js.map