@lokalise/harmony 1.32.1 → 1.33.0-exp-louis-27.0.0.1

package/dist/harmony89.mjs

@@ -1,12 +1,8 @@
-const link = "_link_18vhx_1";
-const active = "_active_18vhx_18";
-const styles = {
-  link,
-  active
-};
+import { useContext, createContext } from "react";
+const ProfileMenuContext = createContext({});
+const useProfileMenu = () => useContext(ProfileMenuContext);
 export {
-  active,
-  styles as default,
-  link
+  ProfileMenuContext,
+  useProfileMenu
 };
 //# sourceMappingURL=harmony89.mjs.map

package/dist/harmony89.mjs.map

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

package/dist/harmony90.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const dropdownButton = "_dropdownButton_1naek_1";
-const dropdownButtonActive = "_dropdownButtonActive_1naek_19";
+const container = "_container_q5pot_1";
+const profileEmail = "_profileEmail_q5pot_5";
 const styles = {
-  dropdownButton,
-  dropdownButtonActive
+  container,
+  profileEmail
 };
+exports.container = container;
 exports.default = styles;
-exports.dropdownButton = dropdownButton;
-exports.dropdownButtonActive = dropdownButtonActive;
+exports.profileEmail = profileEmail;
 //# sourceMappingURL=harmony90.cjs.map

package/dist/harmony90.mjs

@@ -1,12 +1,12 @@
-const dropdownButton = "_dropdownButton_1naek_1";
-const dropdownButtonActive = "_dropdownButtonActive_1naek_19";
+const container = "_container_q5pot_1";
+const profileEmail = "_profileEmail_q5pot_5";
 const styles = {
-  dropdownButton,
-  dropdownButtonActive
+  container,
+  profileEmail
 };
 export {
+  container,
   styles as default,
-  dropdownButton,
-  dropdownButtonActive
+  profileEmail
 };
 //# sourceMappingURL=harmony90.mjs.map

package/dist/harmony91.cjs

@@ -1,60 +1,27 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const clsx = require("./harmony66.cjs");
-const UpgradeIcon = require("./harmony97.cjs");
-const ProfileMenuContent_module = require("./harmony102.cjs");
-const ProfileMenuContext = require("./harmony93.cjs");
-const ProfileMenuContent = ({ children }) => {
-  const {
-    currentTeam,
-    otherTeams,
-    showUpgradeCta,
-    showBillingButton,
-    allowTeamCreation,
-    isProviderAlpha,
-    canAccessTeamSettings,
-    isEndOfTrialActive,
-    isTeamSuspended,
-    isFullyAuthenticated
-  } = ProfileMenuContext.useProfileMenu();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    louis.Menu,
-    {
-      menuButton: () => /* @__PURE__ */ jsxRuntime.jsxs("button", { className: ProfileMenuContent_module.default.profileButton, "aria-label": "Profile menu", type: "button", children: [
-        (currentTeam == null ? void 0 : currentTeam.logoUrl) ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: currentTeam.logoUrl,
-            className: clsx.clsx(ProfileMenuContent_module.default.profileImage, {
-              [ProfileMenuContent_module.default.profileImageHighlight]: showUpgradeCta
-            }),
-            alt: "Team Logo"
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: clsx.clsx(ProfileMenuContent_module.default.userIconWrapper, "flex-row", "align-center", "items-center", {
-              [ProfileMenuContent_module.default.profileImageHighlight]: showUpgradeCta
-            }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(louis.UserIcon, { size: "25px" })
-          }
-        ),
-        showUpgradeCta && /* @__PURE__ */ jsxRuntime.jsx(UpgradeIcon.UpgradeIcon, { className: ProfileMenuContent_module.default.profileImageUpgradeIcon })
-      ] }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(louis.MenuList, { placement: "right-end", className: ProfileMenuContent_module.default.menuContainer, children: children({
-        allowTeamCreation,
-        otherTeams,
-        canAccessTeamSettings,
-        isEndOfTrialActive,
-        isTeamSuspended,
-        showBillingButton,
-        isProviderAlpha,
-        isFullyAuthenticated
-      }) })
-    }
-  );
+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
 };
