@activecollab/components 1.0.5 → 1.0.9

package/dist/esm/components/Typography/Variants/Header3.js

@@ -1,27 +1,17 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Header3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Header3 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     weight: "bold",
     variant: "Header 3",
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Header3.displayName = "Header3";
-
-export { Header3 };
-//# sourceMappingURL=Header3.js.map
+//# sourceMappingURL=Header3.js.map

package/dist/esm/components/Typography/Variants/Header3.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header3.js","sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader3.displayName = \"Header3\";\n"],"names":["Header3","forwardRef","ref","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAGaA,OAA6B,gBAAGC,UAAU,CACrD,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACEC,KAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEH;AAAlD,KAA2DE,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARoD;AAWvDH,OAAO,CAACM,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["React","forwardRef","Typography","Header3","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAA6B,gBAAGF,UAAU,CACrD,gBAAyBG,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARoD,CAAhD;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}

package/dist/esm/components/Typography/Variants/Title1.js

@@ -1,29 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["weight", "children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Title1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Title1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "light" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     weight: weight,
     variant: "Title 1",
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Title1.displayName = "Title1";
-
-export { Title1 };
-//# sourceMappingURL=Title1.js.map
+//# sourceMappingURL=Title1.js.map

package/dist/esm/components/Typography/Variants/Title1.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title1.js","sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1: FC<ITypographyProps & ITitleProps> = forwardRef(\n  ({ weight = \"light\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nTitle1.displayName = \"Title1\";\n"],"names":["Title1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,MAA0C,gBAAGC,UAAU,CAClE,gBAA2CC,GAA3C,EAA2E;AAAA,yBAAxEC,MAAwE;AAAA,MAAxEA,MAAwE,4BAA/D,OAA+D;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACzE,sBACEC,KAAC,UAAD;AAAY,IAAA,MAAM,EAAEH,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARiE;AAWpEJ,MAAM,CAACO,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["React","forwardRef","Typography","Title1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,MAA0C,gBAAGF,UAAU,CAClE,gBAA2CG,GAA3C,EAA2E;AAAA,yBAAxEC,MAAwE;AAAA,MAAxEA,MAAwE,4BAA/D,OAA+D;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACzE,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARiE,CAA7D;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1: FC<ITypographyProps & ITitleProps> = forwardRef(\n  ({ weight = \"light\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}

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

@@ -0,0 +1,8 @@
+export * from "./Variants/Title1";
+export * from "./Variants/Header2";
+export * from "./Variants/Header3";
+export * from "./Variants/Body1";
+export * from "./Variants/Body2";
+export * from "./Variants/Caption1";
+export * from "./Variants/Caption2";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAd;AACA,cAAc,oBAAd;AACA,cAAc,oBAAd;AACA,cAAc,kBAAd;AACA,cAAc,kBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"file":"index.js"}

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

@@ -1,18 +1,17 @@
-import styled, { css } from 'styled-components';
-import { Button } from '../Button/Button.js';
-import { Body2 } from '../Typography/Variants/Body2.js';
-
-var StyledValueButtonLabel = styled(Body2).withConfig({
+import styled, { css } from "styled-components";
+import { Body2 } from "../Typography";
+import { Button } from "../Button/Button";
+export var StyledValueButtonLabel = styled(Body2).withConfig({
   displayName: "Styles__StyledValueButtonLabel",
   componentId: "sc-7n59oz-0"
 })(["opacity:60%;margin-right:2px;"]);
 StyledValueButtonLabel.displayName = "StyledValueButtonLabel";
-var StyledValueButtonValue = styled(Body2).withConfig({
+export var StyledValueButtonValue = styled(Body2).withConfig({
   displayName: "Styles__StyledValueButtonValue",
   componentId: "sc-7n59oz-1"
 })([""]);
 StyledValueButtonValue.displayName = "StyledValueButtonValue";
-var StyledValueButton = styled(Button).withConfig({
+export var StyledValueButton = styled(Button).withConfig({
   displayName: "Styles__StyledValueButton",
   componentId: "sc-7n59oz-2"
 })(["", " ", ""], function (props) {
@@ -25,6 +24,4 @@ var StyledValueButton = styled(Button).withConfig({
   });
 });
 StyledValueButton.displayName = "StyledValueButton";
-
-export { StyledValueButton, StyledValueButtonLabel, StyledValueButtonValue };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, IButtonProps } from \"../Button/Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends IButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"names":["StyledValueButtonLabel","styled","Body2","displayName","StyledValueButtonValue","StyledValueButton","Button","props","$active","css"],"mappings":";;;;IAKaA,sBAAsB,GAAGC,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA;AAKnCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,sBAAsB,GAAGH,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA;AAEnCE,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;IAMaE,iBAAiB,GAAGJ,MAAM,CAACK,MAAD,CAAT;AAAA;AAAA;AAAA,kBAC1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAC,GADA,8FAEIT,sBAFJ,EAGII,sBAHJ,EAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAD0B,EAe1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,KAAkB,IAAlB,IACAC,GADA,yEAGIT,sBAHJ,EAIII,sBAJJ,EAKQ;AAAA;AAAA,GALR,CADA;AAAA,CAf0B;AA4B9BC,iBAAiB,CAACF,WAAlB,GAAgC,mBAAhC;;;;"}
+{"version":3,"sources":["../../../../src/components/ValueButton/Styles.ts"],"names":["styled","css","Body2","Button","StyledValueButtonLabel","displayName","StyledValueButtonValue","StyledValueButton","props","$active"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,KAAT,QAAsB,eAAtB;AACA,SAASC,MAAT,QAAqC,kBAArC;AAEA,OAAO,IAAMC,sBAAsB,GAAGJ,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,qCAA5B;AAKPE,sBAAsB,CAACC,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACE,KAAD,CAAT;AAAA;AAAA;AAAA,QAA5B;AAEPI,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;AAMA,OAAO,IAAME,iBAAiB,GAAGP,MAAM,CAACG,MAAD,CAAT;AAAA;AAAA;AAAA,kBAC1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,IACAR,GADA,8FAEIG,sBAFJ,EAGIE,sBAHJ,EAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAD0B,EAe1B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,KAAkB,IAAlB,IACAR,GADA,yEAGIG,sBAHJ,EAIIE,sBAJJ,EAKQ;AAAA;AAAA,GALR,CADA;AAAA,CAf0B,CAAvB;AA4BPC,iBAAiB,CAACF,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, IButtonProps } from \"../Button/Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends IButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"file":"Styles.js"}

package/dist/esm/components/ValueButton/ValueButton.js

@@ -1,15 +1,9 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { forwardRef } from 'react';
-import { StyledValueButton, StyledValueButtonLabel, StyledValueButtonValue } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["active", "alwaysShowIcon", "icon", "label", "value"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var ValueButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { StyledValueButton, StyledValueButtonLabel, StyledValueButtonValue } from "./Styles";
+export var ValueButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       _ref$alwaysShowIcon = _ref.alwaysShowIcon,
@@ -17,32 +11,27 @@ var ValueButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
       icon = _ref.icon,
       label = _ref.label,
       value = _ref.value,
-      args = _objectWithoutProperties(_ref, _excluded);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsxs(StyledValueButton, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledValueButton, _extends({
     className: "c-value-button"
-  }, args), {}, {
+  }, args, {
     ref: ref,
     variant: "text gray",
-    $active: active,
-    children: [icon && alwaysShowIcon ? /*#__PURE__*/React.cloneElement(icon, {
-      style: {
-        display: "inline-block"
-      }
-    }) : null, label ? /*#__PURE__*/jsxs(StyledValueButtonLabel, {
-      color: "secondary",
-      weight: "medium",
-      className: "c-value-button__label",
-      children: [label, ":"]
-    }) : null, /*#__PURE__*/jsx(StyledValueButtonValue, {
-      color: "secondary",
-      weight: "medium",
-      className: "c-value-button__value",
-      children: value
-    })]
-  }));
+    $active: active
+  }), icon && alwaysShowIcon ? /*#__PURE__*/React.cloneElement(icon, {
+    style: {
+      display: "inline-block"
+    }
+  }) : null, label ? /*#__PURE__*/React.createElement(StyledValueButtonLabel, {
+    color: "secondary",
+    weight: "medium",
+    className: "c-value-button__label"
+  }, label, ":") : null, /*#__PURE__*/React.createElement(StyledValueButtonValue, {
+    color: "secondary",
+    weight: "medium",
+    className: "c-value-button__value"
+  }, value));
 });
 ValueButton.displayName = "ValueButton";
-
-export { ValueButton };
-//# sourceMappingURL=ValueButton.js.map
+//# sourceMappingURL=ValueButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ValueButton.js","sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className={\"c-value-button\"}\n        {...args}\n        ref={ref}\n        variant={\"text gray\"}\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color={\"secondary\"}\n            weight={\"medium\"}\n            className={\"c-value-button__label\"}\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color={\"secondary\"}\n          weight={\"medium\"}\n          className={\"c-value-button__value\"}\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"names":["ValueButton","forwardRef","ref","active","alwaysShowIcon","icon","label","value","args","_jsxs","React","cloneElement","style","display","_jsx","displayName"],"mappings":";;;;;;;;;;;IAoBaA,WAAW,gBAAGC,UAAU,CACnC,gBAEEC,GAFF,EAGK;AAAA,yBAFDC,MAEC;AAAA,MAFDA,MAEC,4BAFQ,KAER;AAAA,iCAFeC,cAEf;AAAA,MAFeA,cAEf,oCAFgC,KAEhC;AAAA,MAFuCC,IAEvC,QAFuCA,IAEvC;AAAA,MAF6CC,KAE7C,QAF6CA,KAE7C;AAAA,MAFoDC,KAEpD,QAFoDA,KAEpD;AAAA,MAF8DC,IAE9D;;AACH,sBACEC,KAAC,iBAAD;AACE,IAAA,SAAS,EAAE;AADb,KAEMD,IAFN;AAGE,IAAA,GAAG,EAAEN,GAHP;AAIE,IAAA,OAAO,EAAE,WAJX;AAKE,IAAA,OAAO,EAAEC,MALX;AAAA,eAOGE,IAAI,IAAID,cAAR,gBACGM,KAAK,CAACC,YAAN,CAAmBN,IAAnB,EAAyB;AACvBO,MAAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAX;AADgB,KAAzB,CADH,GAIG,IAXN,EAYGP,KAAK,gBACJG,KAAC,sBAAD;AACE,MAAA,KAAK,EAAE,WADT;AAEE,MAAA,MAAM,EAAE,QAFV;AAGE,MAAA,SAAS,EAAE,uBAHb;AAAA,iBAKGH,KALH;AAAA,MADI,GAQF,IApBN,eAqBEQ,IAAC,sBAAD;AACE,MAAA,KAAK,EAAE,WADT;AAEE,MAAA,MAAM,EAAE,QAFV;AAGE,MAAA,SAAS,EAAE,uBAHb;AAAA,gBAKGP;AALH,MArBF;AAAA,KADF;AA+BD,CApCkC;AAuCrCP,WAAW,CAACe,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"names":["React","forwardRef","StyledValueButton","StyledValueButtonLabel","StyledValueButtonValue","ValueButton","ref","active","alwaysShowIcon","icon","label","value","args","cloneElement","style","display","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAgD,OAAhD;AACA,SACEC,iBADF,EAEEC,sBAFF,EAGEC,sBAHF,QAIO,UAJP;AAmBA,OAAO,IAAMC,WAAW,gBAAGJ,UAAU,CACnC,gBAEEK,GAFF,EAGK;AAAA,yBAFDC,MAEC;AAAA,MAFDA,MAEC,4BAFQ,KAER;AAAA,iCAFeC,cAEf;AAAA,MAFeA,cAEf,oCAFgC,KAEhC;AAAA,MAFuCC,IAEvC,QAFuCA,IAEvC;AAAA,MAF6CC,KAE7C,QAF6CA,KAE7C;AAAA,MAFoDC,KAEpD,QAFoDA,KAEpD;AAAA,MAF8DC,IAE9D;;AACH,sBACE,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAE;AADb,KAEMA,IAFN;AAGE,IAAA,GAAG,EAAEN,GAHP;AAIE,IAAA,OAAO,EAAE,WAJX;AAKE,IAAA,OAAO,EAAEC;AALX,MAOGE,IAAI,IAAID,cAAR,gBACGR,KAAK,CAACa,YAAN,CAAmBJ,IAAnB,EAAyB;AACvBK,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX;AADgB,GAAzB,CADH,GAIG,IAXN,EAYGL,KAAK,gBACJ,oBAAC,sBAAD;AACE,IAAA,KAAK,EAAE,WADT;AAEE,IAAA,MAAM,EAAE,QAFV;AAGE,IAAA,SAAS,EAAE;AAHb,KAKGA,KALH,MADI,GAQF,IApBN,eAqBE,oBAAC,sBAAD;AACE,IAAA,KAAK,EAAE,WADT;AAEE,IAAA,MAAM,EAAE,QAFV;AAGE,IAAA,SAAS,EAAE;AAHb,KAKGC,KALH,CArBF,CADF;AA+BD,CApCkC,CAA9B;AAuCPN,WAAW,CAACW,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className={\"c-value-button\"}\n        {...args}\n        ref={ref}\n        variant={\"text gray\"}\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color={\"secondary\"}\n            weight={\"medium\"}\n            className={\"c-value-button__label\"}\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color={\"secondary\"}\n          weight={\"medium\"}\n          className={\"c-value-button__value\"}\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"file":"ValueButton.js"}

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

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

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

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

package/dist/esm/components/Window/Style.js

@@ -1,12 +1,9 @@
-import styled from 'styled-components';
-import { FontStyle } from '../FontStyle.js';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-
-var StyledWindow = styled.div.withConfig({
+import styled from "styled-components";
+import { FontStyle } from "../FontStyle";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export var StyledWindow = styled.div.withConfig({
   displayName: "Style__StyledWindow",
   componentId: "sc-rnlftg-0"
 })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
 StyledWindow.displayName = "StyledWindow";
-
-export { StyledWindow };
-//# sourceMappingURL=Style.js.map
+//# sourceMappingURL=Style.js.map

package/dist/esm/components/Window/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"names":["StyledWindow","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;IAIaA,YAAY,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,gEACrBC,SADqB,EAErBC,cAFqB;AAWzBJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"sources":["../../../../src/components/Window/Style.ts"],"names":["styled","FontStyle","BoxSizingStyle","StyledWindow","div","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,gEACrBH,SADqB,EAErBC,cAFqB,CAAlB;AAWPC,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"file":"Style.js"}

package/dist/esm/components/Window/Window.js

@@ -1,24 +1,17 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useRef, useCallback, useEffect } from 'react';
-import classnames from 'classnames';
-import FocusLock from 'react-focus-lock';
-import useForkRef from '../../utils/useForkRef.js';
-import { RemoveScroll } from 'react-remove-scroll';
-import { StyledWindow } from './Style.js';
-import { jsx } from 'react/jsx-runtime';
-import { useLayerContext } from '../../helpers/LayerContext/LayerContext.js';
-import { Portal } from '../../helpers/Portal/Portal.js';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import React, { useCallback, useRef, useEffect, forwardRef } from "react";
+import classnames from "classnames";
+import FocusLock from "react-focus-lock";
+import { Portal, useLayerContext } from "../../helpers";
+import useForkRef from "../../utils/useForkRef";
+import { RemoveScroll } from "react-remove-scroll";
+import { StyledWindow } from "./Style";
 var returnFocus = {
   preventScroll: true
 };
-var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       onClose = _ref.onClose,
       className = _ref.className,
@@ -28,7 +21,7 @@ var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
       disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
       _ref$disableScrollLoc = _ref.disableScrollLock,
       disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var innerRef = useRef(null);
   var handleRef = useForkRef(innerRef, ref);
@@ -56,29 +49,22 @@ var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }; // Dependency is empty because we only want to call onClose when component is unmounted
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return /*#__PURE__*/jsx(Portal, {
-    children: /*#__PURE__*/jsx(FocusLock, {
-      returnFocus: returnFocus,
-      disabled: disableFocusLock,
-      children: /*#__PURE__*/jsx(RemoveScroll, {
-        forwardProps: true,
-        ref: handleRef,
-        enabled: !disableScrollLock,
-        noIsolation: true,
-        children: /*#__PURE__*/jsx(StyledWindow, _objectSpread(_objectSpread({}, rest), {}, {
-          style: _objectSpread({
-            zIndex: zIndex
-          }, style),
-          onKeyDown: handleKeyDown,
-          tabIndex: 0,
-          className: classnames("c-window", className),
-          children: children
-        }))
-      })
-    })
-  });
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FocusLock, {
+    returnFocus: returnFocus,
+    disabled: disableFocusLock
+  }, /*#__PURE__*/React.createElement(RemoveScroll, {
+    forwardProps: true,
+    ref: handleRef,
+    enabled: !disableScrollLock,
+    noIsolation: true
+  }, /*#__PURE__*/React.createElement(StyledWindow, _extends({}, rest, {
+    style: _extends({
+      zIndex: zIndex
+    }, style),
+    onKeyDown: handleKeyDown,
+    tabIndex: 0,
+    className: classnames("c-window", className)
+  }), children))));
 });
 Window.displayName = "Window";
-
-export { Window };
-//# sourceMappingURL=Window.js.map
+//# sourceMappingURL=Window.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Window.js","sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\n\ninterface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = 1300 } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"names":["returnFocus","preventScroll","Window","forwardRef","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","rest","innerRef","useRef","handleRef","useForkRef","useLayerContext","zIndex","handleKeyDown","useCallback","event","defaultPrevented","key","preventDefault","useEffect","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,IAAMA,WAAW,GAAG;AAAEC,EAAAA,aAAa,EAAE;AAAjB,CAApB;IAEaC,MAAM,gBAAGC,UAAU,CAI9B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,OASC,QATDA,OASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,mCALDC,gBAKC;AAAA,MALDA,gBAKC,sCALkB,KAKlB;AAAA,mCAJDC,iBAIC;AAAA,MAJDA,iBAIC,sCAJmB,KAInB;AAAA,MAHEC,IAGF;;AACH,MAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAjB,CAAvB;AACA,MAAMC,SAAS,GAAGC,UAAU,CAACH,QAAD,EAAWT,GAAX,CAA5B;;AACA,yBAA0Ba,eAAe,EAAzC;AAAA,+CAAQC,MAAR;AAAA,MAAQA,MAAR,sCAAiB,IAAjB;;AAEA,MAAMC,aAAa,GAAGC,WAAW,CAC/B,UAACC,KAAD,EAA0C;AACxC,QACE,CAACA,KAAK,CAACC,gBAAP,KACCD,KAAK,CAACE,GAAN,KAAc,KAAd,IAAuBF,KAAK,CAACE,GAAN,KAAc,QADtC,CADF,EAGE;AACAF,MAAAA,KAAK,CAACG,cAAN;;AACA,UAAIlB,OAAJ,EAAa;AACXA,QAAAA,OAAO;AACR;AACF;;AACD,QAAI,OAAOG,SAAP,KAAqB,UAAzB,EAAqC;AACnCA,MAAAA,SAAS,CAACY,KAAD,CAAT;AACD;AACF,GAd8B,EAe/B,CAACf,OAAD,EAAUG,SAAV,CAf+B,CAAjC;AAkBAgB,EAAAA,SAAS,CAAC,YAAM;AACd,WAAO,YAAY;AACjB,aAAOnB,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,KAFD,CADc;AAKd;AACD,GANQ,EAMN,EANM,CAAT;AAQA,sBACEoB,IAAC,MAAD;AAAA,2BACEA,IAAC,SAAD;AAAW,MAAA,WAAW,EAAE1B,WAAxB;AAAqC,MAAA,QAAQ,EAAEU,gBAA/C;AAAA,6BACEgB,IAAC,YAAD;AACE,QAAA,YAAY,MADd;AAEE,QAAA,GAAG,EAAEX,SAFP;AAGE,QAAA,OAAO,EAAE,CAACJ,iBAHZ;AAIE,QAAA,WAAW,MAJb;AAAA,+BAMEe,IAAC,YAAD,kCACMd,IADN;AAEE,UAAA,KAAK;AAAIM,YAAAA,MAAM,EAANA;AAAJ,aAAeV,KAAf,CAFP;AAGE,UAAA,SAAS,EAAEW,aAHb;AAIE,UAAA,QAAQ,EAAE,CAJZ;AAKE,UAAA,SAAS,EAAEQ,UAAU,CAAC,UAAD,EAAapB,SAAb,CALvB;AAAA,oBAOGF;AAPH;AANF;AADF;AADF,IADF;AAsBD,CArE6B;AAwEhCH,MAAM,CAAC0B,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../src/components/Window/Window.tsx"],"names":["React","useCallback","useRef","useEffect","forwardRef","classnames","FocusLock","Portal","useLayerContext","useForkRef","RemoveScroll","StyledWindow","returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","rest","innerRef","handleRef","zIndex","handleKeyDown","event","defaultPrevented","key","preventDefault","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,WADF,EAEEC,MAFF,EAGEC,SAHF,EAIEC,UAJF,QAOO,OAPP;AAQA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,SAASC,MAAT,EAAiBC,eAAjB,QAAwC,eAAxC;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAASC,YAAT,QAA6B,qBAA7B;AACA,SAASC,YAAT,QAA6B,SAA7B;AAQA,IAAMC,WAAW,GAAG;AAAEC,EAAAA,aAAa,EAAE;AAAjB,CAApB;AAEA,OAAO,IAAMC,MAAM,gBAAGV,UAAU,CAI9B,gBAWEW,GAXF,EAYK;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,OASC,QATDA,OASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,mCALDC,gBAKC;AAAA,MALDA,gBAKC,sCALkB,KAKlB;AAAA,mCAJDC,iBAIC;AAAA,MAJDA,iBAIC,sCAJmB,KAInB;AAAA,MAHEC,IAGF;;AACH,MAAMC,QAAQ,GAAGtB,MAAM,CAAiB,IAAjB,CAAvB;AACA,MAAMuB,SAAS,GAAGhB,UAAU,CAACe,QAAD,EAAWT,GAAX,CAA5B;;AACA,yBAA0BP,eAAe,EAAzC;AAAA,+CAAQkB,MAAR;AAAA,MAAQA,MAAR,sCAAiB,IAAjB;;AAEA,MAAMC,aAAa,GAAG1B,WAAW,CAC/B,UAAC2B,KAAD,EAA0C;AACxC,QACE,CAACA,KAAK,CAACC,gBAAP,KACCD,KAAK,CAACE,GAAN,KAAc,KAAd,IAAuBF,KAAK,CAACE,GAAN,KAAc,QADtC,CADF,EAGE;AACAF,MAAAA,KAAK,CAACG,cAAN;;AACA,UAAId,OAAJ,EAAa;AACXA,QAAAA,OAAO;AACR;AACF;;AACD,QAAI,OAAOG,SAAP,KAAqB,UAAzB,EAAqC;AACnCA,MAAAA,SAAS,CAACQ,KAAD,CAAT;AACD;AACF,GAd8B,EAe/B,CAACX,OAAD,EAAUG,SAAV,CAf+B,CAAjC;AAkBAjB,EAAAA,SAAS,CAAC,YAAM;AACd,WAAO,YAAY;AACjB,aAAOc,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,KAFD,CADc,CAId;AACA;AACD,GANQ,EAMN,EANM,CAAT;AAQA,sBACE,oBAAC,MAAD,qBACE,oBAAC,SAAD;AAAW,IAAA,WAAW,EAAEL,WAAxB;AAAqC,IAAA,QAAQ,EAAES;AAA/C,kBACE,oBAAC,YAAD;AACE,IAAA,YAAY,MADd;AAEE,IAAA,GAAG,EAAEI,SAFP;AAGE,IAAA,OAAO,EAAE,CAACH,iBAHZ;AAIE,IAAA,WAAW;AAJb,kBAME,oBAAC,YAAD,eACMC,IADN;AAEE,IAAA,KAAK;AAAIG,MAAAA,MAAM,EAANA;AAAJ,OAAeP,KAAf,CAFP;AAGE,IAAA,SAAS,EAAEQ,aAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,SAAS,EAAEtB,UAAU,CAAC,UAAD,EAAaa,SAAb;AALvB,MAOGF,QAPH,CANF,CADF,CADF,CADF;AAsBD,CArE6B,CAAzB;AAwEPF,MAAM,CAACkB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\n\ninterface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = 1300 } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"file":"Window.js"}

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

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

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

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

package/dist/esm/components/index.js

@@ -0,0 +1,55 @@
+export * from "./Button";
+export * from "./ButtonGroup";
+export * from "./CounterButton";
+export * from "./Steppers";
+export * from "./Tables";
+export * from "./CompleteCheckbox";
+export * from "./Paper";
+export * from "./ScaleBar";
+export * from "./Card";
+export * from "./EntityCard";
+export * from "./Signifier";
+export * from "./Avatar";
+export * from "./Label";
+export * from "./Loaders";
+export * from "./Nav";
+export * from "./Bubble";
+export * from "./Input";
+export * from "./Menu";
+export * from "./Expanders";
+export * from "./Pickers";
+export * from "./DatePicker";
+export * from "./List";
+export * from "./MenuSelector";
+export * from "./MultiAvatar";
+export * from "./RadioButton";
+export * from "./ScrollShadow";
+export * from "./Icons";
+export * from "./Textarea";
+export * from "./Modal";
+export * from "./Sheet";
+export * from "./Header";
+export * from "./AutoResizeTextarea";
+export * from "./Overlay";
+export * from "./Accordion";
+export * from "./Choose";
+export * from "./Links";
+export * from "./SelectDate";
+export * from "./Popper";
+export * from "./Tooltip";
+export * from "./Transitions";
+export * from "./Pressed";
+export * from "./Window";
+export * from "./ValueButton";
+export * from "./Select";
+export * from "./Dialog";
+export * from "./ConfirmDialog";
+export * from "./Checkbox";
+export * from "./Toggle";
+export * from "./Typography";
+export * from "./Autocomplete";
+export * from "./ComboBox";
+export * from "./ProgressBar";
+export * from "./Reactions";
+export * from "./GlobalStyle";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,OAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,QAAd;AACA,cAAc,aAAd;AACA,cAAc,WAAd;AACA,cAAc,cAAd;AACA,cAAc,QAAd;AACA,cAAc,gBAAd;AACA,cAAc,eAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,SAAd;AACA,cAAc,YAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AACA,cAAc,UAAd;AACA,cAAc,sBAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,cAAd;AACA,cAAc,UAAd;AACA,cAAc,WAAd;AACA,cAAc,eAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,eAAd;AACA,cAAc,UAAd;AACA,cAAc,UAAd;AACA,cAAc,iBAAd;AACA,cAAc,YAAd;AACA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,gBAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Label\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./GlobalStyle\";\n"],"file":"index.js"}

package/dist/esm/custom.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=custom.d.js.map

package/dist/esm/custom.d.js.map

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

package/dist/esm/helpers/LayerContext/LayerContext.js

@@ -1,12 +1,9 @@
-import { createContext, useContext } from 'react';
-
+import { createContext, useContext } from "react";
 var LayerContext = /*#__PURE__*/createContext({});
-var LayerContextProvider = LayerContext.Provider;
-var LayerContextConsumer = LayerContext.Consumer;
-var useLayerContext = function useLayerContext() {
+export var LayerContextProvider = LayerContext.Provider;
+export var LayerContextConsumer = LayerContext.Consumer;
+export var useLayerContext = function useLayerContext() {
   return useContext(LayerContext);
 };
-var LayerContext$1 = LayerContext;
-
-export { LayerContextConsumer, LayerContextProvider, LayerContext$1 as default, useLayerContext };
-//# sourceMappingURL=LayerContext.js.map
+export default LayerContext;
+//# sourceMappingURL=LayerContext.js.map

package/dist/esm/helpers/LayerContext/LayerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerContext.js","sources":["../../../../src/helpers/LayerContext/LayerContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ILayerContext {\n  root?: HTMLElement;\n  zIndex?: number;\n}\n\nconst LayerContext = createContext<ILayerContext>({});\n\nexport const LayerContextProvider = LayerContext.Provider;\nexport const LayerContextConsumer = LayerContext.Consumer;\n\nexport const useLayerContext = (): ILayerContext => useContext(LayerContext);\n\nexport default LayerContext;\n"],"names":["LayerContext","createContext","LayerContextProvider","Provider","LayerContextConsumer","Consumer","useLayerContext","useContext"],"mappings":";;AAOA,IAAMA,YAAY,gBAAGC,aAAa,CAAgB,EAAhB,CAAlC;IAEaC,oBAAoB,GAAGF,YAAY,CAACG;IACpCC,oBAAoB,GAAGJ,YAAY,CAACK;IAEpCC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAAqBC,UAAU,CAACP,YAAD,CAA/B;AAAA;AAE/B,qBAAeA,YAAf;;;;"}
+{"version":3,"sources":["../../../../src/helpers/LayerContext/LayerContext.ts"],"names":["createContext","useContext","LayerContext","LayerContextProvider","Provider","LayerContextConsumer","Consumer","useLayerContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAOA,IAAMC,YAAY,gBAAGF,aAAa,CAAgB,EAAhB,CAAlC;AAEA,OAAO,IAAMG,oBAAoB,GAAGD,YAAY,CAACE,QAA1C;AACP,OAAO,IAAMC,oBAAoB,GAAGH,YAAY,CAACI,QAA1C;AAEP,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAAqBN,UAAU,CAACC,YAAD,CAA/B;AAAA,CAAxB;AAEP,eAAeA,YAAf","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ILayerContext {\n  root?: HTMLElement;\n  zIndex?: number;\n}\n\nconst LayerContext = createContext<ILayerContext>({});\n\nexport const LayerContextProvider = LayerContext.Provider;\nexport const LayerContextConsumer = LayerContext.Consumer;\n\nexport const useLayerContext = (): ILayerContext => useContext(LayerContext);\n\nexport default LayerContext;\n"],"file":"LayerContext.js"}

package/dist/esm/helpers/LayerContext/index.js

@@ -0,0 +1,3 @@
+import LayerContext, { LayerContextProvider, LayerContextConsumer, useLayerContext } from "./LayerContext";
+export { LayerContext, LayerContextProvider, LayerContextConsumer, useLayerContext };
+//# sourceMappingURL=index.js.map

package/dist/esm/helpers/LayerContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/helpers/LayerContext/index.ts"],"names":["LayerContext","LayerContextProvider","LayerContextConsumer","useLayerContext"],"mappings":"AAAA,OAAOA,YAAP,IACEC,oBADF,EAEEC,oBAFF,EAGEC,eAHF,QAIO,gBAJP;AAMA,SACEH,YADF,EAEEC,oBAFF,EAGEC,oBAHF,EAIEC,eAJF","sourcesContent":["import LayerContext, {\n  LayerContextProvider,\n  LayerContextConsumer,\n  useLayerContext,\n} from \"./LayerContext\";\n\nexport {\n  LayerContext,\n  LayerContextProvider,\n  LayerContextConsumer,\n  useLayerContext,\n};\n"],"file":"index.js"}

