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

package/dist/harmony77.mjs

@@ -1,32 +1,21 @@
 import { jsx } from "react/jsx-runtime";
-import { Tooltip } from "@lokalise/louis";
-import { clsx } from "./harmony70.mjs";
-import { forwardRef } from "react";
-import { NavItemContents } from "./harmony89.mjs";
-import classes from "./harmony90.mjs";
-const NavigationTabsItem = forwardRef(
-  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsx(Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsx(
-    "div",
+import { Tooltip, Link } from "@lokalise/louis";
+import { clsx } from "./harmony72.mjs";
+import styles from "./harmony96.mjs";
+const IconLink = ({ label, to, icon: Icon }) => {
+  return /* @__PURE__ */ jsx(Tooltip, { placement: "right", tooltip: label, children: /* @__PURE__ */ jsx(
+    Link,
     {
-      className: disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem,
-      children: onClick || disabled || !href ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          ref,
-          className: clsx(classes.withNavLinkStyle, {
-            [classes.disabled]: disabled
-          }),
-          disabled,
-          onClick,
-          children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel })
-        }
-      ) : /* @__PURE__ */ jsx("a", { href, className: classes.withNavLinkStyle, children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel }) })
+      "aria-label": label,
+      className: clsx(styles.link, {
+        [styles.active]: typeof window !== "undefined" && window.location.pathname.startsWith(to)
+      }),
+      href: to,
+      children: /* @__PURE__ */ jsx(Icon, { size: "25px" })
     }
-  ) })
-);
-NavigationTabsItem.displayName = "NavigationTabsItem";
+  ) });
+};
 export {
-  NavigationTabsItem
+  IconLink
 };
 //# sourceMappingURL=harmony77.mjs.map

package/dist/harmony77.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony77.mjs","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":[],"mappings":";;;;;;AAgBO,MAAM,qBAAqB;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/D,oBAAC,WAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAW,QAAQ,gCAAgC,QAAQ;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAW,KAAK,QAAQ,kBAAkB;AAAA,YACzC,CAAC,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAAC,oBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5D,oBAAC,KAAE,EAAA,MAAY,WAAW,QAAQ,kBACjC,UAAA,oBAAC,iBAAgB,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"harmony77.mjs","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":[],"mappings":";;;;AAwBO,MAAM,WAAW,CAAC,EAAE,OAAO,IAAI,MAAM,WAA0B;AACrE,SACE,oBAAA,SAAA,EAAQ,WAAU,SAAQ,SAAS,OACnC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW,KAAK,OAAO,MAAM;AAAA,QAC5B,CAAC,OAAO,MAAM,GAAG,OAAO,WAAW,eAAe,OAAO,SAAS,SAAS,WAAW,EAAE;AAAA,MAAA,CACxF;AAAA,MACD,MAAM;AAAA,MAEN,UAAA,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,IAAA;AAAA,EAAA,GAEpB;AAEF;"}

package/dist/harmony78.cjs

@@ -1,6 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
-const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
-exports.isNavigationItemVisible = isNavigationItemVisible;
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony72.cjs");
+const Menu_module = require("./harmony97.cjs");
+const Menu = ({ children, icon: Icon }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    louis.Menu,
+    {
+      menuButton: ({ opened }) => /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: clsx.clsx(Menu_module.default.dropdownButton, {
+            [Menu_module.default.dropdownButtonActive]: opened
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: "25px" })
+        }
+      ) }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(louis.MenuList, { placement: "right-start", children })
+    }
+  );
+};
+exports.Menu = Menu;
 //# sourceMappingURL=harmony78.cjs.map

package/dist/harmony78.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony78.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '../../types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;;"}
+{"version":3,"file":"harmony78.cjs","sources":["../src/components/Sidebar/Widgets/Menu/Menu.tsx"],"sourcesContent":["import { MenuList, type SvgIconProps, Tooltip, Menu as UIMenu } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC, PropsWithChildren } from 'react'\nimport styles from './Menu.module.css'\n\ntype MenuProps = PropsWithChildren<{\n\t/** Icon component from @lokalise/louis to display in the menu button */\n\ticon: FC<SvgIconProps>\n}>\n\n/**\n * A dropdown menu component that displays an icon button which reveals a menu list when clicked.\n * The menu is positioned to the right of the button and includes a tooltip.\n *\n * Used primarily for dropdown menus in the Sidebar, such as the Help menu.\n *\n * @example\n * ```tsx\n * <Menu icon={HelpCenterIcon}>\n *   <MenuItem href=\"/docs\">Documentation</MenuItem>\n *   <MenuItem href=\"/tutorial\">Tutorials</MenuItem>\n *   <MenuDivider />\n *   <MenuItem href=\"/blog\">Blog</MenuItem>\n * </Menu>\n * ```\n */\nexport const Menu = ({ children, icon: Icon }: MenuProps) => {\n\treturn (\n\t\t<UIMenu\n\t\t\tmenuButton={({ opened }) => (\n\t\t\t\t<Tooltip placement=\"right\" tooltip=\"Help\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={clsx(styles.dropdownButton, {\n\t\t\t\t\t\t\t[styles.dropdownButtonActive]: opened,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon size=\"25px\" />\n\t\t\t\t\t</button>\n\t\t\t\t</Tooltip>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-start\">{children}</MenuList>\n\t\t</UIMenu>\n\t)\n}\n"],"names":["jsx","UIMenu","Tooltip","clsx","styles","MenuList"],"mappings":";;;;;;AA0BO,MAAM,OAAO,CAAC,EAAE,UAAU,MAAM,WAAsB;AAE3D,SAAAA,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,YAAY,CAAC,EAAE,OAAO,qCACpBC,MAAQ,SAAA,EAAA,WAAU,SAAQ,SAAQ,QAClC,UAAAF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAWG,KAAAA,KAAKC,YAAA,QAAO,gBAAgB;AAAA,YACtC,CAACA,YAAAA,QAAO,oBAAoB,GAAG;AAAA,UAAA,CAC/B;AAAA,UAED,UAAAJ,2BAAAA,IAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAGD,UAACA,2BAAA,IAAAK,MAAA,UAAA,EAAS,WAAU,eAAe,SAAS,CAAA;AAAA,IAAA;AAAA,EAC7C;AAEF;;"}

package/dist/harmony78.mjs

@@ -1,6 +1,26 @@
-const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
-const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
+import { jsx } from "react/jsx-runtime";
+import { Menu as Menu$1, MenuList, Tooltip } from "@lokalise/louis";
+import { clsx } from "./harmony72.mjs";
+import styles from "./harmony97.mjs";
+const Menu = ({ children, icon: Icon }) => {
+  return /* @__PURE__ */ jsx(
+    Menu$1,
+    {
+      menuButton: ({ opened }) => /* @__PURE__ */ jsx(Tooltip, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: clsx(styles.dropdownButton, {
+            [styles.dropdownButtonActive]: opened
+          }),
+          children: /* @__PURE__ */ jsx(Icon, { size: "25px" })
+        }
+      ) }),
+      children: /* @__PURE__ */ jsx(MenuList, { placement: "right-start", children })
+    }
+  );
+};
 export {
-  isNavigationItemVisible
+  Menu
 };
 //# sourceMappingURL=harmony78.mjs.map

