@activecollab/components 1.0.4 → 1.0.8

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":["StyledMenuSelectorDots","TreeDotsIcon","displayName","StyledMenuSelectorBack","ArrowBackIcon","StyledMenuSelector","styled","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,sBAAsB,GAAG,+BAAOC,iBAAP,CAAH;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;;AAIPD,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AAEO,IAAMC,sBAAsB,GAAG,+BAAOC,kBAAP,CAAH;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;;AAIPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMG,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,gDAC3BC,8BAD2B,EAE3BC,oBAF2B,CAAxB;;;AAOPJ,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMQ,uBAAuB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B,CAA7B;;;AAIPG,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowBackIcon from \"../Icons/collection/ArrowBack\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowBackIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/cjs/components/Modal/Modal.js

@@ -0,0 +1,134 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Window = require("../Window");
+
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+
+var _createChainedFunction = _interopRequireDefault(require("../../utils/createChainedFunction"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var getHasTransition = function getHasTransition(children) {
+  return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
+};
+
+var Modal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$disableFocusLock = _ref.disableFocusLock,
+      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+      _ref$disableScrollLoc = _ref.disableScrollLock,
+      disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+      _ref$disableBackgroun = _ref.disableBackgroundClick,
+      disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+      _ref$disableBackgroun2 = _ref.disableBackgroundColor,
+      disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+      _ref$open = _ref.open,
+      defaultOpen = _ref$open === void 0 ? false : _ref$open,
+      onClose = _ref.onClose,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(defaultOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      exited = _useState4[0],
+      setExited = _useState4[1];
+
+  var innerRef = (0, _react.useRef)(null);
+  var handleRef = (0, _useForkRef.default)(innerRef, ref);
+  var hasTransition = (0, _react.useMemo)(function () {
+    return getHasTransition(children);
+  }, [children]);
+  (0, _react.useEffect)(function () {
+    setOpen(defaultOpen);
+  }, [defaultOpen]);
+  var handleClose = (0, _react.useCallback)(function () {
+    setOpen(false);
+
+    if (!hasTransition) {
+      typeof onClose === "function" && onClose();
+    }
+  }, [hasTransition, onClose]);
+  var handleBackgroundClick = (0, _react.useCallback)(function (event) {
+    if (!disableBackgroundClick) {
+      event.preventDefault();
+      handleClose();
+    }
+  }, [disableBackgroundClick, handleClose]);
+  var handleEnter = (0, _react.useCallback)(function () {
+    setExited(false);
+  }, []);
+  var handleExited = (0, _react.useCallback)(function () {
+    setExited(true);
+    typeof onClose === "function" && onClose();
+  }, [onClose]);
+  var childProps = (0, _react.useMemo)(function () {
+    var props = {}; // It's a Transition like component
+
+    if (hasTransition && children) {
+      props = {
+        onEnter: (0, _createChainedFunction.default)(handleEnter, children.props.onEnter),
+        onExited: (0, _createChainedFunction.default)(handleExited, children.props.onExited),
+        in: open
+      };
+    }
+
+    return props;
+  }, [children, handleEnter, handleExited, hasTransition, open]);
+
+  if (!open && (!hasTransition || exited)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Window.Window, _extends({}, rest, {
+    ref: handleRef,
+    onClose: handleClose,
+    disableFocusLock: disableFocusLock,
+    disableScrollLock: disableScrollLock
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledModalOverlay, {
+    onClick: handleBackgroundClick,
+    $disableBackgroundColor: disableBackgroundColor,
+    $open: open
+  }), /*#__PURE__*/(0, _react.cloneElement)(children, childProps));
+});
+exports.Modal = Modal;
+Modal.displayName = "Modal";
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"names":["getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","open","defaultOpen","onClose","rest","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","displayName"],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\nimport { Window } from \"../Window\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport { StyledModalOverlay } from \"./Styles\";\n\ninterface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      open: defaultOpen = false,\n      onClose,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          handleClose();\n        }\n      },\n      [disableBackgroundClick, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n      >\n        <StyledModalOverlay\n          onClick={handleBackgroundClick}\n          $disableBackgroundColor={disableBackgroundColor}\n          $open={open}\n        />\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"file":"Modal.js"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledModalOverlay = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Overlay = require("../Overlay");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledModalOverlay = (0, _styledComponents.default)(_Overlay.Overlay).withConfig({
+  displayName: "Styles__StyledModalOverlay",
+  componentId: "sc-1elktgs-0"
+})(["", " ", ""], function (props) {
+  return !props.$open && (0, _styledComponents.css)(["", ""], {
+    "display": "none"
+  });
+}, function (props) {
+  return !props.$disableBackgroundColor && (0, _styledComponents.css)(["background:var(--modal-background);"]);
+});
+exports.StyledModalOverlay = StyledModalOverlay;
+StyledModalOverlay.displayName = "StyledModalOverlay";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Modal/Styles.ts"],"names":["StyledModalOverlay","Overlay","props","$open","css","$disableBackgroundColor","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAEO,IAAMA,kBAAkB,GAAG,+BAAOC,gBAAP,CAAH;AAAA;AAAA;AAAA,kBAI3B,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,KAAP,QACAC,qBADA,YAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAJ2B,EAU3B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,uBAAP,QACAD,qBADA,0CADA;AAAA,CAV2B,CAAxB;;AAiBPJ,kBAAkB,CAACM,WAAnB,GAAiC,oBAAjC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Overlay } from \"../Overlay\";\n\nexport const StyledModalOverlay = styled(Overlay)<{\n  $open: boolean;\n  $disableBackgroundColor: boolean;\n}>`\n  ${(props) =>\n    !props.$open &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n    `}\n`;\n\nStyledModalOverlay.displayName = \"StyledModalOverlay\";\n"],"file":"Styles.js"}

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

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

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

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

