@activecollab/components 1.0.206 → 1.0.207

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

@@ -1,24 +1,16 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledAutocompleteScrollShadow = exports.StyledAutocompleteNoResult = exports.StyledAutocompleteNewItem = exports.StyledAutocompleteBody = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _ScrollShadow = require("../ScrollShadow");
-
 var _List = require("../List");
-
 var _Styles = require("../Select/Option/Styles");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var StyledAutocompleteScrollShadow = (0, _styledComponents.default)(_ScrollShadow.ScrollShadow).withConfig({
   displayName: "Styles__StyledAutocompleteScrollShadow",
   componentId: "sc-1bc1vz9-0"
@@ -35,7 +27,6 @@ var StyledAutocompleteBody = (0, _styledComponents.default)(_List.List).withConf
 })(["max-height:340px;overflow:auto;margin-bottom:6px;"]);
 exports.StyledAutocompleteBody = StyledAutocompleteBody;
 StyledAutocompleteBody.displayName = "StyledAutocompleteBody";
-
 var StyledAutocompleteNoResult = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledAutocompleteNoResult",
   componentId: "sc-1bc1vz9-2"
@@ -43,7 +34,6 @@ var StyledAutocompleteNoResult = _styledComponents.default.li.withConfig({
   "cursor": "pointer",
   "userSelect": "none"
 });
