@activecollab/components 1.0.98 → 1.0.101

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

@@ -0,0 +1,75 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumbs = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("../..");
+
+var _Button = require("../Button");
+
+var _Icons = require("../Icons");
+
+var _List = require("../List");
+
+var _Menu = require("../Menu");
+
+var _Styles = require("./Styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? "/" : _ref$separator;
+  var ref = (0, _react.useRef)(null);
+  var menuBreadcrumbs = 0;
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    return children.reduce(function (acc, value, index) {
+      index >= menuBreadcrumbs ? acc.x.push(value) : acc.y.push(value);
+      return acc;
+    }, {
+      x: [],
+      y: []
+    });
+  }, [children, menuBreadcrumbs]),
+      x = _useMemo.x,
+      y = _useMemo.y;
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavElement, {
+    className: className,
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledOList, null, menuBreadcrumbs > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledListMenuItem, null, /*#__PURE__*/_react.default.createElement(_.LayerContextProvider, {
+    value: {
+      zIndex: _.layers.skyscraper
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+    target: /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      variant: "text gray"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
+  }, /*#__PURE__*/_react.default.createElement(_List.List, {
+    className: "tw-py-2"
+  }, y.map(function (child, index) {
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      key: index
+    }, child);
+  }))))) : null, x.map(function (child, index) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: index
+    }, index > 0 || menuBreadcrumbs > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSeparator, null, separator) : null, /*#__PURE__*/_react.default.createElement("li", {
+      className: "tw-flex"
+    }, child));
+  })));
+};
+
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":["Breadcrumbs","children","className","separator","ref","menuBreadcrumbs","reduce","acc","value","index","x","push","y","zIndex","layers","skyscraper","map","child"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAgBO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;AAAA,MAHtBC,QAGsB,QAHtBA,QAGsB;AAAA,MAFtBC,SAEsB,QAFtBA,SAEsB;AAAA,4BADtBC,SACsB;AAAA,MADtBA,SACsB,+BADV,GACU;AACtB,MAAMC,GAAG,GAAG,mBAAgC,IAAhC,CAAZ;AACA,MAAMC,eAAe,GAAG,CAAxB;;AAEA,iBAAiB,oBAAQ,YAAM;AAC7B,WAAOJ,QAAQ,CAACK,MAAT,CACL,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb,EAAuB;AACrBA,MAAAA,KAAK,IAAIJ,eAAT,GAA2BE,GAAG,CAACG,CAAJ,CAAMC,IAAN,CAAWH,KAAX,CAA3B,GAA+CD,GAAG,CAACK,CAAJ,CAAMD,IAAN,CAAWH,KAAX,CAA/C;AACA,aAAOD,GAAP;AACD,KAJI,EAKL;AAAEG,MAAAA,CAAC,EAAE,EAAL;AAASE,MAAAA,CAAC,EAAE;AAAZ,KALK,CAAP;AAOD,GARgB,EAQd,CAACX,QAAD,EAAWI,eAAX,CARc,CAAjB;AAAA,MAAQK,CAAR,YAAQA,CAAR;AAAA,MAAWE,CAAX,YAAWA,CAAX;;AAUA,sBACE,6BAAC,wBAAD;AAAkB,IAAA,SAAS,EAAEV,SAA7B;AAAwC,IAAA,GAAG,EAAEE;AAA7C,kBACE,6BAAC,mBAAD,QACGC,eAAe,GAAG,CAAlB,gBACC,6BAAC,0BAAD,qBACE,6BAAC,sBAAD;AAAsB,IAAA,KAAK,EAAE;AAAEQ,MAAAA,MAAM,EAAEC,SAAOC;AAAjB;AAA7B,kBACE,6BAAC,UAAD;AACE,IAAA,MAAM,eACJ,6BAAC,cAAD;AAAQ,MAAA,OAAO,EAAC;AAAhB,oBACE,6BAAC,mBAAD,OADF;AAFJ,kBAOE,6BAAC,UAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGH,CAAC,CAACI,GAAF,CAAM,UAACC,KAAD,EAAQR,KAAR;AAAA,wBACL,6BAAC,cAAD;AAAU,MAAA,GAAG,EAAEA;AAAf,OAAuBQ,KAAvB,CADK;AAAA,GAAN,CADH,CAPF,CADF,CADF,CADD,GAkBG,IAnBN,EAoBGP,CAAC,CAACM,GAAF,CAAM,UAACC,KAAD,EAAQR,KAAR,EAAkB;AACvB,wBACE,6BAAC,cAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEA;AAArB,OACGA,KAAK,GAAG,CAAR,IAAaJ,eAAe,GAAG,CAA/B,gBACC,6BAAC,uBAAD,QAAkBF,SAAlB,CADD,GAEG,IAHN,eAIE;AAAI,MAAA,SAAS,EAAC;AAAd,OAAyBc,KAAzB,CAJF,CADF;AAQD,GATA,CApBH,CADF,CADF;AAmCD,CArDM","sourcesContent":["import React, { ReactElement, useRef, useMemo } from \"react\";\nimport { LayerContextProvider, layers } from \"../..\";\nimport { Button } from \"../Button\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { List, ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\nimport {\n  StyledListMenuItem,\n  StyledNavElement,\n  StyledOList,\n  StyledSeparator,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Children type of node or string */\n  children: ReactElement[];\n  /** ClassName */\n  className?: string;\n  /** Separator */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = ({\n  children,\n  className,\n  separator = \"/\",\n}: BreadcrumbsProps) => {\n  const ref = useRef<null | HTMLUListElement>(null);\n  const menuBreadcrumbs = 0;\n\n  const { x, y } = useMemo(() => {\n    return children.reduce(\n      (acc, value, index) => {\n        index >= menuBreadcrumbs ? acc.x.push(value) : acc.y.push(value);\n        return acc;\n      },\n      { x: [], y: [] } as { x: ReactElement[]; y: ReactElement[] }\n    );\n  }, [children, menuBreadcrumbs]);\n\n  return (\n    <StyledNavElement className={className} ref={ref}>\n      <StyledOList>\n        {menuBreadcrumbs > 0 ? (\n          <StyledListMenuItem>\n            <LayerContextProvider value={{ zIndex: layers.skyscraper }}>\n              <Menu\n                target={\n                  <Button variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </Button>\n                }\n              >\n                <List className=\"tw-py-2\">\n                  {y.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </List>\n              </Menu>\n            </LayerContextProvider>\n          </StyledListMenuItem>\n        ) : null}\n        {x.map((child, index) => {\n          return (\n            <React.Fragment key={index}>\n              {index > 0 || menuBreadcrumbs > 0 ? (\n                <StyledSeparator>{separator}</StyledSeparator>\n              ) : null}\n              <li className=\"tw-flex\">{child}</li>\n            </React.Fragment>\n          );\n        })}\n      </StyledOList>\n    </StyledNavElement>\n  );\n};\n"],"file":"Breadcrumbs.js"}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSeparator = exports.StyledOList = exports.StyledNavElement = exports.StyledListMenuItem = exports.StyledListItem = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledNavElement = _styledComponents.default.nav.withConfig({
+  displayName: "Styles__StyledNavElement",
+  componentId: "sc-rxaesd-0"
+})(["", " ", " ", " ", ""], {
+  "width": "100%"
+}, {
+  "overflow": "visible"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledNavElement = StyledNavElement;
+StyledNavElement.displayName = "StyledNavElement";
+
+var StyledOList = _styledComponents.default.ul.withConfig({
+  displayName: "Styles__StyledOList",
+  componentId: "sc-rxaesd-1"
+})(["", " ", " ", " ", " ", " ", ""], {
+  "display": "flex"
+}, {
+  "alignItems": "flex-start"
+}, {
+  "listStyleType": "none"
+}, {
+  "padding": "0px"
+}, {
+  "margin": "0px"
+}, {
+  "alignItems": "center"
+});
+
+exports.StyledOList = StyledOList;
+StyledOList.displayName = "StyledOList";
+
+var StyledListMenuItem = _styledComponents.default.li.withConfig({
+  displayName: "Styles__StyledListMenuItem",
+  componentId: "sc-rxaesd-2"
+})(["", ""], {
+  "flexShrink": "0"
+});
+
+exports.StyledListMenuItem = StyledListMenuItem;
+StyledListMenuItem.displayName = "StyledListMenuItem";
+
+var StyledListItem = _styledComponents.default.li.withConfig({
+  displayName: "Styles__StyledListItem",
+  componentId: "sc-rxaesd-3"
+})(["", ""], {
+  "display": "flex"
+});
+
+exports.StyledListItem = StyledListItem;
+StyledListItem.displayName = "StyledListItem";
+
+var StyledSeparator = _styledComponents.default.li.withConfig({
+  displayName: "Styles__StyledSeparator",
+  componentId: "sc-rxaesd-4"
+})(["", ""], {
+  "marginLeft": "1rem",
+  "marginRight": "1rem"
+});
+
+exports.StyledSeparator = StyledSeparator;
+StyledSeparator.displayName = "StyledSeparator";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":["StyledNavElement","styled","nav","FontStyle","BoxSizingStyle","displayName","StyledOList","ul","StyledListMenuItem","li","StyledListItem","StyledSeparator"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,4BACvB;AAAA;AAAA,CADuB,EAEvB;AAAA;AAAA,CAFuB,EAGzBC,oBAHyB,EAIzBC,8BAJyB,CAAtB;;;AAOPJ,gBAAgB,CAACK,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMC,WAAW,GAAGL,0BAAOM,EAAV;AAAA;AAAA;AAAA,sCAClB;AAAA;AAAA,CADkB,EAElB;AAAA;AAAA,CAFkB,EAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,CAAjB;;;AASPD,WAAW,CAACD,WAAZ,GAA0B,aAA1B;;AAEO,IAAMG,kBAAkB,GAAGP,0BAAOQ,EAAV;AAAA;AAAA;AAAA,aACzB;AAAA;AAAA,CADyB,CAAxB;;;AAIPD,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMK,cAAc,GAAGT,0BAAOQ,EAAV;AAAA;AAAA;AAAA,aACrB;AAAA;AAAA,CADqB,CAApB;;;AAIPC,cAAc,CAACL,WAAf,GAA6B,gBAA7B;;AAEO,IAAMM,eAAe,GAAGV,0BAAOQ,EAAV;AAAA;AAAA;AAAA,aACtB;AAAA;AAAA;AAAA,CADsB,CAArB;;;AAIPE,eAAe,CAACN,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-visible`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledOList = styled.ul`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n  ${tw`tw-items-center`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledListMenuItem = styled.li`\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledListMenuItem.displayName = \"StyledListMenuItem\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex`}\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledSeparator = styled.li`\n  ${tw`tw-mx-4`}\n`;\n\nStyledSeparator.displayName = \"StyledSeparator\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,19 @@
+"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 get() {
+      return _Breadcrumbs[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/ProgressRing/ProgressRing.js

@@ -28,7 +28,23 @@ var ProgressRing = function ProgressRing(_ref) {
       radius = _ref$radius === void 0 ? 20 : _ref$radius,
       _ref$stroke = _ref.stroke,
       stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
-      className = _ref.className;
+      className = _ref.className,
+      _ref$showPercentage = _ref.showPercentage,
+      showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
+      fontSize = _ref.fontSize;
+  var progressNumber = (0, _react.useMemo)(function () {
+    var width = progress;
+
+    if (progress > 100) {
+      width = 100;
+    }
+
+    if (progress < 0) {
+      width = 0;
+    }
+
+    return width;
+  }, [progress]);
   var normalizedRadius = (0, _react.useMemo)(function () {
     return radius - stroke;
   }, [radius, stroke]);
@@ -36,11 +52,11 @@ var ProgressRing = function ProgressRing(_ref) {
     return normalizedRadius * 2 * Math.PI;
   }, [normalizedRadius]);
   var strokeDashoffsetOuter = (0, _react.useMemo)(function () {
-    return circumference - (100 - progress) / 100 * circumference;
-  }, [circumference, progress]);
+    return circumference - (100 - progressNumber) / 100 * circumference;
+  }, [circumference, progressNumber]);
   var strokeDashoffsetInner = (0, _react.useMemo)(function () {
-    return circumference - progress / 100 * circumference;
-  }, [circumference, progress]);
+    return circumference - progressNumber / 100 * circumference;
+  }, [circumference, progressNumber]);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledSvg, {
     height: radius * 2,
     width: radius * 2,
@@ -61,7 +77,14 @@ var ProgressRing = function ProgressRing(_ref) {
     r: normalizedRadius,
     cx: radius,
     cy: radius
-  }));
+  }), showPercentage ? /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressRingPercentage, {
+    $color: progressColor,
+    $fontSize: fontSize,
+    x: "50%",
+    y: "-50%",
+    dominantBaseline: "central",
+    textAnchor: "middle"
+  }, progressNumber, "%") : null);
 };
 
 exports.ProgressRing = ProgressRing;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":["ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAKA;;;;;;;;AAiBO,IAAMA,YAAoC,GAAG,SAAvCA,YAAuC,OAO9C;AAAA,MANJC,eAMI,QANJA,eAMI;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,2BAJJC,QAII;AAAA,MAJJA,QAII,8BAJO,CAIP;AAAA,yBAHJC,MAGI;AAAA,MAHJA,MAGI,4BAHK,EAGL;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,CAEL;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,gBAAgB,GAAG,oBAAQ;AAAA,WAAMH,MAAM,GAAGC,MAAf;AAAA,GAAR,EAA+B,CAACD,MAAD,EAASC,MAAT,CAA/B,CAAzB;AACA,MAAMG,aAAa,GAAG,oBACpB;AAAA,WAAMD,gBAAgB,GAAG,CAAnB,GAAuBE,IAAI,CAACC,EAAlC;AAAA,GADoB,EAEpB,CAACH,gBAAD,CAFoB,CAAtB;AAIA,MAAMI,qBAAqB,GAAG,oBAC5B;AAAA,WAAMH,aAAa,GAAI,CAAC,MAAML,QAAP,IAAmB,GAApB,GAA2BK,aAAjD;AAAA,GAD4B,EAE5B,CAACA,aAAD,EAAgBL,QAAhB,CAF4B,CAA9B;AAIA,MAAMS,qBAAqB,GAAG,oBAC5B;AAAA,WAAMJ,aAAa,GAAIL,QAAQ,GAAG,GAAZ,GAAmBK,aAAzC;AAAA,GAD4B,EAE5B,CAACA,aAAD,EAAgBL,QAAhB,CAF4B,CAA9B;AAKA,sBACE,6BAAC,iBAAD;AACE,IAAA,MAAM,EAAEC,MAAM,GAAG,CADnB;AAEE,IAAA,KAAK,EAAEA,MAAM,GAAG,CAFlB;AAGE,IAAA,SAAS,EAAE,yBAAWE,SAAX;AAHb,kBAKE,6BAAC,8BAAD;AACE,IAAA,MAAM,EAAEL,eADV;AAEE,IAAA,iBAAiB,EAAE,CAACU,qBAFtB;AAGE,IAAA,WAAW,EAAEN,MAHf;AAIE,IAAA,eAAe,YAAKG,aAAL,cAAsBA,aAAtB,CAJjB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEH,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IALF,eAcE,6BAAC,8BAAD;AACE,IAAA,MAAM,EAAEF,aADV;AAEE,IAAA,iBAAiB,EAAEU,qBAFrB;AAGE,IAAA,WAAW,EAAEP,MAHf;AAIE,IAAA,eAAe,YAAKG,aAAL,cAAsBA,aAAtB,CAJjB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEH,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IAdF,CADF;AA0BD,CAhDM;;;AAkDPJ,YAAY,CAACa,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface IProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n}) => {\n  const normalizedRadius = useMemo(() => radius - stroke, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progress) / 100) * circumference,\n    [circumference, progress]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progress / 100) * circumference,\n    [circumference, progress]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"file":"ProgressRing.js"}
