@activecollab/components 2.0.178 → 2.0.180

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

@@ -23,7 +23,7 @@ var StyledInfoBoxHeader = exports.StyledInfoBoxHeader = _styledComponents.defaul
   componentId: "sc-amgpyr-1"
 })(["display:flex;width:100%;flex-direction:column;gap:", ";"], function (_ref3) {
   var $hasTitle = _ref3.$hasTitle;
-  return $hasTitle ? "12px" : "none";
+  return $hasTitle ? "4px" : "none";
 });
 StyledInfoBoxHeader.displayName = "StyledInfoBoxHeader";
 var StyledInfoBoxContainer = exports.StyledInfoBoxContainer = _styledComponents.default.div.withConfig({

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledInfoBoxWrapper","exports","styled","div","withConfig","displayName","componentId","_ref","$color","$opacity","_ref2","StyledInfoBoxHeader","_ref3","$hasTitle","StyledInfoBoxContainer","SyledInfoBoxInnerHeader"],"sources":["../../../../src/components/InfoBox/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nexport const StyledInfoBoxWrapper = styled.div<{\n  $color: string;\n  $opacity: string;\n}>`\n  gap: 4px;\n  width: 100%;\n  border-radius: 8px;\n  padding-inline: 16px;\n  padding-block: 12px;\n  background-color: ${({ $color, $opacity }) => $color + $opacity};\n  border: 1px solid ${({ $color }) => $color};\n  position: relative;\n`;\nStyledInfoBoxWrapper.displayName = \"StyledInfoBoxWrapper\";\nexport const StyledInfoBoxHeader = styled.div<{\n  $hasTitle: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: ${({ $hasTitle }) => ($hasTitle ? \"12px\" : \"none\")};\n`;\nStyledInfoBoxHeader.displayName = \"StyledInfoBoxHeader\";\nexport const StyledInfoBoxContainer = styled.div`\n  display: flex;\n  justify-items: space-between;\n  width: 100%;\n  gap: 8px;\n`;\nStyledInfoBoxContainer.displayName = \"StyledInfoBoxContainer\";\nexport const SyledInfoBoxInnerHeader = styled.div`\n  display: flex;\n`;\nSyledInfoBoxInnerHeader.displayName = \"SyledInfoBoxInnerHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAChC,IAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mJASxB,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,OAAOD,MAAM,GAAGC,QAAQ;AAAA,GAC3C,UAAAC,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OAAOA,MAAM;AAAA,EAE3C;AACDR,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AAClD,IAAMM,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAMpC,UAAAM,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CACxD;AACDF,mBAAmB,CAACN,WAAW,GAAG,qBAAqB;AAChD,IAAMS,sBAAsB,GAAAb,OAAA,CAAAa,sBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAK/C;AACDQ,sBAAsB,CAACT,WAAW,GAAG,wBAAwB;AACtD,IAAMU,uBAAuB,GAAAd,OAAA,CAAAc,uBAAA,GAAGb,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAEhD;AACDS,uBAAuB,CAACV,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledInfoBoxWrapper","exports","styled","div","withConfig","displayName","componentId","_ref","$color","$opacity","_ref2","StyledInfoBoxHeader","_ref3","$hasTitle","StyledInfoBoxContainer","SyledInfoBoxInnerHeader"],"sources":["../../../../src/components/InfoBox/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nexport const StyledInfoBoxWrapper = styled.div<{\n  $color: string;\n  $opacity: string;\n}>`\n  gap: 4px;\n  width: 100%;\n  border-radius: 8px;\n  padding-inline: 16px;\n  padding-block: 12px;\n  background-color: ${({ $color, $opacity }) => $color + $opacity};\n  border: 1px solid ${({ $color }) => $color};\n  position: relative;\n`;\nStyledInfoBoxWrapper.displayName = \"StyledInfoBoxWrapper\";\nexport const StyledInfoBoxHeader = styled.div<{\n  $hasTitle: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: ${({ $hasTitle }) => ($hasTitle ? \"4px\" : \"none\")};\n`;\nStyledInfoBoxHeader.displayName = \"StyledInfoBoxHeader\";\nexport const StyledInfoBoxContainer = styled.div`\n  display: flex;\n  justify-items: space-between;\n  width: 100%;\n  gap: 8px;\n`;\nStyledInfoBoxContainer.displayName = \"StyledInfoBoxContainer\";\nexport const SyledInfoBoxInnerHeader = styled.div`\n  display: flex;\n`;\nSyledInfoBoxInnerHeader.displayName = \"SyledInfoBoxInnerHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAChC,IAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mJASxB,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,OAAOD,MAAM,GAAGC,QAAQ;AAAA,GAC3C,UAAAC,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OAAOA,MAAM;AAAA,EAE3C;AACDR,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AAClD,IAAMM,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAMpC,UAAAM,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OAAQA,SAAS,GAAG,KAAK,GAAG,MAAM;AAAA,CAAC,CACvD;AACDF,mBAAmB,CAACN,WAAW,GAAG,qBAAqB;AAChD,IAAMS,sBAAsB,GAAAb,OAAA,CAAAa,sBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAK/C;AACDQ,sBAAsB,CAACT,WAAW,GAAG,wBAAwB;AACtD,IAAMU,uBAAuB,GAAAd,OAAA,CAAAc,uBAAA,GAAGb,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAEhD;AACDS,uBAAuB,CAACV,WAAW,GAAG,yBAAyB"}

package/dist/cjs/components/Nav/Nav.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.Nav = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
 var _Styles = require("./Item/Styles");
 var _Styles2 = require("./Styles");
+var _utils = require("../../utils");
 var _ExpandSingle = require("../Expanders/ExpandSingle");
 var _Select = require("../Select/Select");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,75 +21,75 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Nav = exports.Nav = function Nav(_ref) {
+  var _dimensions$width, _childDimensions$widt;
   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;
+    role = _ref$role === void 0 ? "bold" : _ref$role;
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
     active = _useState2[0],
     setActive = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    visibleTabIndexes = _useState4[0],
-    setVisibleTabIndexes = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+    moreOpened = _useState4[0],
+    setMoreOpened = _useState4[1];
+  var _useState5 = (0, _react.useState)("inline"),
     _useState6 = _slicedToArray(_useState5, 2),
-    measuringRender = _useState6[0],
-    setMeasuringRender = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    moreVisible = _useState8[0],
-    setMoreVisible = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    renderNavAsSelect = _useState10[0],
-    setRenderNavAsSelect = _useState10[1];
-  var _useState11 = (0, _react.useState)([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    options = _useState12[0],
-    setOptions = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    moreOpened = _useState14[0],
-    setMoreOpened = _useState14[1];
-  var _useState15 = (0, _react.useState)(false),
-    _useState16 = _slicedToArray(_useState15, 2),
-    isMounted = _useState16[0],
-    setIsMounted = _useState16[1];
+    type = _useState6[0],
+    setType = _useState6[1];
+  var setMoreOpen = (0, _react.useCallback)(function () {
+    return setMoreOpened(true);
+  }, []);
+  var setMoreClose = (0, _react.useCallback)(function () {
+    return setMoreOpened(false);
+  }, []);
   var navItemNames = (0, _react.useMemo)(function () {
-    return children.map(function (item) {
-      return item.props.name;
-    });
+    return children ? _react.Children.toArray(children).map(function (item) {
+      var _item$props;
+      return item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.name;
+    }) : [];
   }, [children]);
   var allOptions = (0, _react.useMemo)(function () {
-    return navItemNames.map(function (name, index) {
+    return navItemNames === null || navItemNames === void 0 ? void 0 : navItemNames.map(function (name, index) {
       return {
         id: index,
         name: name
       };
     });
   }, [navItemNames]);
-
-  // REFS
   var navRef = (0, _react.useRef)(null);
-  var navItemsRefs = (0, _react.useRef)({});
-  var moreItemRef = (0, _react.useRef)(null);
+  var wrapRef = (0, _react.useRef)(null);
+  var dimensions = (0, _utils.useResizeObserver)(wrapRef);
+  var childDimensions = (0, _utils.useResizeObserver)(navRef);
+  var parentWidth = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : 0;
+  var childWidth = (_childDimensions$widt = childDimensions === null || childDimensions === void 0 ? void 0 : childDimensions.width) !== null && _childDimensions$widt !== void 0 ? _childDimensions$widt : 0;
+  var _useState7 = (0, _react.useState)(childWidth),
+    _useState8 = _slicedToArray(_useState7, 2),
+    childrenWidth = _useState8[0],
+    setChildrenWidth = _useState8[1];
+  (0, _react.useLayoutEffect)(function () {
+    if (type === "inline") setChildrenWidth(childWidth);
+  }, [childWidth, type]);
   var onClick = (0, _react.useCallback)(function (e) {
+    if (e.metaKey || e.ctrlKey) {
+      return;
+    }
     if (e.target && e.currentTarget.dataset.index && !e.currentTarget.dataset.disabled) {
       var _index = Number(e.currentTarget.dataset.index);
       setActive(_index);
       if (onSelect) {
         onSelect(_index);
       }
-      setMeasuringRender(true);
+    }
+  }, [onSelect]);
+  var onMoreOptionClick = (0, _react.useCallback)(function (id) {
+    setActive(id);
+    if (onSelect) {
+      onSelect(id);
     }
   }, [onSelect]);
   (0, _react.useMemo)(function () {
@@ -100,190 +99,52 @@ var Nav = exports.Nav = function Nav(_ref) {
       }
     });
   }, [children]);
-  (0, _react.useLayoutEffect)(function () {
-    if (type === "inline" && measuringRender && isMounted) {
-      var _navRef$current;
-      var containerWidth = ((_navRef$current = navRef.current) === null || _navRef$current === void 0 ? void 0 : _navRef$current.offsetWidth) || 0;
-      var itemsWidth = Object.values(navItemsRefs.current).reduce(function (acc, item) {
-        var itemEl = item;
-        return acc + (itemEl ? itemEl.offsetWidth : 0);
-      }, 0);
-
-      // all tabs are visible
-      if (containerWidth >= itemsWidth) {
-        setVisibleTabIndexes(Array.from(navItemNames.keys()));
-        setMoreVisible(false);
-        setRenderNavAsSelect(false);
-        return setMeasuringRender(false);
-      }
-      setMoreVisible(true);
-      if (moreVisible) {
-        var _moreItemRef$current;
-        var moreItemWidth = ((_moreItemRef$current = moreItemRef.current) === null || _moreItemRef$current === void 0 ? void 0 : _moreItemRef$current.offsetWidth) || 0;
-        var firstItemWidth = navItemsRefs.current[0].offsetWidth;
-
-        // collapse Nav to Select, there is no enough room
-        if (containerWidth < moreItemWidth + firstItemWidth) {
-          setVisibleTabIndexes([]);
-          var _options = navItemNames.map(function (name, index) {
-            return {
-              id: index,
-              name: name
-            };
-          });
-          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;
-          allWidth += liItem.offsetWidth;
-          if (moreItemWidth + allWidth <= containerWidth) {
-            visible.push(index);
-          }
-        });
-        setVisibleTabIndexes(visible);
-        var _options2 = navItemNames.map(function (name, index) {
-          return {
-            id: index,
-            name: name
-          };
-        }).filter(function (item) {
-          return !visible.includes(item.id);
-        });
-        setOptions(_options2);
-        setRenderNavAsSelect(false);
-        setMeasuringRender(false);
-      }
-    }
-  }, [children, isMounted, measuringRender, moreVisible, navItemNames, type, visibleTabIndexes]);
-  (0, _react.useEffect)(function () {
-    if (type === "inline") {
-      var handleResize = (0, _lodash.default)(function () {
-        setMeasuringRender(true);
-      }, 300);
-      window.addEventListener("resize", handleResize);
-      return function () {
-        window.removeEventListener("resize", handleResize);
-      };
-    }
-  }, [type]);
-
-  // we are using observer to solve the problem of the initial rendering
-  (0, _react.useEffect)(function () {
-    if (type === "inline" && navRef.current) {
-      var resizeObserver = new _resizeObserverPolyfill.default(function (entries) {
-        for (var entry of entries) {
-          var contentRect = entry.contentRect;
-          var _contentRect$width = contentRect.width,
-            width = _contentRect$width === void 0 ? 0 : _contentRect$width;
-          if (width > 0) {
-            setMeasuringRender(true);
-          }
-        }
-      });
-      resizeObserver.observe(navRef.current);
-      setTimeout(function () {
-        if (navRef.current) {
-          resizeObserver.unobserve(navRef.current);
-        }
-      }, 2000);
-      return function () {
-        resizeObserver.disconnect();
-      };
-    }
-  }, [type]);
-  (0, _react.useEffect)(function () {
-    setMeasuringRender(true);
-    setIsMounted(true);
-  }, []);
-  var visibleTabs = (0, _react.useMemo)(function () {
-    var tabs = _react.Children.toArray(children);
-    if (measuringRender || !isMounted) {
-      return tabs;
-    } else {
-      return tabs.filter(function (child, index) {
-        return visibleTabIndexes.includes(index);
-      });
-    }
-  }, [children, isMounted, measuringRender, visibleTabIndexes]);
-  var onMoreOptionClick = (0, _react.useCallback)(function (id) {
-    setActive(id);
-    if (onMoreOptionSelect) {
-      onMoreOptionSelect(id);
-    }
-    setMeasuringRender(true);
-  }, [onMoreOptionSelect]);
   var navAsSelect = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_Styles2.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 = (0, _react.useCallback)(function () {
-    return setMoreOpened(true);
-  }, []);
-  var setMoreClose = (0, _react.useCallback)(function () {
-    return setMoreOpened(false);
-  }, []);
+  (0, _react.useEffect)(function () {
+    if (!navRef.current || !wrapRef.current) return;
+    if (childrenWidth >= parentWidth) {
+      setType("dropdown");
+    } else {
+      setType("inline");
+    }
+  }, [childrenWidth, parentWidth]);
+  if (!children) return;
   return /*#__PURE__*/_react.default.createElement(_Styles2.StyledNav, {
     className: (0, _classnames.default)("c-nav", className),
     $align: alignment,
-    $role: role
+    $role: role,
+    ref: wrapRef
   }, /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavList, {
     ref: navRef
-  }, type === "inline" && visibleTabs.map(function (child, index) {
+  }, type === "inline" && _react.Children.toArray(children).map(function (child, index) {
     var element = child;
     return /*#__PURE__*/(0, _react.cloneElement)(element, {
       active: index === active,
       role,
-      ref: function ref(el) {
-        navItemsRefs.current[index] = el;
-      },
       onClick,
       "data-index": index,
       "data-disabled": element.props.disabled
     });
-  }), type === "inline" && moreVisible ? /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItemMore, {
-    ref: moreItemRef,
+  }), type === "dropdown" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItemMore, {
     name: "More",
-    active: visibleTabIndexes.indexOf(active) === -1,
-    role: role
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-    selected: active,
-    target: /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavAsMoreTarget, {
-      $role: role
-    }, moreLabel),
-    disabledInternalSort: true,
-    onChange: onMoreOptionClick,
-    options: options,
-    type: "single",
-    mode: "normal",
-    forceCloseMenu: true,
-    disableSearch: true,
-    keepSameOptionsOrder: true,
-    onSelectOpen: setMoreOpen,
-    onSelectClose: setMoreClose
-  })) : null, type === "dropdown" || renderNavAsSelect ? /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItemMore, {
-    name: "More",
-    active: visibleTabIndexes.indexOf(active) === -1,
+    active: Array.from(navItemNames.keys()).indexOf(active) === -1,
     role: role
   }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
     selected: active,
     target: navAsSelect,
     disabledInternalSort: true,
-    onChange: onMoreOptionClick,
     options: allOptions,
     type: "single",
     mode: "normal",
     forceCloseMenu: true,
     disableSearch: true,
     keepSameOptionsOrder: true,
+    onChange: onMoreOptionClick,
     onSelectOpen: setMoreOpen,
     onSelectClose: setMoreClose
   })) : null));

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_resizeObserverPolyfill","_Styles","_Styles2","_ExpandSingle","_Select","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Nav","exports","_ref","children","_ref$alignment","alignment","onSelect","onMoreOptionSelect","className","_ref$role","role","moreLabel","_ref$type","type","_useState","useState","_useState2","active","setActive","_useState3","_useState4","visibleTabIndexes","setVisibleTabIndexes","_useState5","_useState6","measuringRender","setMeasuringRender","_useState7","_useState8","moreVisible","setMoreVisible","_useState9","_useState10","renderNavAsSelect","setRenderNavAsSelect","_useState11","_useState12","options","setOptions","_useState13","_useState14","moreOpened","setMoreOpened","_useState15","_useState16","isMounted","setIsMounted","navItemNames","useMemo","map","item","props","allOptions","index","id","navRef","useRef","navItemsRefs","moreItemRef","onClick","useCallback","target","currentTarget","dataset","disabled","Number","Children","forEach","child","useLayoutEffect","_navRef$current","containerWidth","current","offsetWidth","itemsWidth","values","reduce","acc","itemEl","keys","_moreItemRef$current","moreItemWidth","firstItemWidth","visible","allWidth","liItem","filter","includes","useEffect","handleResize","debounce","window","addEventListener","removeEventListener","resizeObserver","ResizeObserver","entries","entry","contentRect","_contentRect$width","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","createElement","StyledNavAsSelect","ExpandSingle","expanded","fill","setMoreOpen","setMoreClose","StyledNav","classNames","$align","$role","StyledNavList","ref","element","cloneElement","el","StyledNavListItemMore","indexOf","Select","selected","StyledNavAsMoreTarget","disabledInternalSort","onChange","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  Children,\n  cloneElement,\n} from \"react\";\n\nimport classNames from \"classnames\";\nimport debounce from \"lodash.debounce\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Function triggered when option in More... is selected */\n  onMoreOptionSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Label for More... item */\n  moreLabel?: string;\n  /** Nav type */\n  type?: NavType;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  onMoreOptionSelect,\n  className,\n  role = \"bold\",\n  moreLabel,\n  type = \"inline\",\n}) => {\n  const [active, setActive] = useState(0);\n  const [visibleTabIndexes, setVisibleTabIndexes] = useState<number[]>([]);\n  const [measuringRender, setMeasuringRender] = useState(false);\n  const [moreVisible, setMoreVisible] = useState(false);\n  const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);\n  const [options, setOptions] = useState<IOptionItemProps[]>([]);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [isMounted, setIsMounted] = useState(false);\n\n  const navItemNames = useMemo(\n    () => children.map((item) => item.props.name),\n    [children]\n  );\n\n  const allOptions = useMemo(() => {\n    return navItemNames.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  // REFS\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const navItemsRefs = useRef<\n    { index: number; element: HTMLLIElement } | Record<string, unknown>\n  >({});\n  const moreItemRef = useRef<HTMLLIElement | null>(null);\n\n  const onClick = useCallback(\n    (e: ISyntheticEvent) => {\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n        setMeasuringRender(true);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\" && measuringRender && isMounted) {\n      const containerWidth = navRef.current?.offsetWidth || 0;\n      const itemsWidth = Object.values(navItemsRefs.current).reduce(\n        (acc: number, item) => {\n          const itemEl = item as HTMLLIElement;\n          return acc + (itemEl ? itemEl.offsetWidth : 0);\n        },\n        0\n      );\n\n      // all tabs are visible\n      if (containerWidth >= itemsWidth) {\n        setVisibleTabIndexes(Array.from(navItemNames.keys()));\n        setMoreVisible(false);\n        setRenderNavAsSelect(false);\n        return setMeasuringRender(false);\n      }\n\n      setMoreVisible(true);\n\n      if (moreVisible) {\n        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;\n        const firstItemWidth = navItemsRefs.current[0].offsetWidth;\n\n        // collapse Nav to Select, there is no enough room\n        if (containerWidth < moreItemWidth + firstItemWidth) {\n          setVisibleTabIndexes([]);\n          const options = navItemNames.map((name, index) => {\n            return { id: index, name: name };\n          });\n          setOptions(options);\n          setRenderNavAsSelect(true);\n          setMoreVisible(false);\n          return setMeasuringRender(false);\n        }\n\n        // item(s) + More...\n        const visible: number[] = [];\n        let allWidth = 0;\n        Object.values(navItemsRefs.current).forEach((item, index) => {\n          const liItem = item as HTMLLIElement;\n          allWidth += liItem.offsetWidth;\n          if (moreItemWidth + allWidth <= containerWidth) {\n            visible.push(index);\n          }\n        });\n        setVisibleTabIndexes(visible);\n        const options = navItemNames\n          .map((name, index) => {\n            return { id: index, name: name };\n          })\n          .filter((item) => !visible.includes(item.id));\n        setOptions(options);\n        setRenderNavAsSelect(false);\n        setMeasuringRender(false);\n      }\n    }\n  }, [\n    children,\n    isMounted,\n    measuringRender,\n    moreVisible,\n    navItemNames,\n    type,\n    visibleTabIndexes,\n  ]);\n\n  useEffect(() => {\n    if (type === \"inline\") {\n      const handleResize = debounce((): void => {\n        setMeasuringRender(true);\n      }, 300);\n      window.addEventListener(\"resize\", handleResize);\n      return (): void => {\n        window.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [type]);\n\n  // we are using observer to solve the problem of the initial rendering\n  useEffect(() => {\n    if (type === \"inline\" && navRef.current) {\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { contentRect } = entry;\n          const { width = 0 } = contentRect;\n          if (width > 0) {\n            setMeasuringRender(true);\n          }\n        }\n      });\n\n      resizeObserver.observe(navRef.current);\n\n      setTimeout(() => {\n        if (navRef.current) {\n          resizeObserver.unobserve(navRef.current);\n        }\n      }, 2000);\n\n      return (): void => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, [type]);\n\n  useEffect(() => {\n    setMeasuringRender(true);\n    setIsMounted(true);\n  }, []);\n\n  const visibleTabs = useMemo(() => {\n    const tabs = Children.toArray(children);\n    if (measuringRender || !isMounted) {\n      return tabs;\n    } else {\n      return tabs.filter((child, index) => {\n        return visibleTabIndexes.includes(index);\n      });\n    }\n  }, [children, isMounted, measuringRender, visibleTabIndexes]);\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onMoreOptionSelect) {\n        onMoreOptionSelect(id);\n      }\n      setMeasuringRender(true);\n    },\n    [onMoreOptionSelect]\n  );\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames]);\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          visibleTabs.map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              ref: (el) => {\n                navItemsRefs.current[index] = el;\n              },\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"inline\" && moreVisible ? (\n          <StyledNavListItemMore\n            ref={moreItemRef}\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={\n                <StyledNavAsMoreTarget $role={role}>\n                  {moreLabel}\n                </StyledNavAsMoreTarget>\n              }\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={options}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n        {type === \"dropdown\" || renderNavAsSelect ? (\n          <StyledNavListItemMore\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}
+{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Styles2","_utils","_ExpandSingle","_Select","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Nav","exports","_ref","_dimensions$width","_childDimensions$widt","children","_ref$alignment","alignment","onSelect","className","_ref$role","role","_useState","useState","_useState2","active","setActive","_useState3","_useState4","moreOpened","setMoreOpened","_useState5","_useState6","type","setType","setMoreOpen","useCallback","setMoreClose","navItemNames","useMemo","Children","toArray","map","item","_item$props","props","allOptions","index","id","navRef","useRef","wrapRef","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","_useState7","_useState8","childrenWidth","setChildrenWidth","useLayoutEffect","onClick","metaKey","ctrlKey","target","currentTarget","dataset","disabled","Number","onMoreOptionClick","forEach","child","navAsSelect","createElement","StyledNavAsSelect","ExpandSingle","expanded","fill","useEffect","current","StyledNav","classNames","$align","$role","ref","StyledNavList","element","cloneElement","StyledNavListItemMore","keys","indexOf","Select","selected","disabledInternalSort","options","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onChange","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useMemo,\n  Children,\n  cloneElement,\n  useEffect,\n  useLayoutEffect,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { StyledNav, StyledNavAsSelect, StyledNavList } from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { Select } from \"../Select/Select\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children?: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  className,\n  role = \"bold\",\n}) => {\n  const [active, setActive] = useState(0);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [type, setType] = useState<NavType>(\"inline\");\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  const navItemNames = useMemo(() => {\n    return children\n      ? (Children.toArray(children) as ReactElement<ItemProps>[]).map(\n          (item) => item?.props?.name\n        )\n      : [];\n  }, [children]);\n\n  const allOptions = useMemo(() => {\n    return navItemNames?.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const wrapRef = useRef<HTMLElement | null>(null);\n  const dimensions = useResizeObserver(wrapRef);\n  const childDimensions = useResizeObserver(navRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const [childrenWidth, setChildrenWidth] = useState(childWidth);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\") setChildrenWidth(childWidth);\n  }, [childWidth, type]);\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n      if (e.metaKey || e.ctrlKey) {\n        return;\n      }\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n      }\n    },\n    [onSelect]\n  );\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onSelect) {\n        onSelect(id);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames]);\n\n  useEffect(() => {\n    if (!navRef.current || !wrapRef.current) return;\n\n    if (childrenWidth >= parentWidth) {\n      setType(\"dropdown\");\n    } else {\n      setType(\"inline\");\n    }\n  }, [childrenWidth, parentWidth]);\n\n  if (!children) return;\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n      ref={wrapRef}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          Children.toArray(children).map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"dropdown\" ? (\n          <StyledNavListItemMore\n            name=\"More\"\n            active={Array.from(navItemNames.keys()).indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onChange={onMoreOptionClick}\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAcA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAA0C,SAAAE,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,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,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,eAAAC,GAAA,EAAAH,CAAA,WAAAI,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAH,CAAA,KAAAM,2BAAA,CAAAH,GAAA,EAAAH,CAAA,KAAAO,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAApB,CAAA,GAAAG,MAAA,CAAAI,SAAA,CAAAe,QAAA,CAAAb,IAAA,CAAAU,CAAA,EAAAI,KAAA,aAAAvB,CAAA,iBAAAmB,CAAA,CAAAK,WAAA,EAAAxB,CAAA,GAAAmB,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAzB,CAAA,cAAAA,CAAA,mBAAA0B,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAAnB,CAAA,+DAAA4B,IAAA,CAAA5B,CAAA,UAAAqB,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAiB,MAAA,EAAAD,GAAA,GAAAhB,GAAA,CAAAiB,MAAA,WAAApB,CAAA,MAAAqB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAnB,CAAA,GAAAmB,GAAA,EAAAnB,CAAA,IAAAqB,IAAA,CAAArB,CAAA,IAAAG,GAAA,CAAAH,CAAA,UAAAqB,IAAA;AAAA,SAAAhB,sBAAAnB,CAAA,EAAAoC,CAAA,QAAAnC,CAAA,WAAAD,CAAA,gCAAAqC,MAAA,IAAArC,CAAA,CAAAqC,MAAA,CAAAC,QAAA,KAAAtC,CAAA,4BAAAC,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAU,CAAA,EAAAJ,CAAA,EAAAJ,CAAA,OAAAiC,CAAA,OAAAhB,CAAA,iBAAAT,CAAA,IAAAb,CAAA,GAAAA,CAAA,CAAAY,IAAA,CAAAb,CAAA,GAAAwC,IAAA,QAAAJ,CAAA,QAAA7B,MAAA,CAAAN,CAAA,MAAAA,CAAA,UAAAsC,CAAA,uBAAAA,CAAA,IAAAzC,CAAA,GAAAgB,CAAA,CAAAD,IAAA,CAAAZ,CAAA,GAAAwC,IAAA,MAAAnC,CAAA,CAAAoC,IAAA,CAAA5C,CAAA,CAAA6C,KAAA,GAAArC,CAAA,CAAA4B,MAAA,KAAAE,CAAA,GAAAG,CAAA,iBAAAvC,CAAA,IAAAuB,CAAA,OAAAnB,CAAA,GAAAJ,CAAA,yBAAAuC,CAAA,YAAAtC,CAAA,CAAA2C,MAAA,KAAAlC,CAAA,GAAAT,CAAA,CAAA2C,MAAA,IAAArC,MAAA,CAAAG,CAAA,MAAAA,CAAA,2BAAAa,CAAA,QAAAnB,CAAA,aAAAE,CAAA;AAAA,SAAAY,gBAAAD,GAAA,QAAAa,KAAA,CAAAe,OAAA,CAAA5B,GAAA,UAAAA,GAAA;AAkBnC,IAAM6B,GAAkB,GAAAC,OAAA,CAAAD,GAAA,GAAG,SAArBA,GAAkBA,CAAAE,IAAA,EAMzB;EAAA,IAAAC,iBAAA,EAAAC,qBAAA;EAAA,IALJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,cAAA,GAAAJ,IAAA,CACRK,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,MAAM,GAAAA,cAAA;IAClBE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,SAAS,GAAAP,IAAA,CAATO,SAAS;IAAAC,SAAA,GAAAR,IAAA,CACTS,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,MAAM,GAAAA,SAAA;EAEb,IAAAE,SAAA,GAA4B,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,GAAA5C,cAAA,CAAA0C,SAAA;IAAhCG,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,IAAAG,UAAA,GAAoC,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAAhD,cAAA,CAAA+C,UAAA;IAA5CE,UAAU,GAAAD,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAChC,IAAAG,UAAA,GAAwB,IAAAR,eAAQ,EAAU,QAAQ,CAAC;IAAAS,UAAA,GAAApD,cAAA,CAAAmD,UAAA;IAA5CE,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,IAAMG,WAAW,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMN,aAAa,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EAC9D,IAAMO,YAAY,GAAG,IAAAD,kBAAW,EAAC;IAAA,OAAMN,aAAa,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAEhE,IAAMQ,YAAY,GAAG,IAAAC,cAAO,EAAC,YAAM;IACjC,OAAOxB,QAAQ,GACVyB,eAAQ,CAACC,OAAO,CAAC1B,QAAQ,CAAC,CAA+B2B,GAAG,CAC3D,UAACC,IAAI;MAAA,IAAAC,WAAA;MAAA,OAAKD,IAAI,aAAJA,IAAI,gBAAAC,WAAA,GAAJD,IAAI,CAAEE,KAAK,cAAAD,WAAA,uBAAXA,WAAA,CAAanD,IAAI;IAAA,CAC7B,CAAC,GACD,EAAE;EACR,CAAC,EAAE,CAACsB,QAAQ,CAAC,CAAC;EAEd,IAAM+B,UAAU,GAAG,IAAAP,cAAO,EAAC,YAAM;IAC/B,OAAOD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,GAAG,CAAC,UAACjD,IAAI,EAAEsD,KAAK,EAAK;MACxC,OAAO;QAAEC,EAAE,EAAED,KAAK;QAAEtD,IAAI,EAAEA;MAAK,CAAC;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC6C,YAAY,CAAC,CAAC;EAElB,IAAMW,MAAM,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EACpD,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAqB,IAAI,CAAC;EAChD,IAAME,UAAU,GAAG,IAAAC,wBAAiB,EAACF,OAAO,CAAC;EAC7C,IAAMG,eAAe,GAAG,IAAAD,wBAAiB,EAACJ,MAAM,CAAC;EAEjD,IAAMM,WAAW,IAAA1C,iBAAA,GAAGuC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEI,KAAK,cAAA3C,iBAAA,cAAAA,iBAAA,GAAI,CAAC;EAC1C,IAAM4C,UAAU,IAAA3C,qBAAA,GAAGwC,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEE,KAAK,cAAA1C,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EAE9C,IAAA4C,UAAA,GAA0C,IAAAnC,eAAQ,EAACkC,UAAU,CAAC;IAAAE,UAAA,GAAA/E,cAAA,CAAA8E,UAAA;IAAvDE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAEtC,IAAAG,sBAAe,EAAC,YAAM;IACpB,IAAI7B,IAAI,KAAK,QAAQ,EAAE4B,gBAAgB,CAACJ,UAAU,CAAC;EACrD,CAAC,EAAE,CAACA,UAAU,EAAExB,IAAI,CAAC,CAAC;EAEtB,IAAM8B,OAAO,GAAG,IAAA3B,kBAAW,EACzB,UAAC1E,CAA4C,EAAK;IAChD,IAAIA,CAAC,CAACsG,OAAO,IAAItG,CAAC,CAACuG,OAAO,EAAE;MAC1B;IACF;IACA,IACEvG,CAAC,CAACwG,MAAM,IACRxG,CAAC,CAACyG,aAAa,CAACC,OAAO,CAACrB,KAAK,IAC7B,CAACrF,CAAC,CAACyG,aAAa,CAACC,OAAO,CAACC,QAAQ,EACjC;MACA,IAAMtB,MAAK,GAAGuB,MAAM,CAAC5G,CAAC,CAACyG,aAAa,CAACC,OAAO,CAACrB,KAAK,CAAC;MACnDrB,SAAS,CAACqB,MAAK,CAAC;MAChB,IAAI7B,QAAQ,EAAE;QACZA,QAAQ,CAAC6B,MAAK,CAAC;MACjB;IACF;EACF,CAAC,EACD,CAAC7B,QAAQ,CACX,CAAC;EAED,IAAMqD,iBAAiB,GAAG,IAAAnC,kBAAW,EACnC,UAACY,EAAE,EAAK;IACNtB,SAAS,CAACsB,EAAE,CAAC;IACb,IAAI9B,QAAQ,EAAE;MACZA,QAAQ,CAAC8B,EAAE,CAAC;IACd;EACF,CAAC,EACD,CAAC9B,QAAQ,CACX,CAAC;EAED,IAAAqB,cAAO,EAAC,YAAM;IACZC,eAAQ,CAACgC,OAAO,CACdzD,QAAQ,EACR,UAAC0D,KAAmB,EAAE1B,KAAK,EAAK;MAC9B,IAAI0B,KAAK,IAAIA,KAAK,CAAC5B,KAAK,CAACpB,MAAM,EAAE;QAC/BC,SAAS,CAACqB,KAAK,CAAC;MAClB;IACF,CACF,CAAC;EACH,CAAC,EAAE,CAAChC,QAAQ,CAAC,CAAC;EAEd,IAAM2D,WAAW,GAAG,IAAAnC,cAAO,EAAC,YAAM;IAChC,oBACE3F,MAAA,CAAAY,OAAA,CAAAmH,aAAA,CAACzH,QAAA,CAAA0H,iBAAiB,qBAChBhI,MAAA,CAAAY,OAAA,CAAAmH,aAAA,eAAOrC,YAAY,CAACb,MAAM,CAAQ,CAAC,eACnC7E,MAAA,CAAAY,OAAA,CAAAmH,aAAA,CAACvH,aAAA,CAAAyH,YAAY;MAACC,QAAQ,EAAEjD,UAAW;MAACkD,IAAI,EAAC;IAAc,CAAE,CACxC,CAAC;EAExB,CAAC,EAAE,CAACtD,MAAM,EAAEI,UAAU,EAAES,YAAY,CAAC,CAAC;EAEtC,IAAA0C,gBAAS,EAAC,YAAM;IACd,IAAI,CAAC/B,MAAM,CAACgC,OAAO,IAAI,CAAC9B,OAAO,CAAC8B,OAAO,EAAE;IAEzC,IAAIrB,aAAa,IAAIL,WAAW,EAAE;MAChCrB,OAAO,CAAC,UAAU,CAAC;IACrB,CAAC,MAAM;MACLA,OAAO,CAAC,QAAQ,CAAC;IACnB;EACF,CAAC,EAAE,CAAC0B,aAAa,EAAEL,WAAW,CAAC,CAAC;EAEhC,IAAI,CAACxC,QAAQ,EAAE;EAEf,oBACEnE,MAAA,CAAAY,OAAA,CAAAmH,aAAA,CAACzH,QAAA,CAAAgI,SAAS;IACR/D,SAAS,EAAE,IAAAgE,mBAAU,EAAC,OAAO,EAAEhE,SAAS,CAAE;IAC1CiE,MAAM,EAAEnE,SAAU;IAClBoE,KAAK,EAAEhE,IAAK;IACZiE,GAAG,EAAEnC;EAAQ,gBAEbvG,MAAA,CAAAY,OAAA,CAAAmH,aAAA,CAACzH,QAAA,CAAAqI,aAAa;IAACD,GAAG,EAAErC;EAAO,GACxBhB,IAAI,KAAK,QAAQ,IAChBO,eAAQ,CAACC,OAAO,CAAC1B,QAAQ,CAAC,CAAC2B,GAAG,CAAC,UAAC+B,KAAgB,EAAE1B,KAAa,EAAK;IAClE,IAAMyC,OAAO,GAAGf,KAAqB;IACrC,oBAAO,IAAAgB,mBAAY,EAACD,OAAO,EAAE;MAC3B/D,MAAM,EAAEsB,KAAK,KAAKtB,MAAM;MACxBJ,IAAI;MACJ0C,OAAO;MACP,YAAY,EAAEhB,KAAK;MACnB,eAAe,EAAEyC,OAAO,CAAC3C,KAAK,CAACwB;IACjC,CAAC,CAAC;EACJ,CAAC,CAAC,EACHpC,IAAI,KAAK,UAAU,gBAClBrF,MAAA,CAAAY,OAAA,CAAAmH,aAAA,CAAC1H,OAAA,CAAAyI,qBAAqB;IACpBjG,IAAI,EAAC,MAAM;IACXgC,MAAM,EAAE/B,KAAK,CAACC,IAAI,CAAC2C,YAAY,CAACqD,IAAI,CAAC,CAAC,CAAC,CAACC,OAAO,CAACnE,MAAM,CAAC,KAAK,CAAC,CAAE;IAC/DJ,IAAI,EAAEA;EAAK,gBAEXzE,MAAA,CAAAY,OAAA,CAAAmH,aAAA,CAACtH,OAAA,CAAAwI,MAAM;IACLC,QAAQ,EAAErE,MAAO;IACjByC,MAAM,EAAEQ,WAAY;IACpBqB,oBAAoB;IACpBC,OAAO,EAAElD,UAAW;IACpBb,IAAI,EAAC,QAAQ;IACbgE,IAAI,EAAC,QAAQ;IACbC,cAAc;IACdC,aAAa;IACbC,oBAAoB;IACpBC,QAAQ,EAAE9B,iBAAkB;IAC5B+B,YAAY,EAAEnE,WAAY;IAC1BoE,aAAa,EAAElE;EAAa,CAC7B,CACoB,CAAC,GACtB,IACS,CACN,CAAC;AAEhB,CAAC;AAED3B,GAAG,CAAC8F,WAAW,GAAG,KAAK"}

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