package/dist/harmony78.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony78.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '../../types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;"}
+{"version":3,"file":"harmony78.mjs","sources":["../src/components/Sidebar/Widgets/Menu/Menu.tsx"],"sourcesContent":["import { MenuList, type SvgIconProps, Tooltip, Menu as UIMenu } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { FC, PropsWithChildren } from 'react'\nimport styles from './Menu.module.css'\n\ntype MenuProps = PropsWithChildren<{\n\t/** Icon component from @lokalise/louis to display in the menu button */\n\ticon: FC<SvgIconProps>\n}>\n\n/**\n * A dropdown menu component that displays an icon button which reveals a menu list when clicked.\n * The menu is positioned to the right of the button and includes a tooltip.\n *\n * Used primarily for dropdown menus in the Sidebar, such as the Help menu.\n *\n * @example\n * ```tsx\n * <Menu icon={HelpCenterIcon}>\n *   <MenuItem href=\"/docs\">Documentation</MenuItem>\n *   <MenuItem href=\"/tutorial\">Tutorials</MenuItem>\n *   <MenuDivider />\n *   <MenuItem href=\"/blog\">Blog</MenuItem>\n * </Menu>\n * ```\n */\nexport const Menu = ({ children, icon: Icon }: MenuProps) => {\n\treturn (\n\t\t<UIMenu\n\t\t\tmenuButton={({ opened }) => (\n\t\t\t\t<Tooltip placement=\"right\" tooltip=\"Help\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclassName={clsx(styles.dropdownButton, {\n\t\t\t\t\t\t\t[styles.dropdownButtonActive]: opened,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon size=\"25px\" />\n\t\t\t\t\t</button>\n\t\t\t\t</Tooltip>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-start\">{children}</MenuList>\n\t\t</UIMenu>\n\t)\n}\n"],"names":["UIMenu"],"mappings":";;;;AA0BO,MAAM,OAAO,CAAC,EAAE,UAAU,MAAM,WAAsB;AAE3D,SAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACA,YAAY,CAAC,EAAE,OAAO,0BACpB,SAAQ,EAAA,WAAU,SAAQ,SAAQ,QAClC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAW,KAAK,OAAO,gBAAgB;AAAA,YACtC,CAAC,OAAO,oBAAoB,GAAG;AAAA,UAAA,CAC/B;AAAA,UAED,UAAA,oBAAC,MAAK,EAAA,MAAK,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA,GAEpB;AAAA,MAGD,UAAC,oBAAA,UAAA,EAAS,WAAU,eAAe,SAAS,CAAA;AAAA,IAAA;AAAA,EAC7C;AAEF;"}

package/dist/harmony79.cjs

@@ -1,36 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const reactTable = require("@tanstack/react-table");
-const clsx = require("./harmony70.cjs");
-const SortingIcon = require("./harmony91.cjs");
-const TableHeaderCell_module = require("./harmony92.cjs");
-const TableHeaderCell = ({
-  header,
-  align = "left",
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  louis.TableHeaderCell,
-  {
-    className: clsx.clsx(className, {
-      [TableHeaderCell_module.default.centeredCell]: align === "center",
-      [TableHeaderCell_module.default.rightAlignedCell]: align === "right"
-    }),
-    ...rest,
-    children: [
-      reactTable.flexRender(header.column.columnDef.header, header.getContext()),
-      header.column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(
-        SortColumnButton,
-        {
-          direction: header.column.getIsSorted(),
-          onSortToggle: header.column.getToggleSortingHandler()
-        }
-      )
-    ]
-  }
-);
-const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSortToggle, className: TableHeaderCell_module.default.headerSortButton, children: /* @__PURE__ */ jsxRuntime.jsx(SortingIcon.SortingIcon, { direction }) });
-exports.TableHeaderCell = TableHeaderCell;
+const ProfileMenuContent = require("./harmony98.cjs");
+const ProfileMenuProvider = require("./harmony99.cjs");
+const ProfileMenu = ({ config, children }) => /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuProvider.ProfileMenuProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuContent.ProfileMenuContent, { children }) });
+exports.ProfileMenu = ProfileMenu;
 //# sourceMappingURL=harmony79.cjs.map

package/dist/harmony79.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony79.cjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import {\n\tTableHeaderCell as LouisTableHeaderCell,\n\ttype TableHeaderCellProps as LouisTableHeaderCellProps,\n} from '@lokalise/louis'\nimport { type Header, type SortDirection, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype TableHeaderProps<T> = LouisTableHeaderCellProps & {\n\theader: Header<T, unknown>\n}\n\nexport const TableHeaderCell = <T,>({\n\theader,\n\talign = 'left',\n\tclassName,\n\t...rest\n}: TableHeaderProps<T>) => (\n\t<LouisTableHeaderCell\n\t\tclassName={cx(className, {\n\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t})}\n\t\t{...rest}\n\t>\n\t\t{flexRender(header.column.columnDef.header, header.getContext())}\n\t\t{header.column.getCanSort() && (\n\t\t\t<SortColumnButton\n\t\t\t\tdirection={header.column.getIsSorted()}\n\t\t\t\tonSortToggle={header.column.getToggleSortingHandler()}\n\t\t\t/>\n\t\t)}\n\t</LouisTableHeaderCell>\n)\n\ntype SortColumnButtonProps = {\n\tdirection: SortDirection | false\n\tonSortToggle?: (event: unknown) => void\n}\n\nconst SortColumnButton = ({ direction, onSortToggle }: SortColumnButtonProps) => (\n\t<button type=\"button\" onClick={onSortToggle} className={styles.headerSortButton}>\n\t\t<SortingIcon direction={direction} />\n\t</button>\n)\n"],"names":["jsxs","LouisTableHeaderCell","cx","styles","flexRender","jsx","SortingIcon"],"mappings":";;;;;;;;AAaO,MAAM,kBAAkB,CAAK;AAAA,EACnC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MACCA,2BAAA;AAAA,EAACC,MAAA;AAAA,EAAA;AAAA,IACA,WAAWC,UAAG,WAAW;AAAA,MACxB,CAACC,uBAAA,QAAO,YAAY,GAAG,UAAU;AAAA,MACjC,CAACA,uBAAA,QAAO,gBAAgB,GAAG,UAAU;AAAA,IAAA,CACrC;AAAA,IACA,GAAG;AAAA,IAEH,UAAA;AAAA,MAAAC,WAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAAA,MAC9D,OAAO,OAAO,WAAA,KACdC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,OAAO,OAAO,YAAY;AAAA,UACrC,cAAc,OAAO,OAAO,wBAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;AAQD,MAAM,mBAAmB,CAAC,EAAE,WAAW,aAAa,qCAClD,UAAO,EAAA,MAAK,UAAS,SAAS,cAAc,WAAWF,+BAAO,kBAC9D,UAACE,2BAAA,IAAAC,yBAAA,EAAY,UAAsB,CAAA,GACpC;;"}
+{"version":3,"file":"harmony79.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { ProfileMenuContent, type ProfileMenuContentProps } from './ProfileMenuContent'\nimport { ProfileMenuProvider } from './ProfileMenuProvider'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProps = {\n\t/** Configuration object containing team and user settings */\n\tconfig: SidebarProfileMenuConfig\n\t/** Render function for the menu content */\n\tchildren: ProfileMenuContentProps['children']\n}\n\n/**\n * A contextual menu component that provides team management functionality.\n * It manages team switching, profile settings, billing options, and upgrade prompts.\n *\n * The component uses a render prop pattern to provide context values to its children,\n * allowing flexible composition of menu items based on user permissions and team status.\n *\n * @example\n * ```tsx\n * <ProfileMenu config={profileMenuConfig}>\n *   {({ allowTeamCreation, showBillingButton }) => (\n *     <>\n *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />\n *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}\n *       {showBillingButton && <MenuItem href=\"/billing\">Billing</MenuItem>}\n *     </>\n *   )}\n * </ProfileMenu>\n * ```\n */\nexport const ProfileMenu = ({ config, children }: ProfileMenuProps) => (\n\t<ProfileMenuProvider config={config}>\n\t\t<ProfileMenuContent>{children}</ProfileMenuContent>\n\t</ProfileMenuProvider>\n)\n"],"names":["jsx","ProfileMenuProvider","ProfileMenuContent"],"mappings":";;;;;AA+BO,MAAM,cAAc,CAAC,EAAE,QAAQ,SAAS,MAC7CA,2BAAA,IAAAC,oBAAA,qBAAA,EAAoB,QACpB,UAAAD,2BAAA,IAACE,mBAAoB,oBAAA,EAAA,SAAS,CAAA,EAC/B,CAAA;;"}

