@lokalise/harmony 1.37.1-exp-epic2x.1 → 1.39.0

package/dist/harmony73.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony73.cjs","sources":["../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["import { useSidebarDataLoader } from '@components/Sidebar/hooks/useSidebarDataLoader'\nimport type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { useEffectOnce } from '@utils'\nimport { type PropsWithChildren, useMemo } from 'react'\nimport { SidebarContext } from './SidebarContext'\nimport type {\n\tSidebarContextProps,\n\tSidebarProviderProps,\n\tSidebarTeam,\n\tSidebarTeamExtended,\n} from './types'\n\nexport const SidebarProvider = ({ config, children }: PropsWithChildren<SidebarProviderProps>) => {\n\tconst { getJWTPayload, getUserTeams, getCurrentTeam } = config\n\n\tconst getOtherTeams = async ({\n\t\tuserTeams,\n\t\tcurrentTeam,\n\t}: {\n\t\tuserTeams: SidebarTeam[]\n\t\tcurrentTeam: SidebarTeamExtended\n\t}) => Promise.resolve(userTeams.filter((userTeam) => userTeam.id !== currentTeam.id))\n\n\tconst jwtLoader = useSidebarDataLoader<JwtTokenPayload>(getJWTPayload)\n\n\tconst userTeamsLoader = useSidebarDataLoader<SidebarTeam[]>(getUserTeams)\n\n\tconst currentTeamLoader = useSidebarDataLoader<SidebarTeamExtended, { teamId: number }>(\n\t\tgetCurrentTeam,\n\t)\n\n\tconst otherTeamsData = useSidebarDataLoader<\n\t\tSidebarTeam[],\n\t\t{ userTeams: SidebarTeam[]; currentTeam: SidebarTeamExtended }\n\t>(getOtherTeams)\n\n\tconst loadUserData = (teamId: number) => {\n\t\tPromise.all([currentTeamLoader.loadData({ teamId }), userTeamsLoader.loadData()]).then(\n\t\t\t([currentTeam, userTeams]) => {\n\t\t\t\tif (currentTeam && userTeams) {\n\t\t\t\t\totherTeamsData\n\t\t\t\t\t\t.loadData({\n\t\t\t\t\t\t\tuserTeams,\n\t\t\t\t\t\t\tcurrentTeam,\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t// TODO - do we need to mark all loaders completed somehow?\n\t\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\t// TODO - some data did not load - handle this\n\t\t\t\t}\n\t\t\t},\n\t\t)\n\t}\n\n\tuseEffectOnce(() => {\n\t\tjwtLoader.loadData().then((jwt) => {\n\t\t\tif (jwt) {\n\t\t\t\tloadUserData(jwt.userCurrentTeamId)\n\t\t\t}\n\t\t})\n\t})\n\n\tconst providerValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tdata: {\n\t\t\t\tjwt: jwtLoader.data,\n\t\t\t\tuserTeams: userTeamsLoader.data,\n\t\t\t\tcurrentTeam: currentTeamLoader.data,\n\t\t\t\totherTeams: otherTeamsData.data,\n\t\t\t},\n\t\t}),\n\t\t[jwtLoader, userTeamsLoader, currentTeamLoader, otherTeamsData],\n\t)\n\n\treturn <SidebarContext.Provider value={providerValue}>{children}</SidebarContext.Provider>\n}\n"],"names":["useSidebarDataLoader","useEffectOnce","useMemo","SidebarContext"],"mappings":";;;;;;;AAYO,MAAM,kBAAkB,CAAC,EAAE,QAAQ,eAAwD;AACjG,QAAM,EAAE,eAAe,cAAc,eAAmB,IAAA;AAExD,QAAM,gBAAgB,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,EACD,MAGM,QAAQ,QAAQ,UAAU,OAAO,CAAC,aAAa,SAAS,OAAO,YAAY,EAAE,CAAC;AAE9E,QAAA,YAAYA,0CAAsC,aAAa;AAE/D,QAAA,kBAAkBA,0CAAoC,YAAY;AAExE,QAAM,oBAAoBA,qBAAA;AAAA,IACzB;AAAA,EACD;AAEM,QAAA,iBAAiBA,0CAGrB,aAAa;AAET,QAAA,eAAe,CAAC,WAAmB;AACxC,YAAQ,IAAI,CAAC,kBAAkB,SAAS,EAAE,OAAQ,CAAA,GAAG,gBAAgB,SAAU,CAAA,CAAC,EAAE;AAAA,MACjF,CAAC,CAAC,aAAa,SAAS,MAAM;AAC7B,YAAI,eAAe,WAAW;AAC7B,yBACE,SAAS;AAAA,YACT;AAAA,YACA;AAAA,UAAA,CACA,EACA,KAAK,MAAM;AAAA,UAAA,CAEX;AAAA,QAAA;AAAA,MAGH;AAAA,IAEF;AAAA,EACD;AAEAC,gBAAAA,cAAc,MAAM;AACnB,cAAU,SAAS,EAAE,KAAK,CAAC,QAAQ;AAClC,UAAI,KAAK;AACR,qBAAa,IAAI,iBAAiB;AAAA,MAAA;AAAA,IACnC,CACA;AAAA,EAAA,CACD;AAED,QAAM,gBAAgBC,MAAA;AAAA,IACrB,OAAO;AAAA,MACN,MAAM;AAAA,QACL,KAAK,UAAU;AAAA,QACf,WAAW,gBAAgB;AAAA,QAC3B,aAAa,kBAAkB;AAAA,QAC/B,YAAY,eAAe;AAAA,MAAA;AAAA,IAC5B;AAAA,IAED,CAAC,WAAW,iBAAiB,mBAAmB,cAAc;AAAA,EAC/D;AAEA,wCAAQC,eAAAA,eAAe,UAAf,EAAwB,OAAO,eAAgB,UAAS;AACjE;;"}
+{"version":3,"file":"harmony73.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony73.mjs

@@ -1,54 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import { useSidebarDataLoader } from "./harmony80.mjs";
-import { useEffectOnce } from "./harmony12.mjs";
-import { useMemo } from "react";
-import { SidebarContext } from "./harmony81.mjs";
-const SidebarProvider = ({ config, children }) => {
-  const { getJWTPayload, getUserTeams, getCurrentTeam } = config;
-  const getOtherTeams = async ({
-    userTeams,
-    currentTeam
-  }) => Promise.resolve(userTeams.filter((userTeam) => userTeam.id !== currentTeam.id));
-  const jwtLoader = useSidebarDataLoader(getJWTPayload);
-  const userTeamsLoader = useSidebarDataLoader(getUserTeams);
-  const currentTeamLoader = useSidebarDataLoader(
-    getCurrentTeam
-  );
-  const otherTeamsData = useSidebarDataLoader(getOtherTeams);
-  const loadUserData = (teamId) => {
-    Promise.all([currentTeamLoader.loadData({ teamId }), userTeamsLoader.loadData()]).then(
-      ([currentTeam, userTeams]) => {
-        if (currentTeam && userTeams) {
-          otherTeamsData.loadData({
-            userTeams,
-            currentTeam
-          }).then(() => {
-          });
-        }
-      }
-    );
-  };
-  useEffectOnce(() => {
-    jwtLoader.loadData().then((jwt) => {
-      if (jwt) {
-        loadUserData(jwt.userCurrentTeamId);
-      }
-    });
-  });
-  const providerValue = useMemo(
-    () => ({
-      data: {
-        jwt: jwtLoader.data,
-        userTeams: userTeamsLoader.data,
-        currentTeam: currentTeamLoader.data,
-        otherTeams: otherTeamsData.data
-      }
-    }),
-    [jwtLoader, userTeamsLoader, currentTeamLoader, otherTeamsData]
-  );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: providerValue, children });
+const headerContainer = "_headerContainer_1cubo_1";
+const navigationTabList = "_navigationTabList_1cubo_8";
+const navigationTab = "_navigationTab_1cubo_8";
+const headerContent = "_headerContent_1cubo_34";
+const staticEnabled = "_staticEnabled_1cubo_50";
+const classes = {
+  headerContainer,
+  navigationTabList,
+  navigationTab,
+  headerContent,
+  staticEnabled
 };
 export {
-  SidebarProvider
+  classes as default,
+  headerContainer,
+  headerContent,
+  navigationTab,
+  navigationTabList,
+  staticEnabled
 };
 //# sourceMappingURL=harmony73.mjs.map

