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

package/dist/harmony97.cjs

@@ -1,8 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const ProfileMenuContext = React.createContext({});
-const useProfileMenu = () => React.useContext(ProfileMenuContext);
-exports.ProfileMenuContext = ProfileMenuContext;
-exports.useProfileMenu = useProfileMenu;
+const jsxRuntime = require("react/jsx-runtime");
+const useSidebar = require("./harmony84.cjs");
+const louis = require("@lokalise/louis");
+const permissions = require("./harmony85.cjs");
+const BillingMenuItem = () => {
+  const {
+    data: { jwt }
+  } = useSidebar.useSidebar();
+  if (!permissions.canChangeBilling(jwt.result)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { href: "/team#billing", children: "Billing" });
+};
+exports.BillingMenuItem = BillingMenuItem;
 //# sourceMappingURL=harmony97.cjs.map

package/dist/harmony97.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony97.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarProfileMenuContextProps } from './types'\n\nexport const ProfileMenuContext = createContext({} as SidebarProfileMenuContextProps)\n\nexport const useProfileMenu = () => useContext(ProfileMenuContext)\n"],"names":["createContext","useContext"],"mappings":";;;AAGa,MAAA,qBAAqBA,MAAc,cAAA,CAAoC,CAAA;AAEvE,MAAA,iBAAiB,MAAMC,MAAAA,WAAW,kBAAkB;;;"}
+{"version":3,"file":"harmony97.cjs","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":["useSidebar","canChangeBilling","jsx","MenuItem"],"mappings":";;;;;;AAiBO,MAAM,kBAAkB,MAAM;AAC9B,QAAA;AAAA,IACL,MAAM,EAAE,IAAI;AAAA,MACTA,sBAAW;AAEf,MAAI,CAACC,YAAA,iBAAiB,IAAI,MAAM,GAAG;AAC3B,WAAA;AAAA,EAAA;AAGR,SAAQC,2BAAAA,IAAAC,MAAAA,UAAA,EAAS,MAAK,iBAAgB,UAAO,WAAA;AAC9C;;"}

package/dist/harmony97.mjs

@@ -1,8 +1,17 @@
-import { useContext, createContext } from "react";
-const ProfileMenuContext = createContext({});
-const useProfileMenu = () => useContext(ProfileMenuContext);
+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" });
+};
 export {
-  ProfileMenuContext,
-  useProfileMenu
+  BillingMenuItem
 };
 //# sourceMappingURL=harmony97.mjs.map

package/dist/harmony97.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony97.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { SidebarProfileMenuContextProps } from './types'\n\nexport const ProfileMenuContext = createContext({} as SidebarProfileMenuContextProps)\n\nexport const useProfileMenu = () => useContext(ProfileMenuContext)\n"],"names":[],"mappings":";AAGa,MAAA,qBAAqB,cAAc,CAAoC,CAAA;AAEvE,MAAA,iBAAiB,MAAM,WAAW,kBAAkB;"}
+{"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;"}

package/dist/harmony98.cjs

@@ -1,12 +1,20 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "_container_q5pot_1";
-const profileEmail = "_profileEmail_q5pot_5";
-const styles = {
-  container,
-  profileEmail
+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 {
+    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, {})
+  ] });
 };
-exports.container = container;
-exports.default = styles;
-exports.profileEmail = profileEmail;
+exports.CreateNewTeam = CreateNewTeam;
 //# sourceMappingURL=harmony98.cjs.map

package/dist/harmony98.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony98.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"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;;"}

package/dist/harmony98.mjs

@@ -1,12 +1,20 @@
-const container = "_container_q5pot_1";
-const profileEmail = "_profileEmail_q5pot_5";
-const styles = {
-  container,
-  profileEmail
+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 }) => {
+  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, {})
+  ] });
 };
 export {
-  container,
-  styles as default,
-  profileEmail
+  CreateNewTeam
 };
 //# sourceMappingURL=harmony98.mjs.map

package/dist/harmony98.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony98.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"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;"}

package/dist/harmony99.cjs

@@ -1,27 +1,24 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1in7x_5";
-const profileImage = "_profileImage_1in7x_11";
-const teamDetails = "_teamDetails_1in7x_19";
-const planWrapper = "_planWrapper_1in7x_28";
-const teamName = "_teamName_1in7x_36";
-const membership = "_membership_1in7x_53";
-const defaultProfileImage = "_defaultProfileImage_1in7x_59";
-const styles = {
-  wrapper,
-  profileImage,
-  teamDetails,
-  planWrapper,
-  teamName,
-  membership,
-  defaultProfileImage
+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, {})
+  ] });
 };
-exports.default = styles;
-exports.defaultProfileImage = defaultProfileImage;
-exports.membership = membership;
-exports.planWrapper = planWrapper;
-exports.profileImage = profileImage;
-exports.teamDetails = teamDetails;
-exports.teamName = teamName;
-exports.wrapper = wrapper;
+exports.CreateNewTeamPlaceholder = CreateNewTeamPlaceholder;
 //# 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/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;;"}

package/dist/harmony99.mjs

@@ -1,27 +1,24 @@
-const wrapper = "_wrapper_1in7x_5";
-const profileImage = "_profileImage_1in7x_11";
-const teamDetails = "_teamDetails_1in7x_19";
-const planWrapper = "_planWrapper_1in7x_28";
-const teamName = "_teamName_1in7x_36";
-const membership = "_membership_1in7x_53";
-const defaultProfileImage = "_defaultProfileImage_1in7x_59";
-const styles = {
-  wrapper,
-  profileImage,
-  teamDetails,
-  planWrapper,
-  teamName,
-  membership,
-  defaultProfileImage
+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, {})
+  ] });
 };
 export {
-  styles as default,
-  defaultProfileImage,
-  membership,
-  planWrapper,
-  profileImage,
-  teamDetails,
-  teamName,
-  wrapper
+  CreateNewTeamPlaceholder
 };
 //# 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/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;"}

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 {};