@activecollab/components 1.0.414 → 2.0.0

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,58 +1,57 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className", "separator"];
-import React, { useRef, useMemo, useEffect, useState } from "react";
-import { useForkRef, useResizeObserver } from "../../utils";
-import { Menu } from "../Menu";
-import { ListItem } from "../List";
-import { IconButton } from "../IconButton";
-import { TreeDotsIcon } from "../Icons";
-import { StyledNavElement, StyledOList, StyledMenuList, StyledListWrapper, StyledBreadcrumbListItem } from "./Styles";
-export var Breadcrumbs = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var internalRef = useRef(null);
-  var listWrapperRef = useRef(null);
-  var olRef = useRef(null);
-  var widthCollectionRef = useRef([]);
-  var handleRef = useForkRef(ref, internalRef);
-  var _useState = useState(0),
-    menuBreadcrumbs = _useState[0],
-    setMenuBreadcrumbs = _useState[1];
-  var dimensions = useResizeObserver(internalRef);
-  var childDimensions = useResizeObserver(listWrapperRef);
-  var parentWidth = (_dimensions$width = dimensions == null ? void 0 : dimensions.width) != null ? _dimensions$width : 0;
-  var childWidth = (_childDimensions$widt = childDimensions == null ? void 0 : childDimensions.width) != null ? _childDimensions$widt : 0;
-  var childrenCollection = useMemo(function () {
-    return React.Children.toArray(children);
-  }, [children]);
-  var _useMemo = useMemo(function () {
-      return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
-    }, [childrenCollection, menuBreadcrumbs]),
-    menuCollection = _useMemo[0],
-    listCollection = _useMemo[1];
-  useEffect(function () {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumbs = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _Menu = require("../Menu");
+var _List = require("../List");
+var _IconButton = require("../IconButton");
+var _Icons = require("../Icons");
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    separator = "/",
+    ...rest
+  } = _ref;
+  const internalRef = (0, _react.useRef)(null);
+  const listWrapperRef = (0, _react.useRef)(null);
+  const olRef = (0, _react.useRef)(null);
+  const widthCollectionRef = (0, _react.useRef)([]);
+  const handleRef = (0, _utils.useForkRef)(ref, internalRef);
+  const [menuBreadcrumbs, setMenuBreadcrumbs] = (0, _react.useState)(0);
+  const dimensions = (0, _utils.useResizeObserver)(internalRef);
+  const childDimensions = (0, _utils.useResizeObserver)(listWrapperRef);
+  const parentWidth = dimensions?.width ?? 0;
+  const childWidth = childDimensions?.width ?? 0;
+  const childrenCollection = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
+  const [menuCollection, listCollection] = (0, _react.useMemo)(() => {
+    return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
+  }, [childrenCollection, menuBreadcrumbs]);
+  (0, _react.useEffect)(() => {
     widthCollectionRef.current = [];
     setMenuBreadcrumbs(0);
   }, [childrenCollection.length]);
-  useEffect(function () {
-    var diffWidth = childWidth - parentWidth;
+  (0, _react.useEffect)(() => {
+    const 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 ? void 0 : (_olRef$current$queryS = _olRef$current.querySelectorAll("[data-role=\"separator\"]")[0]) == null ? void 0 : _olRef$current$queryS.offsetWidth) != null ? _offsetWidth : 0;
-      var breadcrumbItems = (_olRef$current$queryS2 = (_olRef$current2 = olRef.current) == null ? void 0 : _olRef$current2.querySelectorAll("[data-role=\"item\"]")) != null ? _olRef$current$queryS2 : [];
-      var childWidthCollection = [];
-      var maxIndex = ((_breadcrumbItems$leng = breadcrumbItems == null ? void 0 : breadcrumbItems.length) != null ? _breadcrumbItems$leng : 1) - 1;
-      var currentIndex = 0;
-      var childSumWidth = 0;
+      const separatorWidth = olRef.current?.querySelectorAll(`[data-role="separator"]`)[0]?.offsetWidth ?? 0;
+      const breadcrumbItems = olRef.current?.querySelectorAll(`[data-role="item"]`) ?? [];
+      const childWidthCollection = [];
+      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;
+      let currentIndex = 0;
+      let childSumWidth = 0;
       while (diffWidth > childSumWidth && maxIndex >= currentIndex) {
-        var _offsetWidth2, _breadcrumbItems$curr;
-        var _childWidth = (_offsetWidth2 = (_breadcrumbItems$curr = breadcrumbItems[currentIndex]) == null ? void 0 : _breadcrumbItems$curr.offsetWidth) != null ? _offsetWidth2 : 0;
-        var result = separatorWidth + _childWidth;
+        const childWidth = breadcrumbItems[currentIndex]?.offsetWidth ?? 0;
+        const result = separatorWidth + childWidth;
         childWidthCollection.push(result);
         childSumWidth += result;
         currentIndex += 1;
@@ -60,60 +59,54 @@ export var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       if (childWidthCollection.length === listCollection.length) {
         childWidthCollection.pop();
       }
-      widthCollectionRef.current = [].concat(widthCollectionRef.current, childWidthCollection);
-      setMenuBreadcrumbs(function (oldVal) {
-        return oldVal + childWidthCollection.length;
-      });
+      widthCollectionRef.current = [...widthCollectionRef.current, ...childWidthCollection];
+      setMenuBreadcrumbs(oldVal => oldVal + childWidthCollection.length);
     }
   }, [listCollection.length, parentWidth, childWidth]);
-  useEffect(function () {
-    var diffWidth = parentWidth - childWidth;
+  (0, _react.useEffect)(() => {
+    const diffWidth = parentWidth - childWidth;
     if (diffWidth > 0 && widthCollectionRef.current.length > 0) {
-      var total = widthCollectionRef.current.length;
-      var collection = [].concat(widthCollectionRef.current);
-      var sumWidth = 0;
+      const total = widthCollectionRef.current.length;
+      const collection = [...widthCollectionRef.current];
+      let sumWidth = 0;
       while (diffWidth > sumWidth && collection.length > 0) {
-        var _collection;
-        var lastWidth = (_collection = collection[collection.length - 1]) != null ? _collection : 0;
+        const lastWidth = collection[collection.length - 1] ?? 0;
         if (diffWidth < lastWidth + sumWidth) {
           sumWidth = diffWidth;
         } else {
-          var _collection$pop;
-          sumWidth += (_collection$pop = collection.pop()) != null ? _collection$pop : 0;
+          sumWidth += collection.pop() ?? 0;
         }
       }
-      var totalToDecrease = total - collection.length;
-      setMenuBreadcrumbs(function (oldVal) {
-        var newValue = oldVal - totalToDecrease;
+      const totalToDecrease = total - collection.length;
+      setMenuBreadcrumbs(oldVal => {
+        const newValue = oldVal - totalToDecrease;
         return newValue > 0 ? newValue : 0;
       });
-      var end = total - totalToDecrease;
+      const end = total - totalToDecrease;
       widthCollectionRef.current = end > 0 ? widthCollectionRef.current.slice(0, end) : [];
     }
   }, [parentWidth, childWidth]);
-  return /*#__PURE__*/React.createElement(StyledNavElement, _extends({
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavElement, (0, _extends2.default)({
     className: className,
     ref: handleRef
-  }, rest), /*#__PURE__*/React.createElement(StyledListWrapper, {
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledListWrapper, {
     ref: listWrapperRef
-  }, /*#__PURE__*/React.createElement(StyledOList, {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledOList, {
     ref: olRef
-  }, menuCollection.length > 0 ? /*#__PURE__*/React.createElement(StyledBreadcrumbListItem, {
+  }, menuCollection.length > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
     "data-role": "menu"
-  }, /*#__PURE__*/React.createElement(Menu, {
-    target: /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
       variant: "text gray"
-    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
-  }, /*#__PURE__*/React.createElement(StyledMenuList, null, menuCollection.map(function (child, index) {
-    return /*#__PURE__*/React.createElement(ListItem, {
-      key: index
-    }, child);
-  })))) : null, listCollection.map(function (child, index) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuList, null, menuCollection.map((child, index) => /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    key: index
+  }, child))))) : null, listCollection.map((child, index) => {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
-    }, index > 0 || menuCollection.length > 0 ? /*#__PURE__*/React.createElement(StyledBreadcrumbListItem, {
+    }, index > 0 || menuCollection.length > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
       "data-role": "separator"
-    }, separator) : null, /*#__PURE__*/React.createElement(StyledBreadcrumbListItem, {
+    }, separator) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
       "data-role": "item"
     }, child));
   }))));

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["React","useRef","useMemo","useEffect","useState","useForkRef","useResizeObserver","Menu","ListItem","IconButton","TreeDotsIcon","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","Breadcrumbs","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"],"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 { IconButton } from \"../IconButton\";\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                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\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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"}
+{"version":3,"file":"Breadcrumbs.js","names":["_react","_interopRequireWildcard","require","_utils","_Menu","_List","_IconButton","_Icons","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Breadcrumbs","exports","React","forwardRef","_ref","ref","children","className","separator","rest","internalRef","useRef","listWrapperRef","olRef","widthCollectionRef","handleRef","useForkRef","menuBreadcrumbs","setMenuBreadcrumbs","useState","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","childrenCollection","useMemo","Children","toArray","menuCollection","listCollection","slice","length","useEffect","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","createElement","StyledNavElement","_extends2","StyledListWrapper","StyledOList","StyledBreadcrumbListItem","Menu","target","IconButton","variant","TreeDotsIcon","StyledMenuList","map","child","index","ListItem","key","Fragment","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 { IconButton } from \"../IconButton\";\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                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\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/esm/components/Breadcrumbs/Styles.d.ts

@@ -2,8 +2,12 @@
 export declare const StyledNavElement: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledOList: import("styled-components").StyledComponent<"ol", any, {}, never>;
-export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
-    Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & {
+    children?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & {
+        children?: import("react").ReactNode;
+    } & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
     Separator: {
         ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;kBAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;;;;;kBAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}

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

@@ -1,24 +1,31 @@
-import styled from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-import { FontStyle } from "../FontStyle";
-import { List } from "../List";
-export var StyledNavElement = styled.nav.withConfig({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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");
+const StyledNavElement = exports.StyledNavElement = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNavElement",
   componentId: "sc-rxaesd-0"
 })(["", " ", " ", " ", ""], {
   "width": "100%"
 }, {
   "overflow": "hidden"
-}, FontStyle, BoxSizingStyle);
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledNavElement.displayName = "StyledNavElement";
-export var StyledListWrapper = styled.div.withConfig({
+const StyledListWrapper = exports.StyledListWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledListWrapper",
   componentId: "sc-rxaesd-1"
 })(["", ""], {
   "display": "inline-block"
 });
 StyledListWrapper.displayName = "StyledListWrapper";
-export var StyledOList = styled.ol.withConfig({
+const StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfig({
   displayName: "Styles__StyledOList",
   componentId: "sc-rxaesd-2"
 })(["", " ", " ", " ", " ", " ", ""], {
@@ -35,7 +42,7 @@ export var StyledOList = styled.ol.withConfig({
   "margin": "0px"
 });
 StyledOList.displayName = "StyledOList";
-export var StyledMenuList = styled(List).withConfig({
+const StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
   displayName: "Styles__StyledMenuList",
   componentId: "sc-rxaesd-3"
 })(["", ""], {
@@ -43,7 +50,7 @@ export var StyledMenuList = styled(List).withConfig({
   "paddingBottom": "0.5rem"
 });
 StyledMenuList.displayName = "StyledMenuList";
-export var StyledBreadcrumbListItem = styled.li.withConfig({
+const StyledBreadcrumbListItem = exports.StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledBreadcrumbListItem",
   componentId: "sc-rxaesd-4"
 })(["", " ", ""], {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","List","StyledNavElement","nav","displayName","StyledListWrapper","div","StyledOList","ol","StyledMenuList","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,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,SAAS;AAE9B,OAAO,IAAMC,gBAAgB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBH,SAAS,EACTD,cAAc,CACjB;AAEDG,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,OAAO,IAAMC,iBAAiB,GAAGP,MAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAEDD,iBAAiB,CAACD,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMG,WAAW,GAAGT,MAAM,CAACU,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;AAEDD,WAAW,CAACH,WAAW,GAAG,aAAa;AAEvC,OAAO,IAAMK,cAAc,GAAGX,MAAM,CAACG,IAAI,CAAC;EAAA;EAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDQ,cAAc,CAACL,WAAW,GAAG,gBAAgB;AAE7C,OAAO,IAAMM,wBAAwB,GAAGZ,MAAM,CAACa,EAAE;EAAA;EAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAEDD,wBAAwB,CAACN,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","_List","StyledNavElement","exports","styled","nav","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEO,MAAMI,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBC,oBAAS,EACTC,8BAAc,CACjB;AAEDR,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAE1C,MAAMI,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAEDG,iBAAiB,CAACJ,WAAW,GAAG,mBAAmB;AAE5C,MAAMM,WAAW,GAAAV,OAAA,CAAAU,WAAA,GAAGT,yBAAM,CAACU,EAAE,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;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;AAEDK,WAAW,CAACN,WAAW,GAAG,aAAa;AAEhC,MAAMQ,cAAc,GAAAZ,OAAA,CAAAY,cAAA,GAAG,IAAAX,yBAAM,EAACY,UAAI,CAAC,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDO,cAAc,CAACR,WAAW,GAAG,gBAAgB;AAEtC,MAAMU,wBAAwB,GAAAd,OAAA,CAAAc,wBAAA,GAAGb,yBAAM,CAACc,EAAE,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAEDS,wBAAwB,CAACV,WAAW,GAAG,0BAA0B"}

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

@@ -1,2 +1,17 @@
-export * from "./Breadcrumbs";
+"use strict";
+
+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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Breadcrumbs[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"file":"index.js","names":["_Breadcrumbs","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/BreakPoints.js

@@ -1,15 +1,21 @@
-var size = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.screen = void 0;
+const size = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   xxl: "1536px"
 };
-export var screen = {
-  sm: "@media (min-width: " + size.sm + ")",
-  md: "@media (min-width: " + size.md + ")",
-  lg: "@media (min-width: " + size.lg + ")",
-  xl: "@media (min-width: " + size.xl + ")",
-  xxl: "@media (min-width: " + size.xxl + ")"
+const screen = exports.screen = {
+  sm: `@media (min-width: ${size.sm})`,
+  md: `@media (min-width: ${size.md})`,
+  lg: `@media (min-width: ${size.lg})`,
+  xl: `@media (min-width: ${size.xl})`,
+  xxl: `@media (min-width: ${size.xxl})`
 };
 //# sourceMappingURL=BreakPoints.js.map

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

@@ -1 +1 @@
-{"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;AAED,OAAO,IAAMC,MAAM,GAAG;EACpBL,EAAE,0BAAwBD,IAAI,CAACC,EAAE,MAAG;EACpCC,EAAE,0BAAwBF,IAAI,CAACE,EAAE,MAAG;EACpCC,EAAE,0BAAwBH,IAAI,CAACG,EAAE,MAAG;EACpCC,EAAE,0BAAwBJ,IAAI,CAACI,EAAE,MAAG;EACpCC,GAAG,0BAAwBL,IAAI,CAACK,GAAG;AACrC,CAAC"}
+{"version":3,"file":"BreakPoints.js","names":["size","sm","md","lg","xl","xxl","screen","exports"],"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,MAAMA,IAAI,GAAG;EACXC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,GAAG,EAAE;AACP,CAAC;AAEM,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBL,EAAE,EAAG,sBAAqBD,IAAI,CAACC,EAAG,GAAE;EACpCC,EAAE,EAAG,sBAAqBF,IAAI,CAACE,EAAG,GAAE;EACpCC,EAAE,EAAG,sBAAqBH,IAAI,CAACG,EAAG,GAAE;EACpCC,EAAE,EAAG,sBAAqBJ,IAAI,CAACI,EAAG,GAAE;EACpCC,GAAG,EAAG,sBAAqBL,IAAI,CAACK,GAAI;AACtC,CAAC"}

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

@@ -1,22 +1,28 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className", "innerRef", "style"];
-import React from "react";
-import classnames from "classnames";
-import { StyledBubble } from "./Styles";
-export var Bubble = function Bubble(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$innerRef = _ref.innerRef,
-    innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledBubble, _extends({}, rest, {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Bubble = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+const Bubble = _ref => {
+  let {
+    children,
+    className,
+    innerRef = null,
+    style = {},
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledBubble, (0, _extends2.default)({}, rest, {
     ref: innerRef,
-    className: classnames("c-bubble", className),
+    className: (0, _classnames.default)("c-bubble", className),
     style: style
   }), children);
 };
+exports.Bubble = Bubble;
 Bubble.displayName = "Bubble";
 //# sourceMappingURL=Bubble.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["React","classnames","StyledBubble","Bubble","children","className","innerRef","style","rest","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,OAAOA,KAAK,MAML,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,YAAY,QAAQ,UAAU;AAiBvC,OAAO,IAAMC,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,oBAAC,YAAY,eACPA,IAAI;IACR,GAAG,EAAEF,QAAS;IACd,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEI,SAAS,CAAE;IAC7C,KAAK,EAAEE;EAAM,IAEZH,QAAQ,CACI;AAEnB,CAAC;AAEDD,MAAM,CAACM,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Bubble.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","Bubble","_ref","children","className","innerRef","style","rest","default","createElement","StyledBubble","_extends2","ref","classnames","exports","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAiBO,MAAMG,MAAoD,GAAGC,IAAA,IAM9D;EAAA,IAN+D;IACnEC,QAAQ;IACRC,SAAS;IACTC,QAAQ,GAAG,IAAI;IACfC,KAAK,GAAG,CAAC,CAAC;IACV,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,oBACEN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,OAAA,CAAAU,YAAY,MAAAC,SAAA,CAAAH,OAAA,MACPD,IAAI;IACRK,GAAG,EAAEP,QAAS;IACdD,SAAS,EAAE,IAAAS,mBAAU,EAAC,UAAU,EAAET,SAAS,CAAE;IAC7CE,KAAK,EAAEA;EAAM,IAEZH,QACW,CAAC;AAEnB,CAAC;AAACW,OAAA,CAAAb,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACc,WAAW,GAAG,QAAQ"}

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

@@ -1,7 +1,14 @@
-import styled from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-import { FontStyle } from "../FontStyle";
-export var StyledBubble = styled.div.withConfig({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledBubble = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _BoxSizingStyle = require("../BoxSizingStyle");
+var _FontStyle = require("../FontStyle");
+const StyledBubble = exports.StyledBubble = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledBubble",
   componentId: "sc-tloccl-0"
 })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
@@ -18,6 +25,6 @@ export var StyledBubble = styled.div.withConfig({
   "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
   "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
   "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
-}, FontStyle, BoxSizingStyle);
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledBubble.displayName = "StyledBubble";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","displayName"],"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-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IF,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","StyledBubble","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle"],"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-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IC,oBAAS,EACTC,8BAAc,CAEjB;AAEDR,YAAY,CAACK,WAAW,GAAG,cAAc"}

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

@@ -1,2 +1,17 @@
-export * from "./Bubble";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Bubble = require("./Bubble");
+Object.keys(_Bubble).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Bubble[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Bubble[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":"AAAA,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["_Bubble","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

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

@@ -1,17 +1,26 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["text", "className"];
-import React, { forwardRef } from "react";
-import classnames from "classnames";
-import { StyledAddCrossIcon, StyledAddToListButton, StyledText } from "./Styles";
-export var AddToListButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var text = _ref.text,
-    className = _ref.className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledAddToListButton, _extends({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddToListButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AddToListButton = exports.AddToListButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    text,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledAddToListButton, (0, _extends2.default)({
     ref: ref,
-    className: classnames("c--add-to-list-btn", className)
-  }, rest), /*#__PURE__*/React.createElement(StyledAddCrossIcon, null), /*#__PURE__*/React.createElement(StyledText, {
+    className: (0, _classnames.default)("c--add-to-list-btn", className)
+  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledAddCrossIcon, null), /*#__PURE__*/_react.default.createElement(_Styles.StyledText, {
     weight: "medium"
   }, text));
 });