@activecollab/components 0.1.537 → 1.0.1

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

@@ -0,0 +1,32 @@
+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';
+
+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) {
+  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);
+
+  return /*#__PURE__*/jsx(StyledBubble, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: innerRef,
+    className: classnames("c-bubble", className),
+    style: style,
+    children: children
+  }));
+};
+Bubble.displayName = "Bubble";
+
+export { Bubble };
+//# sourceMappingURL=Bubble.js.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/Bubble/Styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledBubble: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Bubble/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Bubble/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAKxB,CAAC"}

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

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+import { FontStyle } from '../FontStyle.js';
+
+var StyledBubble = styled.div.withConfig({
+  displayName: "Styles__StyledBubble",
+  componentId: "sc-tloccl-0"
+})(["", " transition:opacity 0.2s,visibility 0.2s;", " ", ""], {
+  "--tw-bg-opacity": "1",
+  "backgroundColor": "var(--color-theme-100)",
+  "--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+  "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
+  "borderColor": "var(--color-theme-200)",
+  "borderRadius": "0.5rem",
+  "borderWidth": "1px",
+  "borderStyle": "solid",
+  "color": "var(--color-theme-800)",
+  "opacity": "1",
+  "display": "block",
+  "visibility": "visible"
+}, FontStyle, BoxSizingStyle);
+StyledBubble.displayName = "StyledBubble";
+
+export { StyledBubble };
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/Button/Button.d.ts

@@ -1,5 +1,4 @@
 import React, { ReactNode } from "react";
-import "./Button.css";
 export interface IButtonProps extends React.ComponentPropsWithoutRef<"button"> {
     children: ReactNode;
     variant?: "primary" | "secondary" | "tertiary" | "option" | "contained" | "outlined" | "text colored" | "text gray" | "dark transparent";

package/dist/esm/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,OAAO,cAAc,CAAC;AACtB,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAE5E,QAAQ,EAAE,SAAS,CAAC;IAEpB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,CAAC;IAEvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,MAAM,wFA8ClB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAQrD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAE5E,QAAQ,EAAE,SAAS,CAAC;IAEpB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,CAAC;IAEvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,MAAM,wFAoDlB,CAAC"}

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

@@ -0,0 +1,58 @@
+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';
+
+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; }
+
+/**
+ * Button component
+ */
+var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+      size = _ref.size,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledButton, _objectSpread(_objectSpread({
+    disabled: disabled,
+    className: classnames("c-btn", className, {
+      "c-btn--contained": variant === "primary" || variant === "contained",
+      "c-btn--outlined": variant === "secondary" || variant === "outlined",
+      "c-btn--text_colored": variant === "tertiary" || variant === "text colored",
+      "c-btn--text_gray": variant === "option" || variant === "text gray",
+      "c-btn--dark_transparent": variant === "dark transparent",
+      "c-btn--big": size === "big",
+      "c-btn--small": size === "small",
+      "c-btn--icon-only": children instanceof Object && !(children instanceof Array)
+    }),
+    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
+  }));
+});
+Button.displayName = "Button";
+
+export { Button };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.d.ts

@@ -1,5 +1,4 @@
 import React, { ButtonHTMLAttributes } from "react";
-import "./GlobalAddButton.css";
 export interface IGlobalAddButton extends ButtonHTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     className?: string;

package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalAddButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAI/B,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAE/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,4FAc3B,CAAC"}
+{"version":3,"file":"GlobalAddButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GlobalAddButton/GlobalAddButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAKhE,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAE/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,4FAc3B,CAAC"}

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

@@ -0,0 +1,32 @@
+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';
+
+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) {
+  var className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledGlobalAddButton, _objectSpread(_objectSpread({
+    ref: ref,
+    variant: "contained",
+    disabled: disabled,
+    className: classnames("c-global-add-btn", className)
+  }, rest), {}, {
+    children: /*#__PURE__*/jsx(AddCrossTinyIcon, {})
+  }));
+});
+GlobalAddButton.displayName = "GlobalAddButton";
+
+export { GlobalAddButton };
+//# sourceMappingURL=GlobalAddButton.js.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/Button/GlobalAddButton/Styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledGlobalAddButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Button/GlobalAddButton/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GlobalAddButton/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qBAAqB,6LAQjC,CAAC"}

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

