@epignosis_llc/gnosis 3.0.1 → 3.0.3

package/dist/esm/src/components/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true, ...rest }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })} {...rest}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","rest","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAMA,WAAiC,GAAG,SAApCA,WAAoC,CAAuD,IAAA,EAAA;AAAA,EAApDC,IAAAA,OAAoD,QAApDA,OAAoD;AAAA,MAAA,SAAA,GAAA,IAAA,CAA3CC,IAA2C;AAAA,MAA3CA,IAA2C,0BAApC,IAAoC,GAAA,SAAA;AAAA,MAAA,YAAA,GAAA,IAAA,CAA9BC,OAA8B;AAAA,MAA9BA,OAA8B,6BAApB,IAAoB,GAAA,YAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAC/F,EAAMC,IAAAA,cAAc,GAAGJ,OAAO,IAAI,CAAX,IAAgBA,OAAO,IAAI,GAAlD,CAAA;AAEA,EACE,OAAAK,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;AAAK,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,OAAO,EAAPA,OAAF;AAAWC,QAAAA,IAAI,EAAJA,IAAX;AAAiBC,QAAAA,OAAO,EAAPA,OAAAA;AAAjB,OAAR,CAAtC,CAAA;AAAA,KAAA;AAAV,GAAA,EAAyFC,IAAzF,CACGC,EAAAA,cAAc,IAAIC,GAAML,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,OAAN,MADrB,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { container } from \"./styles\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  percent: number;\n  size?: Size;\n  rounded?: boolean;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percent, size = \"md\", rounded = true, ...rest }) => {\n  const showPercentage = percent >= 0 && percent <= 100;\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { percent, size, rounded })} {...rest}>\n      {showPercentage && <div>{percent}%</div>}\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBar","percent","size","rounded","rest","showPercentage","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;AAYA,IAAMA,WAAiC,GAAG,SAApCA,WAAiC,CAA0D,IAAA,EAAA;EAAA,IAApDC,OAAO,QAAPA,OAAO;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CAAEC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,IAAI,GAAA,YAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EACxF,IAAMC,cAAc,GAAGJ,OAAO,IAAI,CAAC,IAAIA,OAAO,IAAI,GAAG,CAAA;EAErD,OACEK,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IAAK,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,SAAS,CAACD,KAAK,EAAE;AAAEN,QAAAA,OAAO,EAAPA,OAAO;AAAEC,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,OAAO,EAAPA,OAAAA;AAAQ,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAAKC,IAAI,CAC1FC,EAAAA,cAAc,IAAIC,GAAML,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,OAAO,MAAQ,CACpC,CAAA;AAEV;;;;"}

package/dist/esm/src/components/ProgressBar/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -15,11 +15,10 @@ var progressBarSize = {
 var container = function container(_ref, _ref2) {
   var progressBar = _ref.progressBar;
   var percent = _ref2.percent,
-      size = _ref2.size,
-      rounded = _ref2.rounded;
+    size = _ref2.size,
+    rounded = _ref2.rounded;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("position:relative;height:", progressBarSize[size], ";width:100%;background-color:", progressBar.background, ";", rounded && "border-radius: 5px", ";overflow:hidden;&::after{content:\" \";position:absolute;top:0;left:0;height:100%;min-width:", percent ? "20%" : "0%", ";width:", percent, "%;background-color:", progressBar.progressBackground, ";}div{position:absolute;z-index:1;height:100%;width:", percent - 5, "%;max-width:95%;min-width:", percent ? "13%" : "0%", ";display:flex;padding-left:1rem;justify-content:flex-end;align-items:center;color:", progressBar.percentColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vUHJvZ3Jlc3NCYXJcIjtcblxuY29uc3QgcHJvZ3Jlc3NCYXJTaXplID0ge1xuICBtZDogXCIyOHB4XCIsXG4gIGxnOiBcIjQwcHhcIixcbn07XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcHJvZ3Jlc3NCYXIgfTogVGhlbWUsXG4gIHsgcGVyY2VudCwgc2l6ZSwgcm91bmRlZCB9OiB7IHBlcmNlbnQ6IG51bWJlcjsgc2l6ZTogU2l6ZTsgcm91bmRlZDogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogJHtwcm9ncmVzc0JhclNpemVbc2l6ZV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvZ3Jlc3NCYXIuYmFja2dyb3VuZH07XG4gICAgJHtyb3VuZGVkICYmIFwiYm9yZGVyLXJhZGl1czogNXB4XCJ9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIiBcIjtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBtaW4td2lkdGg6ICR7cGVyY2VudCA/IFwiMjAlXCIgOiBcIjAlXCJ9O1xuICAgICAgd2lkdGg6ICR7cGVyY2VudH0lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9ncmVzc0Jhci5wcm9ncmVzc0JhY2tncm91bmR9O1xuICAgIH1cblxuICAgIGRpdiB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgd2lkdGg6ICR7cGVyY2VudCAtIDV9JTtcbiAgICAgIG1heC13aWR0aDogOTUlO1xuICAgICAgbWluLXdpZHRoOiAke3BlcmNlbnQgPyBcIjEzJVwiIDogXCIwJVwifTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDFyZW07XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiAke3Byb2dyZXNzQmFyLnBlcmNlbnRDb2xvcn07XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );

package/dist/esm/src/components/ProgressBar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./ProgressBar\";\n\nconst progressBarSize = {\n  md: \"28px\",\n  lg: \"40px\",\n};\n\nexport const container = (\n  { progressBar }: Theme,\n  { percent, size, rounded }: { percent: number; size: Size; rounded: boolean },\n): SerializedStyles => {\n  return css`\n    position: relative;\n    height: ${progressBarSize[size]};\n    width: 100%;\n    background-color: ${progressBar.background};\n    ${rounded && \"border-radius: 5px\"};\n    overflow: hidden;\n\n    &::after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      min-width: ${percent ? \"20%\" : \"0%\"};\n      width: ${percent}%;\n      background-color: ${progressBar.progressBackground};\n    }\n\n    div {\n      position: absolute;\n      z-index: 1;\n      height: 100%;\n      width: ${percent - 5}%;\n      max-width: 95%;\n      min-width: ${percent ? \"13%\" : \"0%\"};\n      display: flex;\n      padding-left: 1rem;\n      justify-content: flex-end;\n      align-items: center;\n      color: ${progressBar.percentColor};\n    }\n  `;\n};\n"],"names":["progressBarSize","md","lg","container","progressBar","percent","size","rounded","css","background","progressBackground","percentColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,MADkB;AAEtBC,EAAAA,EAAE,EAAE,MAAA;AAFkB,CAAxB,CAAA;AAKaC,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAGF,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,WAEmB,QAFnBA,WAEmB,CAAA;AAAA,EADnBC,IAAAA,OACmB,SADnBA,OACmB;AAAA,MADVC,IACU,SADVA,IACU;AAAA,MADJC,OACI,SADJA,OACI,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAEYR,2BAAAA,EAAAA,eAAe,CAACM,IAAD,CAF3B,EAIsBF,+BAAAA,EAAAA,WAAW,CAACK,UAJlC,OAKIF,OAAO,IAAI,oBALf,EAciBF,+FAAAA,EAAAA,OAAO,GAAG,KAAH,GAAW,IAdnC,EAAA,SAAA,EAeaA,OAfb,EAgBwBD,qBAAAA,EAAAA,WAAW,CAACM,kBAhBpC,EAAA,sDAAA,EAuBaL,OAAO,GAAG,CAvBvB,EAyBiBA,4BAAAA,EAAAA,OAAO,GAAG,KAAH,GAAW,IAzBnC,EA8BaD,oFAAAA,EAAAA,WAAW,CAACO,YA9BzB,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6uDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAiCD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./ProgressBar\";\n\nconst progressBarSize = {\n  md: \"28px\",\n  lg: \"40px\",\n};\n\nexport const container = (\n  { progressBar }: Theme,\n  { percent, size, rounded }: { percent: number; size: Size; rounded: boolean },\n): SerializedStyles => {\n  return css`\n    position: relative;\n    height: ${progressBarSize[size]};\n    width: 100%;\n    background-color: ${progressBar.background};\n    ${rounded && \"border-radius: 5px\"};\n    overflow: hidden;\n\n    &::after {\n      content: \" \";\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      min-width: ${percent ? \"20%\" : \"0%\"};\n      width: ${percent}%;\n      background-color: ${progressBar.progressBackground};\n    }\n\n    div {\n      position: absolute;\n      z-index: 1;\n      height: 100%;\n      width: ${percent - 5}%;\n      max-width: 95%;\n      min-width: ${percent ? \"13%\" : \"0%\"};\n      display: flex;\n      padding-left: 1rem;\n      justify-content: flex-end;\n      align-items: center;\n      color: ${progressBar.percentColor};\n    }\n  `;\n};\n"],"names":["progressBarSize","md","lg","container","progressBar","percent","size","rounded","css","background","progressBackground","percentColor"],"mappings":";;;;;;;;;;AAGA,IAAMA,eAAe,GAAG;AACtBC,EAAAA,EAAE,EAAE,MAAM;AACVC,EAAAA,EAAE,EAAE,MAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,WAAW,QAAXA,WAAW,CAAA;EAAA,IACXC,OAAO,SAAPA,OAAO;AAAEC,IAAAA,IAAI,SAAJA,IAAI;AAAEC,IAAAA,OAAO,SAAPA,OAAO,CAAA;AAExB,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,8BAEER,eAAe,CAACM,IAAI,CAAC,mCAEXF,WAAW,CAACK,UAAU,EAAA,GAAA,EACxCF,OAAO,IAAI,oBAAoB,mGASlBF,OAAO,GAAG,KAAK,GAAG,IAAI,EAC1BA,SAAAA,EAAAA,OAAO,yBACID,WAAW,CAACM,kBAAkB,EAAA,sDAAA,EAOzCL,OAAO,GAAG,CAAC,EAEPA,4BAAAA,EAAAA,OAAO,GAAG,KAAK,GAAG,IAAI,EAK1BD,oFAAAA,EAAAA,WAAW,CAACO,YAAY,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6uDAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAGvC;;;;"}