package/dist/esm/helpers/Portal/Portal.js

@@ -1,12 +1,9 @@
-import ReactDOM from 'react-dom';
-
-var Portal = function Portal(_ref) {
+import ReactDOM from "react-dom";
+export var Portal = function Portal(_ref) {
   var children = _ref.children,
       _ref$root = _ref.root,
       root = _ref$root === void 0 ? document.body : _ref$root;
   return /*#__PURE__*/ReactDOM.createPortal(children, root);
 };
 Portal.displayName = "Portal";
-
-export { Portal };
-//# sourceMappingURL=Portal.js.map
+//# sourceMappingURL=Portal.js.map

package/dist/esm/helpers/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../../src/helpers/Portal/Portal.tsx"],"sourcesContent":["import { FC } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface IPortal {\n  root?: HTMLElement;\n}\n\nexport const Portal: FC<IPortal> = ({ children, root = document.body }) => {\n  return ReactDOM.createPortal(children, root);\n};\n\nPortal.displayName = \"Portal\";\n"],"names":["Portal","children","root","document","body","ReactDOM","createPortal","displayName"],"mappings":";;IAOaA,MAAmB,GAAG,SAAtBA,MAAsB,OAAwC;AAAA,MAArCC,QAAqC,QAArCA,QAAqC;AAAA,uBAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApBC,QAAQ,CAACC,IAAW;AACzE,sBAAOC,QAAQ,CAACC,YAAT,CAAsBL,QAAtB,EAAgCC,IAAhC,CAAP;AACD;AAEDF,MAAM,CAACO,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../src/helpers/Portal/Portal.tsx"],"names":["ReactDOM","Portal","children","root","document","body","createPortal","displayName"],"mappings":"AACA,OAAOA,QAAP,MAAqB,WAArB;AAMA,OAAO,IAAMC,MAAmB,GAAG,SAAtBA,MAAsB,OAAwC;AAAA,MAArCC,QAAqC,QAArCA,QAAqC;AAAA,uBAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApBC,QAAQ,CAACC,IAAW;AACzE,sBAAOL,QAAQ,CAACM,YAAT,CAAsBJ,QAAtB,EAAgCC,IAAhC,CAAP;AACD,CAFM;AAIPF,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import { FC } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface IPortal {\n  root?: HTMLElement;\n}\n\nexport const Portal: FC<IPortal> = ({ children, root = document.body }) => {\n  return ReactDOM.createPortal(children, root);\n};\n\nPortal.displayName = \"Portal\";\n"],"file":"Portal.js"}

