@activecollab/components 1.0.415 → 2.0.1

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

@@ -1,20 +1,22 @@
-import styled, { css } from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-var StyledMultiAvatarImg = css(["width:inherit;height:inherit;"]);
-export var StyledMultiAvatarInner = styled.div.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMultiAvatarInner = exports.StyledMultiAvatar = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _BoxSizingStyle = require("../BoxSizingStyle");
+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 StyledMultiAvatarImg = (0, _styledComponents.css)(["width:inherit;height:inherit;"]);
+const StyledMultiAvatarInner = exports.StyledMultiAvatarInner = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMultiAvatarInner",
   componentId: "sc-k6nldn-0"
 })(["overflow:hidden;position:absolute;display:inline-flex;"]);
-export var StyledMultiAvatar = styled.div.withConfig({
+const StyledMultiAvatar = exports.StyledMultiAvatar = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMultiAvatar",
   componentId: "sc-k6nldn-1"
-})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], BoxSizingStyle, function (props) {
-  return props.$urlCount === 2 && css(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner);
-}, function (props) {
-  return props.$urlCount === 3 && css(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg);
-}, function (props) {
-  return props.$urlCount > 3 && css(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner);
-});
+})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, props => props.$urlCount === 2 && (0, _styledComponents.css)(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner), props => props.$urlCount === 3 && (0, _styledComponents.css)(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg), props => props.$urlCount > 3 && (0, _styledComponents.css)(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner));
 StyledMultiAvatar.displayName = "StyledMultiAvatar";
 StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","StyledMultiAvatar","props","$urlCount","displayName"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n  display: inline-flex;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,IAAMC,oBAAoB,GAAGF,GAAG,mCAG/B;AAED,OAAO,IAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,8DAI/C;AAED,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,iFACvCH,cAAc,EAMd,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBP,GAAG,yHACCG,sBAAsB,EAMtBA,sBAAsB,CAMzB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBP,GAAG,wJACCG,sBAAsB,EAMtBA,sBAAsB,EAKlBD,oBAAoB,EAGxBC,sBAAsB,EAKlBD,oBAAoB,CAG3B;AAAA,GAED,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,GAAG,CAAC,IACnBP,GAAG,kJAEGE,oBAAoB,EAEtBC,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB;AAAA,EACJ;AAEDE,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AACnDL,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledMultiAvatarImg","css","StyledMultiAvatarInner","exports","styled","div","withConfig","displayName","componentId","StyledMultiAvatar","BoxSizingStyle","props","$urlCount"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n  display: inline-flex;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAE,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,SAAAJ,wBAAAI,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;AAEnD,MAAMY,oBAAoB,OAAGC,qBAAG,oCAG/B;AAEM,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAI/C;AAEM,MAAMC,iBAAiB,GAAAN,OAAA,CAAAM,iBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iFACvCE,8BAAc,EAMbC,KAAK,IACNA,KAAK,CAACC,SAAS,KAAK,CAAC,QACrBX,qBAAG,0HACCC,sBAAsB,EAMtBA,sBAAsB,CAMzB,EAEAS,KAAK,IACNA,KAAK,CAACC,SAAS,KAAK,CAAC,QACrBX,qBAAG,yJACCC,sBAAsB,EAMtBA,sBAAsB,EAKlBF,oBAAoB,EAGxBE,sBAAsB,EAKlBF,oBAAoB,CAG3B,EAEAW,KAAK,IACNA,KAAK,CAACC,SAAS,GAAG,CAAC,QACnBX,qBAAG,mJAEGD,oBAAoB,EAEtBE,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB,CACJ;AAEDO,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AACnDL,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}

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

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

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

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

package/dist/esm/components/Nav/Item/Item.js