package/dist/cjs/components/MultiAvatar/MultiAvatar.js

@@ -0,0 +1,89 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiAvatar = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Styles = require("./Styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var MultiAvatar = function MultiAvatar(_ref) {
+  var url = _ref.url,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size,
+      className = _ref.className;
+  var setSize = (0, _react.useCallback)(function (i) {
+    switch (url.length) {
+      case 1:
+        return {
+          width: "".concat(size, "px"),
+          height: "".concat(size, "px")
+        };
+
+      case 2:
+        return {
+          width: "".concat(size / 2, "px"),
+          height: "".concat(size, "px")
+        };
+
+      case 3:
+        if (i === 0) {
+          return {
+            width: "".concat(size / 2, "px"),
+            height: "".concat(size, "px")
+          };
+        } else {
+          return {
+            width: "".concat(size / 2, "px"),
+            height: "".concat(size / 2, "px")
+          };
+        }
+
+      default:
+        return {
+          width: "".concat(size / 2, "px"),
+          height: "".concat(size / 2, "px")
+        };
+    }
+  }, [size, url.length]);
+  var slicedUrl = (0, _react.useMemo)(function () {
+    if ((url === null || url === void 0 ? void 0 : url.length) > 4) {
+      return url.slice(0, 4);
+    }
+
+    return url;
+  }, [url]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMultiAvatar, {
+    style: {
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px")
+    },
+    className: className,
+    $urlCount: url.length
+  }, slicedUrl.map(function (v, i) {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledMultiAvatarInner, {
+      style: setSize(i),
+      className: "c-multi-avatar__wrapper",
+      key: "avatar_".concat(i)
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: v,
+      alt: alt[i] ? alt[i] : "avatar_".concat(i),
+      width: size,
+      height: size
+    }));
+  }));
+};
+
+exports.MultiAvatar = MultiAvatar;
+MultiAvatar.displayName = "MultiAvatar";
+//# sourceMappingURL=MultiAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":["MultiAvatar","url","alt","size","className","setSize","i","length","width","height","slicedUrl","slice","map","v","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAaO,IAAMA,WAA6B,GAAG,SAAhCA,WAAgC,OAKvC;AAAA,MAJJC,GAII,QAJJA,GAII;AAAA,sBAHJC,GAGI;AAAA,MAHJA,GAGI,yBAHE,cAGF;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,EAEH;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAG,wBACd,UAACC,CAAD,EAAuB;AACrB,YAAQL,GAAG,CAACM,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,YAAKL,IAAL,OAAP;AAAsBM,UAAAA,MAAM,YAAKN,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEK,UAAAA,KAAK,YAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,YAAKN,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAIG,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,YAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,YAAKN,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEK,YAAAA,KAAK,YAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,YAAKN,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEK,UAAAA,KAAK,YAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,YAAKN,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBa,EAiBd,CAACA,IAAD,EAAOF,GAAG,CAACM,MAAX,CAjBc,CAAhB;AAoBA,MAAMG,SAAS,GAAG,oBAAQ,YAAM;AAC9B,QAAI,CAAAT,GAAG,SAAH,IAAAA,GAAG,WAAH,YAAAA,GAAG,CAAEM,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAON,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOV,GAAP;AACD,GANiB,EAMf,CAACA,GAAD,CANe,CAAlB;AAQA,sBACE,6BAAC,yBAAD;AACE,IAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,YAAKL,IAAL,OAAP;AAAsBM,MAAAA,MAAM,YAAKN,IAAL;AAA5B,KADT;AAEE,IAAA,SAAS,EAAEC,SAFb;AAGE,IAAA,SAAS,EAAEH,GAAG,CAACM;AAHjB,KAKGG,SAAS,CAACE,GAAV,CAAc,UAACC,CAAD,EAAIP,CAAJ;AAAA,wBACb,6BAAC,8BAAD;AACE,MAAA,KAAK,EAAED,OAAO,CAACC,CAAD,CADhB;AAEE,MAAA,SAAS,EAAC,yBAFZ;AAGE,MAAA,GAAG,mBAAYA,CAAZ;AAHL,oBAKE;AACE,MAAA,GAAG,EAAEO,CADP;AAEE,MAAA,GAAG,EAAEX,GAAG,CAACI,CAAD,CAAH,GAASJ,GAAG,CAACI,CAAD,CAAZ,oBAA4BA,CAA5B,CAFP;AAGE,MAAA,KAAK,EAAEH,IAHT;AAIE,MAAA,MAAM,EAAEA;AAJV,MALF,CADa;AAAA,GAAd,CALH,CADF;AAsBD,CAxDM;;;AA0DPH,WAAW,CAACc,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\ninterface IMultiAvatar {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const MultiAvatar: FC<IMultiAvatar> = ({\n  url,\n  alt = \"Avatar Image\",\n  size = 24,\n  className,\n}) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <StyledMultiAvatar\n      style={{ width: `${size}px`, height: `${size}px` }}\n      className={className}\n      $urlCount={url.length}\n    >\n      {slicedUrl.map((v, i) => (\n        <StyledMultiAvatarInner\n          style={setSize(i)}\n          className=\"c-multi-avatar__wrapper\"\n          key={`avatar_${i}`}\n        >\n          <img\n            src={v}\n            alt={alt[i] ? alt[i] : `avatar_${i}`}\n            width={size}\n            height={size}\n          />\n        </StyledMultiAvatarInner>\n      ))}\n    </StyledMultiAvatar>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"file":"MultiAvatar.js"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMultiAvatarInner = exports.StyledMultiAvatar = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledMultiAvatarImg = (0, _styledComponents.css)(["width:inherit;height:inherit;"]);
+
+var StyledMultiAvatarInner = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMultiAvatarInner",
+  componentId: "sc-k6nldn-0"
+})(["overflow:hidden;position:absolute;"]);
+
+exports.StyledMultiAvatarInner = StyledMultiAvatarInner;
+
+var StyledMultiAvatar = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMultiAvatar",
+  componentId: "sc-k6nldn-1"
+})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$urlCount === 2 && (0, _styledComponents.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 && (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);
+}, function (props) {
+  return 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);
+});
+
+exports.StyledMultiAvatar = StyledMultiAvatar;
+StyledMultiAvatar.displayName = "StyledMultiAvatar";
+StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"names":["StyledMultiAvatarImg","css","StyledMultiAvatarInner","styled","div","StyledMultiAvatar","BoxSizingStyle","props","$urlCount","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,oBAAoB,OAAGC,qBAAH,oCAA1B;;AAKO,IAAMC,sBAAsB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,0CAA5B;;;;AAKA,IAAMC,iBAAiB,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,iFAC1BE,8BAD0B,EAO1B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,QACAP,qBADA,0HAEIC,sBAFJ,EAQIA,sBARJ,CADA;AAAA,CAP0B,EAwB1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,QACAP,qBADA,yJAEIC,sBAFJ,EAQIA,sBARJ,EAaQF,oBAbR,EAgBIE,sBAhBJ,EAqBQF,oBArBR,CADA;AAAA,CAxB0B,EAmD1B,UAACO,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,GAAkB,CAAlB,QACAP,qBADA,mJAGMD,oBAHN,EAKIE,sBALJ,EAQIA,sBARJ,EAYIA,sBAZJ,EAgBIA,sBAhBJ,CADA;AAAA,CAnD0B,CAAvB;;;AA2EPG,iBAAiB,CAACI,WAAlB,GAAgC,mBAAhC;AACAP,sBAAsB,CAACO,WAAvB,GAAqC,wBAArC","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`;\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"],"file":"Styles.js"}

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

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

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Styles = require("../Styles");
+
+var _excluded = ["children", "active", "disabled", "className", "role"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Item = /*#__PURE__*/_react.default.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 = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItem, _extends({
+    className: (0, _classnames.default)("c-nav__item", {
+      "c-nav__item--active": active
+    }, className),
+    ref: ref
+  }, rest, {
+    $active: active,
+    $disabled: disabled,
+    $role: role
+  }), children);
+});
+
+exports.Item = Item;
+Item.displayName = "Item";
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"names":["Item","React","forwardRef","ref","children","active","disabled","className","role","rest","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;AAcO,IAAMA,IAAI,gBAAGC,eAAMC,UAAN,CAIlB,gBAEEC,GAFF,EAGK;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,yBAFSC,MAET;AAAA,MAFSA,MAET,4BAFkB,KAElB;AAAA,2BAFyBC,QAEzB;AAAA,MAFyBA,QAEzB,8BAFoC,KAEpC;AAAA,MAF2CC,SAE3C,QAF2CA,SAE3C;AAAA,MAFsDC,IAEtD,QAFsDA,IAEtD;AAAA,MAF+DC,IAE/D;;AACH,sBACE,6BAAC,yBAAD;AACE,IAAA,SAAS,EAAE,wCAET;AACE,6BAAuBJ;AADzB,KAFS,EAKTE,SALS,CADb;AAQE,IAAA,GAAG,EAAEJ;AARP,KASMM,IATN;AAUE,IAAA,OAAO,EAAEJ,MAVX;AAWE,IAAA,SAAS,EAAEC,QAXb;AAYE,IAAA,KAAK,EAAEE;AAZT,MAcGJ,QAdH,CADF;AAkBD,CA1BiB,CAAb;;;AA6BPJ,IAAI,CAACU,WAAL,GAAmB,MAAnB","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"],"file":"Item.js"}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledNavListItemMore = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Item = require("./Item");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledNavListItemMore = (0, _styledComponents.default)(_Item.Item).withConfig({
+  displayName: "Styles__StyledNavListItemMore",
+  componentId: "sc-m6npdq-0"
+})(["", " cursor:pointer;", ""], function (props) {
+  return props.role !== "light" && (0, _styledComponents.css)(["padding:0;"]);
+}, {
+  "pointerEvents": "auto"
+});
+exports.StyledNavListItemMore = StyledNavListItemMore;
+StyledNavListItemMore.displayName = "StyledNavListItemMore";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"names":["StyledNavListItemMore","Item","props","role","css","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAEO,IAAMA,qBAAqB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,iCAC9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,QACAC,qBADA,iBADA;AAAA,CAD8B,EAO5B;AAAA;AAAA,CAP4B,CAA3B;;AAUPJ,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC","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"],"file":"Styles.js"}

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

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

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

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