package/dist/harmony79.mjs

@@ -1,36 +1,8 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { TableHeaderCell as TableHeaderCell$1 } from "@lokalise/louis";
-import { flexRender } from "@tanstack/react-table";
-import { clsx } from "./harmony70.mjs";
-import { SortingIcon } from "./harmony91.mjs";
-import styles from "./harmony92.mjs";
-const TableHeaderCell = ({
-  header,
-  align = "left",
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsxs(
-  TableHeaderCell$1,
-  {
-    className: clsx(className, {
-      [styles.centeredCell]: align === "center",
-      [styles.rightAlignedCell]: align === "right"
-    }),
-    ...rest,
-    children: [
-      flexRender(header.column.columnDef.header, header.getContext()),
-      header.column.getCanSort() && /* @__PURE__ */ jsx(
-        SortColumnButton,
-        {
-          direction: header.column.getIsSorted(),
-          onSortToggle: header.column.getToggleSortingHandler()
-        }
-      )
-    ]
-  }
-);
-const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsx("button", { type: "button", onClick: onSortToggle, className: styles.headerSortButton, children: /* @__PURE__ */ jsx(SortingIcon, { direction }) });
+import { jsx } from "react/jsx-runtime";
+import { ProfileMenuContent } from "./harmony98.mjs";
+import { ProfileMenuProvider } from "./harmony99.mjs";
+const ProfileMenu = ({ config, children }) => /* @__PURE__ */ jsx(ProfileMenuProvider, { config, children: /* @__PURE__ */ jsx(ProfileMenuContent, { children }) });
 export {
-  TableHeaderCell
+  ProfileMenu
 };
 //# sourceMappingURL=harmony79.mjs.map

package/dist/harmony79.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony79.mjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import {\n\tTableHeaderCell as LouisTableHeaderCell,\n\ttype TableHeaderCellProps as LouisTableHeaderCellProps,\n} from '@lokalise/louis'\nimport { type Header, type SortDirection, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype TableHeaderProps<T> = LouisTableHeaderCellProps & {\n\theader: Header<T, unknown>\n}\n\nexport const TableHeaderCell = <T,>({\n\theader,\n\talign = 'left',\n\tclassName,\n\t...rest\n}: TableHeaderProps<T>) => (\n\t<LouisTableHeaderCell\n\t\tclassName={cx(className, {\n\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t})}\n\t\t{...rest}\n\t>\n\t\t{flexRender(header.column.columnDef.header, header.getContext())}\n\t\t{header.column.getCanSort() && (\n\t\t\t<SortColumnButton\n\t\t\t\tdirection={header.column.getIsSorted()}\n\t\t\t\tonSortToggle={header.column.getToggleSortingHandler()}\n\t\t\t/>\n\t\t)}\n\t</LouisTableHeaderCell>\n)\n\ntype SortColumnButtonProps = {\n\tdirection: SortDirection | false\n\tonSortToggle?: (event: unknown) => void\n}\n\nconst SortColumnButton = ({ direction, onSortToggle }: SortColumnButtonProps) => (\n\t<button type=\"button\" onClick={onSortToggle} className={styles.headerSortButton}>\n\t\t<SortingIcon direction={direction} />\n\t</button>\n)\n"],"names":["LouisTableHeaderCell","cx"],"mappings":";;;;;;AAaO,MAAM,kBAAkB,CAAK;AAAA,EACnC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MACC;AAAA,EAACA;AAAAA,EAAA;AAAA,IACA,WAAWC,KAAG,WAAW;AAAA,MACxB,CAAC,OAAO,YAAY,GAAG,UAAU;AAAA,MACjC,CAAC,OAAO,gBAAgB,GAAG,UAAU;AAAA,IAAA,CACrC;AAAA,IACA,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAAA,MAC9D,OAAO,OAAO,WAAA,KACd;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,OAAO,OAAO,YAAY;AAAA,UACrC,cAAc,OAAO,OAAO,wBAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;AAQD,MAAM,mBAAmB,CAAC,EAAE,WAAW,aAAa,0BAClD,UAAO,EAAA,MAAK,UAAS,SAAS,cAAc,WAAW,OAAO,kBAC9D,UAAC,oBAAA,aAAA,EAAY,UAAsB,CAAA,GACpC;"}
+{"version":3,"file":"harmony79.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.tsx"],"sourcesContent":["import { ProfileMenuContent, type ProfileMenuContentProps } from './ProfileMenuContent'\nimport { ProfileMenuProvider } from './ProfileMenuProvider'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProps = {\n\t/** Configuration object containing team and user settings */\n\tconfig: SidebarProfileMenuConfig\n\t/** Render function for the menu content */\n\tchildren: ProfileMenuContentProps['children']\n}\n\n/**\n * A contextual menu component that provides team management functionality.\n * It manages team switching, profile settings, billing options, and upgrade prompts.\n *\n * The component uses a render prop pattern to provide context values to its children,\n * allowing flexible composition of menu items based on user permissions and team status.\n *\n * @example\n * ```tsx\n * <ProfileMenu config={profileMenuConfig}>\n *   {({ allowTeamCreation, showBillingButton }) => (\n *     <>\n *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />\n *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}\n *       {showBillingButton && <MenuItem href=\"/billing\">Billing</MenuItem>}\n *     </>\n *   )}\n * </ProfileMenu>\n * ```\n */\nexport const ProfileMenu = ({ config, children }: ProfileMenuProps) => (\n\t<ProfileMenuProvider config={config}>\n\t\t<ProfileMenuContent>{children}</ProfileMenuContent>\n\t</ProfileMenuProvider>\n)\n"],"names":[],"mappings":";;;AA+BO,MAAM,cAAc,CAAC,EAAE,QAAQ,SAAS,MAC7C,oBAAA,qBAAA,EAAoB,QACpB,UAAA,oBAAC,oBAAoB,EAAA,SAAS,CAAA,EAC/B,CAAA;"}

package/dist/harmony8.cjs

@@ -1,33 +1,62 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FREE_PLAN_ID = 0;
-const TRIAL_PLAN_ID = 9999;
-const START_PLAN_IDS = [150, 151, 250, 251];
-const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253];
-const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358];
-const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260];
-const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998;
-const isFreePlan = (planId) => planId === FREE_PLAN_ID;
-const isTrialPlan = (planId) => planId === TRIAL_PLAN_ID;
-const isStartPlan = (planId) => START_PLAN_IDS.includes(planId);
-const isEssentialPlan = (planId) => ESSENTIAL_PLAN_IDS.includes(planId);
-const isProPlan = (planId) => PRO_PLAN_IDS.includes(planId);
-const isEnterprisePlan = (planId) => ENTERPRISE_PLAN_IDS.includes(planId);
-const isPaidPlan = (planId) => planId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID;
-const isEnterpriseOpenSourcePlan = (planId) => planId === ENTERPRISE_OPENSOURCE_PLAN_ID;
-exports.ENTERPRISE_OPENSOURCE_PLAN_ID = ENTERPRISE_OPENSOURCE_PLAN_ID;
-exports.ENTERPRISE_PLAN_IDS = ENTERPRISE_PLAN_IDS;
-exports.ESSENTIAL_PLAN_IDS = ESSENTIAL_PLAN_IDS;
-exports.FREE_PLAN_ID = FREE_PLAN_ID;
-exports.PRO_PLAN_IDS = PRO_PLAN_IDS;
-exports.START_PLAN_IDS = START_PLAN_IDS;
-exports.TRIAL_PLAN_ID = TRIAL_PLAN_ID;
-exports.isEnterpriseOpenSourcePlan = isEnterpriseOpenSourcePlan;
-exports.isEnterprisePlan = isEnterprisePlan;
-exports.isEssentialPlan = isEssentialPlan;
-exports.isFreePlan = isFreePlan;
-exports.isPaidPlan = isPaidPlan;
-exports.isProPlan = isProPlan;
-exports.isStartPlan = isStartPlan;
-exports.isTrialPlan = isTrialPlan;
+const jsxRuntime = require("react/jsx-runtime");
+const NavigationPanel = require("./harmony3.cjs");
+const Breadcrumbs = require("./harmony5.cjs");
+const NavigationTabs = require("./harmony6.cjs");
+const NavigationClient = require("./harmony90.cjs");
+const useNavigation = require("./harmony91.cjs");
+const useNavigationQueries = require("./harmony92.cjs");
+const NavigationClientProvider = require("./harmony93.cjs");
+const reactQuery = require("@tanstack/react-query");
+const React = require("react");
+const queryClient = require("./harmony94.cjs");
+const ProjectNavigationPanelInner = ({
+  page,
+  projectId
+}) => {
+  const {
+    data: { project, contributor },
+    isLoading,
+    error
+  } = useNavigationQueries.useNavigationData(projectId);
+  const navigationItems = useNavigation.useNavigation(page, project, contributor);
+  if (isLoading) {
+    return (
+      // TODO: replace with loading state
+      /* @__PURE__ */ jsxRuntime.jsxs(NavigationPanel.NavigationPanel, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading navigation..." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Tabs, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading..." }) })
+      ] })
+    );
+  }
+  if (error) {
+    return (
+      // TODO: replace with error state
+      /* @__PURE__ */ jsxRuntime.jsxs(NavigationPanel.NavigationPanel, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error loading navigation" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Tabs, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Failed to load navigation data" }) })
+      ] })
+    );
+  }
+  const breadcrumbsItems = [
+    {
+      name: "Projects",
+      link: "/projects"
+    },
+    {
+      name: (project == null ? void 0 : project.name) || "Project",
+      link: `/project/${project == null ? void 0 : project.uuid}/`
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(NavigationPanel.NavigationPanel, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(Breadcrumbs.Breadcrumbs, { items: breadcrumbsItems }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(NavigationPanel.NavigationPanel.Tabs, { children: /* @__PURE__ */ jsxRuntime.jsx(NavigationTabs.NavigationTabs, { navigation: navigationItems, activeItem: page }) })
+  ] });
+};
+const ProjectNavigationPanel = ({ config, ...props }) => {
+  const navigationClient = React.useMemo(() => new NavigationClient.NavigationClient(config), [config]);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient.queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationClientProvider.NavigationClientProvider, { client: navigationClient, children: /* @__PURE__ */ jsxRuntime.jsx(ProjectNavigationPanelInner, { ...props }) }) });
+};
+exports.ProjectNavigationPanel = ProjectNavigationPanel;
 //# sourceMappingURL=harmony8.cjs.map