package/dist/harmony73.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony73.mjs","sources":["../src/components/Sidebar/SidebarProvider.tsx"],"sourcesContent":["import { useSidebarDataLoader } from '@components/Sidebar/hooks/useSidebarDataLoader'\nimport type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { useEffectOnce } from '@utils'\nimport { type PropsWithChildren, useMemo } from 'react'\nimport { SidebarContext } from './SidebarContext'\nimport type {\n\tSidebarContextProps,\n\tSidebarProviderProps,\n\tSidebarTeam,\n\tSidebarTeamExtended,\n} from './types'\n\nexport const SidebarProvider = ({ config, children }: PropsWithChildren<SidebarProviderProps>) => {\n\tconst { getJWTPayload, getUserTeams, getCurrentTeam } = config\n\n\tconst getOtherTeams = async ({\n\t\tuserTeams,\n\t\tcurrentTeam,\n\t}: {\n\t\tuserTeams: SidebarTeam[]\n\t\tcurrentTeam: SidebarTeamExtended\n\t}) => Promise.resolve(userTeams.filter((userTeam) => userTeam.id !== currentTeam.id))\n\n\tconst jwtLoader = useSidebarDataLoader<JwtTokenPayload>(getJWTPayload)\n\n\tconst userTeamsLoader = useSidebarDataLoader<SidebarTeam[]>(getUserTeams)\n\n\tconst currentTeamLoader = useSidebarDataLoader<SidebarTeamExtended, { teamId: number }>(\n\t\tgetCurrentTeam,\n\t)\n\n\tconst otherTeamsData = useSidebarDataLoader<\n\t\tSidebarTeam[],\n\t\t{ userTeams: SidebarTeam[]; currentTeam: SidebarTeamExtended }\n\t>(getOtherTeams)\n\n\tconst loadUserData = (teamId: number) => {\n\t\tPromise.all([currentTeamLoader.loadData({ teamId }), userTeamsLoader.loadData()]).then(\n\t\t\t([currentTeam, userTeams]) => {\n\t\t\t\tif (currentTeam && userTeams) {\n\t\t\t\t\totherTeamsData\n\t\t\t\t\t\t.loadData({\n\t\t\t\t\t\t\tuserTeams,\n\t\t\t\t\t\t\tcurrentTeam,\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\t// TODO - do we need to mark all loaders completed somehow?\n\t\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\t// TODO - some data did not load - handle this\n\t\t\t\t}\n\t\t\t},\n\t\t)\n\t}\n\n\tuseEffectOnce(() => {\n\t\tjwtLoader.loadData().then((jwt) => {\n\t\t\tif (jwt) {\n\t\t\t\tloadUserData(jwt.userCurrentTeamId)\n\t\t\t}\n\t\t})\n\t})\n\n\tconst providerValue = useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tdata: {\n\t\t\t\tjwt: jwtLoader.data,\n\t\t\t\tuserTeams: userTeamsLoader.data,\n\t\t\t\tcurrentTeam: currentTeamLoader.data,\n\t\t\t\totherTeams: otherTeamsData.data,\n\t\t\t},\n\t\t}),\n\t\t[jwtLoader, userTeamsLoader, currentTeamLoader, otherTeamsData],\n\t)\n\n\treturn <SidebarContext.Provider value={providerValue}>{children}</SidebarContext.Provider>\n}\n"],"names":[],"mappings":";;;;;AAYO,MAAM,kBAAkB,CAAC,EAAE,QAAQ,eAAwD;AACjG,QAAM,EAAE,eAAe,cAAc,eAAmB,IAAA;AAExD,QAAM,gBAAgB,OAAO;AAAA,IAC5B;AAAA,IACA;AAAA,EACD,MAGM,QAAQ,QAAQ,UAAU,OAAO,CAAC,aAAa,SAAS,OAAO,YAAY,EAAE,CAAC;AAE9E,QAAA,YAAY,qBAAsC,aAAa;AAE/D,QAAA,kBAAkB,qBAAoC,YAAY;AAExE,QAAM,oBAAoB;AAAA,IACzB;AAAA,EACD;AAEM,QAAA,iBAAiB,qBAGrB,aAAa;AAET,QAAA,eAAe,CAAC,WAAmB;AACxC,YAAQ,IAAI,CAAC,kBAAkB,SAAS,EAAE,OAAQ,CAAA,GAAG,gBAAgB,SAAU,CAAA,CAAC,EAAE;AAAA,MACjF,CAAC,CAAC,aAAa,SAAS,MAAM;AAC7B,YAAI,eAAe,WAAW;AAC7B,yBACE,SAAS;AAAA,YACT;AAAA,YACA;AAAA,UAAA,CACA,EACA,KAAK,MAAM;AAAA,UAAA,CAEX;AAAA,QAAA;AAAA,MAGH;AAAA,IAEF;AAAA,EACD;AAEA,gBAAc,MAAM;AACnB,cAAU,SAAS,EAAE,KAAK,CAAC,QAAQ;AAClC,UAAI,KAAK;AACR,qBAAa,IAAI,iBAAiB;AAAA,MAAA;AAAA,IACnC,CACA;AAAA,EAAA,CACD;AAED,QAAM,gBAAgB;AAAA,IACrB,OAAO;AAAA,MACN,MAAM;AAAA,QACL,KAAK,UAAU;AAAA,QACf,WAAW,gBAAgB;AAAA,QAC3B,aAAa,kBAAkB;AAAA,QAC/B,YAAY,eAAe;AAAA,MAAA;AAAA,IAC5B;AAAA,IAED,CAAC,WAAW,iBAAiB,mBAAmB,cAAc;AAAA,EAC/D;AAEA,6BAAQ,eAAe,UAAf,EAAwB,OAAO,eAAgB,UAAS;AACjE;"}
+{"version":3,"file":"harmony73.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/harmony74.cjs

@@ -1,42 +1,64 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const IconLink = require("./harmony82.cjs");
-const ProfileMenu = require("./harmony83.cjs");
-const useSidebar = require("./harmony84.cjs");
-const louis = require("@lokalise/louis");
-const permissions = require("./harmony85.cjs");
-const Avatar = require("./harmony86.cjs");
-const HelpMenu = require("./harmony87.cjs");
-const SidebarContent_module = require("./harmony88.cjs");
-const SidebarContent = ({ widgetsConfig, children, ...navProps }) => {
-  const sidebarContextProps = useSidebar.useSidebar();
-  const {
-    data: { jwt }
-  } = sidebarContextProps;
-  const { avatar } = widgetsConfig;
-  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { ...navProps, className: SidebarContent_module.default.sidebarContainer, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, { ...avatar }),
-      jwt.loading ? /* @__PURE__ */ jsxRuntime.jsx(louis.Skeleton, { description: "Top Section Loader", animated: true, className: SidebarContent_module.default.sidebarSkeleton, children: Array.from({ length: 3 }).map(() => /* @__PURE__ */ jsxRuntime.jsx(
-        louis.Rectangle,
-        {
-          height: 40,
-          width: 40
-        },
-        `sidebar-top-widget-loader-${crypto.randomUUID()}`
-      )) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jwt.result && !jwt.result.isEndOfTrialActive && !jwt.result.isTeamSuspended && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/projects", label: "Projects", icon: louis.ProjectIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/order", label: "Order", icon: louis.ShoppingBagIcon }),
-        permissions.canAccessReporting(jwt.result) && /* @__PURE__ */ jsxRuntime.jsx(IconLink.IconLink, { to: "/analytics", label: "Analytics", icon: louis.ChartLineIcon })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(HelpMenu.HelpMenu, { ...widgetsConfig.helpMenu })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      children && typeof children === "function" ? children(sidebarContextProps) : children,
-      /* @__PURE__ */ jsxRuntime.jsx(ProfileMenu.ProfileMenu, { config: widgetsConfig.profileMenu })
-    ] })
-  ] });
-};
-exports.SidebarContent = SidebarContent;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const utils = require("./harmony122.cjs");
+function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1e3, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize } = {}) {
+  const skipResize = React.useRef(skipOnMount);
+  const onResizeRef = utils.useCallbackRef(onResize);
+  const [size, setSize] = React.useState({
+    width: void 0,
+    height: void 0
+  });
+  const { refProxy, refElement } = utils.useRefProxy(targetRef);
+  const { box } = observerOptions || {};
+  const resizeCallback = React.useCallback((entries) => {
+    if (!handleWidth && !handleHeight)
+      return;
+    if (skipResize.current) {
+      skipResize.current = false;
+      return;
+    }
+    const shouldSetSize = (prevSize, nextSize) => handleWidth && prevSize.width !== nextSize.width || handleHeight && prevSize.height !== nextSize.height;
+    entries.forEach((entry) => {
+      const dimensions = utils.getDimensions(entry, box);
+      setSize((prevSize) => {
+        if (!shouldSetSize(prevSize, dimensions))
+          return prevSize;
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+          width: dimensions.width,
+          height: dimensions.height,
+          entry
+        });
+        return dimensions;
+      });
+    });
+  }, [handleWidth, handleHeight, skipResize, box]);
+  const resizeHandler = React.useCallback(utils.patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
+    resizeCallback,
+    refreshMode,
+    refreshRate,
+    refreshOptions
+  ]);
+  React.useEffect(() => {
+    let resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else if (size.width || size.height) {
+      onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+        width: null,
+        height: null,
+        entry: null
+      });
+      setSize({ width: void 0, height: void 0 });
+    }
+    return () => {
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
+    };
+  }, [resizeHandler, refElement]);
+  return Object.assign({ ref: refProxy }, size);
+}
+exports.default = useResizeDetector;
 //# sourceMappingURL=harmony74.cjs.map

