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

package/dist/harmony97.mjs

@@ -1,17 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { useSidebar } from "./harmony84.mjs";
-import { MenuItem } from "@lokalise/louis";
-import { canChangeBilling } from "./harmony85.mjs";
-const BillingMenuItem = () => {
-  const {
-    data: { jwt }
-  } = useSidebar();
-  if (!canChangeBilling(jwt.result)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(MenuItem, { href: "/team#billing", children: "Billing" });
+const dropdownButton = "_dropdownButton_1naek_1";
+const dropdownButtonActive = "_dropdownButtonActive_1naek_19";
+const styles = {
+  dropdownButton,
+  dropdownButtonActive
 };
 export {
-  BillingMenuItem
+  styles as default,
+  dropdownButton,
+  dropdownButtonActive
 };
 //# sourceMappingURL=harmony97.mjs.map

package/dist/harmony97.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony97.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/BillingMenuItem/BillingMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { canChangeBilling } from '@utils/user/permissions'\n\n/**\n * A menu item component for navigating to the billing section.\n * Checks the user's permissions using the Sidebar context and renders\n * nothing if the user does not have access.\n *\n * @example\n * ```\n * <BillingMenuItem />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\nexport const BillingMenuItem = () => {\n\tconst {\n\t\tdata: { jwt },\n\t} = useSidebar()\n\n\tif (!canChangeBilling(jwt.result)) {\n\t\treturn null\n\t}\n\n\treturn <MenuItem href=\"/team#billing\">Billing</MenuItem>\n}\n"],"names":[],"mappings":";;;;AAiBO,MAAM,kBAAkB,MAAM;AAC9B,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACT,WAAW;AAEf,MAAI,CAAC,iBAAiB,IAAI,MAAM,GAAG;AAC3B,WAAA;AAAA,EAAA;AAGR,SAAQ,oBAAA,UAAA,EAAS,MAAK,iBAAgB,UAAO,WAAA;AAC9C;"}
+{"version":3,"file":"harmony97.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/harmony98.cjs

@@ -1,20 +1,60 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useSidebar = require("./harmony84.cjs");
 const louis = require("@lokalise/louis");
-const permissions = require("./harmony85.cjs");
-const CreateNewTeam = ({ onCreateTeam }) => {
+const clsx = require("./harmony72.cjs");
+const UpgradeIcon = require("./harmony104.cjs");
+const ProfileMenuContent_module = require("./harmony114.cjs");
+const ProfileMenuContext = require("./harmony100.cjs");
+const ProfileMenuContent = ({ children }) => {
   const {
-    data: { jwt }
-  } = useSidebar.useSidebar();
-  if (!permissions.canCreateTeam(jwt.result)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { onClick: onCreateTeam, children: "Create new team" }),
-    /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {})
-  ] });
+    currentTeam,
+    otherTeams,
+    showUpgradeCta,
+    showBillingButton,
+    allowTeamCreation,
+    isProviderAlpha,
+    canAccessTeamSettings,
+    isEndOfTrialActive,
+    isTeamSuspended,
+    isFullyAuthenticated
+  } = ProfileMenuContext.useProfileMenu();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Menu,
+    {
+      menuButton: () => /* @__PURE__ */ jsxRuntime.jsxs("button", { className: ProfileMenuContent_module.default.profileButton, "aria-label": "Profile menu", type: "button", children: [
+        (currentTeam == null ? void 0 : currentTeam.logoUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: currentTeam.logoUrl,
+            className: clsx.clsx(ProfileMenuContent_module.default.profileImage, {
+              [ProfileMenuContent_module.default.profileImageHighlight]: showUpgradeCta
+            }),
+            alt: "Team Logo"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx.clsx(ProfileMenuContent_module.default.userIconWrapper, "flex-row", "align-center", "items-center", {
+              [ProfileMenuContent_module.default.profileImageHighlight]: showUpgradeCta
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(louis.UserIcon, { size: "25px" })
+          }
+        ),
+        showUpgradeCta && /* @__PURE__ */ jsxRuntime.jsx(UpgradeIcon.UpgradeIcon, { className: ProfileMenuContent_module.default.profileImageUpgradeIcon })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(louis.MenuList, { placement: "right-end", className: ProfileMenuContent_module.default.menuContainer, children: children({
+        allowTeamCreation,
+        otherTeams,
+        canAccessTeamSettings,
+        isEndOfTrialActive,
+        isTeamSuspended,
+        showBillingButton,
+        isProviderAlpha,
+        isFullyAuthenticated
+      }) })
+    }
+  );
 };
-exports.CreateNewTeam = CreateNewTeam;
+exports.ProfileMenuContent = ProfileMenuContent;
 //# sourceMappingURL=harmony98.cjs.map

package/dist/harmony98.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony98.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeam/CreateNewTeam.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { canCreateTeam } from '@utils/user/permissions'\n\ntype CreateNewTeamProps = {\n\tonCreateTeam: () => void\n}\n\n/**\n * A menu item component for creating a new team.\n * Checks the user's permissions using the Sidebar context and renders\n * nothing if the user does not have access.\n *\n * @example\n * ```\n * <CreateNewTeam onCreateTeam={handleCreateTeam} />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\nexport const CreateNewTeam = ({ onCreateTeam }: CreateNewTeamProps) => {\n\tconst {\n\t\tdata: { jwt },\n\t} = useSidebar()\n\n\tif (!canCreateTeam(jwt.result)) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={onCreateTeam}>Create new team</MenuItem>\n\t\t\t<MenuDivider />\n\t\t</>\n\t)\n}\n"],"names":["useSidebar","canCreateTeam","jsxs","Fragment","jsx","MenuItem","MenuDivider"],"mappings":";;;;;;AAqBO,MAAM,gBAAgB,CAAC,EAAE,mBAAuC;AAChE,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACTA,sBAAW;AAEf,MAAI,CAACC,YAAA,cAAc,IAAI,MAAM,GAAG;AACxB,WAAA;AAAA,EAAA;AAGR,SAEEC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACC,2BAAA,IAAAC,MAAA,UAAA,EAAS,SAAS,cAAc,UAAe,mBAAA;AAAA,mCAC/CC,MAAY,aAAA,CAAA,CAAA;AAAA,EAAA,GACd;AAEF;;"}
+{"version":3,"file":"harmony98.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.tsx"],"sourcesContent":["import { Menu, MenuList, UserIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { ReactNode } from 'react'\nimport { UpgradeIcon } from '../../UpgradeIcon/UpgradeIcon'\nimport styles from './ProfileMenuContent.module.css'\nimport { useProfileMenu } from './ProfileMenuContext'\nimport type { SidebarProfileMenuRenderProps } from './types'\n\nexport type ProfileMenuContentProps = {\n\tchildren: (props: SidebarProfileMenuRenderProps) => ReactNode\n}\n\nexport const ProfileMenuContent = ({ children }: ProfileMenuContentProps) => {\n\tconst {\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t\tisProviderAlpha,\n\t\tcanAccessTeamSettings,\n\t\tisEndOfTrialActive,\n\t\tisTeamSuspended,\n\t\tisFullyAuthenticated,\n\t} = useProfileMenu()\n\n\treturn (\n\t\t<Menu\n\t\t\tmenuButton={() => (\n\t\t\t\t<button className={styles.profileButton} aria-label=\"Profile menu\" type=\"button\">\n\t\t\t\t\t{currentTeam?.logoUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={currentTeam.logoUrl}\n\t\t\t\t\t\t\tclassName={clsx(styles.profileImage, {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\talt=\"Team Logo\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(styles.userIconWrapper, 'flex-row', 'align-center', 'items-center', {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UserIcon size={'25px'} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showUpgradeCta && <UpgradeIcon className={styles.profileImageUpgradeIcon} />}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-end\" className={styles.menuContainer}>\n\t\t\t\t{children({\n\t\t\t\t\tallowTeamCreation,\n\t\t\t\t\totherTeams,\n\t\t\t\t\tcanAccessTeamSettings,\n\t\t\t\t\tisEndOfTrialActive,\n\t\t\t\t\tisTeamSuspended,\n\t\t\t\t\tshowBillingButton,\n\t\t\t\t\tisProviderAlpha,\n\t\t\t\t\tisFullyAuthenticated,\n\t\t\t\t})}\n\t\t\t</MenuList>\n\t\t</Menu>\n\t)\n}\n"],"names":["useProfileMenu","jsx","Menu","jsxs","styles","clsx","UserIcon","UpgradeIcon","MenuList"],"mappings":";;;;;;;;AAYO,MAAM,qBAAqB,CAAC,EAAE,eAAwC;AACtE,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACGA,kCAAe;AAGlB,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,YAAY,MACXC,2BAAAA,KAAC,UAAO,EAAA,WAAWC,0BAAAA,QAAO,eAAe,cAAW,gBAAe,MAAK,UACtE,UAAA;AAAA,SAAA,2CAAa,WACbH,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAK,YAAY;AAAA,YACjB,WAAWI,KAAAA,KAAKD,0BAAA,QAAO,cAAc;AAAA,cACpC,CAACA,0BAAAA,QAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YACD,KAAI;AAAA,UAAA;AAAA,QAAA,IAGLH,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAWI,KAAK,KAAAD,0BAAA,QAAO,iBAAiB,YAAY,gBAAgB,gBAAgB;AAAA,cACnF,CAACA,0BAAAA,QAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YAED,UAAAH,2BAAAA,IAACK,MAAAA,UAAS,EAAA,MAAM,OAAQ,CAAA;AAAA,UAAA;AAAA,QACzB;AAAA,QAEA,kBAAkBL,2BAAA,IAACM,YAAY,aAAA,EAAA,WAAWH,0BAAAA,QAAO,wBAAyB,CAAA;AAAA,MAAA,GAC5E;AAAA,MAGD,yCAACI,gBAAS,EAAA,WAAU,aAAY,WAAWJ,kCAAO,eAChD,UAAS,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACA,EACF,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}

package/dist/harmony98.mjs

@@ -1,20 +1,60 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useSidebar } from "./harmony84.mjs";
-import { MenuItem, MenuDivider } from "@lokalise/louis";
-import { canCreateTeam } from "./harmony85.mjs";
-const CreateNewTeam = ({ onCreateTeam }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Menu, MenuList, UserIcon } from "@lokalise/louis";
+import { clsx } from "./harmony72.mjs";
+import { UpgradeIcon } from "./harmony104.mjs";
+import styles from "./harmony114.mjs";
+import { useProfileMenu } from "./harmony100.mjs";
+const ProfileMenuContent = ({ children }) => {
   const {
-    data: { jwt }
-  } = useSidebar();
-  if (!canCreateTeam(jwt.result)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(MenuItem, { onClick: onCreateTeam, children: "Create new team" }),
-    /* @__PURE__ */ jsx(MenuDivider, {})
-  ] });
+    currentTeam,
+    otherTeams,
+    showUpgradeCta,
+    showBillingButton,
+    allowTeamCreation,
+    isProviderAlpha,
+    canAccessTeamSettings,
+    isEndOfTrialActive,
+    isTeamSuspended,
+    isFullyAuthenticated
+  } = useProfileMenu();
+  return /* @__PURE__ */ jsx(
+    Menu,
+    {
+      menuButton: () => /* @__PURE__ */ jsxs("button", { className: styles.profileButton, "aria-label": "Profile menu", type: "button", children: [
+        (currentTeam == null ? void 0 : currentTeam.logoUrl) ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: currentTeam.logoUrl,
+            className: clsx(styles.profileImage, {
+              [styles.profileImageHighlight]: showUpgradeCta
+            }),
+            alt: "Team Logo"
+          }
+        ) : /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(styles.userIconWrapper, "flex-row", "align-center", "items-center", {
+              [styles.profileImageHighlight]: showUpgradeCta
+            }),
+            children: /* @__PURE__ */ jsx(UserIcon, { size: "25px" })
+          }
+        ),
+        showUpgradeCta && /* @__PURE__ */ jsx(UpgradeIcon, { className: styles.profileImageUpgradeIcon })
+      ] }),
+      children: /* @__PURE__ */ jsx(MenuList, { placement: "right-end", className: styles.menuContainer, children: children({
+        allowTeamCreation,
+        otherTeams,
+        canAccessTeamSettings,
+        isEndOfTrialActive,
+        isTeamSuspended,
+        showBillingButton,
+        isProviderAlpha,
+        isFullyAuthenticated
+      }) })
+    }
+  );
 };
 export {
-  CreateNewTeam
+  ProfileMenuContent
 };
 //# sourceMappingURL=harmony98.mjs.map

