@activecollab/components 1.0.6 → 1.0.10

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Paper/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledPaper","div","props","type","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAGA,OAAO,IAAMC,WAAW,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,yDAClB;AAAA;AAAA,CADkB,EAIpBF,SAJoB,EAKpBD,cALoB,EAOpB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,SAAf,IACAN,GADA,6CADA;AAAA,CAPoB,CAAjB;AAcPG,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IPaperProps } from \"./Paper\";\n\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"file":"Styles.js"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":["React","forwardRef","useCallback","MenuNavIcon","StyledMenuNavIcon","StyledNavBarButton","NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA4BC,UAA5B,EAAwCC,WAAxC,QAA2D,OAA3D;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AACA,SAASC,iBAAT,EAA4BC,kBAA5B,QAAsD,UAAtD;AAMA,OAAO,IAAMC,aAAa,gBAAGL,UAAU,CAGrC,gBAAmCM,GAAnC,EAA2C;AAAA,MAAxCC,eAAwC,QAAxCA,eAAwC;AAAA,MAAvBC,WAAuB,QAAvBA,WAAuB;AAC3C,MAAMC,UAAU,GAAGR,WAAW,CAAC,YAAM;AACnCM,IAAAA,eAAe;AAChB,GAF6B,EAE3B,CAACA,eAAD,CAF2B,CAA9B;AAIA,MAAMG,MAAM,GAAGT,WAAW,CAAC,YAAM;AAC/BO,IAAAA,WAAW;AACZ,GAFyB,EAEvB,CAACA,WAAD,CAFuB,CAA1B;AAIA,sBACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEF,GAAzC;AAA8C,IAAA,QAAQ,EAAE;AAAxD,kBACE,oBAAC,kBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEG,UALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,oBAAC,WAAD;AAAa,kBAAW,gBAAxB;AAAyC,IAAA,KAAK,EAAC,IAA/C;AAAoD,IAAA,MAAM,EAAC;AAA3D,IARF,CADF,eAWE,oBAAC,kBAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,oBAAC,iBAAD;AAAmB,kBAAW,YAA9B;AAA2C,IAAA,KAAK,EAAC,IAAjD;AAAsD,IAAA,MAAM,EAAC;AAA7D,IARF,CAXF,CADF;AAwBD,CApCsC,CAAhC;AAsCPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\nimport { StyledMenuNavIcon, StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n  onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n  HTMLDivElement,\n  NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n  const onPrevious = useCallback(() => {\n    onPreviousClick();\n  }, [onPreviousClick]);\n\n  const onNext = useCallback(() => {\n    onNextClick();\n  }, [onNextClick]);\n\n  return (\n    <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n      <StyledNavBarButton\n        type=\"button\"\n        variant=\"text gray\"\n        size=\"small\"\n        tabIndex={0}\n        onClick={onPrevious}\n        $direction=\"previous\"\n      >\n        <MenuNavIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n      </StyledNavBarButton>\n      <StyledNavBarButton\n        type=\"button\"\n        variant=\"text gray\"\n        size=\"small\"\n        tabIndex={0}\n        onClick={onNext}\n        $direction=\"next\"\n      >\n        <StyledMenuNavIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n      </StyledNavBarButton>\n    </div>\n  );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"file":"NavBarElement.js"}

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

@@ -0,0 +1,74 @@
+import styled, { css } from "styled-components";
+import { Button } from "../Button/Button";
+import MenuNavIcon from "../Icons/collection/MenuNavIcon";
+export var StyledNavBarButton = styled(Button).withConfig({
+  displayName: "Styles__StyledNavBarButton",
+  componentId: "sc-1owijsg-0"
+})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], function (props) {
+  return props.$direction === "previous" && css(["right:auto;left:1px;"]);
+}, function (props) {
+  return props.$direction === "next" && css(["right:1px;"]);
+});
+export var StyledMenuNavIcon = styled(MenuNavIcon).withConfig({
+  displayName: "Styles__StyledMenuNavIcon",
+  componentId: "sc-1owijsg-1"
+})(["", " transform:rotate(180deg);"], {
+  "transform": "var(--tw-transform)"
+});
+export 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"
+});
+export 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);"]);
+});
+export var StyledYearMonthPicker = styled.div.withConfig({
+  displayName: "Styles__StyledYearMonthPicker",
+  componentId: "sc-1owijsg-4"
+})(["display:table-caption;margin-bottom:0.5em;padding:0 0.5em;", " &> div{font-weight:500;font-size:1.15em;}"], {
+  "textAlign": "center",
+  "color": "var(--color-theme-900)"
+});
+export var StyledYearMonthPickerNavBar = styled.div.withConfig({
+  displayName: "Styles__StyledYearMonthPickerNavBar",
+  componentId: "sc-1owijsg-5"
+})(["width:auto;margin:0 auto;"]);
+export var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
+  displayName: "Styles__StyledYearMonthPickerNavBarItem",
+  componentId: "sc-1owijsg-6"
+})(["", " transition-duration:0.3s;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
+  "paddingLeft": "1rem",
+  "paddingRight": "1rem",
+  "cursor": "pointer"
+});
+StyledNavBarButton.displayName = "StyledNavBarButton";
+StyledMenuNavIcon.displayName = "StyledMenuNavIcon";
+StyledMonths.displayName = "StyledMonths";
+StyledMonth.displayName = "StyledMonth";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["styled","css","Button","MenuNavIcon","StyledNavBarButton","props","$direction","StyledMenuNavIcon","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AAEA,OAAOC,WAAP,MAAwB,iCAAxB;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,kGAS3B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,IACAL,GADA,0BADA;AAAA,CAT2B,EAgB3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAL,GADA,gBADA;AAAA,CAhB2B,CAAxB;AAuBP,OAAO,IAAMM,iBAAiB,GAAGP,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB;AAWP,OAAO,IAAMK,YAAY,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;AAcP,OAAO,IAAMC,WAAW,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,+DAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACJ,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,WAAP,GACIV,GADJ,4DAMIA,GANJ,kDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACO,UAAN,IACAX,GADA,WAEM;AAAA;AAAA,GAFN,CADC;AAAA,CAxBmB,EA8BnB,UAACI,KAAD;AAAA,SACDA,KAAK,CAACQ,iBAAN,IACAZ,GADA,gDADC;AAAA,CA9BmB,CAAjB;AAqCP,OAAO,IAAMa,qBAAqB,GAAGd,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;AAaP,OAAO,IAAMM,2BAA2B,GAAGf,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,iCAAjC;AAKP,OAAO,IAAMO,+BAA+B,GAAGhB,MAAM,CAACiB,IAAV;AAAA;AAAA;AAAA,6GACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;AAUPb,kBAAkB,CAACc,WAAnB,GAAiC,oBAAjC;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAV,YAAY,CAACU,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\n\nexport const StyledNavBarButton = styled(Button)<{\n  $direction: \"next\" | \"previous\";\n}>`\n  position: absolute;\n  margin-top: 1px;\n  cursor: pointer;\n  z-index: 2;\n  background-image: none;\n\n  ${(props) =>\n    props.$direction === \"previous\" &&\n    css`\n      right: auto;\n      left: 1px;\n    `}\n\n  ${(props) =>\n    props.$direction === \"next\" &&\n    css`\n      right: 1px;\n    `}\n`;\n\nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n  ${tw`tw-transform`}\n  transform: rotate(180deg);\n`;\n\ninterface StyledMonthInterface {\n  $isCurrent: boolean;\n  $isSelected: boolean;\n  $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n  top: 30px;\n  height: 230px;\n\n  ${tw`\n    tw-absolute\n    tw-left-0\n    tw-p-5\n    tw-flex\n    tw-flex-wrap\n    tw-bg-page-paper-main\n    tw-z-10\n  `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n  width: 26%;\n  transition-duration: 0.3s;\n\n  ${tw`\n    tw-m-auto\n    tw-cursor-pointer\n    tw-rounded-xl\n    tw-font-bold\n    tw-text-sm\n  `}\n\n  ${(props) =>\n    !props.$isSelected\n      ? css`\n          &:hover {\n            background-color: var(--color-primary-300);\n          }\n        `\n      : css`\n          ${tw`tw-text-theme-100`}\n          background-color: var(--color-primary);\n        `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrentQuarter &&\n    css`\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n  display: table-caption;\n  margin-bottom: 0.5em;\n  padding: 0 0.5em;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15em;\n  }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n  width: auto;\n  margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n  ${tw`tw-px-4 tw-cursor-pointer`}\n  transition-duration: 0.3s;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,63 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { StyledMonth, StyledMonths, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem } from "./Styles";
+export var YearMonthPicker = function YearMonthPicker(_ref) {
+  var date = _ref.date,
+      localeUtils = _ref.localeUtils,
+      _ref$onChange = _ref.onChange,
+      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(),
+      enteredTo = _useState[0],
+      setEnteredTo = _useState[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__*/React.createElement(StyledMonths, {
+      className: "c-monthPicker",
+      "data-test": "months"
+    }, months.map(function (month, i) {
+      return /*#__PURE__*/React.createElement(StyledMonth, {
+        className: "c-monthPicker__month",
+        key: i,
+        onClick: handleMonthChange,
+        onMouseEnter: onMouseEnterCallback,
+        "data-value": i,
+        "data-test": "month",
+        $isCurrent: date.getFullYear() === new Date().getFullYear() && new Date().getMonth() === i,
+        $isCurrentQuarter: Math.floor(i / 3) === enteredTo,
+        $isSelected: selectedDays && !(selectedDays instanceof Date) && selectedDays.from && selectedDays.to && selectedDays.from.getFullYear() === date.getFullYear() && i >= selectedDays.from.getMonth() && i <= selectedDays.to.getMonth()
+      }, month.substring(0, 3));
+    }));
+  }, [date, handleMonthChange, months, selectedDays, enteredTo, onMouseEnterCallback]);
+  return /*#__PURE__*/React.createElement(StyledYearMonthPicker, {
+    className: "c-DayPicker-Caption",
+    role: "button"
+  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBar, {
+    role: "button"
+  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBarItem, {
+    "data-test": "show-picker",
+    onClick: onClick
+  }, text)), isShown && renderMonths);
+};
+YearMonthPicker.displayName = "YearMonthPicker";
+//# sourceMappingURL=YearMonthPicker.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,111 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "anchorEl", "open", "style", "transition", "placement"];
+import React, { forwardRef, useCallback, useRef, useEffect, useState } from "react";
+import { createPopper } from "@popperjs/core";
+import useForkRef from "../../utils/useForkRef";
+export var Popper = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      anchorEl = _ref.anchorEl,
+      _ref$open = _ref.open,
+      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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useState = useState(true),
+      exited = _useState[0],
+      setExited = _useState[1];
+
+  var _useState2 = useState(initialPlacement),
+      placement = _useState2[0],
+      setPlacement = _useState2[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__*/React.createElement("div", _extends({
+    ref: handleRef
+  }, rest, {
+    style: _extends({}, style)
+  }), typeof children === "function" ? children(childProps) : children);
+});
+Popper.displayName = "Popper";
+//# sourceMappingURL=Popper.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "active", "className"];
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledPressed } from "./Styles";
+
+/**
+ * Pressed wrapper for button component
+ */
+export var Pressed = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$active = _ref.active,
+      active = _ref$active === void 0 ? false : _ref$active,
+      className = _ref.className,
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledPressed, _extends({
+    active: active,
+    ref: ref,
+    className: classNames({
+      "c-pressed__active": active
+    }, className)
+  }, args), children);
+});
+Pressed.displayName = "Pressed";
+//# sourceMappingURL=Pressed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Pressed/Pressed.tsx"],"names":["React","forwardRef","classNames","StyledPressed","Pressed","ref","children","active","className","args","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAASC,aAAT,QAA8B,UAA9B;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,OAAO,gBAAGH,UAAU,CAC/B,gBAAmDI,GAAnD,EAA2D;AAAA,MAAxDC,QAAwD,QAAxDA,QAAwD;AAAA,yBAA9CC,MAA8C;AAAA,MAA9CA,MAA8C,4BAArC,KAAqC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACzD,sBACE,oBAAC,aAAD;AACE,IAAA,MAAM,EAAEF,MADV;AAEE,IAAA,GAAG,EAAEF,GAFP;AAGE,IAAA,SAAS,EAAEH,UAAU,CAAC;AAAE,2BAAqBK;AAAvB,KAAD,EAAkCC,SAAlC;AAHvB,KAIMC,IAJN,GAMGH,QANH,CADF;AAUD,CAZ8B,CAA1B;AAePF,OAAO,CAACM,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { IButtonProps } from \"../Button/Button\";\nimport { StyledPressed } from \"./Styles\";\n\nexport interface IPressedProps extends IButtonProps {\n  /** Set active state */\n  active?: boolean;\n}\n\n/**\n * Pressed wrapper for button component\n */\nexport const Pressed = forwardRef<HTMLButtonElement, IPressedProps>(\n  ({ children, active = false, className, ...args }, ref) => {\n    return (\n      <StyledPressed\n        active={active}\n        ref={ref}\n        className={classNames({ \"c-pressed__active\": active }, className)}\n        {...args}\n      >\n        {children}\n      </StyledPressed>\n    );\n  }\n);\n\nPressed.displayName = \"Pressed\";\n"],"file":"Pressed.js"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+import React, { useMemo } from "react";
+import { StyledProgressBar, StyledProgressBarProgress } from "./Styles";
+export 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__*/React.createElement(StyledProgressBar, {
+    className: "c-progress-bar",
+    $color: backgroundColor
+  }, /*#__PURE__*/React.createElement(StyledProgressBarProgress, {
+    className: "c-progress-bar__progress",
+    style: {
+      width: progressNumber + "%"
+    },
+    $color: progressColor
+  }));
+};
+ProgressBar.displayName = "ProgressBar";
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","progress","backgroundColor","progressColor","progressNumber","width","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,OAApB,QAAmC,OAAnC;AACA,SAASC,iBAAT,EAA4BC,yBAA5B,QAA6D,UAA7D;AAWA,OAAO,IAAMC,WAAkC,GAAG,SAArCA,WAAqC,OAI5C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,eAEI,QAFJA,eAEI;AAAA,MADJC,aACI,QADJA,aACI;AACJ,MAAMC,cAAc,GAAGP,OAAO,CAAC,YAAM;AACnC,QAAIQ,KAAK,GAAGJ,QAAZ;;AACA,QAAIA,QAAQ,GAAG,GAAf,EAAoB;AAClBI,MAAAA,KAAK,GAAG,GAAR;AACD;;AACD,QAAIJ,QAAQ,GAAG,CAAf,EAAkB;AAChBI,MAAAA,KAAK,GAAG,CAAR;AACD;;AACD,WAAOA,KAAP;AACD,GAT6B,EAS3B,CAACJ,QAAD,CAT2B,CAA9B;AAWA,sBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAE,gBAA9B;AAAgD,IAAA,MAAM,EAAEC;AAAxD,kBACE,oBAAC,yBAAD;AACE,IAAA,SAAS,EAAE,0BADb;AAEE,IAAA,KAAK,EAAE;AAAEG,MAAAA,KAAK,EAAKD,cAAL;AAAP,KAFT;AAGE,IAAA,MAAM,EAAED;AAHV,IADF,CADF;AASD,CAzBM;AA2BPH,WAAW,CAACM,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\ninterface IProgressBarProps {\n  /** Progress prop can be number. */\n  progress: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress,\n  backgroundColor,\n  progressColor,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  return (\n    <StyledProgressBar className={\"c-progress-bar\"} $color={backgroundColor}>\n      <StyledProgressBarProgress\n        className={\"c-progress-bar__progress\"}\n        style={{ width: `${progressNumber}%` }}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"file":"ProgressBar.js"}

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

@@ -0,0 +1,17 @@
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export var StyledProgressBar = styled.div.withConfig({
+  displayName: "Styles__StyledProgressBar",
+  componentId: "sc-k5nm08-0"
+})(["", " ", ""], BoxSizingStyle, function (props) {
+  return props.$color ? css(["background-color:", ";"], props.$color) : css(["background-color:var(--color-theme-300);"]);
+});
+StyledProgressBar.displayName = "StyledProgressBar";
+export var StyledProgressBarProgress = styled.div.withConfig({
+  displayName: "Styles__StyledProgressBarProgress",
+  componentId: "sc-k5nm08-1"
+})(["height:3px;", ""], function (props) {
+  return props.$color ? css(["background-color:", ";"], props.$color) : css(["background-color:var(--color-secondary);"]);
+});
+StyledProgressBarProgress.displayName = "StyledProgressBarProgress";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ProgressBar/Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledProgressBar","div","props","$color","displayName","StyledProgressBarProgress"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAMA,OAAO,IAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,kBAC1BF,cAD0B,EAG1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIL,GADJ,6BAE0BI,KAAK,CAACC,MAFhC,IAIIL,GAJJ,8CADA;AAAA,CAH0B,CAAvB;AAaPE,iBAAiB,CAACI,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,yBAAyB,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,wBAGlC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,GACIL,GADJ,6BAE0BI,KAAK,CAACC,MAFhC,IAIIL,GAJJ,8CADA;AAAA,CAHkC,CAA/B;AAaPO,yBAAyB,CAACD,WAA1B,GAAwC,2BAAxC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-theme-300);\n        `}\n`;\n\nStyledProgressBar.displayName = \"StyledProgressBar\";\n\nexport const StyledProgressBarProgress = styled.div<IStyledProgressBar>`\n  height: 3px;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          background-color: ${props.$color};\n        `\n      : css`\n          background-color: var(--color-secondary);\n        `}\n`;\n\nStyledProgressBarProgress.displayName = \"StyledProgressBarProgress\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/RadioButton/RadioButton.js

@@ -0,0 +1,37 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "id", "hover"];
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import RadioButtonIcon from "../Icons/collection/RadioButton";
+import { StyledRadioButton, StyledRadioInput, StyledRadioLabel } from "./Styles";
+export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? "" : _ref$className,
+      _ref$id = _ref.id,
+      id = _ref$id === void 0 ? "radio" : _ref$id,
+      hover = _ref.hover,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledRadioButton, {
+    className: classnames("c-radio-btn", {
+      "c-radio-btn__hover": hover,
+      "c-radio-btn__controlled": typeof hover === "boolean"
+    }, className),
+    $isHovered: hover,
+    $isControlled: typeof hover === "boolean"
+  }, /*#__PURE__*/React.createElement(StyledRadioInput, _extends({
+    id: id,
+    className: "c-radio-btn--input",
+    type: "radio",
+    ref: ref
+  }, props)), /*#__PURE__*/React.createElement(StyledRadioLabel, {
+    htmlFor: id,
+    className: "c-radio-btn--label"
+  }, /*#__PURE__*/React.createElement(RadioButtonIcon, {
+    width: "16",
+    height: "16"
+  })));
+});
+RadioButton.displayName = "RadioButton";
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"names":["React","forwardRef","classnames","RadioButtonIcon","StyledRadioButton","StyledRadioInput","StyledRadioLabel","RadioButton","ref","className","id","hover","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA4D,OAA5D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,eAAP,MAA4B,iCAA5B;AACA,SACEC,iBADF,EAEEC,gBAFF,EAGEC,gBAHF,QAIO,UAJP;AAeA,OAAO,IAAMC,WAAW,gBAAGN,UAAU,CACnC,gBAOEO,GAPF,EAQK;AAAA,4BANDC,SAMC;AAAA,MANDA,SAMC,+BANW,EAMX;AAAA,qBALDC,EAKC;AAAA,MALDA,EAKC,wBALI,OAKJ;AAAA,MAJDC,KAIC,QAJDA,KAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnB;AACE,4BAAsBS,KADxB;AAEE,iCAA2B,OAAOA,KAAP,KAAiB;AAF9C,KAFmB,EAMnBF,SANmB,CADvB;AASE,IAAA,UAAU,EAAEE,KATd;AAUE,IAAA,aAAa,EAAE,OAAOA,KAAP,KAAiB;AAVlC,kBAYE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAED,EADN;AAEE,IAAA,SAAS,EAAC,oBAFZ;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,GAAG,EAAEF;AAJP,KAKMI,KALN,EAZF,eAmBE,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEF,EAA3B;AAA+B,IAAA,SAAS,EAAC;AAAzC,kBACE,oBAAC,eAAD;AAAiB,IAAA,KAAK,EAAC,IAAvB;AAA4B,IAAA,MAAM,EAAC;AAAnC,IADF,CAnBF,CADF;AAyBD,CAnCkC,CAA9B;AAsCPH,WAAW,CAACM,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"file":"RadioButton.js"}

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

@@ -0,0 +1,28 @@
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export var StyledRadioInput = styled.input.withConfig({
+  displayName: "Styles__StyledRadioInput",
+  componentId: "sc-1xh9uc2-0"
+})(["display none;"]);
+StyledRadioInput.displayName = "StyledRadioInput";
+export var StyledRadioLabel = styled.label.withConfig({
+  displayName: "Styles__StyledRadioLabel",
+  componentId: "sc-1xh9uc2-1"
+})(["", ""], {
+  "display": "inline-flex",
+  "alignItems": "center"
+});
+StyledRadioLabel.displayName = "StyledRadioLabel";
+export var StyledRadioButton = styled.div.withConfig({
+  displayName: "Styles__StyledRadioButton",
+  componentId: "sc-1xh9uc2-2"
+})(["", " ", " height:16px;width:16px;position:relative;svg{cursor:pointer;fill:transparent;}circle:first-child{transition-duration:0.2s;stroke:var(--color-theme-500);}circle:last-child{transition-duration:0.2s;transform-origin:center;transform:scale(0);fill:var(--color-secondary-500);}input:focus ~ ", "{circle:first-child{stroke:var(--color-secondary);}}input:disabled ~ ", "{pointer-events:none;opacity:0.5;}", " ", " input:checked ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);fill:var(--color-secondary);}}"], BoxSizingStyle, {
+  "display": "inline-flex",
+  "alignItems": "center"
+}, StyledRadioLabel, StyledRadioLabel, function (props) {
+  return props.$isControlled !== true && css(["input:hover ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel);
+}, function (props) {
+  return props.$isHovered && css(["", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel);
+}, StyledRadioLabel);
+StyledRadioButton.displayName = "StyledRadioButton";
+//# sourceMappingURL=Styles.js.map