+{"version":3,"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":["ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAMA;;;;;;;;AAqBO,IAAMA,YAAoC,GAAG,SAAvCA,YAAuC,OAS9C;AAAA,MARJC,eAQI,QARJA,eAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,CAMP;AAAA,yBALJC,MAKI;AAAA,MALJA,MAKI,4BALK,EAKL;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,CAIL;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,iCAFJC,cAEI;AAAA,MAFJA,cAEI,oCAFa,KAEb;AAAA,MADJC,QACI,QADJA,QACI;AACJ,MAAMC,cAAc,GAAG,oBAAQ,YAAM;AACnC,QAAIC,KAAK,GAAGP,QAAZ;;AACA,QAAIA,QAAQ,GAAG,GAAf,EAAoB;AAClBO,MAAAA,KAAK,GAAG,GAAR;AACD;;AACD,QAAIP,QAAQ,GAAG,CAAf,EAAkB;AAChBO,MAAAA,KAAK,GAAG,CAAR;AACD;;AACD,WAAOA,KAAP;AACD,GATsB,EASpB,CAACP,QAAD,CAToB,CAAvB;AAWA,MAAMQ,gBAAgB,GAAG,oBAAQ;AAAA,WAAMP,MAAM,GAAGC,MAAf;AAAA,GAAR,EAA+B,CAACD,MAAD,EAASC,MAAT,CAA/B,CAAzB;AACA,MAAMO,aAAa,GAAG,oBACpB;AAAA,WAAMD,gBAAgB,GAAG,CAAnB,GAAuBE,IAAI,CAACC,EAAlC;AAAA,GADoB,EAEpB,CAACH,gBAAD,CAFoB,CAAtB;AAIA,MAAMI,qBAAqB,GAAG,oBAC5B;AAAA,WAAMH,aAAa,GAAI,CAAC,MAAMH,cAAP,IAAyB,GAA1B,GAAiCG,aAAvD;AAAA,GAD4B,EAE5B,CAACA,aAAD,EAAgBH,cAAhB,CAF4B,CAA9B;AAIA,MAAMO,qBAAqB,GAAG,oBAC5B;AAAA,WAAMJ,aAAa,GAAIH,cAAc,GAAG,GAAlB,GAAyBG,aAA/C;AAAA,GAD4B,EAE5B,CAACA,aAAD,EAAgBH,cAAhB,CAF4B,CAA9B;AAKA,sBACE,6BAAC,iBAAD;AACE,IAAA,MAAM,EAAEL,MAAM,GAAG,CADnB;AAEE,IAAA,KAAK,EAAEA,MAAM,GAAG,CAFlB;AAGE,IAAA,SAAS,EAAE,yBAAWE,SAAX;AAHb,kBAKE,6BAAC,8BAAD;AACE,IAAA,MAAM,EAAEL,eADV;AAEE,IAAA,iBAAiB,EAAE,CAACc,qBAFtB;AAGE,IAAA,WAAW,EAAEV,MAHf;AAIE,IAAA,eAAe,YAAKO,aAAL,cAAsBA,aAAtB,CAJjB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEP,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IALF,eAcE,6BAAC,8BAAD;AACE,IAAA,MAAM,EAAEF,aADV;AAEE,IAAA,iBAAiB,EAAEc,qBAFrB;AAGE,IAAA,WAAW,EAAEX,MAHf;AAIE,IAAA,eAAe,YAAKO,aAAL,cAAsBA,aAAtB,CAJjB;AAKE,IAAA,CAAC,EAAED,gBALL;AAME,IAAA,EAAE,EAAEP,MANN;AAOE,IAAA,EAAE,EAAEA;AAPN,IAdF,EAuBGG,cAAc,gBACb,6BAAC,oCAAD;AACE,IAAA,MAAM,EAAEL,aADV;AAEE,IAAA,SAAS,EAAEM,QAFb;AAGE,IAAA,CAAC,EAAC,KAHJ;AAIE,IAAA,CAAC,EAAC,MAJJ;AAKE,IAAA,gBAAgB,EAAC,SALnB;AAME,IAAA,UAAU,EAAC;AANb,KAQGC,cARH,MADa,GAWX,IAlCN,CADF;AAsCD,CAzEM;;;AA2EPT,YAAY,CAACiB,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface IProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing: FC<IProgressRingProps> = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}) => {\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"file":"ProgressRing.js"}

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

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSvg = exports.StyledForegroundCircle = exports.StyledBackgroundCircle = void 0;
+exports.StyledSvg = exports.StyledProgressRingPercentage = exports.StyledForegroundCircle = exports.StyledBackgroundCircle = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -25,7 +25,7 @@ var StyledBackgroundCircle = _styledComponents.default.circle.withConfig({
   displayName: "Styles__StyledBackgroundCircle",
   componentId: "sc-o6dcyu-1"
 })(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
-  return props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-theme-300);"]);
+  return props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-theme-transparent-300);"]);
 }, function (props) {
   return props.$strokeDashOffset && (0, _styledComponents.css)(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
 });