package/dist/harmony8.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony8.cjs","sources":["../src/utils/billing/plan/plan.ts"],"sourcesContent":["export const FREE_PLAN_ID = 0\nexport const TRIAL_PLAN_ID = 9999\nexport const START_PLAN_IDS = [150, 151, 250, 251]\nexport const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253]\nexport const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358]\nexport const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260]\nexport const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998\n\nexport const isFreePlan = (planId: number) => planId === FREE_PLAN_ID\nexport const isTrialPlan = (planId: number) => planId === TRIAL_PLAN_ID\nexport const isStartPlan = (planId: number) => START_PLAN_IDS.includes(planId)\nexport const isEssentialPlan = (planId: number) => ESSENTIAL_PLAN_IDS.includes(planId)\nexport const isProPlan = (planId: number) => PRO_PLAN_IDS.includes(planId)\n// Enterprise open-source is NOT treated as real Enterprise plan anymore. It's a legacy now.\nexport const isEnterprisePlan = (planId: number) => ENTERPRISE_PLAN_IDS.includes(planId)\nexport const isPaidPlan = (planId: number) =>\n\tplanId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID\nexport const isEnterpriseOpenSourcePlan = (planId: number) =>\n\tplanId === ENTERPRISE_OPENSOURCE_PLAN_ID\n"],"names":[],"mappings":";;AAAO,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC1C,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,GAAG;AACxC,MAAA,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtE,MAAM,sBAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACzD,MAAM,gCAAgC;AAEhC,MAAA,aAAa,CAAC,WAAmB,WAAW;AAC5C,MAAA,cAAc,CAAC,WAAmB,WAAW;AACnD,MAAM,cAAc,CAAC,WAAmB,eAAe,SAAS,MAAM;AACtE,MAAM,kBAAkB,CAAC,WAAmB,mBAAmB,SAAS,MAAM;AAC9E,MAAM,YAAY,CAAC,WAAmB,aAAa,SAAS,MAAM;AAElE,MAAM,mBAAmB,CAAC,WAAmB,oBAAoB,SAAS,MAAM;AAChF,MAAM,aAAa,CAAC,WAC1B,SAAS,gBAAgB,SAAS;AACtB,MAAA,6BAA6B,CAAC,WAC1C,WAAW;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony8.cjs","sources":["../src/features/navigation/ProjectNavigationPanel.tsx"],"sourcesContent":["import { NavigationPanel } from '@components/NavigationPanel/NavigationPanel'\nimport { Breadcrumbs } from '@components/NavigationPanel/components/Breadcrumbs/Breadcrumbs'\nimport { NavigationTabs } from '@components/NavigationPanel/components/NavigationTabs/NavigationTabs'\nimport { NavigationClient, type NavigationConfig } from '@features/navigation/core/NavigationClient'\nimport { useNavigation } from '@features/navigation/hooks/useNavigation'\nimport { useNavigationData } from '@features/navigation/hooks/useNavigationQueries'\nimport { NavigationClientProvider } from '@features/navigation/providers/NavigationClientProvider'\nimport type { Project } from '@features/node'\nimport { QueryClientProvider } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { queryClient } from '../../shared/queryClient'\nimport type { Page } from './types/navigation'\n\nexport interface ProjectNavigationPanelProps {\n\tprojectId: Project['project_id']\n\tpage: Page\n\tconfig: NavigationConfig\n}\n\nconst ProjectNavigationPanelInner = ({\n\tpage,\n\tprojectId,\n}: Omit<ProjectNavigationPanelProps, 'config'>) => {\n\tconst {\n\t\tdata: { project, contributor },\n\t\tisLoading,\n\t\terror,\n\t} = useNavigationData(projectId)\n\n\tconst navigationItems = useNavigation(page, project, contributor)\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t// TODO: replace with loading state\n\t\t\t<NavigationPanel>\n\t\t\t\t<NavigationPanel.Header>\n\t\t\t\t\t<div>Loading navigation...</div>\n\t\t\t\t</NavigationPanel.Header>\n\t\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t\t<div>Loading...</div>\n\t\t\t\t</NavigationPanel.Tabs>\n\t\t\t</NavigationPanel>\n\t\t)\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t// TODO: replace with error state\n\t\t\t<NavigationPanel>\n\t\t\t\t<NavigationPanel.Header>\n\t\t\t\t\t<div>Error loading navigation</div>\n\t\t\t\t</NavigationPanel.Header>\n\t\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t\t<div>Failed to load navigation data</div>\n\t\t\t\t</NavigationPanel.Tabs>\n\t\t\t</NavigationPanel>\n\t\t)\n\t}\n\n\tconst breadcrumbsItems = [\n\t\t{\n\t\t\tname: 'Projects',\n\t\t\tlink: '/projects',\n\t\t},\n\t\t{\n\t\t\tname: project?.name || 'Project',\n\t\t\tlink: `/project/${project?.uuid}/`,\n\t\t},\n\t]\n\n\treturn (\n\t\t<NavigationPanel>\n\t\t\t<NavigationPanel.Header>\n\t\t\t\t<Breadcrumbs items={breadcrumbsItems} />\n\t\t\t\t{/* TODO: Add branch selector */}\n\t\t\t</NavigationPanel.Header>\n\n\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t<NavigationTabs navigation={navigationItems} activeItem={page} />\n\t\t\t</NavigationPanel.Tabs>\n\t\t</NavigationPanel>\n\t)\n}\n\n/**\n * Complete self-contained ProjectNavigationPanel with all providers included.\n * No external setup required - just pass config and use.\n */\nexport const ProjectNavigationPanel = ({ config, ...props }: ProjectNavigationPanelProps) => {\n\t// Create stable instances\n\n\tconst navigationClient = useMemo(() => new NavigationClient(config), [config])\n\n\treturn (\n\t\t<QueryClientProvider client={queryClient}>\n\t\t\t<NavigationClientProvider client={navigationClient}>\n\t\t\t\t<ProjectNavigationPanelInner {...props} />\n\t\t\t</NavigationClientProvider>\n\t\t</QueryClientProvider>\n\t)\n}\n"],"names":["useNavigationData","useNavigation","NavigationPanel","jsx","Breadcrumbs","NavigationTabs","useMemo","NavigationClient","QueryClientProvider","queryClient","NavigationClientProvider"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,8BAA8B,CAAC;AAAA,EACpC;AAAA,EACA;AACD,MAAmD;AAC5C,QAAA;AAAA,IACL,MAAM,EAAE,SAAS,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA,IACGA,qBAAAA,kBAAkB,SAAS;AAE/B,QAAM,kBAAkBC,cAAA,cAAc,MAAM,SAAS,WAAW;AAEhE,MAAI,WAAW;AACd;AAAA;AAAA,sCAEEC,gBAAAA,iBACA,EAAA,UAAA;AAAA,QAAAC,2BAAAA,IAACD,gCAAgB,QAAhB,EACA,UAACC,2BAAAA,IAAA,OAAA,EAAI,kCAAqB,CAAA,GAC3B;AAAA,uCACCD,gBAAAA,gBAAgB,MAAhB,EACA,UAACC,+BAAA,OAAA,EAAI,wBAAU,EAChB,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,MAAI,OAAO;AACV;AAAA;AAAA,sCAEED,gBAAAA,iBACA,EAAA,UAAA;AAAA,QAAAC,2BAAAA,IAACD,gCAAgB,QAAhB,EACA,UAACC,2BAAAA,IAAA,OAAA,EAAI,qCAAwB,CAAA,GAC9B;AAAA,uCACCD,gBAAAA,gBAAgB,MAAhB,EACA,UAACC,+BAAA,OAAA,EAAI,4CAA8B,EACpC,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,QAAM,mBAAmB;AAAA,IACxB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,IACP;AAAA,IACA;AAAA,MACC,OAAM,mCAAS,SAAQ;AAAA,MACvB,MAAM,YAAY,mCAAS,IAAI;AAAA,IAAA;AAAA,EAEjC;AAEA,yCACED,iCACA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAACD,gCAAgB,QAAhB,EACA,yCAACE,YAAY,aAAA,EAAA,OAAO,iBAAkB,CAAA,GAEvC;AAAA,IAEAD,2BAAAA,IAACD,gBAAgB,gBAAA,MAAhB,EACA,UAAAC,2BAAA,IAACE,iCAAe,YAAY,iBAAiB,YAAY,KAAM,CAAA,EAChE,CAAA;AAAA,EAAA,GACD;AAEF;AAMO,MAAM,yBAAyB,CAAC,EAAE,QAAQ,GAAG,YAAyC;AAGtF,QAAA,mBAAmBC,MAAAA,QAAQ,MAAM,IAAIC,kCAAiB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7E,SACEJ,2BAAAA,IAAAK,WAAAA,qBAAA,EAAoB,QAAQC,YAAAA,aAC5B,UAACN,2BAAA,IAAAO,mDAAA,EAAyB,QAAQ,kBACjC,UAACP,2BAAAA,IAAA,6BAAA,EAA6B,GAAG,MAAO,CAAA,EACzC,CAAA,GACD;AAEF;;"}

