@activecollab/components 2.0.0 → 2.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["_react","_interopRequireWildcard","require","_Tooltip","_Typography","_Styles","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_interopRequireDefault","obj","_extends","assign","bind","target","arguments","length","source","key","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AvatarGroup","exports","forwardRef","_ref","ref","limit","size","children","hasTooltip","rest","minChildren","Children","count","gap","_children","toArray","slice","handleVariant","useMemo","nameArr","map","item","props","alt","createElement","AvatarGroupsStyles","child","index","tooltipText","Tooltip","title","disable","cloneElement","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","Typography","variant","weight","displayName","_styledComponents","withConfig","componentId","whiteSpace","lineHeight","LengthCountStyles","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  forwardRef,\n} from \"react\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\n\nexport interface AvatarGroupsProps {\n  limit: number;\n  size?: number;\n  hasTooltip?: boolean;\n}\n\nexport const AvatarGroup = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<AvatarGroupsProps>\n>(({ limit, size = 34, children, hasTooltip = false, ...rest }, ref) => {\n  // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n  const minChildren = Children.count(children) - limit > 1 ? false : true;\n  // gap between Avatars\n  const gap = 8;\n\n  const _children = minChildren\n    ? Children.toArray(children)\n    : Children.toArray(children).slice(0, limit);\n\n  const handleVariant = useMemo(() => {\n    if (size >= 34) return \"Caption 1\";\n    return \"Caption 2\";\n  }, [size]);\n\n  // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n  const nameArr = Children.toArray(children)\n    ?.slice(limit)\n    .map((item) => {\n      const { props } = item as ReactElement;\n      return props.alt;\n    });\n\n  return (\n    <AvatarGroupsStyles hasTooltip={hasTooltip} ref={ref} {...rest}>\n      {_children.map((child, index) => {\n        const item = child as ReactElement<AvatarProps>;\n        const tooltipText = item.props.alt;\n        const alt = `Image of ${tooltipText}`;\n        return (\n          <Tooltip\n            title={tooltipText ? tooltipText : \"\"}\n            disable={!hasTooltip}\n            key={alt}\n          >\n            {cloneElement(item, {\n              ...item.props,\n              size: size,\n              alt: alt,\n              style: {\n                // component preserves it's width\n                marginLeft: `-${index === 0 ? null : gap}px`,\n                outline: \"1px solid var(--page-paper-main)\",\n              },\n            })}\n          </Tooltip>\n        );\n      })}\n\n      {limit >= Children.count(children) || minChildren ? null : (\n        <Tooltip\n          title={nameArr.join(\",\\n\")}\n          disable={!hasTooltip}\n          css={{\n            whiteSpace: \"break-spaces\",\n            lineHeight: \"18px\",\n          }}\n        >\n          <LengthCountStyles\n            size={size}\n            role=\"status\"\n            aria-label=\"Rest of the users\"\n            css={{\n              marginLeft: `-${gap}px`,\n            }}\n          >\n            <Typography variant={handleVariant} weight=\"medium\">\n              +{Children.count(children) - limit}\n            </Typography>\n          </LengthCountStyles>\n        </Tooltip>\n      )}\n    </AvatarGroupsStyles>\n  );\n});\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":"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"}
+{"version":3,"file":"AvatarGroup.js","names":["_react","_interopRequireWildcard","require","_Tooltip","_Typography","_Styles","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_interopRequireDefault","obj","_extends","assign","bind","target","arguments","length","source","key","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","AvatarGroup","exports","forwardRef","_ref","ref","_Children$toArray","limit","_ref$size","size","children","_ref$hasTooltip","hasTooltip","rest","minChildren","Children","count","gap","_children","toArray","slice","handleVariant","useMemo","nameArr","map","item","_ref2","props","alt","createElement","AvatarGroupsStyles","child","index","tooltipText","Tooltip","title","disable","cloneElement","style","marginLeft","outline","_StyledTooltip","join","_StyledLengthCountStyles","role","$_css","Typography","variant","weight","displayName","_styledComponents","withConfig","componentId","whiteSpace","lineHeight","LengthCountStyles","p"],"sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n  Children,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  useMemo,\n  forwardRef,\n} from \"react\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Typography } from \"../Typography/Typography\";\nimport { AvatarGroupsStyles, LengthCountStyles } from \"./Styles\";\n\nexport interface AvatarGroupsProps {\n  limit: number;\n  size?: number;\n  hasTooltip?: boolean;\n}\n\nexport const AvatarGroup = forwardRef<\n  HTMLDivElement,\n  PropsWithChildren<AvatarGroupsProps>\n>(({ limit, size = 34, children, hasTooltip = false, ...rest }, ref) => {\n  // always display counter with min +2 as +1 can takes space of an 1 more Avatar\n  const minChildren = Children.count(children) - limit > 1 ? false : true;\n  // gap between Avatars\n  const gap = 8;\n\n  const _children = minChildren\n    ? Children.toArray(children)\n    : Children.toArray(children).slice(0, limit);\n\n  const handleVariant = useMemo(() => {\n    if (size >= 34) return \"Caption 1\";\n    return \"Caption 2\";\n  }, [size]);\n\n  // get all names indexed above limit number from alt tag on Avatar for counter tooltip\n  const nameArr = Children.toArray(children)\n    ?.slice(limit)\n    .map((item) => {\n      const { props } = item as ReactElement;\n      return props.alt;\n    });\n\n  return (\n    <AvatarGroupsStyles hasTooltip={hasTooltip} ref={ref} {...rest}>\n      {_children.map((child, index) => {\n        const item = child as ReactElement<AvatarProps>;\n        const tooltipText = item.props.alt;\n        const alt = `Image of ${tooltipText}`;\n        return (\n          <Tooltip\n            title={tooltipText ? tooltipText : \"\"}\n            disable={!hasTooltip}\n            key={alt}\n          >\n            {cloneElement(item, {\n              ...item.props,\n              size: size,\n              alt: alt,\n              style: {\n                // component preserves it's width\n                marginLeft: `-${index === 0 ? null : gap}px`,\n                outline: \"1px solid var(--page-paper-main)\",\n              },\n            })}\n          </Tooltip>\n        );\n      })}\n\n      {limit >= Children.count(children) || minChildren ? null : (\n        <Tooltip\n          title={nameArr.join(\",\\n\")}\n          disable={!hasTooltip}\n          css={{\n            whiteSpace: \"break-spaces\",\n            lineHeight: \"18px\",\n          }}\n        >\n          <LengthCountStyles\n            size={size}\n            role=\"status\"\n            aria-label=\"Rest of the users\"\n            css={{\n              marginLeft: `-${gap}px`,\n            }}\n          >\n            <Typography variant={handleVariant} weight=\"medium\">\n              +{Children.count(children) - limit}\n            </Typography>\n          </LengthCountStyles>\n        </Tooltip>\n      )}\n    </AvatarGroupsStyles>\n  );\n});\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiE,IAAAI,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAjB,UAAA,GAAAiB,GAAA,KAAAhB,OAAA,EAAAgB,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAX,MAAA,CAAAY,MAAA,GAAAZ,MAAA,CAAAY,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,MAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,GAAA,IAAAD,MAAA,QAAAjB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,QAAA/B,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAqB,IAAA,CAAAhC,CAAA,OAAAW,MAAA,CAAAsB,qBAAA,QAAAC,CAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAjC,CAAA,GAAAE,CAAA,KAAAgC,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAjC,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAkC,UAAA,OAAAjC,CAAA,CAAAkC,IAAA,CAAAP,KAAA,CAAA3B,CAAA,EAAA+B,CAAA,YAAA/B,CAAA;AAAA,SAAAmC,cAAAtC,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAC,CAAA,WAAAuB,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAA6B,OAAA,CAAApB,MAAA,CAAAR,CAAA,OAAAoC,OAAA,WAAArC,CAAA,IAAAsC,eAAA,CAAAxC,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAA8B,yBAAA,GAAA9B,MAAA,CAAA+B,gBAAA,CAAA1C,CAAA,EAAAW,MAAA,CAAA8B,yBAAA,CAAAtC,CAAA,KAAA4B,OAAA,CAAApB,MAAA,CAAAR,CAAA,GAAAoC,OAAA,WAAArC,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAAA,SAAAwC,gBAAAnB,GAAA,EAAAQ,GAAA,EAAAc,KAAA,IAAAd,GAAA,GAAAe,cAAA,CAAAf,GAAA,OAAAA,GAAA,IAAAR,GAAA,IAAAV,MAAA,CAAAC,cAAA,CAAAS,GAAA,EAAAQ,GAAA,IAAAc,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAzB,GAAA,CAAAQ,GAAA,IAAAc,KAAA,WAAAtB,GAAA;AAAA,SAAAuB,eAAAzC,CAAA,QAAAe,CAAA,GAAA6B,YAAA,CAAA5C,CAAA,uCAAAe,CAAA,GAAAA,CAAA,GAAA8B,MAAA,CAAA9B,CAAA;AAAA,SAAA6B,aAAA5C,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAH,CAAA,GAAAG,CAAA,CAAA8C,MAAA,CAAAC,WAAA,kBAAAlD,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAiB,IAAA,CAAAd,CAAA,EAAAD,CAAA,uCAAAgB,CAAA,SAAAA,CAAA,YAAAiC,SAAA,yEAAAjD,CAAA,GAAA8C,MAAA,GAAAI,MAAA,EAAAjD,CAAA;AAAA,SAAAkD,yBAAAzB,MAAA,EAAA0B,QAAA,QAAA1B,MAAA,yBAAAH,MAAA,GAAA8B,6BAAA,CAAA3B,MAAA,EAAA0B,QAAA,OAAAzB,GAAA,EAAAX,CAAA,MAAAP,MAAA,CAAAsB,qBAAA,QAAAuB,gBAAA,GAAA7C,MAAA,CAAAsB,qBAAA,CAAAL,MAAA,QAAAV,CAAA,MAAAA,CAAA,GAAAsC,gBAAA,CAAA7B,MAAA,EAAAT,CAAA,MAAAW,GAAA,GAAA2B,gBAAA,CAAAtC,CAAA,OAAAoC,QAAA,CAAAG,OAAA,CAAA5B,GAAA,uBAAAlB,MAAA,CAAAI,SAAA,CAAA2C,oBAAA,CAAAzC,IAAA,CAAAW,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAA8B,8BAAA3B,MAAA,EAAA0B,QAAA,QAAA1B,MAAA,yBAAAH,MAAA,WAAAkC,UAAA,GAAAhD,MAAA,CAAAqB,IAAA,CAAAJ,MAAA,OAAAC,GAAA,EAAAX,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAyC,UAAA,CAAAhC,MAAA,EAAAT,CAAA,MAAAW,GAAA,GAAA8B,UAAA,CAAAzC,CAAA,OAAAoC,QAAA,CAAAG,OAAA,CAAA5B,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAQ1D,IAAMmC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EAGnC,UAAAC,IAAA,EAA8DC,GAAG,EAAK;EAAA,IAAAC,iBAAA;EAAA,IAAnEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAAC,SAAA,GAAAJ,IAAA,CAAEK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAAC,eAAA,GAAAP,IAAA,CAAEQ,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAKE,IAAI,GAAAnB,wBAAA,CAAAU,IAAA,EAAAjE,SAAA;EAC1D;EACA,IAAM2E,WAAW,GAAGC,eAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC,GAAGH,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI;EACvE;EACA,IAAMU,GAAG,GAAG,CAAC;EAEb,IAAMC,SAAS,GAAGJ,WAAW,GACzBC,eAAQ,CAACI,OAAO,CAACT,QAAQ,CAAC,GAC1BK,eAAQ,CAACI,OAAO,CAACT,QAAQ,CAAC,CAACU,KAAK,CAAC,CAAC,EAAEb,KAAK,CAAC;EAE9C,IAAMc,aAAa,GAAG,IAAAC,cAAO,EAAC,YAAM;IAClC,IAAIb,IAAI,IAAI,EAAE,EAAE,OAAO,WAAW;IAClC,OAAO,WAAW;EACpB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;;EAEV;EACA,IAAMc,OAAO,IAAAjB,iBAAA,GAAGS,eAAQ,CAACI,OAAO,CAACT,QAAQ,CAAC,cAAAJ,iBAAA,uBAA1BA,iBAAA,CACZc,KAAK,CAACb,KAAK,CAAC,CACbiB,GAAG,CAAC,UAACC,IAAI,EAAK;IACb,IAAAC,KAAA,GAAkBD,IAAI;MAAdE,KAAK,GAAAD,KAAA,CAALC,KAAK;IACb,OAAOA,KAAK,CAACC,GAAG;EAClB,CAAC,CAAC;EAEJ,oBACE/F,MAAA,CAAAa,OAAA,CAAAmF,aAAA,CAAC3F,OAAA,CAAA4F,kBAAkB,EAAAnE,QAAA;IAACiD,UAAU,EAAEA,UAAW;IAACP,GAAG,EAAEA;EAAI,GAAKQ,IAAI,GAC3DK,SAAS,CAACM,GAAG,CAAC,UAACO,KAAK,EAAEC,KAAK,EAAK;IAC/B,IAAMP,IAAI,GAAGM,KAAkC;IAC/C,IAAME,WAAW,GAAGR,IAAI,CAACE,KAAK,CAACC,GAAG;IAClC,IAAMA,GAAG,GAAI,YAAWK,WAAY,EAAC;IACrC,oBACEpG,MAAA,CAAAa,OAAA,CAAAmF,aAAA,CAAC7F,QAAA,CAAAkG,OAAO;MACNC,KAAK,EAAEF,WAAW,GAAGA,WAAW,GAAG,EAAG;MACtCG,OAAO,EAAE,CAACxB,UAAW;MACrB1C,GAAG,EAAE0D;IAAI,gBAER,IAAAS,mBAAY,EAACZ,IAAI,EAAA9C,aAAA,CAAAA,aAAA,KACb8C,IAAI,CAACE,KAAK;MACblB,IAAI,EAAEA,IAAI;MACVmB,GAAG,EAAEA,GAAG;MACRU,KAAK,EAAE;QACL;QACAC,UAAU,EAAG,IAAGP,KAAK,KAAK,CAAC,GAAG,IAAI,GAAGf,GAAI,IAAG;QAC5CuB,OAAO,EAAE;MACX;IAAC,EACF,CACM,CAAC;EAEd,CAAC,CAAC,EAEDjC,KAAK,IAAIQ,eAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC,IAAII,WAAW,GAAG,IAAI,gBACtDjF,MAAA,CAAAa,OAAA,CAAAmF,aAAA,CAAAY,cAAA;IACEN,KAAK,EAAEZ,OAAO,CAACmB,IAAI,CAAC,KAAK,CAAE;IAC3BN,OAAO,EAAE,CAACxB;EAAW,gBAMrB/E,MAAA,CAAAa,OAAA,CAAAmF,aAAA,CAAAc,wBAAA;IACElC,IAAI,EAAEA,IAAK;IACXmC,IAAI,EAAC,QAAQ;IACb,cAAW,mBAAmB;IAAAC,KAAA,EAEf,IAAG5B,GAAI;EAAG,gBAGzBpF,MAAA,CAAAa,OAAA,CAAAmF,aAAA,CAAC5F,WAAA,CAAA6G,UAAU;IAACC,OAAO,EAAE1B,aAAc;IAAC2B,MAAM,EAAC;EAAQ,GAAC,GACjD,EAACjC,eAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC,GAAGH,KACnB,CACK,CACZ,CAEO,CAAC;AAEzB,CAAC,CAAC;AAEFN,WAAW,CAACgD,WAAW,GAAG,aAAa;AAAC,IAAAR,cAAA,OAAAS,iBAAA,CAAAxG,OAAA,EAAAV,QAAA,CAAAkG,OAAA,EAAAiB,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,GAvBzB;EACHC,UAAU,EAAE,cAAc;EAC1BC,UAAU,EAAE;AACd,CAAC;AAAA,IAAAX,wBAAA,OAAAO,iBAAA,CAAAxG,OAAA,EAAAR,OAAA,CAAAqH,iBAAA,EAAAJ,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,aAAAI,CAAA;EAAA,OAMM;IACHjB,UAAU,EAAAiB,CAAA,CAAAX;EACZ,CAAC;AAAA"}

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