@@ -0,0 +1,11 @@
+import styled from 'styled-components';
+import { Button } from '../Button.js';
+
+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

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/Button/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,iBAAkB,SAAQ,YAAY;IAC9C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,sFAiMxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAIxC,UAAU,iBAAkB,SAAQ,YAAY;IAC9C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,sFAqNxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}

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

@@ -0,0 +1,42 @@
+import styled, { css } from 'styled-components';
+import { FontStyle } from '../FontStyle.js';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+
+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) {
+  return props.size === "small" && css(["height:24px;"]);
+}, function (props) {
+  return props.size === "big" && css(["height:40px;"]);
+}, function (props) {
+  return (props.variant === "primary" || props.variant === "contained") && css(["padding:0 16px;background-color:var(--color-primary);border-radius:var(--ac-br-rounded);color:var(--page-paper-main);&:hover{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]);
+}, function (props) {
+  return (props.variant === "secondary" || props.variant === "outlined") && css(["padding:0 16px;background-color:transparent;border-radius:var(--ac-br-rounded);border:solid 1px var(--color-theme-700);color:var(--color-theme-700);&:hover{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]);
+}, function (props) {
+  return props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
+}, function (props) {
+  return (props.variant === "tertiary" || props.variant === "text colored") && css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);
+}, function (props) {
+  return (props.variant === "option" || props.variant === "text gray") && css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
+}, function (props) {
+  return props.iconOnly && css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", ";", " ", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && css(["width:24px;"]), props.size === "big" && css(["width:40px;"]));
+}, function (props) {
+  return (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"]));
+}, function (props) {
+  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({
+  displayName: "Styles__StyledButtonElements",
+  componentId: "sc-vi1kcr-1"
+})(["display:flex;align-items:center;"]);
+StyledButtonElements.displayName = "StyledButtonElements";
+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

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,9 +1,3 @@
-import { ReactNode, FC } from "react";
-import "./ButtonGroup.css";
-interface IButtonGroupProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const ButtonGroup: FC<IButtonGroupProps>;
-export {};
+import React from "react";
+export declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,mBAAmB,CAAC;AAG3B,UAAU,iBAAiB;IAEzB,QAAQ,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAI7C,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,WAAW,gNAWtB,CAAC"}

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

@@ -0,0 +1,28 @@
+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';
+
+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) {
+  var children = _ref.children,
+      className = _ref.className,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledButtonGroup, _objectSpread(_objectSpread({
+    ref: ref,
+    className: classnames("c-btn-group", className)
+  }, rest), {}, {
+    children: children
+  }));
+});
+ButtonGroup.displayName = "ButtonGroup";
+
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/components/ButtonGroup/Styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/ButtonGroup/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,oEA4B7B,CAAC"}

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

@@ -0,0 +1,28 @@
+import styled from 'styled-components';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+import { FontStyle } from '../FontStyle.js';
+
+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{", "}"], {
+  "display": "flex",
+  "flexDirection": "row"
+}, FontStyle, BoxSizingStyle, {
+  "marginRight": "-1px",
+  "borderTopRightRadius": "0px",
+  "borderBottomRightRadius": "0px"
+}, {
+  "borderTopLeftRadius": "0px",
+  "borderBottomLeftRadius": "0px"
+}, {
+  "marginRight": "-1px",
+  "borderRadius": "0px"
+}, {
+  "color": "var(--color-theme-900)",
+  "fill": "currentColor"
+});
+StyledButtonGroup.displayName = "StyledButtonGroup";
+
+export { StyledButtonGroup };
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/ButtonGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledButtonGroup = styled.div`\n  ${tw`tw-flex tw-flex-row`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  button {\n    &:first-child:not(:last-child) {\n      svg {\n        margin-right: -4px;\n      }\n      ${tw`tw--mr-px tw-rounded-r-none`}\n    }\n\n    &:last-child:not(:first-child) {\n      svg {\n        margin-left: -4px;\n      }\n      ${tw`tw-rounded-l-none`}\n    }\n\n    &:not(:first-child):not(:last-child) {\n      ${tw`tw--mr-px tw-rounded-none`}\n    }\n  }\n\n  svg {\n    ${tw`tw-text-theme-900 tw-fill-current`}\n  }\n`;\n\nStyledButtonGroup.displayName = \"StyledButtonGroup\";\n"],"names":["StyledButtonGroup","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;IAKaA,iBAAiB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,wMACxB;AAAA;AAAA;AAAA,CADwB,EAE1BC,SAF0B,EAG1BC,cAH0B,EAUpB;AAAA;AAAA;AAAA;AAAA,CAVoB,EAiBpB;AAAA;AAAA;AAAA,CAjBoB,EAqBpB;AAAA;AAAA;AAAA,CArBoB,EA0BtB;AAAA;AAAA;AAAA,CA1BsB;AA8B9BJ,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC;;;;"}

