@lokalise/harmony 1.27.3-exp-fixTeamsTypes.2 → 1.27.3-exp-fixTeamsTypes.3

package/dist/harmony85.mjs

@@ -1,12 +1,35 @@
-const container = "_container_q5pot_1";
-const profileEmail = "_profileEmail_q5pot_5";
-const styles = {
-  container,
-  profileEmail
+import { jsx } from "react/jsx-runtime";
+import { isFreePlan, isTrialPlan } from "./harmony7.mjs";
+import { SidebarTeamRoles } from "./harmony97.mjs";
+import { ProfileMenuContext } from "./harmony86.mjs";
+const billingRoles = [
+  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 = billingRoles.includes(userTeamRole);
+  const isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId);
+  const showUpgradeCta = isFullyAuthenticated && isOnFreeOrTrialPlan && canChangeBilling;
+  const showBillingButton = isFullyAuthenticated && canAccessTeamSettings && canChangeBilling;
+  const allowTeamCreation = isFullyAuthenticated && !isEndOfTrialActive;
+  const providerValue = {
+    ...config,
+    currentTeam,
+    otherTeams,
+    canChangeBilling,
+    canAccessTeamSettings,
+    isOnFreeOrTrialPlan,
+    showUpgradeCta,
+    showBillingButton,
+    allowTeamCreation
+  };
+  return /* @__PURE__ */ jsx(ProfileMenuContext.Provider, { value: providerValue, children });
 };
 export {
-  container,
-  styles as default,
-  profileEmail
+  ProfileMenuProvider
 };
 //# sourceMappingURL=harmony85.mjs.map

package/dist/harmony85.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony85.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"harmony85.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]\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 = billingRoles.includes(userTeamRole)\n\n\tconst isOnFreeOrTrialPlan = isFreePlan(planId) || isTrialPlan(planId)\n\n\tconst showUpgradeCta = isFullyAuthenticated && isOnFreeOrTrialPlan && canChangeBilling\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;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,aAAa,SAAS,YAAY;AAEhE,QAAM,sBAAsB,WAAW,MAAM,KAAK,YAAY,MAAM;AAE9D,QAAA,iBAAiB,wBAAwB,uBAAuB;AAEhE,QAAA,oBAAoB,wBAAwB,yBAAyB;AAErE,QAAA,oBAAoB,wBAAwB,CAAC;AAEnD,QAAM,gBAAgB;AAAA,IACrB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,6BAAQ,mBAAmB,UAAnB,EAA4B,OAAO,eAAgB,UAAS;AACrE;"}

package/dist/harmony86.cjs

@@ -1,27 +1,8 @@
 "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
-};
-exports.default = styles;
-exports.defaultProfileImage = defaultProfileImage;
-exports.membership = membership;
-exports.planWrapper = planWrapper;
-exports.profileImage = profileImage;
-exports.teamDetails = teamDetails;
-exports.teamName = teamName;
-exports.wrapper = wrapper;
+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;
 //# sourceMappingURL=harmony86.cjs.map

package/dist/harmony86.cjs.map

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

package/dist/harmony86.mjs

@@ -1,27 +1,8 @@
-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 { useContext, createContext } from "react";
+const ProfileMenuContext = createContext({});
+const useProfileMenu = () => useContext(ProfileMenuContext);
 export {
-  styles as default,
-  defaultProfileImage,
-  membership,
-  planWrapper,
-  profileImage,
-  teamDetails,
-  teamName,
-  wrapper
+  ProfileMenuContext,
+  useProfileMenu
 };
 //# sourceMappingURL=harmony86.mjs.map

package/dist/harmony86.mjs.map

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

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

package/dist/harmony87.cjs.map

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

package/dist/harmony87.mjs