@@ -7,22 +7,24 @@ exports.LengthCountStyles = exports.AvatarGroupsStyles = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _FontStyle = require("../FontStyle");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const AvatarGroupsStyles = exports.AvatarGroupsStyles = _styledComponents.default.div.withConfig({
+var AvatarGroupsStyles = exports.AvatarGroupsStyles = _styledComponents.default.div.withConfig({
   displayName: "Styles__AvatarGroupsStyles",
   componentId: "sc-1padv46-0"
-})(["", " align-items:center;align-items:center;border-radius:var(--ac-br-6);cursor:", ";display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;&:hover{background-color:", ";transition:all 0.2s ease-in-out;}"], _FontStyle.FontStyle, _ref => {
-  let {
-    hasTooltip
-  } = _ref;
+})(["", " align-items:center;align-items:center;border-radius:var(--ac-br-6);cursor:", ";display:flex;justify-content:center;padding:", ";user-select:none;width:fit-content;&:hover{background-color:", ";transition:all 0.2s ease-in-out;}"], _FontStyle.FontStyle, function (_ref) {
+  var hasTooltip = _ref.hasTooltip;
   return hasTooltip ? "default" : "pointer";
-}, _ref2 => {
-  let {
-    hasTooltip
-  } = _ref2;
+}, function (_ref2) {
+  var hasTooltip = _ref2.hasTooltip;
   return hasTooltip ? "5px 0" : "5px";
-}, props => !props.hasTooltip && "var(--color-theme-300)");
-const LengthCountStyles = exports.LengthCountStyles = _styledComponents.default.div.withConfig({
+}, function (props) {
+  return !props.hasTooltip && "var(--color-theme-300)";
+});
+var LengthCountStyles = exports.LengthCountStyles = _styledComponents.default.div.withConfig({
   displayName: "Styles__LengthCountStyles",
   componentId: "sc-1padv46-1"
-})(["align-items:center;background-color:var(--color-theme-400);block-size:", ";border-radius:var(--ac-br-rounded);display:flex;inline-size:", ";justify-content:center;outline:1px solid var(--page-paper-main);z-index:99;"], props => props.size + "px", props => props.size + "px");
+})(["align-items:center;background-color:var(--color-theme-400);block-size:", ";border-radius:var(--ac-br-rounded);display:flex;inline-size:", ";justify-content:center;outline:1px solid var(--page-paper-main);z-index:99;"], function (props) {
+  return props.size + "px";
+}, function (props) {
+  return props.size + "px";
+});
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_FontStyle","obj","__esModule","default","AvatarGroupsStyles","exports","styled","div","withConfig","displayName","componentId","FontStyle","_ref","hasTooltip","_ref2","props","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n  hasTooltip: boolean;\n}>`\n  ${FontStyle}\n  align-items: center;\n  align-items: center;\n  border-radius: var(--ac-br-6);\n  cursor: ${({ hasTooltip }) => (hasTooltip ? \"default\" : \"pointer\")};\n  display: flex;\n  justify-content: center;\n  padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n  user-select: none;\n  width: fit-content;\n\n  &:hover {\n    background-color: ${(props) =>\n      !props.hasTooltip && \"var(--color-theme-300)\"};\n    transition: all 0.2s ease-in-out;\n  }\n`;\n\ninterface LengthCountStylesProps {\n  size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n  align-items: center;\n  background-color: var(--color-theme-400);\n  block-size: ${(props) => props.size + \"px\"};\n  border-radius: var(--ac-br-rounded);\n  display: flex;\n  inline-size: ${(props) => props.size + \"px\"};\n  justify-content: center;\n  outline: 1px solid var(--page-paper-main);\n  z-index: 99;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gPAGxCC,oBAAS,EAIDC,IAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,IAAA;EAAA,OAAMC,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EAGvDC,KAAA;EAAA,IAAC;IAAED;EAAW,CAAC,GAAAC,KAAA;EAAA,OAAMD,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,EAKtCE,KAAK,IACxB,CAACA,KAAK,CAACF,UAAU,IAAI,wBAAwB,CAGlD;AAMM,MAAMG,iBAAiB,GAAAX,OAAA,CAAAW,iBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gOAG1BK,KAAK,IAAKA,KAAK,CAACE,IAAI,GAAG,IAAI,EAG1BF,KAAK,IAAKA,KAAK,CAACE,IAAI,GAAG,IAAI,CAI5C"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_FontStyle","obj","__esModule","default","AvatarGroupsStyles","exports","styled","div","withConfig","displayName","componentId","FontStyle","_ref","hasTooltip","_ref2","props","LengthCountStyles","size"],"sources":["../../../../src/components/AvatarGroup/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const AvatarGroupsStyles = styled.div<{\n  hasTooltip: boolean;\n}>`\n  ${FontStyle}\n  align-items: center;\n  align-items: center;\n  border-radius: var(--ac-br-6);\n  cursor: ${({ hasTooltip }) => (hasTooltip ? \"default\" : \"pointer\")};\n  display: flex;\n  justify-content: center;\n  padding: ${({ hasTooltip }) => (hasTooltip ? \"5px 0\" : \"5px\")};\n  user-select: none;\n  width: fit-content;\n\n  &:hover {\n    background-color: ${(props) =>\n      !props.hasTooltip && \"var(--color-theme-300)\"};\n    transition: all 0.2s ease-in-out;\n  }\n`;\n\ninterface LengthCountStylesProps {\n  size: number;\n}\n\nexport const LengthCountStyles = styled.div<LengthCountStylesProps>`\n  align-items: center;\n  background-color: var(--color-theme-400);\n  block-size: ${(props) => props.size + \"px\"};\n  border-radius: var(--ac-br-rounded);\n  display: flex;\n  inline-size: ${(props) => props.size + \"px\"};\n  justify-content: center;\n  outline: 1px solid var(--page-paper-main);\n  z-index: 99;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gPAGxCC,oBAAS,EAID,UAAAC,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OAAQA,UAAU,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EAGvD,UAAAC,KAAA;EAAA,IAAGD,UAAU,GAAAC,KAAA,CAAVD,UAAU;EAAA,OAAQA,UAAU,GAAG,OAAO,GAAG,KAAK;AAAA,CAAC,EAKvC,UAACE,KAAK;EAAA,OACxB,CAACA,KAAK,CAACF,UAAU,IAAI,wBAAwB;AAAA,EAGlD;AAMM,IAAMG,iBAAiB,GAAAX,OAAA,CAAAW,iBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gOAG3B,UAACK,KAAK;EAAA,OAAKA,KAAK,CAACE,IAAI,GAAG,IAAI;AAAA,GAG3B,UAACF,KAAK;EAAA,OAAKA,KAAK,CAACE,IAAI,GAAG,IAAI;AAAA,EAI5C"}

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

@@ -9,7 +9,7 @@ Object.keys(_AvatarGroup).forEach(function (key) {
   if (key in exports && exports[key] === _AvatarGroup[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _AvatarGroup[key];
     }
   });

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

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

package/dist/cjs/components/Badge/Badge.js

@@ -27,15 +27,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @see
  * https://system.activecollab.com/?path=/story/components-button-indicators-badge--badge
  */
-const Badge = _ref => {
-  let {
-    dimension = 8,
-    className,
-    position = "bottom-left",
-    backgroundColor,
-    value,
-    isStandalone = false
-  } = _ref;
+var Badge = exports.Badge = function Badge(_ref) {
+  var _ref$dimension = _ref.dimension,
+    dimension = _ref$dimension === void 0 ? 8 : _ref$dimension,
+    className = _ref.className,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-left" : _ref$position,
+    backgroundColor = _ref.backgroundColor,
+    value = _ref.value,
+    _ref$isStandalone = _ref.isStandalone,
+    isStandalone = _ref$isStandalone === void 0 ? false : _ref$isStandalone;
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledBadge, {
     className: (0, _classnames.default)("c-badge", className),
     dimension: dimension,
@@ -46,5 +47,4 @@ const Badge = _ref => {
     value: value
   }, value && value > 100 ? 99 + "+" : value);
 };
-exports.Badge = Badge;
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["_classnames","_interopRequireDefault","require","_react","_Styles","obj","__esModule","default","Badge","_ref","dimension","className","position","backgroundColor","value","isStandalone","createElement","StyledBadge","classNames","role","exports"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React from \"react\";\nimport { StyledBadge } from \"./Styles\";\n\ntype Position = \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\";\n\nexport interface BadgeProps {\n  position?: Position;\n  dimension?: number;\n  className?: string;\n  backgroundColor?: string;\n  value?: number;\n  isStandalone?: boolean;\n}\n\n/**\n * @component Badge\n * @description\n * In some products, you might need to show a badge on the right corner of the avatar.\n * We call this a badge. Here's an example that shows if the user is online.\n *\n * @prop {position} - dictates the position of a badge.\n * @prop {dimension} - controls the size of a badge (width and height) in pixels.\n * @prop {backgroundColor} - background-color of a badge.\n *\n * @example\n * <IconButton variant=\"text gray\" size=\"big\">\n *   <BellOffIcon />\n *   <Badge position=\"top-right\" backgroundColor=\"red\" dimension={16} />\n * </IconButton>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-badge--badge\n */\nexport const Badge = ({\n  dimension = 8,\n  className,\n  position = \"bottom-left\",\n  backgroundColor,\n\n  value,\n  isStandalone = false,\n}: BadgeProps) => {\n  return (\n    <StyledBadge\n      className={classNames(\"c-badge\", className)}\n      dimension={dimension}\n      position={position}\n      isStandalone={isStandalone}\n      backgroundColor={backgroundColor}\n      role=\"status\"\n      value={value}\n    >\n      {value && value > 100 ? 99 + \"+\" : value}\n    </StyledBadge>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAuC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAavC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,KAAK,GAAGC,IAAA,IAQH;EAAA,IARI;IACpBC,SAAS,GAAG,CAAC;IACbC,SAAS;IACTC,QAAQ,GAAG,aAAa;IACxBC,eAAe;IAEfC,KAAK;IACLC,YAAY,GAAG;EACL,CAAC,GAAAN,IAAA;EACX,oBACEN,MAAA,CAAAI,OAAA,CAAAS,aAAA,CAACZ,OAAA,CAAAa,WAAW;IACVN,SAAS,EAAE,IAAAO,mBAAU,EAAC,SAAS,EAAEP,SAAS,CAAE;IAC5CD,SAAS,EAAEA,SAAU;IACrBE,QAAQ,EAAEA,QAAS;IACnBG,YAAY,EAAEA,YAAa;IAC3BF,eAAe,EAAEA,eAAgB;IACjCM,IAAI,EAAC,QAAQ;IACbL,KAAK,EAAEA;EAAM,GAEZA,KAAK,IAAIA,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAGA,KACxB,CAAC;AAElB,CAAC;AAACM,OAAA,CAAAZ,KAAA,GAAAA,KAAA"}
+{"version":3,"file":"Badge.js","names":["_classnames","_interopRequireDefault","require","_react","_Styles","obj","__esModule","default","Badge","exports","_ref","_ref$dimension","dimension","className","_ref$position","position","backgroundColor","value","_ref$isStandalone","isStandalone","createElement","StyledBadge","classNames","role"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React from \"react\";\nimport { StyledBadge } from \"./Styles\";\n\ntype Position = \"top-left\" | \"top-right\" | \"bottom-right\" | \"bottom-left\";\n\nexport interface BadgeProps {\n  position?: Position;\n  dimension?: number;\n  className?: string;\n  backgroundColor?: string;\n  value?: number;\n  isStandalone?: boolean;\n}\n\n/**\n * @component Badge\n * @description\n * In some products, you might need to show a badge on the right corner of the avatar.\n * We call this a badge. Here's an example that shows if the user is online.\n *\n * @prop {position} - dictates the position of a badge.\n * @prop {dimension} - controls the size of a badge (width and height) in pixels.\n * @prop {backgroundColor} - background-color of a badge.\n *\n * @example\n * <IconButton variant=\"text gray\" size=\"big\">\n *   <BellOffIcon />\n *   <Badge position=\"top-right\" backgroundColor=\"red\" dimension={16} />\n * </IconButton>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-badge--badge\n */\nexport const Badge = ({\n  dimension = 8,\n  className,\n  position = \"bottom-left\",\n  backgroundColor,\n\n  value,\n  isStandalone = false,\n}: BadgeProps) => {\n  return (\n    <StyledBadge\n      className={classNames(\"c-badge\", className)}\n      dimension={dimension}\n      position={position}\n      isStandalone={isStandalone}\n      backgroundColor={backgroundColor}\n      role=\"status\"\n      value={value}\n    >\n      {value && value > 100 ? 99 + \"+\" : value}\n    </StyledBadge>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAuC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAavC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAQA;EAAA,IAAAC,cAAA,GAAAD,IAAA,CAPhBE,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,CAAC,GAAAA,cAAA;IACbE,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,aAAA,GAAAJ,IAAA,CACTK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,aAAa,GAAAA,aAAA;IACxBE,eAAe,GAAAN,IAAA,CAAfM,eAAe;IAEfC,KAAK,GAAAP,IAAA,CAALO,KAAK;IAAAC,iBAAA,GAAAR,IAAA,CACLS,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;EAEpB,oBACEf,MAAA,CAAAI,OAAA,CAAAa,aAAA,CAAChB,OAAA,CAAAiB,WAAW;IACVR,SAAS,EAAE,IAAAS,mBAAU,EAAC,SAAS,EAAET,SAAS,CAAE;IAC5CD,SAAS,EAAEA,SAAU;IACrBG,QAAQ,EAAEA,QAAS;IACnBI,YAAY,EAAEA,YAAa;IAC3BH,eAAe,EAAEA,eAAgB;IACjCO,IAAI,EAAC,QAAQ;IACbN,KAAK,EAAEA;EAAM,GAEZA,KAAK,IAAIA,KAAK,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAGA,KACxB,CAAC;AAElB,CAAC"}

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

@@ -6,35 +6,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledBadge = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _FontStyle = require("../FontStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledBadge = exports.StyledBadge = _styledComponents.default.div.withConfig({
+var StyledBadge = exports.StyledBadge = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledBadge",
   componentId: "sc-6o8do5-0"
-})(["", " align-items:center;background-color:", ";border:", ";block-size:", ";border-radius:100%;color:var(--color-theme-100);display:flex;font-size:10px;font-weight:500;inline-size:", ";justify-content:center;padding:", ";pointer-events:none;position:absolute;z-index:1;", " ", " ", " ", " ", ""], _FontStyle.FontStyle, props => !props.backgroundColor ? "var(--color-primary)" : props.backgroundColor, props => props.isStandalone ? "none" : "2px solid var(--page-paper-main)", props => props.dimension + "px", props => props.dimension + "px", props => props.value && (props.value > 99 ? "4px" : props.value < 100 && "2px"), _ref => {
-  let {
-    isStandalone
-  } = _ref;
+})(["", " align-items:center;background-color:", ";border:", ";block-size:", ";border-radius:100%;color:var(--color-theme-100);display:flex;font-size:10px;font-weight:500;inline-size:", ";justify-content:center;padding:", ";pointer-events:none;position:absolute;z-index:1;", " ", " ", " ", " ", ""], _FontStyle.FontStyle, function (props) {
+  return !props.backgroundColor ? "var(--color-primary)" : props.backgroundColor;
+}, function (props) {
+  return props.isStandalone ? "none" : "2px solid var(--page-paper-main)";
+}, function (props) {
+  return props.dimension + "px";
+}, function (props) {
+  return props.dimension + "px";
+}, function (props) {
+  return props.value && (props.value > 99 ? "4px" : props.value < 100 && "2px");
+}, function (_ref) {
+  var isStandalone = _ref.isStandalone;
   return isStandalone && (0, _styledComponents.css)(["position:static;z-index:0;"]);
-}, _ref2 => {
-  let {
-    position
-  } = _ref2;
+}, function (_ref2) {
+  var position = _ref2.position;
   return position === "top-left" && (0, _styledComponents.css)(["inset-block-start:0;inset-inline-start:0;"]);
-}, _ref3 => {
-  let {
-    position
-  } = _ref3;
+}, function (_ref3) {
+  var position = _ref3.position;
   return position === "top-right" && (0, _styledComponents.css)(["inset-block-start:0;inset-inline-end:0;"]);
-}, _ref4 => {
-  let {
-    position
-  } = _ref4;
+}, function (_ref4) {
+  var position = _ref4.position;
   return position === "bottom-right" && (0, _styledComponents.css)(["inset-block-end:0;inset-inline-end:0;"]);
-}, _ref5 => {
-  let {
-    position
-  } = _ref5;
+}, function (_ref5) {
+  var position = _ref5.position;
   return position === "bottom-left" && (0, _styledComponents.css)(["inset-block-end:0;inset-inline-start:0;"]);
 });
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledBadge","exports","styled","div","withConfig","displayName","componentId","FontStyle","props","backgroundColor","isStandalone","dimension","value","_ref","css","_ref2","position","_ref3","_ref4","_ref5"],"sources":["../../../../src/components/Badge/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BadgeProps } from \"./Badge\";\n\nexport const StyledBadge = styled.div<Partial<BadgeProps>>`\n  ${FontStyle}\n  align-items: center;\n  background-color: ${(props) =>\n    !props.backgroundColor ? \"var(--color-primary)\" : props.backgroundColor};\n  border: ${(props) =>\n    props.isStandalone ? \"none\" : \"2px solid var(--page-paper-main)\"};\n  block-size: ${(props) => props.dimension + \"px\"};\n  border-radius: 100%;\n  color: var(--color-theme-100);\n  display: flex;\n  font-size: 10px;\n  font-weight: 500;\n  inline-size: ${(props) => props.dimension + \"px\"};\n  justify-content: center;\n  padding: ${(props) =>\n    props.value && (props.value > 99 ? \"4px\" : props.value < 100 && \"2px\")};\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n\n  ${({ isStandalone }) =>\n    isStandalone &&\n    css`\n      position: static;\n      z-index: 0;\n    `}\n\n  ${({ position }) =>\n    position === \"top-left\" &&\n    css`\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    `}\n\n  ${({ position }) =>\n    position === \"top-right\" &&\n    css`\n      inset-block-start: 0;\n      inset-inline-end: 0;\n    `}\n\n    ${({ position }) =>\n    position === \"bottom-right\" &&\n    css`\n      inset-block-end: 0;\n      inset-inline-end: 0;\n    `}\n\n    ${({ position }) =>\n    position === \"bottom-left\" &&\n    css`\n      inset-block-end: 0;\n      inset-inline-start: 0;\n    `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAyC,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGlC,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4SACjCC,oBAAS,EAEUC,KAAK,IACxB,CAACA,KAAK,CAACC,eAAe,GAAG,sBAAsB,GAAGD,KAAK,CAACC,eAAe,EAC9DD,KAAK,IACdA,KAAK,CAACE,YAAY,GAAG,MAAM,GAAG,kCAAkC,EACnDF,KAAK,IAAKA,KAAK,CAACG,SAAS,GAAG,IAAI,EAM/BH,KAAK,IAAKA,KAAK,CAACG,SAAS,GAAG,IAAI,EAEpCH,KAAK,IACfA,KAAK,CAACI,KAAK,KAAKJ,KAAK,CAACI,KAAK,GAAG,EAAE,GAAG,KAAK,GAAGJ,KAAK,CAACI,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,EAKtEC,IAAA;EAAA,IAAC;IAAEH;EAAa,CAAC,GAAAG,IAAA;EAAA,OACjBH,YAAY,QACZI,qBAAG,iCAGF;AAAA,GAEDC,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OACbC,QAAQ,KAAK,UAAU,QACvBF,qBAAG,gDAGF;AAAA,GAEDG,KAAA;EAAA,IAAC;IAAED;EAAS,CAAC,GAAAC,KAAA;EAAA,OACbD,QAAQ,KAAK,WAAW,QACxBF,qBAAG,8CAGF;AAAA,GAECI,KAAA;EAAA,IAAC;IAAEF;EAAS,CAAC,GAAAE,KAAA;EAAA,OACfF,QAAQ,KAAK,cAAc,QAC3BF,qBAAG,4CAGF;AAAA,GAECK,KAAA;EAAA,IAAC;IAAEH;EAAS,CAAC,GAAAG,KAAA;EAAA,OACfH,QAAQ,KAAK,aAAa,QAC1BF,qBAAG,8CAGF;AAAA,EACJ"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledBadge","exports","styled","div","withConfig","displayName","componentId","FontStyle","props","backgroundColor","isStandalone","dimension","value","_ref","css","_ref2","position","_ref3","_ref4","_ref5"],"sources":["../../../../src/components/Badge/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BadgeProps } from \"./Badge\";\n\nexport const StyledBadge = styled.div<Partial<BadgeProps>>`\n  ${FontStyle}\n  align-items: center;\n  background-color: ${(props) =>\n    !props.backgroundColor ? \"var(--color-primary)\" : props.backgroundColor};\n  border: ${(props) =>\n    props.isStandalone ? \"none\" : \"2px solid var(--page-paper-main)\"};\n  block-size: ${(props) => props.dimension + \"px\"};\n  border-radius: 100%;\n  color: var(--color-theme-100);\n  display: flex;\n  font-size: 10px;\n  font-weight: 500;\n  inline-size: ${(props) => props.dimension + \"px\"};\n  justify-content: center;\n  padding: ${(props) =>\n    props.value && (props.value > 99 ? \"4px\" : props.value < 100 && \"2px\")};\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n\n  ${({ isStandalone }) =>\n    isStandalone &&\n    css`\n      position: static;\n      z-index: 0;\n    `}\n\n  ${({ position }) =>\n    position === \"top-left\" &&\n    css`\n      inset-block-start: 0;\n      inset-inline-start: 0;\n    `}\n\n  ${({ position }) =>\n    position === \"top-right\" &&\n    css`\n      inset-block-start: 0;\n      inset-inline-end: 0;\n    `}\n\n    ${({ position }) =>\n    position === \"bottom-right\" &&\n    css`\n      inset-block-end: 0;\n      inset-inline-end: 0;\n    `}\n\n    ${({ position }) =>\n    position === \"bottom-left\" &&\n    css`\n      inset-block-end: 0;\n      inset-inline-start: 0;\n    `}\n`;\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ Object.keys(_Badge).forEach(function (key) {
   if (key in exports && exports[key] === _Badge[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _Badge[key];
     }
   });

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

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

package/dist/cjs/components/BoxSizingStyle.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BoxSizingStyle = void 0;
 var _styledComponents = require("styled-components");
-const BoxSizingStyle = exports.BoxSizingStyle = (0, _styledComponents.css)(["box-sizing:border-box;*{box-sizing:border-box;}"]);
+var BoxSizingStyle = exports.BoxSizingStyle = (0, _styledComponents.css)(["box-sizing:border-box;*{box-sizing:border-box;}"]);
 //# sourceMappingURL=BoxSizingStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BoxSizingStyle.js","names":["_styledComponents","require","BoxSizingStyle","exports","css"],"sources":["../../../src/components/BoxSizingStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,OAAGE,qBAAG,sDAKhC"}
+{"version":3,"file":"BoxSizingStyle.js","names":["_styledComponents","require","BoxSizingStyle","exports","css"],"sources":["../../../src/components/BoxSizingStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,OAAGE,qBAAG,sDAKhC"}

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

@@ -11,49 +11,65 @@ var _List = require("../List");
 var _IconButton = require("../IconButton");
 var _Icons = require("../Icons");
 var _Styles = require("./Styles");
-const _excluded = ["children", "className", "separator"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+var _excluded = ["children", "className", "separator"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
-const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      separator = "/"
-    } = _ref,
+var Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+  var _dimensions$width, _childDimensions$widt;
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$separator = _ref.separator,
+    separator = _ref$separator === void 0 ? "/" : _ref$separator,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const internalRef = (0, _react.useRef)(null);
-  const listWrapperRef = (0, _react.useRef)(null);
-  const olRef = (0, _react.useRef)(null);
-  const widthCollectionRef = (0, _react.useRef)([]);
-  const handleRef = (0, _utils.useForkRef)(ref, internalRef);
-  const [menuBreadcrumbs, setMenuBreadcrumbs] = (0, _react.useState)(0);
-  const dimensions = (0, _utils.useResizeObserver)(internalRef);
-  const childDimensions = (0, _utils.useResizeObserver)(listWrapperRef);
-  const parentWidth = dimensions?.width ?? 0;
-  const childWidth = childDimensions?.width ?? 0;
-  const childrenCollection = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
-  const [menuCollection, listCollection] = (0, _react.useMemo)(() => {
-    return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
-  }, [childrenCollection, menuBreadcrumbs]);
-  (0, _react.useEffect)(() => {
+  var internalRef = (0, _react.useRef)(null);
+  var listWrapperRef = (0, _react.useRef)(null);
+  var olRef = (0, _react.useRef)(null);
+  var widthCollectionRef = (0, _react.useRef)([]);
+  var handleRef = (0, _utils.useForkRef)(ref, internalRef);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuBreadcrumbs = _useState2[0],
+    setMenuBreadcrumbs = _useState2[1];
+  var dimensions = (0, _utils.useResizeObserver)(internalRef);
+  var childDimensions = (0, _utils.useResizeObserver)(listWrapperRef);
+  var parentWidth = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : 0;
+  var childWidth = (_childDimensions$widt = childDimensions === null || childDimensions === void 0 ? void 0 : childDimensions.width) !== null && _childDimensions$widt !== void 0 ? _childDimensions$widt : 0;
+  var childrenCollection = (0, _react.useMemo)(function () {
+    return _react.default.Children.toArray(children);
+  }, [children]);
+  var _useMemo = (0, _react.useMemo)(function () {
+      return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
+    }, [childrenCollection, menuBreadcrumbs]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    menuCollection = _useMemo2[0],
+    listCollection = _useMemo2[1];
+  (0, _react.useEffect)(function () {
     widthCollectionRef.current = [];
     setMenuBreadcrumbs(0);
   }, [childrenCollection.length]);
-  (0, _react.useEffect)(() => {
-    const diffWidth = childWidth - parentWidth;
+  (0, _react.useEffect)(function () {
+    var diffWidth = childWidth - parentWidth;
     if (diffWidth > 0) {
-      const separatorWidth = olRef.current?.querySelectorAll(`[data-role="separator"]`)[0]?.offsetWidth ?? 0;
-      const breadcrumbItems = olRef.current?.querySelectorAll(`[data-role="item"]`) ?? [];
-      const childWidthCollection = [];
-      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;
-      let currentIndex = 0;
-      let childSumWidth = 0;
+      var _offsetWidth, _olRef$current, _olRef$current$queryS, _olRef$current$queryS2, _olRef$current2, _breadcrumbItems$leng;
+      var separatorWidth = (_offsetWidth = (_olRef$current = olRef.current) === null || _olRef$current === void 0 ? void 0 : (_olRef$current$queryS = _olRef$current.querySelectorAll(`[data-role="separator"]`)[0]) === null || _olRef$current$queryS === void 0 ? void 0 : _olRef$current$queryS.offsetWidth) !== null && _offsetWidth !== void 0 ? _offsetWidth : 0;
+      var breadcrumbItems = (_olRef$current$queryS2 = (_olRef$current2 = olRef.current) === null || _olRef$current2 === void 0 ? void 0 : _olRef$current2.querySelectorAll(`[data-role="item"]`)) !== null && _olRef$current$queryS2 !== void 0 ? _olRef$current$queryS2 : [];
+      var childWidthCollection = [];
+      var maxIndex = ((_breadcrumbItems$leng = breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length) !== null && _breadcrumbItems$leng !== void 0 ? _breadcrumbItems$leng : 1) - 1;
+      var currentIndex = 0;
+      var childSumWidth = 0;
       while (diffWidth > childSumWidth && maxIndex >= currentIndex) {
-        const childWidth = breadcrumbItems[currentIndex]?.offsetWidth ?? 0;
-        const result = separatorWidth + childWidth;
+        var _offsetWidth2, _breadcrumbItems$curr;
+        var _childWidth = (_offsetWidth2 = (_breadcrumbItems$curr = breadcrumbItems[currentIndex]) === null || _breadcrumbItems$curr === void 0 ? void 0 : _breadcrumbItems$curr.offsetWidth) !== null && _offsetWidth2 !== void 0 ? _offsetWidth2 : 0;
+        var result = separatorWidth + _childWidth;
         childWidthCollection.push(result);
         childSumWidth += result;
         currentIndex += 1;
@@ -62,29 +78,33 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef
         childWidthCollection.pop();
       }
       widthCollectionRef.current = [...widthCollectionRef.current, ...childWidthCollection];
-      setMenuBreadcrumbs(oldVal => oldVal + childWidthCollection.length);
+      setMenuBreadcrumbs(function (oldVal) {
+        return oldVal + childWidthCollection.length;
+      });
     }
   }, [listCollection.length, parentWidth, childWidth]);
-  (0, _react.useEffect)(() => {
-    const diffWidth = parentWidth - childWidth;
+  (0, _react.useEffect)(function () {
+    var diffWidth = parentWidth - childWidth;
     if (diffWidth > 0 && widthCollectionRef.current.length > 0) {
-      const total = widthCollectionRef.current.length;
-      const collection = [...widthCollectionRef.current];
-      let sumWidth = 0;
+      var total = widthCollectionRef.current.length;
+      var collection = [...widthCollectionRef.current];
+      var sumWidth = 0;
       while (diffWidth > sumWidth && collection.length > 0) {
-        const lastWidth = collection[collection.length - 1] ?? 0;
+        var _collection;
+        var lastWidth = (_collection = collection[collection.length - 1]) !== null && _collection !== void 0 ? _collection : 0;
         if (diffWidth < lastWidth + sumWidth) {
           sumWidth = diffWidth;
         } else {
-          sumWidth += collection.pop() ?? 0;
+          var _collection$pop;
+          sumWidth += (_collection$pop = collection.pop()) !== null && _collection$pop !== void 0 ? _collection$pop : 0;
         }
       }
-      const totalToDecrease = total - collection.length;
-      setMenuBreadcrumbs(oldVal => {
-        const newValue = oldVal - totalToDecrease;
+      var totalToDecrease = total - collection.length;
+      setMenuBreadcrumbs(function (oldVal) {
+        var newValue = oldVal - totalToDecrease;
         return newValue > 0 ? newValue : 0;
       });
-      const end = total - totalToDecrease;
+      var end = total - totalToDecrease;
       widthCollectionRef.current = end > 0 ? widthCollectionRef.current.slice(0, end) : [];
     }
   }, [parentWidth, childWidth]);
@@ -101,9 +121,11 @@ const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef
     target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
       variant: "text gray"
     }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuList, null, menuCollection.map((child, index) => /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-    key: index
-  }, child))))) : null, listCollection.map((child, index) => {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuList, null, menuCollection.map(function (child, index) {
+    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+      key: index
+    }, child);
+  })))) : null, listCollection.map(function (child, index) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
     }, index > 0 || menuCollection.length > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["_react","_interopRequireWildcard","require","_utils","_Menu","_List","_IconButton","_Icons","_Styles","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Breadcrumbs","exports","React","forwardRef","_ref","ref","children","className","separator","rest","internalRef","useRef","listWrapperRef","olRef","widthCollectionRef","handleRef","useForkRef","menuBreadcrumbs","setMenuBreadcrumbs","useState","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","childrenCollection","useMemo","Children","toArray","menuCollection","listCollection","slice","useEffect","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","createElement","StyledNavElement","StyledListWrapper","StyledOList","StyledBreadcrumbListItem","Menu","IconButton","variant","TreeDotsIcon","StyledMenuList","map","child","index","ListItem","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["_react","_interopRequireWildcard","require","_utils","_Menu","_List","_IconButton","_Icons","_Styles","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Breadcrumbs","exports","React","forwardRef","_ref","ref","_dimensions$width","_childDimensions$widt","children","className","_ref$separator","separator","rest","internalRef","useRef","listWrapperRef","olRef","widthCollectionRef","handleRef","useForkRef","_useState","useState","_useState2","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","childrenCollection","useMemo","Children","toArray","_useMemo","_useMemo2","menuCollection","listCollection","useEffect","current","diffWidth","_offsetWidth","_olRef$current","_olRef$current$queryS","_olRef$current$queryS2","_olRef$current2","_breadcrumbItems$leng","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","_offsetWidth2","_breadcrumbItems$curr","result","pop","oldVal","total","collection","sumWidth","_collection","lastWidth","_collection$pop","totalToDecrease","newValue","end","createElement","StyledNavElement","StyledListWrapper","StyledOList","StyledBreadcrumbListItem","Menu","IconButton","variant","TreeDotsIcon","StyledMenuList","map","child","index","ListItem","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAMkB,IAAAO,SAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,eAAAC,GAAA,EAAAZ,CAAA,WAAAa,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAZ,CAAA,KAAAe,2BAAA,CAAAH,GAAA,EAAAZ,CAAA,KAAAgB,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAA7B,CAAA,GAAAG,MAAA,CAAAI,SAAA,CAAAwB,QAAA,CAAAtB,IAAA,CAAAmB,CAAA,EAAAI,KAAA,aAAAhC,CAAA,iBAAA4B,CAAA,CAAAK,WAAA,EAAAjC,CAAA,GAAA4B,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAlC,CAAA,cAAAA,CAAA,mBAAAmC,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAA5B,CAAA,+DAAAqC,IAAA,CAAArC,CAAA,UAAA8B,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAL,MAAA,EAAAqB,GAAA,GAAAhB,GAAA,CAAAL,MAAA,WAAAP,CAAA,MAAA6B,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAA5B,CAAA,GAAA4B,GAAA,EAAA5B,CAAA,IAAA6B,IAAA,CAAA7B,CAAA,IAAAY,GAAA,CAAAZ,CAAA,UAAA6B,IAAA;AAAA,SAAAf,sBAAA9B,CAAA,EAAA8C,CAAA,QAAA7C,CAAA,WAAAD,CAAA,gCAAA+C,MAAA,IAAA/C,CAAA,CAAA+C,MAAA,CAAAC,QAAA,KAAAhD,CAAA,4BAAAC,CAAA,QAAAH,CAAA,EAAAQ,CAAA,EAAAU,CAAA,EAAAJ,CAAA,EAAAJ,CAAA,OAAAyC,CAAA,OAAAf,CAAA,iBAAAlB,CAAA,IAAAf,CAAA,GAAAA,CAAA,CAAAc,IAAA,CAAAf,CAAA,GAAAkD,IAAA,QAAAJ,CAAA,QAAArC,MAAA,CAAAR,CAAA,MAAAA,CAAA,UAAAgD,CAAA,uBAAAA,CAAA,IAAAnD,CAAA,GAAAkB,CAAA,CAAAD,IAAA,CAAAd,CAAA,GAAAkD,IAAA,MAAA3C,CAAA,CAAA4C,IAAA,CAAAtD,CAAA,CAAAuD,KAAA,GAAA7C,CAAA,CAAAe,MAAA,KAAAuB,CAAA,GAAAG,CAAA,iBAAAjD,CAAA,IAAAkC,CAAA,OAAA5B,CAAA,GAAAN,CAAA,yBAAAiD,CAAA,YAAAhD,CAAA,CAAAqD,MAAA,KAAA1C,CAAA,GAAAX,CAAA,CAAAqD,MAAA,IAAA7C,MAAA,CAAAG,CAAA,MAAAA,CAAA,2BAAAsB,CAAA,QAAA5B,CAAA,aAAAE,CAAA;AAAA,SAAAqB,gBAAAD,GAAA,QAAAa,KAAA,CAAAc,OAAA,CAAA3B,GAAA,UAAAA,GAAA;AAAA,SAAA4B,yBAAAhC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,GAAAqC,6BAAA,CAAAlC,MAAA,EAAAiC,QAAA,OAAAhC,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAkD,qBAAA,QAAAC,gBAAA,GAAAnD,MAAA,CAAAkD,qBAAA,CAAAnC,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAA4C,gBAAA,CAAArC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAmC,gBAAA,CAAA5C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAiD,oBAAA,CAAA/C,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAqC,8BAAAlC,MAAA,EAAAiC,QAAA,QAAAjC,MAAA,yBAAAH,MAAA,WAAA0C,UAAA,GAAAtD,MAAA,CAAAuD,IAAA,CAAAxC,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA+C,UAAA,CAAAxC,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAsC,UAAA,CAAA/C,CAAA,OAAAyC,QAAA,CAAAI,OAAA,CAAApC,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAOX,IAAM4C,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAGE,cAAK,CAACC,UAAU,CAIzC,UAAAC,IAAA,EAAoDC,GAAG,EAAK;EAAA,IAAAC,iBAAA,EAAAC,qBAAA;EAAA,IAAzDC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,GAAG,GAAAA,cAAA;IAAKE,IAAI,GAAArB,wBAAA,CAAAa,IAAA,EAAAzE,SAAA;EAChD,IAAMkF,WAAW,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EACpD,IAAMC,cAAc,GAAG,IAAAD,aAAM,EAAwB,IAAI,CAAC;EAC1D,IAAME,KAAK,GAAG,IAAAF,aAAM,EAA0B,IAAI,CAAC;EACnD,IAAMG,kBAAkB,GAAG,IAAAH,aAAM,EAAW,EAAE,CAAC;EAC/C,IAAMI,SAAS,GAAG,IAAAC,iBAAU,EAACd,GAAG,EAAEQ,WAAW,CAAC;EAC9C,IAAAO,SAAA,GAA8C,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,GAAA5D,cAAA,CAAA0D,SAAA;IAAlDG,eAAe,GAAAD,UAAA;IAAEE,kBAAkB,GAAAF,UAAA;EAC1C,IAAMG,UAAU,GAAG,IAAAC,wBAAiB,EAACb,WAAW,CAAC;EACjD,IAAMc,eAAe,GAAG,IAAAD,wBAAiB,EAACX,cAAc,CAAC;EAEzD,IAAMa,WAAW,IAAAtB,iBAAA,GAAGmB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEI,KAAK,cAAAvB,iBAAA,cAAAA,iBAAA,GAAI,CAAC;EAC1C,IAAMwB,UAAU,IAAAvB,qBAAA,GAAGoB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEE,KAAK,cAAAtB,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EAE9C,IAAMwB,kBAAkB,GAAG,IAAAC,cAAO,EAChC;IAAA,OAAM9B,cAAK,CAAC+B,QAAQ,CAACC,OAAO,CAAC1B,QAAQ,CAAC;EAAA,GACtC,CAACA,QAAQ,CACX,CAAC;EAED,IAAA2B,QAAA,GAAyC,IAAAH,cAAO,EAAC,YAAM;MACrD,OAAO,CACLD,kBAAkB,CAAC1D,KAAK,CAAC,CAAC,EAAEkD,eAAe,CAAC,EAC5CQ,kBAAkB,CAAC1D,KAAK,CAACkD,eAAe,EAAEQ,kBAAkB,CAACzE,MAAM,CAAC,CACrE;IACH,CAAC,EAAE,CAACyE,kBAAkB,EAAER,eAAe,CAAC,CAAC;IAAAa,SAAA,GAAA1E,cAAA,CAAAyE,QAAA;IALlCE,cAAc,GAAAD,SAAA;IAAEE,cAAc,GAAAF,SAAA;EAOrC,IAAAG,gBAAS,EAAC,YAAM;IACdtB,kBAAkB,CAACuB,OAAO,GAAG,EAAE;IAC/BhB,kBAAkB,CAAC,CAAC,CAAC;EACvB,CAAC,EAAE,CAACO,kBAAkB,CAACzE,MAAM,CAAC,CAAC;EAE/B,IAAAiF,gBAAS,EAAC,YAAM;IACd,IAAME,SAAS,GAAGX,UAAU,GAAGF,WAAW;IAE1C,IAAIa,SAAS,GAAG,CAAC,EAAE;MAAA,IAAAC,YAAA,EAAAC,cAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,qBAAA;MACjB,IAAMC,cAAc,IAAAN,YAAA,IAAAC,cAAA,GAEhB3B,KAAK,CAACwB,OAAO,cAAAG,cAAA,wBAAAC,qBAAA,GAAbD,cAAA,CAAeM,gBAAgB,CAC5B,yBACH,CAAC,CAAC,CAAC,CAAC,cAAAL,qBAAA,uBAHNA,qBAAA,CAIGM,WAAW,cAAAR,YAAA,cAAAA,YAAA,GAAI,CAAC;MACrB,IAAMS,eAAe,IAAAN,sBAAA,IAAAC,eAAA,GACnB9B,KAAK,CAACwB,OAAO,cAAAM,eAAA,uBAAbA,eAAA,CAAeG,gBAAgB,CAAE,oBAAmB,CAAC,cAAAJ,sBAAA,cAAAA,sBAAA,GAAI,EAAE;MAC7D,IAAMO,oBAA8B,GAAG,EAAE;MAEzC,IAAMC,QAAQ,GAAG,EAAAN,qBAAA,GAACI,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAE7F,MAAM,cAAAyF,qBAAA,cAAAA,qBAAA,GAAI,CAAC,IAAI,CAAC;MACnD,IAAIO,YAAY,GAAG,CAAC;MACpB,IAAIC,aAAa,GAAG,CAAC;MAErB,OAAOd,SAAS,GAAGc,aAAa,IAAIF,QAAQ,IAAIC,YAAY,EAAE;QAAA,IAAAE,aAAA,EAAAC,qBAAA;QAC5D,IAAM3B,WAAU,IAAA0B,aAAA,IAAAC,qBAAA,GACbN,eAAe,CAACG,YAAY,CAAC,cAAAG,qBAAA,uBAA9BA,qBAAA,CAAkDP,WAAW,cAAAM,aAAA,cAAAA,aAAA,GAAI,CAAC;QACpE,IAAME,MAAM,GAAGV,cAAc,GAAGlB,WAAU;QAC1CsB,oBAAoB,CAACjE,IAAI,CAACuE,MAAM,CAAC;QACjCH,aAAa,IAAIG,MAAM;QACvBJ,YAAY,IAAI,CAAC;MACnB;MAEA,IAAIF,oBAAoB,CAAC9F,MAAM,KAAKgF,cAAc,CAAChF,MAAM,EAAE;QACzD8F,oBAAoB,CAACO,GAAG,CAAC,CAAC;MAC5B;MAEA1C,kBAAkB,CAACuB,OAAO,GAAG,CAC3B,GAAGvB,kBAAkB,CAACuB,OAAO,EAC7B,GAAGY,oBAAoB,CACxB;MAED5B,kBAAkB,CAAC,UAACoC,MAAM;QAAA,OAAKA,MAAM,GAAGR,oBAAoB,CAAC9F,MAAM;MAAA,EAAC;IACtE;EACF,CAAC,EAAE,CAACgF,cAAc,CAAChF,MAAM,EAAEsE,WAAW,EAAEE,UAAU,CAAC,CAAC;EAEpD,IAAAS,gBAAS,EAAC,YAAM;IACd,IAAME,SAAS,GAAGb,WAAW,GAAGE,UAAU;IAE1C,IAAIW,SAAS,GAAG,CAAC,IAAIxB,kBAAkB,CAACuB,OAAO,CAAClF,MAAM,GAAG,CAAC,EAAE;MAC1D,IAAMuG,KAAK,GAAG5C,kBAAkB,CAACuB,OAAO,CAAClF,MAAM;MAC/C,IAAMwG,UAAU,GAAG,CAAC,GAAG7C,kBAAkB,CAACuB,OAAO,CAAC;MAElD,IAAIuB,QAAQ,GAAG,CAAC;MAEhB,OAAOtB,SAAS,GAAGsB,QAAQ,IAAID,UAAU,CAACxG,MAAM,GAAG,CAAC,EAAE;QAAA,IAAA0G,WAAA;QACpD,IAAMC,SAAS,IAAAD,WAAA,GAAGF,UAAU,CAACA,UAAU,CAACxG,MAAM,GAAG,CAAC,CAAC,cAAA0G,WAAA,cAAAA,WAAA,GAAI,CAAC;QACxD,IAAIvB,SAAS,GAAGwB,SAAS,GAAGF,QAAQ,EAAE;UACpCA,QAAQ,GAAGtB,SAAS;QACtB,CAAC,MAAM;UAAA,IAAAyB,eAAA;UACLH,QAAQ,KAAAG,eAAA,GAAIJ,UAAU,CAACH,GAAG,CAAC,CAAC,cAAAO,eAAA,cAAAA,eAAA,GAAI,CAAC;QACnC;MACF;MAEA,IAAMC,eAAe,GAAGN,KAAK,GAAGC,UAAU,CAACxG,MAAM;MAEjDkE,kBAAkB,CAAC,UAACoC,MAAM,EAAK;QAC7B,IAAMQ,QAAQ,GAAGR,MAAM,GAAGO,eAAe;QACzC,OAAOC,QAAQ,GAAG,CAAC,GAAGA,QAAQ,GAAG,CAAC;MACpC,CAAC,CAAC;MAEF,IAAMC,GAAG,GAAGR,KAAK,GAAGM,eAAe;MAEnClD,kBAAkB,CAACuB,OAAO,GACxB6B,GAAG,GAAG,CAAC,GAAGpD,kBAAkB,CAACuB,OAAO,CAACnE,KAAK,CAAC,CAAC,EAAEgG,GAAG,CAAC,GAAG,EAAE;IAC3D;EACF,CAAC,EAAE,CAACzC,WAAW,EAAEE,UAAU,CAAC,CAAC;EAE7B,oBACE5G,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAA6I,gBAAgB,EAAAtH,QAAA;IAACwD,SAAS,EAAEA,SAAU;IAACJ,GAAG,EAAEa;EAAU,GAAKN,IAAI,gBAC9D1F,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAA8I,iBAAiB;IAACnE,GAAG,EAAEU;EAAe,gBACrC7F,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAA+I,WAAW;IAACpE,GAAG,EAAEW;EAAM,GACrBqB,cAAc,CAAC/E,MAAM,GAAG,CAAC,gBACxBpC,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAAgJ,wBAAwB;IAAC,aAAU;EAAM,gBACxCxJ,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAChJ,KAAA,CAAAqJ,IAAI;IACHvH,MAAM,eACJlC,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC9I,WAAA,CAAAoJ,UAAU;MAACC,OAAO,EAAC;IAAW,gBAC7B3J,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC7I,MAAA,CAAAqJ,YAAY,MAAE,CACL;EACb,gBAED5J,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAAqJ,cAAc,QACZ1C,cAAc,CAAC2C,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;IAAA,oBAC/BhK,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC/I,KAAA,CAAA4J,QAAQ;MAAC3H,GAAG,EAAE0H;IAAM,GAAED,KAAgB,CAAC;EAAA,CACzC,CACa,CACZ,CACkB,CAAC,GACzB,IAAI,EACP3C,cAAc,CAAC0C,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IACpC,oBACEhK,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAACpJ,MAAA,CAAAgB,OAAK,CAACkJ,QAAQ;MAAC5H,GAAG,EAAE0H;IAAM,GACxBA,KAAK,GAAG,CAAC,IAAI7C,cAAc,CAAC/E,MAAM,GAAG,CAAC,gBACrCpC,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAAgJ,wBAAwB;MAAC,aAAU;IAAW,GAC5C/D,SACuB,CAAC,GACzB,IAAI,eACRzF,MAAA,CAAAgB,OAAA,CAAAoI,aAAA,CAAC5I,OAAA,CAAAgJ,wBAAwB;MAAC,aAAU;IAAM,GACvCO,KACuB,CACZ,CAAC;EAErB,CAAC,CACU,CACI,CACH,CAAC;AAEvB,CAAC,CAAC;AAEFjF,WAAW,CAACqF,WAAW,GAAG,aAAa"}

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

@@ -9,7 +9,7 @@ var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 var _List = require("../List");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledNavElement = exports.StyledNavElement = _styledComponents.default.nav.withConfig({
+var StyledNavElement = exports.StyledNavElement = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNavElement",
   componentId: "sc-rxaesd-0"
 })(["", " ", " ", " ", ""], {
@@ -18,14 +18,14 @@ const StyledNavElement = exports.StyledNavElement = _styledComponents.default.na
   "overflow": "hidden"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledNavElement.displayName = "StyledNavElement";
-const StyledListWrapper = exports.StyledListWrapper = _styledComponents.default.div.withConfig({
+var StyledListWrapper = exports.StyledListWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledListWrapper",
   componentId: "sc-rxaesd-1"
 })(["", ""], {
   "display": "inline-block"
 });
 StyledListWrapper.displayName = "StyledListWrapper";
-const StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfig({
+var StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfig({
   displayName: "Styles__StyledOList",
   componentId: "sc-rxaesd-2"
 })(["", " ", " ", " ", " ", " ", ""], {
@@ -42,7 +42,7 @@ const StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfi
   "margin": "0px"
 });
 StyledOList.displayName = "StyledOList";
-const StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
+var StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
   displayName: "Styles__StyledMenuList",
   componentId: "sc-rxaesd-3"
 })(["", ""], {
@@ -50,7 +50,7 @@ const StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_
   "paddingBottom": "0.5rem"
 });
 StyledMenuList.displayName = "StyledMenuList";
-const StyledBreadcrumbListItem = exports.StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
+var StyledBreadcrumbListItem = exports.StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledBreadcrumbListItem",
   componentId: "sc-rxaesd-4"
 })(["", " ", ""], {