@lokalise/harmony 1.40.1 → 1.40.3-exp-epic2x.1

package/dist/harmony98.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony98.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":["jsxs","jsx","classes","Tag"],"mappings":";;;;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/CA,2BAAA,KAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAAA,gCAAC,OACA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACFA,+BAAC,SAAI,WAAWC,cAAA,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAASD,2BAAA,IAACE,aAAI,WAAWD,sBAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;;"}
+{"version":3,"file":"harmony98.cjs","sources":["../src/components/Sidebar/hooks/useSidebar.ts"],"sourcesContent":["import { SidebarContext } from '@components/Sidebar/SidebarContext'\nimport { useContext } from 'react'\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":["useContext","SidebarContext"],"mappings":";;;;AAGO,MAAM,aAAa,MAAM;AACzB,QAAA,UAAUA,iBAAWC,6BAAc;AAEzC,MAAI,CAAC,SAAS;AACb,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EAAA;AAGM,SAAA;AACR;;"}

package/dist/harmony98.mjs

@@ -1,14 +1,15 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Tag } from "@lokalise/louis";
-import classes from "./harmony99.mjs";
-const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-  /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("span", { children: label }),
-    !!badge && /* @__PURE__ */ jsx("div", { className: classes.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
-  ] }),
-  !!novel && /* @__PURE__ */ jsx(Tag, { className: classes.tag, children: novel })
-] });
+import { SidebarContext } from "./harmony95.mjs";
+import { useContext } from "react";
+const useSidebar = () => {
+  const context = useContext(SidebarContext);
+  if (!context) {
+    throw new Error(
+      "You are using useSidebar hook outside its context. Please review your code implementation"
+    );
+  }
+  return context;
+};
 export {
-  NavItemContents
+  useSidebar
 };
 //# sourceMappingURL=harmony98.mjs.map

