@activecollab/components 1.0.205 → 1.0.207

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Modal/Modal.tsx"],"names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","Window","useForkRef","createChainedFunction","Overlay","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","disableCloseOnEsc","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 { Overlay } from \"../Overlay\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: 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      disableCloseOnEsc = 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        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"file":"Modal.js"}
+{"version":3,"file":"Modal.js","names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","Window","useForkRef","createChainedFunction","Overlay","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","disableCloseOnEsc","open","defaultOpen","onClose","rest","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"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 { Overlay } from \"../Overlay\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: 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      disableCloseOnEsc = 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        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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"}

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

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

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

@@ -2,11 +2,11 @@ import React, { useCallback, useMemo } from "react";
 import { StyledMultiAvatar, StyledMultiAvatarInner } from "./Styles";
 export 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;
+    _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 = useCallback(function (i) {
     switch (url.length) {
       case 1:
@@ -14,13 +14,11 @@ export var MultiAvatar = function MultiAvatar(_ref) {
           width: size + "px",
           height: size + "px"
         };
-
       case 2:
         return {
           width: size / 2 + "px",
           height: size + "px"
         };
-
       case 3:
         if (i === 0) {
           return {
@@ -33,7 +31,6 @@ export var MultiAvatar = function MultiAvatar(_ref) {
             height: size / 2 + "px"
           };
         }
-
       default:
         return {
           width: size / 2 + "px",
@@ -45,7 +42,6 @@ export var MultiAvatar = function MultiAvatar(_ref) {
     if ((url == null ? void 0 : url.length) > 4) {
       return url.slice(0, 4);
     }
-
     return url;
   }, [url]);
   return /*#__PURE__*/React.createElement(StyledMultiAvatar, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","url","alt","size","className","setSize","i","length","width","height","slicedUrl","slice","map","v","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,WAApB,EAAiCC,OAAjC,QAAgD,OAAhD;AACA,SAASC,iBAAT,EAA4BC,sBAA5B,QAA0D,UAA1D;AAaA,OAAO,IAAMC,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,GAAGT,WAAW,CACzB,UAACU,CAAD,EAAuB;AACrB,YAAQL,GAAG,CAACM,MAAZ;AACE,WAAK,CAAL;AACE,eAAO;AAAEC,UAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,UAAAA,MAAM,EAAKN,IAAL;AAA5B,SAAP;;AACF,WAAK,CAAL;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAL;AAAhC,SAAP;;AACF,WAAK,CAAL;AACE,YAAIG,CAAC,KAAK,CAAV,EAAa;AACX,iBAAO;AAAEE,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAL;AAAhC,WAAP;AACD,SAFD,MAEO;AACL,iBAAO;AAAEK,YAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,YAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,WAAP;AACD;;AACH;AACE,eAAO;AAAEK,UAAAA,KAAK,EAAKL,IAAI,GAAG,CAAZ,OAAP;AAA0BM,UAAAA,MAAM,EAAKN,IAAI,GAAG,CAAZ;AAAhC,SAAP;AAZJ;AAcD,GAhBwB,EAiBzB,CAACA,IAAD,EAAOF,GAAG,CAACM,MAAX,CAjByB,CAA3B;AAoBA,MAAMG,SAAS,GAAGb,OAAO,CAAC,YAAM;AAC9B,QAAI,CAAAI,GAAG,QAAH,YAAAA,GAAG,CAAEM,MAAL,IAAc,CAAlB,EAAqB;AACnB,aAAON,GAAG,CAACU,KAAJ,CAAU,CAAV,EAAa,CAAb,CAAP;AACD;;AAED,WAAOV,GAAP;AACD,GANwB,EAMtB,CAACA,GAAD,CANsB,CAAzB;AAQA,sBACE,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAE;AAAEO,MAAAA,KAAK,EAAKL,IAAL,OAAP;AAAsBM,MAAAA,MAAM,EAAKN,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,oBAAC,sBAAD;AACE,MAAA,KAAK,EAAED,OAAO,CAACC,CAAD,CADhB;AAEE,MAAA,SAAS,EAAC,yBAFZ;AAGE,MAAA,GAAG,cAAYA;AAHjB,oBAKE;AACE,MAAA,GAAG,EAAEO,CADP;AAEE,MAAA,GAAG,EAAEX,GAAG,CAACI,CAAD,CAAH,GAASJ,GAAG,CAACI,CAAD,CAAZ,eAA4BA,CAFnC;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\nexport interface 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"}
+{"version":3,"file":"MultiAvatar.js","names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","url","alt","size","className","setSize","i","length","width","height","slicedUrl","slice","map","v","displayName"],"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\nexport interface 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"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvD,SAASC,iBAAiB,EAAEC,sBAAsB,QAAQ,UAAU;AAapE,OAAO,IAAMC,WAA6B,GAAG,SAAhCA,WAA6B,OAKpC;EAAA,IAJJC,GAAG,QAAHA,GAAG;IAAA,gBACHC,GAAG;IAAHA,GAAG,yBAAG,cAAc;IAAA,iBACpBC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IACTC,SAAS,QAATA,SAAS;EAET,IAAMC,OAAO,GAAGT,WAAW,CACzB,UAACU,CAAS,EAAa;IACrB,QAAQL,GAAG,CAACM,MAAM;MAChB,KAAK,CAAC;QACJ,OAAO;UAAEC,KAAK,EAAKL,IAAI,OAAI;UAAEM,MAAM,EAAKN,IAAI;QAAK,CAAC;MACpD,KAAK,CAAC;QACJ,OAAO;UAAEK,KAAK,EAAKL,IAAI,GAAG,CAAC,OAAI;UAAEM,MAAM,EAAKN,IAAI;QAAK,CAAC;MACxD,KAAK,CAAC;QACJ,IAAIG,CAAC,KAAK,CAAC,EAAE;UACX,OAAO;YAAEE,KAAK,EAAKL,IAAI,GAAG,CAAC,OAAI;YAAEM,MAAM,EAAKN,IAAI;UAAK,CAAC;QACxD,CAAC,MAAM;UACL,OAAO;YAAEK,KAAK,EAAKL,IAAI,GAAG,CAAC,OAAI;YAAEM,MAAM,EAAKN,IAAI,GAAG,CAAC;UAAK,CAAC;QAC5D;MACF;QACE,OAAO;UAAEK,KAAK,EAAKL,IAAI,GAAG,CAAC,OAAI;UAAEM,MAAM,EAAKN,IAAI,GAAG,CAAC;QAAK,CAAC;IAAC;EAEjE,CAAC,EACD,CAACA,IAAI,EAAEF,GAAG,CAACM,MAAM,CAAC,CACnB;EAED,IAAMG,SAAS,GAAGb,OAAO,CAAC,YAAM;IAC9B,IAAI,CAAAI,GAAG,oBAAHA,GAAG,CAAEM,MAAM,IAAG,CAAC,EAAE;MACnB,OAAON,GAAG,CAACU,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB;IAEA,OAAOV,GAAG;EACZ,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAET,oBACE,oBAAC,iBAAiB;IAChB,KAAK,EAAE;MAAEO,KAAK,EAAKL,IAAI,OAAI;MAAEM,MAAM,EAAKN,IAAI;IAAK,CAAE;IACnD,SAAS,EAAEC,SAAU;IACrB,SAAS,EAAEH,GAAG,CAACM;EAAO,GAErBG,SAAS,CAACE,GAAG,CAAC,UAACC,CAAC,EAAEP,CAAC;IAAA,oBAClB,oBAAC,sBAAsB;MACrB,KAAK,EAAED,OAAO,CAACC,CAAC,CAAE;MAClB,SAAS,EAAC,yBAAyB;MACnC,GAAG,cAAYA;IAAI,gBAEnB;MACE,GAAG,EAAEO,CAAE;MACP,GAAG,EAAEX,GAAG,CAACI,CAAC,CAAC,GAAGJ,GAAG,CAACI,CAAC,CAAC,eAAaA,CAAI;MACrC,KAAK,EAAEH,IAAK;MACZ,MAAM,EAAEA;IAAK,EACb,CACqB;EAAA,CAC1B,CAAC,CACgB;AAExB,CAAC;AAEDH,WAAW,CAACc,WAAW,GAAG,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","StyledMultiAvatar","props","$urlCount","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,IAAMC,oBAAoB,GAAGF,GAAH,mCAA1B;AAKA,OAAO,IAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,0CAA5B;AAKP,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,iFAC1BH,cAD0B,EAO1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,yHAEIG,sBAFJ,EAQIA,sBARJ,CADA;AAAA,CAP0B,EAwB1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,KAAoB,CAApB,IACAP,GADA,wJAEIG,sBAFJ,EAQIA,sBARJ,EAaQD,oBAbR,EAgBIC,sBAhBJ,EAqBQD,oBArBR,CADA;AAAA,CAxB0B,EAmD1B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,SAAN,GAAkB,CAAlB,IACAP,GADA,kJAGME,oBAHN,EAKIC,sBALJ,EAQIA,sBARJ,EAYIA,sBAZJ,EAgBIA,sBAhBJ,CADA;AAAA,CAnD0B,CAAvB;AA2EPE,iBAAiB,CAACG,WAAlB,GAAgC,mBAAhC;AACAL,sBAAsB,CAACK,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"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","StyledMultiAvatar","props","$urlCount","displayName"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,IAAMC,oBAAoB,GAAGF,GAAG,mCAG/B;AAED,OAAO,IAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,0CAG/C;AAED,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,iFACvCH,cAAc,EAMd,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBP,GAAG,yHACCG,sBAAsB,EAMtBA,sBAAsB,CAMzB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBP,GAAG,wJACCG,sBAAsB,EAMtBA,sBAAsB,EAKlBD,oBAAoB,EAGxBC,sBAAsB,EAKlBD,oBAAoB,CAG3B;AAAA,GAED,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,SAAS,GAAG,CAAC,IACnBP,GAAG,kJAEGE,oBAAoB,EAEtBC,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB;AAAA,EACJ;AAEDE,iBAAiB,CAACG,WAAW,GAAG,mBAAmB;AACnDL,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}

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

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

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

@@ -6,14 +6,13 @@ import React from "react";
 import { StyledNavListItem } from "../Styles";
 export var Item = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      className = _ref.className,
-      role = _ref.role,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
+    role = _ref.role,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledNavListItem, _extends({
     className: classNames("c-nav__item", {
       "c-nav__item--active": active

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"names":["classNames","React","StyledNavListItem","Item","forwardRef","ref","children","active","disabled","className","role","rest","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkC,OAAlC;AAEA,SAASC,iBAAT,QAAkC,WAAlC;AAcA,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,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,oBAAC,iBAAD;AACE,IAAA,SAAS,EAAEX,UAAU,gBAEnB;AACE,6BAAuBO;AADzB,KAFmB,EAKnBE,SALmB,CADvB;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;AA6BPH,IAAI,CAACS,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"}
+{"version":3,"file":"Item.js","names":["classNames","React","StyledNavListItem","Item","forwardRef","ref","children","active","disabled","className","role","rest","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactChild } from \"react\";\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";;;AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAsB,OAAO;AAEzC,SAASC,iBAAiB,QAAQ,WAAW;AAc7C,OAAO,IAAMC,IAAI,gBAAGF,KAAK,CAACG,UAAU,CAIlC,gBAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAEC,IAAI,QAAJA,IAAI;IAAKC,IAAI;EAGtE,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAEX,UAAU,gBAEnB;MACE,qBAAqB,EAAEO;IACzB,CAAC,EACDE,SAAS,CACT;IACF,GAAG,EAAEJ;EAAI,GACLM,IAAI;IACR,OAAO,EAAEJ,MAAO;IAChB,SAAS,EAAEC,QAAS;IACpB,KAAK,EAAEE;EAAK,IAEXJ,QAAQ,CACS;AAExB,CAAC,CACF;AAEDH,IAAI,CAACS,WAAW,GAAG,MAAM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"names":["styled","css","Item","StyledNavListItemMore","props","role","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,IAAT,QAAqB,QAArB;AAEA,OAAO,IAAMC,qBAAqB,GAAGH,MAAM,CAACE,IAAD,CAAT;AAAA;AAAA;AAAA,iCAC9B,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,IACAJ,GADA,gBADA;AAAA,CAD8B,EAO5B;AAAA;AAAA,CAP4B,CAA3B;AAUPE,qBAAqB,CAACG,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"}
+{"version":3,"file":"Styles.js","names":["styled","css","Item","StyledNavListItemMore","props","role","displayName"],"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,OAAO,IAAMC,qBAAqB,GAAGH,MAAM,CAACE,IAAI,CAAC;EAAA;EAAA;AAAA,iCAC7C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBJ,GAAG,gBAEF;AAAA,GAEC;EAAA;AAAuB,CAAC,CAC7B;AAEDE,qBAAqB,CAACG,WAAW,GAAG,uBAAuB"}

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

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

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

@@ -1,9 +1,6 @@
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import React, { useState, useRef, useCallback, useEffect, useLayoutEffect, useMemo, Children, cloneElement } from "react";
 import classNames from "classnames";
 import ResizeObserver from "resize-observer-polyfill";
@@ -14,49 +11,40 @@ import { StyledNavListItemMore } from "./Item/Styles";
 import { ExpandSingle } from "../Expanders/ExpandSingle";
 export var Nav = function Nav(_ref) {
   var children = _ref.children,
-      _ref$alignment = _ref.alignment,
-      alignment = _ref$alignment === void 0 ? "left" : _ref$alignment,
-      onSelect = _ref.onSelect,
-      onMoreOptionSelect = _ref.onMoreOptionSelect,
-      className = _ref.className,
-      _ref$role = _ref.role,
-      role = _ref$role === void 0 ? "bold" : _ref$role,
-      moreLabel = _ref.moreLabel,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "inline" : _ref$type;
-
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? "left" : _ref$alignment,
+    onSelect = _ref.onSelect,
+    onMoreOptionSelect = _ref.onMoreOptionSelect,
+    className = _ref.className,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? "bold" : _ref$role,
+    moreLabel = _ref.moreLabel,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "inline" : _ref$type;
   var _useState = useState(0),
-      active = _useState[0],
-      setActive = _useState[1];
-
+    active = _useState[0],
+    setActive = _useState[1];
   var _useState2 = useState([]),
-      visibleTabIndexes = _useState2[0],
-      setVisibleTabIndexes = _useState2[1];
-
+    visibleTabIndexes = _useState2[0],
+    setVisibleTabIndexes = _useState2[1];
   var _useState3 = useState(false),
-      measuringRender = _useState3[0],
-      setMeasuringRender = _useState3[1];
-
+    measuringRender = _useState3[0],
+    setMeasuringRender = _useState3[1];
   var _useState4 = useState(false),
-      moreVisible = _useState4[0],
-      setMoreVisible = _useState4[1];
-
+    moreVisible = _useState4[0],
+    setMoreVisible = _useState4[1];
   var _useState5 = useState(false),
-      renderNavAsSelect = _useState5[0],
-      setRenderNavAsSelect = _useState5[1];
-
+    renderNavAsSelect = _useState5[0],
+    setRenderNavAsSelect = _useState5[1];
   var _useState6 = useState([]),
-      options = _useState6[0],
-      setOptions = _useState6[1];
-
+    options = _useState6[0],
+    setOptions = _useState6[1];
   var _useState7 = useState(false),
-      moreOpened = _useState7[0],
-      setMoreOpened = _useState7[1];
-
+    moreOpened = _useState7[0],
+    setMoreOpened = _useState7[1];
   var _useState8 = useState(false),
-      isMounted = _useState8[0],
-      setIsMounted = _useState8[1];
-
+    isMounted = _useState8[0],
+    setIsMounted = _useState8[1];
   var navItemNames = useMemo(function () {
     return children.map(function (item) {
       return item.props.name;
@@ -69,21 +57,19 @@ export var Nav = function Nav(_ref) {
         name: name
       };
     });
-  }, [navItemNames]); // REFS
+  }, [navItemNames]);
 
+  // REFS
   var navRef = useRef(null);
   var navItemsRefs = useRef({});
   var moreItemRef = useRef(null);
   var onClick = useCallback(function (e) {
     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]);
@@ -97,57 +83,51 @@ export var Nav = function Nav(_ref) {
   useLayoutEffect(function () {
     if (type === "inline" && measuringRender && isMounted) {
       var _navRef$current;
-
       var containerWidth = ((_navRef$current = navRef.current) == null ? void 0 : _navRef$current.offsetWidth) || 0;
       var itemsWidth = Object.values(navItemsRefs.current).reduce(function (acc, item) {
         var itemEl = item;
         return acc + (itemEl ? itemEl.offsetWidth : 0);
-      }, 0); // all tabs are visible
+      }, 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 ? void 0 : _moreItemRef$current.offsetWidth) || 0;
-        var firstItemWidth = navItemsRefs.current[0].offsetWidth; // collapse Nav to Select, there is no enough room
+        var firstItemWidth = navItemsRefs.current[0].offsetWidth;
 
+        // collapse Nav to Select, there is no enough room
         if (containerWidth < moreItemWidth + firstItemWidth) {
           setVisibleTabIndexes([]);
-
           var _options2 = navItemNames.map(function (name, index) {
             return {
               id: index,
               name: name
             };
           });
-
           setOptions(_options2);
           setRenderNavAsSelect(true);
           setMoreVisible(false);
           return setMeasuringRender(false);
-        } // item(s) + More...
-
+        }
 
+        // 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 _options = navItemNames.map(function (name, index) {
           return {
             id: index,
@@ -156,7 +136,6 @@ export var Nav = function Nav(_ref) {
         }).filter(function (item) {
           return !visible.includes(item.id);
         });
-
         setOptions(_options);
         setRenderNavAsSelect(false);
         setMeasuringRender(false);
@@ -173,8 +152,9 @@ export var Nav = function Nav(_ref) {
         window.removeEventListener("resize", handleResize);
       };
     }
-  }, [type]); // we are using observer to solve the problem of the initial rendering
+  }, [type]);
 
+  // we are using observer to solve the problem of the initial rendering
   useEffect(function () {
     if (type === "inline" && navRef.current) {
       var resizeObserver = new ResizeObserver(function (entries) {
@@ -182,8 +162,7 @@ export var Nav = function Nav(_ref) {
           var entry = _step.value;
           var contentRect = entry.contentRect;
           var _contentRect$width = contentRect.width,
-              width = _contentRect$width === void 0 ? 0 : _contentRect$width;
-
+            width = _contentRect$width === void 0 ? 0 : _contentRect$width;
           if (width > 0) {
             setMeasuringRender(true);
           }
@@ -206,7 +185,6 @@ export var Nav = function Nav(_ref) {
   }, []);
   var visibleTabs = useMemo(function () {
     var tabs = Children.toArray(children);
-
     if (measuringRender || !isMounted) {
       return tabs;
     } else {
@@ -217,11 +195,9 @@ export var Nav = function Nav(_ref) {
   }, [children, isMounted, measuringRender, visibleTabIndexes]);
   var onMoreOptionClick = useCallback(function (id) {
     setActive(id);
-
     if (onMoreOptionSelect) {
       onMoreOptionSelect(id);
     }
-
     setMeasuringRender(true);
   }, [onMoreOptionSelect]);
   var navAsSelect = useMemo(function () {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Nav/Nav.tsx"],"names":["React","useState","useRef","useCallback","useEffect","useLayoutEffect","useMemo","Children","cloneElement","classNames","ResizeObserver","debounce","Select","StyledNav","StyledNavAsMoreTarget","StyledNavAsSelect","StyledNavList","StyledNavListItemMore","ExpandSingle","Nav","children","alignment","onSelect","onMoreOptionSelect","className","role","moreLabel","type","active","setActive","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","options","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","map","item","props","name","allOptions","index","id","navRef","navItemsRefs","moreItemRef","onClick","e","target","currentTarget","dataset","disabled","Number","forEach","child","containerWidth","current","offsetWidth","itemsWidth","Object","values","reduce","acc","itemEl","Array","from","keys","moreItemWidth","firstItemWidth","visible","allWidth","liItem","push","filter","includes","handleResize","window","addEventListener","removeEventListener","resizeObserver","entries","entry","contentRect","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","setMoreOpen","setMoreClose","element","ref","el","indexOf","displayName"],"mappings":"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","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\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\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"],"file":"Nav.js"}
+{"version":3,"file":"Nav.js","names":["React","useState","useRef","useCallback","useEffect","useLayoutEffect","useMemo","Children","cloneElement","classNames","ResizeObserver","debounce","Select","StyledNav","StyledNavAsMoreTarget","StyledNavAsSelect","StyledNavList","StyledNavListItemMore","ExpandSingle","Nav","children","alignment","onSelect","onMoreOptionSelect","className","role","moreLabel","type","active","setActive","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","options","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","map","item","props","name","allOptions","index","id","navRef","navItemsRefs","moreItemRef","onClick","e","target","currentTarget","dataset","disabled","Number","forEach","child","containerWidth","current","offsetWidth","itemsWidth","Object","values","reduce","acc","itemEl","Array","from","keys","moreItemWidth","firstItemWidth","visible","allWidth","liItem","push","filter","includes","handleResize","window","addEventListener","removeEventListener","resizeObserver","entries","entry","contentRect","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","setMoreOpen","setMoreClose","element","ref","el","indexOf","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\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\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":";;;AAAA,OAAOA,KAAK,IAIVC,QAAQ,EACRC,MAAM,EACNC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,OAAO,EACPC,QAAQ,EACRC,YAAY,QACP,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,cAAc,MAAM,0BAA0B;AACrD,OAAOC,QAAQ,MAAM,iBAAiB;AAGtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SACEC,SAAS,EACTC,qBAAqB,EACrBC,iBAAiB,EACjBC,aAAa,QACR,UAAU;AACjB,SAASC,qBAAqB,QAAQ,eAAe;AAErD,SAASC,YAAY,QAAQ,2BAA2B;AAwBxD,OAAO,IAAMC,GAAkB,GAAG,SAArBA,GAAkB,OASzB;EAAA,IARJC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,kBAAkB,QAAlBA,kBAAkB;IAClBC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,SAAS,QAATA,SAAS;IAAA,iBACTC,IAAI;IAAJA,IAAI,0BAAG,QAAQ;EAEf,gBAA4B1B,QAAQ,CAAC,CAAC,CAAC;IAAhC2B,MAAM;IAAEC,SAAS;EACxB,iBAAkD5B,QAAQ,CAAW,EAAE,CAAC;IAAjE6B,iBAAiB;IAAEC,oBAAoB;EAC9C,iBAA8C9B,QAAQ,CAAC,KAAK,CAAC;IAAtD+B,eAAe;IAAEC,kBAAkB;EAC1C,iBAAsChC,QAAQ,CAAC,KAAK,CAAC;IAA9CiC,WAAW;IAAEC,cAAc;EAClC,iBAAkDlC,QAAQ,CAAC,KAAK,CAAC;IAA1DmC,iBAAiB;IAAEC,oBAAoB;EAC9C,iBAA8BpC,QAAQ,CAAqB,EAAE,CAAC;IAAvDqC,OAAO;IAAEC,UAAU;EAC1B,iBAAoCtC,QAAQ,CAAC,KAAK,CAAC;IAA5CuC,UAAU;IAAEC,aAAa;EAChC,iBAAkCxC,QAAQ,CAAC,KAAK,CAAC;IAA1CyC,SAAS;IAAEC,YAAY;EAE9B,IAAMC,YAAY,GAAGtC,OAAO,CAC1B;IAAA,OAAMc,QAAQ,CAACyB,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACC,KAAK,CAACC,IAAI;IAAA,EAAC;EAAA,GAC7C,CAAC5B,QAAQ,CAAC,CACX;EAED,IAAM6B,UAAU,GAAG3C,OAAO,CAAC,YAAM;IAC/B,OAAOsC,YAAY,CAACC,GAAG,CAAC,UAACG,IAAI,EAAEE,KAAK,EAAK;MACvC,OAAO;QAAEC,EAAE,EAAED,KAAK;QAAEF,IAAI,EAAEA;MAAK,CAAC;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,YAAY,CAAC,CAAC;;EAElB;EACA,IAAMQ,MAAM,GAAGlD,MAAM,CAA0B,IAAI,CAAC;EACpD,IAAMmD,YAAY,GAAGnD,MAAM,CAEzB,CAAC,CAAC,CAAC;EACL,IAAMoD,WAAW,GAAGpD,MAAM,CAAuB,IAAI,CAAC;EAEtD,IAAMqD,OAAO,GAAGpD,WAAW,CACzB,UAACqD,CAAkB,EAAK;IACtB,IACEA,CAAC,CAACC,MAAM,IACRD,CAAC,CAACE,aAAa,CAACC,OAAO,CAACT,KAAK,IAC7B,CAACM,CAAC,CAACE,aAAa,CAACC,OAAO,CAACC,QAAQ,EACjC;MACA,IAAMV,MAAK,GAAGW,MAAM,CAACL,CAAC,CAACE,aAAa,CAACC,OAAO,CAACT,KAAK,CAAC;MACnDrB,SAAS,CAACqB,MAAK,CAAC;MAChB,IAAI5B,QAAQ,EAAE;QACZA,QAAQ,CAAC4B,MAAK,CAAC;MACjB;MACAjB,kBAAkB,CAAC,IAAI,CAAC;IAC1B;EACF,CAAC,EACD,CAACX,QAAQ,CAAC,CACX;EAEDhB,OAAO,CAAC,YAAM;IACZC,QAAQ,CAACuD,OAAO,CACd1C,QAAQ,EACR,UAAC2C,KAAmB,EAAEb,KAAK,EAAK;MAC9B,IAAIa,KAAK,IAAIA,KAAK,CAAChB,KAAK,CAACnB,MAAM,EAAE;QAC/BC,SAAS,CAACqB,KAAK,CAAC;MAClB;IACF,CAAC,CACF;EACH,CAAC,EAAE,CAAC9B,QAAQ,CAAC,CAAC;EAEdf,eAAe,CAAC,YAAM;IACpB,IAAIsB,IAAI,KAAK,QAAQ,IAAIK,eAAe,IAAIU,SAAS,EAAE;MAAA;MACrD,IAAMsB,cAAc,GAAG,oBAAAZ,MAAM,CAACa,OAAO,qBAAd,gBAAgBC,WAAW,KAAI,CAAC;MACvD,IAAMC,UAAU,GAAGC,MAAM,CAACC,MAAM,CAAChB,YAAY,CAACY,OAAO,CAAC,CAACK,MAAM,CAC3D,UAACC,GAAW,EAAEzB,IAAI,EAAK;QACrB,IAAM0B,MAAM,GAAG1B,IAAqB;QACpC,OAAOyB,GAAG,IAAIC,MAAM,GAAGA,MAAM,CAACN,WAAW,GAAG,CAAC,CAAC;MAChD,CAAC,EACD,CAAC,CACF;;MAED;MACA,IAAIF,cAAc,IAAIG,UAAU,EAAE;QAChCpC,oBAAoB,CAAC0C,KAAK,CAACC,IAAI,CAAC9B,YAAY,CAAC+B,IAAI,EAAE,CAAC,CAAC;QACrDxC,cAAc,CAAC,KAAK,CAAC;QACrBE,oBAAoB,CAAC,KAAK,CAAC;QAC3B,OAAOJ,kBAAkB,CAAC,KAAK,CAAC;MAClC;MAEAE,cAAc,CAAC,IAAI,CAAC;MAEpB,IAAID,WAAW,EAAE;QAAA;QACf,IAAM0C,aAAa,GAAG,yBAAAtB,WAAW,CAACW,OAAO,qBAAnB,qBAAqBC,WAAW,KAAI,CAAC;QAC3D,IAAMW,cAAc,GAAGxB,YAAY,CAACY,OAAO,CAAC,CAAC,CAAC,CAACC,WAAW;;QAE1D;QACA,IAAIF,cAAc,GAAGY,aAAa,GAAGC,cAAc,EAAE;UACnD9C,oBAAoB,CAAC,EAAE,CAAC;UACxB,IAAMO,SAAO,GAAGM,YAAY,CAACC,GAAG,CAAC,UAACG,IAAI,EAAEE,KAAK,EAAK;YAChD,OAAO;cAAEC,EAAE,EAAED,KAAK;cAAEF,IAAI,EAAEA;YAAK,CAAC;UAClC,CAAC,CAAC;UACFT,UAAU,CAACD,SAAO,CAAC;UACnBD,oBAAoB,CAAC,IAAI,CAAC;UAC1BF,cAAc,CAAC,KAAK,CAAC;UACrB,OAAOF,kBAAkB,CAAC,KAAK,CAAC;QAClC;;QAEA;QACA,IAAM6C,OAAiB,GAAG,EAAE;QAC5B,IAAIC,QAAQ,GAAG,CAAC;QAChBX,MAAM,CAACC,MAAM,CAAChB,YAAY,CAACY,OAAO,CAAC,CAACH,OAAO,CAAC,UAAChB,IAAI,EAAEI,KAAK,EAAK;UAC3D,IAAM8B,MAAM,GAAGlC,IAAqB;UACpCiC,QAAQ,IAAIC,MAAM,CAACd,WAAW;UAC9B,IAAIU,aAAa,GAAGG,QAAQ,IAAIf,cAAc,EAAE;YAC9Cc,OAAO,CAACG,IAAI,CAAC/B,KAAK,CAAC;UACrB;QACF,CAAC,CAAC;QACFnB,oBAAoB,CAAC+C,OAAO,CAAC;QAC7B,IAAMxC,QAAO,GAAGM,YAAY,CACzBC,GAAG,CAAC,UAACG,IAAI,EAAEE,KAAK,EAAK;UACpB,OAAO;YAAEC,EAAE,EAAED,KAAK;YAAEF,IAAI,EAAEA;UAAK,CAAC;QAClC,CAAC,CAAC,CACDkC,MAAM,CAAC,UAACpC,IAAI;UAAA,OAAK,CAACgC,OAAO,CAACK,QAAQ,CAACrC,IAAI,CAACK,EAAE,CAAC;QAAA,EAAC;QAC/CZ,UAAU,CAACD,QAAO,CAAC;QACnBD,oBAAoB,CAAC,KAAK,CAAC;QAC3BJ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF;EACF,CAAC,EAAE,CACDb,QAAQ,EACRsB,SAAS,EACTV,eAAe,EACfE,WAAW,EACXU,YAAY,EACZjB,IAAI,EACJG,iBAAiB,CAClB,CAAC;EAEF1B,SAAS,CAAC,YAAM;IACd,IAAIuB,IAAI,KAAK,QAAQ,EAAE;MACrB,IAAMyD,YAAY,GAAGzE,QAAQ,CAAC,YAAY;QACxCsB,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,GAAG,CAAC;MACPoD,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;MAC/C,OAAO,YAAY;QACjBC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;MACpD,CAAC;IACH;EACF,CAAC,EAAE,CAACzD,IAAI,CAAC,CAAC;;EAEV;EACAvB,SAAS,CAAC,YAAM;IACd,IAAIuB,IAAI,KAAK,QAAQ,IAAIyB,MAAM,CAACa,OAAO,EAAE;MACvC,IAAMuB,cAAc,GAAG,IAAI9E,cAAc,CAAC,UAAC+E,OAAO,EAAK;QACrD,qDAAoBA,OAAO,wCAAE;UAAA,IAAlBC,KAAK;UACd,IAAQC,WAAW,GAAKD,KAAK,CAArBC,WAAW;UACnB,yBAAsBA,WAAW,CAAzBC,KAAK;YAALA,KAAK,mCAAG,CAAC;UACjB,IAAIA,KAAK,GAAG,CAAC,EAAE;YACb3D,kBAAkB,CAAC,IAAI,CAAC;UAC1B;QACF;MACF,CAAC,CAAC;MAEFuD,cAAc,CAACK,OAAO,CAACzC,MAAM,CAACa,OAAO,CAAC;MAEtC6B,UAAU,CAAC,YAAM;QACf,IAAI1C,MAAM,CAACa,OAAO,EAAE;UAClBuB,cAAc,CAACO,SAAS,CAAC3C,MAAM,CAACa,OAAO,CAAC;QAC1C;MACF,CAAC,EAAE,IAAI,CAAC;MAER,OAAO,YAAY;QACjBuB,cAAc,CAACQ,UAAU,EAAE;MAC7B,CAAC;IACH;EACF,CAAC,EAAE,CAACrE,IAAI,CAAC,CAAC;EAEVvB,SAAS,CAAC,YAAM;IACd6B,kBAAkB,CAAC,IAAI,CAAC;IACxBU,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMsD,WAAW,GAAG3F,OAAO,CAAC,YAAM;IAChC,IAAM4F,IAAI,GAAG3F,QAAQ,CAAC4F,OAAO,CAAC/E,QAAQ,CAAC;IACvC,IAAIY,eAAe,IAAI,CAACU,SAAS,EAAE;MACjC,OAAOwD,IAAI;IACb,CAAC,MAAM;MACL,OAAOA,IAAI,CAAChB,MAAM,CAAC,UAACnB,KAAK,EAAEb,KAAK,EAAK;QACnC,OAAOpB,iBAAiB,CAACqD,QAAQ,CAACjC,KAAK,CAAC;MAC1C,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAAC9B,QAAQ,EAAEsB,SAAS,EAAEV,eAAe,EAAEF,iBAAiB,CAAC,CAAC;EAE7D,IAAMsE,iBAAiB,GAAGjG,WAAW,CACnC,UAACgD,EAAE,EAAK;IACNtB,SAAS,CAACsB,EAAE,CAAC;IACb,IAAI5B,kBAAkB,EAAE;MACtBA,kBAAkB,CAAC4B,EAAE,CAAC;IACxB;IACAlB,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EACD,CAACV,kBAAkB,CAAC,CACrB;EAED,IAAM8E,WAAW,GAAG/F,OAAO,CAAC,YAAM;IAChC,oBACE,oBAAC,iBAAiB,qBAChB,kCAAOsC,YAAY,CAAChB,MAAM,CAAC,CAAQ,eACnC,oBAAC,YAAY;MAAC,QAAQ,EAAEY,UAAW;MAAC,IAAI,EAAC;IAAc,EAAG,CACxC;EAExB,CAAC,EAAE,CAACZ,MAAM,EAAEY,UAAU,EAAEI,YAAY,CAAC,CAAC;EAEtC,IAAM0D,WAAW,GAAGnG,WAAW,CAAC;IAAA,OAAMsC,aAAa,CAAC,IAAI,CAAC;EAAA,GAAE,EAAE,CAAC;EAC9D,IAAM8D,YAAY,GAAGpG,WAAW,CAAC;IAAA,OAAMsC,aAAa,CAAC,KAAK,CAAC;EAAA,GAAE,EAAE,CAAC;EAEhE,oBACE,oBAAC,SAAS;IACR,SAAS,EAAEhC,UAAU,CAAC,OAAO,EAAEe,SAAS,CAAE;IAC1C,MAAM,EAAEH,SAAU;IAClB,KAAK,EAAEI;EAAK,gBAEZ,oBAAC,aAAa;IAAC,GAAG,EAAE2B;EAAO,GACxBzB,IAAI,KAAK,QAAQ,IAChBsE,WAAW,CAACpD,GAAG,CAAC,UAACkB,KAAgB,EAAEb,KAAa,EAAK;IACnD,IAAMsD,OAAO,GAAGzC,KAAqB;IACrC,oBAAOvD,YAAY,CAACgG,OAAO,EAAE;MAC3B5E,MAAM,EAAEsB,KAAK,KAAKtB,MAAM;MACxBH,IAAI,EAAJA,IAAI;MACJgF,GAAG,EAAE,aAACC,EAAE,EAAK;QACXrD,YAAY,CAACY,OAAO,CAACf,KAAK,CAAC,GAAGwD,EAAE;MAClC,CAAC;MACDnD,OAAO,EAAPA,OAAO;MACP,YAAY,EAAEL,KAAK;MACnB,eAAe,EAAEsD,OAAO,CAACzD,KAAK,CAACa;IACjC,CAAC,CAAC;EACJ,CAAC,CAAC,EACHjC,IAAI,KAAK,QAAQ,IAAIO,WAAW,gBAC/B,oBAAC,qBAAqB;IACpB,GAAG,EAAEoB,WAAY;IACjB,IAAI,EAAC,MAAM;IACX,MAAM,EAAExB,iBAAiB,CAAC6E,OAAO,CAAC/E,MAAM,CAAC,KAAK,CAAC,CAAE;IACjD,IAAI,EAAEH;EAAK,gBAEX,oBAAC,MAAM;IACL,QAAQ,EAAEG,MAAO;IACjB,MAAM,eACJ,oBAAC,qBAAqB;MAAC,KAAK,EAAEH;IAAK,GAChCC,SAAS,CAEb;IACD,oBAAoB;IACpB,QAAQ,EAAE0E,iBAAkB;IAC5B,OAAO,EAAE9D,OAAQ;IACjB,IAAI,EAAE,QAAS;IACf,IAAI,EAAE,QAAS;IACf,cAAc;IACd,aAAa;IACb,oBAAoB;IACpB,YAAY,EAAEgE,WAAY;IAC1B,aAAa,EAAEC;EAAa,EAC5B,CACoB,GACtB,IAAI,EACP5E,IAAI,KAAK,UAAU,IAAIS,iBAAiB,gBACvC,oBAAC,qBAAqB;IACpB,IAAI,EAAC,MAAM;IACX,MAAM,EAAEN,iBAAiB,CAAC6E,OAAO,CAAC/E,MAAM,CAAC,KAAK,CAAC,CAAE;IACjD,IAAI,EAAEH;EAAK,gBAEX,oBAAC,MAAM;IACL,QAAQ,EAAEG,MAAO;IACjB,MAAM,EAAEyE,WAAY;IACpB,oBAAoB;IACpB,QAAQ,EAAED,iBAAkB;IAC5B,OAAO,EAAEnD,UAAW;IACpB,IAAI,EAAE,QAAS;IACf,IAAI,EAAE,QAAS;IACf,cAAc;IACd,aAAa;IACb,oBAAoB;IACpB,YAAY,EAAEqD,WAAY;IAC1B,aAAa,EAAEC;EAAa,EAC5B,CACoB,GACtB,IAAI,CACM,CACN;AAEhB,CAAC;AAEDpF,GAAG,CAACyF,WAAW,GAAG,KAAK"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Nav/Styles.ts"],"names":["styled","css","StyledNav","nav","props","$align","$role","displayName","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AASA,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,mEAChB;AAAA;AAAA,CADgB,EAKlB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,KAAiB,MAAjB,IACAJ,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CALkB,EAWlB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,KAAiB,QAAjB,IACAJ,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAXkB,EAiBlB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,KAAiB,OAAjB,IACAJ,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAjBkB,EAuBlB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,OAAhB,IACAL,GADA,kBADA;AAAA,CAvBkB,CAAf;AA8BPC,SAAS,CAACK,WAAV,GAAwB,WAAxB;AAEA,OAAO,IAAMC,aAAa,GAAGR,MAAM,CAACS,EAAV;AAAA;AAAA;AAAA,oCACpB;AAAA;AAAA;AAAA;AAAA;AAAA,CADoB,CAAnB;AAKPD,aAAa,CAACD,WAAd,GAA4B,eAA5B;AASA,OAAO,IAAMG,iBAAiB,GAAGV,MAAM,CAACW,EAAV;AAAA;AAAA;AAAA,gUACxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADwB,EAYxB,UAACP,KAAD;AAAA,SACA,CAACA,KAAK,CAACQ,SAAP,IACAX,GADA,WAEM;AAAA;AAAA,GAFN,CADA;AAAA,CAZwB,EAmB1B,UAACG,KAAD;AAAA,SACA,CAACA,KAAK,CAACS,OAAP,IACA,CAACT,KAAK,CAACQ,SADP,IAEAX,GAFA,WAGM;AAAA;AAAA,GAHN,CADA;AAAA,CAnB0B,EA4BtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CA5BsB,EAoC1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACS,OAAN,IACAZ,GADA,0BAEM;AAAA;AAAA,GAFN,EAIQ;AAAA;AAAA;AAAA,GAJR,CADA;AAAA,CApC0B,EA6C1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACQ,SAAN,IACAX,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CA7C0B,EAmD1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,OAAhB,IACAL,GADA,wGAEM;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAnD0B,EAiE1B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACS,OAAN,IACAZ,GADA,qBAEM;AAAA;AAAA,GAFN,EAIQ;AAAA;AAAA,GAJR,CADA;AAAA,CAjE0B,CAAvB;AA2EPS,iBAAiB,CAACH,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMO,iBAAiB,GAAGd,MAAM,CAACe,GAAV;AAAA;AAAA;AAAA,mGAAvB;AAWPD,iBAAiB,CAACP,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMS,qBAAqB,GAAGhB,MAAM,CAACe,GAAV;AAAA;AAAA;AAAA,wEAQ9B,UAACX,KAAD;AAAA,SACAA,KAAK,CAACE,KAAN,KAAgB,OAAhB,IACAL,GADA,gBADA;AAAA,CAR8B,CAA3B;AAePe,qBAAqB,CAACT,WAAtB,GAAoC,uBAApC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\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"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledNav","nav","props","$align","$role","displayName","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\";\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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAS/C,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,mEAC7B;EAAA;AAAQ,CAAC,EAIX,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,MAAM,IACvBJ,GAAG,WACG;IAAA;EAAiB,CAAC,CACvB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,QAAQ,IACzBJ,GAAG,WACG;IAAA;EAAkB,CAAC,CACxB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IACxBJ,GAAG,WACG;IAAA;EAAe,CAAC,CACrB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBL,GAAG,kBAEF;AAAA,EACJ;AAEDC,SAAS,CAACK,WAAW,GAAG,WAAW;AAEnC,OAAO,IAAMC,aAAa,GAAGR,MAAM,CAACS,EAAE;EAAA;EAAA;AAAA,oCAChC;EAAA;EAAA;EAAA;EAAA;AAAmC,CAAC,CAEzC;AAEDD,aAAa,CAACD,WAAW,GAAG,eAAe;AAS3C,OAAO,IAAMG,iBAAiB,GAAGV,MAAM,CAACW,EAAE;EAAA;EAAA;AAAA,gUACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAWzD,UAACP,KAAK;EAAA,OACN,CAACA,KAAK,CAACQ,SAAS,IAChBX,GAAG,WACG;IAAA;EAAgB,CAAC,CACtB;AAAA,GAGH,UAACG,KAAK;EAAA,OACN,CAACA,KAAK,CAACS,OAAO,IACd,CAACT,KAAK,CAACQ,SAAS,IAChBX,GAAG,WACG;IAAA;EAAkB,CAAC,CACxB;AAAA,GAIG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwD,CAAC,EAQ7D,UAACG,KAAK;EAAA,OACNA,KAAK,CAACS,OAAO,IACbZ,GAAG,0BACG;IAAA;EAAuB,CAAC,EAEtB;IAAA;IAAA;EAAwB,CAAC,CAEhC;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACQ,SAAS,IACfX,GAAG,WACG;IAAA;IAAA;IAAA;EAAmD,CAAC,CACzD;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBL,GAAG,wGACG;IAAA;IAAA;EAAW,CAAC,CASjB;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACS,OAAO,IACbZ,GAAG,qBACG;IAAA;EAAgB,CAAC,EAEf;IAAA;EAAgB,CAAC,CAExB;AAAA,EACJ;AAEDS,iBAAiB,CAACH,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMO,iBAAiB,GAAGd,MAAM,CAACe,GAAG;EAAA;EAAA;AAAA,mGAS1C;AAEDD,iBAAiB,CAACP,WAAW,GAAG,mBAAmB;AAEnD,OAAO,IAAMS,qBAAqB,GAAGhB,MAAM,CAACe,GAAG;EAAA;EAAA;AAAA,wEAQ3C,UAACX,KAAK;EAAA,OACNA,KAAK,CAACE,KAAK,KAAK,OAAO,IACvBL,GAAG,gBAEF;AAAA,EACJ;AAEDe,qBAAqB,CAACT,WAAW,GAAG,uBAAuB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAd;AACA,cAAc,QAAd","sourcesContent":["export * from \"./Nav\";\nexport * from \"./Item\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Nav/index.ts"],"sourcesContent":["export * from \"./Nav\";\nexport * from \"./Item\";\n"],"mappings":"AAAA,cAAc,OAAO;AACrB,cAAc,QAAQ"}

package/dist/esm/components/Overlay/Overlay.js

@@ -6,10 +6,9 @@ import classnames from "classnames";
 import { StyledOverlay } from "./Styles";
 export var Overlay = function Overlay(_ref) {
   var className = _ref.className,
-      _ref$disableBackgroun = _ref.disableBackgroundColor,
-      disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$disableBackgroun = _ref.disableBackgroundColor,
+    disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledOverlay, _extends({
     className: classnames("c-overlay", className),
     $disableBackgroundColor: disableBackgroundColor

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":["React","classnames","StyledOverlay","Overlay","className","disableBackgroundColor","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,QAA8B,UAA9B;AAMA,OAAO,IAAMC,OAEZ,GAAG,SAFSA,OAET,OAA4D;AAAA,MAAzDC,SAAyD,QAAzDA,SAAyD;AAAA,mCAA9CC,sBAA8C;AAAA,MAA9CA,sBAA8C,sCAArB,KAAqB;AAAA,MAAXC,IAAW;;AAC9D,sBACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAEL,UAAU,CAAC,WAAD,EAAcG,SAAd,CADvB;AAEE,IAAA,uBAAuB,EAAEC;AAF3B,KAGMC,IAHN,EADF;AAOD,CAVM;AAYPH,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"file":"Overlay.js"}
+{"version":3,"file":"Overlay.js","names":["React","classnames","StyledOverlay","Overlay","className","disableBackgroundColor","rest","displayName"],"sources":["../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOverlay } from \"./Styles\";\n\nexport interface IOverlay {\n  disableBackgroundColor?: boolean;\n}\n\nexport const Overlay: FC<\n  IOverlay & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IOverlay>\n> = ({ className, disableBackgroundColor = false, ...rest }) => {\n  return (\n    <StyledOverlay\n      className={classnames(\"c-overlay\", className)}\n      $disableBackgroundColor={disableBackgroundColor}\n      {...rest}\n    />\n  );\n};\n\nOverlay.displayName = \"Overlay\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,QAAQ,UAAU;AAMxC,OAAO,IAAMC,OAEZ,GAAG,SAFSA,OAEZ,OAA+D;EAAA,IAAzDC,SAAS,QAATA,SAAS;IAAA,6BAAEC,sBAAsB;IAAtBA,sBAAsB,sCAAG,KAAK;IAAKC,IAAI;EACvD,oBACE,oBAAC,aAAa;IACZ,SAAS,EAAEL,UAAU,CAAC,WAAW,EAAEG,SAAS,CAAE;IAC9C,uBAAuB,EAAEC;EAAuB,GAC5CC,IAAI,EACR;AAEN,CAAC;AAEDH,OAAO,CAACI,WAAW,GAAG,SAAS"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Overlay/Styles.ts"],"names":["styled","css","StyledOverlay","div","props","$disableBackgroundColor","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,0DAStB,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,uBAAP,IACAJ,GADA,mEADA;AAAA,CATsB,CAAnB;AAiBPC,aAAa,CAACI,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledOverlay = styled.div<{\n  $disableBackgroundColor: boolean;\n}>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n      backdrop-filter: blur(2px);\n    `}\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledOverlay","div","props","$disableBackgroundColor","displayName"],"sources":["../../../../src/components/Overlay/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nexport const StyledOverlay = styled.div<{\n  $disableBackgroundColor: boolean;\n}>`\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  ${(props) =>\n    !props.$disableBackgroundColor &&\n    css`\n      background: var(--modal-background);\n      backdrop-filter: blur(2px);\n    `}\n`;\n\nStyledOverlay.displayName = \"StyledOverlay\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,0DASnC,UAACC,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,uBAAuB,IAC9BJ,GAAG,mEAGF;AAAA,EACJ;AAEDC,aAAa,CAACI,WAAW,GAAG,eAAe"}

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

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