@activecollab/components 2.0.90 → 2.0.91

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

@@ -1,56 +1,50 @@
-"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 _Styles = require("./Styles");
-var _utils = require("../../utils");
-var _IconButton = require("../IconButton");
-var _Icons = require("../Icons");
-var _List = require("../List");
-var _Menu = require("../Menu");
-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) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useRef, useMemo, useEffect, useState } from "react";
+import { StyledNavElement, StyledOList, StyledMenuList, StyledListWrapper, StyledBreadcrumbListItem } from "./Styles";
+import { useForkRef, useResizeObserver } from "../../utils";
+import { IconButton } from "../IconButton";
+import { TreeDotsIcon } from "../Icons";
+import { ListItem } from "../List";
+import { Menu } from "../Menu";
+export const Breadcrumbs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var _dimensions$width, _childDimensions$widt;
   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)(() => {
+  const internalRef = useRef(null);
+  const listWrapperRef = useRef(null);
+  const olRef = useRef(null);
+  const widthCollectionRef = useRef([]);
+  const handleRef = useForkRef(ref, internalRef);
+  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);
+  const dimensions = useResizeObserver(internalRef);
+  const childDimensions = useResizeObserver(listWrapperRef);
+  const parentWidth = (_dimensions$width = dimensions == null ? void 0 : dimensions.width) != null ? _dimensions$width : 0;
+  const childWidth = (_childDimensions$widt = childDimensions == null ? void 0 : childDimensions.width) != null ? _childDimensions$widt : 0;
+  const childrenCollection = useMemo(() => React.Children.toArray(children), [children]);
+  const [menuCollection, listCollection] = useMemo(() => {
     return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
   }, [childrenCollection, menuBreadcrumbs]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     widthCollectionRef.current = [];
     setMenuBreadcrumbs(0);
   }, [childrenCollection.length]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const diffWidth = childWidth - parentWidth;
     if (diffWidth > 0) {
-      const separatorWidth = olRef.current?.querySelectorAll(`[data-role="separator"]`)[0]?.offsetWidth ?? 0;
-      const breadcrumbItems = olRef.current?.querySelectorAll(`[data-role="item"]`) ?? [];
+      var _offsetWidth, _olRef$current, _olRef$current$queryS, _olRef$current2, _breadcrumbItems$leng;
+      const separatorWidth = (_offsetWidth = (_olRef$current = olRef.current) == null || (_olRef$current = _olRef$current.querySelectorAll("[data-role=\"separator\"]")[0]) == null ? void 0 : _olRef$current.offsetWidth) != null ? _offsetWidth : 0;
+      const breadcrumbItems = (_olRef$current$queryS = (_olRef$current2 = olRef.current) == null ? void 0 : _olRef$current2.querySelectorAll("[data-role=\"item\"]")) != null ? _olRef$current$queryS : [];
       const childWidthCollection = [];
-      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;
+      const maxIndex = ((_breadcrumbItems$leng = breadcrumbItems == null ? void 0 : breadcrumbItems.length) != null ? _breadcrumbItems$leng : 1) - 1;
       let currentIndex = 0;
       let childSumWidth = 0;
       while (diffWidth > childSumWidth && maxIndex >= currentIndex) {
-        const childWidth = breadcrumbItems[currentIndex]?.offsetWidth ?? 0;
+        var _offsetWidth2, _breadcrumbItems$curr;
+        const childWidth = (_offsetWidth2 = (_breadcrumbItems$curr = breadcrumbItems[currentIndex]) == null ? void 0 : _breadcrumbItems$curr.offsetWidth) != null ? _offsetWidth2 : 0;
         const result = separatorWidth + childWidth;
         childWidthCollection.push(result);
         childSumWidth += result;
@@ -63,18 +57,20 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef
       setMenuBreadcrumbs(oldVal => oldVal + childWidthCollection.length);
     }
   }, [listCollection.length, parentWidth, childWidth]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const diffWidth = parentWidth - childWidth;
     if (diffWidth > 0 && widthCollectionRef.current.length > 0) {
       const total = widthCollectionRef.current.length;
       const collection = [...widthCollectionRef.current];
       let sumWidth = 0;
       while (diffWidth > sumWidth && collection.length > 0) {
-        const lastWidth = collection[collection.length - 1] ?? 0;
+        var _collection;
+        const lastWidth = (_collection = collection[collection.length - 1]) != null ? _collection : 0;
         if (diffWidth < lastWidth + sumWidth) {
           sumWidth = diffWidth;
         } else {
-          sumWidth += collection.pop() ?? 0;
+          var _collection$pop;
+          sumWidth += (_collection$pop = collection.pop()) != null ? _collection$pop : 0;
         }
       }
       const totalToDecrease = total - collection.length;
@@ -86,27 +82,27 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef
       widthCollectionRef.current = end > 0 ? widthCollectionRef.current.slice(0, end) : [];
     }
   }, [parentWidth, childWidth]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavElement, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledNavElement, _extends({
     className: className,
     ref: handleRef
-  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledListWrapper, {
+  }, rest), /*#__PURE__*/React.createElement(StyledListWrapper, {
     ref: listWrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledOList, {
+  }, /*#__PURE__*/React.createElement(StyledOList, {
     ref: olRef
-  }, menuCollection.length > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
+  }, menuCollection.length > 0 ? /*#__PURE__*/React.createElement(StyledBreadcrumbListItem, {
     "data-role": "menu"
-  }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-    target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+  }, /*#__PURE__*/React.createElement(Menu, {
+    target: /*#__PURE__*/React.createElement(IconButton, {
       variant: "text gray"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuList, null, menuCollection.map((child, index) => /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(StyledMenuList, null, menuCollection.map((child, index) => /*#__PURE__*/React.createElement(ListItem, {
     key: index
   }, child))))) : null, listCollection.map((child, index) => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
-    }, index > 0 || menuCollection.length > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
+    }, index > 0 || menuCollection.length > 0 ? /*#__PURE__*/React.createElement(StyledBreadcrumbListItem, {
       "data-role": "separator"
-    }, separator) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
+    }, separator) : null, /*#__PURE__*/React.createElement(StyledBreadcrumbListItem, {
       "data-role": "item"
     }, child));
   }))));

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_IconButton","_Icons","_List","_Menu","_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\";\n\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\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","useRef","useMemo","useEffect","useState","StyledNavElement","StyledOList","StyledMenuList","StyledListWrapper","StyledBreadcrumbListItem","useForkRef","useResizeObserver","IconButton","TreeDotsIcon","ListItem","Menu","Breadcrumbs","forwardRef","_ref","ref","_dimensions$width","_childDimensions$widt","children","className","separator","rest","internalRef","listWrapperRef","olRef","widthCollectionRef","handleRef","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","childDimensions","parentWidth","width","childWidth","childrenCollection","Children","toArray","menuCollection","listCollection","slice","length","current","diffWidth","_offsetWidth","_olRef$current","_olRef$current$queryS","_olRef$current2","_breadcrumbItems$leng","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","_offsetWidth2","_breadcrumbItems$curr","result","push","pop","oldVal","total","collection","sumWidth","_collection","lastWidth","_collection$pop","totalToDecrease","newValue","end","createElement","_extends","target","variant","map","child","index","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\";\n\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\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.js