package/dist/esm/components/Card/Card.d.ts

@@ -1,10 +1,8 @@
 import React, { Ref } from "react";
-import "./Card.css";
-interface ICardProps {
+export interface ICardProps {
     hoverable?: boolean;
     paperType?: "paper-1" | "paper-2";
     ref?: Ref<HTMLDivElement>;
 }
 export declare const Card: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement> & ICardProps, keyof React.HTMLAttributes<HTMLDivElement> | "hoverable" | "paperType"> & React.RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=Card.d.ts.map

package/dist/esm/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAA8B,MAAM,OAAO,CAAC;AAE/D,OAAO,YAAY,CAAC;AAGpB,UAAU,UAAU;IAElB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,wMAwBhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAA8B,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,UAAU;IAEzB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAElC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,wMAwBhB,CAAC"}

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,34 @@
+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 { StyledCard } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["children", "className", "hoverable", "paperType"];
+
+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 Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$hoverable = _ref.hoverable,
+      hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
+      _ref$paperType = _ref.paperType,
+      paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledCard, _objectSpread(_objectSpread({}, rest), {}, {
+    type: paperType,
+    className: classnames("c-card", className),
+    hover: hoverable,
+    useOptimizedShadow: true,
+    ref: ref,
+    children: children
+  }));
+});
+Card.displayName = "Card";
+
+export { Card };
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  paperType?: \"paper-1\" | \"paper-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      paperType = \"paper-2\",\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={paperType}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"names":["Card","forwardRef","ref","children","className","hoverable","paperType","rest","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;IAaaA,IAAI,gBAAGC,UAAU,CAC5B,gBAQEC,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,4BALDC,SAKC;AAAA,MALDA,SAKC,+BALW,KAKX;AAAA,4BAJDC,SAIC;AAAA,MAJDA,SAIC,+BAJW,SAIX;AAAA,MAHEC,IAGF;;AACH,sBACEC,IAAC,UAAD,kCACMD,IADN;AAEE,IAAA,IAAI,EAAED,SAFR;AAGE,IAAA,SAAS,EAAEG,UAAU,CAAC,QAAD,EAAWL,SAAX,CAHvB;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,kBAAkB,MALpB;AAME,IAAA,GAAG,EAAEH,GANP;AAAA,cAQGC;AARH,KADF;AAYD,CAvB2B;AA0B9BH,IAAI,CAACU,WAAL,GAAmB,MAAnB;;;;"}

package/dist/esm/components/Card/Styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Card/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU,yOAEtB,CAAC"}

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

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { Paper } from '../Paper/Paper.js';
+
+var StyledCard = styled(Paper).withConfig({
+  displayName: "Styles__StyledCard",
+  componentId: "sc-hllbj1-0"
+})(["", ""], {
+  "color": "var(--color-theme-900)"
+});
+StyledCard.displayName = "StyledCard";
+
+export { StyledCard };
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n  ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"names":["StyledCard","styled","Paper","displayName"],"mappings":";;;IAIaA,UAAU,GAAGC,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,aACjB;AAAA;AAAA,CADiB;AAIvBF,UAAU,CAACG,WAAX,GAAyB,YAAzB;;;;"}

package/dist/esm/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,4 @@
 import React, { BaseHTMLAttributes } from "react";
