@activecollab/components 1.0.5 → 1.0.9

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

@@ -1,11 +1,10 @@
-import styled, { css } from 'styled-components';
-
-var StyledAutocompleteBody = styled.div.withConfig({
+import styled, { css } from "styled-components";
+export var StyledAutocompleteBody = styled.div.withConfig({
   displayName: "Styles__StyledAutocompleteBody",
   componentId: "sc-1bc1vz9-0"
 })(["max-height:340px;overflow:auto;margin-bottom:6px;"]);
 StyledAutocompleteBody.displayName = "StyledAutocompleteBody";
-var StyledAutocompleteNoResult = styled.div.withConfig({
+export var StyledAutocompleteNoResult = styled.div.withConfig({
   displayName: "Styles__StyledAutocompleteNoResult",
   componentId: "sc-1bc1vz9-1"
 })(["", ";padding:6px 16px;margin:4px 0;&:hover{background-color:var(--color-theme-200);}color:var(--color-theme-600);"], {
@@ -13,7 +12,7 @@ var StyledAutocompleteNoResult = styled.div.withConfig({
   "userSelect": "none"
 });
 StyledAutocompleteNoResult.displayName = "StyledAutocompleteNoResult";
-var StyledAutocompleteNewItem = styled.label.withConfig({
+export var StyledAutocompleteNewItem = styled.label.withConfig({
   displayName: "Styles__StyledAutocompleteNewItem",
   componentId: "sc-1bc1vz9-2"
 })(["", ";padding:6px 16px;margin:4px 0;font-weight:normal;color:var(--color-primary);&:before{content:\"+ \";}", ""], {
@@ -23,6 +22,4 @@ var StyledAutocompleteNewItem = styled.label.withConfig({
   return props.hover && css(["background-color:var(--color-theme-200);content:\"+ \";"]);
 });
 StyledAutocompleteNewItem.displayName = "StyledAutocompleteNewItem";
-
-export { StyledAutocompleteBody, StyledAutocompleteNewItem, StyledAutocompleteNoResult };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Autocomplete/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAutocompleteBody = styled.div`\n  max-height: 340px;\n  overflow: auto;\n  margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.div`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  color: var(--color-theme-600);\n`;\n\nStyledAutocompleteNoResult.displayName = \"StyledAutocompleteNoResult\";\n\nexport const StyledAutocompleteNewItem = styled.label<{ hover: boolean }>`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n  font-weight: normal;\n  color: var(--color-primary);\n\n  &:before {\n    content: \"+ \";\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n      content: \"+ \";\n    `}\n`;\n\nStyledAutocompleteNewItem.displayName = \"StyledAutocompleteNewItem\";\n"],"names":["StyledAutocompleteBody","styled","div","displayName","StyledAutocompleteNoResult","StyledAutocompleteNewItem","label","props","hover","css"],"mappings":";;IAGaA,sBAAsB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA;AAMnCF,sBAAsB,CAACG,WAAvB,GAAqC,wBAArC;IAEaC,0BAA0B,GAAGH,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,0HACjC;AAAA;AAAA;AAAA,CADiC;AAavCE,0BAA0B,CAACD,WAA3B,GAAyC,4BAAzC;IAEaE,yBAAyB,GAAGJ,MAAM,CAACK,KAAV;AAAA;AAAA;AAAA,uHAChC;AAAA;AAAA;AAAA,CADgC,EAYlC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAC,GADA,6DADA;AAAA,CAZkC;AAoBtCJ,yBAAyB,CAACF,WAA1B,GAAwC,2BAAxC;;;;"}
+{"version":3,"sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":["styled","css","StyledAutocompleteBody","div","displayName","StyledAutocompleteNoResult","StyledAutocompleteNewItem","label","props","hover"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,sBAAsB,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,yDAA5B;AAMPD,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMC,0BAA0B,GAAGL,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,0HACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;AAaPE,0BAA0B,CAACD,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAME,yBAAyB,GAAGN,MAAM,CAACO,KAAV;AAAA;AAAA;AAAA,uHAChC;AAAA;AAAA;AAAA,CADgC,EAYlC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAR,GADA,6DADA;AAAA,CAZkC,CAA/B;AAoBPK,yBAAyB,CAACF,WAA1B,GAAwC,2BAAxC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAutocompleteBody = styled.div`\n  max-height: 340px;\n  overflow: auto;\n  margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.div`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  color: var(--color-theme-600);\n`;\n\nStyledAutocompleteNoResult.displayName = \"StyledAutocompleteNoResult\";\n\nexport const StyledAutocompleteNewItem = styled.label<{ hover: boolean }>`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n  font-weight: normal;\n  color: var(--color-primary);\n\n  &:before {\n    content: \"+ \";\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n      content: \"+ \";\n    `}\n`;\n\nStyledAutocompleteNewItem.displayName = \"StyledAutocompleteNewItem\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/Avatar/Avatar.js

@@ -1,24 +1,18 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { StyledAvatar } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["url", "alt", "size", "className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { StyledAvatar } from "./Styles";
+export var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var url = _ref.url,
       _ref$alt = _ref.alt,
       alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 24 : _ref$size,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledAvatar, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({}, rest, {
     ref: ref,
     src: url,
     alt: alt,
@@ -28,6 +22,4 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 Avatar.displayName = "Avatar";
-
-export { Avatar };
-//# sourceMappingURL=Avatar.js.map
+//# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\ninterface IAvatar extends HTMLAttributes<HTMLImageElement> {\n  /** Path url. */\n  url: string;\n  /** Alt text. */\n  alt?: string;\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n  ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n    return (\n      <StyledAvatar\n        {...rest}\n        ref={ref}\n        src={url}\n        alt={alt}\n        width={size}\n        height={size}\n        className={className}\n      />\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"names":["Avatar","forwardRef","ref","url","alt","size","className","rest","_jsx","displayName"],"mappings":";;;;;;;;;;;IAcaA,MAAM,gBAAGC,UAAU,CAC9B,gBAA+DC,GAA/D,EAAuE;AAAA,MAApEC,GAAoE,QAApEA,GAAoE;AAAA,sBAA/DC,GAA+D;AAAA,MAA/DA,GAA+D,yBAAzD,cAAyD;AAAA,uBAAzCC,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlC,EAAkC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACrE,sBACEC,IAAC,YAAD,kCACMD,IADN;AAEE,IAAA,GAAG,EAAEL,GAFP;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,KAAK,EAAEC,IALT;AAME,IAAA,MAAM,EAAEA,IANV;AAOE,IAAA,SAAS,EAAEC;AAPb,KADF;AAWD,CAb6B;AAgBhCN,MAAM,CAACS,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":["React","forwardRef","StyledAvatar","Avatar","ref","url","alt","size","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkD,OAAlD;AACA,SAASC,YAAT,QAA6B,UAA7B;AAaA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAC9B,gBAA+DG,GAA/D,EAAuE;AAAA,MAApEC,GAAoE,QAApEA,GAAoE;AAAA,sBAA/DC,GAA+D;AAAA,MAA/DA,GAA+D,yBAAzD,cAAyD;AAAA,uBAAzCC,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlC,EAAkC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACrE,sBACE,oBAAC,YAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEL,GAFP;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,KAAK,EAAEC,IALT;AAME,IAAA,MAAM,EAAEA,IANV;AAOE,IAAA,SAAS,EAAEC;AAPb,KADF;AAWD,CAb6B,CAAzB;AAgBPL,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\ninterface IAvatar extends HTMLAttributes<HTMLImageElement> {\n  /** Path url. */\n  url: string;\n  /** Alt text. */\n  alt?: string;\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n  ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n    return (\n      <StyledAvatar\n        {...rest}\n        ref={ref}\n        src={url}\n        alt={alt}\n        width={size}\n        height={size}\n        className={className}\n      />\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"file":"Avatar.js"}

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

@@ -1,12 +1,9 @@
-import styled from 'styled-components';
-
-var StyledAvatar = styled.img.withConfig({
+import styled from "styled-components";
+export var StyledAvatar = styled.img.withConfig({
   displayName: "Styles__StyledAvatar",
   componentId: "sc-5x2tyd-0"
 })(["", ""], {
   "objectFit": "cover",
   "borderRadius": "9999px"
 });
-
-export { StyledAvatar };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Avatar/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAvatar = styled.img`\n  ${tw`tw-object-cover tw-rounded-full`}\n`;\n"],"names":["StyledAvatar","styled","img"],"mappings":";;IAGaA,YAAY,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,aACnB;AAAA;AAAA;AAAA,CADmB;;;;"}
+{"version":3,"sources":["../../../../src/components/Avatar/Styles.ts"],"names":["styled","StyledAvatar","img"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAGA,OAAO,IAAMC,YAAY,GAAGD,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,aACnB;AAAA;AAAA;AAAA,CADmB,CAAlB","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAvatar = styled.img`\n  ${tw`tw-object-cover tw-rounded-full`}\n`;\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/BoxSizingStyle.js

@@ -1,6 +1,3 @@
-import { css } from 'styled-components';
-
-var BoxSizingStyle = css(["box-sizing:border-box;*{box-sizing:border-box;}"]);
-
-export { BoxSizingStyle };
-//# sourceMappingURL=BoxSizingStyle.js.map
+import { css } from "styled-components";
+export var BoxSizingStyle = css(["box-sizing:border-box;*{box-sizing:border-box;}"]);
+//# sourceMappingURL=BoxSizingStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BoxSizingStyle.js","sources":["../../../src/components/BoxSizingStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n`;\n"],"names":["BoxSizingStyle","css"],"mappings":";;IAEaA,cAAc,GAAGC,GAAH;;;;"}
+{"version":3,"sources":["../../../src/components/BoxSizingStyle.ts"],"names":["css","BoxSizingStyle"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AAEA,OAAO,IAAMC,cAAc,GAAGD,GAAH,qDAApB","sourcesContent":["import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n`;\n"],"file":"BoxSizingStyle.js"}

package/dist/esm/components/Bubble/Bubble.js

@@ -1,32 +1,23 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import classnames from 'classnames';
-import { StyledBubble } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className", "innerRef", "style"];
-
-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 Bubble = function Bubble(_ref) {
+import React from "react";
+import classnames from "classnames";
+import { StyledBubble } from "./Styles";
+export var Bubble = function Bubble(_ref) {
   var children = _ref.children,
       className = _ref.className,
       _ref$innerRef = _ref.innerRef,
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledBubble, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(StyledBubble, _extends({}, rest, {
     ref: innerRef,
     className: classnames("c-bubble", className),
-    style: style,
-    children: children
-  }));
+    style: style
+  }), children);
 };
 Bubble.displayName = "Bubble";
-
-export { Bubble };
-//# sourceMappingURL=Bubble.js.map
+//# sourceMappingURL=Bubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"names":["Bubble","children","className","innerRef","style","rest","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;IAyBaA,MAAoD,GAAG,SAAvDA,MAAuD,OAM9D;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,EAEJ;AAAA,MADDC,IACC;;AACJ,sBACEC,IAAC,YAAD,kCACMD,IADN;AAEE,IAAA,GAAG,EAAEF,QAFP;AAGE,IAAA,SAAS,EAAEI,UAAU,CAAC,UAAD,EAAaL,SAAb,CAHvB;AAIE,IAAA,KAAK,EAAEE,KAJT;AAAA,cAMGH;AANH,KADF;AAUD;AAEDD,MAAM,CAACQ,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../src/components/Bubble/Bubble.tsx"],"names":["React","classnames","StyledBubble","Bubble","children","className","innerRef","style","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AAiBA,OAAO,IAAMC,MAAoD,GAAG,SAAvDA,MAAuD,OAM9D;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,EAEJ;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,YAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEF,QAFP;AAGE,IAAA,SAAS,EAAEL,UAAU,CAAC,UAAD,EAAaI,SAAb,CAHvB;AAIE,IAAA,KAAK,EAAEE;AAJT,MAMGH,QANH,CADF;AAUD,CAjBM;AAmBPD,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"file":"Bubble.js"}

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

@@ -1,8 +1,7 @@
-import styled from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-
-var StyledBubble = styled.div.withConfig({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledBubble = styled.div.withConfig({
   displayName: "Styles__StyledBubble",
   componentId: "sc-tloccl-0"
 })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", ""], {
@@ -20,6 +19,4 @@ var StyledBubble = styled.div.withConfig({
   "visibility": "visible"
 }, FontStyle, BoxSizingStyle);
 StyledBubble.displayName = "StyledBubble";
-
-export { StyledBubble };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-bg-theme-100 tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"names":["StyledBubble","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;IAKaA,YAAY,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,+DACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAGrBC,SAHqB,EAIrBC,cAJqB;AAOzBJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"sources":["../../../../src/components/Bubble/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,+DACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAGrBF,SAHqB,EAIrBD,cAJqB,CAAlB;AAOPE,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-bg-theme-100 tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/Button/Button.js

@@ -1,20 +1,14 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { StyledButton, StyledButtonElements, StyledButtonElement } from './Styles.js';
-import classnames from 'classnames';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "variant", "size", "disabled", "className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+import React, { forwardRef } from "react";
+import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Styles";
+import classnames from "classnames";
 
 /**
  * Button component
  */
-var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "contained" : _ref$variant,
@@ -22,9 +16,9 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledButton, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledButton, _extends({
     disabled: disabled,
     className: classnames("c-btn", className, {
       "c-btn--contained": variant === "primary" || variant === "contained",
@@ -39,20 +33,16 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     iconOnly: children instanceof Object && !(children instanceof Array),
     variant: variant,
     size: size
-  }, args), {}, {
-    ref: ref,
-    children: children instanceof Array ? /*#__PURE__*/jsx(StyledButtonElements, {
-      className: "c-btn__elements",
-      children: children.map(function (value, index) {
-        return value ? /*#__PURE__*/jsx(StyledButtonElement, {
-          className: "c-btn__elements__element",
-          children: value
-        }, index) : null;
-      })
-    }) : children
-  }));
+  }, args, {
+    ref: ref
+  }), children instanceof Array ? /*#__PURE__*/React.createElement(StyledButtonElements, {
+    className: "c-btn__elements"
+  }, children.map(function (value, index) {
+    return value ? /*#__PURE__*/React.createElement(StyledButtonElement, {
+      className: "c-btn__elements__element",
+      key: index
+    }, value) : null;
+  })) : children);
 });
 Button.displayName = "Button";
-
-export { Button };
-//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["Button","forwardRef","ref","children","variant","size","disabled","className","args","_jsx","classnames","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;;;;;;;AA8BA;AACA;AACA;IACaA,MAAM,gBAAGC,UAAU,CAC9B,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACEC,IAAC,YAAD;AACE,IAAA,QAAQ,EAAEH,QADZ;AAEE,IAAA,SAAS,EAAEI,UAAU,CAAC,OAAD,EAAUH,SAAV,EAAqB;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,oBAAcC,IAAI,KAAK,KAPiB;AAQxC,sBAAgBA,IAAI,KAAK,OARe;AASxC,0BACEF,QAAQ,YAAYQ,MAApB,IAA8B,EAAER,QAAQ,YAAYS,KAAtB;AAVQ,KAArB,CAFvB;AAcE,IAAA,QAAQ,EAAET,QAAQ,YAAYQ,MAApB,IAA8B,EAAER,QAAQ,YAAYS,KAAtB,CAd1C;AAeE,IAAA,OAAO,EAAER,OAfX;AAgBE,IAAA,IAAI,EAAEC;AAhBR,KAiBMG,IAjBN;AAkBE,IAAA,GAAG,EAAEN,GAlBP;AAAA,cAoBGC,QAAQ,YAAYS,KAApB,gBACCH,IAAC,oBAAD;AAAsB,MAAA,SAAS,EAAC,iBAAhC;AAAA,gBACGN,QAAQ,CAACU,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,eACZD,KAAK,gBACHL,IAAC,mBAAD;AACE,UAAA,SAAS,EAAC,0BADZ;AAAA,oBAIGK;AAJH,WAEOC,KAFP,CADG,GAOD,IARQ;AAAA,OAAb;AADH,MADD,GAcCZ;AAlCJ,KADF;AAuCD,CAnD6B;AAsDhCH,MAAM,CAACgB,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["React","forwardRef","StyledButton","StyledButtonElement","StyledButtonElements","classnames","Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,SACEC,YADF,EAEEC,mBAFF,EAGEC,oBAHF,QAIO,UAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;;AAwBA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBASEM,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,oBAAC,YAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,OAAD,EAAUO,SAAV,EAAqB;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,oBAAcC,IAAI,KAAK,KAPiB;AAQxC,sBAAgBA,IAAI,KAAK,OARe;AASxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAVQ,KAArB,CAFvB;AAcE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAd1C;AAeE,IAAA,OAAO,EAAEN,OAfX;AAgBE,IAAA,IAAI,EAAEC;AAhBR,KAiBMG,IAjBN;AAkBE,IAAA,GAAG,EAAEN;AAlBP,MAoBGC,QAAQ,YAAYO,KAApB,gBACC,oBAAC,oBAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,oBAAC,mBAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAlCJ,CADF;AAuCD,CAnD6B,CAAzB;AAsDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js

@@ -1,32 +1,22 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import AddCrossTinyIcon from '../../Icons/collection/AddCrossTiny.js';
-import { StyledGlobalAddButton } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["className", "disabled"];
-
-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 GlobalAddButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import AddCrossTinyIcon from "../../Icons/collection/AddCrossTiny";
+import { StyledGlobalAddButton } from "./Styles";
+export var GlobalAddButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledGlobalAddButton, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledGlobalAddButton, _extends({
     ref: ref,
     variant: "contained",
     disabled: disabled,
     className: classnames("c-global-add-btn", className)
-  }, rest), {}, {
-    children: /*#__PURE__*/jsx(AddCrossTinyIcon, {})
-  }));
+  }, rest), /*#__PURE__*/React.createElement(AddCrossTinyIcon, null));
 });
 GlobalAddButton.displayName = "GlobalAddButton";
-
-export { GlobalAddButton };
-//# sourceMappingURL=GlobalAddButton.js.map
+//# sourceMappingURL=GlobalAddButton.js.map

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAddButton.js","sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\nimport { StyledGlobalAddButton } from \"./Styles\";\n\nexport interface IGlobalAddButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n  ({ className, disabled = false, ...rest }, ref) => {\n    return (\n      <StyledGlobalAddButton\n        ref={ref}\n        variant=\"contained\"\n        disabled={disabled}\n        className={classnames(\"c-global-add-btn\", className)}\n        {...rest}\n      >\n        <AddCrossTinyIcon />\n      </StyledGlobalAddButton>\n    );\n  }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n"],"names":["GlobalAddButton","forwardRef","ref","className","disabled","rest","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;;IAaaA,eAAe,gBAAGC,UAAU,CACvC,gBAA2CC,GAA3C,EAAmD;AAAA,MAAhDC,SAAgD,QAAhDA,SAAgD;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACjD,sBACEC,IAAC,qBAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,IAAA,SAAS,EAAEG,UAAU,CAAC,kBAAD,EAAqBJ,SAArB;AAJvB,KAKME,IALN;AAAA,2BAOEC,IAAC,gBAAD;AAPF,KADF;AAWD,CAbsC;AAgBzCN,eAAe,CAACQ,WAAhB,GAA8B,iBAA9B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"names":["React","forwardRef","classnames","AddCrossTinyIcon","StyledGlobalAddButton","GlobalAddButton","ref","className","disabled","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAwD,OAAxD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,gBAAP,MAA6B,qCAA7B;AACA,SAASC,qBAAT,QAAsC,UAAtC;AAUA,OAAO,IAAMC,eAAe,gBAAGJ,UAAU,CACvC,gBAA2CK,GAA3C,EAAmD;AAAA,MAAhDC,SAAgD,QAAhDA,SAAgD;AAAA,2BAArCC,QAAqC;AAAA,MAArCA,QAAqC,8BAA1B,KAA0B;AAAA,MAAhBC,IAAgB;;AACjD,sBACE,oBAAC,qBAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,IAAA,SAAS,EAAEN,UAAU,CAAC,kBAAD,EAAqBK,SAArB;AAJvB,KAKME,IALN,gBAOE,oBAAC,gBAAD,OAPF,CADF;AAWD,CAbsC,CAAlC;AAgBPJ,eAAe,CAACK,WAAhB,GAA8B,iBAA9B","sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport AddCrossTinyIcon from \"../../Icons/collection/AddCrossTiny\";\nimport { StyledGlobalAddButton } from \"./Styles\";\n\nexport interface IGlobalAddButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const GlobalAddButton = forwardRef<HTMLButtonElement, IGlobalAddButton>(\n  ({ className, disabled = false, ...rest }, ref) => {\n    return (\n      <StyledGlobalAddButton\n        ref={ref}\n        variant=\"contained\"\n        disabled={disabled}\n        className={classnames(\"c-global-add-btn\", className)}\n        {...rest}\n      >\n        <AddCrossTinyIcon />\n      </StyledGlobalAddButton>\n    );\n  }\n);\n\nGlobalAddButton.displayName = \"GlobalAddButton\";\n"],"file":"GlobalAddButton.js"}

package/dist/esm/components/Button/GlobalAddButton/Styles.js

@@ -1,11 +1,8 @@
-import styled from 'styled-components';
-import { Button } from '../Button.js';
-
-var StyledGlobalAddButton = styled(Button).withConfig({
+import styled from "styled-components";
+import { Button } from "../Button";
+export var StyledGlobalAddButton = styled(Button).withConfig({
   displayName: "Styles__StyledGlobalAddButton",
   componentId: "sc-7mpctc-0"
 })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
 StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
-
-export { StyledGlobalAddButton };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Button/GlobalAddButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledGlobalAddButton = styled(Button)`\n  svg {\n    fill: var(--color-theme-100);\n  }\n  &:hover svg {\n    transform: rotate(90deg);\n    transition: ease 0.3s;\n  }\n`;\n\nStyledGlobalAddButton.displayName = \"StyledGlobalAddButton\";\n"],"names":["StyledGlobalAddButton","styled","Button","displayName"],"mappings":";;;IAGaA,qBAAqB,GAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA;AAUlCF,qBAAqB,CAACG,WAAtB,GAAoC,uBAApC;;;;"}
+{"version":3,"sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"names":["styled","Button","StyledGlobalAddButton","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,MAAT,QAAuB,WAAvB;AAEA,OAAO,IAAMC,qBAAqB,GAAGF,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA,mGAA3B;AAUPC,qBAAqB,CAACC,WAAtB,GAAoC,uBAApC","sourcesContent":["import styled from \"styled-components\";\nimport { Button } from \"../Button\";\n\nexport const StyledGlobalAddButton = styled(Button)`\n  svg {\n    fill: var(--color-theme-100);\n  }\n  &:hover svg {\n    transform: rotate(90deg);\n    transition: ease 0.3s;\n  }\n`;\n\nStyledGlobalAddButton.displayName = \"StyledGlobalAddButton\";\n"],"file":"Styles.js"}

package/dist/esm/components/Button/GlobalAddButton/index.js

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

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

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

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

@@ -1,8 +1,7 @@
-import styled, { css } from 'styled-components';
-import { FontStyle } from '../FontStyle.js';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-
-var StyledButton = styled.button.withConfig({
+import styled, { css } from "styled-components";
+import { FontStyle } from "../FontStyle";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+export var StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-vi1kcr-0"
 })(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
@@ -27,16 +26,14 @@ var StyledButton = styled.button.withConfig({
   return (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray" || props.variant === "dark transparent") && css([".c-btn__elements__element:first-child svg{margin-left:-4px;}.c-btn__elements__element:last-child svg{margin-right:-4px;}", " ", ""], props.size === "small" && css(["border-radius:var(--ac-br-4);"]), props.size === "big" && css(["border-radius:var(--ac-br-8);"]));
 });
 StyledButton.displayName = "StyledButton";
-var StyledButtonElements = styled.span.withConfig({
+export var StyledButtonElements = styled.span.withConfig({
   displayName: "Styles__StyledButtonElements",
   componentId: "sc-vi1kcr-1"
 })(["display:flex;align-items:center;"]);
 StyledButtonElements.displayName = "StyledButtonElements";
-var StyledButtonElement = styled.span.withConfig({
+export var StyledButtonElement = styled.span.withConfig({
   displayName: "Styles__StyledButtonElement",
   componentId: "sc-vi1kcr-2"
 })(["display:inline-flex;svg{margin:0 4px;}"]);
 StyledButtonElement.displayName = "StyledButtonElement";
-
-export { StyledButton, StyledButtonElement, StyledButtonElements };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IButtonProps } from \"./Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface StyledButtonProps extends IButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  /* &::-moz-focus-inner {\n    border: 0;\n  } */\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","props","size","css","variant","iconOnly","displayName","StyledButtonElements","span","StyledButtonElement"],"mappings":";;;;IASaA,YAAY,GAAGC,MAAM,CAACC,MAAV;AAAA;AAAA;AAAA,4eACrBC,SADqB,EAErBC,cAFqB,EA0CrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAC,GADA,kBADA;AAAA,CA1CqB,EAgDrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,KAAf,IACAC,GADA,kBADA;AAAA,CAhDqB,EAsDrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,KACAD,GADA,yUADA;AAAA,CAtDqB,EAyErB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,KACAD,GADA,iVADA;AAAA,CAzEqB,EA8FrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,OAAN,KAAkB,kBAAlB,IACAD,GADA,kMADA;AAAA,CA9FqB,EA+GrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,KACAD,GADA,gNADA;AAAA,CA/GqB,EAgIrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,KACAD,GADA,wQADA;AAAA,CAhIqB,EAmJrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACI,QAAN,IACAF,GADA,wGAQI,CAACF,KAAK,CAACC,IAAN,KAAe,OAAf,IAA0BD,KAAK,CAACC,IAAN,KAAe,KAA1C,KACFC,GADE,yCARJ,EAaIF,KAAK,CAACC,IAAN,KAAe,OAAf,IACFC,GADE,iBAbJ,EAkBIF,KAAK,CAACC,IAAN,KAAe,KAAf,IACFC,GADE,iBAlBJ,CADA;AAAA,CAnJqB,EA4KrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,WADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,WAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,UAHpB,KAIAD,GAJA,mIAYI,CAACF,KAAK,CAACC,IAAN,KAAe,OAAf,IAA0BD,KAAK,CAACC,IAAN,KAAe,KAA1C,KACFC,GADE,yCAZJ,CADA;AAAA,CA5KqB,EA+LrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,cADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,QAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,WAHnB,IAICH,KAAK,CAACG,OAAN,KAAkB,kBAJpB,KAKAD,GALA,wIAYIF,KAAK,CAACC,IAAN,KAAe,OAAf,IACFC,GADE,mCAZJ,EAgBIF,KAAK,CAACC,IAAN,KAAe,KAAf,IACFC,GADE,mCAhBJ,CADA;AAAA,CA/LqB;AAuNzBP,YAAY,CAACU,WAAb,GAA2B,cAA3B;IAEaC,oBAAoB,GAAGV,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA;AAKjCD,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;IAEaG,mBAAmB,GAAGZ,MAAM,CAACW,IAAV;AAAA;AAAA;AAAA;AAOhCC,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC;;;;"}
+{"version":3,"sources":["../../../../src/components/Button/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","StyledButton","button","props","size","variant","iconOnly","displayName","StyledButtonElements","span","StyledButtonElement"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAMA,OAAO,IAAMC,YAAY,GAAGJ,MAAM,CAACK,MAAV;AAAA;AAAA;AAAA,4eACrBH,SADqB,EAErBC,cAFqB,EA0CrB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAN,GADA,kBADA;AAAA,CA1CqB,EAgDrB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,KAAf,IACAN,GADA,kBADA;AAAA,CAhDqB,EAsDrB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,OAAN,KAAkB,SAAlB,IAA+BF,KAAK,CAACE,OAAN,KAAkB,WAAlD,KACAP,GADA,yUADA;AAAA,CAtDqB,EAyErB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,OAAN,KAAkB,WAAlB,IAAiCF,KAAK,CAACE,OAAN,KAAkB,UAApD,KACAP,GADA,iVADA;AAAA,CAzEqB,EA8FrB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACE,OAAN,KAAkB,kBAAlB,IACAP,GADA,kMADA;AAAA,CA9FqB,EA+GrB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,OAAN,KAAkB,UAAlB,IAAgCF,KAAK,CAACE,OAAN,KAAkB,cAAnD,KACAP,GADA,gNADA;AAAA,CA/GqB,EAgIrB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,OAAN,KAAkB,QAAlB,IAA8BF,KAAK,CAACE,OAAN,KAAkB,WAAjD,KACAP,GADA,wQADA;AAAA,CAhIqB,EAmJrB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACG,QAAN,IACAR,GADA,wGAQI,CAACK,KAAK,CAACC,IAAN,KAAe,OAAf,IAA0BD,KAAK,CAACC,IAAN,KAAe,KAA1C,KACFN,GADE,yCARJ,EAaIK,KAAK,CAACC,IAAN,KAAe,OAAf,IACFN,GADE,iBAbJ,EAkBIK,KAAK,CAACC,IAAN,KAAe,KAAf,IACFN,GADE,iBAlBJ,CADA;AAAA,CAnJqB,EA4KrB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,OAAN,KAAkB,SAAlB,IACCF,KAAK,CAACE,OAAN,KAAkB,WADnB,IAECF,KAAK,CAACE,OAAN,KAAkB,WAFnB,IAGCF,KAAK,CAACE,OAAN,KAAkB,UAHpB,KAIAP,GAJA,mIAYI,CAACK,KAAK,CAACC,IAAN,KAAe,OAAf,IAA0BD,KAAK,CAACC,IAAN,KAAe,KAA1C,KACFN,GADE,yCAZJ,CADA;AAAA,CA5KqB,EA+LrB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,OAAN,KAAkB,UAAlB,IACCF,KAAK,CAACE,OAAN,KAAkB,cADnB,IAECF,KAAK,CAACE,OAAN,KAAkB,QAFnB,IAGCF,KAAK,CAACE,OAAN,KAAkB,WAHnB,IAICF,KAAK,CAACE,OAAN,KAAkB,kBAJpB,KAKAP,GALA,wIAYIK,KAAK,CAACC,IAAN,KAAe,OAAf,IACFN,GADE,mCAZJ,EAgBIK,KAAK,CAACC,IAAN,KAAe,KAAf,IACFN,GADE,mCAhBJ,CADA;AAAA,CA/LqB,CAAlB;AAuNPG,YAAY,CAACM,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,oBAAoB,GAAGX,MAAM,CAACY,IAAV;AAAA;AAAA;AAAA,wCAA1B;AAKPD,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;AAEA,OAAO,IAAMG,mBAAmB,GAAGb,MAAM,CAACY,IAAV;AAAA;AAAA;AAAA,8CAAzB;AAOPC,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IButtonProps } from \"./Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface StyledButtonProps extends IButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  /* &::-moz-focus-inner {\n    border: 0;\n  } */\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/esm/components/ButtonGroup/ButtonGroup.js

@@ -1,28 +1,18 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { StyledButtonGroup } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledButtonGroup } from "./Styles";
+export var ButtonGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledButtonGroup, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
     ref: ref,
-    className: classnames("c-btn-group", className)
-  }, rest), {}, {
-    children: children
-  }));
+    className: classNames("c-btn-group", className)
+  }, rest), children);
 });
 ButtonGroup.displayName = "ButtonGroup";
-
-export { ButtonGroup };
-//# sourceMappingURL=ButtonGroup.js.map
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"names":["ButtonGroup","forwardRef","ref","children","className","rest","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;IAIaA,WAAW,gBAAGC,UAAU,CAGnC,gBAAmCC,GAAnC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,SAAb,QAAaA,SAAb;AAAA,MAA2BC,IAA3B;;AAAA,sBACAC,IAAC,iBAAD;AACE,IAAA,GAAG,EAAEJ,GADP;AAEE,IAAA,SAAS,EAAEK,UAAU,CAAC,aAAD,EAAgBH,SAAhB;AAFvB,KAGMC,IAHN;AAAA,cAKGF;AALH,KADA;AAAA,CAHmC;AAarCH,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["React","forwardRef","classNames","StyledButtonGroup","ButtonGroup","ref","children","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAEA,OAAO,IAAMC,WAAW,gBAAGH,UAAU,CAGnC,gBAAmCI,GAAnC;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,SAAb,QAAaA,SAAb;AAAA,MAA2BC,IAA3B;;AAAA,sBACA,oBAAC,iBAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,SAAS,EAAEH,UAAU,CAAC,aAAD,EAAgBK,SAAhB;AAFvB,KAGMC,IAHN,GAKGF,QALH,CADA;AAAA,CAHmC,CAA9B;AAaPF,WAAW,CAACK,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledButtonGroup } from \"./Styles\";\n\nexport const ButtonGroup = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ children, className, ...rest }, ref) => (\n  <StyledButtonGroup\n    ref={ref}\n    className={classNames(\"c-btn-group\", className)}\n    {...rest}\n  >\n    {children}\n  </StyledButtonGroup>\n));\n\nButtonGroup.displayName = \"ButtonGroup\";\n"],"file":"ButtonGroup.js"}

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

@@ -1,8 +1,7 @@
-import styled from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-
-var StyledButtonGroup = styled.div.withConfig({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledButtonGroup = styled.div.withConfig({
   displayName: "Styles__StyledButtonGroup",
   componentId: "sc-1vw4iq2-0"
 })(["", " ", " ", " button{&:first-child:not(:last-child){svg{margin-right:-4px;}", "}&:last-child:not(:first-child){svg{margin-left:-4px;}", "}&:not(:first-child):not(:last-child){", "}}svg{", "}"], {
@@ -23,6 +22,4 @@ var StyledButtonGroup = styled.div.withConfig({
   "fill": "currentColor"
 });
 StyledButtonGroup.displayName = "StyledButtonGroup";
-
-export { StyledButtonGroup };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map