package/dist/harmony98.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony98.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":[],"mappings":";;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/C,qBAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAA,qBAAC,OACA,EAAA,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACF,oBAAC,SAAI,WAAW,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAAS,oBAAC,OAAI,WAAW,QAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;"}
+{"version":3,"file":"harmony98.mjs","sources":["../src/components/Sidebar/hooks/useSidebar.ts"],"sourcesContent":["import { SidebarContext } from '@components/Sidebar/SidebarContext'\nimport { useContext } from 'react'\n\nexport const useSidebar = () => {\n\tconst context = useContext(SidebarContext)\n\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'You are using useSidebar hook outside its context. Please review your code implementation',\n\t\t)\n\t}\n\n\treturn context\n}\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,MAAM;AACzB,QAAA,UAAU,WAAW,cAAc;AAEzC,MAAI,CAAC,SAAS;AACb,UAAM,IAAI;AAAA,MACT;AAAA,IACD;AAAA,EAAA;AAGM,SAAA;AACR;"}

package/dist/harmony99.cjs

@@ -1,24 +1,33 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const badge = "_badge_1pc1v_1";
-const tag = "_tag_1pc1v_15";
-const withNavLinkStyle = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21";
-const disabled = "_disabled_1pc1v_57";
-const projectNavigationItem = "_projectNavigationItem_1pc1v_61";
-const projectNavigationItemDisabled = "_projectNavigationItemDisabled_1pc1v_67";
-const classes = {
-  badge,
-  tag,
-  withNavLinkStyle,
-  disabled,
-  projectNavigationItem,
-  projectNavigationItemDisabled
-};
-exports.badge = badge;
-exports.default = classes;
-exports.disabled = disabled;
-exports.projectNavigationItem = projectNavigationItem;
-exports.projectNavigationItemDisabled = projectNavigationItemDisabled;
-exports.tag = tag;
-exports.withNavLinkStyle = withNavLinkStyle;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const plan = require("./harmony9.cjs");
+const withJwtCheck = (checkFn) => (jwtPayload) => !!jwtPayload && checkFn(jwtPayload);
+const canAccessReporting = withJwtCheck(
+  (jwt) => ["admin", "owner"].includes(jwt.userTeamRole)
+);
+const canAccessTeamSettings = withJwtCheck(
+  (jwt) => ["admin", "biller", "owner"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated
+);
+const canCreateTeam = withJwtCheck(
+  (jwt) => ["admin", "owner"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated && !jwt.isEndOfTrialActive
+);
+const canUpgradePlan = withJwtCheck(
+  (jwt) => ["admin", "owner", "biller"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated && (plan.isFreePlan(jwt.planId) || plan.isTrialPlan(jwt.planId))
+);
+const canChangeBilling = withJwtCheck(
+  (jwt) => ["admin", "owner", "biller"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated && !jwt.isTeamSuspended && !jwt.isEndOfTrialActive
+);
+const canAccessProviderDashboard = withJwtCheck(
+  (jwt) => jwt.isProviderAlpha && !jwt.isTeamSuspended && jwt.isFullyAuthenticated
+);
+const canAccessProfileSettings = withJwtCheck(
+  (jwt) => !jwt.isEndOfTrialActive && !jwt.isTeamSuspended
+);
+exports.canAccessProfileSettings = canAccessProfileSettings;
+exports.canAccessProviderDashboard = canAccessProviderDashboard;
+exports.canAccessReporting = canAccessReporting;
+exports.canAccessTeamSettings = canAccessTeamSettings;
+exports.canChangeBilling = canChangeBilling;
+exports.canCreateTeam = canCreateTeam;
+exports.canUpgradePlan = canUpgradePlan;
 //# sourceMappingURL=harmony99.cjs.map

package/dist/harmony99.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony99.cjs","sources":["../src/utils/user/permissions.ts"],"sourcesContent":["import type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { isFreePlan, isTrialPlan } from '@utils'\n\ntype JwtCheckFn = (jwt: JwtTokenPayload) => boolean\n\nconst withJwtCheck =\n\t(checkFn: JwtCheckFn) =>\n\t(jwtPayload: JwtTokenPayload | null | undefined): boolean =>\n\t\t!!jwtPayload && checkFn(jwtPayload)\n\nexport const canAccessStyleGuide = withJwtCheck((jwt) =>\n\t['admin', 'biller', 'owner'].includes(jwt.userTeamRole),\n)\n\nexport const canAccessReporting = withJwtCheck((jwt) =>\n\t['admin', 'owner'].includes(jwt.userTeamRole),\n)\n\nexport const canAccessTeamSettings = withJwtCheck(\n\t(jwt) => ['admin', 'biller', 'owner'].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated,\n)\n\nexport const canCreateTeam = withJwtCheck(\n\t(jwt) =>\n\t\t['admin', 'owner'].includes(jwt.userTeamRole) &&\n\t\tjwt.isFullyAuthenticated &&\n\t\t!jwt.isEndOfTrialActive,\n)\n\nexport const canUpgradePlan = withJwtCheck(\n\t(jwt) =>\n\t\t['admin', 'owner', 'biller'].includes(jwt.userTeamRole) &&\n\t\tjwt.isFullyAuthenticated &&\n\t\t(isFreePlan(jwt.planId) || isTrialPlan(jwt.planId)),\n)\n\nexport const canChangeBilling = withJwtCheck(\n\t(jwt) =>\n\t\t['admin', 'owner', 'biller'].includes(jwt.userTeamRole) &&\n\t\tjwt.isFullyAuthenticated &&\n\t\t!jwt.isTeamSuspended &&\n\t\t!jwt.isEndOfTrialActive,\n)\n\nexport const canAccessProviderDashboard = withJwtCheck(\n\t(jwt) => jwt.isProviderAlpha && !jwt.isTeamSuspended && jwt.isFullyAuthenticated,\n)\n\nexport const canAccessProfileSettings = withJwtCheck(\n\t(jwt) => !jwt.isEndOfTrialActive && !jwt.isTeamSuspended,\n)\n"],"names":["isFreePlan","isTrialPlan"],"mappings":";;;AAKA,MAAM,eACL,CAAC,YACD,CAAC,eACA,CAAC,CAAC,cAAc,QAAQ,UAAU;AAM7B,MAAM,qBAAqB;AAAA,EAAa,CAAC,QAC/C,CAAC,SAAS,OAAO,EAAE,SAAS,IAAI,YAAY;AAC7C;AAEO,MAAM,wBAAwB;AAAA,EACpC,CAAC,QAAQ,CAAC,SAAS,UAAU,OAAO,EAAE,SAAS,IAAI,YAAY,KAAK,IAAI;AACzE;AAEO,MAAM,gBAAgB;AAAA,EAC5B,CAAC,QACA,CAAC,SAAS,OAAO,EAAE,SAAS,IAAI,YAAY,KAC5C,IAAI,wBACJ,CAAC,IAAI;AACP;AAEO,MAAM,iBAAiB;AAAA,EAC7B,CAAC,QACA,CAAC,SAAS,SAAS,QAAQ,EAAE,SAAS,IAAI,YAAY,KACtD,IAAI,yBACHA,KAAAA,WAAW,IAAI,MAAM,KAAKC,KAAA,YAAY,IAAI,MAAM;AACnD;AAEO,MAAM,mBAAmB;AAAA,EAC/B,CAAC,QACA,CAAC,SAAS,SAAS,QAAQ,EAAE,SAAS,IAAI,YAAY,KACtD,IAAI,wBACJ,CAAC,IAAI,mBACL,CAAC,IAAI;AACP;AAEO,MAAM,6BAA6B;AAAA,EACzC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,IAAI,mBAAmB,IAAI;AAC7D;AAEO,MAAM,2BAA2B;AAAA,EACvC,CAAC,QAAQ,CAAC,IAAI,sBAAsB,CAAC,IAAI;AAC1C;;;;;;;;"}

package/dist/harmony99.mjs

@@ -1,24 +1,33 @@
-const badge = "_badge_1pc1v_1";
-const tag = "_tag_1pc1v_15";
-const withNavLinkStyle = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21";
-const disabled = "_disabled_1pc1v_57";
-const projectNavigationItem = "_projectNavigationItem_1pc1v_61";
-const projectNavigationItemDisabled = "_projectNavigationItemDisabled_1pc1v_67";
-const classes = {
-  badge,
-  tag,
-  withNavLinkStyle,
-  disabled,
-  projectNavigationItem,
-  projectNavigationItemDisabled
-};
+import { isFreePlan, isTrialPlan } from "./harmony9.mjs";
+const withJwtCheck = (checkFn) => (jwtPayload) => !!jwtPayload && checkFn(jwtPayload);
+const canAccessReporting = withJwtCheck(
+  (jwt) => ["admin", "owner"].includes(jwt.userTeamRole)
+);
+const canAccessTeamSettings = withJwtCheck(
+  (jwt) => ["admin", "biller", "owner"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated
+);
+const canCreateTeam = withJwtCheck(
+  (jwt) => ["admin", "owner"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated && !jwt.isEndOfTrialActive
+);
+const canUpgradePlan = withJwtCheck(
+  (jwt) => ["admin", "owner", "biller"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated && (isFreePlan(jwt.planId) || isTrialPlan(jwt.planId))
+);
+const canChangeBilling = withJwtCheck(
+  (jwt) => ["admin", "owner", "biller"].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated && !jwt.isTeamSuspended && !jwt.isEndOfTrialActive
+);
+const canAccessProviderDashboard = withJwtCheck(
+  (jwt) => jwt.isProviderAlpha && !jwt.isTeamSuspended && jwt.isFullyAuthenticated
+);
+const canAccessProfileSettings = withJwtCheck(
+  (jwt) => !jwt.isEndOfTrialActive && !jwt.isTeamSuspended
+);
 export {
-  badge,
-  classes as default,
-  disabled,
-  projectNavigationItem,
-  projectNavigationItemDisabled,
-  tag,
-  withNavLinkStyle
+  canAccessProfileSettings,
+  canAccessProviderDashboard,
+  canAccessReporting,
+  canAccessTeamSettings,
+  canChangeBilling,
+  canCreateTeam,
+  canUpgradePlan
 };
 //# sourceMappingURL=harmony99.mjs.map

package/dist/harmony99.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony99.mjs","sources":["../src/utils/user/permissions.ts"],"sourcesContent":["import type { JwtTokenPayload } from '@features/auth/core/types/jwtTokenPayload'\nimport { isFreePlan, isTrialPlan } from '@utils'\n\ntype JwtCheckFn = (jwt: JwtTokenPayload) => boolean\n\nconst withJwtCheck =\n\t(checkFn: JwtCheckFn) =>\n\t(jwtPayload: JwtTokenPayload | null | undefined): boolean =>\n\t\t!!jwtPayload && checkFn(jwtPayload)\n\nexport const canAccessStyleGuide = withJwtCheck((jwt) =>\n\t['admin', 'biller', 'owner'].includes(jwt.userTeamRole),\n)\n\nexport const canAccessReporting = withJwtCheck((jwt) =>\n\t['admin', 'owner'].includes(jwt.userTeamRole),\n)\n\nexport const canAccessTeamSettings = withJwtCheck(\n\t(jwt) => ['admin', 'biller', 'owner'].includes(jwt.userTeamRole) && jwt.isFullyAuthenticated,\n)\n\nexport const canCreateTeam = withJwtCheck(\n\t(jwt) =>\n\t\t['admin', 'owner'].includes(jwt.userTeamRole) &&\n\t\tjwt.isFullyAuthenticated &&\n\t\t!jwt.isEndOfTrialActive,\n)\n\nexport const canUpgradePlan = withJwtCheck(\n\t(jwt) =>\n\t\t['admin', 'owner', 'biller'].includes(jwt.userTeamRole) &&\n\t\tjwt.isFullyAuthenticated &&\n\t\t(isFreePlan(jwt.planId) || isTrialPlan(jwt.planId)),\n)\n\nexport const canChangeBilling = withJwtCheck(\n\t(jwt) =>\n\t\t['admin', 'owner', 'biller'].includes(jwt.userTeamRole) &&\n\t\tjwt.isFullyAuthenticated &&\n\t\t!jwt.isTeamSuspended &&\n\t\t!jwt.isEndOfTrialActive,\n)\n\nexport const canAccessProviderDashboard = withJwtCheck(\n\t(jwt) => jwt.isProviderAlpha && !jwt.isTeamSuspended && jwt.isFullyAuthenticated,\n)\n\nexport const canAccessProfileSettings = withJwtCheck(\n\t(jwt) => !jwt.isEndOfTrialActive && !jwt.isTeamSuspended,\n)\n"],"names":[],"mappings":";AAKA,MAAM,eACL,CAAC,YACD,CAAC,eACA,CAAC,CAAC,cAAc,QAAQ,UAAU;AAM7B,MAAM,qBAAqB;AAAA,EAAa,CAAC,QAC/C,CAAC,SAAS,OAAO,EAAE,SAAS,IAAI,YAAY;AAC7C;AAEO,MAAM,wBAAwB;AAAA,EACpC,CAAC,QAAQ,CAAC,SAAS,UAAU,OAAO,EAAE,SAAS,IAAI,YAAY,KAAK,IAAI;AACzE;AAEO,MAAM,gBAAgB;AAAA,EAC5B,CAAC,QACA,CAAC,SAAS,OAAO,EAAE,SAAS,IAAI,YAAY,KAC5C,IAAI,wBACJ,CAAC,IAAI;AACP;AAEO,MAAM,iBAAiB;AAAA,EAC7B,CAAC,QACA,CAAC,SAAS,SAAS,QAAQ,EAAE,SAAS,IAAI,YAAY,KACtD,IAAI,yBACH,WAAW,IAAI,MAAM,KAAK,YAAY,IAAI,MAAM;AACnD;AAEO,MAAM,mBAAmB;AAAA,EAC/B,CAAC,QACA,CAAC,SAAS,SAAS,QAAQ,EAAE,SAAS,IAAI,YAAY,KACtD,IAAI,wBACJ,CAAC,IAAI,mBACL,CAAC,IAAI;AACP;AAEO,MAAM,6BAA6B;AAAA,EACzC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,IAAI,mBAAmB,IAAI;AAC7D;AAEO,MAAM,2BAA2B;AAAA,EACvC,CAAC,QAAQ,CAAC,IAAI,sBAAsB,CAAC,IAAI;AAC1C;"}

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

@@ -1,53 +1,19 @@
-import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
+import { HTMLProps } from 'react';
+import { SidebarContentProps } from './SidebarContent/SidebarContent';
+import { SidebarConfig } from './types';
 type SidebarProps = HTMLProps<HTMLElement> & {
-    children: ReactNode;
+    config: SidebarConfig;
+    children?: SidebarContentProps['children'];
 };
 /**
- * Sidebar is a self-contained component using widgets
+ * The main Sidebar component. Wraps children with SidebarProvider and renders SidebarContent.
+ *
+ * @example
+ * ```
+ * <Sidebar config={sidebarConfig}>
+ *   <YourAppContent />
+ * </Sidebar>
+ * ```
  */
-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 };
+export declare const Sidebar: ({ config, children, ...navProps }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { SidebarWidgetsConfig, SidebarContextProps } from '../types';
+import { HTMLProps, ReactNode } from 'react';
+export type SidebarContentProps = HTMLProps<HTMLElement> & {
+    widgetsConfig: SidebarWidgetsConfig;
+    children?: ((props: SidebarContextProps) => ReactNode) | ReactNode;
+};
+export declare const SidebarContent: ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -11,6 +11,11 @@ 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/HelpMenu/HelpMenu.d.ts

@@ -0,0 +1,13 @@
+import { HelpMenuConfig } from '../../types';
+/**
+ * Help menu component that provides links to tutorials, documentation, support, and more.
+ *
+ * @example
+ * ```
+ * <HelpMenu
+ *   contactSupport={{ onClick: handleContactSupport }}
+ *   keyboardShortcuts={{ onClick: handleShowShortcuts, label: '⌘K' }}
+ * />
+ * ```
+ */
+export declare const HelpMenu: ({ contactSupport, keyboardShortcuts }: HelpMenuConfig) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/HelpMenu/HelpMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/IconLink/IconLink.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,8 +1,9 @@
 import { SvgIconProps } from '@lokalise/louis';
-import { FC, PropsWithChildren } from 'react';
+import { ButtonHTMLAttributes, 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.
@@ -20,5 +21,5 @@ type MenuProps = PropsWithChildren<{
  * </Menu>
  * ```
  */
-export declare const Menu: ({ children, icon: Icon }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, icon: Icon, buttonProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+/**
+ * A menu item component for navigating to the billing section.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <BillingMenuItem />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const BillingMenuItem: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,17 @@
+type CreateNewTeamProps = {
+    onCreateTeam: () => void;
+};
+/**
+ * A menu item component for creating a new team.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <CreateNewTeam onCreateTeam={handleCreateTeam} />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const CreateNewTeam: ({ onCreateTeam }: CreateNewTeamProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,17 @@
+type CreateNewTeamPlaceholderProps = {
+    onClick: () => void;
+};
+/**
+ * A placeholder menu item for creating a new team.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <CreateNewTeamPlaceholder onClick={handleCreateTeam} />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const CreateNewTeamPlaceholder: ({ onClick }: CreateNewTeamPlaceholderProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+type DarkModeToggleProps = {
+    onToggle: () => void;
+    isDarkMode: boolean;
+};
+/**
+ * A menu item component for toggling dark mode.
+ * Displays a switch and label, and calls the provided onToggle handler when clicked.
+ *
+ * @example
+ * ```
+ * <DarkModeToggle
+ *   isDarkMode={isDarkMode}
+ *   onToggle={handleToggleDarkMode}
+ * />
+ * ```
+ */
+export declare const DarkModeToggle: ({ onToggle, isDarkMode }: DarkModeToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,30 +1,17 @@
-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'];
-};
+import { ProfileMenuConfig } from '../../types';
 /**
- * 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.
+ * The main profile menu component, displaying team and user actions.
+ * Renders optional menu items based on the provided config and user permissions.
  *
  * @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.
  */
-export declare const ProfileMenu: ({ config, children }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
+type ProfileMenuProps = {
+    config: ProfileMenuConfig;
+};
+export declare const ProfileMenu: ({ config }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,42 +1,17 @@
-type ProfileSettingsMenuItemProps = {
-    /** URL to the profile settings page */
-    href: string;
-    /** User's email address to display below "Profile Settings" */
-    userEmail: string;
-    /** Optional callback function for tracking or additional actions */
-    onClick?: () => void;
-    /** Whether to hide the divider that appears below this menu item */
-    hideBottomDivider?: boolean;
-};
 /**
- * A menu item component that provides access to profile settings.
- *
- * Features:
- * - Displays "Profile Settings" with the user's email address below
- * - Conditionally renders based on team status
- * - Includes an optional divider below the item
- * - Will not render if:
- *   - Team is suspended
- *   - Team's trial period has ended
+ * A menu item component for navigating to the profile settings page.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
  *
  * @example
- * ```tsx
- * <ProfileSettingsMenuItem
- *   href="/settings/profile"
- *   userEmail="user@example.com"
- *   onClick={() => trackSettingsClick()}
- * />
- *
- * // Without bottom divider
- * <ProfileSettingsMenuItem
- *   href="/settings/profile"
- *   userEmail="user@example.com"
- *   hideBottomDivider
- * />
+ * ```
+ * <ProfileSettingsMenuItem onClick={() => {  }} />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context for team status information.
+ * @note This component must be used within a Sidebar Context.
  */
-export declare const ProfileSettingsMenuItem: ({ href, onClick, userEmail, hideBottomDivider, }: ProfileSettingsMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+type ProfileSettingsMenuItem = {
+    onClick?: () => void;
+};
+export declare const ProfileSettingsMenuItem: ({ onClick }: ProfileSettingsMenuItem) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,13 @@
+/**
+ * A menu item component for navigating to the provider dashboard.
+ * It checks the current user's permissions using the Sidebar context
+ * and renders nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <ProviderMenuItem />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const ProviderMenuItem: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+export {};

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

@@ -28,9 +28,7 @@ type TeamMenuItemProps = {
  * />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context for current team
- * and plan information.
+ * @note This component must be used within a Sidebar Context.
  */
 export declare const TeamMenuItem: ({ team, onClick, hidePlanLabel }: TeamMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,13 @@
+/**
+ * A menu item component for navigating to the team settings page.
+ * It checks the current user's permissions using the Sidebar context
+ * and renders nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <TeamSettingsMenuItem />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const TeamSettingsMenuItem: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,14 +1,10 @@
 import { SidebarTeam } from '../../../types';
-type TeamSwitchProps = {
-    /** Callback function triggered when a user selects a different team */
-    onSwitchTeam: (team: SidebarTeam) => void;
-};
 /**
  * A component that displays a list of available teams for switching.
  * It automatically excludes the current team from the list and renders
  * nothing if there are no other teams available.
  *
- * Uses the ProfileMenu context to access the list of other teams and
+ * Uses the Sidebar context to access the list of other teams and
  * renders each team as a TeamMenuItem with click functionality.
  *
  * @example
@@ -21,8 +17,10 @@ type TeamSwitchProps = {
  * />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context.
+ * @note This component must be used within a Sidebar Context
  */
+type TeamSwitchProps = {
+    onSwitchTeam: (team: SidebarTeam) => void;
+};
 export declare const TeamSwitch: ({ onSwitchTeam }: TeamSwitchProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1 @@
+export {};