-
 exports.StyledAutocompleteNoResult = StyledAutocompleteNoResult;
 StyledAutocompleteNoResult.displayName = "StyledAutocompleteNoResult";
 var StyledAutocompleteNewItem = (0, _styledComponents.default)(_Styles.StyledOption).withConfig({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":["StyledAutocompleteScrollShadow","ScrollShadow","props","$isHidden","css","displayName","StyledAutocompleteBody","List","StyledAutocompleteNoResult","styled","li","StyledAutocompleteNewItem","StyledOption","hover"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAEO,IAAMA,8BAA8B,GAAG,+BAAOC,0BAAP,CAAH;AAAA;AAAA;AAAA,4BAKvC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,QACAC,qBADA,aAEM;AAAA;AAAA,GAFN,CADA;AAAA,CALuC,CAApC;;AAYPJ,8BAA8B,CAACK,WAA/B,GAA6C,gCAA7C;AAEO,IAAMC,sBAAsB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,yDAA5B;;AAMPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMG,0BAA0B,GAAGC,0BAAOC,EAAV;AAAA;AAAA;AAAA,0HACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;;;AAaPF,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEO,IAAMM,yBAAyB,GAAG,+BAAOC,oBAAP,CAAH;AAAA;AAAA;AAAA,kFAChC;AAAA;AAAA;AAAA,CADgC,EASlC,UAACV,KAAD;AAAA,SACAA,KAAK,CAACW,KAAN,QACAT,qBADA,8DADA;AAAA,CATkC,CAA/B;;AAiBPO,yBAAyB,CAACN,WAA1B,GAAwC,2BAAxC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { ScrollShadow } from \"../ScrollShadow\";\nimport { List } from \"../List\";\nimport { StyledOption } from \"../Select/Option/Styles\";\n\nexport const StyledAutocompleteScrollShadow = styled(ScrollShadow)<{\n  $isHidden: boolean;\n}>`\n  margin-top: 4px;\n\n  ${(props) =>\n    props.$isHidden &&\n    css`\n      ${tw`tw-hidden`};\n    `}\n`;\n\nStyledAutocompleteScrollShadow.displayName = \"StyledAutocompleteScrollShadow\";\n\nexport const StyledAutocompleteBody = styled(List)`\n  max-height: 340px;\n  overflow: auto;\n  margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.li`\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(StyledOption)<{ hover }>`\n  ${tw`tw-cursor-pointer tw-select-none`};\n  justify-content: start;\n\n  &:before {\n    content: \"+ \";\n    margin-right: 4px;\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"}
+{"version":3,"file":"Styles.js","names":["StyledAutocompleteScrollShadow","styled","ScrollShadow","props","$isHidden","css","displayName","StyledAutocompleteBody","List","StyledAutocompleteNoResult","li","StyledAutocompleteNewItem","StyledOption","hover"],"sources":["../../../../src/components/Autocomplete/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { ScrollShadow } from \"../ScrollShadow\";\nimport { List } from \"../List\";\nimport { StyledOption } from \"../Select/Option/Styles\";\n\nexport const StyledAutocompleteScrollShadow = styled(ScrollShadow)<{\n  $isHidden: boolean;\n}>`\n  margin-top: 4px;\n\n  ${(props) =>\n    props.$isHidden &&\n    css`\n      ${tw`tw-hidden`};\n    `}\n`;\n\nStyledAutocompleteScrollShadow.displayName = \"StyledAutocompleteScrollShadow\";\n\nexport const StyledAutocompleteBody = styled(List)`\n  max-height: 340px;\n  overflow: auto;\n  margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.li`\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(StyledOption)<{ hover }>`\n  ${tw`tw-cursor-pointer tw-select-none`};\n  justify-content: start;\n\n  &:before {\n    content: \"+ \";\n    margin-right: 4px;\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"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAAuD;AAAA;AAEhD,IAAMA,8BAA8B,GAAG,IAAAC,yBAAM,EAACC,0BAAY,CAAC;EAAA;EAAA;AAAA,4BAK9D,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,QACfC,qBAAG,aACG;IAAA;EAAU,CAAC,CAChB;AAAA,EACJ;AAAC;AAEFL,8BAA8B,CAACM,WAAW,GAAG,gCAAgC;AAEtE,IAAMC,sBAAsB,GAAG,IAAAN,yBAAM,EAACO,UAAI,CAAC;EAAA;EAAA;AAAA,yDAIjD;AAAC;AAEFD,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAEtD,IAAMG,0BAA0B,GAAGR,yBAAM,CAACS,EAAE;EAAA;EAAA;AAAA,0HAC7C;EAAA;EAAA;AAAiC,CAAC,CAUvC;AAAC;AAEFD,0BAA0B,CAACH,WAAW,GAAG,4BAA4B;AAE9D,IAAMK,yBAAyB,GAAG,IAAAV,yBAAM,EAACW,oBAAY,CAAC;EAAA;EAAA;AAAA,kFACvD;EAAA;EAAA;AAAiC,CAAC,EAQpC,UAACT,KAAK;EAAA,OACNA,KAAK,CAACU,KAAK,QACXR,qBAAG,8DAGF;AAAA,EACJ;AAAC;AAEFM,yBAAyB,CAACL,WAAW,GAAG,2BAA2B"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Autocomplete = require("./Autocomplete");
-
 Object.keys(_Autocomplete).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Autocomplete[key]) return;

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

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

package/dist/cjs/components/Avatar/Avatar.js

@@ -1,37 +1,26 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Avatar = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["url", "alt", "size", "className"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Avatar = /*#__PURE__*/(0, _react.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);
-
+    _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);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledAvatar, _extends({}, rest, {
     ref: ref,
     src: url,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":["Avatar","ref","url","alt","size","className","rest","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAaO,IAAMA,MAAM,gBAAG,uBACpB,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,sBACE,6BAAC,oBAAD,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,CAbmB,CAAf;;AAgBPL,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\nexport interface IAvatar extends React.ComponentPropsWithoutRef<\"img\"> {\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"}
+{"version":3,"file":"Avatar.js","names":["Avatar","forwardRef","ref","url","alt","size","className","rest","displayName"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\nexport interface IAvatar extends React.ComponentPropsWithoutRef<\"img\"> {\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"],"mappings":";;;;;;;AAAA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAajC,IAAMA,MAAM,gBAAG,IAAAC,iBAAU,EAC9B,gBAA+DC,GAAG,EAAK;EAAA,IAApEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,cAAc;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACzD,oBACE,6BAAC,oBAAY,eACPA,IAAI;IACR,GAAG,EAAEL,GAAI;IACT,GAAG,EAAEC,GAAI;IACT,GAAG,EAAEC,GAAI;IACT,KAAK,EAAEC,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,SAAS,EAAEC;EAAU,GACrB;AAEN,CAAC,CACF;AAAC;AAEFN,MAAM,CAACQ,WAAW,GAAG,QAAQ"}

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledAvatar = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var StyledAvatar = _styledComponents.default.img.withConfig({
   displayName: "Styles__StyledAvatar",
   componentId: "sc-5x2tyd-0"
@@ -16,6 +13,5 @@ var StyledAvatar = _styledComponents.default.img.withConfig({
   "objectFit": "cover",
   "borderRadius": "9999px"
 });
-
 exports.StyledAvatar = StyledAvatar;
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Avatar/Styles.ts"],"names":["StyledAvatar","styled","img"],"mappings":";;;;;;;AAAA;;;;AAGO,IAAMA,YAAY,GAAGC,0BAAOC,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"}
+{"version":3,"file":"Styles.js","names":["StyledAvatar","styled","img"],"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"],"mappings":";;;;;;AAAA;AAAuC;AAGhC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,aAChC;EAAA;EAAA;AAAgC,CAAC,CACtC;AAAC"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Avatar = require("./Avatar");
-
 Object.keys(_Avatar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Avatar[key]) return;

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

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

package/dist/cjs/components/BoxSizingStyle.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BoxSizingStyle = void 0;
-
 var _styledComponents = require("styled-components");
-
 var BoxSizingStyle = (0, _styledComponents.css)(["box-sizing:border-box;*{box-sizing:border-box;}"]);
 exports.BoxSizingStyle = BoxSizingStyle;
 //# sourceMappingURL=BoxSizingStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BoxSizingStyle.ts"],"names":["BoxSizingStyle","css"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,cAAc,OAAGC,qBAAH,sDAApB","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"}
+{"version":3,"file":"BoxSizingStyle.js","names":["BoxSizingStyle","css"],"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"],"mappings":";;;;;;AAAA;AAEO,IAAMA,cAAc,OAAGC,qBAAG,sDAKhC;AAAC"}

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -1,78 +1,49 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Breadcrumbs = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../utils");
-
 var _Menu = require("../Menu");
-
 var _List = require("../List");
-
 var _Button = require("../Button");
-
 var _Icons = require("../Icons");
-
 var _Styles = require("./Styles");
-
 var _excluded = ["children", "className", "separator"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _dimensions$width, _childDimensions$widt;
-
   var children = _ref.children,
-      className = _ref.className,
-      _ref$separator = _ref.separator,
-      separator = _ref$separator === void 0 ? "/" : _ref$separator,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? "/" : _ref$separator,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var internalRef = (0, _react.useRef)(null);
   var listWrapperRef = (0, _react.useRef)(null);
   var olRef = (0, _react.useRef)(null);
   var widthCollectionRef = (0, _react.useRef)([]);
   var handleRef = (0, _utils.useForkRef)(ref, internalRef);
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      menuBreadcrumbs = _useState2[0],
-      setMenuBreadcrumbs = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    menuBreadcrumbs = _useState2[0],
+    setMenuBreadcrumbs = _useState2[1];
   var dimensions = (0, _utils.useResizeObserver)(internalRef);
   var childDimensions = (0, _utils.useResizeObserver)(listWrapperRef);
   var parentWidth = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : 0;
@@ -80,46 +51,37 @@ var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var childrenCollection = (0, _react.useMemo)(function () {
     return _react.default.Children.toArray(children);
   }, [children]);
-
   var _useMemo = (0, _react.useMemo)(function () {
-    return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
-  }, [childrenCollection, menuBreadcrumbs]),
-      _useMemo2 = _slicedToArray(_useMemo, 2),
-      menuCollection = _useMemo2[0],
-      listCollection = _useMemo2[1];
-
+      return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
+    }, [childrenCollection, menuBreadcrumbs]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    menuCollection = _useMemo2[0],
+    listCollection = _useMemo2[1];
   (0, _react.useEffect)(function () {
     widthCollectionRef.current = [];
     setMenuBreadcrumbs(0);
   }, [childrenCollection.length]);
   (0, _react.useEffect)(function () {
     var diffWidth = childWidth - parentWidth;
-
     if (diffWidth > 0) {
       var _offsetWidth, _olRef$current, _olRef$current$queryS, _olRef$current$queryS2, _olRef$current2, _breadcrumbItems$leng;
-
       var separatorWidth = (_offsetWidth = (_olRef$current = olRef.current) === null || _olRef$current === void 0 ? void 0 : (_olRef$current$queryS = _olRef$current.querySelectorAll("[data-role=\"separator\"]")[0]) === null || _olRef$current$queryS === void 0 ? void 0 : _olRef$current$queryS.offsetWidth) !== null && _offsetWidth !== void 0 ? _offsetWidth : 0;
       var breadcrumbItems = (_olRef$current$queryS2 = (_olRef$current2 = olRef.current) === null || _olRef$current2 === void 0 ? void 0 : _olRef$current2.querySelectorAll("[data-role=\"item\"]")) !== null && _olRef$current$queryS2 !== void 0 ? _olRef$current$queryS2 : [];
       var childWidthCollection = [];
       var maxIndex = ((_breadcrumbItems$leng = breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length) !== null && _breadcrumbItems$leng !== void 0 ? _breadcrumbItems$leng : 1) - 1;
       var currentIndex = 0;
       var childSumWidth = 0;
-
       while (diffWidth > childSumWidth && maxIndex >= currentIndex) {
         var _offsetWidth2, _breadcrumbItems$curr;
-
         var _childWidth = (_offsetWidth2 = (_breadcrumbItems$curr = breadcrumbItems[currentIndex]) === null || _breadcrumbItems$curr === void 0 ? void 0 : _breadcrumbItems$curr.offsetWidth) !== null && _offsetWidth2 !== void 0 ? _offsetWidth2 : 0;
-
         var result = separatorWidth + _childWidth;
         childWidthCollection.push(result);
         childSumWidth += result;
         currentIndex += 1;
       }
-
       if (childWidthCollection.length === listCollection.length) {
         childWidthCollection.pop();
       }
-
       widthCollectionRef.current = [].concat(_toConsumableArray(widthCollectionRef.current), childWidthCollection);
       setMenuBreadcrumbs(function (oldVal) {
         return oldVal + childWidthCollection.length;
@@ -128,28 +90,20 @@ var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }, [listCollection.length, parentWidth, childWidth]);
   (0, _react.useEffect)(function () {
     var diffWidth = parentWidth - childWidth;
-
     if (diffWidth > 0 && widthCollectionRef.current.length > 0) {
       var total = widthCollectionRef.current.length;
-
       var collection = _toConsumableArray(widthCollectionRef.current);
-
       var sumWidth = 0;
-
       while (diffWidth > sumWidth && collection.length > 0) {
         var _collection;
-
         var lastWidth = (_collection = collection[collection.length - 1]) !== null && _collection !== void 0 ? _collection : 0;
-
         if (diffWidth < lastWidth + sumWidth) {
           sumWidth = diffWidth;
         } else {
           var _collection$pop;
-
           sumWidth += (_collection$pop = collection.pop()) !== null && _collection$pop !== void 0 ? _collection$pop : 0;
         }
       }
-
       var totalToDecrease = total - collection.length;
       setMenuBreadcrumbs(function (oldVal) {
         var newValue = oldVal - totalToDecrease;
@@ -186,7 +140,6 @@ var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }, child));
   }))));
 });
-
 exports.Breadcrumbs = Breadcrumbs;
 Breadcrumbs.displayName = "Breadcrumbs";
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":["Breadcrumbs","React","forwardRef","ref","children","className","separator","rest","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","slice","length","menuCollection","listCollection","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","map","child","index","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { Button } from \"../Button\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <Button variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </Button>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"file":"Breadcrumbs.js"}
+{"version":3,"file":"Breadcrumbs.js","names":["Breadcrumbs","React","forwardRef","ref","children","className","separator","rest","internalRef","useRef","listWrapperRef","olRef","widthCollectionRef","handleRef","useForkRef","useState","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","childrenCollection","useMemo","Children","toArray","slice","length","menuCollection","listCollection","useEffect","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","map","child","index","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { Button } from \"../Button\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <Button variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </Button>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}

package/dist/cjs/components/Breadcrumbs/Styles.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledOList = exports.StyledNavElement = exports.StyledMenuList = exports.StyledListWrapper = exports.StyledBreadcrumbListItem = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _BoxSizingStyle = require("../BoxSizingStyle");
-
 var _FontStyle = require("../FontStyle");
-
 var _List = require("../List");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var StyledNavElement = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNavElement",
   componentId: "sc-rxaesd-0"
@@ -23,20 +17,16 @@ var StyledNavElement = _styledComponents.default.nav.withConfig({
 }, {
   "overflow": "hidden"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-
 exports.StyledNavElement = StyledNavElement;
 StyledNavElement.displayName = "StyledNavElement";
-
 var StyledListWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledListWrapper",
   componentId: "sc-rxaesd-1"
 })(["", ""], {
   "display": "inline-block"
 });
-
 exports.StyledListWrapper = StyledListWrapper;
 StyledListWrapper.displayName = "StyledListWrapper";
-
 var StyledOList = _styledComponents.default.ol.withConfig({
   displayName: "Styles__StyledOList",
   componentId: "sc-rxaesd-2"
@@ -53,7 +43,6 @@ var StyledOList = _styledComponents.default.ol.withConfig({
 }, {
   "margin": "0px"
 });
-
 exports.StyledOList = StyledOList;
 StyledOList.displayName = "StyledOList";
 var StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
@@ -65,7 +54,6 @@ var StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
 });
 exports.StyledMenuList = StyledMenuList;
 StyledMenuList.displayName = "StyledMenuList";
-
 var StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledBreadcrumbListItem",
   componentId: "sc-rxaesd-4"
@@ -74,7 +62,6 @@ var StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
 }, {
   "flexShrink": "0"
 });
-
 exports.StyledBreadcrumbListItem = StyledBreadcrumbListItem;
 StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Breadcrumbs/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":["StyledNavElement","styled","nav","FontStyle","BoxSizingStyle","displayName","StyledListWrapper","div","StyledOList","ol","StyledMenuList","List","StyledBreadcrumbListItem","li"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,4BACvB;AAAA;AAAA,CADuB,EAEvB;AAAA;AAAA,CAFuB,EAGzBC,oBAHyB,EAIzBC,8BAJyB,CAAtB;;;AAOPJ,gBAAgB,CAACK,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOM,GAAV;AAAA;AAAA;AAAA,aACxB;AAAA;AAAA,CADwB,CAAvB;;;AAIPD,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAMG,WAAW,GAAGP,0BAAOQ,EAAV;AAAA;AAAA;AAAA,sCAClB;AAAA;AAAA,CADkB,EAElB;AAAA;AAAA,CAFkB,EAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,CAAjB;;;AASPD,WAAW,CAACH,WAAZ,GAA0B,aAA1B;AAEO,IAAMK,cAAc,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,aACrB;AAAA;AAAA;AAAA,CADqB,CAApB;;AAIPD,cAAc,CAACL,WAAf,GAA6B,gBAA7B;;AAEO,IAAMO,wBAAwB,GAAGX,0BAAOY,EAAV;AAAA;AAAA;AAAA,kBAC/B;AAAA;AAAA,CAD+B,EAE/B;AAAA;AAAA,CAF+B,CAA9B;;;AAKPD,wBAAwB,CAACP,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { List } from \"../List\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-hidden`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledListWrapper = styled.div`\n  ${tw`tw-inline-block`}\n`;\n\nStyledListWrapper.displayName = \"StyledListWrapper\";\n\nexport const StyledOList = styled.ol`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-items-center`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledMenuList = styled(List)`\n  ${tw`tw-py-2`}\n`;\n\nStyledMenuList.displayName = \"StyledMenuList\";\n\nexport const StyledBreadcrumbListItem = styled.li`\n  ${tw`tw-flex`}\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledBreadcrumbListItem.displayName = \"StyledBreadcrumbListItem\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledNavElement","styled","nav","FontStyle","BoxSizingStyle","displayName","StyledListWrapper","div","StyledOList","ol","StyledMenuList","List","StyledBreadcrumbListItem","li"],"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { List } from \"../List\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-hidden`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledListWrapper = styled.div`\n  ${tw`tw-inline-block`}\n`;\n\nStyledListWrapper.displayName = \"StyledListWrapper\";\n\nexport const StyledOList = styled.ol`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-items-center`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledMenuList = styled(List)`\n  ${tw`tw-py-2`}\n`;\n\nStyledMenuList.displayName = \"StyledMenuList\";\n\nexport const StyledBreadcrumbListItem = styled.li`\n  ${tw`tw-flex`}\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledBreadcrumbListItem.displayName = \"StyledBreadcrumbListItem\";\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AAA+B;AAExB,IAAMA,gBAAgB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBC,oBAAS,EACTC,8BAAc,CACjB;AAAC;AAEFJ,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAE1C,IAAMC,iBAAiB,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAAC;AAEFD,iBAAiB,CAACD,WAAW,GAAG,mBAAmB;AAE5C,IAAMG,WAAW,GAAGP,yBAAM,CAACQ,EAAE;EAAA;EAAA;AAAA,sCAC9B;EAAA;AAAQ,CAAC,EACT;EAAA;AAAe,CAAC,EAChB;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAa,CAAC,EACd;EAAA;AAAO,CAAC,EACR;EAAA;AAAO,CAAC,CACb;AAAC;AAEFD,WAAW,CAACH,WAAW,GAAG,aAAa;AAEhC,IAAMK,cAAc,GAAG,IAAAT,yBAAM,EAACU,UAAI,CAAC;EAAA;EAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAAC;AAEFD,cAAc,CAACL,WAAW,GAAG,gBAAgB;AAEtC,IAAMO,wBAAwB,GAAGX,yBAAM,CAACY,EAAE;EAAA;EAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAAC;AAEFD,wBAAwB,CAACP,WAAW,GAAG,0BAA0B"}