-exports.ProfileMenuContent = ProfileMenuContent;
+exports.default = styles;
+exports.defaultProfileImage = defaultProfileImage;
+exports.membership = membership;
+exports.planWrapper = planWrapper;
+exports.profileImage = profileImage;
+exports.teamDetails = teamDetails;
+exports.teamName = teamName;
+exports.wrapper = wrapper;
 //# sourceMappingURL=harmony91.cjs.map

package/dist/harmony91.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony91.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.tsx"],"sourcesContent":["import { Menu, MenuList, UserIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { ReactNode } from 'react'\nimport { UpgradeIcon } from '../../UpgradeIcon/UpgradeIcon'\nimport styles from './ProfileMenuContent.module.css'\nimport { useProfileMenu } from './ProfileMenuContext'\nimport type { SidebarProfileMenuRenderProps } from './types'\n\nexport type ProfileMenuContentProps = {\n\tchildren: (props: SidebarProfileMenuRenderProps) => ReactNode\n}\n\nexport const ProfileMenuContent = ({ children }: ProfileMenuContentProps) => {\n\tconst {\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t\tisProviderAlpha,\n\t\tcanAccessTeamSettings,\n\t\tisEndOfTrialActive,\n\t\tisTeamSuspended,\n\t\tisFullyAuthenticated,\n\t} = useProfileMenu()\n\n\treturn (\n\t\t<Menu\n\t\t\tmenuButton={() => (\n\t\t\t\t<button className={styles.profileButton} aria-label=\"Profile menu\" type=\"button\">\n\t\t\t\t\t{currentTeam?.logoUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={currentTeam.logoUrl}\n\t\t\t\t\t\t\tclassName={clsx(styles.profileImage, {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\talt=\"Team Logo\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(styles.userIconWrapper, 'flex-row', 'align-center', 'items-center', {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UserIcon size={'25px'} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showUpgradeCta && <UpgradeIcon className={styles.profileImageUpgradeIcon} />}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-end\" className={styles.menuContainer}>\n\t\t\t\t{children({\n\t\t\t\t\tallowTeamCreation,\n\t\t\t\t\totherTeams,\n\t\t\t\t\tcanAccessTeamSettings,\n\t\t\t\t\tisEndOfTrialActive,\n\t\t\t\t\tisTeamSuspended,\n\t\t\t\t\tshowBillingButton,\n\t\t\t\t\tisProviderAlpha,\n\t\t\t\t\tisFullyAuthenticated,\n\t\t\t\t})}\n\t\t\t</MenuList>\n\t\t</Menu>\n\t)\n}\n"],"names":["useProfileMenu","jsx","Menu","jsxs","styles","clsx","UserIcon","UpgradeIcon","MenuList"],"mappings":";;;;;;;;AAYO,MAAM,qBAAqB,CAAC,EAAE,eAAwC;AACtE,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACGA,kCAAe;AAGlB,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,YAAY,MACXC,2BAAAA,KAAC,UAAO,EAAA,WAAWC,0BAAAA,QAAO,eAAe,cAAW,gBAAe,MAAK,UACtE,UAAA;AAAA,SAAA,2CAAa,WACbH,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAK,YAAY;AAAA,YACjB,WAAWI,KAAAA,KAAKD,0BAAA,QAAO,cAAc;AAAA,cACpC,CAACA,0BAAAA,QAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YACD,KAAI;AAAA,UAAA;AAAA,QAAA,IAGLH,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAWI,KAAK,KAAAD,0BAAA,QAAO,iBAAiB,YAAY,gBAAgB,gBAAgB;AAAA,cACnF,CAACA,0BAAAA,QAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YAED,UAAAH,2BAAAA,IAACK,MAAAA,UAAS,EAAA,MAAM,OAAQ,CAAA;AAAA,UAAA;AAAA,QACzB;AAAA,QAEA,kBAAkBL,2BAAA,IAACM,YAAY,aAAA,EAAA,WAAWH,0BAAAA,QAAO,wBAAyB,CAAA;AAAA,MAAA,GAC5E;AAAA,MAGD,yCAACI,gBAAS,EAAA,WAAU,aAAY,WAAWJ,kCAAO,eAChD,UAAS,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACA,EACF,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}
+{"version":3,"file":"harmony91.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony91.mjs

@@ -1,60 +1,27 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Menu, MenuList, UserIcon } from "@lokalise/louis";
-import { clsx } from "./harmony66.mjs";
-import { UpgradeIcon } from "./harmony97.mjs";
-import styles from "./harmony102.mjs";
-import { useProfileMenu } from "./harmony93.mjs";
-const ProfileMenuContent = ({ children }) => {
-  const {
-    currentTeam,
-    otherTeams,
-    showUpgradeCta,
-    showBillingButton,
-    allowTeamCreation,
-    isProviderAlpha,
-    canAccessTeamSettings,
-    isEndOfTrialActive,
-    isTeamSuspended,
-    isFullyAuthenticated
-  } = useProfileMenu();
-  return /* @__PURE__ */ jsx(
-    Menu,
-    {
-      menuButton: () => /* @__PURE__ */ jsxs("button", { className: styles.profileButton, "aria-label": "Profile menu", type: "button", children: [
-        (currentTeam == null ? void 0 : currentTeam.logoUrl) ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: currentTeam.logoUrl,
-            className: clsx(styles.profileImage, {
-              [styles.profileImageHighlight]: showUpgradeCta
-            }),
-            alt: "Team Logo"
-          }
-        ) : /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(styles.userIconWrapper, "flex-row", "align-center", "items-center", {
-              [styles.profileImageHighlight]: showUpgradeCta
-            }),
-            children: /* @__PURE__ */ jsx(UserIcon, { size: "25px" })
-          }
-        ),
-        showUpgradeCta && /* @__PURE__ */ jsx(UpgradeIcon, { className: styles.profileImageUpgradeIcon })
-      ] }),
-      children: /* @__PURE__ */ jsx(MenuList, { placement: "right-end", className: styles.menuContainer, children: children({
-        allowTeamCreation,
-        otherTeams,
-        canAccessTeamSettings,
-        isEndOfTrialActive,
-        isTeamSuspended,
-        showBillingButton,
-        isProviderAlpha,
-        isFullyAuthenticated
-      }) })
-    }
-  );
+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
 };
 export {
-  ProfileMenuContent
+  styles as default,
+  defaultProfileImage,
+  membership,
+  planWrapper,
+  profileImage,
+  teamDetails,
+  teamName,
+  wrapper
 };
 //# sourceMappingURL=harmony91.mjs.map