package/dist/harmony98.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony98.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeam/CreateNewTeam.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { canCreateTeam } from '@utils/user/permissions'\n\ntype CreateNewTeamProps = {\n\tonCreateTeam: () => void\n}\n\n/**\n * A menu item component for creating a new team.\n * Checks the user's permissions using the Sidebar context and renders\n * nothing if the user does not have access.\n *\n * @example\n * ```\n * <CreateNewTeam onCreateTeam={handleCreateTeam} />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\nexport const CreateNewTeam = ({ onCreateTeam }: CreateNewTeamProps) => {\n\tconst {\n\t\tdata: { jwt },\n\t} = useSidebar()\n\n\tif (!canCreateTeam(jwt.result)) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={onCreateTeam}>Create new team</MenuItem>\n\t\t\t<MenuDivider />\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":";;;;AAqBO,MAAM,gBAAgB,CAAC,EAAE,mBAAuC;AAChE,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACT,WAAW;AAEf,MAAI,CAAC,cAAc,IAAI,MAAM,GAAG;AACxB,WAAA;AAAA,EAAA;AAGR,SAEE,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,UAAA,EAAS,SAAS,cAAc,UAAe,mBAAA;AAAA,wBAC/C,aAAY,CAAA,CAAA;AAAA,EAAA,GACd;AAEF;"}
+{"version":3,"file":"harmony98.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.tsx"],"sourcesContent":["import { Menu, MenuList, UserIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { ReactNode } from 'react'\nimport { UpgradeIcon } from '../../UpgradeIcon/UpgradeIcon'\nimport styles from './ProfileMenuContent.module.css'\nimport { useProfileMenu } from './ProfileMenuContext'\nimport type { SidebarProfileMenuRenderProps } from './types'\n\nexport type ProfileMenuContentProps = {\n\tchildren: (props: SidebarProfileMenuRenderProps) => ReactNode\n}\n\nexport const ProfileMenuContent = ({ children }: ProfileMenuContentProps) => {\n\tconst {\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t\tisProviderAlpha,\n\t\tcanAccessTeamSettings,\n\t\tisEndOfTrialActive,\n\t\tisTeamSuspended,\n\t\tisFullyAuthenticated,\n\t} = useProfileMenu()\n\n\treturn (\n\t\t<Menu\n\t\t\tmenuButton={() => (\n\t\t\t\t<button className={styles.profileButton} aria-label=\"Profile menu\" type=\"button\">\n\t\t\t\t\t{currentTeam?.logoUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={currentTeam.logoUrl}\n\t\t\t\t\t\t\tclassName={clsx(styles.profileImage, {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\talt=\"Team Logo\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(styles.userIconWrapper, 'flex-row', 'align-center', 'items-center', {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UserIcon size={'25px'} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showUpgradeCta && <UpgradeIcon className={styles.profileImageUpgradeIcon} />}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-end\" className={styles.menuContainer}>\n\t\t\t\t{children({\n\t\t\t\t\tallowTeamCreation,\n\t\t\t\t\totherTeams,\n\t\t\t\t\tcanAccessTeamSettings,\n\t\t\t\t\tisEndOfTrialActive,\n\t\t\t\t\tisTeamSuspended,\n\t\t\t\t\tshowBillingButton,\n\t\t\t\t\tisProviderAlpha,\n\t\t\t\t\tisFullyAuthenticated,\n\t\t\t\t})}\n\t\t\t</MenuList>\n\t\t</Menu>\n\t)\n}\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,qBAAqB,CAAC,EAAE,eAAwC;AACtE,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACG,eAAe;AAGlB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,YAAY,MACX,qBAAC,UAAO,EAAA,WAAW,OAAO,eAAe,cAAW,gBAAe,MAAK,UACtE,UAAA;AAAA,SAAA,2CAAa,WACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAK,YAAY;AAAA,YACjB,WAAW,KAAK,OAAO,cAAc;AAAA,cACpC,CAAC,OAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YACD,KAAI;AAAA,UAAA;AAAA,QAAA,IAGL;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAW,KAAK,OAAO,iBAAiB,YAAY,gBAAgB,gBAAgB;AAAA,cACnF,CAAC,OAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YAED,UAAA,oBAAC,UAAS,EAAA,MAAM,OAAQ,CAAA;AAAA,UAAA;AAAA,QACzB;AAAA,QAEA,kBAAkB,oBAAC,aAAY,EAAA,WAAW,OAAO,wBAAyB,CAAA;AAAA,MAAA,GAC5E;AAAA,MAGD,8BAAC,UAAS,EAAA,WAAU,aAAY,WAAW,OAAO,eAChD,UAAS,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACA,EACF,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}

package/dist/harmony99.cjs

@@ -1,24 +1,45 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const useSidebar = require("./harmony84.cjs");
-const louis = require("@lokalise/louis");
-const permissions = require("./harmony85.cjs");
-const CreateNewTeamPlaceholder_module = require("./harmony113.cjs");
-const CreateNewTeamPlaceholder = ({ onClick }) => {
-  const {
-    data: { jwt }
-  } = useSidebar.useSidebar();
-  if (!permissions.canCreateTeam(jwt.result)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { onClick, "data-testid": "sidebar-create-new-team-placeholder", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: CreateNewTeamPlaceholder_module.default.mainLabel, children: "Create new team" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: CreateNewTeamPlaceholder_module.default.subLabel, children: "Switch to Expert to create a new team" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {})
-  ] });
+const plan = require("./harmony9.cjs");
+const types = require("./harmony115.cjs");
+const ProfileMenuContext = require("./harmony100.cjs");
+const billingRoles = [
+  types.SidebarTeamRoles.biller,
+  types.SidebarTeamRoles.owner,
+  types.SidebarTeamRoles.admin
+];
+const teamSettingsRoles = [
+  types.SidebarTeamRoles.biller,
+  types.SidebarTeamRoles.owner,
+  types.SidebarTeamRoles.admin
+];
+const upgradeCtaRoles = [
+  types.SidebarTeamRoles.biller,
+  types.SidebarTeamRoles.owner
+];
+const ProfileMenuProvider = ({ children, config }) => {
+  const { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } = config;
+  const currentTeam = teams.find((t) => t.id === currentTeamId);
+  const otherTeams = teams.filter((t) => t.id !== currentTeamId);
+  const canChangeBilling = billingRoles.includes(userTeamRole);
+  const canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole);
+  const isOnFreeOrTrialPlan = plan.isFreePlan(planId) || plan.isTrialPlan(planId);
+  const showUpgradeCta = isFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole);
+  const showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling;
+  const allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive;
+  const providerValue = {
+    ...config,
+    currentTeam,
+    otherTeams,
+    canChangeBilling,
+    canAccessTeamSettings,
+    isOnFreeOrTrialPlan,
+    showUpgradeCta,
+    showBillingButton,
+    allowTeamCreation
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuContext.ProfileMenuContext.Provider, { value: providerValue, children });
 };
-exports.CreateNewTeamPlaceholder = CreateNewTeamPlaceholder;
+exports.ProfileMenuProvider = ProfileMenuProvider;
 //# sourceMappingURL=harmony99.cjs.map

package/dist/harmony99.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeamPlaceholder/CreateNewTeamPlaceholder.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { canCreateTeam } from '@utils/user/permissions'\nimport styles from './CreateNewTeamPlaceholder.module.css'\n\ntype CreateNewTeamPlaceholderProps = {\n\tonClick: () => void\n}\n\n/**\n * A placeholder menu item for creating a new team.\n * Checks the user's permissions using the Sidebar context and renders\n * nothing if the user does not have access.\n *\n * @example\n * ```\n * <CreateNewTeamPlaceholder onClick={handleCreateTeam} />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\nexport const CreateNewTeamPlaceholder = ({ onClick }: CreateNewTeamPlaceholderProps) => {\n\tconst {\n\t\tdata: { jwt },\n\t} = useSidebar()\n\n\tif (!canCreateTeam(jwt.result)) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={onClick} data-testid=\"sidebar-create-new-team-placeholder\">\n\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t<span className={styles.mainLabel}>Create new team</span>\n\t\t\t\t\t<span className={styles.subLabel}>Switch to Expert to create a new team</span>\n\t\t\t\t</div>\n\t\t\t</MenuItem>\n\t\t\t<MenuDivider />\n\t\t</>\n\t)\n}\n"],"names":["useSidebar","canCreateTeam","jsxs","Fragment","jsx","MenuItem","styles","MenuDivider"],"mappings":";;;;;;;AAsBO,MAAM,2BAA2B,CAAC,EAAE,cAA6C;AACjF,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACTA,sBAAW;AAEf,MAAI,CAACC,YAAA,cAAc,IAAI,MAAM,GAAG;AACxB,WAAA;AAAA,EAAA;AAGR,SAEEC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAACC,kBAAS,SAAkB,eAAY,uCACvC,UAACH,2BAAAA,KAAA,OAAA,EAAI,WAAU,iBACd,UAAA;AAAA,MAAAE,2BAAA,IAAC,QAAK,EAAA,WAAWE,gCAAO,QAAA,WAAW,UAAe,mBAAA;AAAA,MACjDF,2BAAA,IAAA,QAAA,EAAK,WAAWE,gCAAA,QAAO,UAAU,UAAqC,wCAAA,CAAA;AAAA,IAAA,EAAA,CACxE,EACD,CAAA;AAAA,mCACCC,MAAY,aAAA,CAAA,CAAA;AAAA,EAAA,GACd;AAEF;;"}
+{"version":3,"file":"harmony99.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.tsx"],"sourcesContent":["import { isFreePlan, isTrialPlan } from '@utils'\nimport type { PropsWithChildren } from 'react'\nimport { type SidebarTeamRole, SidebarTeamRoles } from '../../types'\nimport { ProfileMenuContext } from './ProfileMenuContext'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProviderProps = PropsWithChildren<{\n\tconfig: SidebarProfileMenuConfig\n}>\n\nconst billingRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst teamSettingsRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst upgradeCtaRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n]\n\nexport const ProfileMenuProvider = ({ children, config }: ProfileMenuProviderProps) => {\n\tconst { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } =\n\t\tconfig\n\n\tconst currentTeam = teams.find((t) => t.id === currentTeamId)\n\n\tconst otherTeams = teams.filter((t) => t.id !== currentTeamId)\n\n\tconst canChangeBilling = billingRoles.includes(userTeamRole)\n\n\tconst canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole)\n\n\tconst isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId)\n\n\tconst showUpgradeCta =\n\t\tisFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole)\n\n\tconst showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling\n\n\tconst allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive\n\n\tconst providerValue = {\n\t\t...config,\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tcanChangeBilling,\n\t\tcanAccessTeamSettings,\n\t\tisOnFreeOrTrialPlan,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t}\n\n\treturn <ProfileMenuContext.Provider value={providerValue}>{children}</ProfileMenuContext.Provider>\n}\n"],"names":["SidebarTeamRoles","isFreePlan","isTrialPlan","ProfileMenuContext"],"mappings":";;;;;;AAUA,MAAM,eAA+C;AAAA,EACpDA,MAAAA,iBAAiB;AAAA,EACjBA,MAAAA,iBAAiB;AAAA,EACjBA,uBAAiB;AAClB;AAEA,MAAM,oBAAoD;AAAA,EACzDA,MAAAA,iBAAiB;AAAA,EACjBA,MAAAA,iBAAiB;AAAA,EACjBA,uBAAiB;AAClB;AAEA,MAAM,kBAAkD;AAAA,EACvDA,MAAAA,iBAAiB;AAAA,EACjBA,uBAAiB;AAClB;AAEO,MAAM,sBAAsB,CAAC,EAAE,UAAU,aAAuC;AACtF,QAAM,EAAE,OAAO,eAAe,QAAQ,oBAAoB,sBAAsB,iBAC/E;AAED,QAAM,cAAc,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;AAE5D,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,aAAa;AAEvD,QAAA,mBAAmB,aAAa,SAAS,YAAY;AAErD,QAAA,wBAAwB,kBAAkB,SAAS,YAAY;AAErE,QAAM,sBAAsBC,KAAA,WAAW,MAAM,KAAKC,KAAAA,YAAY,MAAM;AAEpE,QAAM,iBACL,wBAAwB,uBAAuB,gBAAgB,SAAS,YAAY;AAE/E,QAAA,oBAAoB,wBAAwB,yBAAyB;AAErE,QAAA,oBAAoB,wBAAwB,CAAC;AAEnD,QAAM,gBAAgB;AAAA,IACrB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,wCAAQC,mBAAAA,mBAAmB,UAAnB,EAA4B,OAAO,eAAgB,UAAS;AACrE;;"}

package/dist/harmony99.mjs

@@ -1,24 +1,45 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useSidebar } from "./harmony84.mjs";
-import { MenuItem, MenuDivider } from "@lokalise/louis";
-import { canCreateTeam } from "./harmony85.mjs";
-import styles from "./harmony113.mjs";
-const CreateNewTeamPlaceholder = ({ onClick }) => {
-  const {
-    data: { jwt }
-  } = useSidebar();
-  if (!canCreateTeam(jwt.result)) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(MenuItem, { onClick, "data-testid": "sidebar-create-new-team-placeholder", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx("span", { className: styles.mainLabel, children: "Create new team" }),
-      /* @__PURE__ */ jsx("span", { className: styles.subLabel, children: "Switch to Expert to create a new team" })
-    ] }) }),
-    /* @__PURE__ */ jsx(MenuDivider, {})
-  ] });
+import { jsx } from "react/jsx-runtime";
+import { isFreePlan, isTrialPlan } from "./harmony9.mjs";
+import { SidebarTeamRoles } from "./harmony115.mjs";
+import { ProfileMenuContext } from "./harmony100.mjs";
+const billingRoles = [
+  SidebarTeamRoles.biller,
+  SidebarTeamRoles.owner,
+  SidebarTeamRoles.admin
+];
+const teamSettingsRoles = [
+  SidebarTeamRoles.biller,
+  SidebarTeamRoles.owner,
+  SidebarTeamRoles.admin
+];
+const upgradeCtaRoles = [
+  SidebarTeamRoles.biller,
+  SidebarTeamRoles.owner
+];
+const ProfileMenuProvider = ({ children, config }) => {
+  const { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } = config;
+  const currentTeam = teams.find((t) => t.id === currentTeamId);
+  const otherTeams = teams.filter((t) => t.id !== currentTeamId);
+  const canChangeBilling = billingRoles.includes(userTeamRole);
+  const canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole);
+  const isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId);
+  const showUpgradeCta = isFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole);
+  const showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling;
+  const allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive;
+  const providerValue = {
+    ...config,
+    currentTeam,
+    otherTeams,
+    canChangeBilling,
+    canAccessTeamSettings,
+    isOnFreeOrTrialPlan,
+    showUpgradeCta,
+    showBillingButton,
+    allowTeamCreation
+  };
+  return /* @__PURE__ */ jsx(ProfileMenuContext.Provider, { value: providerValue, children });
 };
 export {
-  CreateNewTeamPlaceholder
+  ProfileMenuProvider
 };
 //# sourceMappingURL=harmony99.mjs.map

