@activecollab/components 2.0.90 → 2.0.92

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Button","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNavBarButton","exports","styled","Button","withConfig","displayName","componentId","props","$direction","css","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span"],"sources":["../../../../src/components/Pickers/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Button } from \"../Button/Button\";\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\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    !props.$isSelected &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    props.$isSelected &&\n    css`\n      color: var(--color-theme-100);\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.5rem;\n  padding: 0 0.5rem;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15rem;\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  display: inline-block;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledNavBarButton","withConfig","displayName","componentId","props","$direction","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span"],"sources":["../../../../src/components/Pickers/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Button } from \"../Button/Button\";\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\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    !props.$isSelected &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    props.$isSelected &&\n    css`\n      color: var(--color-theme-100);\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.5rem;\n  padding: 0 0.5rem;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15rem;\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  display: inline-block;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,kBAAkB,GAAGH,MAAM,CAACE,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAS3CC,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,UAAU,IAC/BP,GAAG,0BAGF,EAEAM,KAAK,IACNA,KAAK,CAACC,UAAU,KAAK,MAAM,IAC3BP,GAAG,gBAEF,CACJ;AAQD,OAAO,MAAMQ,YAAY,GAAGT,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mCAIhC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAQJ,CAAC,CACF;AACD,OAAO,MAAMK,WAAW,GAAGX,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAI/B;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAMJ,CAAC,EAEEC,KAAK,IACN,CAACA,KAAK,CAACK,WAAW,GACdX,GAAG,4DAKHA,GAAG,kDACG;EAAA;AAAkB,CAAC,CAExB,EAEHM,KAAK,IACPA,KAAK,CAACM,UAAU,IAChB,CAACN,KAAK,CAACK,WAAW,IAClBX,GAAG,WACG;EAAA;AAAgB,CAAC,CACtB,EAECM,KAAK,IACPA,KAAK,CAACM,UAAU,IAChBN,KAAK,CAACK,WAAW,IACjBX,GAAG,mCAEF,EAECM,KAAK,IACPA,KAAK,CAACO,iBAAiB,IACvBb,GAAG,gDAEF,CACJ;AAED,OAAO,MAAMc,qBAAqB,GAAGf,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oHAKzC;EAAA;EAAA;AAAiC,CAAC,CAMvC;AAED,OAAO,MAAMU,2BAA2B,GAAGhB,MAAM,CAACU,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAGpD;AAED,OAAO,MAAMW,+BAA+B,GAAGjB,MAAM,CAACkB,IAAI,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIACpD;EAAA;EAAA;EAAA;AAA0B,CAAC,CAQhC;AAEDH,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDI,YAAY,CAACJ,WAAW,GAAG,cAAc;AACzCM,WAAW,CAACN,WAAW,GAAG,aAAa"}

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

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.YearMonthPicker = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dateFns = require("date-fns");
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const YearMonthPicker = _ref => {
+import React, { useCallback, useMemo, useState } from "react";
+import { format, getMonth, getYear } from "date-fns";
+import { StyledMonth, StyledMonths, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem } from "./Styles";
+export const YearMonthPicker = _ref => {
   let {
     month,
     onChange = () => null,
@@ -19,28 +11,28 @@ const YearMonthPicker = _ref => {
     selectedDays,
     selectionMode
   } = _ref;
-  const [enteredTo, setEnteredTo] = (0, _react.useState)();
-  const currentYear = (0, _dateFns.getYear)(new Date());
+  const [enteredTo, setEnteredTo] = useState();
+  const currentYear = getYear(new Date());
   const months = Array.from({
     length: 12
-  }, (_, i) => (0, _dateFns.format)(new Date(currentYear, i, 1), "MMMM"));
-  const handleMonthChange = (0, _react.useCallback)(e => {
-    onChange(new Date((0, _dateFns.getYear)(month), e.target.dataset.value));
+  }, (_, i) => format(new Date(currentYear, i, 1), "MMMM"));
+  const handleMonthChange = useCallback(e => {
+    onChange(new Date(getYear(month), e.target.dataset.value));
     if (onClick) {
       onClick(e);
     }
   }, [month, onChange, onClick]);
-  const onMouseEnterCallback = (0, _react.useCallback)(e => {
+  const onMouseEnterCallback = useCallback(e => {
     if (selectionMode === "quarterly") {
       setEnteredTo(Math.floor(e.target.getAttribute("data-value") / 3));
     }
   }, [selectionMode]);
-  const renderMonths = (0, _react.useMemo)(() => {
-    return /*#__PURE__*/_react.default.createElement(_Styles.StyledMonths, {
+  const renderMonths = useMemo(() => {
+    return /*#__PURE__*/React.createElement(StyledMonths, {
       className: "c-monthPicker",
       "data-test": "months"
     }, months.map((singleMonth, i) => {
-      return /*#__PURE__*/_react.default.createElement(_Styles.StyledMonth, {
+      return /*#__PURE__*/React.createElement(StyledMonth, {
         className: "c-monthPicker__month",
         key: i,
         onClick: handleMonthChange,
@@ -49,20 +41,19 @@ const YearMonthPicker = _ref => {
         "data-test": "month",
         $isCurrent: month.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() === (0, _dateFns.getYear)(month) && i >= (0, _dateFns.getMonth)(selectedDays.from) && i <= (0, _dateFns.getMonth)(selectedDays.to)
+        $isSelected: selectedDays && !(selectedDays instanceof Date) && selectedDays.from && selectedDays.to && selectedDays.from.getFullYear() === getYear(month) && i >= getMonth(selectedDays.from) && i <= getMonth(selectedDays.to)
       }, singleMonth.substring(0, 3));
     }));
   }, [months, handleMonthChange, onMouseEnterCallback, enteredTo, selectedDays, month]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledYearMonthPicker, {
+  return /*#__PURE__*/React.createElement(StyledYearMonthPicker, {
     className: "c-DayPicker-Caption",
     role: "button"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledYearMonthPickerNavBar, {
+  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBar, {
     role: "button"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledYearMonthPickerNavBarItem, {
+  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBarItem, {
     "data-test": "show-picker",
     onClick: onClick
   }, text)), isShown && renderMonths);
 };
-exports.YearMonthPicker = YearMonthPicker;
 YearMonthPicker.displayName = "YearMonthPicker";
 //# sourceMappingURL=YearMonthPicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"YearMonthPicker.js","names":["_react","_interopRequireWildcard","require","_dateFns","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","YearMonthPicker","_ref","month","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","useState","currentYear","getYear","Date","months","Array","from","length","_","format","handleMonthChange","useCallback","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","useMemo","createElement","StyledMonths","className","map","singleMonth","StyledMonth","key","onMouseEnter","$isCurrent","getFullYear","getMonth","$isCurrentQuarter","$isSelected","to","substring","StyledYearMonthPicker","role","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","exports","displayName"],"sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionLabelProps } from \"react-day-picker\";\n\nimport { format, getMonth, getYear } from \"date-fns\";\n\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  month: Date;\n  onClick: (e) => void;\n}\n\nexport const YearMonthPicker: FC<CaptionLabelProps & IYearMonthForm> = ({\n  month,\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 currentYear = getYear(new Date());\n  const months = Array.from({ length: 12 }, (_, i) =>\n    format(new Date(currentYear, i, 1), \"MMMM\")\n  );\n\n  const handleMonthChange = useCallback(\n    (e) => {\n      onChange(new Date(getYear(month), e.target.dataset.value));\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [month, 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((singleMonth, 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                month.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() === getYear(month) &&\n                i >= getMonth(selectedDays.from) &&\n                i <= getMonth(selectedDays.to)\n              }\n            >\n              {singleMonth.substring(0, 3)}\n            </StyledMonth>\n          );\n        })}\n      </StyledMonths>\n    );\n  }, [\n    months,\n    handleMonthChange,\n    onMouseEnterCallback,\n    enteredTo,\n    selectedDays,\n    month,\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"],"mappings":"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"}
+{"version":3,"file":"YearMonthPicker.js","names":["React","useCallback","useMemo","useState","format","getMonth","getYear","StyledMonth","StyledMonths","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","YearMonthPicker","_ref","month","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","currentYear","Date","months","Array","from","length","_","i","handleMonthChange","e","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","createElement","className","map","singleMonth","key","onMouseEnter","$isCurrent","getFullYear","$isCurrentQuarter","$isSelected","to","substring","role","displayName"],"sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionLabelProps } from \"react-day-picker\";\n\nimport { format, getMonth, getYear } from \"date-fns\";\n\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  month: Date;\n  onClick: (e) => void;\n}\n\nexport const YearMonthPicker: FC<CaptionLabelProps & IYearMonthForm> = ({\n  month,\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 currentYear = getYear(new Date());\n  const months = Array.from({ length: 12 }, (_, i) =>\n    format(new Date(currentYear, i, 1), \"MMMM\")\n  );\n\n  const handleMonthChange = useCallback(\n    (e) => {\n      onChange(new Date(getYear(month), e.target.dataset.value));\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [month, 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((singleMonth, 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                month.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() === getYear(month) &&\n                i >= getMonth(selectedDays.from) &&\n                i <= getMonth(selectedDays.to)\n              }\n            >\n              {singleMonth.substring(0, 3)}\n            </StyledMonth>\n          );\n        })}\n      </StyledMonths>\n    );\n  }, [\n    months,\n    handleMonthChange,\n    onMouseEnterCallback,\n    enteredTo,\n    selectedDays,\n    month,\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"],"mappings":"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"}

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

@@ -1,28 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _YearMonthPicker = require("./YearMonthPicker");
-Object.keys(_YearMonthPicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _YearMonthPicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _YearMonthPicker[key];
-    }
-  });
-});
-var _NavBarElement = require("./NavBarElement");
-Object.keys(_NavBarElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _NavBarElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _NavBarElement[key];
-    }
-  });
-});
+export * from "./YearMonthPicker";
+export * from "./NavBarElement";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_YearMonthPicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_NavBarElement"],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}

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

@@ -1,6 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 //# sourceMappingURL=Placement.js.map

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

@@ -1,18 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Popper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("@popperjs/core");
-var _Styles = require("./Styles");
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useCallback, useRef, useEffect, useState } from "react";
+import { createPopper } from "@popperjs/core";
+import { StyledPopper } from "./Styles";
+import useForkRef from "../../utils/useForkRef";
+export const Popper = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     anchorEl,
@@ -24,15 +15,15 @@ const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
     afterWrite,
     ...rest
   } = _ref;
-  const [exited, setExited] = (0, _react.useState)(true);
-  const [placement, setPlacement] = (0, _react.useState)(initialPlacement);
-  const ownRef = (0, _react.useRef)(null);
-  const popperRef = (0, _react.useRef)();
-  const handleInnerRef = (0, _useForkRef.default)(ownRef, ref);
+  const [exited, setExited] = useState(true);
+  const [placement, setPlacement] = useState(initialPlacement);
+  const ownRef = useRef(null);
+  const popperRef = useRef();
+  const handleInnerRef = useForkRef(ownRef, ref);
   const handlePopperUpdate = data => {
     setPlacement(data.placement || "bottom");
   };
-  const handleOpen = (0, _react.useCallback)(() => {
+  const handleOpen = useCallback(() => {
     if (!ownRef.current || !anchorEl || !open) {
       return;
     }
@@ -56,9 +47,11 @@ const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
           currentElement = currentElement.parentElement;
         }
         if (isHidden) {
-          ownRef.current?.setAttribute("data-popper-reference-hidden", "");
+          var _ownRef$current;
+          (_ownRef$current = ownRef.current) == null || _ownRef$current.setAttribute("data-popper-reference-hidden", "");
         } else {
-          ownRef.current?.removeAttribute("data-popper-reference-hidden");
+          var _ownRef$current2;
+          (_ownRef$current2 = ownRef.current) == null || _ownRef$current2.removeAttribute("data-popper-reference-hidden");
         }
       }
     }];
@@ -70,7 +63,7 @@ const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
         fn: afterWrite
       });
     }
-    popperRef.current = (0, _core.createPopper)(anchorEl, ownRef.current, {
+    popperRef.current = createPopper(anchorEl, ownRef.current, {
       placement,
       onFirstUpdate: handlePopperUpdate,
       strategy,
@@ -83,7 +76,7 @@ const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
     }
     popperRef.current.destroy();
   };
-  const handleRef = (0, _react.useCallback)(node => {
+  const handleRef = useCallback(node => {
     handleInnerRef(node);
     handleOpen();
   }, [handleOpen, handleInnerRef]);
@@ -94,17 +87,17 @@ const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
     setExited(true);
     handleClose();
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     return () => {
       handleClose();
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (!open && !transition) {
       handleClose();
     }
   }, [open, transition]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (popperRef.current) {
       popperRef.current.update();
     }
@@ -122,7 +115,7 @@ const Popper = exports.Popper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
       onExited: handleExited
     };
   }
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledPopper, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledPopper, _extends({
     ref: handleRef
   }, rest, {
     style: {

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.js","names":["_react","_interopRequireWildcard","require","_core","_Styles","_useForkRef","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Popper","exports","forwardRef","_ref","ref","children","anchorEl","open","style","transition","placement","initialPlacement","strategy","afterWrite","rest","exited","setExited","useState","setPlacement","ownRef","useRef","popperRef","handleInnerRef","useForkRef","handlePopperUpdate","data","handleOpen","useCallback","current","destroy","modifiers","name","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","setAttribute","removeAttribute","push","createPopper","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","useEffect","update","childProps","transitionProps","in","onEnter","onExited","createElement","StyledPopper","_extends2","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n  CSSProperties,\n  ReactNode,\n  HTMLAttributes,\n} from \"react\";\n\nimport {\n  createPopper,\n  Instance,\n  Modifier,\n  Options as PopperOptions,\n  PositioningStrategy,\n  State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\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 extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\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  /** Strategy */\n  strategy?: PositioningStrategy;\n  /** After Write callback */\n  afterWrite?: (...args) => void;\n\n  /** Component children */\n  children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n  (\n    {\n      children,\n      anchorEl,\n      open = false,\n      style,\n      transition = false,\n      placement: initialPlacement = \"bottom\",\n      strategy = \"absolute\",\n      afterWrite,\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      const modifiers: CustomModifier[] = [\n        {\n          name: \"hide\",\n          enabled: true,\n          phase: \"main\",\n          fn: () => {\n            const referenceElement = anchorEl as HTMLElement;\n\n            let currentElement: HTMLElement | null = referenceElement;\n            let isHidden = false;\n            while (currentElement) {\n              const computedStyle = getComputedStyle(currentElement);\n              if (\n                computedStyle.display === \"none\" ||\n                computedStyle.visibility === \"hidden\"\n              ) {\n                isHidden = true;\n                break;\n              }\n              currentElement = currentElement.parentElement;\n            }\n\n            if (isHidden) {\n              ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n            } else {\n              ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n            }\n          },\n        },\n      ];\n\n      if (typeof afterWrite === \"function\") {\n        modifiers.push({\n          phase: \"afterWrite\",\n          enabled: true,\n          name: \"popper-after-write\",\n          fn: afterWrite,\n        });\n      }\n\n      popperRef.current = createPopper(anchorEl, ownRef.current, {\n        placement,\n        onFirstUpdate: handlePopperUpdate,\n        strategy,\n        modifiers,\n      });\n    }, [afterWrite, anchorEl, open, placement, strategy]);\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      <StyledPopper\n        ref={handleRef}\n        {...rest}\n        style={{\n          ...style,\n        }}\n      >\n        {typeof children === \"function\" ? children(childProps) : children}\n      </StyledPopper>\n    );\n  }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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"}
+{"version":3,"file":"Popper.js","names":["React","forwardRef","useCallback","useRef","useEffect","useState","createPopper","StyledPopper","useForkRef","Popper","_ref","ref","children","anchorEl","open","style","transition","placement","initialPlacement","strategy","afterWrite","rest","exited","setExited","setPlacement","ownRef","popperRef","handleInnerRef","handlePopperUpdate","data","handleOpen","current","destroy","modifiers","name","enabled","phase","fn","referenceElement","currentElement","isHidden","computedStyle","getComputedStyle","display","visibility","parentElement","_ownRef$current","setAttribute","_ownRef$current2","removeAttribute","push","onFirstUpdate","handleClose","handleRef","node","handleEnter","handleExited","update","childProps","transitionProps","in","onEnter","onExited","createElement","_extends","displayName"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useRef,\n  useEffect,\n  useState,\n  CSSProperties,\n  ReactNode,\n  HTMLAttributes,\n} from \"react\";\n\nimport {\n  createPopper,\n  Instance,\n  Modifier,\n  Options as PopperOptions,\n  PositioningStrategy,\n  State,\n} from \"@popperjs/core\";\n\nimport { Placement } from \".\";\nimport { StyledPopper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\ntype CustomModifier = Modifier<string, PopperOptions>;\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 extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\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  /** Strategy */\n  strategy?: PositioningStrategy;\n  /** After Write callback */\n  afterWrite?: (...args) => void;\n\n  /** Component children */\n  children?: ReactNode | React.FC<Partial<IChildProps>>;\n}\n\nexport const Popper = forwardRef<HTMLDivElement, PopperProps>(\n  (\n    {\n      children,\n      anchorEl,\n      open = false,\n      style,\n      transition = false,\n      placement: initialPlacement = \"bottom\",\n      strategy = \"absolute\",\n      afterWrite,\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      const modifiers: CustomModifier[] = [\n        {\n          name: \"hide\",\n          enabled: true,\n          phase: \"main\",\n          fn: () => {\n            const referenceElement = anchorEl as HTMLElement;\n\n            let currentElement: HTMLElement | null = referenceElement;\n            let isHidden = false;\n            while (currentElement) {\n              const computedStyle = getComputedStyle(currentElement);\n              if (\n                computedStyle.display === \"none\" ||\n                computedStyle.visibility === \"hidden\"\n              ) {\n                isHidden = true;\n                break;\n              }\n              currentElement = currentElement.parentElement;\n            }\n\n            if (isHidden) {\n              ownRef.current?.setAttribute(\"data-popper-reference-hidden\", \"\");\n            } else {\n              ownRef.current?.removeAttribute(\"data-popper-reference-hidden\");\n            }\n          },\n        },\n      ];\n\n      if (typeof afterWrite === \"function\") {\n        modifiers.push({\n          phase: \"afterWrite\",\n          enabled: true,\n          name: \"popper-after-write\",\n          fn: afterWrite,\n        });\n      }\n\n      popperRef.current = createPopper(anchorEl, ownRef.current, {\n        placement,\n        onFirstUpdate: handlePopperUpdate,\n        strategy,\n        modifiers,\n      });\n    }, [afterWrite, anchorEl, open, placement, strategy]);\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      <StyledPopper\n        ref={handleRef}\n        {...rest}\n        style={{\n          ...style,\n        }}\n      >\n        {typeof children === \"function\" ? children(childProps) : children}\n      </StyledPopper>\n    );\n  }\n);\n\nPopper.displayName = \"Popper\";\n"],"mappings":"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"}

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

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPopper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-const StyledPopper = exports.StyledPopper = (0, _styledComponents.default)("div").withConfig({
+import styled from "styled-components";
+export const StyledPopper = styled("div").withConfig({
   displayName: "Styles__StyledPopper",
   componentId: "sc-1hgjasy-0"
 })(["&[data-popper-reference-hidden]{display:none !important;pointer-events:none !important;}"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","StyledPopper","exports","styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Popper/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledPopper = styled(\"div\")`\n  &[data-popper-reference-hidden] {\n    display: none !important;\n    pointer-events: none !important;\n  }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAAC,KAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gGAKxC"}
+{"version":3,"file":"Styles.js","names":["styled","StyledPopper","withConfig","displayName","componentId"],"sources":["../../../../src/components/Popper/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledPopper = styled(\"div\")`\n  &[data-popper-reference-hidden] {\n    display: none !important;\n    pointer-events: none !important;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAAC,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gGAKxC"}

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

@@ -1,28 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Popper = require("./Popper");
-Object.keys(_Popper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Popper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Popper[key];
-    }
-  });
-});
-var _Placement = require("./Placement");
-Object.keys(_Placement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Placement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Placement[key];
-    }
-  });
-});
+export * from "./Popper";
+export * from "./Placement";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Popper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Placement"],"sources":["../../../../src/components/Popper/index.ts"],"sourcesContent":["export * from \"./Popper\";\nexport * from \"./Placement\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Popper/index.ts"],"sourcesContent":["export * from \"./Popper\";\nexport * from \"./Placement\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,aAAa"}

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

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProgressBar = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ProgressBar = _ref => {
+import React, { useMemo } from "react";
+import { StyledProgressBar, StyledProgressBarProgress } from "./Styles";
+export const ProgressBar = _ref => {
   let {
     progress = 0,
     backgroundColor,
@@ -16,7 +8,7 @@ const ProgressBar = _ref => {
     stroke = 3,
     width = 100
   } = _ref;
-  const progressNumber = (0, _react.useMemo)(() => {
+  const progressNumber = useMemo(() => {
     let width = progress;
     if (progress > 100) {
       width = 100;
@@ -26,7 +18,7 @@ const ProgressBar = _ref => {
     }
     return width;
   }, [progress]);
-  const widthPercent = (0, _react.useMemo)(() => {
+  const widthPercent = useMemo(() => {
     let width_percent = width;
     if (width > 100) {
       width_percent = 100;
@@ -36,26 +28,25 @@ const ProgressBar = _ref => {
     }
     return width_percent;
   }, [width]);
-  const height = (0, _react.useMemo)(() => {
+  const height = useMemo(() => {
     let stroke_min = stroke;
     if (stroke <= 0) {
       stroke_min = 3;
     }
     return stroke_min;
   }, [stroke]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBar, {
+  return /*#__PURE__*/React.createElement(StyledProgressBar, {
     className: "c-progress-bar",
     $color: backgroundColor,
     $width: widthPercent
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressBarProgress, {
+  }, /*#__PURE__*/React.createElement(StyledProgressBarProgress, {
     className: "c-progress-bar__progress",
     style: {
-      width: `${progressNumber}%`
+      width: progressNumber + "%"
     },
     $height: height,
     $color: progressColor
   }));
 };
-exports.ProgressBar = ProgressBar;
 ProgressBar.displayName = "ProgressBar";
 //# sourceMappingURL=ProgressBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProgressBar","_ref","progress","backgroundColor","progressColor","stroke","width","progressNumber","useMemo","widthPercent","width_percent","height","stroke_min","createElement","StyledProgressBar","className","$color","$width","StyledProgressBarProgress","style","$height","exports","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface 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  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\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  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className=\"c-progress-bar\"\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","names":["React","useMemo","StyledProgressBar","StyledProgressBarProgress","ProgressBar","_ref","progress","backgroundColor","progressColor","stroke","width","progressNumber","widthPercent","width_percent","height","stroke_min","createElement","className","$color","$width","style","$height","displayName"],"sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useMemo } from \"react\";\n\nimport { StyledProgressBar, StyledProgressBarProgress } from \"./Styles\";\n\nexport interface 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  /** Progress height. */\n  stroke?: number;\n  /** Progress width in percentage. */\n  width?: number;\n}\n\nexport const ProgressBar: FC<IProgressBarProps> = ({\n  progress = 0,\n  backgroundColor,\n  progressColor,\n  stroke = 3,\n  width = 100,\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  const widthPercent = useMemo(() => {\n    let width_percent = width;\n\n    if (width > 100) {\n      width_percent = 100;\n    }\n\n    if (width <= 0) {\n      width_percent = 100;\n    }\n\n    return width_percent;\n  }, [width]);\n\n  const height = useMemo(() => {\n    let stroke_min = stroke;\n\n    if (stroke <= 0) {\n      stroke_min = 3;\n    }\n\n    return stroke_min;\n  }, [stroke]);\n\n  return (\n    <StyledProgressBar\n      className=\"c-progress-bar\"\n      $color={backgroundColor}\n      $width={widthPercent}\n    >\n      <StyledProgressBarProgress\n        className=\"c-progress-bar__progress\"\n        style={{ width: `${progressNumber}%` }}\n        $height={height}\n        $color={progressColor}\n      />\n    </StyledProgressBar>\n  );\n};\n\nProgressBar.displayName = \"ProgressBar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAE1C,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,UAAU;AAevE,OAAO,MAAMC,WAAkC,GAAGC,IAAA,IAM5C;EAAA,IAN6C;IACjDC,QAAQ,GAAG,CAAC;IACZC,eAAe;IACfC,aAAa;IACbC,MAAM,GAAG,CAAC;IACVC,KAAK,GAAG;EACV,CAAC,GAAAL,IAAA;EACC,MAAMM,cAAc,GAAGV,OAAO,CAAC,MAAM;IACnC,IAAIS,KAAK,GAAGJ,QAAQ;IACpB,IAAIA,QAAQ,GAAG,GAAG,EAAE;MAClBI,KAAK,GAAG,GAAG;IACb;IACA,IAAIJ,QAAQ,GAAG,CAAC,EAAE;MAChBI,KAAK,GAAG,CAAC;IACX;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,MAAMM,YAAY,GAAGX,OAAO,CAAC,MAAM;IACjC,IAAIY,aAAa,GAAGH,KAAK;IAEzB,IAAIA,KAAK,GAAG,GAAG,EAAE;MACfG,aAAa,GAAG,GAAG;IACrB;IAEA,IAAIH,KAAK,IAAI,CAAC,EAAE;MACdG,aAAa,GAAG,GAAG;IACrB;IAEA,OAAOA,aAAa;EACtB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,MAAMI,MAAM,GAAGb,OAAO,CAAC,MAAM;IAC3B,IAAIc,UAAU,GAAGN,MAAM;IAEvB,IAAIA,MAAM,IAAI,CAAC,EAAE;MACfM,UAAU,GAAG,CAAC;IAChB;IAEA,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,oBACET,KAAA,CAAAgB,aAAA,CAACd,iBAAiB;IAChBe,SAAS,EAAC,gBAAgB;IAC1BC,MAAM,EAAEX,eAAgB;IACxBY,MAAM,EAAEP;EAAa,gBAErBZ,KAAA,CAAAgB,aAAA,CAACb,yBAAyB;IACxBc,SAAS,EAAC,0BAA0B;IACpCG,KAAK,EAAE;MAAEV,KAAK,EAAKC,cAAc;IAAI,CAAE;IACvCU,OAAO,EAAEP,MAAO;IAChBI,MAAM,EAAEV;EAAc,CACvB,CACgB,CAAC;AAExB,CAAC;AAEDJ,WAAW,CAACkB,WAAW,GAAG,aAAa"}

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

@@ -1,21 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledProgressBarProgress = exports.StyledProgressBar = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledProgressBar = exports.StyledProgressBar = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export const StyledProgressBar = styled.div.withConfig({
   displayName: "Styles__StyledProgressBar",
   componentId: "sc-k5nm08-0"
-})(["", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, props => props.$width ? (0, _styledComponents.css)(["width:", "%;"], props.$width) : (0, _styledComponents.css)(["width:100%;"]), props => props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-theme-300);"]));
+})(["", " ", " ", ""], BoxSizingStyle, props => props.$width ? css(["width:", "%;"], props.$width) : css(["width:100%;"]), props => props.$color ? css(["background-color:", ";"], props.$color) : css(["background-color:var(--color-theme-300);"]));
 StyledProgressBar.displayName = "StyledProgressBar";
-const StyledProgressBarProgress = exports.StyledProgressBarProgress = _styledComponents.default.div.withConfig({
+export const StyledProgressBarProgress = styled.div.withConfig({
   displayName: "Styles__StyledProgressBarProgress",
   componentId: "sc-k5nm08-1"
-})(["", " ", ""], props => props.$height ? (0, _styledComponents.css)(["height:", "px;"], props.$height) : (0, _styledComponents.css)(["height:3px;"]), props => props.$color ? (0, _styledComponents.css)(["background-color:", ";"], props.$color) : (0, _styledComponents.css)(["background-color:var(--color-secondary);"]));
+})(["", " ", ""], props => props.$height ? css(["height:", "px;"], props.$height) : css(["height:3px;"]), props => 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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledProgressBar","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","props","$width","css","$color","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n  $height?: number;\n  $width?: number;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$width\n      ? css`\n          width: ${props.$width}%;\n        `\n      : css`\n          width: 100%;\n        `}\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  ${(props) =>\n    props.$height\n      ? css`\n          height: ${props.$height}px;\n        `\n      : css`\n          height: 3px;\n        `}\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"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQ5C,MAAMY,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACvCC,8BAAc,EAEbC,KAAK,IACNA,KAAK,CAACC,MAAM,OACRC,qBAAG,oBACQF,KAAK,CAACC,MAAM,QAEvBC,qBAAG,kBAEF,EAEJF,KAAK,IACNA,KAAK,CAACG,MAAM,OACRD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,QAElCD,qBAAG,+CAEF,CACR;AAEDV,iBAAiB,CAACK,WAAW,GAAG,mBAAmB;AAE5C,MAAMO,yBAAyB,GAAAX,OAAA,CAAAW,yBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC9CE,KAAK,IACNA,KAAK,CAACK,OAAO,OACTH,qBAAG,sBACSF,KAAK,CAACK,OAAO,QAEzBH,qBAAG,kBAEF,EAEJF,KAAK,IACNA,KAAK,CAACG,MAAM,OACRD,qBAAG,8BACmBF,KAAK,CAACG,MAAM,QAElCD,qBAAG,+CAEF,CACR;AAEDE,yBAAyB,CAACP,WAAW,GAAG,2BAA2B"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledProgressBar","div","withConfig","displayName","componentId","props","$width","$color","StyledProgressBarProgress","$height"],"sources":["../../../../src/components/ProgressBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface IStyledProgressBar {\n  $color?: string;\n  $height?: number;\n  $width?: number;\n}\n\nexport const StyledProgressBar = styled.div<IStyledProgressBar>`\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.$width\n      ? css`\n          width: ${props.$width}%;\n        `\n      : css`\n          width: 100%;\n        `}\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  ${(props) =>\n    props.$height\n      ? css`\n          height: ${props.$height}px;\n        `\n      : css`\n          height: 3px;\n        `}\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"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAQlD,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACvCL,cAAc,EAEbM,KAAK,IACNA,KAAK,CAACC,MAAM,GACRR,GAAG,mBACQO,KAAK,CAACC,MAAM,IAEvBR,GAAG,iBAEF,EAEJO,KAAK,IACNA,KAAK,CAACE,MAAM,GACRT,GAAG,6BACmBO,KAAK,CAACE,MAAM,IAElCT,GAAG,8CAEF,CACR;AAEDE,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMK,yBAAyB,GAAGX,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC9CC,KAAK,IACNA,KAAK,CAACI,OAAO,GACTX,GAAG,qBACSO,KAAK,CAACI,OAAO,IAEzBX,GAAG,iBAEF,EAEJO,KAAK,IACNA,KAAK,CAACE,MAAM,GACRT,GAAG,6BACmBO,KAAK,CAACE,MAAM,IAElCT,GAAG,8CAEF,CACR;AAEDU,yBAAyB,CAACL,WAAW,GAAG,2BAA2B"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ProgressBar = require("./ProgressBar");
-Object.keys(_ProgressBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ProgressBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ProgressBar[key];
-    }
-  });
-});
+export * from "./ProgressBar";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ProgressBar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ProgressBar/index.ts"],"sourcesContent":["export * from \"./ProgressBar\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ProgressBar/index.ts"],"sourcesContent":["export * from \"./ProgressBar\";\n"],"mappings":"AAAA,cAAc,eAAe"}