package/dist/harmony91.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony91.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.tsx"],"sourcesContent":["import { Menu, MenuList, UserIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport type { ReactNode } from 'react'\nimport { UpgradeIcon } from '../../UpgradeIcon/UpgradeIcon'\nimport styles from './ProfileMenuContent.module.css'\nimport { useProfileMenu } from './ProfileMenuContext'\nimport type { SidebarProfileMenuRenderProps } from './types'\n\nexport type ProfileMenuContentProps = {\n\tchildren: (props: SidebarProfileMenuRenderProps) => ReactNode\n}\n\nexport const ProfileMenuContent = ({ children }: ProfileMenuContentProps) => {\n\tconst {\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t\tisProviderAlpha,\n\t\tcanAccessTeamSettings,\n\t\tisEndOfTrialActive,\n\t\tisTeamSuspended,\n\t\tisFullyAuthenticated,\n\t} = useProfileMenu()\n\n\treturn (\n\t\t<Menu\n\t\t\tmenuButton={() => (\n\t\t\t\t<button className={styles.profileButton} aria-label=\"Profile menu\" type=\"button\">\n\t\t\t\t\t{currentTeam?.logoUrl ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={currentTeam.logoUrl}\n\t\t\t\t\t\t\tclassName={clsx(styles.profileImage, {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\talt=\"Team Logo\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(styles.userIconWrapper, 'flex-row', 'align-center', 'items-center', {\n\t\t\t\t\t\t\t\t[styles.profileImageHighlight]: showUpgradeCta,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<UserIcon size={'25px'} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showUpgradeCta && <UpgradeIcon className={styles.profileImageUpgradeIcon} />}\n\t\t\t\t</button>\n\t\t\t)}\n\t\t>\n\t\t\t<MenuList placement=\"right-end\" className={styles.menuContainer}>\n\t\t\t\t{children({\n\t\t\t\t\tallowTeamCreation,\n\t\t\t\t\totherTeams,\n\t\t\t\t\tcanAccessTeamSettings,\n\t\t\t\t\tisEndOfTrialActive,\n\t\t\t\t\tisTeamSuspended,\n\t\t\t\t\tshowBillingButton,\n\t\t\t\t\tisProviderAlpha,\n\t\t\t\t\tisFullyAuthenticated,\n\t\t\t\t})}\n\t\t\t</MenuList>\n\t\t</Menu>\n\t)\n}\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,qBAAqB,CAAC,EAAE,eAAwC;AACtE,QAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACG,eAAe;AAGlB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,YAAY,MACX,qBAAC,UAAO,EAAA,WAAW,OAAO,eAAe,cAAW,gBAAe,MAAK,UACtE,UAAA;AAAA,SAAA,2CAAa,WACb;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,KAAK,YAAY;AAAA,YACjB,WAAW,KAAK,OAAO,cAAc;AAAA,cACpC,CAAC,OAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YACD,KAAI;AAAA,UAAA;AAAA,QAAA,IAGL;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAW,KAAK,OAAO,iBAAiB,YAAY,gBAAgB,gBAAgB;AAAA,cACnF,CAAC,OAAO,qBAAqB,GAAG;AAAA,YAAA,CAChC;AAAA,YAED,UAAA,oBAAC,UAAS,EAAA,MAAM,OAAQ,CAAA;AAAA,UAAA;AAAA,QACzB;AAAA,QAEA,kBAAkB,oBAAC,aAAY,EAAA,WAAW,OAAO,wBAAyB,CAAA;AAAA,MAAA,GAC5E;AAAA,MAGD,8BAAC,UAAS,EAAA,WAAU,aAAY,WAAW,OAAO,eAChD,UAAS,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACA,EACF,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}
+{"version":3,"file":"harmony91.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/harmony92.cjs

@@ -1,45 +1,9 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const plan = require("./harmony8.cjs");
-const types = require("./harmony103.cjs");
-const ProfileMenuContext = require("./harmony93.cjs");
-const billingRoles = [
-  types.SidebarTeamRoles.biller,
-  types.SidebarTeamRoles.owner,
-  types.SidebarTeamRoles.admin
-];
-const teamSettingsRoles = [
-  types.SidebarTeamRoles.biller,
-  types.SidebarTeamRoles.owner,
-  types.SidebarTeamRoles.admin
-];
-const upgradeCtaRoles = [
-  types.SidebarTeamRoles.biller,
-  types.SidebarTeamRoles.owner
-];
-const ProfileMenuProvider = ({ children, config }) => {
-  const { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } = config;
-  const currentTeam = teams.find((t) => t.id === currentTeamId);
-  const otherTeams = teams.filter((t) => t.id !== currentTeamId);
-  const canChangeBilling = billingRoles.includes(userTeamRole);
-  const canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole);
-  const isOnFreeOrTrialPlan = plan.isFreePlan(planId) || plan.isTrialPlan(planId);
-  const showUpgradeCta = isFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole);
-  const showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling;
-  const allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive;
-  const providerValue = {
-    ...config,
-    currentTeam,
-    otherTeams,
-    canChangeBilling,
-    canAccessTeamSettings,
-    isOnFreeOrTrialPlan,
-    showUpgradeCta,
-    showBillingButton,
-    allowTeamCreation
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(ProfileMenuContext.ProfileMenuContext.Provider, { value: providerValue, children });
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const teamsContainer = "_teamsContainer_1ncrr_5";
+const styles = {
+  teamsContainer
 };
-exports.ProfileMenuProvider = ProfileMenuProvider;
+exports.default = styles;
+exports.teamsContainer = teamsContainer;
 //# sourceMappingURL=harmony92.cjs.map

package/dist/harmony92.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony92.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.tsx"],"sourcesContent":["import { isFreePlan, isTrialPlan } from '@utils'\nimport type { PropsWithChildren } from 'react'\nimport { type SidebarTeamRole, SidebarTeamRoles } from '../../types'\nimport { ProfileMenuContext } from './ProfileMenuContext'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProviderProps = PropsWithChildren<{\n\tconfig: SidebarProfileMenuConfig\n}>\n\nconst billingRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst teamSettingsRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst upgradeCtaRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n]\n\nexport const ProfileMenuProvider = ({ children, config }: ProfileMenuProviderProps) => {\n\tconst { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } =\n\t\tconfig\n\n\tconst currentTeam = teams.find((t) => t.id === currentTeamId)\n\n\tconst otherTeams = teams.filter((t) => t.id !== currentTeamId)\n\n\tconst canChangeBilling = billingRoles.includes(userTeamRole)\n\n\tconst canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole)\n\n\tconst isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId)\n\n\tconst showUpgradeCta =\n\t\tisFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole)\n\n\tconst showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling\n\n\tconst allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive\n\n\tconst providerValue = {\n\t\t...config,\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tcanChangeBilling,\n\t\tcanAccessTeamSettings,\n\t\tisOnFreeOrTrialPlan,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t}\n\n\treturn <ProfileMenuContext.Provider value={providerValue}>{children}</ProfileMenuContext.Provider>\n}\n"],"names":["SidebarTeamRoles","isFreePlan","isTrialPlan","ProfileMenuContext"],"mappings":";;;;;;AAUA,MAAM,eAA+C;AAAA,EACpDA,MAAAA,iBAAiB;AAAA,EACjBA,MAAAA,iBAAiB;AAAA,EACjBA,uBAAiB;AAClB;AAEA,MAAM,oBAAoD;AAAA,EACzDA,MAAAA,iBAAiB;AAAA,EACjBA,MAAAA,iBAAiB;AAAA,EACjBA,uBAAiB;AAClB;AAEA,MAAM,kBAAkD;AAAA,EACvDA,MAAAA,iBAAiB;AAAA,EACjBA,uBAAiB;AAClB;AAEO,MAAM,sBAAsB,CAAC,EAAE,UAAU,aAAuC;AACtF,QAAM,EAAE,OAAO,eAAe,QAAQ,oBAAoB,sBAAsB,iBAC/E;AAED,QAAM,cAAc,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;AAE5D,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,aAAa;AAEvD,QAAA,mBAAmB,aAAa,SAAS,YAAY;AAErD,QAAA,wBAAwB,kBAAkB,SAAS,YAAY;AAErE,QAAM,sBAAsBC,KAAA,WAAW,MAAM,KAAKC,KAAAA,YAAY,MAAM;AAEpE,QAAM,iBACL,wBAAwB,uBAAuB,gBAAgB,SAAS,YAAY;AAE/E,QAAA,oBAAoB,wBAAwB,yBAAyB;AAErE,QAAA,oBAAoB,wBAAwB,CAAC;AAEnD,QAAM,gBAAgB;AAAA,IACrB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,wCAAQC,mBAAAA,mBAAmB,UAAnB,EAA4B,OAAO,eAAgB,UAAS;AACrE;;"}
+{"version":3,"file":"harmony92.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/harmony92.mjs

@@ -1,45 +1,9 @@
-import { jsx } from "react/jsx-runtime";
-import { isFreePlan, isTrialPlan } from "./harmony8.mjs";
-import { SidebarTeamRoles } from "./harmony103.mjs";
-import { ProfileMenuContext } from "./harmony93.mjs";
-const billingRoles = [
-  SidebarTeamRoles.biller,
-  SidebarTeamRoles.owner,
-  SidebarTeamRoles.admin
-];
-const teamSettingsRoles = [
-  SidebarTeamRoles.biller,
-  SidebarTeamRoles.owner,
-  SidebarTeamRoles.admin
-];
-const upgradeCtaRoles = [
-  SidebarTeamRoles.biller,
-  SidebarTeamRoles.owner
-];
-const ProfileMenuProvider = ({ children, config }) => {
-  const { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } = config;
-  const currentTeam = teams.find((t) => t.id === currentTeamId);
-  const otherTeams = teams.filter((t) => t.id !== currentTeamId);
-  const canChangeBilling = billingRoles.includes(userTeamRole);
-  const canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole);
-  const isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId);
-  const showUpgradeCta = isFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole);
-  const showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling;
-  const allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive;
-  const providerValue = {
-    ...config,
-    currentTeam,
-    otherTeams,
-    canChangeBilling,
-    canAccessTeamSettings,
-    isOnFreeOrTrialPlan,
-    showUpgradeCta,
-    showBillingButton,
-    allowTeamCreation
-  };
-  return /* @__PURE__ */ jsx(ProfileMenuContext.Provider, { value: providerValue, children });
+const teamsContainer = "_teamsContainer_1ncrr_5";
+const styles = {
+  teamsContainer
 };
 export {
-  ProfileMenuProvider
+  styles as default,
+  teamsContainer
 };
 //# sourceMappingURL=harmony92.mjs.map

package/dist/harmony92.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony92.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.tsx"],"sourcesContent":["import { isFreePlan, isTrialPlan } from '@utils'\nimport type { PropsWithChildren } from 'react'\nimport { type SidebarTeamRole, SidebarTeamRoles } from '../../types'\nimport { ProfileMenuContext } from './ProfileMenuContext'\nimport type { SidebarProfileMenuConfig } from './types'\n\ntype ProfileMenuProviderProps = PropsWithChildren<{\n\tconfig: SidebarProfileMenuConfig\n}>\n\nconst billingRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst teamSettingsRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n\tSidebarTeamRoles.admin,\n]\n\nconst upgradeCtaRoles: ReadonlyArray<SidebarTeamRole> = [\n\tSidebarTeamRoles.biller,\n\tSidebarTeamRoles.owner,\n]\n\nexport const ProfileMenuProvider = ({ children, config }: ProfileMenuProviderProps) => {\n\tconst { teams, currentTeamId, planId, isEndOfTrialActive, isFullyAuthenticated, userTeamRole } =\n\t\tconfig\n\n\tconst currentTeam = teams.find((t) => t.id === currentTeamId)\n\n\tconst otherTeams = teams.filter((t) => t.id !== currentTeamId)\n\n\tconst canChangeBilling = billingRoles.includes(userTeamRole)\n\n\tconst canAccessTeamSettings = teamSettingsRoles.includes(userTeamRole)\n\n\tconst isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId)\n\n\tconst showUpgradeCta =\n\t\tisFullyAuthenticated && isOnFreeOrTrialPlan && upgradeCtaRoles.includes(userTeamRole)\n\n\tconst showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling\n\n\tconst allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive\n\n\tconst providerValue = {\n\t\t...config,\n\t\tcurrentTeam,\n\t\totherTeams,\n\t\tcanChangeBilling,\n\t\tcanAccessTeamSettings,\n\t\tisOnFreeOrTrialPlan,\n\t\tshowUpgradeCta,\n\t\tshowBillingButton,\n\t\tallowTeamCreation,\n\t}\n\n\treturn <ProfileMenuContext.Provider value={providerValue}>{children}</ProfileMenuContext.Provider>\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,eAA+C;AAAA,EACpD,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAClB;AAEA,MAAM,oBAAoD;AAAA,EACzD,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAClB;AAEA,MAAM,kBAAkD;AAAA,EACvD,iBAAiB;AAAA,EACjB,iBAAiB;AAClB;AAEO,MAAM,sBAAsB,CAAC,EAAE,UAAU,aAAuC;AACtF,QAAM,EAAE,OAAO,eAAe,QAAQ,oBAAoB,sBAAsB,iBAC/E;AAED,QAAM,cAAc,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;AAE5D,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,aAAa;AAEvD,QAAA,mBAAmB,aAAa,SAAS,YAAY;AAErD,QAAA,wBAAwB,kBAAkB,SAAS,YAAY;AAErE,QAAM,sBAAsB,WAAW,MAAM,KAAK,YAAY,MAAM;AAEpE,QAAM,iBACL,wBAAwB,uBAAuB,gBAAgB,SAAS,YAAY;AAE/E,QAAA,oBAAoB,wBAAwB,yBAAyB;AAErE,QAAA,oBAAoB,wBAAwB,CAAC;AAEnD,QAAM,gBAAgB;AAAA,IACrB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,6BAAQ,mBAAmB,UAAnB,EAA4B,OAAO,eAAgB,UAAS;AACrE;"}
+{"version":3,"file":"harmony92.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/harmony93.cjs

@@ -1,8 +1,24 @@
 "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 louis = require("@lokalise/louis");
+const clsx = require("./harmony66.cjs");
+const UpgradeIcon_module = require("./harmony110.cjs");
+const UpgradeIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "aria-label": "Upgrade Icon",
+      className: clsx.clsx(
+        UpgradeIcon_module.default.iconContainer,
+        "flex-row",
+        "items-center",
+        "justify-center",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(louis.CaretUpIcon, {})
+    }
+  );
+};
+exports.UpgradeIcon = UpgradeIcon;
 //# sourceMappingURL=harmony93.cjs.map