package/dist/harmony74.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony74.cjs","sources":["../src/components/Sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { IconLink } from '@components/Sidebar/Widgets/IconLink/IconLink'\nimport { ProfileMenu } from '@components/Sidebar/Widgets/ProfileMenu/ProfileMenu'\nimport { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarWidgetsConfig } from '@components/Sidebar/types'\nimport type { SidebarContextProps } from '@components/Sidebar/types'\nimport { ChartLineIcon, ProjectIcon, Rectangle, ShoppingBagIcon, Skeleton } from '@lokalise/louis'\nimport { canAccessReporting } from '@utils/user/permissions'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { Avatar } from '../Widgets/Avatar/Avatar'\nimport { HelpMenu } from '../Widgets/HelpMenu/HelpMenu'\nimport styles from './SidebarContent.module.css'\n\nexport type SidebarContentProps = HTMLProps<HTMLElement> & {\n\twidgetsConfig: SidebarWidgetsConfig\n\tchildren?: ((props: SidebarContextProps) => ReactNode) | ReactNode\n}\n\nexport const SidebarContent = ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => {\n\tconst sidebarContextProps = useSidebar()\n\n\tconst {\n\t\tdata: { jwt },\n\t} = sidebarContextProps\n\n\tconst { avatar } = widgetsConfig\n\n\treturn (\n\t\t<nav {...navProps} className={styles.sidebarContainer}>\n\t\t\t<div>\n\t\t\t\t<Avatar {...avatar} />\n\n\t\t\t\t{jwt.loading ? (\n\t\t\t\t\t<Skeleton description={'Top Section Loader'} animated className={styles.sidebarSkeleton}>\n\t\t\t\t\t\t{Array.from({ length: 3 }).map(() => (\n\t\t\t\t\t\t\t<Rectangle\n\t\t\t\t\t\t\t\tkey={`sidebar-top-widget-loader-${crypto.randomUUID()}`}\n\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Skeleton>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{jwt.result && !jwt.result.isEndOfTrialActive && !jwt.result.isTeamSuspended && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{/** TODO - All URLs should be pointing to Expert here. We need resolve URL function to deal with this */}\n\t\t\t\t\t\t\t\t<IconLink to=\"/projects\" label={'Projects'} icon={ProjectIcon} />\n\t\t\t\t\t\t\t\t<IconLink to=\"/order\" label=\"Order\" icon={ShoppingBagIcon} />\n\n\t\t\t\t\t\t\t\t{canAccessReporting(jwt.result) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/analytics\" label=\"Analytics\" icon={ChartLineIcon} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<HelpMenu {...widgetsConfig.helpMenu} />\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{children && typeof children === 'function' ? children(sidebarContextProps) : children}\n\t\t\t\t<ProfileMenu config={widgetsConfig.profileMenu} />\n\t\t\t</div>\n\t\t</nav>\n\t)\n}\n"],"names":["useSidebar","styles","jsxs","jsx","Avatar","Skeleton","Rectangle","Fragment","IconLink","ProjectIcon","ShoppingBagIcon","canAccessReporting","ChartLineIcon","HelpMenu","ProfileMenu"],"mappings":";;;;;;;;;;;AAiBO,MAAM,iBAAiB,CAAC,EAAE,eAAe,UAAU,GAAG,eAAoC;AAChG,QAAM,sBAAsBA,WAAAA,WAAW;AAEjC,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,EAAA,IACT;AAEE,QAAA,EAAE,WAAW;AAEnB,yCACE,OAAK,EAAA,GAAG,UAAU,WAAWC,8BAAO,kBACpC,UAAA;AAAA,IAAAC,gCAAC,OACA,EAAA,UAAA;AAAA,MAACC,2BAAAA,IAAAC,OAAA,QAAA,EAAQ,GAAG,QAAQ;AAAA,MAEnB,IAAI,UACJD,2BAAAA,IAACE,kBAAS,aAAa,sBAAsB,UAAQ,MAAC,WAAWJ,8BAAO,iBACtE,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAG,CAAA,EAAE,IAAI,MAC9BE,2BAAA;AAAA,QAACG,MAAA;AAAA,QAAA;AAAA,UAEA,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,QAFF,6BAA6B,OAAO,YAAY;AAAA,MAAA,CAItD,EAAA,CACF,IAEAH,+BAAAI,WAAAA,UAAA,EACE,cAAI,UAAU,CAAC,IAAI,OAAO,sBAAsB,CAAC,IAAI,OAAO,mBAG3DL,gCAAAK,WAAAA,UAAA,EAAA,UAAA;AAAA,QAAAJ,+BAACK,SAAAA,YAAS,IAAG,aAAY,OAAO,YAAY,MAAMC,MAAAA,aAAa;AAAA,uCAC9DD,SAAAA,UAAS,EAAA,IAAG,UAAS,OAAM,SAAQ,MAAME,MAAAA,iBAAiB;AAAA,QAE1DC,YAAAA,mBAAmB,IAAI,MAAM,KAC7BR,2BAAA,IAACK,SAAS,UAAA,EAAA,IAAG,cAAa,OAAM,aAAY,MAAMI,MAAAA,cAAe,CAAA;AAAA,MAAA,EAAA,CAEnE,EAEF,CAAA;AAAA,MAEAT,2BAAAA,IAAAU,SAAA,UAAA,EAAU,GAAG,cAAc,SAAU,CAAA;AAAA,IAAA,GACvC;AAAA,oCACC,OACC,EAAA,UAAA;AAAA,MAAA,YAAY,OAAO,aAAa,aAAa,SAAS,mBAAmB,IAAI;AAAA,MAC7EV,2BAAAA,IAAAW,YAAAA,aAAA,EAAY,QAAQ,cAAc,YAAa,CAAA;AAAA,IAAA,EACjD,CAAA;AAAA,EAAA,GACD;AAEF;;"}
+{"version":3,"file":"harmony74.cjs","sources":["../node_modules/react-resize-detector/build/useResizeDetector.js"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from './utils.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1000, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize, } = {}) {\n    // If `skipOnMount` is enabled, skip the first resize event\n    const skipResize = useRef(skipOnMount);\n    // Wrap the `onResize` callback with a ref to avoid re-renders\n    const onResizeRef = useCallbackRef(onResize);\n    const [size, setSize] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    // Create a proxy ref to handle conditional rendering and dynamic ref changes of the target element\n    const { refProxy, refElement } = useRefProxy(targetRef);\n    const { box } = observerOptions || {};\n    const resizeCallback = useCallback((entries) => {\n        if (!handleWidth && !handleHeight)\n            return;\n        if (skipResize.current) {\n            skipResize.current = false;\n            return;\n        }\n        // Only update the size if one of the observed dimensions has changed\n        const shouldSetSize = (prevSize, nextSize) => (handleWidth && prevSize.width !== nextSize.width) || (handleHeight && prevSize.height !== nextSize.height);\n        entries.forEach((entry) => {\n            const dimensions = getDimensions(entry, box);\n            setSize((prevSize) => {\n                if (!shouldSetSize(prevSize, dimensions))\n                    return prevSize;\n                onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                    width: dimensions.width,\n                    height: dimensions.height,\n                    entry,\n                });\n                return dimensions;\n            });\n        });\n    }, [handleWidth, handleHeight, skipResize, box]);\n    // Throttle/Debounce the resize event if refreshMode is configured\n    const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [\n        resizeCallback,\n        refreshMode,\n        refreshRate,\n        refreshOptions,\n    ]);\n    // Attach ResizeObserver to the element\n    useEffect(() => {\n        let resizeObserver;\n        if (refElement) {\n            resizeObserver = new window.ResizeObserver(resizeHandler);\n            resizeObserver.observe(refElement, observerOptions);\n        }\n        // If refElement is not available, reset the size\n        else if (size.width || size.height) {\n            onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                width: null,\n                height: null,\n                entry: null,\n            });\n            setSize({ width: undefined, height: undefined });\n        }\n        // Disconnect the ResizeObserver when the component is unmounted\n        return () => {\n            var _a, _b, _c;\n            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);\n            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);\n        };\n    }, [resizeHandler, refElement]);\n    return Object.assign({ ref: refProxy }, size);\n}\n\nexport { useResizeDetector as default };\n//# sourceMappingURL=useResizeDetector.js.map\n"],"names":["useRef","useCallbackRef","useState","useRefProxy","useCallback","getDimensions","patchResizeCallback","useEffect"],"mappings":";;;;AAIA,SAAS,kBAAkB,EAAE,cAAc,OAAO,aAAa,cAAc,KAAM,gBAAgB,cAAc,MAAM,eAAe,MAAM,WAAW,iBAAiB,SAAW,IAAG,IAAI;AAEtL,QAAM,aAAaA,MAAM,OAAC,WAAW;AAErC,QAAM,cAAcC,MAAc,eAAC,QAAQ;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAIC,eAAS;AAAA,IAC7B,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB,CAAK;AAED,QAAM,EAAE,UAAU,eAAeC,MAAAA,YAAY,SAAS;AACtD,QAAM,EAAE,QAAQ,mBAAmB,CAAE;AACrC,QAAM,iBAAiBC,kBAAY,CAAC,YAAY;AAC5C,QAAI,CAAC,eAAe,CAAC;AACjB;AACJ,QAAI,WAAW,SAAS;AACpB,iBAAW,UAAU;AACrB;AAAA,IACZ;AAEQ,UAAM,gBAAgB,CAAC,UAAU,aAAc,eAAe,SAAS,UAAU,SAAS,SAAW,gBAAgB,SAAS,WAAW,SAAS;AAClJ,YAAQ,QAAQ,CAAC,UAAU;AACvB,YAAM,aAAaC,MAAAA,cAAc,OAAO,GAAG;AAC3C,cAAQ,CAAC,aAAa;AAClB,YAAI,CAAC,cAAc,UAAU,UAAU;AACnC,iBAAO;AACX,wBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,UAClE,OAAO,WAAW;AAAA,UAClB,QAAQ,WAAW;AAAA,UACnB;AAAA,QACpB,CAAiB;AACD,eAAO;AAAA,MACvB,CAAa;AAAA,IACb,CAAS;AAAA,EACJ,GAAE,CAAC,aAAa,cAAc,YAAY,GAAG,CAAC;AAE/C,QAAM,gBAAgBD,MAAAA,YAAYE,MAAmB,oBAAC,gBAAgB,aAAa,aAAa,cAAc,GAAG;AAAA,IAC7G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR,CAAK;AAEDC,QAAAA,UAAU,MAAM;AACZ,QAAI;AACJ,QAAI,YAAY;AACZ,uBAAiB,IAAI,OAAO,eAAe,aAAa;AACxD,qBAAe,QAAQ,YAAY,eAAe;AAAA,IAC9D,WAEiB,KAAK,SAAS,KAAK,QAAQ;AAChC,sBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,QAClE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACvB,CAAa;AACD,cAAQ,EAAE,OAAO,QAAW,QAAQ,OAAS,CAAE;AAAA,IAC3D;AAEQ,WAAO,MAAM;AACT,UAAI,IAAI,IAAI;AACZ,OAAC,KAAK,mBAAmB,QAAQ,mBAAmB,SAAS,SAAS,eAAe,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,cAAc;AAC5J,OAAC,MAAM,KAAK,eAAe,YAAY,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,EAAE;AAAA,IACrF;AAAA,EACT,GAAO,CAAC,eAAe,UAAU,CAAC;AAC9B,SAAO,OAAO,OAAO,EAAE,KAAK,SAAQ,GAAI,IAAI;AAChD;;","x_google_ignoreList":[0]}

package/dist/harmony74.mjs

@@ -1,42 +1,64 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { IconLink } from "./harmony82.mjs";
-import { ProfileMenu } from "./harmony83.mjs";
-import { useSidebar } from "./harmony84.mjs";
-import { Skeleton, Rectangle, ProjectIcon, ShoppingBagIcon, ChartLineIcon } from "@lokalise/louis";
-import { canAccessReporting } from "./harmony85.mjs";
-import { Avatar } from "./harmony86.mjs";
-import { HelpMenu } from "./harmony87.mjs";
-import styles from "./harmony88.mjs";
-const SidebarContent = ({ widgetsConfig, children, ...navProps }) => {
-  const sidebarContextProps = useSidebar();
-  const {
-    data: { jwt }
-  } = sidebarContextProps;
-  const { avatar } = widgetsConfig;
-  return /* @__PURE__ */ jsxs("nav", { ...navProps, className: styles.sidebarContainer, children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Avatar, { ...avatar }),
-      jwt.loading ? /* @__PURE__ */ jsx(Skeleton, { description: "Top Section Loader", animated: true, className: styles.sidebarSkeleton, children: Array.from({ length: 3 }).map(() => /* @__PURE__ */ jsx(
-        Rectangle,
-        {
-          height: 40,
-          width: 40
-        },
-        `sidebar-top-widget-loader-${crypto.randomUUID()}`
-      )) }) : /* @__PURE__ */ jsx(Fragment, { children: jwt.result && !jwt.result.isEndOfTrialActive && !jwt.result.isTeamSuspended && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(IconLink, { to: "/projects", label: "Projects", icon: ProjectIcon }),
-        /* @__PURE__ */ jsx(IconLink, { to: "/order", label: "Order", icon: ShoppingBagIcon }),
-        canAccessReporting(jwt.result) && /* @__PURE__ */ jsx(IconLink, { to: "/analytics", label: "Analytics", icon: ChartLineIcon })
-      ] }) }),
-      /* @__PURE__ */ jsx(HelpMenu, { ...widgetsConfig.helpMenu })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      children && typeof children === "function" ? children(sidebarContextProps) : children,
-      /* @__PURE__ */ jsx(ProfileMenu, { config: widgetsConfig.profileMenu })
-    ] })
-  ] });
-};
+import { useRef, useState, useCallback, useEffect } from "react";
+import { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from "./harmony122.mjs";
+function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1e3, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize } = {}) {
+  const skipResize = useRef(skipOnMount);
+  const onResizeRef = useCallbackRef(onResize);
+  const [size, setSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  const { refProxy, refElement } = useRefProxy(targetRef);
+  const { box } = observerOptions || {};
+  const resizeCallback = useCallback((entries) => {
+    if (!handleWidth && !handleHeight)
+      return;
+    if (skipResize.current) {
+      skipResize.current = false;
+      return;
+    }
+    const shouldSetSize = (prevSize, nextSize) => handleWidth && prevSize.width !== nextSize.width || handleHeight && prevSize.height !== nextSize.height;
+    entries.forEach((entry) => {
+      const dimensions = getDimensions(entry, box);
+      setSize((prevSize) => {
+        if (!shouldSetSize(prevSize, dimensions))
+          return prevSize;
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+          width: dimensions.width,
+          height: dimensions.height,
+          entry
+        });
+        return dimensions;
+      });
+    });
+  }, [handleWidth, handleHeight, skipResize, box]);
+  const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
+    resizeCallback,
+    refreshMode,
+    refreshRate,
+    refreshOptions
+  ]);
+  useEffect(() => {
+    let resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else if (size.width || size.height) {
+      onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+        width: null,
+        height: null,
+        entry: null
+      });
+      setSize({ width: void 0, height: void 0 });
+    }
+    return () => {
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
+    };
+  }, [resizeHandler, refElement]);
+  return Object.assign({ ref: refProxy }, size);
+}
 export {
-  SidebarContent
+  useResizeDetector as default
 };
 //# sourceMappingURL=harmony74.mjs.map