package/dist/cjs/components/Breadcrumbs/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Breadcrumbs = require("./Breadcrumbs");
-
 Object.keys(_Breadcrumbs).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Breadcrumbs[key]) return;

package/dist/cjs/components/Breadcrumbs/index.js.map

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

package/dist/cjs/components/BreakPoints.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BreakPoints.ts"],"names":["size","sm","md","lg","xl","xxl","screen"],"mappings":";;;;;;AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,EAAE,EAAE,OADO;AAEXC,EAAAA,EAAE,EAAE,OAFO;AAGXC,EAAAA,EAAE,EAAE,QAHO;AAIXC,EAAAA,EAAE,EAAE,QAJO;AAKXC,EAAAA,GAAG,EAAE;AALM,CAAb;AAQO,IAAMC,MAAM,GAAG;AACpBL,EAAAA,EAAE,+BAAwBD,IAAI,CAACC,EAA7B,MADkB;AAEpBC,EAAAA,EAAE,+BAAwBF,IAAI,CAACE,EAA7B,MAFkB;AAGpBC,EAAAA,EAAE,+BAAwBH,IAAI,CAACG,EAA7B,MAHkB;AAIpBC,EAAAA,EAAE,+BAAwBJ,IAAI,CAACI,EAA7B,MAJkB;AAKpBC,EAAAA,GAAG,+BAAwBL,IAAI,CAACK,GAA7B;AALiB,CAAf","sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"file":"BreakPoints.js"}
+{"version":3,"file":"BreakPoints.js","names":["size","sm","md","lg","xl","xxl","screen"],"sources":["../../../src/components/BreakPoints.ts"],"sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"mappings":";;;;;;AAEA,IAAMA,IAAI,GAAG;EACXC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,GAAG,EAAE;AACP,CAAC;AAEM,IAAMC,MAAM,GAAG;EACpBL,EAAE,+BAAwBD,IAAI,CAACC,EAAE,MAAG;EACpCC,EAAE,+BAAwBF,IAAI,CAACE,EAAE,MAAG;EACpCC,EAAE,+BAAwBH,IAAI,CAACG,EAAE,MAAG;EACpCC,EAAE,+BAAwBJ,IAAI,CAACI,EAAE,MAAG;EACpCC,GAAG,+BAAwBL,IAAI,CAACK,GAAG;AACrC,CAAC;AAAC"}

package/dist/cjs/components/Bubble/Bubble.js

@@ -4,39 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Bubble = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["children", "className", "innerRef", "style"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = 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);
-
+    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__*/_react.default.createElement(_Styles.StyledBubble, _extends({}, rest, {
     ref: innerRef,
     className: (0, _classnames.default)("c-bubble", className),
     style: style
   }), children);
 };