@@ -1,31 +1,24 @@
-"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({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+import { List } from "../List";
+export const StyledNavElement = styled.nav.withConfig({
   displayName: "Styles__StyledNavElement",
   componentId: "sc-rxaesd-0"
 })(["", " ", " ", " ", ""], {
   "width": "100%"
 }, {
   "overflow": "hidden"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+}, FontStyle, BoxSizingStyle);
 StyledNavElement.displayName = "StyledNavElement";
-const StyledListWrapper = exports.StyledListWrapper = _styledComponents.default.div.withConfig({
+export const StyledListWrapper = styled.div.withConfig({
   displayName: "Styles__StyledListWrapper",
   componentId: "sc-rxaesd-1"
 })(["", ""], {
   "display": "inline-block"
 });
 StyledListWrapper.displayName = "StyledListWrapper";
-const StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfig({
+export const StyledOList = styled.ol.withConfig({
   displayName: "Styles__StyledOList",
   componentId: "sc-rxaesd-2"
 })(["", " ", " ", " ", " ", " ", ""], {
@@ -42,7 +35,7 @@ const StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfi
   "margin": "0px"
 });
 StyledOList.displayName = "StyledOList";
-const StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
+export const StyledMenuList = styled(List).withConfig({
   displayName: "Styles__StyledMenuList",
   componentId: "sc-rxaesd-3"
 })(["", ""], {
@@ -50,7 +43,7 @@ const StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_
   "paddingBottom": "0.5rem"
 });
 StyledMenuList.displayName = "StyledMenuList";
-const StyledBreadcrumbListItem = exports.StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
+export const StyledBreadcrumbListItem = styled.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":["_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\";\n\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;AAGA,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"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","List","StyledNavElement","nav","withConfig","displayName","componentId","StyledListWrapper","div","StyledOList","ol","StyledMenuList","StyledBreadcrumbListItem","li"],"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\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;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,SAAS;AAE9B,OAAO,MAAMC,gBAAgB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBN,SAAS,EACTD,cAAc,CACjB;AAEDG,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAME,iBAAiB,GAAGT,MAAM,CAACU,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,WAAW,GAAGX,MAAM,CAACY,EAAE,CAAAN,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;AAEDG,WAAW,CAACJ,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMM,cAAc,GAAGb,MAAM,CAACG,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDK,cAAc,CAACN,WAAW,GAAG,gBAAgB;AAE7C,OAAO,MAAMO,wBAAwB,GAAGd,MAAM,CAACe,EAAE,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAEDM,wBAAwB,CAACP,WAAW,GAAG,0BAA0B"}

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

@@ -1,17 +1,2 @@
-"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];
-    }
-  });
-});
+export * from "./Breadcrumbs";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/components/BreakPoints.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.screen = void 0;
 const size = {
   sm: "640px",
   md: "768px",
@@ -11,11 +5,11 @@ const size = {
   xl: "1280px",
   xxl: "1536px"
 };
-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})`
+export const 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","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"}
+{"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,MAAMA,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,MAAMC,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"}

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

@@ -1,15 +1,8 @@
-"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 => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import classnames from "classnames";
+import { StyledBubble } from "./Styles";
+export const Bubble = _ref => {
   let {
     children,
     className,
@@ -17,12 +10,11 @@ const Bubble = _ref => {
     style = {},
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledBubble, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement(StyledBubble, _extends({}, rest, {
     ref: innerRef,
-    className: (0, _classnames.default)("c-bubble", className),
+    className: classnames("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","_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\";\n\nimport classnames from \"classnames\";\n\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;AAQA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,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"}
+{"version":3,"file":"Bubble.js","names":["React","classnames","StyledBubble","Bubble","_ref","children","className","innerRef","style","rest","createElement","_extends","ref","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\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;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAiBvC,OAAO,MAAMC,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,oBACEJ,KAAA,CAAAU,aAAA,CAACR,YAAY,EAAAS,QAAA,KACPF,IAAI;IACRG,GAAG,EAAEL,QAAS;IACdD,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CE,KAAK,EAAEA;EAAM,IAEZH,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACU,WAAW,GAAG,QAAQ"}

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

@@ -1,14 +1,7 @@
-"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({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export const StyledBubble = styled.div.withConfig({
   displayName: "Styles__StyledBubble",
   componentId: "sc-tloccl-0"
 })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
@@ -25,6 +18,6 @@ const StyledBubble = exports.StyledBubble = _styledComponents.default.div.withCo
   "--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.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+}, FontStyle, BoxSizingStyle);
 StyledBubble.displayName = "StyledBubble";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"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\";\n\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;AAGA,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"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\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;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IL,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc"}

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

@@ -1,17 +1,2 @@
-"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];
-    }
-  });
-});
+export * from "./Bubble";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":"AAAA,cAAc,UAAU"}

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

@@ -1,26 +1,17 @@
-"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) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledAddCrossIcon, StyledAddToListButton, StyledText } from "./Styles";
+export const AddToListButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     text,
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledAddToListButton, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledAddToListButton, _extends({
     ref: ref,
-    className: (0, _classnames.default)("c--add-to-list-btn", className)
-  }, rest), /*#__PURE__*/_react.default.createElement(_Styles.StyledAddCrossIcon, null), /*#__PURE__*/_react.default.createElement(_Styles.StyledText, {
+    className: classnames("c--add-to-list-btn", className)
+  }, rest), /*#__PURE__*/React.createElement(StyledAddCrossIcon, null), /*#__PURE__*/React.createElement(StyledText, {
     weight: "medium"
   }, text));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"AddToListButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","AddToListButton","exports","forwardRef","_ref","ref","text","className","rest","createElement","StyledAddToListButton","_extends2","classnames","StyledAddCrossIcon","StyledText","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAIkB,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUX,MAAMY,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,iBAAU,EACvC,CAAAC,IAAA,EAA+BC,GAAG,KAAK;EAAA,IAAtC;IAAEC,IAAI;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAC3B,oBACE9B,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAA+B,qBAAqB,MAAAC,SAAA,CAAAzB,OAAA;IACpBmB,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAE,IAAAK,mBAAU,EAAC,oBAAoB,EAAEL,SAAS;EAAE,GACnDC,IAAI,gBAERlC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAAkC,kBAAkB,MAAE,CAAC,eACtBvC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAAmC,UAAU;IAACC,MAAM,EAAC;EAAQ,GAAET,IAAiB,CACzB,CAAC;AAE5B,CACF,CAAC;AAEDL,eAAe,CAACe,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"AddToListButton.js","names":["React","forwardRef","classnames","StyledAddCrossIcon","StyledAddToListButton","StyledText","AddToListButton","_ref","ref","text","className","rest","createElement","_extends","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA8B,OAAO;AAE/D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,qBAAqB,EACrBC,UAAU,QACL,UAAU;AAUjB,OAAO,MAAMC,eAAe,gBAAGL,UAAU,CACvC,CAAAM,IAAA,EAA+BC,GAAG,KAAK;EAAA,IAAtC;IAAEC,IAAI;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAAJ,IAAA;EAC3B,oBACEP,KAAA,CAAAY,aAAA,CAACR,qBAAqB,EAAAS,QAAA;IACpBL,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAER,UAAU,CAAC,oBAAoB,EAAEQ,SAAS;EAAE,GACnDC,IAAI,gBAERX,KAAA,CAAAY,aAAA,CAACT,kBAAkB,MAAE,CAAC,eACtBH,KAAA,CAAAY,aAAA,CAACP,UAAU;IAACS,MAAM,EAAC;EAAQ,GAAEL,IAAiB,CACzB,CAAC;AAE5B,CACF,CAAC;AAEDH,eAAe,CAACS,WAAW,GAAG,iBAAiB"}

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

@@ -1,24 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledText = exports.StyledAddToListButton = exports.StyledAddCrossIcon = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _collection = require("../../Icons/collection");
-var _Typography = require("../../Typography");
-const StyledText = exports.StyledText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+import styled from "styled-components";
+import { AddCrossIcon } from "../../Icons/collection";
+import { Body2 } from "../../Typography";
+export const StyledText = styled(Body2).withConfig({
   displayName: "Styles__StyledText",
   componentId: "sc-1fx7urq-0"
 })(["transition:ease 0.3s all;color:var(--color-primary);position:relative;"]);
 StyledText.displayName = "StyledText";
-const StyledAddCrossIcon = exports.StyledAddCrossIcon = (0, _styledComponents.default)(_collection.AddCrossIcon).withConfig({
+export const StyledAddCrossIcon = styled(AddCrossIcon).withConfig({
   displayName: "Styles__StyledAddCrossIcon",
   componentId: "sc-1fx7urq-1"
 })(["fill:var(--page-paper-main);background:var(--color-primary);border-radius:30px;padding:7px;box-sizing:content-box;"]);
 StyledAddCrossIcon.displayName = "StyledAddCrossIcon";
-const StyledAddToListButton = exports.StyledAddToListButton = (0, _styledComponents.default)("button").withConfig({
+export const StyledAddToListButton = styled("button").withConfig({
   displayName: "Styles__StyledAddToListButton",
   componentId: "sc-1fx7urq-2"
 })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_collection","_Typography","StyledText","exports","styled","Body2","withConfig","displayName","componentId","StyledAddCrossIcon","AddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { AddCrossIcon } from \"../../Icons/collection\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,MAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,yBAAM,EAACM,wBAAY,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAE9C,MAAMI,qBAAqB,GAAAR,OAAA,CAAAQ,qBAAA,GAAG,IAAAP,yBAAM,EAAC,QAAQ,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CN,UAAU,EAWVO,kBAAkB,CAMvB;AAEDE,qBAAqB,CAACJ,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["styled","AddCrossIcon","Body2","StyledText","withConfig","displayName","componentId","StyledAddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { AddCrossIcon } from \"../../Icons/collection\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDH,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,MAAME,kBAAkB,GAAGP,MAAM,CAACC,YAAY,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMG,qBAAqB,GAAGR,MAAM,CAAC,QAAQ,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CH,UAAU,EAWVI,kBAAkB,CAMvB;AAEDC,qBAAqB,CAACH,WAAW,GAAG,uBAAuB"}

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

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