package/dist/harmony74.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony74.mjs","sources":["../src/components/Sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { IconLink } from '@components/Sidebar/Widgets/IconLink/IconLink'\nimport { ProfileMenu } from '@components/Sidebar/Widgets/ProfileMenu/ProfileMenu'\nimport { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport type { SidebarWidgetsConfig } from '@components/Sidebar/types'\nimport type { SidebarContextProps } from '@components/Sidebar/types'\nimport { ChartLineIcon, ProjectIcon, Rectangle, ShoppingBagIcon, Skeleton } from '@lokalise/louis'\nimport { canAccessReporting } from '@utils/user/permissions'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { Avatar } from '../Widgets/Avatar/Avatar'\nimport { HelpMenu } from '../Widgets/HelpMenu/HelpMenu'\nimport styles from './SidebarContent.module.css'\n\nexport type SidebarContentProps = HTMLProps<HTMLElement> & {\n\twidgetsConfig: SidebarWidgetsConfig\n\tchildren?: ((props: SidebarContextProps) => ReactNode) | ReactNode\n}\n\nexport const SidebarContent = ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => {\n\tconst sidebarContextProps = useSidebar()\n\n\tconst {\n\t\tdata: { jwt },\n\t} = sidebarContextProps\n\n\tconst { avatar } = widgetsConfig\n\n\treturn (\n\t\t<nav {...navProps} className={styles.sidebarContainer}>\n\t\t\t<div>\n\t\t\t\t<Avatar {...avatar} />\n\n\t\t\t\t{jwt.loading ? (\n\t\t\t\t\t<Skeleton description={'Top Section Loader'} animated className={styles.sidebarSkeleton}>\n\t\t\t\t\t\t{Array.from({ length: 3 }).map(() => (\n\t\t\t\t\t\t\t<Rectangle\n\t\t\t\t\t\t\t\tkey={`sidebar-top-widget-loader-${crypto.randomUUID()}`}\n\t\t\t\t\t\t\t\theight={40}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Skeleton>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{jwt.result && !jwt.result.isEndOfTrialActive && !jwt.result.isTeamSuspended && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{/** TODO - All URLs should be pointing to Expert here. We need resolve URL function to deal with this */}\n\t\t\t\t\t\t\t\t<IconLink to=\"/projects\" label={'Projects'} icon={ProjectIcon} />\n\t\t\t\t\t\t\t\t<IconLink to=\"/order\" label=\"Order\" icon={ShoppingBagIcon} />\n\n\t\t\t\t\t\t\t\t{canAccessReporting(jwt.result) && (\n\t\t\t\t\t\t\t\t\t<IconLink to=\"/analytics\" label=\"Analytics\" icon={ChartLineIcon} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<HelpMenu {...widgetsConfig.helpMenu} />\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t{children && typeof children === 'function' ? children(sidebarContextProps) : children}\n\t\t\t\t<ProfileMenu config={widgetsConfig.profileMenu} />\n\t\t\t</div>\n\t\t</nav>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,iBAAiB,CAAC,EAAE,eAAe,UAAU,GAAG,eAAoC;AAChG,QAAM,sBAAsB,WAAW;AAEjC,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,EAAA,IACT;AAEE,QAAA,EAAE,WAAW;AAEnB,8BACE,OAAK,EAAA,GAAG,UAAU,WAAW,OAAO,kBACpC,UAAA;AAAA,IAAA,qBAAC,OACA,EAAA,UAAA;AAAA,MAAC,oBAAA,QAAA,EAAQ,GAAG,QAAQ;AAAA,MAEnB,IAAI,UACJ,oBAAC,YAAS,aAAa,sBAAsB,UAAQ,MAAC,WAAW,OAAO,iBACtE,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAG,CAAA,EAAE,IAAI,MAC9B;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,QAAQ;AAAA,UACR,OAAO;AAAA,QAAA;AAAA,QAFF,6BAA6B,OAAO,YAAY;AAAA,MAAA,CAItD,EAAA,CACF,IAEA,oBAAA,UAAA,EACE,cAAI,UAAU,CAAC,IAAI,OAAO,sBAAsB,CAAC,IAAI,OAAO,mBAG3D,qBAAA,UAAA,EAAA,UAAA;AAAA,QAAA,oBAAC,YAAS,IAAG,aAAY,OAAO,YAAY,MAAM,aAAa;AAAA,4BAC9D,UAAS,EAAA,IAAG,UAAS,OAAM,SAAQ,MAAM,iBAAiB;AAAA,QAE1D,mBAAmB,IAAI,MAAM,KAC7B,oBAAC,UAAS,EAAA,IAAG,cAAa,OAAM,aAAY,MAAM,cAAe,CAAA;AAAA,MAAA,EAAA,CAEnE,EAEF,CAAA;AAAA,MAEA,oBAAA,UAAA,EAAU,GAAG,cAAc,SAAU,CAAA;AAAA,IAAA,GACvC;AAAA,yBACC,OACC,EAAA,UAAA;AAAA,MAAA,YAAY,OAAO,aAAa,aAAa,SAAS,mBAAmB,IAAI;AAAA,MAC7E,oBAAA,aAAA,EAAY,QAAQ,cAAc,YAAa,CAAA;AAAA,IAAA,EACjD,CAAA;AAAA,EAAA,GACD;AAEF;"}
+{"version":3,"file":"harmony74.mjs","sources":["../node_modules/react-resize-detector/build/useResizeDetector.js"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from './utils.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1000, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize, } = {}) {\n    // If `skipOnMount` is enabled, skip the first resize event\n    const skipResize = useRef(skipOnMount);\n    // Wrap the `onResize` callback with a ref to avoid re-renders\n    const onResizeRef = useCallbackRef(onResize);\n    const [size, setSize] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    // Create a proxy ref to handle conditional rendering and dynamic ref changes of the target element\n    const { refProxy, refElement } = useRefProxy(targetRef);\n    const { box } = observerOptions || {};\n    const resizeCallback = useCallback((entries) => {\n        if (!handleWidth && !handleHeight)\n            return;\n        if (skipResize.current) {\n            skipResize.current = false;\n            return;\n        }\n        // Only update the size if one of the observed dimensions has changed\n        const shouldSetSize = (prevSize, nextSize) => (handleWidth && prevSize.width !== nextSize.width) || (handleHeight && prevSize.height !== nextSize.height);\n        entries.forEach((entry) => {\n            const dimensions = getDimensions(entry, box);\n            setSize((prevSize) => {\n                if (!shouldSetSize(prevSize, dimensions))\n                    return prevSize;\n                onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                    width: dimensions.width,\n                    height: dimensions.height,\n                    entry,\n                });\n                return dimensions;\n            });\n        });\n    }, [handleWidth, handleHeight, skipResize, box]);\n    // Throttle/Debounce the resize event if refreshMode is configured\n    const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [\n        resizeCallback,\n        refreshMode,\n        refreshRate,\n        refreshOptions,\n    ]);\n    // Attach ResizeObserver to the element\n    useEffect(() => {\n        let resizeObserver;\n        if (refElement) {\n            resizeObserver = new window.ResizeObserver(resizeHandler);\n            resizeObserver.observe(refElement, observerOptions);\n        }\n        // If refElement is not available, reset the size\n        else if (size.width || size.height) {\n            onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                width: null,\n                height: null,\n                entry: null,\n            });\n            setSize({ width: undefined, height: undefined });\n        }\n        // Disconnect the ResizeObserver when the component is unmounted\n        return () => {\n            var _a, _b, _c;\n            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);\n            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);\n        };\n    }, [resizeHandler, refElement]);\n    return Object.assign({ ref: refProxy }, size);\n}\n\nexport { useResizeDetector as default };\n//# sourceMappingURL=useResizeDetector.js.map\n"],"names":[],"mappings":";;AAIA,SAAS,kBAAkB,EAAE,cAAc,OAAO,aAAa,cAAc,KAAM,gBAAgB,cAAc,MAAM,eAAe,MAAM,WAAW,iBAAiB,SAAW,IAAG,IAAI;AAEtL,QAAM,aAAa,OAAO,WAAW;AAErC,QAAM,cAAc,eAAe,QAAQ;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS;AAAA,IAC7B,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB,CAAK;AAED,QAAM,EAAE,UAAU,eAAe,YAAY,SAAS;AACtD,QAAM,EAAE,QAAQ,mBAAmB,CAAE;AACrC,QAAM,iBAAiB,YAAY,CAAC,YAAY;AAC5C,QAAI,CAAC,eAAe,CAAC;AACjB;AACJ,QAAI,WAAW,SAAS;AACpB,iBAAW,UAAU;AACrB;AAAA,IACZ;AAEQ,UAAM,gBAAgB,CAAC,UAAU,aAAc,eAAe,SAAS,UAAU,SAAS,SAAW,gBAAgB,SAAS,WAAW,SAAS;AAClJ,YAAQ,QAAQ,CAAC,UAAU;AACvB,YAAM,aAAa,cAAc,OAAO,GAAG;AAC3C,cAAQ,CAAC,aAAa;AAClB,YAAI,CAAC,cAAc,UAAU,UAAU;AACnC,iBAAO;AACX,wBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,UAClE,OAAO,WAAW;AAAA,UAClB,QAAQ,WAAW;AAAA,UACnB;AAAA,QACpB,CAAiB;AACD,eAAO;AAAA,MACvB,CAAa;AAAA,IACb,CAAS;AAAA,EACJ,GAAE,CAAC,aAAa,cAAc,YAAY,GAAG,CAAC;AAE/C,QAAM,gBAAgB,YAAY,oBAAoB,gBAAgB,aAAa,aAAa,cAAc,GAAG;AAAA,IAC7G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR,CAAK;AAED,YAAU,MAAM;AACZ,QAAI;AACJ,QAAI,YAAY;AACZ,uBAAiB,IAAI,OAAO,eAAe,aAAa;AACxD,qBAAe,QAAQ,YAAY,eAAe;AAAA,IAC9D,WAEiB,KAAK,SAAS,KAAK,QAAQ;AAChC,sBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,QAClE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACvB,CAAa;AACD,cAAQ,EAAE,OAAO,QAAW,QAAQ,OAAS,CAAE;AAAA,IAC3D;AAEQ,WAAO,MAAM;AACT,UAAI,IAAI,IAAI;AACZ,OAAC,KAAK,mBAAmB,QAAQ,mBAAmB,SAAS,SAAS,eAAe,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,cAAc;AAC5J,OAAC,MAAM,KAAK,eAAe,YAAY,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,EAAE;AAAA,IACrF;AAAA,EACT,GAAO,CAAC,eAAe,UAAU,CAAC;AAC9B,SAAO,OAAO,OAAO,EAAE,KAAK,SAAQ,GAAI,IAAI;AAChD;","x_google_ignoreList":[0]}

package/dist/harmony75.cjs

@@ -1,12 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
-const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+const sidebarContainer = "_sidebarContainer_bmdti_1";
+const styles = {
+  sidebarContainer
 };
-exports.breadcrumbs = breadcrumbs;
-exports.breadcrumbsItem = breadcrumbsItem;
-exports.default = classes;
+exports.default = styles;
+exports.sidebarContainer = sidebarContainer;
 //# sourceMappingURL=harmony75.cjs.map

package/dist/harmony75.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony75.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"harmony75.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/harmony75.mjs

@@ -1,12 +1,9 @@
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
-const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+const sidebarContainer = "_sidebarContainer_bmdti_1";
+const styles = {
+  sidebarContainer
 };
 export {
-  breadcrumbs,
-  breadcrumbsItem,
-  classes as default
+  styles as default,
+  sidebarContainer
 };
 //# sourceMappingURL=harmony75.mjs.map

package/dist/harmony75.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony75.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"harmony75.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/harmony76.cjs

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const React = require("react");
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
-exports.DropdownContent = DropdownContent;
+const Avatar_module = require("./harmony95.cjs");
+const Avatar = ({
+  src,
+  href = "/",
+  ariaLabel = "Lokalise App Home",
+  alt = "Lokalise Logo"
+}) => /* @__PURE__ */ jsxRuntime.jsx("a", { className: Avatar_module.default.logoLink, href, "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt }) });
+exports.Avatar = Avatar;
 //# sourceMappingURL=harmony76.cjs.map

package/dist/harmony76.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony76.cjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\nimport type { DropdownItem } from '../../types/navigation'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["jsx","Fragment","jsxs","MenuDivider","MenuItem"],"mappings":";;;;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjCA,2BAAAA,IAAAC,WAAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjBC,2BAAAA,KAACD,MAAAA,UAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAKD,+BAACG,MAAAA,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3BH,+BAAAI,MAAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;;"}
+{"version":3,"file":"harmony76.cjs","sources":["../src/components/Sidebar/Widgets/Avatar/Avatar.tsx"],"sourcesContent":["import styles from './Avatar.module.css'\n\ntype AvatarProps = {\n\t/** URL of the avatar/logo image */\n\tsrc: string\n\t/** Link destination when avatar is clicked. Defaults to '/' */\n\thref?: string\n\t/** Accessibility label for the avatar link. Defaults to 'Home' */\n\tariaLabel?: string\n\t/** Alt text for the avatar image. Defaults to 'Lokalise' */\n\talt?: string\n}\n\n/**\n * Display company main avatar / logo in the top section of the Sidebar.\n * Used as the main branding element and home navigation link.\n */\nexport const Avatar = ({\n\tsrc,\n\thref = '/',\n\tariaLabel = 'Lokalise App Home',\n\talt = 'Lokalise Logo',\n}: AvatarProps) => (\n\t<a className={styles.logoLink} href={href} aria-label={ariaLabel}>\n\t\t<img src={src} alt={alt} />\n\t</a>\n)\n"],"names":["jsx","styles"],"mappings":";;;;AAiBO,MAAM,SAAS,CAAC;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AACP,MACEA,2BAAAA,IAAA,KAAA,EAAE,WAAWC,cAAA,QAAO,UAAU,MAAY,cAAY,WACtD,UAACD,2BAAAA,IAAA,OAAA,EAAI,KAAU,IAAA,CAAU,EAC1B,CAAA;;"}

package/dist/harmony76.mjs

@@ -1,11 +1,12 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { MenuDivider, MenuItem } from "@lokalise/louis";
-import { Fragment as Fragment$1 } from "react";
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsx(MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsx(MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
+import { jsx } from "react/jsx-runtime";
+import styles from "./harmony95.mjs";
+const Avatar = ({
+  src,
+  href = "/",
+  ariaLabel = "Lokalise App Home",
+  alt = "Lokalise Logo"
+}) => /* @__PURE__ */ jsx("a", { className: styles.logoLink, href, "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("img", { src, alt }) });
 export {
-  DropdownContent
+  Avatar
 };
 //# sourceMappingURL=harmony76.mjs.map

package/dist/harmony76.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony76.mjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\nimport type { DropdownItem } from '../../types/navigation'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["Fragment"],"mappings":";;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjC,oBAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjB,qBAACA,YAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAK,oBAAC,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3B,oBAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;"}
+{"version":3,"file":"harmony76.mjs","sources":["../src/components/Sidebar/Widgets/Avatar/Avatar.tsx"],"sourcesContent":["import styles from './Avatar.module.css'\n\ntype AvatarProps = {\n\t/** URL of the avatar/logo image */\n\tsrc: string\n\t/** Link destination when avatar is clicked. Defaults to '/' */\n\thref?: string\n\t/** Accessibility label for the avatar link. Defaults to 'Home' */\n\tariaLabel?: string\n\t/** Alt text for the avatar image. Defaults to 'Lokalise' */\n\talt?: string\n}\n\n/**\n * Display company main avatar / logo in the top section of the Sidebar.\n * Used as the main branding element and home navigation link.\n */\nexport const Avatar = ({\n\tsrc,\n\thref = '/',\n\tariaLabel = 'Lokalise App Home',\n\talt = 'Lokalise Logo',\n}: AvatarProps) => (\n\t<a className={styles.logoLink} href={href} aria-label={ariaLabel}>\n\t\t<img src={src} alt={alt} />\n\t</a>\n)\n"],"names":[],"mappings":";;AAiBO,MAAM,SAAS,CAAC;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AACP,MACE,oBAAA,KAAA,EAAE,WAAW,OAAO,UAAU,MAAY,cAAY,WACtD,UAAC,oBAAA,OAAA,EAAI,KAAU,IAAA,CAAU,EAC1B,CAAA;"}

package/dist/harmony77.cjs

@@ -2,31 +2,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const clsx = require("./harmony70.cjs");
-const React = require("react");
-const NavItemContents = require("./harmony89.cjs");
-const styles_module = require("./harmony90.cjs");
-const NavigationTabsItem = React.forwardRef(
-  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+const clsx = require("./harmony72.cjs");
+const IconLink_module = require("./harmony96.cjs");
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Link,
     {
-      className: disabled ? styles_module.default.projectNavigationItemDisabled : styles_module.default.projectNavigationItem,
-      children: onClick || disabled || !href ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          ref,
-          className: clsx.clsx(styles_module.default.withNavLinkStyle, {
-            [styles_module.default.disabled]: disabled
-          }),
-          disabled,
-          onClick,
-          children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel })
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: styles_module.default.withNavLinkStyle, children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel }) })
+      "aria-label": label,
+      className: clsx.clsx(IconLink_module.default.link, {
+        [IconLink_module.default.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
+      }),
+      href: to,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
     }
-  ) })
-);
-NavigationTabsItem.displayName = "NavigationTabsItem";
-exports.NavigationTabsItem = NavigationTabsItem;
+  ) });
+};
+exports.IconLink = IconLink;
 //# sourceMappingURL=harmony77.cjs.map

package/dist/harmony77.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony77.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":["forwardRef","jsx","Tooltip","classes","clsx","NavItemContents"],"mappings":";;;;;;;;AAgBO,MAAM,qBAAqBA,MAAA;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/DC,2BAAA,IAACC,iBAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAWE,cAAAA,QAAQ,gCAAgCA,cAAQ,QAAA;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxBF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAWG,KAAAA,KAAKD,cAAA,QAAQ,kBAAkB;AAAA,YACzC,CAACA,cAAAA,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAACF,2BAAA,IAAAI,gBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5DJ,2BAAAA,IAAC,KAAE,EAAA,MAAY,WAAWE,cAAA,QAAQ,kBACjC,UAAAF,2BAAA,IAACI,gBAAgB,iBAAA,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;;"}
+{"version":3,"file":"harmony77.cjs","sources":["../src/components/Sidebar/Widgets/IconLink/IconLink.tsx"],"sourcesContent":["import { Link, type SvgIconProps, Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC } from 'react'\nimport styles from './IconLink.module.css'\n\ntype IconLinkProps = {\n\t/** URL destination for the link */\n\tto: string\n\t/** Text to display in the tooltip when hovering over the icon */\n\tlabel: string\n\t/** Icon component from @lokalise/louis to display */\n\ticon: FC<SvgIconProps>\n}\n\n/**\n * A navigation link component that displays an icon with a tooltip.\n * When hovered, shows a tooltip with the label text.\n * The link is highlighted when the current URL matches its destination.\n *\n * @example\n * ```tsx\n * <IconLink to=\"/projects\" label=\"Projects\" icon={FolderOpenIcon} />\n * ```\n */\nexport const IconLink = ({ label, to, icon: Icon }: IconLinkProps) => {\n\treturn (\n\t\t<Tooltip placement=\"right\" tooltip={label}>\n\t\t\t<Link\n\t\t\t\taria-label={label}\n\t\t\t\tclassName={clsx(styles.link, {\n\t\t\t\t\t[styles.active]: typeof window !== 'undefined' && window.location.pathname.startsWith(to),\n\t\t\t\t})}\n\t\t\t\thref={to}\n\t\t\t>\n\t\t\t\t<Icon size=\"25px\" />\n\t\t\t</Link>\n\t\t</Tooltip>\n\t)\n}\n"],"names":["jsx","Tooltip","Link","clsx","styles"],"mappings":";;;;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACEA,2BAAA,IAAAC,MAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAAA,KAAKC,gBAAA,QAAO,MAAM;AAAA,QAC5B,CAACA,gBAAO,QAAA,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;;"}