@activecollab/components 1.0.206 → 1.0.208

package/dist/esm/components/List/ListItem.js

@@ -6,9 +6,8 @@ import classnames from "classnames";
 import { StyledListItem } from "./Styles";
 export var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListItem, _extends({}, props, {
     className: classnames("c-list-item", className),
     ref: ref

package/dist/esm/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,cAAT,QAA+B,UAA/B;AAOA,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,cAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,aAAD,EAAgBK,SAAhB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlB+B,CAA3B;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"file":"ListItem.js"}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AACzE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,UAAU;AAOzC,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,cAAc,eACTA,KAAK;IACT,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEK,SAAS,CAAE;IAChD,GAAG,EAAEF;EAAI,IAERC,QAAQ,CACM;AAErB,CAAC,CACF;AAEDF,QAAQ,CAACK,WAAW,GAAG,UAAU"}

package/dist/esm/components/List/ListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/ListSeparator.tsx"],"names":["React","classnames","StyledListSeparator","ListSeparator","className","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0C,OAA1C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,mBAAT,QAAoC,UAApC;AAEA,OAAO,IAAMC,aAAiD,GAAG,SAApDA,aAAoD,OAE3D;AAAA,MADJC,SACI,QADJA,SACI;AACJ,sBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,kBAAD,EAAqBG,SAArB;AADvB,IADF;AAKD,CARM;AAUPD,aAAa,CAACE,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n}) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"file":"ListSeparator.js"}
+{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","className","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n}) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA8B,OAAO;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,IAAMC,aAAiD,GAAG,SAApDA,aAAiD,OAExD;EAAA,IADJC,SAAS,QAATA,SAAS;EAET,oBACE,oBAAC,mBAAmB;IAClB,SAAS,EAAEH,UAAU,CAAC,kBAAkB,EAAEG,SAAS;EAAE,EACrD;AAEN,CAAC;AAEDD,aAAa,CAACE,WAAW,GAAG,eAAe"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/Styles.ts"],"names":["styled","FontStyle","BoxSizingStyle","StyledList","ul","displayName","StyledListItem","li","StyledListSeparator","div"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,EAAV;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA;AAAA;AAAA,CADiB,CAAhB;AAIPD,UAAU,CAACE,WAAX,GAAyB,YAAzB;AAEA,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACO,EAAV;AAAA;AAAA;AAAA,iLACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADqB,EAEvBL,cAFuB,EAGvBD,SAHuB,CAApB;AAoBPK,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMG,mBAAmB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,+EAAzB;AAMPD,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","FontStyle","BoxSizingStyle","StyledList","ul","displayName","StyledListItem","li","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,EAAE;EAAA;EAAA;AAAA,aAC7B;EAAA;EAAA;EAAA;AAA2B,CAAC,CACjC;AAEDD,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACO,EAAE;EAAA;EAAA;AAAA,iLACjC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgG,CAAC,EACnGL,cAAc,EACdD,SAAS,CAeZ;AAEDK,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,OAAO,IAAMG,mBAAmB,GAAGR,MAAM,CAACS,GAAG;EAAA;EAAA;AAAA,+EAI5C;AAEDD,mBAAmB,CAACH,WAAW,GAAG,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,cAAc,iBAAd","sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,iBAAiB"}

package/dist/esm/components/Loaders/Dots/DotsLoader.js

@@ -6,8 +6,7 @@ import classNames from "classnames";
 import { StyledDotsLoader } from "./Styles";
 export var DotsLoader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledDotsLoader, _extends({
     ref: ref,
     className: classNames("c-loader c-loader--dots", className)

package/dist/esm/components/Loaders/Dots/DotsLoader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","ref","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAGlC,gBAAyBI,GAAzB,EAAiC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACjC,sBACE,oBAAC,gBAAD;AACE,IAAA,GAAG,EAAEF,GADP;AAEE,IAAA,SAAS,EAAEH,UAAU,CAAC,yBAAD,EAA4BI,SAA5B;AAFvB,KAGMC,IAHN,gBAKE,iCALF,eAME,iCANF,eAOE,iCAPF,CADF;AAWD,CAfmC,CAA7B;AAiBPH,UAAU,CAACI,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"file":"DotsLoader.js"}
+{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","ref","className","rest","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAGlC,gBAAyBI,GAAG,EAAK;EAAA,IAA9BC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACrB,oBACE,oBAAC,gBAAgB;IACf,GAAG,EAAEF,GAAI;IACT,SAAS,EAAEH,UAAU,CAAC,yBAAyB,EAAEI,SAAS;EAAE,GACxDC,IAAI,gBAER,iCAAQ,eACR,iCAAQ,eACR,iCAAQ,CACS;AAEvB,CAAC,CAAC;AAEFH,UAAU,CAACI,WAAW,GAAG,YAAY"}

package/dist/esm/components/Loaders/Dots/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Loaders/Dots/Styles.ts"],"names":["styled","keyframes","dotAnimation","StyledDotsLoader","span"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,SAAjB,QAAkC,mBAAlC;AAEA,IAAMC,YAAY,GAAGD,SAAH,8DAAlB;AAWA,OAAO,IAAME,gBAAgB,GAAGH,MAAM,CAACI,IAAV;AAAA;AAAA;AAAA,iRAUZF,YAVY,CAAtB","sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst dotAnimation = keyframes`\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n  40% {\n    transform: scale(1);\n  }\n`;\n\nexport const StyledDotsLoader = styled.span`\n  display: inline-block;\n  text-align: center;\n\n  & > span {\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    background-color: #777;\n    border-radius: 100%;\n    animation: ${dotAnimation} 1.4s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n  }\n  span:nth-child(2) {\n    animation-delay: -0.16s;\n  }\n`;\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","keyframes","dotAnimation","StyledDotsLoader","span"],"sources":["../../../../../src/components/Loaders/Dots/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst dotAnimation = keyframes`\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n  40% {\n    transform: scale(1);\n  }\n`;\n\nexport const StyledDotsLoader = styled.span`\n  display: inline-block;\n  text-align: center;\n\n  & > span {\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    background-color: #777;\n    border-radius: 100%;\n    animation: ${dotAnimation} 1.4s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n  }\n  span:nth-child(2) {\n    animation-delay: -0.16s;\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,IAAMC,YAAY,GAAGD,SAAS,8DAS7B;AAED,OAAO,IAAME,gBAAgB,GAAGH,MAAM,CAACI,IAAI;EAAA;EAAA;AAAA,iRAU1BF,YAAY,CAS5B"}

package/dist/esm/components/Loaders/Dots/index.js.map

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

package/dist/esm/components/Loaders/Linear/LinearLoader.js

@@ -6,8 +6,7 @@ import classNames from "classnames";
 import { StyledLinearLoader } from "./Styles";
 export var LinearLoader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledLinearLoader, _extends({
     ref: ref,
     className: classNames("c-loader c-loader--linear", className)

package/dist/esm/components/Loaders/Linear/LinearLoader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"names":["React","forwardRef","classNames","StyledLinearLoader","LinearLoader","ref","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAEA,OAAO,IAAMC,YAAY,gBAAGH,UAAU,CAGpC,gBAAyBI,GAAzB,EAAiC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACjC,sBACE,oBAAC,kBAAD;AACE,IAAA,GAAG,EAAEF,GADP;AAEE,IAAA,SAAS,EAAEH,UAAU,CAAC,2BAAD,EAA8BI,SAA9B;AAFvB,KAGMC,IAHN,EADF;AAOD,CAXqC,CAA/B;AAaPH,YAAY,CAACI,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport const LinearLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledLinearLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"file":"LinearLoader.js"}
+{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","classNames","StyledLinearLoader","LinearLoader","ref","className","rest","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport const LinearLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledLinearLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,UAAU;AAE7C,OAAO,IAAMC,YAAY,gBAAGH,UAAU,CAGpC,gBAAyBI,GAAG,EAAK;EAAA,IAA9BC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACrB,oBACE,oBAAC,kBAAkB;IACjB,GAAG,EAAEF,GAAI;IACT,SAAS,EAAEH,UAAU,CAAC,2BAA2B,EAAEI,SAAS;EAAE,GAC1DC,IAAI,EACR;AAEN,CAAC,CAAC;AAEFH,YAAY,CAACI,WAAW,GAAG,cAAc"}

package/dist/esm/components/Loaders/Linear/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Loaders/Linear/Styles.ts"],"names":["styled","keyframes","linearAnimation","StyledLinearLoader","div"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,SAAjB,QAAkC,mBAAlC;AAEA,IAAMC,eAAe,GAAGD,SAAH,mEAArB;AASA,OAAO,IAAME,kBAAkB,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,+bAsBXF,eAtBW,CAAxB","sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledLinearLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  .neon & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","keyframes","linearAnimation","StyledLinearLoader","div"],"sources":["../../../../../src/components/Loaders/Linear/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst linearAnimation = keyframes`\n  0% {\n    background-position: left;\n  }\n  100% {\n    background-position: right;\n  }\n`;\n\nexport const StyledLinearLoader = styled.div`\n  width: 70%;\n  background: linear-gradient(\n    90deg,\n    rgba(255, 255, 255, 0) 20%,\n    rgba(0, 0, 0, 0.05) 50%,\n    rgba(255, 255, 255, 0) 60%\n  );\n  background-size: 400%;\n  height: 16px;\n  border-radius: 8px;\n  .neon & {\n    background: linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 20%,\n      rgba(0, 0, 0, 0.2) 50%,\n      rgba(255, 255, 255, 0) 60%\n    );\n    background-size: 500%;\n  }\n  animation-duration: 1s;\n  animation-iteration-count: infinite;\n  animation-name: ${linearAnimation};\n  animation-timing-function: linear;\n  animation-direction: reverse;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB;AAErD,IAAMC,eAAe,GAAGD,SAAS,mEAOhC;AAED,OAAO,IAAME,kBAAkB,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,+bAsBxBF,eAAe,CAGlC"}

package/dist/esm/components/Loaders/Linear/index.js.map

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

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js

@@ -5,20 +5,19 @@ import React, { forwardRef } from "react";
 import { StyledSpinnerLoader } from "./Styles";
 export var SpinnerLoader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$radius = _ref.radius,
-      radius = _ref$radius === void 0 ? 10 : _ref$radius,
-      _ref$stroke = _ref.stroke,
-      stroke = _ref$stroke === void 0 ? 2 : _ref$stroke,
-      _ref$activeStrokeColo = _ref.activeStrokeColor,
-      activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
-      _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
-      inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
-      _ref$activeColorPerce = _ref.activeColorPercentage,
-      activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
-      _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
-      rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
-      className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    radius = _ref$radius === void 0 ? 10 : _ref$radius,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 2 : _ref$stroke,
+    _ref$activeStrokeColo = _ref.activeStrokeColor,
+    activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
+    _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
+    inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
+    _ref$activeColorPerce = _ref.activeColorPercentage,
+    activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
+    _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
+    rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
+    className = _ref.className,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
     ref: ref,
     className: className,

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,mBAAT,QAAoC,UAApC;AAiBA,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CAIrC,gBAWEG,GAXF,EAYK;AAAA,yBAVDC,MAUC;AAAA,MAVDA,MAUC,4BAVQ,EAUR;AAAA,yBATDC,MASC;AAAA,MATDA,MASC,4BATQ,CASR;AAAA,mCARDC,iBAQC;AAAA,MARDA,iBAQC,sCARmB,wBAQnB;AAAA,mCAPDC,mBAOC;AAAA,MAPDA,mBAOC,sCAPqB,oCAOrB;AAAA,mCANDC,qBAMC;AAAA,MANDA,qBAMC,sCANuB,KAMvB;AAAA,mCALDC,uBAKC;AAAA,MALDA,uBAKC,sCALyB,IAKzB;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,SAAS,EAAEO,SAFb;AAGE,IAAA,SAAS,EAAEN,MAAM,GAAG,CAHtB;AAIE,IAAA,OAAO,EAAEC,MAJX;AAKE,IAAA,kBAAkB,EAAEC,iBALtB;AAME,IAAA,oBAAoB,EAAEC,mBANxB;AAOE,IAAA,sBAAsB,EAAEC,qBAP1B;AAQE,IAAA,wBAAwB,EAAEC;AAR5B,KASME,IATN,EADF;AAaD,CA9BoC,CAAhC;AAiCPT,aAAa,CAACU,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"file":"SpinnerLoader.js"}
+{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,mBAAmB,QAAQ,UAAU;AAiB9C,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CAIrC,gBAWEG,GAAG,EACA;EAAA,uBAVDC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAA,mBACXC,MAAM;IAANA,MAAM,4BAAG,CAAC;IAAA,6BACVC,iBAAiB;IAAjBA,iBAAiB,sCAAG,wBAAwB;IAAA,6BAC5CC,mBAAmB;IAAnBA,mBAAmB,sCAAG,oCAAoC;IAAA,6BAC1DC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,6BAC7BC,uBAAuB;IAAvBA,uBAAuB,sCAAG,IAAI;IAC9BC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,oBACE,oBAAC,mBAAmB;IAClB,GAAG,EAAER,GAAI;IACT,SAAS,EAAEO,SAAU;IACrB,SAAS,EAAEN,MAAM,GAAG,CAAE;IACtB,OAAO,EAAEC,MAAO;IAChB,kBAAkB,EAAEC,iBAAkB;IACtC,oBAAoB,EAAEC,mBAAoB;IAC1C,sBAAsB,EAAEC,qBAAsB;IAC9C,wBAAwB,EAAEC;EAAwB,GAC9CE,IAAI,EACR;AAEN,CAAC,CACF;AAEDT,aAAa,CAACU,WAAW,GAAG,eAAe"}

package/dist/esm/components/Loaders/Spinner/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"names":["styled","css","keyframes","BoxSizingStyle","rotateAnimation","StyledSpinnerLoader","div","props","$diameter","$rotateDurationInSeconds","$activeColorPercentage","$stroke","$inactiveStrokeColor","$activeStrokeColor"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,EAAsBC,SAAtB,QAAuC,mBAAvC;AACA,SAASC,cAAT,QAA+B,sBAA/B;AAEA,IAAMC,eAAe,GAAGF,SAAH,gEAArB;AAcA,OAAO,IAAMG,mBAAmB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,kEAC5BH,cAD4B,EAI5B,UAACI,KAAD;AAAA,SACAN,GADA,uEAEWM,KAAK,CAACC,SAFjB,EAGYD,KAAK,CAACC,SAHlB,EAIeJ,eAJf,EAIkCG,KAAK,CAACE,wBAJxC;AAAA,CAJ4B,EAY5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,sBAAN,KAAiC,KAAjC,IACAT,GADA,iIAEkBM,KAAK,CAACI,OAFxB,EAE2CJ,KAAK,CAACK,oBAFjD,EAGmBL,KAAK,CAACI,OAHzB,EAG4CJ,KAAK,CAACK,oBAHlD,EAIiBL,KAAK,CAACI,OAJvB,EAI0CJ,KAAK,CAACK,oBAJhD,EAKgBL,KAAK,CAACI,OALtB,EAKyCJ,KAAK,CAACM,kBAL/C,CADA;AAAA,CAZ4B,EAqB5B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACG,sBAAN,KAAiC,KAAjC,IACAT,GADA,iIAEkBM,KAAK,CAACI,OAFxB,EAE2CJ,KAAK,CAACM,kBAFjD,EAGmBN,KAAK,CAACI,OAHzB,EAG4CJ,KAAK,CAACK,oBAHlD,EAIiBL,KAAK,CAACI,OAJvB,EAI0CJ,KAAK,CAACK,oBAJhD,EAKgBL,KAAK,CAACI,OALtB,EAKyCJ,KAAK,CAACM,kBAL/C,CADA;AAAA,CArB4B,EA8B1B,UAACN,KAAD;AAAA,SACFA,KAAK,CAACG,sBAAN,KAAiC,KAAjC,IACAT,GADA,iIAEkBM,KAAK,CAACI,OAFxB,EAE2CJ,KAAK,CAACM,kBAFjD,EAGmBN,KAAK,CAACI,OAHzB,EAG4CJ,KAAK,CAACM,kBAHlD,EAIiBN,KAAK,CAACI,OAJvB,EAI0CJ,KAAK,CAACK,oBAJhD,EAKgBL,KAAK,CAACI,OALtB,EAKyCJ,KAAK,CAACM,kBAL/C,CADE;AAAA,CA9B0B,CAAzB","sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n  $diameter: number;\n  $stroke: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n  ${BoxSizingStyle}\n  border-radius: 100%;\n  flex-shrink: 0;\n  ${(props) =>\n    css`\n      width: ${props.$diameter}px;\n      height: ${props.$diameter}px;\n      animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n        linear;\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"25%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"50%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n    ${(props) =>\n    props.$activeColorPercentage === \"75%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n`;\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","keyframes","BoxSizingStyle","rotateAnimation","StyledSpinnerLoader","div","props","$diameter","$rotateDurationInSeconds","$activeColorPercentage","$stroke","$inactiveStrokeColor","$activeStrokeColor"],"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n  $diameter: number;\n  $stroke: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n  ${BoxSizingStyle}\n  border-radius: 100%;\n  flex-shrink: 0;\n  ${(props) =>\n    css`\n      width: ${props.$diameter}px;\n      height: ${props.$diameter}px;\n      animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n        linear;\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"25%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"50%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n    ${(props) =>\n    props.$activeColorPercentage === \"75%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,cAAc,QAAQ,sBAAsB;AAErD,IAAMC,eAAe,GAAGF,SAAS,gEAGhC;AAWD,OAAO,IAAMG,mBAAmB,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,kEACzCH,cAAc,EAGd,UAACI,KAAK;EAAA,OACNN,GAAG,uEACQM,KAAK,CAACC,SAAS,EACdD,KAAK,CAACC,SAAS,EACZJ,eAAe,EAAIG,KAAK,CAACE,wBAAwB;AAAA,CAE/D,EAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCT,GAAG,iIACeM,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EAClDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE;AAAA,GAED,UAACN,KAAK;EAAA,OACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCT,GAAG,iIACeM,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE;AAAA,GAEC,UAACN,KAAK;EAAA,OACRA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCT,GAAG,iIACeM,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EACnDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE;AAAA,EACJ"}

package/dist/esm/components/Loaders/Spinner/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Loaders/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd","sourcesContent":["export * from \"./Linear\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Loaders/index.ts"],"sourcesContent":["export * from \"./Linear\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW"}

package/dist/esm/components/Menu/Menu.js

@@ -8,36 +8,33 @@ import { MenuContextProvider } from "./context";
 import { StyledMenu } from "./Styles";
 export var Menu = function Menu(_ref) {
   var children = _ref.children,
-      _ref$disableFocusLock = _ref.disableFocusLock,
-      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
-      onMenuClick = _ref.onMenuClick,
-      _ref$handleScroll = _ref.handleScroll,
-      handleScroll = _ref$handleScroll === void 0 ? true : _ref$handleScroll,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "normal" : _ref$mode,
-      _ref$open = _ref.open,
-      defaultOpen = _ref$open === void 0 ? false : _ref$open,
-      onOpen = _ref.onOpen,
-      onClose = _ref.onClose,
-      onBeforeClose = _ref.onBeforeClose,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? "bottom-start" : _ref$position,
-      target = _ref.target,
-      className = _ref.className,
-      menuClassName = _ref.menuClassName,
-      popperClassName = _ref.popperClassName,
-      backgroundElementClass = _ref.backgroundElementClass,
-      _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
-      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
-
+    _ref$disableFocusLock = _ref.disableFocusLock,
+    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+    onMenuClick = _ref.onMenuClick,
+    _ref$handleScroll = _ref.handleScroll,
+    handleScroll = _ref$handleScroll === void 0 ? true : _ref$handleScroll,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    onBeforeClose = _ref.onBeforeClose,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-start" : _ref$position,
+    target = _ref.target,
+    className = _ref.className,
+    menuClassName = _ref.menuClassName,
+    popperClassName = _ref.popperClassName,
+    backgroundElementClass = _ref.backgroundElementClass,
+    _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
+    windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
   var _useState = useState(defaultOpen),
-      open = _useState[0],
-      setOpen = _useState[1];
-
+    open = _useState[0],
+    setOpen = _useState[1];
   var _useState2 = useState(),
-      childNode = _useState2[0],
-      setChildNode = _useState2[1];
-
+    childNode = _useState2[0],
+    setChildNode = _useState2[1];
   var elementRef = useRef(null);
   useEffect(function () {
     setOpen(defaultOpen);
@@ -46,7 +43,6 @@ export var Menu = function Menu(_ref) {
   var handleRef = useForkRef(handleRefRef, elementRef);
   var handleOpen = useCallback(function (event) {
     var _target$props;
-
     event == null ? void 0 : event.preventDefault();
     event == null ? void 0 : event.stopPropagation();
     setOpen(true);
@@ -57,7 +53,6 @@ export var Menu = function Menu(_ref) {
     if (typeof onBeforeClose === "function" && !onBeforeClose()) {
       return;
     }
-
     setOpen(false);
     typeof onClose === "function" && onClose();
   }, [onClose, onBeforeClose]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"file":"Menu.js"}
+{"version":3,"file":"Menu.js","names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","cloneElement","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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"}

package/dist/esm/components/Menu/MenuFooter.js

@@ -6,9 +6,8 @@ import classnames from "classnames";
 import { StyledMenuFooter } from "./Styles";
 export var MenuFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledMenuFooter, _extends({}, props, {
     className: classnames("c-menu-footer", className),
     ref: ref

package/dist/esm/components/Menu/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAOA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAClC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,gBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,eAAD,EAAkBK,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBiC,CAA7B;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"file":"MenuFooter.js"}
+{"version":3,"file":"MenuFooter.js","names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","ref","children","className","props","displayName"],"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,gBAAgB,QAAQ,UAAU;AAO3C,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAClC,gBAMEI,GAAwB,EACrB;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,gBAAgB,eACXA,KAAK;IACT,SAAS,EAAEN,UAAU,CAAC,eAAe,EAAEK,SAAS,CAAE;IAClD,GAAG,EAAEF;EAAI,IAERC,QAAQ,CACQ;AAEvB,CAAC,CACF;AAEDF,UAAU,CAACK,WAAW,GAAG,YAAY"}

package/dist/esm/components/Menu/MenuHeader.js

@@ -7,11 +7,10 @@ import { Typography } from "../Typography/Typography";
 import { StyledMenuHeader } from "./Styles";
 export var MenuHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var title = _ref.title,
-      className = _ref.className,
-      leftElement = _ref.leftElement,
-      rightElement = _ref.rightElement,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    className = _ref.className,
+    leftElement = _ref.leftElement,
+    rightElement = _ref.rightElement,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledMenuHeader, _extends({}, props, {
     className: classnames("c-menu-header", className),
     ref: ref

package/dist/esm/components/Menu/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"names":["React","forwardRef","classnames","Typography","StyledMenuHeader","MenuHeader","ref","title","className","leftElement","rightElement","props","minWidth","marginLeft","marginRight","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,gBAAT,QAAiC,UAAjC;AASA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,gBAQEK,GARF,EASK;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,gBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAET,UAAU,CAAC,eAAD,EAAkBM,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGG,WAAW,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YALlB,eAME,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,QADV;AAEE,IAAA,KAAK,EAAC,WAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,QAAQ,EAAC,UAJX;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,UAAU,EAAE,KAAd;AAAqBC,MAAAA,WAAW,EAAE;AAAlC;AALT,KAOGP,KAPH,CANF,EAeGG,YAAY,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEE,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YAfnB,CADF;AAmBD,CA9BiC,CAA7B;AAiCPP,UAAU,CAACU,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"file":"MenuHeader.js"}
+{"version":3,"file":"MenuHeader.js","names":["React","forwardRef","classnames","Typography","StyledMenuHeader","MenuHeader","ref","title","className","leftElement","rightElement","props","minWidth","marginLeft","marginRight","displayName"],"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AACzE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,gBAAgB,QAAQ,UAAU;AAS3C,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,gBAQEK,GAAwB,EACrB;EAAA,IAPDC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IACTC,WAAW,QAAXA,WAAW;IACXC,YAAY,QAAZA,YAAY;IACTC,KAAK;EAIV,oBACE,oBAAC,gBAAgB,eACXA,KAAK;IACT,SAAS,EAAET,UAAU,CAAC,eAAe,EAAEM,SAAS,CAAE;IAClD,GAAG,EAAEF;EAAI,IAERG,WAAW,iBAAI;IAAK,KAAK,EAAE;MAAEG,QAAQ,EAAE;IAAO;EAAE,UAAa,eAC9D,oBAAC,UAAU;IACT,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,MAAM;IACb,QAAQ,EAAC,UAAU;IACnB,KAAK,EAAE;MAAEC,UAAU,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAO;EAAE,GAEjDP,KAAK,CACK,EACZG,YAAY,iBAAI;IAAK,KAAK,EAAE;MAAEE,QAAQ,EAAE;IAAO;EAAE,UAAa,CAC9C;AAEvB,CAAC,CACF;AAEDP,UAAU,CAACU,WAAW,GAAG,YAAY"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/Styles.ts"],"names":["styled","css","BoxSizingStyle","Bubble","FontStyle","StyledMenu","props","$mode","displayName","StyledMenuFooter","div","StyledMenuHeader"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACG,MAAD,CAAT;AAAA;AAAA;AAAA,kGACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,EAGnBC,SAHmB,EAInBF,cAJmB,EAYnB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,QAAhB,IACAN,GADA,kBADA;AAAA,CAZmB,EAkBnB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAN,GADA,kBADA;AAAA,CAlBmB,EAwBnB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,MAAhB,IACAN,GADA,kBADA;AAAA,CAxBmB,CAAhB;AA8BPI,UAAU,CAACG,WAAX,GAAyB,YAAzB;AAEA,OAAO,IAAMC,gBAAgB,GAAGT,MAAM,CAACU,GAAV;AAAA;AAAA;AAAA,qGACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB,CAAtB;AAQPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMG,gBAAgB,GAAGX,MAAM,CAACU,GAAV;AAAA;AAAA;AAAA,wEACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB,CAAtB;AAMPC,gBAAgB,CAACH,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","Bubble","FontStyle","StyledMenu","props","$mode","displayName","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kGAClC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwE,CAAC,EAE3EC,SAAS,EACTF,cAAc,EAQd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,IACxBN,GAAG,kBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBN,GAAG,kBAEF;AAAA,GAED,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,MAAM,IACtBN,GAAG,kBAEF;AAAA,EACJ;AACDI,UAAU,CAACG,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,gBAAgB,GAAGT,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDD,gBAAgB,CAACD,WAAW,GAAG,kBAAkB;AAEjD,OAAO,IAAMG,gBAAgB,GAAGX,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDC,gBAAgB,CAACH,WAAW,GAAG,kBAAkB"}

package/dist/esm/components/Menu/context/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Menu/context/index.ts"],"names":["createContext","useContext","MenuContext","MenuContextProvider","Provider","MenuContextConsumer","Consumer","useMenuContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAOA,IAAMC,WAAW,gBAAGF,aAAa,CAAe,EAAf,CAAjC;AAEA,OAAO,IAAMG,mBAAmB,GAAGD,WAAW,CAACE,QAAxC;AACP,OAAO,IAAMC,mBAAmB,GAAGH,WAAW,CAACI,QAAxC;AAEP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAoBN,UAAU,CAACC,WAAD,CAA9B;AAAA,CAAvB;AAEP,eAAeA,WAAf","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IMenuContext {\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n}\n\nconst MenuContext = createContext<IMenuContext>({});\n\nexport const MenuContextProvider = MenuContext.Provider;\nexport const MenuContextConsumer = MenuContext.Consumer;\n\nexport const useMenuContext = (): IMenuContext => useContext(MenuContext);\n\nexport default MenuContext;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["createContext","useContext","MenuContext","MenuContextProvider","Provider","MenuContextConsumer","Consumer","useMenuContext"],"sources":["../../../../../src/components/Menu/context/index.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IMenuContext {\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n}\n\nconst MenuContext = createContext<IMenuContext>({});\n\nexport const MenuContextProvider = MenuContext.Provider;\nexport const MenuContextConsumer = MenuContext.Consumer;\n\nexport const useMenuContext = (): IMenuContext => useContext(MenuContext);\n\nexport default MenuContext;\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,IAAMC,WAAW,gBAAGF,aAAa,CAAe,CAAC,CAAC,CAAC;AAEnD,OAAO,IAAMG,mBAAmB,GAAGD,WAAW,CAACE,QAAQ;AACvD,OAAO,IAAMC,mBAAmB,GAAGH,WAAW,CAACI,QAAQ;AAEvD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAAuBN,UAAU,CAACC,WAAW,CAAC;AAAA;AAEzE,eAAeA,WAAW"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/index.ts"],"names":["useMenuContext"],"mappings":"AAAA,SAASA,cAAT,QAA+B,WAA/B;AAEA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,cAAd;AAEA,SAASA,cAAT","sourcesContent":["import { useMenuContext } from \"./context\";\n\nexport * from \"./Menu\";\nexport * from \"./MenuHeader\";\nexport * from \"./MenuFooter\";\n\nexport { useMenuContext };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["useMenuContext"],"sources":["../../../../src/components/Menu/index.ts"],"sourcesContent":["import { useMenuContext } from \"./context\";\n\nexport * from \"./Menu\";\nexport * from \"./MenuHeader\";\nexport * from \"./MenuFooter\";\n\nexport { useMenuContext };\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,WAAW;AAE1C,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAE5B,SAASA,cAAc"}

package/dist/esm/components/MenuSelector/MenuSelector.js

@@ -4,18 +4,18 @@ import { Input } from "../Input";
 import { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner } from "./Styles";
 export var MenuSelector = function MenuSelector(_ref) {
   var defaultValue = _ref.defaultValue,
-      children = _ref.children,
-      placeholder = _ref.placeholder,
-      onChange = _ref.onChange,
-      onBack = _ref.onBack,
-      onEdit = _ref.onEdit,
-      _ref$autoFocus = _ref.autoFocus,
-      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
-      className = _ref.className,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
-      _ref$autoComplete = _ref.autoComplete,
-      autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
+    children = _ref.children,
+    placeholder = _ref.placeholder,
+    onChange = _ref.onChange,
+    onBack = _ref.onBack,
+    onEdit = _ref.onEdit,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+    className = _ref.className,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    _ref$autoComplete = _ref.autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
   var handleChange = useCallback(function (e) {
     if (typeof onChange === "function") {
       onChange(e.target.value);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"names":["React","useCallback","classNames","Input","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","e","target","value","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgCC,WAAhC,QAAgE,OAAhE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SACEC,kBADF,EAEEC,sBAFF,EAGEC,sBAHF,EAIEC,uBAJF,QAKO,UALP;AA8BA,OAAO,IAAMC,YAA+B,GAAG,SAAlCA,YAAkC,OAYzC;AAAA,MAXJC,YAWI,QAXJA,YAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,KAKR;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,KACX;AACJ,MAAMC,YAAY,GAAGnB,WAAW,CAC9B,UAACoB,CAAD,EAAsC;AACpC,QAAI,OAAOT,QAAP,KAAoB,UAAxB,EAAoC;AAClCA,MAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD;AACF,GAL6B,EAM9B,CAACX,QAAD,CAN8B,CAAhC;AASA,sBACE,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAEV,UAAU,CAAC,iBAAD,EAAoBc,SAApB;AAAzC,kBACE,oBAAC,uBAAD,QACG,OAAOH,MAAP,KAAkB,UAAlB,gBACC,oBAAC,sBAAD;AAAwB,IAAA,OAAO,EAAEA,MAAjC;AAAyC,IAAA,KAAK,EAAC,MAA/C;AAAsD,IAAA,MAAM,EAAC;AAA7D,IADD,GAEG,IAHN,eAIE,oBAAC,KAAD;AACE,IAAA,QAAQ,EAAEO,YADZ;AAEE,IAAA,WAAW,EAAET,WAFf;AAGE,IAAA,SAAS,EAAEI,SAHb;AAIE,IAAA,YAAY,EAAEN,YAJhB;AAKE,IAAA,OAAO,EAAEQ,OALX;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,YAAY,EAAEC,YAAY,GAAG,IAAH,GAAU;AAPtC,IAJF,EAaG,OAAOL,MAAP,KAAkB,UAAlB,gBACC,oBAAC,sBAAD;AAAwB,IAAA,OAAO,EAAEA;AAAjC,IADD,GAEG,IAfN,CADF,EAkBGJ,QAlBH,CADF;AAsBD,CA5CM;AA8CPF,YAAY,CAACgB,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<IMenuSelector> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"file":"MenuSelector.js"}
+{"version":3,"file":"MenuSelector.js","names":["React","useCallback","classNames","Input","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","e","target","value","displayName"],"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<IMenuSelector> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,QAAqB,OAAO;AACvE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,UAAU;AAChC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,EACtBC,uBAAuB,QAClB,UAAU;AAyBjB,OAAO,IAAMC,YAA+B,GAAG,SAAlCA,YAA+B,OAYtC;EAAA,IAXJC,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,sBACNC,SAAS;IAATA,SAAS,+BAAG,KAAK;IACjBC,SAAS,QAATA,SAAS;IACTC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;IAAA,yBACNC,YAAY;IAAZA,YAAY,kCAAG,KAAK;EAEpB,IAAMC,YAAY,GAAGnB,WAAW,CAC9B,UAACoB,CAAgC,EAAK;IACpC,IAAI,OAAOT,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACS,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,CAACX,QAAQ,CAAC,CACX;EAED,oBACE,oBAAC,kBAAkB;IAAC,SAAS,EAAEV,UAAU,CAAC,iBAAiB,EAAEc,SAAS;EAAE,gBACtE,oBAAC,uBAAuB,QACrB,OAAOH,MAAM,KAAK,UAAU,gBAC3B,oBAAC,sBAAsB;IAAC,OAAO,EAAEA,MAAO;IAAC,KAAK,EAAC,MAAM;IAAC,MAAM,EAAC;EAAM,EAAG,GACpE,IAAI,eACR,oBAAC,KAAK;IACJ,QAAQ,EAAEO,YAAa;IACvB,WAAW,EAAET,WAAY;IACzB,SAAS,EAAEI,SAAU;IACrB,YAAY,EAAEN,YAAa;IAC3B,OAAO,EAAEQ,OAAQ;IACjB,MAAM,EAAEC,MAAO;IACf,YAAY,EAAEC,YAAY,GAAG,IAAI,GAAG;EAAM,EAC1C,EACD,OAAOL,MAAM,KAAK,UAAU,gBAC3B,oBAAC,sBAAsB;IAAC,OAAO,EAAEA;EAAO,EAAG,GACzC,IAAI,CACgB,EACzBJ,QAAQ,CACU;AAEzB,CAAC;AAEDF,YAAY,CAACgB,WAAW,GAAG,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":["styled","FontStyle","BoxSizingStyle","ArrowLeftIcon","TreeDotsIcon","StyledMenuSelectorDots","displayName","StyledMenuSelectorBack","StyledMenuSelector","div","StyledMenuSelectorInner"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,OAAOC,aAAP,MAA0B,+BAA1B;AACA,OAAOC,YAAP,MAAyB,8BAAzB;AAEA,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACI,YAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;AAIPC,sBAAsB,CAACC,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMC,sBAAsB,GAAGP,MAAM,CAACG,aAAD,CAAT;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;AAIPI,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAME,kBAAkB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,gDAC3BP,cAD2B,EAE3BD,SAF2B,CAAxB;AAOPO,kBAAkB,CAACF,WAAnB,GAAiC,oBAAjC;AAEA,OAAO,IAAMI,uBAAuB,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B,CAA7B;AAIPC,uBAAuB,CAACJ,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowLeftIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","FontStyle","BoxSizingStyle","ArrowLeftIcon","TreeDotsIcon","StyledMenuSelectorDots","displayName","StyledMenuSelectorBack","StyledMenuSelector","div","StyledMenuSelectorInner"],"sources":["../../../../src/components/MenuSelector/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowLeftIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,aAAa,MAAM,+BAA+B;AACzD,OAAOC,YAAY,MAAM,8BAA8B;AAEvD,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACI,YAAY,CAAC;EAAA;EAAA;AAAA,aACpD;EAAA;EAAA;EAAA;AAA2C,CAAC,CACjD;AAEDC,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMC,sBAAsB,GAAGP,MAAM,CAACG,aAAa,CAAC;EAAA;EAAA;AAAA,aACrD;EAAA;EAAA;EAAA;EAAA;AAA6D,CAAC,CACnE;AAEDI,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAME,kBAAkB,GAAGR,MAAM,CAACS,GAAG;EAAA;EAAA;AAAA,gDACxCP,cAAc,EACdD,SAAS,CAGZ;AAEDO,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAErD,OAAO,IAAMI,uBAAuB,GAAGV,MAAM,CAACS,GAAG;EAAA;EAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAA+B,CAAC,CACrC;AAEDC,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB"}

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

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

package/dist/esm/components/Modal/Modal.js

@@ -6,36 +6,31 @@ import { Window } from "../Window";
 import useForkRef from "../../utils/useForkRef";
 import createChainedFunction from "../../utils/createChainedFunction";
 import { Overlay } from "../Overlay";
-
 var getHasTransition = function getHasTransition(children) {
   return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
 };
-
 export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      _ref$disableFocusLock = _ref.disableFocusLock,
-      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
-      _ref$disableScrollLoc = _ref.disableScrollLock,
-      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
-      _ref$disableBackgroun = _ref.disableBackgroundClick,
-      disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      _ref$disableBackgroun2 = _ref.disableBackgroundColor,
-      disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-      disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
-      _ref$open = _ref.open,
-      defaultOpen = _ref$open === void 0 ? false : _ref$open,
-      onClose = _ref.onClose,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$disableFocusLock = _ref.disableFocusLock,
+    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+    _ref$disableScrollLoc = _ref.disableScrollLock,
+    disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+    _ref$disableBackgroun = _ref.disableBackgroundClick,
+    disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+    _ref$disableBackgroun2 = _ref.disableBackgroundColor,
+    disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+    _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+    disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onClose = _ref.onClose,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(defaultOpen),
-      open = _useState[0],
-      setOpen = _useState[1];
-
+    open = _useState[0],
+    setOpen = _useState[1];
   var _useState2 = useState(true),
-      exited = _useState2[0],
-      setExited = _useState2[1];
-
+    exited = _useState2[0],
+    setExited = _useState2[1];
   var innerRef = useRef(null);
   var handleRef = useForkRef(innerRef, ref);
   var hasTransition = useMemo(function () {
@@ -46,7 +41,6 @@ export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [defaultOpen]);
   var handleClose = useCallback(function () {
     setOpen(false);
-
     if (!hasTransition) {
       typeof onClose === "function" && onClose();
     }
@@ -65,8 +59,9 @@ export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     typeof onClose === "function" && onClose();
   }, [onClose]);
   var childProps = useMemo(function () {
-    var props = {}; // It's a Transition like component
+    var props = {};
 
+    // It's a Transition like component
     if (hasTransition && children) {
       props = {
         onEnter: createChainedFunction(handleEnter, children.props.onEnter),
@@ -74,14 +69,11 @@ export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
         in: open
       };
     }
-
     return props;
   }, [children, handleEnter, handleExited, hasTransition, open]);
-
   if (!open && (!hasTransition || exited)) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement(Window, _extends({}, rest, {
     ref: handleRef,
     onClose: handleClose,