package/dist/harmony99.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeamPlaceholder/CreateNewTeamPlaceholder.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { canCreateTeam } from '@utils/user/permissions'\nimport styles from './CreateNewTeamPlaceholder.module.css'\n\ntype CreateNewTeamPlaceholderProps = {\n\tonClick: () => void\n}\n\n/**\n * A placeholder menu item for creating a new team.\n * Checks the user's permissions using the Sidebar context and renders\n * nothing if the user does not have access.\n *\n * @example\n * ```\n * <CreateNewTeamPlaceholder onClick={handleCreateTeam} />\n * ```\n *\n * @note This component must be used within a Sidebar Context.\n */\n\nexport const CreateNewTeamPlaceholder = ({ onClick }: CreateNewTeamPlaceholderProps) => {\n\tconst {\n\t\tdata: { jwt },\n\t} = useSidebar()\n\n\tif (!canCreateTeam(jwt.result)) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={onClick} data-testid=\"sidebar-create-new-team-placeholder\">\n\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t<span className={styles.mainLabel}>Create new team</span>\n\t\t\t\t\t<span className={styles.subLabel}>Switch to Expert to create a new team</span>\n\t\t\t\t</div>\n\t\t\t</MenuItem>\n\t\t\t<MenuDivider />\n\t\t</>\n\t)\n}\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,2BAA2B,CAAC,EAAE,cAA6C;AACjF,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACT,WAAW;AAEf,MAAI,CAAC,cAAc,IAAI,MAAM,GAAG;AACxB,WAAA;AAAA,EAAA;AAGR,SAEE,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,YAAS,SAAkB,eAAY,uCACvC,UAAC,qBAAA,OAAA,EAAI,WAAU,iBACd,UAAA;AAAA,MAAA,oBAAC,QAAK,EAAA,WAAW,OAAO,WAAW,UAAe,mBAAA;AAAA,MACjD,oBAAA,QAAA,EAAK,WAAW,OAAO,UAAU,UAAqC,wCAAA,CAAA;AAAA,IAAA,EAAA,CACxE,EACD,CAAA;AAAA,wBACC,aAAY,CAAA,CAAA;AAAA,EAAA,GACd;AAEF;"}
+{"version":3,"file":"harmony99.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.tsx"],"sourcesContent":["import { isFreePlan, isTrialPlan } from '@utils'\nimport type { PropsWithChildren } from 'react'\nimport { type SidebarTeamRole, SidebarTeamRoles } from '../../types'\nimport { ProfileMenuContext } from './ProfileMenuContext'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProviderProps = PropsWithChildren<{\n\tconfig: SidebarProfileMenuConfig\n}>\n\nconst billingRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst teamSettingsRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst upgradeCtaRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n]\n\nexport const ProfileMenuProvider = ({ children, config }: ProfileMenuProviderProps) => {\n\tconst { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } =\n\t\tconfig\n\n\tconst currentTeam = teams.find((t) => t.id === currentTeamId)\n\n\tconst otherTeams = teams.filter((t) => t.id !== currentTeamId)\n\n\tconst canChangeBilling = billingRoles.includes(userTeamRole)\n\n\tconst canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole)\n\n\tconst isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId)\n\n\tconst showUpgradeCta =\n\t\tisFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole)\n\n\tconst showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling\n\n\tconst allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive\n\n\tconst providerValue = {\n\t\t...config,\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tcanChangeBilling,\n\t\tcanAccessTeamSettings,\n\t\tisOnFreeOrTrialPlan,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t}\n\n\treturn <ProfileMenuContext.Provider value={providerValue}>{children}</ProfileMenuContext.Provider>\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,eAA+C;AAAA,EACpD,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAClB;AAEA,MAAM,oBAAoD;AAAA,EACzD,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAClB;AAEA,MAAM,kBAAkD;AAAA,EACvD,iBAAiB;AAAA,EACjB,iBAAiB;AAClB;AAEO,MAAM,sBAAsB,CAAC,EAAE,UAAU,aAAuC;AACtF,QAAM,EAAE,OAAO,eAAe,QAAQ,oBAAoB,sBAAsB,iBAC/E;AAED,QAAM,cAAc,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;AAE5D,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,aAAa;AAEvD,QAAA,mBAAmB,aAAa,SAAS,YAAY;AAErD,QAAA,wBAAwB,kBAAkB,SAAS,YAAY;AAErE,QAAM,sBAAsB,WAAW,MAAM,KAAK,YAAY,MAAM;AAEpE,QAAM,iBACL,wBAAwB,uBAAuB,gBAAgB,SAAS,YAAY;AAE/E,QAAA,oBAAoB,wBAAwB,yBAAyB;AAErE,QAAA,oBAAoB,wBAAwB,CAAC;AAEnD,QAAM,gBAAgB;AAAA,IACrB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,6BAAQ,mBAAmB,UAAnB,EAA4B,OAAO,eAAgB,UAAS;AACrE;"}