package/dist/harmony93.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony93.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":"harmony93.cjs","sources":["../src/components/Sidebar/UpgradeIcon/UpgradeIcon.tsx"],"sourcesContent":["import { CaretUpIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport styles from './UpgradeIcon.module.css'\n\ntype UpgradeIconProps = {\n\tclassName?: string\n}\n\nexport const UpgradeIcon = ({ className = '' }: UpgradeIconProps) => {\n\treturn (\n\t\t<div\n\t\t\taria-label={'Upgrade Icon'}\n\t\t\tclassName={clsx(\n\t\t\t\tstyles.iconContainer,\n\t\t\t\t'flex-row',\n\t\t\t\t'items-center',\n\t\t\t\t'justify-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<CaretUpIcon />\n\t\t</div>\n\t)\n}\n"],"names":["jsx","clsx","styles","CaretUpIcon"],"mappings":";;;;;;AAQO,MAAM,cAAc,CAAC,EAAE,YAAY,SAA2B;AAEnE,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAWC,KAAA;AAAA,QACVC,mBAAAA,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MAEA,yCAACC,MAAAA,aAAY,CAAA,CAAA;AAAA,IAAA;AAAA,EACd;AAEF;;"}

package/dist/harmony93.mjs

@@ -1,8 +1,24 @@
-import { useContext, createContext } from "react";
-const ProfileMenuContext = createContext({});
-const useProfileMenu = () => useContext(ProfileMenuContext);
+import { jsx } from "react/jsx-runtime";
+import { CaretUpIcon } from "@lokalise/louis";
+import { clsx } from "./harmony66.mjs";
+import styles from "./harmony110.mjs";
+const UpgradeIcon = ({ className = "" }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": "Upgrade Icon",
+      className: clsx(
+        styles.iconContainer,
+        "flex-row",
+        "items-center",
+        "justify-center",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(CaretUpIcon, {})
+    }
+  );
+};
 export {
-  ProfileMenuContext,
-  useProfileMenu
+  UpgradeIcon
 };
 //# sourceMappingURL=harmony93.mjs.map

package/dist/harmony93.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony93.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":"harmony93.mjs","sources":["../src/components/Sidebar/UpgradeIcon/UpgradeIcon.tsx"],"sourcesContent":["import { CaretUpIcon } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport styles from './UpgradeIcon.module.css'\n\ntype UpgradeIconProps = {\n\tclassName?: string\n}\n\nexport const UpgradeIcon = ({ className = '' }: UpgradeIconProps) => {\n\treturn (\n\t\t<div\n\t\t\taria-label={'Upgrade Icon'}\n\t\t\tclassName={clsx(\n\t\t\t\tstyles.iconContainer,\n\t\t\t\t'flex-row',\n\t\t\t\t'items-center',\n\t\t\t\t'justify-center',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<CaretUpIcon />\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,cAAc,CAAC,EAAE,YAAY,SAA2B;AAEnE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,cAAY;AAAA,MACZ,WAAW;AAAA,QACV,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MAEA,8BAAC,aAAY,CAAA,CAAA;AAAA,IAAA;AAAA,EACd;AAEF;"}

package/dist/harmony94.cjs

@@ -1,12 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const container = "_container_q5pot_1";
-const profileEmail = "_profileEmail_q5pot_5";
+const container = "_container_1u995_1";
+const planCta = "_planCta_1u995_15";
+const upgradeIconWrapper = "_upgradeIconWrapper_1u995_19";
 const styles = {
   container,
-  profileEmail
+  planCta,
+  upgradeIconWrapper
 };
 exports.container = container;
 exports.default = styles;
-exports.profileEmail = profileEmail;
+exports.planCta = planCta;
+exports.upgradeIconWrapper = upgradeIconWrapper;
 //# sourceMappingURL=harmony94.cjs.map

package/dist/harmony94.cjs.map

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

package/dist/harmony94.mjs

@@ -1,12 +1,15 @@
-const container = "_container_q5pot_1";
-const profileEmail = "_profileEmail_q5pot_5";
+const container = "_container_1u995_1";
+const planCta = "_planCta_1u995_15";
+const upgradeIconWrapper = "_upgradeIconWrapper_1u995_19";
 const styles = {
   container,
-  profileEmail
+  planCta,
+  upgradeIconWrapper
 };
 export {
   container,
   styles as default,
-  profileEmail
+  planCta,
+  upgradeIconWrapper
 };
 //# sourceMappingURL=harmony94.mjs.map

package/dist/harmony94.mjs.map

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

package/dist/harmony95.cjs

@@ -1,27 +1,15 @@
 "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 louis = require("@lokalise/louis");
+const SortingIcon = ({ direction }) => {
+  if (direction === "asc") {
+    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortAscendingIcon, { ariaLabel: "ascending sorting" });
+  }
+  if (direction === "desc") {
+    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortDescendingIcon, { ariaLabel: "descending sorting" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.SortIcon, { ariaLabel: "sorting" });
 };
-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.SortingIcon = SortingIcon;
 //# sourceMappingURL=harmony95.cjs.map

package/dist/harmony95.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony95.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony95.cjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":["jsx","SortAscendingIcon","SortDescendingIcon","SortIcon"],"mappings":";;;;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAAA,2BAAA,IAACC,MAAkB,mBAAA,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAAD,2BAAA,IAACE,MAAmB,oBAAA,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAAF,2BAAA,IAACG,MAAS,UAAA,EAAA,WAAU,UAAU,CAAA;AACtC;;"}

package/dist/harmony95.mjs

@@ -1,27 +1,15 @@
-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 { jsx } from "react/jsx-runtime";
+import { SortAscendingIcon, SortDescendingIcon, SortIcon } from "@lokalise/louis";
+const SortingIcon = ({ direction }) => {
+  if (direction === "asc") {
+    return /* @__PURE__ */ jsx(SortAscendingIcon, { ariaLabel: "ascending sorting" });
+  }
+  if (direction === "desc") {
+    return /* @__PURE__ */ jsx(SortDescendingIcon, { ariaLabel: "descending sorting" });
+  }
+  return /* @__PURE__ */ jsx(SortIcon, { ariaLabel: "sorting" });
 };
 export {
-  styles as default,
-  defaultProfileImage,
-  membership,
-  planWrapper,
-  profileImage,
-  teamDetails,
-  teamName,
-  wrapper
+  SortingIcon
 };
 //# sourceMappingURL=harmony95.mjs.map

package/dist/harmony95.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony95.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony95.mjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAA,oBAAC,mBAAkB,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAA,oBAAC,oBAAmB,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAA,oBAAC,UAAS,EAAA,WAAU,UAAU,CAAA;AACtC;"}

package/dist/harmony96.cjs

@@ -1,9 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const teamsContainer = "_teamsContainer_1ncrr_5";
+const headerSortButton = "_headerSortButton_b5tlh_1";
+const centeredCell = "_centeredCell_b5tlh_15";
+const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
 const styles = {
-  teamsContainer
+  headerSortButton,
+  centeredCell,
+  rightAlignedCell
 };
+exports.centeredCell = centeredCell;
 exports.default = styles;
-exports.teamsContainer = teamsContainer;
+exports.headerSortButton = headerSortButton;
+exports.rightAlignedCell = rightAlignedCell;
 //# sourceMappingURL=harmony96.cjs.map

package/dist/harmony96.cjs.map

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