@@ -10,7 +10,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var StyledNav = exports.StyledNav = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNav",
   componentId: "sc-1khiypw-0"
-})(["", " height:100%;overflow:clip visible;", " ", " ", " ", ""], {
+})(["", " height:100%;width:100%;overflow:clip visible;", " ", " ", " ", ""], {
   "display": "flex"
 }, function (props) {
   return props.$align === "left" && (0, _styledComponents.css)(["", ""], {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNav","exports","styled","nav","withConfig","displayName","componentId","props","$align","css","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,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;AAUzC,IAAMY,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAC7B;EAAA;AAAQ,CAAC,EAIX,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,MAAM,QACvBC,qBAAG,YACG;IAAA;EAAiB,CAAC,CACvB;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,QAAQ,QACzBC,qBAAG,YACG;IAAA;EAAkB,CAAC,CACxB;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,OAAO,QACxBC,qBAAG,YACG;IAAA;EAAe,CAAC,CACrB;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,KAAK,OAAO,QACvBD,qBAAG,mBAEF;AAAA,EACJ;AAEDT,SAAS,CAACK,WAAW,GAAG,WAAW;AAE5B,IAAMM,aAAa,GAAAV,OAAA,CAAAU,aAAA,GAAGT,yBAAM,CAACU,EAAE,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAChC;EAAA;EAAA;EAAA;EAAA;AAAmC,CAAC,CAEzC;AAEDK,aAAa,CAACN,WAAW,GAAG,eAAe;AASpC,IAAMQ,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAGX,yBAAM,CAACY,EAAE,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAWzD,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACQ,SAAS,QAChBN,qBAAG,YACG;IAAA;EAAgB,CAAC,CACtB;AAAA,GAGH,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACS,OAAO,IACd,CAACT,KAAK,CAACQ,SAAS,QAChBN,qBAAG,YACG;IAAA;EAAkB,CAAC,CACxB;AAAA,GAIG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAQ7D,UAACF,KAAK;EAAA,OACNA,KAAK,CAACS,OAAO,QACbP,qBAAG,2BACG;IAAA;EAAuB,CAAC,EAEtB;IAAA;IAAA;EAAwB,CAAC,CAEhC;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACQ,SAAS,QACfN,qBAAG,YACG;IAAA;IAAA;IAAA;EAAmD,CAAC,CACzD;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,KAAK,OAAO,QACvBD,qBAAG,yGACG;IAAA;IAAA;EAAW,CAAC,CASjB;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACS,OAAO,QACbP,qBAAG,sBACG;IAAA;EAAgB,CAAC,EAEf;IAAA;EAAgB,CAAC,CAExB;AAAA,EACJ;AAEDI,iBAAiB,CAACR,WAAW,GAAG,mBAAmB;AAE5C,IAAMY,iBAAiB,GAAAhB,OAAA,CAAAgB,iBAAA,GAAGf,yBAAM,CAACgB,GAAG,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGAS1C;AAEDW,iBAAiB,CAACZ,WAAW,GAAG,mBAAmB;AAE5C,IAAMc,qBAAqB,GAAAlB,OAAA,CAAAkB,qBAAA,GAAGjB,yBAAM,CAACgB,GAAG,CAAAd,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEAQ3C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACG,KAAK,KAAK,OAAO,QACvBD,qBAAG,iBAEF;AAAA,EACJ;AAEDU,qBAAqB,CAACd,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNav","exports","styled","nav","withConfig","displayName","componentId","props","$align","css","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  width: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"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"}

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

@@ -22,7 +22,7 @@ export const StyledInfoBoxHeader = styled.div.withConfig({
   let {
     $hasTitle
   } = _ref3;
-  return $hasTitle ? "12px" : "none";
+  return $hasTitle ? "4px" : "none";
 });
 StyledInfoBoxHeader.displayName = "StyledInfoBoxHeader";
 export const StyledInfoBoxContainer = styled.div.withConfig({

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","StyledInfoBoxWrapper","div","withConfig","displayName","componentId","_ref","$color","$opacity","_ref2","StyledInfoBoxHeader","_ref3","$hasTitle","StyledInfoBoxContainer","SyledInfoBoxInnerHeader"],"sources":["../../../../src/components/InfoBox/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nexport const StyledInfoBoxWrapper = styled.div<{\n  $color: string;\n  $opacity: string;\n}>`\n  gap: 4px;\n  width: 100%;\n  border-radius: 8px;\n  padding-inline: 16px;\n  padding-block: 12px;\n  background-color: ${({ $color, $opacity }) => $color + $opacity};\n  border: 1px solid ${({ $color }) => $color};\n  position: relative;\n`;\nStyledInfoBoxWrapper.displayName = \"StyledInfoBoxWrapper\";\nexport const StyledInfoBoxHeader = styled.div<{\n  $hasTitle: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: ${({ $hasTitle }) => ($hasTitle ? \"12px\" : \"none\")};\n`;\nStyledInfoBoxHeader.displayName = \"StyledInfoBoxHeader\";\nexport const StyledInfoBoxContainer = styled.div`\n  display: flex;\n  justify-items: space-between;\n  width: 100%;\n  gap: 8px;\n`;\nStyledInfoBoxContainer.displayName = \"StyledInfoBoxContainer\";\nexport const SyledInfoBoxInnerHeader = styled.div`\n  display: flex;\n`;\nSyledInfoBoxInnerHeader.displayName = \"SyledInfoBoxInnerHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAO,MAAMC,oBAAoB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mJASxBC,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAAA,OAAKC,MAAM,GAAGC,QAAQ;AAAA,GAC3CC,KAAA;EAAA,IAAC;IAAEF;EAAO,CAAC,GAAAE,KAAA;EAAA,OAAKF,MAAM;AAAA,EAE3C;AACDN,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzD,OAAO,MAAMM,mBAAmB,GAAGV,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAMpCM,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OAAMC,SAAS,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,CACxD;AACDF,mBAAmB,CAACN,WAAW,GAAG,qBAAqB;AACvD,OAAO,MAAMS,sBAAsB,GAAGb,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAK/C;AACDQ,sBAAsB,CAACT,WAAW,GAAG,wBAAwB;AAC7D,OAAO,MAAMU,uBAAuB,GAAGd,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAEhD;AACDS,uBAAuB,CAACV,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["styled","StyledInfoBoxWrapper","div","withConfig","displayName","componentId","_ref","$color","$opacity","_ref2","StyledInfoBoxHeader","_ref3","$hasTitle","StyledInfoBoxContainer","SyledInfoBoxInnerHeader"],"sources":["../../../../src/components/InfoBox/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nexport const StyledInfoBoxWrapper = styled.div<{\n  $color: string;\n  $opacity: string;\n}>`\n  gap: 4px;\n  width: 100%;\n  border-radius: 8px;\n  padding-inline: 16px;\n  padding-block: 12px;\n  background-color: ${({ $color, $opacity }) => $color + $opacity};\n  border: 1px solid ${({ $color }) => $color};\n  position: relative;\n`;\nStyledInfoBoxWrapper.displayName = \"StyledInfoBoxWrapper\";\nexport const StyledInfoBoxHeader = styled.div<{\n  $hasTitle: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  gap: ${({ $hasTitle }) => ($hasTitle ? \"4px\" : \"none\")};\n`;\nStyledInfoBoxHeader.displayName = \"StyledInfoBoxHeader\";\nexport const StyledInfoBoxContainer = styled.div`\n  display: flex;\n  justify-items: space-between;\n  width: 100%;\n  gap: 8px;\n`;\nStyledInfoBoxContainer.displayName = \"StyledInfoBoxContainer\";\nexport const SyledInfoBoxInnerHeader = styled.div`\n  display: flex;\n`;\nSyledInfoBoxInnerHeader.displayName = \"SyledInfoBoxInnerHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAO,MAAMC,oBAAoB,GAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mJASxBC,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAAF,IAAA;EAAA,OAAKC,MAAM,GAAGC,QAAQ;AAAA,GAC3CC,KAAA;EAAA,IAAC;IAAEF;EAAO,CAAC,GAAAE,KAAA;EAAA,OAAKF,MAAM;AAAA,EAE3C;AACDN,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzD,OAAO,MAAMM,mBAAmB,GAAGV,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAMpCM,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OAAMC,SAAS,GAAG,KAAK,GAAG,MAAM;AAAA,CAAC,CACvD;AACDF,mBAAmB,CAACN,WAAW,GAAG,qBAAqB;AACvD,OAAO,MAAMS,sBAAsB,GAAGb,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAK/C;AACDQ,sBAAsB,CAACT,WAAW,GAAG,wBAAwB;AAC7D,OAAO,MAAMU,uBAAuB,GAAGd,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAEhD;AACDS,uBAAuB,CAACV,WAAW,GAAG,yBAAyB"}

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

@@ -1,25 +1,17 @@
 import { ReactElement, FC } from "react";
 import { ItemProps } from "./Item/Item";
-type NavType = "inline" | "dropdown";
 export type NavAlignType = "left" | "center" | "right";
 export type NavRoleType = "bold" | "light";
 export interface INavProps {
-    children: ReactElement<ItemProps>[];
+    children?: ReactElement<ItemProps>[];
     /** Function for changing active navs. */
     onSelect?: (index: number) => void;
-    /** Function triggered when option in More... is selected */
-    onMoreOptionSelect?: (index: number) => void;
     /** Aligment of nav component. */
     alignment?: NavAlignType;
     /** CSS classes. */
     className?: string;
     /** Role of nav component. */
     role?: NavRoleType;
-    /** Label for More... item */
-    moreLabel?: string;
-    /** Nav type */
-    type?: NavType;
 }
 export declare const Nav: FC<INavProps>;
-export {};
 //# sourceMappingURL=Nav.d.ts.map

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;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAaxC,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"}
+{"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;AAIf,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,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,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;IACrC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iCAAiC;IACjC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,mBAAmB;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,SAAS,CAoJ7B,CAAC"}