package/dist/types/src/components/NavigationPanel/components/DropdownContent/DropdownContent.d.ts

@@ -1,4 +1,4 @@
-import { DropdownItem } from '../../types/navigation';
+import { DropdownItem } from '../../../../features/navigation/types/navigation';
 export declare const DropdownContent: ({ items }: {
     items: DropdownItem[][];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/NavigationPanel/components/NavigationTabs/NavigationTabs.d.ts

@@ -1,4 +1,4 @@
-import { NavigationTabsItem as NavigationTabsItemTypes } from '../../types/navigation';
+import { NavigationTabsItem as NavigationTabsItemTypes } from '../../../../features/navigation/types/navigation';
 type NavigationTabsProps = {
     navigation: NavigationTabsItemTypes[];
     activeItem: string;

package/dist/types/src/components/NavigationPanel/components/NavigationTabs/__fixtures__/navigationMock.d.ts

@@ -1,2 +1,2 @@
-import { NavigationTabsItem } from '../../../types/navigation';
+import { NavigationTabsItem } from '../../../../../features/navigation/types/navigation';
 export declare const navigation: NavigationTabsItem[];

package/dist/types/src/components/NavigationPanel/components/NavigationTabs/helpers.d.ts

@@ -1,2 +1,2 @@
-import { NavigationTabsItem } from '../../types/navigation';
+import { NavigationTabsItem } from '../../../../features/navigation/types/navigation';
 export declare const isNavigationItemVisible: (item: NavigationTabsItem) => boolean;

package/dist/types/src/components/Sidebar/Sidebar.d.ts

@@ -1,19 +1,53 @@
-import { HTMLProps } from 'react';
-import { SidebarContentProps } from './SidebarContent/SidebarContent';
-import { SidebarConfig } from './types';
+import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
 type SidebarProps = HTMLProps<HTMLElement> & {
-    config: SidebarConfig;
-    children?: SidebarContentProps['children'];
+    children: ReactNode;
 };
 /**
- * The main Sidebar component. Wraps children with SidebarProvider and renders SidebarContent.
- *
- * @example
- * ```
- * <Sidebar config={sidebarConfig}>
- *   <YourAppContent />
- * </Sidebar>
- * ```
+ * Sidebar is a self-contained component using widgets
  */
-export declare const Sidebar: ({ config, children, ...navProps }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Sidebar: {
+    ({ children, ...navProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+    Top: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Bottom: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Avatar: ({ src, href, ariaLabel, alt, }: {
+        src: string;
+        href?: string;
+        ariaLabel?: string;
+        alt?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    IconLink: ({ label, to, icon: Icon }: {
+        to: string;
+        label: string;
+        icon: import('react').FC<import('@lokalise/louis').SvgIconProps>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Menu: ({ children, icon: Icon }: {
+        icon: import('react').FC<import('@lokalise/louis').SvgIconProps>;
+    } & {
+        children?: ReactNode | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ProfileMenu: ({ config, children }: {
+        config: import('./Widgets/ProfileMenu/types').SidebarProfileMenuConfig;
+        children: import('./Widgets/ProfileMenu/ProfileMenuContent').ProfileMenuContentProps["children"];
+    }) => import("react/jsx-runtime").JSX.Element;
+    TeamSwitch: ({ onSwitchTeam }: {
+        onSwitchTeam: (team: import('./types').SidebarTeam) => void;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    TeamMenuItem: ({ team, onClick, hidePlanLabel }: {
+        team?: import('./types').SidebarTeam;
+        onClick?: (team: import('./types').SidebarTeam) => void;
+        hidePlanLabel?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    UpgradeMenuItem: ({ upgradeOptionHref }: {
+        upgradeOptionHref: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    ProfileSettingsMenuItem: ({ href, onClick, userEmail, hideBottomDivider, }: {
+        href: string;
+        userEmail: string;
+        onClick?: () => void;
+        hideBottomDivider?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Tasks: (props: {
+        config: import('./Widgets/Tasks/types').SidebarTasksConfig;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export { Sidebar };

package/dist/types/src/components/Sidebar/Widgets/Avatar/Avatar.d.ts

@@ -11,11 +11,6 @@ type AvatarProps = {
 /**
  * Display company main avatar / logo in the top section of the Sidebar.
  * Used as the main branding element and home navigation link.
- *
- * @example
- * ```
- * <Avatar src="/logo.png" href="/" ariaLabel="Home" alt="" />
- * ```
  */
 export declare const Avatar: ({ src, href, ariaLabel, alt, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Sidebar/Widgets/Menu/Menu.d.ts

@@ -1,9 +1,8 @@
 import { SvgIconProps } from '@lokalise/louis';
-import { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren } from 'react';
 type MenuProps = PropsWithChildren<{
     /** Icon component from @lokalise/louis to display in the menu button */
     icon: FC<SvgIconProps>;
-    buttonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
 }>;
 /**
  * A dropdown menu component that displays an icon button which reveals a menu list when clicked.
@@ -21,5 +20,5 @@ type MenuProps = PropsWithChildren<{
  * </Menu>
  * ```
  */
-export declare const Menu: ({ children, icon: Icon, buttonProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, icon: Icon }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.d.ts

@@ -1,17 +1,30 @@
-import { ProfileMenuConfig } from '../../types';
+import { ProfileMenuContentProps } from './ProfileMenuContent';
+import { SidebarProfileMenuConfig } from './types';
+type ProfileMenuProps = {
+    /** Configuration object containing team and user settings */
+    config: SidebarProfileMenuConfig;
+    /** Render function for the menu content */
+    children: ProfileMenuContentProps['children'];
+};
 /**
- * The main profile menu component, displaying team and user actions.
- * Renders optional menu items based on the provided config and user permissions.
+ * A contextual menu component that provides team management functionality.
+ * It manages team switching, profile settings, billing options, and upgrade prompts.
+ *
+ * The component uses a render prop pattern to provide context values to its children,
+ * allowing flexible composition of menu items based on user permissions and team status.
  *
  * @example
+ * ```tsx
+ * <ProfileMenu config={profileMenuConfig}>
+ *   {({ allowTeamCreation, showBillingButton }) => (
+ *     <>
+ *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />
+ *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}
+ *       {showBillingButton && <MenuItem href="/billing">Billing</MenuItem>}
+ *     </>
+ *   )}
+ * </ProfileMenu>
  * ```
- * <ProfileMenu config={...} />
- * ```
- *
- * @note This component must be used within a Sidebar Context.
  */
-type ProfileMenuProps = {
-    config: ProfileMenuConfig;
-};
-export declare const ProfileMenu: ({ config }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileMenu: ({ config, children }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.stories.d.ts

@@ -2,12 +2,14 @@ import { StoryObj } from '@storybook/react';
 import { ProfileMenu } from './ProfileMenu';
 declare const meta: {
     title: string;
-    component: ({ config }: {
-        config: import('../../types').ProfileMenuConfig;
+    component: ({ config, children }: {
+        config: import('./types').SidebarProfileMenuConfig;
+        children: import('./ProfileMenuContent').ProfileMenuContentProps["children"];
     }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        config: import('../../types').ProfileMenuConfig;
+        config: import('./types').SidebarProfileMenuConfig;
+        children: import('./ProfileMenuContent').ProfileMenuContentProps["children"];
     }>) => import("react/jsx-runtime").JSX.Element)[];
     parameters: {
         layout: string;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { SidebarProfileMenuRenderProps } from './types';
+export type ProfileMenuContentProps = {
+    children: (props: SidebarProfileMenuRenderProps) => ReactNode;
+};
+export declare const ProfileMenuContent: ({ children }: ProfileMenuContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContext.d.ts

@@ -0,0 +1,3 @@
+import { SidebarProfileMenuContextProps } from './types';
+export declare const ProfileMenuContext: import('react').Context<SidebarProfileMenuContextProps>;
+export declare const useProfileMenu: () => SidebarProfileMenuContextProps;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { SidebarProfileMenuConfig } from './types';
+type ProfileMenuProviderProps = PropsWithChildren<{
+    config: SidebarProfileMenuConfig;
+}>;
+export declare const ProfileMenuProvider: ({ children, config }: ProfileMenuProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};