@@ -1,9 +1,12 @@
-const teamsContainer = "_teamsContainer_1ncrr_5";
+const container = "_container_q5pot_1";
+const profileEmail = "_profileEmail_q5pot_5";
 const styles = {
-  teamsContainer
+  container,
+  profileEmail
 };
 export {
+  container,
   styles as default,
-  teamsContainer
+  profileEmail
 };
 //# sourceMappingURL=harmony87.mjs.map

package/dist/harmony87.mjs.map

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

package/dist/harmony88.cjs

@@ -1,24 +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("./harmony62.cjs");
-const UpgradeIcon_module = require("./harmony100.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, {})
-    }
-  );
+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.UpgradeIcon = UpgradeIcon;
+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=harmony88.cjs.map

package/dist/harmony88.cjs.map

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

package/dist/harmony88.mjs

@@ -1,24 +1,27 @@
-import { jsx } from "react/jsx-runtime";
-import { CaretUpIcon } from "@lokalise/louis";
-import { clsx } from "./harmony62.mjs";
-import styles from "./harmony100.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, {})
-    }
-  );
+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 {
-  UpgradeIcon
+  styles as default,
+  defaultProfileImage,
+  membership,
+  planWrapper,
+  profileImage,
+  teamDetails,
+  teamName,
+  wrapper
 };
 //# sourceMappingURL=harmony88.mjs.map

package/dist/harmony88.mjs.map

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

package/dist/harmony89.cjs

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

package/dist/harmony89.cjs.map

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

package/dist/harmony89.mjs

@@ -1,15 +1,9 @@
-const container = "_container_1u995_1";
-const planCta = "_planCta_1u995_15";
-const upgradeIconWrapper = "_upgradeIconWrapper_1u995_19";
+const teamsContainer = "_teamsContainer_1ncrr_5";
 const styles = {
-  container,
-  planCta,
-  upgradeIconWrapper
+  teamsContainer
 };
 export {
-  container,
   styles as default,
-  planCta,
-  upgradeIconWrapper
+  teamsContainer
 };
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/harmony90.cjs

@@ -2,13 +2,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const styles_module = require("./harmony91.cjs");
-const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
-    !!badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
-  ] }),
-  !!novel && /* @__PURE__ */ jsxRuntime.jsx(louis.Tag, { className: styles_module.default.tag, children: novel })
-] });
-exports.NavItemContents = NavItemContents;
+const clsx = require("./harmony62.cjs");
+const UpgradeIcon_module = require("./harmony104.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=harmony90.cjs.map

package/dist/harmony90.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.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":"harmony90.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/harmony90.mjs

@@ -1,14 +1,24 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Tag } from "@lokalise/louis";
-import classes from "./harmony91.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 { jsx } from "react/jsx-runtime";
+import { CaretUpIcon } from "@lokalise/louis";
+import { clsx } from "./harmony62.mjs";
+import styles from "./harmony104.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 {
-  NavItemContents
+  UpgradeIcon
 };
 //# sourceMappingURL=harmony90.mjs.map

package/dist/harmony90.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.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":"harmony90.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/harmony91.cjs

@@ -1,24 +1,15 @@
 "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
+const container = "_container_1u995_1";
+const planCta = "_planCta_1u995_15";
+const upgradeIconWrapper = "_upgradeIconWrapper_1u995_19";
+const styles = {
+  container,
+  planCta,
+  upgradeIconWrapper
 };
-exports.badge = badge;
-exports.default = classes;
-exports.disabled = disabled;
-exports.projectNavigationItem = projectNavigationItem;
-exports.projectNavigationItemDisabled = projectNavigationItemDisabled;
-exports.tag = tag;
-exports.withNavLinkStyle = withNavLinkStyle;
+exports.container = container;
+exports.default = styles;
+exports.planCta = planCta;
+exports.upgradeIconWrapper = upgradeIconWrapper;
 //# sourceMappingURL=harmony91.cjs.map

package/dist/harmony91.cjs.map

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

package/dist/harmony91.mjs