package/dist/harmony8.mjs

@@ -1,33 +1,62 @@
-const FREE_PLAN_ID = 0;
-const TRIAL_PLAN_ID = 9999;
-const START_PLAN_IDS = [150, 151, 250, 251];
-const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253];
-const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358];
-const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260];
-const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998;
-const isFreePlan = (planId) => planId === FREE_PLAN_ID;
-const isTrialPlan = (planId) => planId === TRIAL_PLAN_ID;
-const isStartPlan = (planId) => START_PLAN_IDS.includes(planId);
-const isEssentialPlan = (planId) => ESSENTIAL_PLAN_IDS.includes(planId);
-const isProPlan = (planId) => PRO_PLAN_IDS.includes(planId);
-const isEnterprisePlan = (planId) => ENTERPRISE_PLAN_IDS.includes(planId);
-const isPaidPlan = (planId) => planId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID;
-const isEnterpriseOpenSourcePlan = (planId) => planId === ENTERPRISE_OPENSOURCE_PLAN_ID;
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NavigationPanel } from "./harmony3.mjs";
+import { Breadcrumbs } from "./harmony5.mjs";
+import { NavigationTabs } from "./harmony6.mjs";
+import { NavigationClient } from "./harmony90.mjs";
+import { useNavigation } from "./harmony91.mjs";
+import { useNavigationData } from "./harmony92.mjs";
+import { NavigationClientProvider } from "./harmony93.mjs";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { queryClient } from "./harmony94.mjs";
+const ProjectNavigationPanelInner = ({
+  page,
+  projectId
+}) => {
+  const {
+    data: { project, contributor },
+    isLoading,
+    error
+  } = useNavigationData(projectId);
+  const navigationItems = useNavigation(page, project, contributor);
+  if (isLoading) {
+    return (
+      // TODO: replace with loading state
+      /* @__PURE__ */ jsxs(NavigationPanel, { children: [
+        /* @__PURE__ */ jsx(NavigationPanel.Header, { children: /* @__PURE__ */ jsx("div", { children: "Loading navigation..." }) }),
+        /* @__PURE__ */ jsx(NavigationPanel.Tabs, { children: /* @__PURE__ */ jsx("div", { children: "Loading..." }) })
+      ] })
+    );
+  }
+  if (error) {
+    return (
+      // TODO: replace with error state
+      /* @__PURE__ */ jsxs(NavigationPanel, { children: [
+        /* @__PURE__ */ jsx(NavigationPanel.Header, { children: /* @__PURE__ */ jsx("div", { children: "Error loading navigation" }) }),
+        /* @__PURE__ */ jsx(NavigationPanel.Tabs, { children: /* @__PURE__ */ jsx("div", { children: "Failed to load navigation data" }) })
+      ] })
+    );
+  }
+  const breadcrumbsItems = [
+    {
+      name: "Projects",
+      link: "/projects"
+    },
+    {
+      name: (project == null ? void 0 : project.name) || "Project",
+      link: `/project/${project == null ? void 0 : project.uuid}/`
+    }
+  ];
+  return /* @__PURE__ */ jsxs(NavigationPanel, { children: [
+    /* @__PURE__ */ jsx(NavigationPanel.Header, { children: /* @__PURE__ */ jsx(Breadcrumbs, { items: breadcrumbsItems }) }),
+    /* @__PURE__ */ jsx(NavigationPanel.Tabs, { children: /* @__PURE__ */ jsx(NavigationTabs, { navigation: navigationItems, activeItem: page }) })
+  ] });
+};
+const ProjectNavigationPanel = ({ config, ...props }) => {
+  const navigationClient = useMemo(() => new NavigationClient(config), [config]);
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(NavigationClientProvider, { client: navigationClient, children: /* @__PURE__ */ jsx(ProjectNavigationPanelInner, { ...props }) }) });
+};
 export {
-  ENTERPRISE_OPENSOURCE_PLAN_ID,
-  ENTERPRISE_PLAN_IDS,
-  ESSENTIAL_PLAN_IDS,
-  FREE_PLAN_ID,
-  PRO_PLAN_IDS,
-  START_PLAN_IDS,
-  TRIAL_PLAN_ID,
-  isEnterpriseOpenSourcePlan,
-  isEnterprisePlan,
-  isEssentialPlan,
-  isFreePlan,
-  isPaidPlan,
-  isProPlan,
-  isStartPlan,
-  isTrialPlan
+  ProjectNavigationPanel
 };
 //# sourceMappingURL=harmony8.mjs.map