-import "./Checkbox.css";
 export interface ICheckboxProps extends BaseHTMLAttributes<HTMLInputElement> {
     className?: string;
     hover?: boolean;

package/dist/esm/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,kBAAkB,EAGnB,MAAM,OAAO,CAAC;AAEf,OAAO,gBAAgB,CAAC;AAGxB,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,gBAAgB,CAAC;IAE1E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAKD,eAAO,MAAM,QAAQ,uIAkCpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,kBAAkB,EAGnB,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,gBAAgB,CAAC;IAE1E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAKD,eAAO,MAAM,QAAQ,uIAmCpB,CAAC"}

package/dist/esm/components/Checkbox/Checkbox.js

@@ -0,0 +1,49 @@
+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 CheckboxIcon from '../Icons/collection/Checkbox.js';
+import { StyledCheckbox, StyledInput, StyledLabel } from './Styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "hover", "id"];
+
+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; }
+
+/**
+ * Checkbox component
+ */
+var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      hover = _ref.hover,
+      _ref$id = _ref.id,
+      id = _ref$id === void 0 ? "checkbox" : _ref$id,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsxs(StyledCheckbox, {
+    className: classnames("c-checkbox", {
+      "c-checkbox__hover": hover,
+      "c-checkbox__controlled": typeof hover === "boolean"
+    }, className),
+    hover: hover,
+    children: [/*#__PURE__*/jsx(StyledInput, _objectSpread({
+      id: id,
+      className: "c-checkbox--input",
+      type: "checkbox",
+      ref: ref
+    }, rest)), /*#__PURE__*/jsx(StyledLabel, {
+      htmlFor: id,
+      className: "c-checkbox--label",
+      children: /*#__PURE__*/jsx(CheckboxIcon, {
+        height: 16,
+        width: 16
+      })
+    })]
+  });
+});
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  BaseHTMLAttributes,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport CheckboxIcon from \"../Icons/collection/Checkbox\";\nimport { StyledCheckbox, StyledInput, StyledLabel } from \"./Styles\";\n\nexport interface ICheckboxProps extends BaseHTMLAttributes<HTMLInputElement> {\n  /** CSS classes */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id of input and for of label */\n  id?: string;\n}\n\n/**\n * Checkbox component\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      hover,\n      id = \"checkbox\",\n      ...rest\n    }: InputHTMLAttributes<HTMLInputElement> & ICheckboxProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledCheckbox\n        className={classnames(\n          \"c-checkbox\",\n          {\n            \"c-checkbox__hover\": hover,\n            \"c-checkbox__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        hover={hover}\n      >\n        <StyledInput\n          id={id}\n          className=\"c-checkbox--input\"\n          type=\"checkbox\"\n          ref={ref}\n          {...rest}\n        />\n        <StyledLabel htmlFor={id} className=\"c-checkbox--label\">\n          <CheckboxIcon height={16} width={16} />\n        </StyledLabel>\n      </StyledCheckbox>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["Checkbox","forwardRef","ref","className","hover","id","rest","_jsxs","classnames","_jsx","displayName"],"mappings":";;;;;;;;;;;;;;AAmBA;AACA;AACA;IACaA,QAAQ,gBAAGC,UAAU,CAChC,gBAOEC,GAPF,EAQK;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,KAKC,QALDA,KAKC;AAAA,qBAJDC,EAIC;AAAA,MAJDA,EAIC,wBAJI,UAIJ;AAAA,MAHEC,IAGF;;AACH,sBACEC,KAAC,cAAD;AACE,IAAA,SAAS,EAAEC,UAAU,CACnB,YADmB,EAEnB;AACE,2BAAqBJ,KADvB;AAEE,gCAA0B,OAAOA,KAAP,KAAiB;AAF7C,KAFmB,EAMnBD,SANmB,CADvB;AASE,IAAA,KAAK,EAAEC,KATT;AAAA,4BAWEK,IAAC,WAAD;AACE,MAAA,EAAE,EAAEJ,EADN;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,IAAI,EAAC,UAHP;AAIE,MAAA,GAAG,EAAEH;AAJP,OAKMI,IALN,EAXF,eAkBEG,IAAC,WAAD;AAAa,MAAA,OAAO,EAAEJ,EAAtB;AAA0B,MAAA,SAAS,EAAC,mBAApC;AAAA,6BACEI,IAAC,YAAD;AAAc,QAAA,MAAM,EAAE,EAAtB;AAA0B,QAAA,KAAK,EAAE;AAAjC;AADF,MAlBF;AAAA,IADF;AAwBD,CAlC+B;AAqClCT,QAAQ,CAACU,WAAT,GAAuB,UAAvB;;;;"}

package/dist/esm/components/Checkbox/Styles.d.ts

@@ -0,0 +1,5 @@
+import { ICheckboxProps } from "./Checkbox";
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, ICheckboxProps, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Checkbox/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,eAAO,MAAM,WAAW,sEAEvB,CAAC;AAGF,eAAO,MAAM,WAAW,sEAAiB,CAAC;AAG1C,eAAO,MAAM,cAAc,gFAqE1B,CAAC"}