@@ -1,24 +1,15 @@
-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
+const container = "_container_1u995_1";
+const planCta = "_planCta_1u995_15";
+const upgradeIconWrapper = "_upgradeIconWrapper_1u995_19";
+const styles = {
+  container,
+  planCta,
+  upgradeIconWrapper
 };
 export {
-  badge,
-  classes as default,
-  disabled,
-  projectNavigationItem,
-  projectNavigationItemDisabled,
-  tag,
-  withNavLinkStyle
+  container,
+  styles as default,
+  planCta,
+  upgradeIconWrapper
 };
 //# sourceMappingURL=harmony91.mjs.map

package/dist/harmony91.mjs.map

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

package/dist/harmony92.cjs

@@ -1,24 +1,102 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const menuContainer = "_menuContainer_1phdw_10";
-const profileButton = "_profileButton_1phdw_20";
-const profileImage = "_profileImage_1phdw_33";
-const profileImageHighlight = "_profileImageHighlight_1phdw_41";
-const profileImageUpgradeIcon = "_profileImageUpgradeIcon_1phdw_45";
-const userIconWrapper = "_userIconWrapper_1phdw_51";
-const styles = {
-  menuContainer,
-  profileButton,
-  profileImage,
-  profileImageHighlight,
-  profileImageUpgradeIcon,
-  userIconWrapper
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const debounce = require("./harmony105.cjs");
+const throttle = require("./harmony106.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {
+  switch (refreshMode) {
+    case "debounce":
+      return debounce.default(resizeCallback, refreshRate, refreshOptions);
+    case "throttle":
+      return throttle.default(resizeCallback, refreshRate, refreshOptions);
+    default:
+      return resizeCallback;
+  }
 };
-exports.default = styles;
-exports.menuContainer = menuContainer;
-exports.profileButton = profileButton;
-exports.profileImage = profileImage;
-exports.profileImageHighlight = profileImageHighlight;
-exports.profileImageUpgradeIcon = profileImageUpgradeIcon;
-exports.userIconWrapper = userIconWrapper;
+const useCallbackRef = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (callback) => {
+    const callbackRef = React__namespace.useRef(callback);
+    React__namespace.useEffect(() => {
+      callbackRef.current = callback;
+    });
+    return React__namespace.useMemo(() => (...args) => {
+      var _a;
+      return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args);
+    }, []);
+  }
+);
+const useRefProxy = (
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (targetRef) => {
+    const [refElement, setRefElement] = React__namespace.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);
+    if (targetRef) {
+      setTimeout(() => {
+        if (targetRef.current !== refElement) {
+          setRefElement(targetRef.current);
+        }
+      }, 0);
+    }
+    const refProxy = React__namespace.useMemo(() => new Proxy((node) => {
+      if (node !== refElement) {
+        setRefElement(node);
+      }
+    }, {
+      get(target, prop) {
+        if (prop === "current") {
+          return refElement;
+        }
+        return target[prop];
+      },
+      set(target, prop, value) {
+        if (prop === "current") {
+          setRefElement(value);
+        } else {
+          target[prop] = value;
+        }
+        return true;
+      }
+    }), [refElement]);
+    return { refProxy, refElement, setRefElement };
+  }
+);
+const getDimensions = (entry, box) => {
+  if (box === "border-box") {
+    return {
+      width: entry.borderBoxSize[0].inlineSize,
+      height: entry.borderBoxSize[0].blockSize
+    };
+  }
+  if (box === "content-box") {
+    return {
+      width: entry.contentBoxSize[0].inlineSize,
+      height: entry.contentBoxSize[0].blockSize
+    };
+  }
+  return {
+    width: entry.contentRect.width,
+    height: entry.contentRect.height
+  };
+};
+exports.getDimensions = getDimensions;
+exports.patchResizeCallback = patchResizeCallback;
+exports.useCallbackRef = useCallbackRef;
+exports.useRefProxy = useRefProxy;
 //# sourceMappingURL=harmony92.cjs.map