package/dist/harmony8.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony8.mjs","sources":["../src/utils/billing/plan/plan.ts"],"sourcesContent":["export const FREE_PLAN_ID = 0\nexport const TRIAL_PLAN_ID = 9999\nexport const START_PLAN_IDS = [150, 151, 250, 251]\nexport const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253]\nexport const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358]\nexport const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260]\nexport const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998\n\nexport const isFreePlan = (planId: number) => planId === FREE_PLAN_ID\nexport const isTrialPlan = (planId: number) => planId === TRIAL_PLAN_ID\nexport const isStartPlan = (planId: number) => START_PLAN_IDS.includes(planId)\nexport const isEssentialPlan = (planId: number) => ESSENTIAL_PLAN_IDS.includes(planId)\nexport const isProPlan = (planId: number) => PRO_PLAN_IDS.includes(planId)\n// Enterprise open-source is NOT treated as real Enterprise plan anymore. It's a legacy now.\nexport const isEnterprisePlan = (planId: number) => ENTERPRISE_PLAN_IDS.includes(planId)\nexport const isPaidPlan = (planId: number) =>\n\tplanId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID\nexport const isEnterpriseOpenSourcePlan = (planId: number) =>\n\tplanId === ENTERPRISE_OPENSOURCE_PLAN_ID\n"],"names":[],"mappings":"AAAO,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC1C,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,GAAG;AACxC,MAAA,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtE,MAAM,sBAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACzD,MAAM,gCAAgC;AAEhC,MAAA,aAAa,CAAC,WAAmB,WAAW;AAC5C,MAAA,cAAc,CAAC,WAAmB,WAAW;AACnD,MAAM,cAAc,CAAC,WAAmB,eAAe,SAAS,MAAM;AACtE,MAAM,kBAAkB,CAAC,WAAmB,mBAAmB,SAAS,MAAM;AAC9E,MAAM,YAAY,CAAC,WAAmB,aAAa,SAAS,MAAM;AAElE,MAAM,mBAAmB,CAAC,WAAmB,oBAAoB,SAAS,MAAM;AAChF,MAAM,aAAa,CAAC,WAC1B,SAAS,gBAAgB,SAAS;AACtB,MAAA,6BAA6B,CAAC,WAC1C,WAAW;"}
+{"version":3,"file":"harmony8.mjs","sources":["../src/features/navigation/ProjectNavigationPanel.tsx"],"sourcesContent":["import { NavigationPanel } from '@components/NavigationPanel/NavigationPanel'\nimport { Breadcrumbs } from '@components/NavigationPanel/components/Breadcrumbs/Breadcrumbs'\nimport { NavigationTabs } from '@components/NavigationPanel/components/NavigationTabs/NavigationTabs'\nimport { NavigationClient, type NavigationConfig } from '@features/navigation/core/NavigationClient'\nimport { useNavigation } from '@features/navigation/hooks/useNavigation'\nimport { useNavigationData } from '@features/navigation/hooks/useNavigationQueries'\nimport { NavigationClientProvider } from '@features/navigation/providers/NavigationClientProvider'\nimport type { Project } from '@features/node'\nimport { QueryClientProvider } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { queryClient } from '../../shared/queryClient'\nimport type { Page } from './types/navigation'\n\nexport interface ProjectNavigationPanelProps {\n\tprojectId: Project['project_id']\n\tpage: Page\n\tconfig: NavigationConfig\n}\n\nconst ProjectNavigationPanelInner = ({\n\tpage,\n\tprojectId,\n}: Omit<ProjectNavigationPanelProps, 'config'>) => {\n\tconst {\n\t\tdata: { project, contributor },\n\t\tisLoading,\n\t\terror,\n\t} = useNavigationData(projectId)\n\n\tconst navigationItems = useNavigation(page, project, contributor)\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t// TODO: replace with loading state\n\t\t\t<NavigationPanel>\n\t\t\t\t<NavigationPanel.Header>\n\t\t\t\t\t<div>Loading navigation...</div>\n\t\t\t\t</NavigationPanel.Header>\n\t\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t\t<div>Loading...</div>\n\t\t\t\t</NavigationPanel.Tabs>\n\t\t\t</NavigationPanel>\n\t\t)\n\t}\n\n\tif (error) {\n\t\treturn (\n\t\t\t// TODO: replace with error state\n\t\t\t<NavigationPanel>\n\t\t\t\t<NavigationPanel.Header>\n\t\t\t\t\t<div>Error loading navigation</div>\n\t\t\t\t</NavigationPanel.Header>\n\t\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t\t<div>Failed to load navigation data</div>\n\t\t\t\t</NavigationPanel.Tabs>\n\t\t\t</NavigationPanel>\n\t\t)\n\t}\n\n\tconst breadcrumbsItems = [\n\t\t{\n\t\t\tname: 'Projects',\n\t\t\tlink: '/projects',\n\t\t},\n\t\t{\n\t\t\tname: project?.name || 'Project',\n\t\t\tlink: `/project/${project?.uuid}/`,\n\t\t},\n\t]\n\n\treturn (\n\t\t<NavigationPanel>\n\t\t\t<NavigationPanel.Header>\n\t\t\t\t<Breadcrumbs items={breadcrumbsItems} />\n\t\t\t\t{/* TODO: Add branch selector */}\n\t\t\t</NavigationPanel.Header>\n\n\t\t\t<NavigationPanel.Tabs>\n\t\t\t\t<NavigationTabs navigation={navigationItems} activeItem={page} />\n\t\t\t</NavigationPanel.Tabs>\n\t\t</NavigationPanel>\n\t)\n}\n\n/**\n * Complete self-contained ProjectNavigationPanel with all providers included.\n * No external setup required - just pass config and use.\n */\nexport const ProjectNavigationPanel = ({ config, ...props }: ProjectNavigationPanelProps) => {\n\t// Create stable instances\n\n\tconst navigationClient = useMemo(() => new NavigationClient(config), [config])\n\n\treturn (\n\t\t<QueryClientProvider client={queryClient}>\n\t\t\t<NavigationClientProvider client={navigationClient}>\n\t\t\t\t<ProjectNavigationPanelInner {...props} />\n\t\t\t</NavigationClientProvider>\n\t\t</QueryClientProvider>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAmBA,MAAM,8BAA8B,CAAC;AAAA,EACpC;AAAA,EACA;AACD,MAAmD;AAC5C,QAAA;AAAA,IACL,MAAM,EAAE,SAAS,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,EAAA,IACG,kBAAkB,SAAS;AAE/B,QAAM,kBAAkB,cAAc,MAAM,SAAS,WAAW;AAEhE,MAAI,WAAW;AACd;AAAA;AAAA,2BAEE,iBACA,EAAA,UAAA;AAAA,QAAA,oBAAC,gBAAgB,QAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,kCAAqB,CAAA,GAC3B;AAAA,4BACC,gBAAgB,MAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,wBAAU,EAChB,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,MAAI,OAAO;AACV;AAAA;AAAA,2BAEE,iBACA,EAAA,UAAA;AAAA,QAAA,oBAAC,gBAAgB,QAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,qCAAwB,CAAA,GAC9B;AAAA,4BACC,gBAAgB,MAAhB,EACA,UAAC,oBAAA,OAAA,EAAI,4CAA8B,EACpC,CAAA;AAAA,MAAA,EACD,CAAA;AAAA;AAAA,EAAA;AAIF,QAAM,mBAAmB;AAAA,IACxB;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,IACP;AAAA,IACA;AAAA,MACC,OAAM,mCAAS,SAAQ;AAAA,MACvB,MAAM,YAAY,mCAAS,IAAI;AAAA,IAAA;AAAA,EAEjC;AAEA,8BACE,iBACA,EAAA,UAAA;AAAA,IAAA,oBAAC,gBAAgB,QAAhB,EACA,8BAAC,aAAY,EAAA,OAAO,iBAAkB,CAAA,GAEvC;AAAA,IAEA,oBAAC,gBAAgB,MAAhB,EACA,UAAA,oBAAC,kBAAe,YAAY,iBAAiB,YAAY,KAAM,CAAA,EAChE,CAAA;AAAA,EAAA,GACD;AAEF;AAMO,MAAM,yBAAyB,CAAC,EAAE,QAAQ,GAAG,YAAyC;AAGtF,QAAA,mBAAmB,QAAQ,MAAM,IAAI,iBAAiB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7E,SACE,oBAAA,qBAAA,EAAoB,QAAQ,aAC5B,UAAC,oBAAA,0BAAA,EAAyB,QAAQ,kBACjC,UAAC,oBAAA,6BAAA,EAA6B,GAAG,MAAO,CAAA,EACzC,CAAA,GACD;AAEF;"}

package/dist/harmony80.cjs

@@ -1,30 +1,35 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useSidebarDataLoader = (callback) => {
-  const [result, setResult] = React.useState(null);
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(false);
-  const loadData = async (args) => {
-    const result2 = await callback(args);
-    if (result2) {
-      setResult(result2);
-      setLoading(false);
-      setError(false);
-      return result2;
-    }
-    setError(true);
-    setLoading(false);
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const ProfileMenuContext = require("./harmony100.cjs");
+const ProfileSettingsMenuItem_module = require("./harmony101.cjs");
+const ProfileSettingsMenuItem = ({
+  href,
+  onClick,
+  userEmail,
+  hideBottomDivider
+}) => {
+  const { isEndOfTrialActive, isTeamSuspended } = ProfileMenuContext.useProfileMenu();
+  if (isEndOfTrialActive || isTeamSuspended) {
     return null;
-  };
-  return {
-    data: {
-      result,
-      loading,
-      error
-    },
-    loadData
-  };
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      louis.MenuItem,
+      {
+        href,
+        onClick: () => {
+          onClick == null ? void 0 : onClick();
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-col ${ProfileSettingsMenuItem_module.default.container}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Profile Settings" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ProfileSettingsMenuItem_module.default.profileEmail, children: userEmail })
+        ] })
+      }
+    ),
+    !hideBottomDivider && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {})
+  ] });
 };