-
 exports.Bubble = Bubble;
 Bubble.displayName = "Bubble";
 //# sourceMappingURL=Bubble.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Bubble/Bubble.tsx"],"names":["Bubble","children","className","innerRef","style","rest","displayName"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;AAiBO,IAAMA,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,6BAAC,oBAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEF,QAFP;AAGE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBD,SAAvB,CAHb;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"}
+{"version":3,"file":"Bubble.js","names":["Bubble","children","className","innerRef","style","rest","classnames","displayName"],"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"],"mappings":";;;;;;AAAA;AAOA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAiBjC,IAAMA,MAAoD,GAAG,SAAvDA,MAAoD,OAM3D;EAAA,IALJC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;IACPC,IAAI;EAEP,oBACE,6BAAC,oBAAY,eACPA,IAAI;IACR,GAAG,EAAEF,QAAS;IACd,SAAS,EAAE,IAAAG,mBAAU,EAAC,UAAU,EAAEJ,SAAS,CAAE;IAC7C,KAAK,EAAEE;EAAM,IAEZH,QAAQ,CACI;AAEnB,CAAC;AAAC;AAEFD,MAAM,CAACO,WAAW,GAAG,QAAQ"}

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledBubble = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _BoxSizingStyle = require("../BoxSizingStyle");
-
 var _FontStyle = require("../FontStyle");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var StyledBubble = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledBubble",
   componentId: "sc-tloccl-0"
@@ -30,7 +25,6 @@ var StyledBubble = _styledComponents.default.div.withConfig({
   "display": "block",
   "visibility": "visible"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-
 exports.StyledBubble = StyledBubble;
 StyledBubble.displayName = "StyledBubble";
 //# sourceMappingURL=Styles.js.map