@@ -1,20 +1,25 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "active", "disabled", "className", "role"];
-import classNames from "classnames";
-import React from "react";
-import { StyledNavListItem } from "../Styles";
-export var Item = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    className = _ref.className,
-    role = _ref.role,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledNavListItem, _extends({
-    className: classNames("c-nav__item", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _Styles = require("../Styles");
+const Item = exports.Item = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    children,
+    active = false,
+    disabled = false,
+    className,
+    role,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItem, (0, _extends2.default)({
+    className: (0, _classnames.default)(`c-nav__item`, {
       "c-nav__item--active": active
     }, className),
     ref: ref

package/dist/esm/components/Nav/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["classNames","React","StyledNavListItem","Item","forwardRef","ref","children","active","disabled","className","role","rest","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAsB,OAAO;AAEzC,SAASC,iBAAiB,QAAQ,WAAW;AAc7C,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAIlC,gBAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAGtE,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAEX,UAAU,gBAEnB;MACE,qBAAqB,EAAEO;IACzB,CAAC,EACDE,SAAS,CACT;IACF,GAAG,EAAEJ;EAAI,GACLM,IAAI;IACR,OAAO,EAAEJ,MAAO;IAChB,SAAS,EAAEC,QAAS;IACpB,KAAK,EAAEE;EAAK,IAEXJ,QAAQ,CACS;AAExB,CAAC,CACF;AAEDH,IAAI,CAACS,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Item.js","names":["_classnames","_interopRequireDefault","require","_react","_Styles","Item","exports","React","forwardRef","_ref","ref","children","active","disabled","className","role","rest","default","createElement","StyledNavListItem","_extends2","classNames","$active","$disabled","$role","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAcO,MAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAGE,cAAK,CAACC,UAAU,CAIlC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,MAAM,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAAP,IAAA;EAGxE,oBACEN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,iBAAiB,MAAAC,SAAA,CAAAH,OAAA;IAChBH,SAAS,EAAE,IAAAO,mBAAU,EAClB,aAAY,EACb;MACE,qBAAqB,EAAET;IACzB,CAAC,EACDE,SACF,CAAE;IACFJ,GAAG,EAAEA;EAAI,GACLM,IAAI;IACRM,OAAO,EAAEV,MAAO;IAChBW,SAAS,EAAEV,QAAS;IACpBW,KAAK,EAAET;EAAK,IAEXJ,QACgB,CAAC;AAExB,CACF,CAAC;AAEDN,IAAI,CAACoB,WAAW,GAAG,MAAM"}

package/dist/esm/components/Nav/Item/Styles.js

@@ -1,11 +1,17 @@
-import styled, { css } from "styled-components";
-import { Item } from "./Item";
-export var StyledNavListItemMore = styled(Item).withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledNavListItemMore = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Item = require("./Item");
+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 StyledNavListItemMore = exports.StyledNavListItemMore = (0, _styledComponents.default)(_Item.Item).withConfig({
   displayName: "Styles__StyledNavListItemMore",
   componentId: "sc-m6npdq-0"
-})(["", " cursor:pointer;", ""], function (props) {
-  return props.role !== "light" && css(["padding:0;"]);
-}, {
+})(["", " cursor:pointer;", ""], props => props.role !== "light" && (0, _styledComponents.css)(["padding:0;"]), {
   "pointerEvents": "auto"
 });
 StyledNavListItemMore.displayName = "StyledNavListItemMore";

package/dist/esm/components/Nav/Item/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Item","StyledNavListItemMore","props","role","displayName"],"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,OAAO,IAAMC,qBAAqB,GAAGH,MAAM,CAACE,IAAI,CAAC;EAAA;EAAA;AAAA,iCAC7C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBJ,GAAG,gBAEF;AAAA,GAEC;EAAA;AAAuB,CAAC,CAC7B;AAEDE,qBAAqB,CAACG,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Item","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNavListItemMore","exports","styled","Item","withConfig","displayName","componentId","props","role","css"],"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAA8B,SAAAE,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,SAAAJ,wBAAAI,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;AAEvB,MAAMY,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAC5CC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,QACtBC,qBAAG,iBAEF,EAEC;EAAA;AAAuB,CAAC,CAC7B;AAEDT,qBAAqB,CAACK,WAAW,GAAG,uBAAuB"}

package/dist/esm/components/Nav/Item/index.js

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

package/dist/esm/components/Nav/Item/index.js.map

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

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

@@ -1,8 +1,8 @@
 import { ReactElement, FC } from "react";
 import { ItemProps } from "./Item/Item";
-declare type NavType = "inline" | "dropdown";
-export declare type NavAlignType = "left" | "center" | "right";
-export declare type NavRoleType = "bold" | "light";
+type NavType = "inline" | "dropdown";
+export type NavAlignType = "left" | "center" | "right";
+export type NavRoleType = "bold" | "light";
 export interface INavProps {
     children: ReactElement<ItemProps>[];
     /** Function for changing active navs. */

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,YAAY,EACZ,EAAE,EAUH,MAAM,OAAO,CAAC;AAcf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,aAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrC,oBAAY,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACpC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iCAAiC;IACjC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CA6R7B,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,YAAY,EACZ,EAAE,EAUH,MAAM,OAAO,CAAC;AAcf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AACrC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3C,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACpC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iCAAiC;IACjC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CA6R7B,CAAC"}

package/dist/esm/components/Nav/Nav.js

@@ -1,57 +1,42 @@
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-import React, { useState, useRef, useCallback, useEffect, useLayoutEffect, useMemo, Children, cloneElement } from "react";
-import classNames from "classnames";
-import ResizeObserver from "resize-observer-polyfill";
-import debounce from "lodash.debounce";
-import { Select } from "../Select/Select";
-import { StyledNav, StyledNavAsMoreTarget, StyledNavAsSelect, StyledNavList } from "./Styles";
-import { StyledNavListItemMore } from "./Item/Styles";
-import { ExpandSingle } from "../Expanders/ExpandSingle";
-export var Nav = function Nav(_ref) {
-  var children = _ref.children,
-    _ref$alignment = _ref.alignment,
-    alignment = _ref$alignment === void 0 ? "left" : _ref$alignment,
-    onSelect = _ref.onSelect,
-    onMoreOptionSelect = _ref.onMoreOptionSelect,
-    className = _ref.className,
-    _ref$role = _ref.role,
-    role = _ref$role === void 0 ? "bold" : _ref$role,
-    moreLabel = _ref.moreLabel,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "inline" : _ref$type;
-  var _useState = useState(0),
-    active = _useState[0],
-    setActive = _useState[1];
-  var _useState2 = useState([]),
-    visibleTabIndexes = _useState2[0],
-    setVisibleTabIndexes = _useState2[1];
-  var _useState3 = useState(false),
-    measuringRender = _useState3[0],
-    setMeasuringRender = _useState3[1];
-  var _useState4 = useState(false),
-    moreVisible = _useState4[0],
-    setMoreVisible = _useState4[1];
-  var _useState5 = useState(false),
-    renderNavAsSelect = _useState5[0],
-    setRenderNavAsSelect = _useState5[1];
-  var _useState6 = useState([]),
-    options = _useState6[0],
-    setOptions = _useState6[1];
-  var _useState7 = useState(false),
-    moreOpened = _useState7[0],
-    setMoreOpened = _useState7[1];
-  var _useState8 = useState(false),
-    isMounted = _useState8[0],
-    setIsMounted = _useState8[1];
-  var navItemNames = useMemo(function () {
-    return children.map(function (item) {
-      return item.props.name;
-    });
-  }, [children]);
-  var allOptions = useMemo(function () {
-    return navItemNames.map(function (name, index) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Nav = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _Select = require("../Select/Select");
+var _Styles = require("./Styles");
+var _Styles2 = require("./Item/Styles");
+var _ExpandSingle = require("../Expanders/ExpandSingle");
+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 Nav = _ref => {
+  let {
+    children,
+    alignment = "left",
+    onSelect,
+    onMoreOptionSelect,
+    className,
+    role = "bold",
+    moreLabel,
+    type = "inline"
+  } = _ref;
+  const [active, setActive] = (0, _react.useState)(0);
+  const [visibleTabIndexes, setVisibleTabIndexes] = (0, _react.useState)([]);
+  const [measuringRender, setMeasuringRender] = (0, _react.useState)(false);
+  const [moreVisible, setMoreVisible] = (0, _react.useState)(false);
+  const [renderNavAsSelect, setRenderNavAsSelect] = (0, _react.useState)(false);
+  const [options, setOptions] = (0, _react.useState)([]);
+  const [moreOpened, setMoreOpened] = (0, _react.useState)(false);
+  const [isMounted, setIsMounted] = (0, _react.useState)(false);
+  const navItemNames = (0, _react.useMemo)(() => children.map(item => item.props.name), [children]);
+  const allOptions = (0, _react.useMemo)(() => {
+    return navItemNames.map((name, index) => {
       return {
         id: index,
         name: name
@@ -60,32 +45,31 @@ export var Nav = function Nav(_ref) {
   }, [navItemNames]);
 
   // REFS
-  var navRef = useRef(null);
-  var navItemsRefs = useRef({});
-  var moreItemRef = useRef(null);
-  var onClick = useCallback(function (e) {
+  const navRef = (0, _react.useRef)(null);
+  const navItemsRefs = (0, _react.useRef)({});
+  const moreItemRef = (0, _react.useRef)(null);
+  const onClick = (0, _react.useCallback)(e => {
     if (e.target && e.currentTarget.dataset.index && !e.currentTarget.dataset.disabled) {
-      var _index = Number(e.currentTarget.dataset.index);
-      setActive(_index);
+      const index = Number(e.currentTarget.dataset.index);
+      setActive(index);
       if (onSelect) {
-        onSelect(_index);
+        onSelect(index);
       }
       setMeasuringRender(true);
     }
   }, [onSelect]);
-  useMemo(function () {
-    Children.forEach(children, function (child, index) {
+  (0, _react.useMemo)(() => {
+    _react.Children.forEach(children, (child, index) => {
       if (child && child.props.active) {
         setActive(index);
       }
     });
   }, [children]);
-  useLayoutEffect(function () {
+  (0, _react.useLayoutEffect)(() => {
     if (type === "inline" && measuringRender && isMounted) {
-      var _navRef$current;
-      var containerWidth = ((_navRef$current = navRef.current) == null ? void 0 : _navRef$current.offsetWidth) || 0;
-      var itemsWidth = Object.values(navItemsRefs.current).reduce(function (acc, item) {
-        var itemEl = item;
+      const containerWidth = navRef.current?.offsetWidth || 0;
+      const itemsWidth = Object.values(navItemsRefs.current).reduce((acc, item) => {
+        const itemEl = item;
         return acc + (itemEl ? itemEl.offsetWidth : 0);
       }, 0);
 
@@ -98,146 +82,141 @@ export var Nav = function Nav(_ref) {
       }
       setMoreVisible(true);
       if (moreVisible) {
-        var _moreItemRef$current;
-        var moreItemWidth = ((_moreItemRef$current = moreItemRef.current) == null ? void 0 : _moreItemRef$current.offsetWidth) || 0;
-        var firstItemWidth = navItemsRefs.current[0].offsetWidth;
+        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;
+        const firstItemWidth = navItemsRefs.current[0].offsetWidth;
 
         // collapse Nav to Select, there is no enough room
         if (containerWidth < moreItemWidth + firstItemWidth) {
           setVisibleTabIndexes([]);
-          var _options2 = navItemNames.map(function (name, index) {
+          const options = navItemNames.map((name, index) => {
             return {
               id: index,
               name: name
             };
           });
-          setOptions(_options2);
+          setOptions(options);
           setRenderNavAsSelect(true);
           setMoreVisible(false);
           return setMeasuringRender(false);
         }
 
         // item(s) + More...
-        var visible = [];
-        var allWidth = 0;
-        Object.values(navItemsRefs.current).forEach(function (item, index) {
-          var liItem = item;
+        const visible = [];
+        let allWidth = 0;
+        Object.values(navItemsRefs.current).forEach((item, index) => {
+          const liItem = item;
           allWidth += liItem.offsetWidth;
           if (moreItemWidth + allWidth <= containerWidth) {
             visible.push(index);
           }
         });
         setVisibleTabIndexes(visible);
-        var _options = navItemNames.map(function (name, index) {
+        const options = navItemNames.map((name, index) => {
           return {
             id: index,
             name: name
           };
-        }).filter(function (item) {
-          return !visible.includes(item.id);
-        });
-        setOptions(_options);
+        }).filter(item => !visible.includes(item.id));
+        setOptions(options);
         setRenderNavAsSelect(false);
         setMeasuringRender(false);
       }
     }
   }, [children, isMounted, measuringRender, moreVisible, navItemNames, type, visibleTabIndexes]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     if (type === "inline") {
-      var handleResize = debounce(function () {
+      const handleResize = (0, _lodash.default)(() => {
         setMeasuringRender(true);
       }, 300);
       window.addEventListener("resize", handleResize);
-      return function () {
+      return () => {
         window.removeEventListener("resize", handleResize);
       };
     }
   }, [type]);
 
   // we are using observer to solve the problem of the initial rendering
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     if (type === "inline" && navRef.current) {
-      var resizeObserver = new ResizeObserver(function (entries) {
-        for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
-          var entry = _step.value;
-          var contentRect = entry.contentRect;
-          var _contentRect$width = contentRect.width,
-            width = _contentRect$width === void 0 ? 0 : _contentRect$width;
+      const resizeObserver = new _resizeObserverPolyfill.default(entries => {
+        for (const entry of entries) {
+          const {
+            contentRect
+          } = entry;
+          const {
+            width = 0
+          } = contentRect;
           if (width > 0) {
             setMeasuringRender(true);
           }
         }
       });
       resizeObserver.observe(navRef.current);
-      setTimeout(function () {
+      setTimeout(() => {
         if (navRef.current) {
           resizeObserver.unobserve(navRef.current);
         }
       }, 2000);
-      return function () {
+      return () => {
         resizeObserver.disconnect();
       };
     }
   }, [type]);
-  useEffect(function () {
+  (0, _react.useEffect)(() => {
     setMeasuringRender(true);
     setIsMounted(true);
   }, []);
-  var visibleTabs = useMemo(function () {
-    var tabs = Children.toArray(children);
+  const visibleTabs = (0, _react.useMemo)(() => {
+    const tabs = _react.Children.toArray(children);
     if (measuringRender || !isMounted) {
       return tabs;
     } else {
-      return tabs.filter(function (child, index) {
+      return tabs.filter((child, index) => {
         return visibleTabIndexes.includes(index);
       });
     }
   }, [children, isMounted, measuringRender, visibleTabIndexes]);
-  var onMoreOptionClick = useCallback(function (id) {
+  const onMoreOptionClick = (0, _react.useCallback)(id => {
     setActive(id);
     if (onMoreOptionSelect) {
       onMoreOptionSelect(id);
     }
     setMeasuringRender(true);
   }, [onMoreOptionSelect]);
-  var navAsSelect = useMemo(function () {
-    return /*#__PURE__*/React.createElement(StyledNavAsSelect, null, /*#__PURE__*/React.createElement("span", null, navItemNames[active]), /*#__PURE__*/React.createElement(ExpandSingle, {
+  const navAsSelect = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavAsSelect, null, /*#__PURE__*/_react.default.createElement("span", null, navItemNames[active]), /*#__PURE__*/_react.default.createElement(_ExpandSingle.ExpandSingle, {
       expanded: moreOpened,
       fill: "currentColor"
     }));
   }, [active, moreOpened, navItemNames]);
-  var setMoreOpen = useCallback(function () {
-    return setMoreOpened(true);
-  }, []);
-  var setMoreClose = useCallback(function () {
-    return setMoreOpened(false);
-  }, []);
-  return /*#__PURE__*/React.createElement(StyledNav, {
-    className: classNames("c-nav", className),
+  const setMoreOpen = (0, _react.useCallback)(() => setMoreOpened(true), []);
+  const setMoreClose = (0, _react.useCallback)(() => setMoreOpened(false), []);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNav, {
+    className: (0, _classnames.default)("c-nav", className),
     $align: alignment,
     $role: role
-  }, /*#__PURE__*/React.createElement(StyledNavList, {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledNavList, {
     ref: navRef
-  }, type === "inline" && visibleTabs.map(function (child, index) {
-    var element = child;
-    return /*#__PURE__*/cloneElement(element, {
+  }, type === "inline" && visibleTabs.map((child, index) => {
+    const element = child;
+    return /*#__PURE__*/(0, _react.cloneElement)(element, {
       active: index === active,
-      role: role,
-      ref: function ref(el) {
+      role,
+      ref: el => {
         navItemsRefs.current[index] = el;
       },
-      onClick: onClick,
+      onClick,
       "data-index": index,
       "data-disabled": element.props.disabled
     });
-  }), type === "inline" && moreVisible ? /*#__PURE__*/React.createElement(StyledNavListItemMore, {
+  }), type === "inline" && moreVisible ? /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavListItemMore, {
     ref: moreItemRef,
     name: "More",
     active: visibleTabIndexes.indexOf(active) === -1,
     role: role
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
     selected: active,
-    target: /*#__PURE__*/React.createElement(StyledNavAsMoreTarget, {
+    target: /*#__PURE__*/_react.default.createElement(_Styles.StyledNavAsMoreTarget, {
       $role: role
     }, moreLabel),
     disabledInternalSort: true,
@@ -250,11 +229,11 @@ export var Nav = function Nav(_ref) {
     keepSameOptionsOrder: true,
     onSelectOpen: setMoreOpen,
     onSelectClose: setMoreClose
-  })) : null, type === "dropdown" || renderNavAsSelect ? /*#__PURE__*/React.createElement(StyledNavListItemMore, {
+  })) : null, type === "dropdown" || renderNavAsSelect ? /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavListItemMore, {
     name: "More",
     active: visibleTabIndexes.indexOf(active) === -1,
     role: role
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
     selected: active,
     target: navAsSelect,
     disabledInternalSort: true,
@@ -269,5 +248,6 @@ export var Nav = function Nav(_ref) {
     onSelectClose: setMoreClose
   })) : null));
 };
+exports.Nav = Nav;
 Nav.displayName = "Nav";
 //# sourceMappingURL=Nav.js.map