-exports.useSidebarDataLoader = useSidebarDataLoader;
+exports.ProfileSettingsMenuItem = ProfileSettingsMenuItem;
 //# sourceMappingURL=harmony80.cjs.map

package/dist/harmony80.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony80.cjs","sources":["../src/components/Sidebar/hooks/useSidebarDataLoader.ts"],"sourcesContent":["import type { SidebarDataBase } from '@components/Sidebar/types'\nimport { useState } from 'react'\n\nexport const useSidebarDataLoader = <T, A = void>(\n\tcallback: (args: A) => Promise<T | null>,\n): {\n\tdata: SidebarDataBase<T>\n\tloadData: (args: A) => Promise<T | null>\n} => {\n\tconst [result, setResult] = useState<T | null>(null)\n\n\tconst [loading, setLoading] = useState(true)\n\n\tconst [error, setError] = useState(false)\n\n\tconst loadData = async (args: A): Promise<T | null> => {\n\t\tconst result = await callback(args)\n\n\t\tif (result) {\n\t\t\tsetResult(result)\n\t\t\tsetLoading(false)\n\t\t\tsetError(false)\n\n\t\t\treturn result\n\t\t}\n\n\t\tsetError(true)\n\t\tsetLoading(false)\n\t\treturn null\n\t}\n\n\treturn {\n\t\tdata: {\n\t\t\tresult,\n\t\t\tloading,\n\t\t\terror,\n\t\t},\n\t\tloadData,\n\t}\n}\n"],"names":["useState","result"],"mappings":";;;AAGa,MAAA,uBAAuB,CACnC,aAII;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAmB,IAAI;AAEnD,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,IAAI;AAE3C,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,KAAK;AAElC,QAAA,WAAW,OAAO,SAA+B;AAChDC,UAAAA,UAAS,MAAM,SAAS,IAAI;AAElC,QAAIA,SAAQ;AACX,gBAAUA,OAAM;AAChB,iBAAW,KAAK;AAChB,eAAS,KAAK;AAEPA,aAAAA;AAAAA,IAAA;AAGR,aAAS,IAAI;AACb,eAAW,KAAK;AACT,WAAA;AAAA,EACR;AAEO,SAAA;AAAA,IACN,MAAM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACA;AAAA,EACD;AACD;;"}
+{"version":3,"file":"harmony80.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './ProfileSettingsMenuItem.module.css'\n\ntype ProfileSettingsMenuItemProps = {\n\t/** URL to the profile settings page */\n\thref: string\n\t/** User's email address to display below \"Profile Settings\" */\n\tuserEmail: string\n\t/** Optional callback function for tracking or additional actions */\n\tonClick?: () => void\n\t/** Whether to hide the divider that appears below this menu item */\n\thideBottomDivider?: boolean\n}\n\n/**\n * A menu item component that provides access to profile settings.\n *\n * Features:\n * - Displays \"Profile Settings\" with the user's email address below\n * - Conditionally renders based on team status\n * - Includes an optional divider below the item\n * - Will not render if:\n *   - Team is suspended\n *   - Team's trial period has ended\n *\n * @example\n * ```tsx\n * <ProfileSettingsMenuItem\n *   href=\"/settings/profile\"\n *   userEmail=\"user@example.com\"\n *   onClick={() => trackSettingsClick()}\n * />\n *\n * // Without bottom divider\n * <ProfileSettingsMenuItem\n *   href=\"/settings/profile\"\n *   userEmail=\"user@example.com\"\n *   hideBottomDivider\n * />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for team status information.\n */\nexport const ProfileSettingsMenuItem = ({\n\thref,\n\tonClick,\n\tuserEmail,\n\thideBottomDivider,\n}: ProfileSettingsMenuItemProps) => {\n\tconst { isEndOfTrialActive, isTeamSuspended } = useProfileMenu()\n\n\tif (isEndOfTrialActive || isTeamSuspended) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\thref={href}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tonClick?.()\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div className={`flex-col ${styles.container}`}>\n\t\t\t\t\t<span>Profile Settings</span>\n\t\t\t\t\t<span className={styles.profileEmail}>{userEmail}</span>\n\t\t\t\t</div>\n\t\t\t</MenuItem>\n\n\t\t\t{!hideBottomDivider && <MenuDivider />}\n\t\t</>\n\t)\n}\n"],"names":["useProfileMenu","jsxs","Fragment","jsx","MenuItem","styles","MenuDivider"],"mappings":";;;;;;AA6CO,MAAM,0BAA0B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,MAAoC;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,IAAIA,kCAAe;AAE/D,MAAI,sBAAsB,iBAAiB;AACnC,WAAA;AAAA,EAAA;AAGR,SAEEC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACA;AAAA,QACA,SAAS,MAAM;AACJ;AAAA,QACX;AAAA,QAEA,0CAAC,OAAI,EAAA,WAAW,YAAYC,uCAAO,SAAS,IAC3C,UAAA;AAAA,UAAAF,2BAAAA,IAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,UACrBA,2BAAA,IAAA,QAAA,EAAK,WAAWE,+BAAA,QAAO,cAAe,UAAU,UAAA,CAAA;AAAA,QAAA,EAClD,CAAA;AAAA,MAAA;AAAA,IACD;AAAA,IAEC,CAAC,qBAAqBF,+BAACG,MAAAA,aAAY,CAAA,CAAA;AAAA,EAAA,GACrC;AAEF;;"}