package/dist/esm/src/components/Result/Result.js

@@ -2,45 +2,35 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
-import '../../../node_modules/@umijs/use-request/es/index.js';
-import '../../../node_modules/lodash.isequal/index.js';
-import '../../../node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js';
-import { useResponsive } from '../../../node_modules/@umijs/hooks/es/useResponsive/index.js';
-import '../../../node_modules/screenfull/dist/screenfull.js';
-import '../../../node_modules/intersection-observer/intersection-observer.js';
-import '../../../node_modules/@umijs/hooks/es/useTextSelection/index.js';
+import { useResponsive } from '../../../node_modules/ahooks/es/useResponsive/index.js';
 import Heading from '../Heading/Heading.js';
 import Text from '../Text/Text.js';
 import { container } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var _excluded = ["icon", "title", "info", "footer", "size"];
-
 var getIconSize = function getIconSize(isMd) {
   return {
     md: isMd ? 100 : 75,
     lg: isMd ? 180 : 135
   };
 };
-
 var Result = function Result(_ref) {
   var icon = _ref.icon,
-      title = _ref.title,
-      info = _ref.info,
-      footer = _ref.footer,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "lg" : _ref$size,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    title = _ref.title,
+    info = _ref.info,
+    footer = _ref.footer,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "lg" : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
-      md = _useResponsive.md;
-
+    md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
   return jsx("article", _extends({

package/dist/esm/src/components/Result/Result.js.map

@@ -1 +1 @@
-{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"@umijs/hooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAA;AAAA,EAA8B,OAAA;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAH,GAAS,EAD+B;AAEhDE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAH,GAAS,GAAA;AAF+B,GAA9B,CAAA;AAAA,CAApB,CAAA;;AAKA,IAAMG,MAAuB,GAAG,SAA1BA,MAA0B,CAAyD,IAAA,EAAA;AAAA,EAAtDC,IAAAA,IAAsD,QAAtDA,IAAsD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,IAAyC,QAAzCA,IAAyC;AAAA,MAAnCC,MAAmC,QAAnCA,MAAmC;AAAA,MAAA,SAAA,GAAA,IAAA,CAA3BC,IAA2B;AAAA,MAA3BA,IAA2B,0BAApB,IAAoB,GAAA,SAAA;AAAA,MAAXC,IAAW,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACvF,EAAA,IAAA,cAAA,GAAeC,aAAa,EAA5B;AAAA,MAAQT,EAAR,kBAAQA,EAAR,CAAA;;AACA,EAAMU,IAAAA,IAAI,GAAGP,IAAb,CAAA;AACA,EAAA,IAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAD,CAA5B,CAAA;AAEA,EACE,OAAAY,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AACE,IAAA,aAAA,EAAY,uBADd;AAEE,IAAA,GAAG,EAAE,SAAA,GAAA,CAACC,KAAD,EAAA;AAAA,MAA6BC,OAAAA,SAAS,CAACD,KAAD,EAAQ;AAAEN,QAAAA,IAAI,EAAJA,IAAAA;AAAF,OAAR,CAAtC,CAAA;AAAA,KAAA;AAFP,GAAA,EAGMC,IAHN,CAAA,EAKGE,IAAI,IAAIE,IAAC,IAAD,EAAA;AAAM,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAD,CAAtB;AAA8B,IAAY,aAAA,EAAA,aAAA;AAA1C,GAAA,CALX,EAMEK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,MAAA;AAAf,GAAA,EACEA,IAAC,OAAD,EAAA;AAAS,IAAA,EAAE,EAAC,IAAA;AAAZ,GAAA,EAAkBR,KAAlB,CADF,EAEGC,IAAI,IACHO,IAAC,IAAD,EAAA;AAAM,IAAA,QAAQ,EAAEL,IAAhB;AAA0C,IAAA,EAAE,EAAC,GAAA;AAA7C,GACGF,EAAAA,IADH,CAHJ,CANF,EAcGC,MAAM,IAAIM,GAAA,CAAA,QAAA,EAAA,IAAA,EAASN,MAAT,CAdb,CADF,CAAA;AAkBD;;;;"}
+{"version":3,"file":"Result.js","sources":["../../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { useResponsive } from \"ahooks\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Heading from \"../Heading/Heading\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { IconType } from \"types/common\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type Size = \"md\" | \"lg\";\n\nexport type ResultProps = React.HTMLAttributes<HTMLElement> & {\n  icon?: IconType;\n  title: string;\n  info?: string;\n  size?: Size;\n  footer?: ReactNode;\n};\n\ntype IconSize = {\n  md: number;\n  lg: number;\n};\n\nconst getIconSize = (isMd: boolean): IconSize => ({\n  md: isMd ? 100 : 75,\n  lg: isMd ? 180 : 135,\n});\n\nconst Result: FC<ResultProps> = ({ icon, title, info, footer, size = \"lg\", ...rest }) => {\n  const { md } = useResponsive();\n  const Icon = icon;\n  const iconSize = getIconSize(md);\n\n  return (\n    <article\n      data-testid=\"empty-state-container\"\n      css={(theme): SerializedStyles => container(theme, { size })}\n      {...rest}\n    >\n      {Icon && <Icon height={iconSize[size]} data-testid=\"result-icon\" />}\n      <div className=\"body\">\n        <Heading as=\"h3\">{title}</Heading>\n        {info && (\n          <Text fontSize={size as TypographyLevels} as=\"p\">\n            {info}\n          </Text>\n        )}\n      </div>\n      {footer && <footer>{footer}</footer>}\n    </article>\n  );\n};\n\nexport default Result;\n"],"names":["getIconSize","isMd","md","lg","Result","icon","title","info","footer","size","rest","useResponsive","Icon","iconSize","___EmotionJSX","theme","container"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAa,EAAA;EAAA,OAAgB;AAChDC,IAAAA,EAAE,EAAED,IAAI,GAAG,GAAG,GAAG,EAAE;AACnBE,IAAAA,EAAE,EAAEF,IAAI,GAAG,GAAG,GAAG,GAAA;GAClB,CAAA;AAAA,CAAC,CAAA;AAEF,IAAMG,MAAuB,GAAG,SAA1BA,MAAuB,CAA4D,IAAA,EAAA;EAAA,IAAtDC,IAAI,QAAJA,IAAI;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,IAAI,QAAJA,IAAI;AAAEC,IAAAA,MAAM,QAANA,MAAM;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAChF,EAAA,IAAA,cAAA,GAAeC,aAAa,EAAE;AAAtBT,IAAAA,EAAE,kBAAFA,EAAE,CAAA;EACV,IAAMU,IAAI,GAAGP,IAAI,CAAA;AACjB,EAAA,IAAMQ,QAAQ,GAAGb,WAAW,CAACE,EAAE,CAAC,CAAA;EAEhC,OACEY,GAAA,CAAA,SAAA,EAAA,QAAA,CAAA;AACE,IAAA,aAAA,EAAY,uBAAuB;IACnC,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,SAAS,CAACD,KAAK,EAAE;AAAEN,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EACzDC,IAAI,CAAA,EAEPE,IAAI,IAAIE,IAAC,IAAI,EAAA;AAAC,IAAA,MAAM,EAAED,QAAQ,CAACJ,IAAI,CAAE;IAAC,aAAY,EAAA,aAAA;AAAa,GAAA,CAAG,EACnEK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,MAAA;AAAM,GAAA,EACnBA,IAAC,OAAO,EAAA;AAAC,IAAA,EAAE,EAAC,IAAA;AAAI,GAAA,EAAER,KAAK,CAAW,EACjCC,IAAI,IACHO,IAAC,IAAI,EAAA;AAAC,IAAA,QAAQ,EAAEL,IAAyB;AAAC,IAAA,EAAE,EAAC,GAAA;GAC1CF,EAAAA,IAAI,CAER,CACG,EACLC,MAAM,IAAIM,GAAA,CAAA,QAAA,EAAA,IAAA,EAASN,MAAM,CAAU,CAC5B,CAAA;AAEd;;;;"}

package/dist/esm/src/components/Result/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -11,11 +11,10 @@ import { mq } from '../../theme/utils/breakpoints.js';
 
 var container = function container(_ref, _ref2) {
   var typeScaleSizes = _ref.typeScaleSizes,
-      result = _ref.result;
+    result = _ref.result;
   var size = _ref2.size;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
     css("height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;.body{text-align:center;margin-top:2rem;h3{line-height:1;color:", result.titleColor, ";margin-bottom:1rem;", mq["sm"], "{font-size:", size === "lg" ? typeScaleSizes.xl : typeScaleSizes.md, ";}}p{color:", result.infoColor, ";}}footer{margin-top:1rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBTaXplIH0gZnJvbSBcIi4vUmVzdWx0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9IChcbiAgeyB0eXBlU2NhbGVTaXplcywgcmVzdWx0IH06IFRoZW1lLFxuICB7IHNpemUgfTogeyBzaXplOiBTaXplIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuXG4gICAgLmJvZHkge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgbWFyZ2luLXRvcDogMnJlbTtcblxuICAgICAgaDMge1xuICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgY29sb3I6ICR7cmVzdWx0LnRpdGxlQ29sb3J9O1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAgICR7bXFbXCJzbVwiXX0ge1xuICAgICAgICAgIGZvbnQtc2l6ZTogJHtzaXplID09PSBcImxnXCIgPyB0eXBlU2NhbGVTaXplcy54bCA6IHR5cGVTY2FsZVNpemVzLm1kfTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBwIHtcbiAgICAgICAgY29sb3I6ICR7cmVzdWx0LmluZm9Db2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgZm9vdGVyIHtcbiAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );

package/dist/esm/src/components/Result/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Result/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Result\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = (\n  { typeScaleSizes, result }: Theme,\n  { size }: { size: Size },\n): SerializedStyles => {\n  return css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n\n    .body {\n      text-align: center;\n      margin-top: 2rem;\n\n      h3 {\n        line-height: 1;\n        color: ${result.titleColor};\n        margin-bottom: 1rem;\n\n        ${mq[\"sm\"]} {\n          font-size: ${size === \"lg\" ? typeScaleSizes.xl : typeScaleSizes.md};\n        }\n      }\n\n      p {\n        color: ${result.infoColor};\n      }\n    }\n\n    footer {\n      margin-top: 1rem;\n    }\n  `;\n};\n"],"names":["container","typeScaleSizes","result","size","css","titleColor","mq","xl","md","infoColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,SAAS,GAAG,SAAZA,SAAY,CAGF,IAAA,EAAA,KAAA,EAAA;AAAA,EAFnBC,IAAAA,cAEmB,QAFnBA,cAEmB;AAAA,MAFHC,MAEG,QAFHA,MAEG,CAAA;AAAA,EADnBC,IAAAA,IACmB,SADnBA,IACmB,CAAA;AACrB,EAAA;AAAA;;AAAA;AAAOC,IAAAA,GAAP,CAceF,yKAAAA,EAAAA,MAAM,CAACG,UAdtB,0BAiBQC,EAAE,CAAC,IAAD,CAjBV,EAkBqBH,aAAAA,EAAAA,IAAI,KAAK,IAAT,GAAgBF,cAAc,CAACM,EAA/B,GAAoCN,cAAc,CAACO,EAlBxE,EAAA,aAAA,EAuBeN,MAAM,CAACO,SAvBtB,EAAA,6BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AA+BD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Result/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { Size } from \"./Result\";\nimport { mq } from \"@theme/utils/breakpoints\";\n\nexport const container = (\n  { typeScaleSizes, result }: Theme,\n  { size }: { size: Size },\n): SerializedStyles => {\n  return css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem 0;\n\n    .body {\n      text-align: center;\n      margin-top: 2rem;\n\n      h3 {\n        line-height: 1;\n        color: ${result.titleColor};\n        margin-bottom: 1rem;\n\n        ${mq[\"sm\"]} {\n          font-size: ${size === \"lg\" ? typeScaleSizes.xl : typeScaleSizes.md};\n        }\n      }\n\n      p {\n        color: ${result.infoColor};\n      }\n    }\n\n    footer {\n      margin-top: 1rem;\n    }\n  `;\n};\n"],"names":["container","typeScaleSizes","result","size","css","titleColor","mq","xl","md","infoColor"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,cAAc,QAAdA,cAAc;AAAEC,IAAAA,MAAM,QAANA,MAAM,CAAA;EAAA,IACtBC,IAAI,SAAJA,IAAI,CAAA;AAEN,EAAA;AAAA;AAAA;IAAOC,GAAG,CAAA,yKAAA,EAcKF,MAAM,CAACG,UAAU,EAAA,sBAAA,EAGxBC,EAAE,CAAC,IAAI,CAAC,EAAA,aAAA,EACKH,IAAI,KAAK,IAAI,GAAGF,cAAc,CAACM,EAAE,GAAGN,cAAc,CAACO,EAAE,EAAA,aAAA,EAK3DN,MAAM,CAACO,SAAS,EAAA,6BAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAQjC;;;;"}

package/dist/esm/src/components/Sidebar/NavHandle.js

@@ -2,32 +2,22 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
 import 'react';
-import SvgHamburger from '../../icons/hamburger.svg.js';
-import NavItem from './NavItem.js';
 import { navHandleContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
 var NavHandle = function NavHandle(_ref) {
-  var isExpanded = _ref.isExpanded,
-      toggleMainNav = _ref.toggleMainNav,
-      _ref$navItemLabel = _ref.navItemLabel,
-      navItemLabel = _ref$navItemLabel === void 0 ? "" : _ref$navItemLabel;
+  var toggleMainNav = _ref.toggleMainNav,
+    children = _ref.children;
   return jsx("button", {
     className: "nav-handle",
     css: navHandleContainer,
     onClick: toggleMainNav
-  }, jsx(NavItem, {
-    label: navItemLabel,
-    isExpanded: isExpanded,
-    icon: jsx(SvgHamburger, {
-      height: 32
-    })
-  }));
+  }, children);
 };
 
 export { NavHandle as default };

package/dist/esm/src/components/Sidebar/NavHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { HamburgerSVG } from \"../../icons/\";\nimport NavItem from \"./NavItem\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  isExpanded: boolean;\n  navItemLabel?: string;\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ isExpanded, toggleMainNav, navItemLabel = \"\" }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      <NavItem label={navItemLabel} isExpanded={isExpanded} icon={<HamburgerSVG height={32} />} />\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","isExpanded","toggleMainNav","navItemLabel","___EmotionJSX","navHandleContainer","HamburgerSVG"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,SAA6B,GAAG,SAAhCA,SAAgC,CAAsD,IAAA,EAAA;AAAA,EAAnDC,IAAAA,UAAmD,QAAnDA,UAAmD;AAAA,MAAvCC,aAAuC,QAAvCA,aAAuC;AAAA,MAAA,iBAAA,GAAA,IAAA,CAAxBC,YAAwB;AAAA,MAAxBA,YAAwB,kCAAT,EAAS,GAAA,iBAAA,CAAA;AAC1F,EACE,OAAAC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAlB;AAA+B,IAAA,GAAG,EAAEC,kBAApC;AAAwD,IAAA,OAAO,EAAEH,aAAAA;AAAjE,GAAA,EACEE,IAAC,OAAD,EAAA;AAAS,IAAA,KAAK,EAAED,YAAhB;AAA8B,IAAA,UAAU,EAAEF,UAA1C;AAAsD,IAAA,IAAI,EAAEG,GAAA,CAACE,YAAD,EAAA;AAAc,MAAA,MAAM,EAAE,EAAA;AAAtB,KAAA,CAAA;AAA5D,GAAA,CADF,CADF,CAAA;AAKD;;;;"}
+{"version":3,"file":"NavHandle.js","sources":["../../../../../src/components/Sidebar/NavHandle.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { navHandleContainer } from \"./styles\";\n\nexport type NavHandleProps = {\n  toggleMainNav: () => void;\n};\n\nconst NavHandle: FC<NavHandleProps> = ({ toggleMainNav, children }) => {\n  return (\n    <button className=\"nav-handle\" css={navHandleContainer} onClick={toggleMainNav}>\n      {children}\n    </button>\n  );\n};\n\nexport default NavHandle;\n"],"names":["NavHandle","toggleMainNav","children","___EmotionJSX","navHandleContainer"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,SAA6B,GAAG,SAAhCA,SAA6B,CAAoC,IAAA,EAAA;EAAA,IAA9BC,aAAa,QAAbA,aAAa;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAC9D,OACEC,GAAA,CAAA,QAAA,EAAA;AAAQ,IAAA,SAAS,EAAC,YAAY;AAAC,IAAA,GAAG,EAAEC,kBAAmB;AAAC,IAAA,OAAO,EAAEH,aAAAA;AAAc,GAAA,EAC5EC,QAAQ,CACF,CAAA;AAEb;;;;"}

package/dist/esm/src/components/Sidebar/NavItem.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
@@ -11,8 +11,8 @@ import classNames from '../../../node_modules/classnames/index.js';
 import { navItemContainer } from './styles.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs.js';
-import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js';
+import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
 
 var labelVariants = {
   hidden: {
@@ -23,7 +23,7 @@ var labelVariants = {
   visible: function visible(_ref) {
     var isReducedMotion = _ref.isReducedMotion;
     return {
-      display: "block",
+      display: "-webkit-box",
       opacity: 1,
       x: 0,
       transition: {
@@ -46,22 +46,27 @@ var labelVariants = {
     };
   }
 };
-
 var NavItem = function NavItem(_ref3) {
   var isExpanded = _ref3.isExpanded,
-      label = _ref3.label,
-      icon = _ref3.icon,
-      _ref3$isActive = _ref3.isActive,
-      isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
+    label = _ref3.label,
+    _ref3$fontSize = _ref3.fontSize,
+    fontSize = _ref3$fontSize === void 0 ? "md" : _ref3$fontSize,
+    icon = _ref3.icon,
+    _ref3$isActive = _ref3.isActive,
+    isActive = _ref3$isActive === void 0 ? false : _ref3$isActive;
   var isReducedMotion = useReducedMotion();
   var containerClassNames = classNames({
     selected: isActive,
     "nav-item": true
   });
   return jsx("div", {
-    css: navItemContainer,
+    css: function css(theme) {
+      return navItemContainer(theme, fontSize);
+    },
     className: containerClassNames
-  }, icon, jsx(AnimatePresence, null, isExpanded && jsx(m.div, {
+  }, jsx("div", {
+    className: "icon-container"
+  }, icon), jsx(AnimatePresence, null, isExpanded && jsx(m.div, {
     className: "title",
     initial: "hidden",
     animate: "visible",

package/dist/esm/src/components/Sidebar/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Sidebar/NavItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, useReducedMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { navItemContainer } from \"./styles\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  isActive?: boolean;\n}>;\n\nconst labelVariants: Variants = {\n  hidden: {\n    display: \"none\",\n    opacity: 0,\n    x: -10,\n  },\n  visible: ({ isReducedMotion }) => ({\n    display: \"block\",\n    opacity: 1,\n    x: 0,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n      delay: isReducedMotion ? 0 : 0.2,\n    },\n  }),\n  exit: ({ isReducedMotion }) => ({\n    opacity: 0,\n    x: -10,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n    },\n    transitionEnd: {\n      display: \"none\",\n    },\n  }),\n};\n\nconst NavItem: NavItemProps = ({ isExpanded, label, icon, isActive = false }) => {\n  const isReducedMotion = useReducedMotion();\n  const containerClassNames = classNames({\n    selected: isActive,\n    \"nav-item\": true,\n  });\n\n  return (\n    <div css={navItemContainer} className={containerClassNames}>\n      {icon}\n      <AnimatePresence>\n        {isExpanded && (\n          <m.div\n            className=\"title\"\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            variants={labelVariants}\n            custom={{ isReducedMotion }}\n          >\n            {label}\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default NavItem;\n"],"names":["labelVariants","hidden","display","opacity","x","visible","isReducedMotion","transition","duration","delay","exit","transitionEnd","NavItem","isExpanded","label","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAYA,IAAMA,aAAuB,GAAG;AAC9BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MADH;AAENC,IAAAA,OAAO,EAAE,CAFH;AAGNC,IAAAA,CAAC,EAAE,CAAC,EAAA;AAHE,GADsB;AAM9BC,EAAAA,OAAO,EAAE,SAAA,OAAA,CAAA,IAAA,EAAA;AAAA,IAAGC,IAAAA,eAAH,QAAGA,eAAH,CAAA;AAAA,IAA0B,OAAA;AACjCJ,MAAAA,OAAO,EAAE,OADwB;AAEjCC,MAAAA,OAAO,EAAE,CAFwB;AAGjCC,MAAAA,CAAC,EAAE,CAH8B;AAIjCG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GADtB;AAEVG,QAAAA,KAAK,EAAEH,eAAe,GAAG,CAAH,GAAO,GAAA;AAFnB,OAAA;AAJqB,KAA1B,CAAA;AAAA,GANqB;AAe9BI,EAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,KAAA,EAAA;AAAA,IAAGJ,IAAAA,eAAH,SAAGA,eAAH,CAAA;AAAA,IAA0B,OAAA;AAC9BH,MAAAA,OAAO,EAAE,CADqB;AAE9BC,MAAAA,CAAC,EAAE,CAAC,EAF0B;AAG9BG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAH,GAAO,GAAA;AADtB,OAHkB;AAM9BK,MAAAA,aAAa,EAAE;AACbT,QAAAA,OAAO,EAAE,MAAA;AADI,OAAA;AANe,KAA1B,CAAA;AAAA,GAAA;AAfwB,CAAhC,CAAA;;AA2BA,IAAMU,OAAqB,GAAG,SAAxBA,OAAwB,CAAmD,KAAA,EAAA;AAAA,EAAhDC,IAAAA,UAAgD,SAAhDA,UAAgD;AAAA,MAApCC,KAAoC,SAApCA,KAAoC;AAAA,MAA7BC,IAA6B,SAA7BA,IAA6B;AAAA,MAAA,cAAA,GAAA,KAAA,CAAvBC,QAAuB;AAAA,MAAvBA,QAAuB,+BAAZ,KAAY,GAAA,cAAA,CAAA;AAC/E,EAAMV,IAAAA,eAAe,GAAGW,gBAAgB,EAAxC,CAAA;AACA,EAAMC,IAAAA,mBAAmB,GAAGC,UAAU,CAAC;AACrCC,IAAAA,QAAQ,EAAEJ,QAD2B;AAErC,IAAY,UAAA,EAAA,IAAA;AAFyB,GAAD,CAAtC,CAAA;AAKA,EACE,OAAAK,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,gBAAV;AAA4B,IAAA,SAAS,EAAEJ,mBAAAA;AAAvC,GACGH,EAAAA,IADH,EAEEM,GAAA,CAAC,eAAD,EAAA,IAAA,EACGR,UAAU,IACTQ,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,OAAO,EAAC,QAFV;AAGE,IAAA,OAAO,EAAC,SAHV;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,QAAQ,EAAErB,aALZ;AAME,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA,eAAAA;AAAF,KAAA;AANV,GAQGQ,EAAAA,KARH,CAFJ,CAFF,CADF,CAAA;AAmBD;;;;"}
+{"version":3,"file":"NavItem.js","sources":["../../../../../src/components/Sidebar/NavItem.tsx"],"sourcesContent":["import React, { FC, ReactNode } from \"react\";\nimport { m, AnimatePresence, Variants, useReducedMotion } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport { navItemContainer } from \"./styles\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type NavItemProps = FC<{\n  isExpanded: boolean;\n  icon: ReactNode;\n  label: string | JSX.Element;\n  fontSize?: TypographyLevels;\n  isActive?: boolean;\n}>;\n\nconst labelVariants: Variants = {\n  hidden: {\n    display: \"none\",\n    opacity: 0,\n    x: -10,\n  },\n  visible: ({ isReducedMotion }) => ({\n    display: \"-webkit-box\",\n    opacity: 1,\n    x: 0,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n      delay: isReducedMotion ? 0 : 0.2,\n    },\n  }),\n  exit: ({ isReducedMotion }) => ({\n    opacity: 0,\n    x: -10,\n    transition: {\n      duration: isReducedMotion ? 0 : 0.1,\n    },\n    transitionEnd: {\n      display: \"none\",\n    },\n  }),\n};\n\nconst NavItem: NavItemProps = ({ isExpanded, label, fontSize = \"md\", icon, isActive = false }) => {\n  const isReducedMotion = useReducedMotion();\n  const containerClassNames = classNames({\n    selected: isActive,\n    \"nav-item\": true,\n  });\n\n  return (\n    <div css={(theme) => navItemContainer(theme, fontSize)} className={containerClassNames}>\n      <div className=\"icon-container\">{icon}</div>\n      <AnimatePresence>\n        {isExpanded && (\n          <m.div\n            className=\"title\"\n            initial=\"hidden\"\n            animate=\"visible\"\n            exit=\"exit\"\n            variants={labelVariants}\n            custom={{ isReducedMotion }}\n          >\n            {label}\n          </m.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default NavItem;\n"],"names":["labelVariants","hidden","display","opacity","x","visible","isReducedMotion","transition","duration","delay","exit","transitionEnd","NavItem","isExpanded","label","fontSize","icon","isActive","useReducedMotion","containerClassNames","classNames","selected","___EmotionJSX","theme","navItemContainer"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAMA,aAAuB,GAAG;AAC9BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,OAAO,EAAE,CAAC;AACVC,IAAAA,CAAC,EAAE,CAAC,EAAA;GACL;AACDC,EAAAA,OAAO,EAAE,SAAA,OAAA,CAAA,IAAA,EAAA;IAAA,IAAGC,eAAe,QAAfA,eAAe,CAAA;IAAA,OAAQ;AACjCJ,MAAAA,OAAO,EAAE,aAAa;AACtBC,MAAAA,OAAO,EAAE,CAAC;AACVC,MAAAA,CAAC,EAAE,CAAC;AACJG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAC,GAAG,GAAG;AACnCG,QAAAA,KAAK,EAAEH,eAAe,GAAG,CAAC,GAAG,GAAA;AAC/B,OAAA;KACD,CAAA;GAAC;AACFI,EAAAA,IAAI,EAAE,SAAA,IAAA,CAAA,KAAA,EAAA;IAAA,IAAGJ,eAAe,SAAfA,eAAe,CAAA;IAAA,OAAQ;AAC9BH,MAAAA,OAAO,EAAE,CAAC;MACVC,CAAC,EAAE,CAAC,EAAE;AACNG,MAAAA,UAAU,EAAE;AACVC,QAAAA,QAAQ,EAAEF,eAAe,GAAG,CAAC,GAAG,GAAA;OACjC;AACDK,MAAAA,aAAa,EAAE;AACbT,QAAAA,OAAO,EAAE,MAAA;AACX,OAAA;KACD,CAAA;AAAA,GAAA;AACH,CAAC,CAAA;AAED,IAAMU,OAAqB,GAAG,SAAxBA,OAAqB,CAAuE,KAAA,EAAA;EAAA,IAAjEC,UAAU,SAAVA,UAAU;AAAEC,IAAAA,KAAK,SAALA,KAAK;AAAA,IAAA,cAAA,GAAA,KAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,IAAI,GAAA,cAAA;AAAEC,IAAAA,IAAI,SAAJA,IAAI;AAAA,IAAA,cAAA,GAAA,KAAA,CAAEC,QAAQ;AAARA,IAAAA,QAAQ,+BAAG,KAAK,GAAA,cAAA,CAAA;EACzF,IAAMX,eAAe,GAAGY,gBAAgB,EAAE,CAAA;EAC1C,IAAMC,mBAAmB,GAAGC,UAAU,CAAC;AACrCC,IAAAA,QAAQ,EAAEJ,QAAQ;AAClB,IAAA,UAAU,EAAE,IAAA;AACd,GAAC,CAAC,CAAA;EAEF,OACEK,GAAA,CAAA,KAAA,EAAA;IAAK,GAAG,EAAE,aAACC,KAAK,EAAA;AAAA,MAAA,OAAKC,gBAAgB,CAACD,KAAK,EAAER,QAAQ,CAAC,CAAA;KAAC;AAAC,IAAA,SAAS,EAAEI,mBAAAA;GACjE,EAAAG,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gBAAA;GAAkBN,EAAAA,IAAI,CAAO,EAC5CM,GAAC,CAAA,eAAe,EACbT,IAAAA,EAAAA,UAAU,IACTS,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA;AACJ,IAAA,SAAS,EAAC,OAAO;AACjB,IAAA,OAAO,EAAC,QAAQ;AAChB,IAAA,OAAO,EAAC,SAAS;AACjB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,QAAQ,EAAEtB,aAAc;AACxB,IAAA,MAAM,EAAE;AAAEM,MAAAA,eAAe,EAAfA,eAAAA;AAAgB,KAAA;GAEzBQ,EAAAA,KAAK,CAET,CACe,CACd,CAAA;AAEV;;;;"}

package/dist/esm/src/components/Sidebar/Sidebar.js

@@ -2,77 +2,82 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
+import SvgHamburger from '../../icons/hamburger.svg.js';
 import { mainNavContainer } from './styles.js';
 import NavItem from './NavItem.js';
 import NavHandle from './NavHandle.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { useReducedMotion } from '../../../node_modules/framer-motion/dist/es/utils/use-reduced-motion.mjs.js';
-import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
-import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
 import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
+import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
+import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
 
-var _excluded = ["isCollapsed", "navHandleLabel", "onToggle", "children"];
-var navVariants = {
-  expanded: {
-    minWidth: "15rem",
-    transition: {
-      ease: "easeInOut",
-      duration: 0.2
-    }
-  },
-  collapsed: {
-    minWidth: "4.75rem",
-    transition: {
-      ease: "easeInOut",
-      duration: 0.2,
-      delay: 0.1
-    }
-  },
-  a11yExpanded: {
-    minWidth: "15rem",
-    transition: {
-      duration: 0
-    }
-  },
-  a11yCollapsed: {
-    minWidth: "4.75rem",
-    transition: {
-      duration: 0
-    }
-  }
-};
-
+var _excluded = ["isCollapsed", "navHandleLabel", "fontSize", "expandedWidth", "collapsedWidth", "onToggle", "children"];
 var Sidebar = function Sidebar(_ref) {
   var _ref$isCollapsed = _ref.isCollapsed,
-      isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
-      _ref$navHandleLabel = _ref.navHandleLabel,
-      navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
-      _ref$onToggle = _ref.onToggle,
-      onToggle = _ref$onToggle === void 0 ? function () {
-    return void 0;
-  } : _ref$onToggle,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
+    _ref$navHandleLabel = _ref.navHandleLabel,
+    navHandleLabel = _ref$navHandleLabel === void 0 ? "Menu" : _ref$navHandleLabel,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? "md" : _ref$fontSize,
+    _ref$expandedWidth = _ref.expandedWidth,
+    expandedWidth = _ref$expandedWidth === void 0 ? "16rem" : _ref$expandedWidth,
+    _ref$collapsedWidth = _ref.collapsedWidth,
+    collapsedWidth = _ref$collapsedWidth === void 0 ? "5rem" : _ref$collapsedWidth,
+    _ref$onToggle = _ref.onToggle,
+    onToggle = _ref$onToggle === void 0 ? function () {
+      return void 0;
+    } : _ref$onToggle,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var isReducedMotion = useReducedMotion();
   var animate;
-
+  var navVariants = {
+    expanded: {
+      minWidth: expandedWidth,
+      transition: {
+        ease: "easeInOut",
+        duration: 0.2
+      }
+    },
+    collapsed: {
+      minWidth: collapsedWidth,
+      transition: {
+        ease: "easeInOut",
+        duration: 0.2,
+        delay: 0.1
+      }
+    },
+    a11yExpanded: {
+      minWidth: expandedWidth,
+      transition: {
+        duration: 0
+      }
+    },
+    a11yCollapsed: {
+      minWidth: collapsedWidth,
+      transition: {
+        duration: 0
+      }
+    }
+  };
   if (isReducedMotion) {
     animate = isCollapsed ? "a11yCollapsed" : "a11yExpanded";
   } else {
     animate = isCollapsed ? "collapsed" : "expanded";
   }
-
   return jsx(LazyMotion, {
     features: domAnimation
   }, jsx(m.nav, _extends({
-    css: mainNavContainer,
+    css: function css(theme) {
+      return mainNavContainer(theme, expandedWidth);
+    },
     initial: false,
     animate: animate,
     variants: navVariants,
@@ -80,12 +85,16 @@ var Sidebar = function Sidebar(_ref) {
   }, rest), jsx("div", {
     className: "nav-items-wrapper"
   }, jsx(NavHandle, {
-    isExpanded: !isCollapsed,
-    navItemLabel: navHandleLabel,
     toggleMainNav: onToggle
-  }), children)));
+  }, jsx(NavItem, {
+    label: navHandleLabel,
+    isExpanded: !isCollapsed,
+    icon: jsx(SvgHamburger, {
+      height: 32
+    }),
+    fontSize: fontSize
+  })), children)));
 };
-
 Sidebar.Item = NavItem;
 
 export { Sidebar as default };

package/dist/esm/src/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  navHandleLabel?: string;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst navVariants: Variants = {\n  expanded: {\n    minWidth: \"15rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n    },\n  },\n  collapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      ease: \"easeInOut\",\n      duration: 0.2,\n      delay: 0.1,\n    },\n  },\n  a11yExpanded: {\n    minWidth: \"15rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n  a11yCollapsed: {\n    minWidth: \"4.75rem\",\n    transition: {\n      duration: 0,\n    },\n  },\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  navHandleLabel = \"Menu\",\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={mainNavContainer}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle\n            isExpanded={!isCollapsed}\n            navItemLabel={navHandleLabel}\n            toggleMainNav={onToggle}\n          />\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","Sidebar","isCollapsed","navHandleLabel","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","___EmotionJSX","domAnimation","mainNavContainer","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,IAAMA,WAAqB,GAAG;AAC5BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,QAAQ,EAAE,OADF;AAERC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAAA;AAFA,KAAA;AAFJ,GADkB;AAQ5BC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,QAAQ,EAAE,SADD;AAETC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,WADI;AAEVC,MAAAA,QAAQ,EAAE,GAFA;AAGVE,MAAAA,KAAK,EAAE,GAAA;AAHG,KAAA;AAFH,GARiB;AAgB5BC,EAAAA,YAAY,EAAE;AACZN,IAAAA,QAAQ,EAAE,OADE;AAEZC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFA,GAhBc;AAsB5BI,EAAAA,aAAa,EAAE;AACbP,IAAAA,QAAQ,EAAE,SADG;AAEbC,IAAAA,UAAU,EAAE;AACVE,MAAAA,QAAQ,EAAE,CAAA;AADA,KAAA;AAFC,GAAA;AAtBa,CAA9B,CAAA;;AA8BA,IAAMK,OAAgD,GAAG,SAAnDA,OAAmD,CAMnD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CALJC,WAKI;AAAA,MALJA,WAKI,iCALU,KAKV,GAAA,gBAAA;AAAA,MAAA,mBAAA,GAAA,IAAA,CAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,MAIb,GAAA,mBAAA;AAAA,MAAA,aAAA,GAAA,IAAA,CAHJC,QAGI;AAAA,MAHJA,QAGI,GAHO,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,IAAA,OAAM,KAAK,CAAX,CAAA;AAAA,GAGP,GAAA,aAAA;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AACJ,EAAMC,IAAAA,eAAe,GAAGC,gBAAgB,EAAxC,CAAA;AACA,EAAA,IAAIC,OAAJ,CAAA;;AAEA,EAAA,IAAIF,eAAJ,EAAqB;AACnBE,IAAAA,OAAO,GAAGP,WAAW,GAAG,eAAH,GAAqB,cAA1C,CAAA;AACD,GAFD,MAEO;AACLO,IAAAA,OAAO,GAAGP,WAAW,GAAG,WAAH,GAAiB,UAAtC,CAAA;AACD,GAAA;;AAED,EAAA,OACEQ,IAAC,UAAD,EAAA;AAAY,IAAA,QAAQ,EAAEC,YAAAA;AAAtB,GACE,EAAAD,GAAA,CAAC,CAAD,CAAG,GAAH,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEE,gBADP;AAEE,IAAA,OAAO,EAAE,KAFX;AAGE,IAAA,OAAO,EAAEH,OAHX;AAIE,IAAA,QAAQ,EAAElB,WAJZ;AAKE,IAAA,EAAE,EAAC,SAAA;AALL,GAAA,EAMMe,IANN,CAQE,EAAAI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAf,GAAA,EACEA,IAAC,SAAD,EAAA;AACE,IAAA,UAAU,EAAE,CAACR,WADf;AAEE,IAAA,YAAY,EAAEC,cAFhB;AAGE,IAAA,aAAa,EAAEC,QAAAA;AAHjB,GAAA,CADF,EAMGC,QANH,CARF,CADF,CADF,CAAA;AAqBD,EArCD;;AAuCAJ,OAAO,CAACY,IAAR,GAAeC,OAAf;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport {\n  LazyMotion,\n  m,\n  useReducedMotion,\n  Variants,\n  domAnimation,\n  HTMLMotionProps,\n} from \"framer-motion\";\nimport { HamburgerSVG } from \"../../icons\";\nimport { mainNavContainer } from \"./styles\";\nimport NavItem, { NavItemProps } from \"./NavItem\";\nimport NavHandle from \"./NavHandle\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport type SidebarProps = HTMLMotionProps<\"nav\"> & {\n  isCollapsed?: boolean;\n  navHandleLabel?: string;\n  fontSize?: TypographyLevels;\n  expandedWidth?: string;\n  collapsedWidth?: string;\n  onToggle?: () => void;\n};\n\ntype SidebarCompoundProps = {\n  Item: NavItemProps;\n};\n\nconst Sidebar: FC<SidebarProps> & SidebarCompoundProps = ({\n  isCollapsed = false,\n  navHandleLabel = \"Menu\",\n  fontSize = \"md\",\n  expandedWidth = \"16rem\",\n  collapsedWidth = \"5rem\",\n  onToggle = () => void 0,\n  children,\n  ...rest\n}) => {\n  const isReducedMotion = useReducedMotion();\n  let animate: string;\n\n  const navVariants: Variants = {\n    expanded: {\n      minWidth: expandedWidth,\n      transition: {\n        ease: \"easeInOut\",\n        duration: 0.2,\n      },\n    },\n    collapsed: {\n      minWidth: collapsedWidth,\n      transition: {\n        ease: \"easeInOut\",\n        duration: 0.2,\n        delay: 0.1,\n      },\n    },\n    a11yExpanded: {\n      minWidth: expandedWidth,\n      transition: {\n        duration: 0,\n      },\n    },\n    a11yCollapsed: {\n      minWidth: collapsedWidth,\n      transition: {\n        duration: 0,\n      },\n    },\n  };\n\n  if (isReducedMotion) {\n    animate = isCollapsed ? \"a11yCollapsed\" : \"a11yExpanded\";\n  } else {\n    animate = isCollapsed ? \"collapsed\" : \"expanded\";\n  }\n\n  return (\n    <LazyMotion features={domAnimation}>\n      <m.nav\n        css={(theme) => mainNavContainer(theme, expandedWidth)}\n        initial={false}\n        animate={animate}\n        variants={navVariants}\n        id=\"sidebar\"\n        {...rest}\n      >\n        <div className=\"nav-items-wrapper\">\n          <NavHandle toggleMainNav={onToggle}>\n            <NavItem\n              label={navHandleLabel}\n              isExpanded={!isCollapsed}\n              icon={<HamburgerSVG height={32} />}\n              fontSize={fontSize}\n            />\n          </NavHandle>\n          {children}\n        </div>\n      </m.nav>\n    </LazyMotion>\n  );\n};\n\nSidebar.Item = NavItem;\n\nexport default Sidebar;\n"],"names":["Sidebar","isCollapsed","navHandleLabel","fontSize","expandedWidth","collapsedWidth","onToggle","children","rest","isReducedMotion","useReducedMotion","animate","navVariants","expanded","minWidth","transition","ease","duration","collapsed","delay","a11yExpanded","a11yCollapsed","___EmotionJSX","domAnimation","theme","mainNavContainer","HamburgerSVG","Item","NavItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,OAAgD,GAAG,SAAnDA,OAAgD,CAShD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CARJC,WAAW;AAAXA,IAAAA,WAAW,iCAAG,KAAK,GAAA,gBAAA;AAAA,IAAA,mBAAA,GAAA,IAAA,CACnBC,cAAc;AAAdA,IAAAA,cAAc,oCAAG,MAAM,GAAA,mBAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CACvBC,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,IAAI,GAAA,aAAA;AAAA,IAAA,kBAAA,GAAA,IAAA,CACfC,aAAa;AAAbA,IAAAA,aAAa,mCAAG,OAAO,GAAA,kBAAA;AAAA,IAAA,mBAAA,GAAA,IAAA,CACvBC,cAAc;AAAdA,IAAAA,cAAc,oCAAG,MAAM,GAAA,mBAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CACvBC,QAAQ;AAARA,IAAAA,QAAQ,GAAG,aAAA,KAAA,KAAA,CAAA,GAAA,YAAA;AAAA,MAAA,OAAM,KAAK,CAAC,CAAA;AAAA,KAAA,GAAA,aAAA;AACvBC,IAAAA,QAAQ,QAARA,QAAQ;IACLC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEP,IAAMC,eAAe,GAAGC,gBAAgB,EAAE,CAAA;AAC1C,EAAA,IAAIC,OAAe,CAAA;AAEnB,EAAA,IAAMC,WAAqB,GAAG;AAC5BC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAEV,aAAa;AACvBW,MAAAA,UAAU,EAAE;AACVC,QAAAA,IAAI,EAAE,WAAW;AACjBC,QAAAA,QAAQ,EAAE,GAAA;AACZ,OAAA;KACD;AACDC,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAET,cAAc;AACxBU,MAAAA,UAAU,EAAE;AACVC,QAAAA,IAAI,EAAE,WAAW;AACjBC,QAAAA,QAAQ,EAAE,GAAG;AACbE,QAAAA,KAAK,EAAE,GAAA;AACT,OAAA;KACD;AACDC,IAAAA,YAAY,EAAE;AACZN,MAAAA,QAAQ,EAAEV,aAAa;AACvBW,MAAAA,UAAU,EAAE;AACVE,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAA;KACD;AACDI,IAAAA,aAAa,EAAE;AACbP,MAAAA,QAAQ,EAAET,cAAc;AACxBU,MAAAA,UAAU,EAAE;AACVE,QAAAA,QAAQ,EAAE,CAAA;AACZ,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,IAAIR,eAAe,EAAE;AACnBE,IAAAA,OAAO,GAAGV,WAAW,GAAG,eAAe,GAAG,cAAc,CAAA;AAC1D,GAAC,MAAM;AACLU,IAAAA,OAAO,GAAGV,WAAW,GAAG,WAAW,GAAG,UAAU,CAAA;AAClD,GAAA;AAEA,EAAA,OACEqB,IAAC,UAAU,EAAA;AAAC,IAAA,QAAQ,EAAEC,YAAAA;GACpB,EAAAD,GAAA,CAAC,CAAC,CAAC,GAAG,EAAA,QAAA,CAAA;IACJ,GAAG,EAAE,aAACE,KAAK,EAAA;AAAA,MAAA,OAAKC,gBAAgB,CAACD,KAAK,EAAEpB,aAAa,CAAC,CAAA;KAAC;AACvD,IAAA,OAAO,EAAE,KAAM;AACf,IAAA,OAAO,EAAEO,OAAQ;AACjB,IAAA,QAAQ,EAAEC,WAAY;AACtB,IAAA,EAAE,EAAC,SAAA;AAAS,GAAA,EACRJ,IAAI,CAER,EAAAc,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,mBAAA;AAAmB,GAAA,EAChCA,IAAC,SAAS,EAAA;AAAC,IAAA,aAAa,EAAEhB,QAAAA;AAAS,GAAA,EACjCgB,IAAC,OAAO,EAAA;AACN,IAAA,KAAK,EAAEpB,cAAe;IACtB,UAAU,EAAE,CAACD,WAAY;IACzB,IAAI,EAAEqB,IAACI,YAAY,EAAA;AAAC,MAAA,MAAM,EAAE,EAAA;KAAO,CAAA;AACnC,IAAA,QAAQ,EAAEvB,QAAAA;AAAS,GAAA,CACnB,CACQ,EACXI,QAAQ,CACL,CACA,CACG,CAAA;AAEjB,EAAC;AAEDP,OAAO,CAAC2B,IAAI,GAAGC,OAAO;;;;"}

package/dist/esm/src/components/Sidebar/styles.js

@@ -2,37 +2,35 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.0.0
+   * @epignosis_llc/gnosis.js v3.0.2
    * Released under the MIT license.
    */
 
 import { css } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var mainNavContainer = function mainNavContainer(_ref) {
+var mainNavContainer = function mainNavContainer(_ref, width) {
   var sidebar = _ref.sidebar;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
-    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:0 0 1.75rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkUiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAwIDAgMS43NXJlbTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWluLWhlaWdodDogNC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKHsgc2lkZWJhciB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC42MjVyZW0gMS41cmVtO1xuXG4gICY6aG92ZXIsXG4gICYuc2VsZWN0ZWQsXG4gICYuZm9jdXMtdmlzaWJsZSB7XG4gICAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmRIb3Zlcn07XG4gICAgY29sb3I6ICR7c2lkZWJhci5jb2xvckhvdmVyfTtcbiAgfVxuXG4gICYucHJvZmlsZS1pdGVtIHtcbiAgICBwYWRkaW5nOiAwLjVyZW0gMS4xMjVyZW07XG5cbiAgICBpbWcge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cblxuICAgIC50aXRsZSB7XG4gICAgICBtYXJnaW4tbGVmdDogMC4yNXJlbTtcbiAgICB9XG4gIH1cblxuICAudGl0bGUge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
+    css("position:sticky;top:0;display:flex;flex-direction:column;height:100vh;background:", sidebar.background, ";color:", sidebar.color, ";z-index:1001;max-width:", width, ";.nav-items-wrapper{display:flex;flex-direction:column;flex:1;margin:1.5rem 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUxldmVscyB9IGZyb20gXCJAdGhlbWUvdXRpbHMvdHlwb2dyYXBoeVwiO1xuXG5leHBvcnQgY29uc3QgbWFpbk5hdkNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUsIHdpZHRoOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgdG9wOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBoZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZH07XG4gIGNvbG9yOiAke3NpZGViYXIuY29sb3J9O1xuICB6LWluZGV4OiAxMDAxO1xuICBtYXgtd2lkdGg6ICR7d2lkdGh9O1xuXG4gIC5uYXYtaXRlbXMtd3JhcHBlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luOiAxLjVyZW0gMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IG5hdkhhbmRsZUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogMDtcblxuICAubmF2LWl0ZW0ge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtzaWRlYmFyLmJvcmRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZJdGVtQ29udGFpbmVyID0gKFxuICB7IHNpZGViYXIsIHR5cGVTY2FsZVNpemVzIH06IFRoZW1lLFxuICBmb250U2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgcGFkZGluZzogMC4yNXJlbSAxLjVyZW07XG5cbiAgLmljb24tY29udGFpbmVyIHtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICAgIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplc1tmb250U2l6ZV19O1xuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:mainNavContainer;")
   );
 };
 var navHandleContainer = function navHandleContainer(_ref2) {
   var sidebar = _ref2.sidebar;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
-    css("min-height:4.5rem;width:100%;background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMCAwIDEuNzVyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6IDQuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDEuNXJlbTtcblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
+    css("background-color:transparent;padding:0;border:0;.nav-item{height:100%;border-bottom:1px solid ", sidebar.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgJi5wcm9maWxlLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjEyNXJlbTtcblxuICAgIGltZyB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgIH1cbiAgfVxuXG4gIC50aXRsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:navHandleContainer;")
   );
 };
-var navItemContainer = function navItemContainer(_ref3) {
-  var sidebar = _ref3.sidebar;
+var navItemContainer = function navItemContainer(_ref3, fontSize) {
+  var sidebar = _ref3.sidebar,
+    typeScaleSizes = _ref3.typeScaleSizes;
   return (
     /*#__PURE__*/
-
     /*#__PURE__*/
-    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.625rem 1.5rem;&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}&.profile-item{padding:0.5rem 1.125rem;img{border:none;}.title{margin-left:0.25rem;}}.title{margin-left:0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzZFIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMCAwIDEuNzVyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG1pbi1oZWlnaHQ6IDQuNXJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9ICh7IHNpZGViYXIgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuNjI1cmVtIDEuNXJlbTtcblxuICAmOmhvdmVyLFxuICAmLnNlbGVjdGVkLFxuICAmLmZvY3VzLXZpc2libGUge1xuICAgIGJhY2tncm91bmQ6ICR7c2lkZWJhci5iYWNrZ3JvdW5kSG92ZXJ9O1xuICAgIGNvbG9yOiAke3NpZGViYXIuY29sb3JIb3Zlcn07XG4gIH1cblxuICAmLnByb2ZpbGUtaXRlbSB7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMTI1cmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG5cbiAgICAudGl0bGUge1xuICAgICAgbWFyZ2luLWxlZnQ6IDAuMjVyZW07XG4gICAgfVxuICB9XG5cbiAgLnRpdGxlIHtcbiAgICBtYXJnaW4tbGVmdDogMC41cmVtO1xuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
+    css("display:flex;align-items:center;color:", sidebar.color, ";padding:0.25rem 1.5rem;.icon-container{height:2rem;}&:hover,&.selected,&.focus-visible{background:", sidebar.backgroundHover, ";color:", sidebar.colorHover, ";}&.profile-item{padding:0.5rem 1.125rem;img{border:none;}.title{margin-left:0.25rem;}}.title{margin-left:0.5rem;font-size:", typeScaleSizes[fontSize], ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IG1haW5OYXZDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lLCB3aWR0aDogc3RyaW5nKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBzdGlja3k7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZDogJHtzaWRlYmFyLmJhY2tncm91bmR9O1xuICBjb2xvcjogJHtzaWRlYmFyLmNvbG9yfTtcbiAgei1pbmRleDogMTAwMTtcbiAgbWF4LXdpZHRoOiAke3dpZHRofTtcblxuICAubmF2LWl0ZW1zLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBmbGV4OiAxO1xuICAgIG1hcmdpbjogMS41cmVtIDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBuYXZIYW5kbGVDb250YWluZXIgPSAoeyBzaWRlYmFyIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXI6IDA7XG5cbiAgLm5hdi1pdGVtIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7c2lkZWJhci5ib3JkZXJ9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgbmF2SXRlbUNvbnRhaW5lciA9IChcbiAgeyBzaWRlYmFyLCB0eXBlU2NhbGVTaXplcyB9OiBUaGVtZSxcbiAgZm9udFNpemU6IFR5cG9ncmFwaHlMZXZlbHMsXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7c2lkZWJhci5jb2xvcn07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMS41cmVtO1xuXG4gIC5pY29uLWNvbnRhaW5lciB7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJi5zZWxlY3RlZCxcbiAgJi5mb2N1cy12aXNpYmxlIHtcbiAgICBiYWNrZ3JvdW5kOiAke3NpZGViYXIuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBjb2xvcjogJHtzaWRlYmFyLmNvbG9ySG92ZXJ9O1xuICB9XG5cbiAgJi5wcm9maWxlLWl0ZW0ge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjEyNXJlbTtcblxuICAgIGltZyB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgIH1cbiAgfVxuXG4gIC50aXRsZSB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbZm9udFNpemVdfTtcbiAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:navItemContainer;")
   );
 };
 

package/dist/esm/src/components/Sidebar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Sidebar/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const mainNavContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  position: sticky;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background: ${sidebar.background};\n  color: ${sidebar.color};\n  z-index: 1001;\n\n  .nav-items-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 0 0 1.75rem;\n  }\n`;\n\nexport const navHandleContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  min-height: 4.5rem;\n  width: 100%;\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n\n  .nav-item {\n    height: 100%;\n    border-bottom: 1px solid ${sidebar.border};\n  }\n`;\n\nexport const navItemContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  display: flex;\n  align-items: center;\n  color: ${sidebar.color};\n  padding: 0.625rem 1.5rem;\n\n  &:hover,\n  &.selected,\n  &.focus-visible {\n    background: ${sidebar.backgroundHover};\n    color: ${sidebar.colorHover};\n  }\n\n  &.profile-item {\n    padding: 0.5rem 1.125rem;\n\n    img {\n      border: none;\n    }\n\n    .title {\n      margin-left: 0.25rem;\n    }\n  }\n\n  .title {\n    margin-left: 0.5rem;\n  }\n`;\n"],"names":["mainNavContainer","sidebar","css","background","color","navHandleContainer","border","navItemContainer","backgroundHover","colorHover"],"mappings":";;;;;;;;;;AAEaA,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAA,IAAA,EAAA;AAAA,EAAGC,IAAAA,OAAH,QAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,sFAMhBD,OAAO,CAACE,UANQ,EAOrBF,SAAAA,EAAAA,OAAO,CAACG,KAPa,EAAA,iGAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA,EAAzB;AAkBMC,IAAAA,kBAAkB,GAAG,SAArBA,kBAAqB,CAAA,KAAA,EAAA;AAAA,EAAGJ,IAAAA,OAAH,SAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,CAAA,6HAAA,EASHD,OAAO,CAACK,MATL,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA;AAAA,IAAA;AAAA,EAA3B;AAaMC,IAAAA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAA,KAAA,EAAA;AAAA,EAAGN,IAAAA,OAAH,SAAGA,OAAH,CAAA;AAAA,EAAA;AAAA;;AAAA;AAA0CC,IAAAA,GAA1C,CAAA,wCAAA,EAGrBD,OAAO,CAACG,KAHa,EAAA,yEAAA,EASdH,OAAO,CAACO,eATM,EAAA,SAAA,EAUnBP,OAAO,CAACQ,UAVW,EAAA,oHAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,q1DAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Sidebar/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { TypographyLevels } from \"@theme/utils/typography\";\n\nexport const mainNavContainer = ({ sidebar }: Theme, width: string): SerializedStyles => css`\n  position: sticky;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  background: ${sidebar.background};\n  color: ${sidebar.color};\n  z-index: 1001;\n  max-width: ${width};\n\n  .nav-items-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    margin: 1.5rem 0;\n  }\n`;\n\nexport const navHandleContainer = ({ sidebar }: Theme): SerializedStyles => css`\n  background-color: transparent;\n  padding: 0;\n  border: 0;\n\n  .nav-item {\n    height: 100%;\n    border-bottom: 1px solid ${sidebar.border};\n  }\n`;\n\nexport const navItemContainer = (\n  { sidebar, typeScaleSizes }: Theme,\n  fontSize: TypographyLevels,\n): SerializedStyles => css`\n  display: flex;\n  align-items: center;\n  color: ${sidebar.color};\n  padding: 0.25rem 1.5rem;\n\n  .icon-container {\n    height: 2rem;\n  }\n\n  &:hover,\n  &.selected,\n  &.focus-visible {\n    background: ${sidebar.backgroundHover};\n    color: ${sidebar.colorHover};\n  }\n\n  &.profile-item {\n    padding: 0.5rem 1.125rem;\n\n    img {\n      border: none;\n    }\n\n    .title {\n      margin-left: 0.25rem;\n    }\n  }\n\n  .title {\n    margin-left: 0.5rem;\n    font-size: ${typeScaleSizes[fontSize]};\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: break-word;\n  }\n`;\n"],"names":["mainNavContainer","width","sidebar","css","background","color","navHandleContainer","border","navItemContainer","fontSize","typeScaleSizes","backgroundHover","colorHover"],"mappings":";;;;;;;;;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAwBC,KAAa,EAAA;EAAA,IAA/BC,OAAO,QAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;IAA+CC,GAAG,CAAA,mFAAA,EAM5ED,OAAO,CAACE,UAAU,aACvBF,OAAO,CAACG,KAAK,EAAA,0BAAA,EAETJ,KAAK,EAAA,iFAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,60EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA,EAQnB;AAEYK,IAAAA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAA,KAAA,EAAA;EAAA,IAAMJ,OAAO,SAAPA,OAAO,CAAA;AAAA,EAAA;AAAA;AAAA;IAAgCC,GAAG,CAAA,gGAAA,EAOhDD,OAAO,CAACK,MAAM,EAAA,IAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,60EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,4BAAA,CAAA;AAAA,IAAA;AAAA,EAE5C;IAEYC,gBAAgB,GAAG,SAAnBA,gBAAgB,QAE3BC,QAA0B,EAAA;EAAA,IADxBP,OAAO,SAAPA,OAAO;AAAEQ,IAAAA,cAAc,SAAdA,cAAc,CAAA;AAAA,EAAA;AAAA;AAAA;AAEJP,IAAAA,GAAG,2CAGfD,OAAO,CAACG,KAAK,EAAA,qGAAA,EAUNH,OAAO,CAACS,eAAe,EAC5BT,SAAAA,EAAAA,OAAO,CAACU,UAAU,EAAA,6HAAA,EAiBdF,cAAc,CAACD,QAAQ,CAAC,EAAA,sIAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,60EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,0BAAA,CAAA;AAAA,IAAA;AAAA;;;;"}