package/dist/esm/helpers/Portal/index.js

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

package/dist/esm/helpers/Portal/index.js.map

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

package/dist/esm/helpers/index.js

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

package/dist/esm/helpers/index.js.map

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

package/dist/esm/hooks/index.js

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

package/dist/esm/hooks/index.js.map

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

package/dist/esm/hooks/useDeprecation.js

@@ -0,0 +1,9 @@
+import { useEffect } from "react";
+export var useDeprecation = function useDeprecation(message) {
+  useEffect(function () {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(message);
+    }
+  }, [message]);
+};
+//# sourceMappingURL=useDeprecation.js.map

package/dist/esm/hooks/useDeprecation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useDeprecation.tsx"],"names":["useEffect","useDeprecation","message","process","env","NODE_ENV","console","warn"],"mappings":"AAAA,SAASA,SAAT,QAA0B,OAA1B;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,OAAD,EAA2B;AACvDF,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1CC,MAAAA,OAAO,CAACC,IAAR,CAAaL,OAAb;AACD;AACF,GAJQ,EAIN,CAACA,OAAD,CAJM,CAAT;AAKD,CANM","sourcesContent":["import { useEffect } from \"react\";\n\nexport const useDeprecation = (message: string): void => {\n  useEffect(() => {\n    if (process.env.NODE_ENV === \"development\") {\n      console.warn(message);\n    }\n  }, [message]);\n};\n"],"file":"useDeprecation.js"}