@@ -44,4 +44,16 @@ var StyledForegroundCircle = _styledComponents.default.circle.withConfig({
 
 exports.StyledForegroundCircle = StyledForegroundCircle;
 StyledForegroundCircle.displayName = "StyledForegroundCircle";
+
+var StyledProgressRingPercentage = _styledComponents.default.text.withConfig({
+  displayName: "Styles__StyledProgressRingPercentage",
+  componentId: "sc-o6dcyu-3"
+})(["transform:rotate(90deg);", " ", ""], function (props) {
+  return props.$color ? (0, _styledComponents.css)(["fill:", ";"], props.$color) : (0, _styledComponents.css)(["fill:var(--color-secondary);"]);
+}, function (props) {
+  return props.$fontSize ? (0, _styledComponents.css)(["font-size:", "px;"], props.$fontSize) : (0, _styledComponents.css)(["font-size:10px;"]);
+});
+
+exports.StyledProgressRingPercentage = StyledProgressRingPercentage;
+StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ProgressRing/Styles.ts"],"names":["StyledSvg","styled","svg","displayName","StyledBackgroundCircle","circle","props","$color","css","$strokeDashOffset","StyledForegroundCircle"],"mappings":";;;;;;;;;AAAA;;;;;;AAOO,IAAMA,SAAS,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,iCAAf;;;AAIPF,SAAS,CAACG,WAAV,GAAwB,WAAxB;;AAEO,IAAMC,sBAAsB,GAAGH,0BAAOI,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,oBAEgBF,KAAK,CAACC,MAFtB,QAIIC,qBAJJ,qCADA;AAAA,CAJ+B,EAa/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,iBAAN,QACAD,qBADA,+BAEuBF,KAAK,CAACG,iBAF7B,CADA;AAAA,CAb+B,CAA5B;;;AAoBPL,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMO,sBAAsB,GAAGT,0BAAOI,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,oBAEgBF,KAAK,CAACC,MAFtB,QAIIC,qBAJJ,qCADA;AAAA,CAJ+B,EAa/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,iBAAN,QACAD,qBADA,+BAEuBF,KAAK,CAACG,iBAF7B,CADA;AAAA,CAb+B,CAA5B;;;AAoBPC,sBAAsB,CAACP,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n  $color?: string;\n  $strokeDashOffset?: number;\n}\n\nexport const StyledSvg = styled.svg`\n  transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-theme-300);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/ProgressRing/Styles.ts"],"names":["StyledSvg","styled","svg","displayName","StyledBackgroundCircle","circle","props","$color","css","$strokeDashOffset","StyledForegroundCircle","StyledProgressRingPercentage","text","$fontSize"],"mappings":";;;;;;;;;AAAA;;;;;;AAQO,IAAMA,SAAS,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,iCAAf;;;AAIPF,SAAS,CAACG,WAAV,GAAwB,WAAxB;;AAEO,IAAMC,sBAAsB,GAAGH,0BAAOI,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,oBAEgBF,KAAK,CAACC,MAFtB,QAIIC,qBAJJ,iDADA;AAAA,CAJ+B,EAa/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,iBAAN,QACAD,qBADA,+BAEuBF,KAAK,CAACG,iBAF7B,CADA;AAAA,CAb+B,CAA5B;;;AAoBPL,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMO,sBAAsB,GAAGT,0BAAOI,MAAV;AAAA;AAAA;AAAA,4EAI/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,oBAEgBF,KAAK,CAACC,MAFtB,QAIIC,qBAJJ,qCADA;AAAA,CAJ+B,EAa/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,iBAAN,QACAD,qBADA,+BAEuBF,KAAK,CAACG,iBAF7B,CADA;AAAA,CAb+B,CAA5B;;;AAoBPC,sBAAsB,CAACP,WAAvB,GAAqC,wBAArC;;AAEO,IAAMQ,4BAA4B,GAAGV,0BAAOW,IAAV;AAAA;AAAA;AAAA,0CAGrC,UAACN,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,OACIC,qBADJ,kBAEcF,KAAK,CAACC,MAFpB,QAIIC,qBAJJ,mCADA;AAAA,CAHqC,EAYrC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACO,SAAN,OACIL,qBADJ,yBAEmBF,KAAK,CAACO,SAFzB,QAIIL,qBAJJ,sBADA;AAAA,CAZqC,CAAlC;;;AAsBPG,4BAA4B,CAACR,WAA7B,GAA2C,8BAA3C","sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n  $color?: string;\n  $strokeDashOffset?: number;\n  $fontSize?: number;\n}\n\nexport const StyledSvg = styled.svg`\n  transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-theme-transparent-300);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n  transform: rotate(90deg);\n\n  ${(props) =>\n    props.$color\n      ? css`\n          fill: ${props.$color};\n        `\n      : css`\n          fill: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$fontSize\n      ? css`\n          font-size: ${props.$fontSize}px;\n        `\n      : css`\n          font-size: 10px;\n        `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"file":"Styles.js"}

package/dist/cjs/components/index.js

@@ -30,6 +30,19 @@ Object.keys(_ButtonGroup).forEach(function (key) {
   });
 });
 
+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 get() {
+      return _Breadcrumbs[key];
+    }
+  });
+});
+
 var _CounterButton = require("./CounterButton");
 
 Object.keys(_CounterButton).forEach(function (key) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Button\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./Pickers\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Pressed\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./Select\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./ProgressBar\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./Folder\";\n"],"file":"index.js"}

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

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+export interface BreadcrumbsProps {
+    children: ReactElement[];
+    className?: string;
+    separator?: ReactElement | string;
+}
+export declare const Breadcrumbs: ({ children, className, separator, }: BreadcrumbsProps) => JSX.Element;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAmB,MAAM,OAAO,CAAC;AAa7D,MAAM,WAAW,gBAAgB;IAE/B,QAAQ,EAAE,YAAY,EAAE,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,wCAIrB,gBAAgB,gBAiDlB,CAAC"}

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

@@ -0,0 +1,53 @@
+import React, { useRef, useMemo } from "react";
+import { LayerContextProvider, layers } from "../..";
+import { Button } from "../Button";
+import { TreeDotsIcon } from "../Icons";
+import { List, ListItem } from "../List";
+import { Menu } from "../Menu";
+import { StyledListMenuItem, StyledNavElement, StyledOList, StyledSeparator } from "./Styles";
+export var Breadcrumbs = function Breadcrumbs(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? "/" : _ref$separator;
+  var ref = useRef(null);
+  var menuBreadcrumbs = 0;
+
+  var _useMemo = useMemo(function () {
+    return children.reduce(function (acc, value, index) {
+      index >= menuBreadcrumbs ? acc.x.push(value) : acc.y.push(value);
+      return acc;
+    }, {
+      x: [],
+      y: []
+    });
+  }, [children, menuBreadcrumbs]),
+      x = _useMemo.x,
+      y = _useMemo.y;
+
+  return /*#__PURE__*/React.createElement(StyledNavElement, {
+    className: className,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(StyledOList, null, menuBreadcrumbs > 0 ? /*#__PURE__*/React.createElement(StyledListMenuItem, null, /*#__PURE__*/React.createElement(LayerContextProvider, {
+    value: {
+      zIndex: layers.skyscraper
+    }
+  }, /*#__PURE__*/React.createElement(Menu, {
+    target: /*#__PURE__*/React.createElement(Button, {
+      variant: "text gray"
+    }, /*#__PURE__*/React.createElement(TreeDotsIcon, null))
+  }, /*#__PURE__*/React.createElement(List, {
+    className: "tw-py-2"
+  }, y.map(function (child, index) {
+    return /*#__PURE__*/React.createElement(ListItem, {
+      key: index
+    }, child);
+  }))))) : null, x.map(function (child, index) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: index
+    }, index > 0 || menuBreadcrumbs > 0 ? /*#__PURE__*/React.createElement(StyledSeparator, null, separator) : null, /*#__PURE__*/React.createElement("li", {
+      className: "tw-flex"
+    }, child));
+  })));
+};
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":["React","useRef","useMemo","LayerContextProvider","layers","Button","TreeDotsIcon","List","ListItem","Menu","StyledListMenuItem","StyledNavElement","StyledOList","StyledSeparator","Breadcrumbs","children","className","separator","ref","menuBreadcrumbs","reduce","acc","value","index","x","push","y","zIndex","skyscraper","map","child"],"mappings":"AAAA,OAAOA,KAAP,IAA8BC,MAA9B,EAAsCC,OAAtC,QAAqD,OAArD;AACA,SAASC,oBAAT,EAA+BC,MAA/B,QAA6C,OAA7C;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AACA,SAASC,IAAT,EAAeC,QAAf,QAA+B,SAA/B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SACEC,kBADF,EAEEC,gBAFF,EAGEC,WAHF,EAIEC,eAJF,QAKO,UALP;AAgBA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAIH;AAAA,MAHtBC,QAGsB,QAHtBA,QAGsB;AAAA,MAFtBC,SAEsB,QAFtBA,SAEsB;AAAA,4BADtBC,SACsB;AAAA,MADtBA,SACsB,+BADV,GACU;AACtB,MAAMC,GAAG,GAAGjB,MAAM,CAA0B,IAA1B,CAAlB;AACA,MAAMkB,eAAe,GAAG,CAAxB;;AAEA,iBAAiBjB,OAAO,CAAC,YAAM;AAC7B,WAAOa,QAAQ,CAACK,MAAT,CACL,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb,EAAuB;AACrBA,MAAAA,KAAK,IAAIJ,eAAT,GAA2BE,GAAG,CAACG,CAAJ,CAAMC,IAAN,CAAWH,KAAX,CAA3B,GAA+CD,GAAG,CAACK,CAAJ,CAAMD,IAAN,CAAWH,KAAX,CAA/C;AACA,aAAOD,GAAP;AACD,KAJI,EAKL;AAAEG,MAAAA,CAAC,EAAE,EAAL;AAASE,MAAAA,CAAC,EAAE;AAAZ,KALK,CAAP;AAOD,GARuB,EAQrB,CAACX,QAAD,EAAWI,eAAX,CARqB,CAAxB;AAAA,MAAQK,CAAR,YAAQA,CAAR;AAAA,MAAWE,CAAX,YAAWA,CAAX;;AAUA,sBACE,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAEV,SAA7B;AAAwC,IAAA,GAAG,EAAEE;AAA7C,kBACE,oBAAC,WAAD,QACGC,eAAe,GAAG,CAAlB,gBACC,oBAAC,kBAAD,qBACE,oBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAE;AAAEQ,MAAAA,MAAM,EAAEvB,MAAM,CAACwB;AAAjB;AAA7B,kBACE,oBAAC,IAAD;AACE,IAAA,MAAM,eACJ,oBAAC,MAAD;AAAQ,MAAA,OAAO,EAAC;AAAhB,oBACE,oBAAC,YAAD,OADF;AAFJ,kBAOE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGF,CAAC,CAACG,GAAF,CAAM,UAACC,KAAD,EAAQP,KAAR;AAAA,wBACL,oBAAC,QAAD;AAAU,MAAA,GAAG,EAAEA;AAAf,OAAuBO,KAAvB,CADK;AAAA,GAAN,CADH,CAPF,CADF,CADF,CADD,GAkBG,IAnBN,EAoBGN,CAAC,CAACK,GAAF,CAAM,UAACC,KAAD,EAAQP,KAAR,EAAkB;AACvB,wBACE,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEA;AAArB,OACGA,KAAK,GAAG,CAAR,IAAaJ,eAAe,GAAG,CAA/B,gBACC,oBAAC,eAAD,QAAkBF,SAAlB,CADD,GAEG,IAHN,eAIE;AAAI,MAAA,SAAS,EAAC;AAAd,OAAyBa,KAAzB,CAJF,CADF;AAQD,GATA,CApBH,CADF,CADF;AAmCD,CArDM","sourcesContent":["import React, { ReactElement, useRef, useMemo } from \"react\";\nimport { LayerContextProvider, layers } from \"../..\";\nimport { Button } from \"../Button\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport { List, ListItem } from \"../List\";\nimport { Menu } from \"../Menu\";\nimport {\n  StyledListMenuItem,\n  StyledNavElement,\n  StyledOList,\n  StyledSeparator,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Children type of node or string */\n  children: ReactElement[];\n  /** ClassName */\n  className?: string;\n  /** Separator */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = ({\n  children,\n  className,\n  separator = \"/\",\n}: BreadcrumbsProps) => {\n  const ref = useRef<null | HTMLUListElement>(null);\n  const menuBreadcrumbs = 0;\n\n  const { x, y } = useMemo(() => {\n    return children.reduce(\n      (acc, value, index) => {\n        index >= menuBreadcrumbs ? acc.x.push(value) : acc.y.push(value);\n        return acc;\n      },\n      { x: [], y: [] } as { x: ReactElement[]; y: ReactElement[] }\n    );\n  }, [children, menuBreadcrumbs]);\n\n  return (\n    <StyledNavElement className={className} ref={ref}>\n      <StyledOList>\n        {menuBreadcrumbs > 0 ? (\n          <StyledListMenuItem>\n            <LayerContextProvider value={{ zIndex: layers.skyscraper }}>\n              <Menu\n                target={\n                  <Button variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </Button>\n                }\n              >\n                <List className=\"tw-py-2\">\n                  {y.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </List>\n              </Menu>\n            </LayerContextProvider>\n          </StyledListMenuItem>\n        ) : null}\n        {x.map((child, index) => {\n          return (\n            <React.Fragment key={index}>\n              {index > 0 || menuBreadcrumbs > 0 ? (\n                <StyledSeparator>{separator}</StyledSeparator>\n              ) : null}\n              <li className=\"tw-flex\">{child}</li>\n            </React.Fragment>\n          );\n        })}\n      </StyledOList>\n    </StyledNavElement>\n  );\n};\n"],"file":"Breadcrumbs.js"}

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

@@ -0,0 +1,6 @@
+export declare const StyledNavElement: import("styled-components").StyledComponent<"nav", any, {}, never>;
+export declare const StyledOList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const StyledListMenuItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"li", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,kBAAkB,mEAE9B,CAAC;AAIF,eAAO,MAAM,cAAc,mEAE1B,CAAC;AAIF,eAAO,MAAM,eAAe,mEAE3B,CAAC"}

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

@@ -0,0 +1,52 @@
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledNavElement = styled.nav.withConfig({
+  displayName: "Styles__StyledNavElement",
+  componentId: "sc-rxaesd-0"
+})(["", " ", " ", " ", ""], {
+  "width": "100%"
+}, {
+  "overflow": "visible"
+}, FontStyle, BoxSizingStyle);
+StyledNavElement.displayName = "StyledNavElement";
+export var StyledOList = styled.ul.withConfig({
+  displayName: "Styles__StyledOList",
+  componentId: "sc-rxaesd-1"
+})(["", " ", " ", " ", " ", " ", ""], {
+  "display": "flex"
+}, {
+  "alignItems": "flex-start"
+}, {
+  "listStyleType": "none"
+}, {
+  "padding": "0px"
+}, {
+  "margin": "0px"
+}, {
+  "alignItems": "center"
+});
+StyledOList.displayName = "StyledOList";
+export var StyledListMenuItem = styled.li.withConfig({
+  displayName: "Styles__StyledListMenuItem",
+  componentId: "sc-rxaesd-2"
+})(["", ""], {
+  "flexShrink": "0"
+});
+StyledListMenuItem.displayName = "StyledListMenuItem";
+export var StyledListItem = styled.li.withConfig({
+  displayName: "Styles__StyledListItem",
+  componentId: "sc-rxaesd-3"
+})(["", ""], {
+  "display": "flex"
+});
+StyledListItem.displayName = "StyledListItem";
+export var StyledSeparator = styled.li.withConfig({
+  displayName: "Styles__StyledSeparator",
+  componentId: "sc-rxaesd-4"
+})(["", ""], {
+  "marginLeft": "1rem",
+  "marginRight": "1rem"
+});
+StyledSeparator.displayName = "StyledSeparator";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledNavElement","nav","displayName","StyledOList","ul","StyledListMenuItem","li","StyledListItem","StyledSeparator"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,4BACvB;AAAA;AAAA,CADuB,EAEvB;AAAA;AAAA,CAFuB,EAGzBF,SAHyB,EAIzBD,cAJyB,CAAtB;AAOPE,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,WAAW,GAAGN,MAAM,CAACO,EAAV;AAAA;AAAA;AAAA,sCAClB;AAAA;AAAA,CADkB,EAElB;AAAA;AAAA,CAFkB,EAGlB;AAAA;AAAA,CAHkB,EAIlB;AAAA;AAAA,CAJkB,EAKlB;AAAA;AAAA,CALkB,EAMlB;AAAA;AAAA,CANkB,CAAjB;AASPD,WAAW,CAACD,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMG,kBAAkB,GAAGR,MAAM,CAACS,EAAV;AAAA;AAAA;AAAA,aACzB;AAAA;AAAA,CADyB,CAAxB;AAIPD,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;AAEA,OAAO,IAAMK,cAAc,GAAGV,MAAM,CAACS,EAAV;AAAA;AAAA;AAAA,aACrB;AAAA;AAAA,CADqB,CAApB;AAIPC,cAAc,CAACL,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMM,eAAe,GAAGX,MAAM,CAACS,EAAV;AAAA;AAAA;AAAA,aACtB;AAAA;AAAA;AAAA,CADsB,CAArB;AAIPE,eAAe,CAACN,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-visible`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledOList = styled.ul`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n  ${tw`tw-items-center`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledListMenuItem = styled.li`\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledListMenuItem.displayName = \"StyledListMenuItem\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex`}\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledSeparator = styled.li`\n  ${tw`tw-mx-4`}\n`;\n\nStyledSeparator.displayName = \"StyledSeparator\";\n"],"file":"Styles.js"}

package/dist/esm/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Breadcrumbs";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

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

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

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

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

@@ -6,6 +6,8 @@ export interface IProgressRingProps {
     radius?: number;
     stroke?: number;
     className?: string;
+    showPercentage?: boolean;
+    fontSize?: number;
 }
 export declare const ProgressRing: FC<IProgressRingProps>;
 //# sourceMappingURL=ProgressRing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAgD/C,CAAC"}
+{"version":3,"file":"ProgressRing.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAS3C,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAyE/C,CAAC"}