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

package/dist/harmony116.cjs

@@ -1,33 +1,38 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const navigationItems = [
-  {
-    key: "editor",
-    labelKey: "Editor",
-    path: ({ projectId }) => `/project/${projectId}/editor`
-  },
-  {
-    key: "dashboard",
-    labelKey: "Download",
-    path: ({ projectId }) => `/project/${projectId}/dashboard`
-  },
-  {
-    key: "contributors",
-    labelKey: "Contributors",
-    path: ({ projectId }) => `/project/${projectId}/contributors`
-  },
-  {
-    key: "orders",
-    labelKey: "Human proofreading",
-    path: ({ projectId }) => `/project/${projectId}/orders`,
-    shouldShow: ({ flags }) => flags.ap_feature_hraas === "on"
-  },
-  {
-    key: "billing",
-    labelKey: "Billing",
-    path: ({ projectId }) => `/project/${projectId}/billing`,
-    shouldShow: ({ flags }) => flags.ap_feature_billing === "on"
+const jsxRuntime = require("react/jsx-runtime");
+const useSidebar = require("./harmony98.cjs");
+const louis = require("@lokalise/louis");
+const plan = require("./harmony9.cjs");
+const permissions = require("./harmony99.cjs");
+const UpgradeIcon = require("./harmony118.cjs");
+const UpgradeMenuItem_module = require("./harmony135.cjs");
+const UpgradeMenuItem = ({ href }) => {
+  const {
+    data: { jwt, currentTeam }
+  } = useSidebar.useSidebar();
+  if (!jwt.result || !permissions.canUpgradePlan(jwt.result) || !currentTeam.result) {
+    return null;
   }
-];
-exports.navigationItems = navigationItems;
+  const isOnFreePlan = plan.isFreePlan(jwt.result.planId);
+  const trialDaysLeft = currentTeam.result.trialDaysLeft;
+  const daysNoun = trialDaysLeft === 1 ? "day" : "days";
+  const ctaMessage = isOnFreePlan ? "Your team is currently on the Free plan" : `Free trial ends in ${trialDaysLeft} ${daysNoun}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    louis.MenuItem,
+    {
+      "data-testid": "sidebar-upgrade-menu-item",
+      href,
+      className: `flex-col gap-1 items-start ${UpgradeMenuItem_module.default.container}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpgradeMenuItem_module.default.planCta, children: ctaMessage }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-row items-center gap-1 ${UpgradeMenuItem_module.default.upgradeIconWrapper}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(UpgradeIcon.UpgradeIcon, {}),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "See upgrade options" })
+        ] })
+      ]
+    }
+  );
+};
+exports.UpgradeMenuItem = UpgradeMenuItem;
 //# sourceMappingURL=harmony116.cjs.map

package/dist/harmony116.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony116.cjs","sources":["../src/features/navigation/schemas/navigationSchema.ts"],"sourcesContent":["import type { DropdownItem, NavItemIcon } from '@features/navigation/types/navigation'\n\nexport type NavKey = 'editor' | 'contributors' | 'orders' | 'billing' | 'settings' | 'dashboard'\n\nexport interface NavigationItem {\n\tkey: NavKey\n\tlabelKey: string // TODO: i18n key inside this package\n\tpath: ({ projectId }: { projectId: string }) => string\n\n\ticon?: NavItemIcon\n\tdropdown?: DropdownItem[][]\n\tbadge?: number | ((ctx: NavCtx) => number)\n\n\tshouldShow?: (ctx: NavCtx) => boolean\n\tdisabled?: boolean | ((ctx: NavCtx) => boolean)\n\tisActive?: (pathname: string) => boolean // custom match, else fallback\n}\n\n/** What the gate functions receive */\nexport interface NavCtx {\n\tflags: Record<string, string>\n\tpathname: string\n\tpermissions?: Array<string> // e.g. contributor admin_rights //TODO: Provide type for permissions\n}\n\n// TODO: Handle Translations on harmony side.\nexport const navigationItems: NavigationItem[] = [\n\t{\n\t\tkey: 'editor',\n\t\tlabelKey: 'Editor',\n\t\tpath: ({ projectId }) => `/project/${projectId}/editor`,\n\t},\n\t{\n\t\tkey: 'dashboard',\n\t\tlabelKey: 'Download',\n\t\tpath: ({ projectId }) => `/project/${projectId}/dashboard`,\n\t},\n\t{\n\t\tkey: 'contributors',\n\t\tlabelKey: 'Contributors',\n\t\tpath: ({ projectId }) => `/project/${projectId}/contributors`,\n\t},\n\n\t{\n\t\tkey: 'orders',\n\t\tlabelKey: 'Human proofreading',\n\t\tpath: ({ projectId }) => `/project/${projectId}/orders`,\n\t\tshouldShow: ({ flags }) => flags.ap_feature_hraas === 'on',\n\t},\n\t{\n\t\tkey: 'billing',\n\t\tlabelKey: 'Billing',\n\t\tpath: ({ projectId }) => `/project/${projectId}/billing`,\n\t\tshouldShow: ({ flags }) => flags.ap_feature_billing === 'on',\n\t},\n]\n"],"names":[],"mappings":";;AA0BO,MAAM,kBAAoC;AAAA,EAChD;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,EAC/C;AAAA,EACA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,EAC/C;AAAA,EACA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,EAC/C;AAAA,EAEA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,IAC9C,YAAY,CAAC,EAAE,YAAY,MAAM,qBAAqB;AAAA,EACvD;AAAA,EACA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,IAC9C,YAAY,CAAC,EAAE,YAAY,MAAM,uBAAuB;AAAA,EAAA;AAE1D;;"}
+{"version":3,"file":"harmony116.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { canUpgradePlan } from '@utils/user/permissions'\nimport { UpgradeIcon } from '../UpgradeIcon/UpgradeIcon'\nimport styles from './UpgradeMenuItem.module.css'\n\n/**\n * A menu item component that displays upgrade call-to-action information.\n * Only renders when upgrade options should be shown (determined by context).\n *\n * The component displays different messages based on the team's current plan:\n * - For free plans: \"Your team is currently on the Free plan\"\n * - For trial plans: \"Free trial ends in X days\"\n *\n * Includes an upgrade icon and \"See upgrade options\" text, styled to draw attention\n * to the upgrade opportunity.\n *\n * @example\n * ```tsx\n * <UpgradeMenuItem href=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a Sidebar Context\n */\n\ntype UpgradeMenuItemProps = {\n\thref: string\n}\n\nexport const UpgradeMenuItem = ({ href }: UpgradeMenuItemProps) => {\n\tconst {\n\t\tdata: { jwt, currentTeam },\n\t} = useSidebar()\n\n\tif (!jwt.result || !canUpgradePlan(jwt.result) || !currentTeam.result) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(jwt.result.planId)\n\n\tconst trialDaysLeft = currentTeam.result.trialDaysLeft\n\n\tconst daysNoun = trialDaysLeft === 1 ? 'day' : 'days'\n\tconst ctaMessage = isOnFreePlan\n\t\t? 'Your team is currently on the Free plan'\n\t\t: `Free trial ends in ${trialDaysLeft} ${daysNoun}`\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-upgrade-menu-item\"\n\t\t\thref={href}\n\t\t\tclassName={`flex-col gap-1 items-start ${styles.container}`}\n\t\t>\n\t\t\t<span className={styles.planCta}>{ctaMessage}</span>\n\t\t\t<div className={`flex-row items-center gap-1 ${styles.upgradeIconWrapper}`}>\n\t\t\t\t<UpgradeIcon />\n\t\t\t\t<span>See upgrade options</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":["useSidebar","canUpgradePlan","isFreePlan","jsxs","MenuItem","styles","jsx","UpgradeIcon"],"mappings":";;;;;;;;;AA8BO,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AAC5D,QAAA;AAAA,IACL,MAAM,EAAE,KAAK,YAAY;AAAA,MACtBA,sBAAW;AAEX,MAAA,CAAC,IAAI,UAAU,CAACC,YAAA,eAAe,IAAI,MAAM,KAAK,CAAC,YAAY,QAAQ;AAC/D,WAAA;AAAA,EAAA;AAGR,QAAM,eAAeC,KAAA,WAAW,IAAI,OAAO,MAAM;AAE3C,QAAA,gBAAgB,YAAY,OAAO;AAEnC,QAAA,WAAW,kBAAkB,IAAI,QAAQ;AAC/C,QAAM,aAAa,eAChB,4CACA,sBAAsB,aAAa,IAAI,QAAQ;AAGjD,SAAAC,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ;AAAA,MACA,WAAW,8BAA8BC,uBAAA,QAAO,SAAS;AAAA,MAEzD,UAAA;AAAA,QAAAC,2BAAA,IAAC,QAAK,EAAA,WAAWD,uBAAO,QAAA,SAAU,UAAW,YAAA;AAAA,wCAC5C,OAAI,EAAA,WAAW,+BAA+BA,+BAAO,kBAAkB,IACvE,UAAA;AAAA,UAAAC,2BAAA,IAACC,YAAY,aAAA,EAAA;AAAA,UACbD,2BAAAA,IAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,QAAA,EAC1B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;;"}

package/dist/harmony116.mjs

@@ -1,33 +1,38 @@
-const navigationItems = [
-  {
-    key: "editor",
-    labelKey: "Editor",
-    path: ({ projectId }) => `/project/${projectId}/editor`
-  },
-  {
-    key: "dashboard",
-    labelKey: "Download",
-    path: ({ projectId }) => `/project/${projectId}/dashboard`
-  },
-  {
-    key: "contributors",
-    labelKey: "Contributors",
-    path: ({ projectId }) => `/project/${projectId}/contributors`
-  },
-  {
-    key: "orders",
-    labelKey: "Human proofreading",
-    path: ({ projectId }) => `/project/${projectId}/orders`,
-    shouldShow: ({ flags }) => flags.ap_feature_hraas === "on"
-  },
-  {
-    key: "billing",
-    labelKey: "Billing",
-    path: ({ projectId }) => `/project/${projectId}/billing`,
-    shouldShow: ({ flags }) => flags.ap_feature_billing === "on"
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useSidebar } from "./harmony98.mjs";
+import { MenuItem } from "@lokalise/louis";
+import { isFreePlan } from "./harmony9.mjs";
+import { canUpgradePlan } from "./harmony99.mjs";
+import { UpgradeIcon } from "./harmony118.mjs";
+import styles from "./harmony135.mjs";
+const UpgradeMenuItem = ({ href }) => {
+  const {
+    data: { jwt, currentTeam }
+  } = useSidebar();
+  if (!jwt.result || !canUpgradePlan(jwt.result) || !currentTeam.result) {
+    return null;
   }
-];
+  const isOnFreePlan = isFreePlan(jwt.result.planId);
+  const trialDaysLeft = currentTeam.result.trialDaysLeft;
+  const daysNoun = trialDaysLeft === 1 ? "day" : "days";
+  const ctaMessage = isOnFreePlan ? "Your team is currently on the Free plan" : `Free trial ends in ${trialDaysLeft} ${daysNoun}`;
+  return /* @__PURE__ */ jsxs(
+    MenuItem,
+    {
+      "data-testid": "sidebar-upgrade-menu-item",
+      href,
+      className: `flex-col gap-1 items-start ${styles.container}`,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: styles.planCta, children: ctaMessage }),
+        /* @__PURE__ */ jsxs("div", { className: `flex-row items-center gap-1 ${styles.upgradeIconWrapper}`, children: [
+          /* @__PURE__ */ jsx(UpgradeIcon, {}),
+          /* @__PURE__ */ jsx("span", { children: "See upgrade options" })
+        ] })
+      ]
+    }
+  );
+};
 export {
-  navigationItems
+  UpgradeMenuItem
 };
 //# sourceMappingURL=harmony116.mjs.map

package/dist/harmony116.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony116.mjs","sources":["../src/features/navigation/schemas/navigationSchema.ts"],"sourcesContent":["import type { DropdownItem, NavItemIcon } from '@features/navigation/types/navigation'\n\nexport type NavKey = 'editor' | 'contributors' | 'orders' | 'billing' | 'settings' | 'dashboard'\n\nexport interface NavigationItem {\n\tkey: NavKey\n\tlabelKey: string // TODO: i18n key inside this package\n\tpath: ({ projectId }: { projectId: string }) => string\n\n\ticon?: NavItemIcon\n\tdropdown?: DropdownItem[][]\n\tbadge?: number | ((ctx: NavCtx) => number)\n\n\tshouldShow?: (ctx: NavCtx) => boolean\n\tdisabled?: boolean | ((ctx: NavCtx) => boolean)\n\tisActive?: (pathname: string) => boolean // custom match, else fallback\n}\n\n/** What the gate functions receive */\nexport interface NavCtx {\n\tflags: Record<string, string>\n\tpathname: string\n\tpermissions?: Array<string> // e.g. contributor admin_rights //TODO: Provide type for permissions\n}\n\n// TODO: Handle Translations on harmony side.\nexport const navigationItems: NavigationItem[] = [\n\t{\n\t\tkey: 'editor',\n\t\tlabelKey: 'Editor',\n\t\tpath: ({ projectId }) => `/project/${projectId}/editor`,\n\t},\n\t{\n\t\tkey: 'dashboard',\n\t\tlabelKey: 'Download',\n\t\tpath: ({ projectId }) => `/project/${projectId}/dashboard`,\n\t},\n\t{\n\t\tkey: 'contributors',\n\t\tlabelKey: 'Contributors',\n\t\tpath: ({ projectId }) => `/project/${projectId}/contributors`,\n\t},\n\n\t{\n\t\tkey: 'orders',\n\t\tlabelKey: 'Human proofreading',\n\t\tpath: ({ projectId }) => `/project/${projectId}/orders`,\n\t\tshouldShow: ({ flags }) => flags.ap_feature_hraas === 'on',\n\t},\n\t{\n\t\tkey: 'billing',\n\t\tlabelKey: 'Billing',\n\t\tpath: ({ projectId }) => `/project/${projectId}/billing`,\n\t\tshouldShow: ({ flags }) => flags.ap_feature_billing === 'on',\n\t},\n]\n"],"names":[],"mappings":"AA0BO,MAAM,kBAAoC;AAAA,EAChD;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,EAC/C;AAAA,EACA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,EAC/C;AAAA,EACA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,EAC/C;AAAA,EAEA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,IAC9C,YAAY,CAAC,EAAE,YAAY,MAAM,qBAAqB;AAAA,EACvD;AAAA,EACA;AAAA,IACC,KAAK;AAAA,IACL,UAAU;AAAA,IACV,MAAM,CAAC,EAAE,UAAU,MAAM,YAAY,SAAS;AAAA,IAC9C,YAAY,CAAC,EAAE,YAAY,MAAM,uBAAuB;AAAA,EAAA;AAE1D;"}
+{"version":3,"file":"harmony116.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { useSidebar } from '@components/Sidebar/hooks/useSidebar'\nimport { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { canUpgradePlan } from '@utils/user/permissions'\nimport { UpgradeIcon } from '../UpgradeIcon/UpgradeIcon'\nimport styles from './UpgradeMenuItem.module.css'\n\n/**\n * A menu item component that displays upgrade call-to-action information.\n * Only renders when upgrade options should be shown (determined by context).\n *\n * The component displays different messages based on the team's current plan:\n * - For free plans: \"Your team is currently on the Free plan\"\n * - For trial plans: \"Free trial ends in X days\"\n *\n * Includes an upgrade icon and \"See upgrade options\" text, styled to draw attention\n * to the upgrade opportunity.\n *\n * @example\n * ```tsx\n * <UpgradeMenuItem href=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a Sidebar Context\n */\n\ntype UpgradeMenuItemProps = {\n\thref: string\n}\n\nexport const UpgradeMenuItem = ({ href }: UpgradeMenuItemProps) => {\n\tconst {\n\t\tdata: { jwt, currentTeam },\n\t} = useSidebar()\n\n\tif (!jwt.result || !canUpgradePlan(jwt.result) || !currentTeam.result) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(jwt.result.planId)\n\n\tconst trialDaysLeft = currentTeam.result.trialDaysLeft\n\n\tconst daysNoun = trialDaysLeft === 1 ? 'day' : 'days'\n\tconst ctaMessage = isOnFreePlan\n\t\t? 'Your team is currently on the Free plan'\n\t\t: `Free trial ends in ${trialDaysLeft} ${daysNoun}`\n\n\treturn (\n\t\t<MenuItem\n\t\t\tdata-testid=\"sidebar-upgrade-menu-item\"\n\t\t\thref={href}\n\t\t\tclassName={`flex-col gap-1 items-start ${styles.container}`}\n\t\t>\n\t\t\t<span className={styles.planCta}>{ctaMessage}</span>\n\t\t\t<div className={`flex-row items-center gap-1 ${styles.upgradeIconWrapper}`}>\n\t\t\t\t<UpgradeIcon />\n\t\t\t\t<span>See upgrade options</span>\n\t\t\t</div>\n\t\t</MenuItem>\n\t)\n}\n"],"names":[],"mappings":";;;;;;;AA8BO,MAAM,kBAAkB,CAAC,EAAE,WAAiC;AAC5D,QAAA;AAAA,IACL,MAAM,EAAE,KAAK,YAAY;AAAA,MACtB,WAAW;AAEX,MAAA,CAAC,IAAI,UAAU,CAAC,eAAe,IAAI,MAAM,KAAK,CAAC,YAAY,QAAQ;AAC/D,WAAA;AAAA,EAAA;AAGR,QAAM,eAAe,WAAW,IAAI,OAAO,MAAM;AAE3C,QAAA,gBAAgB,YAAY,OAAO;AAEnC,QAAA,WAAW,kBAAkB,IAAI,QAAQ;AAC/C,QAAM,aAAa,eAChB,4CACA,sBAAsB,aAAa,IAAI,QAAQ;AAGjD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ;AAAA,MACA,WAAW,8BAA8B,OAAO,SAAS;AAAA,MAEzD,UAAA;AAAA,QAAA,oBAAC,QAAK,EAAA,WAAW,OAAO,SAAU,UAAW,YAAA;AAAA,6BAC5C,OAAI,EAAA,WAAW,+BAA+B,OAAO,kBAAkB,IACvE,UAAA;AAAA,UAAA,oBAAC,aAAY,EAAA;AAAA,UACb,oBAAC,UAAK,UAAmB,sBAAA,CAAA;AAAA,QAAA,EAC1B,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}

package/dist/harmony117.cjs

@@ -1,102 +1,24 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const debounce = require("./harmony128.cjs");
-const throttle = require("./harmony129.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;
-  }
+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
 };
-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;
+exports.default = styles;
+exports.menuContainer = menuContainer;
+exports.profileButton = profileButton;
+exports.profileImage = profileImage;
+exports.profileImageHighlight = profileImageHighlight;
+exports.profileImageUpgradeIcon = profileImageUpgradeIcon;
+exports.userIconWrapper = userIconWrapper;
 //# sourceMappingURL=harmony117.cjs.map

package/dist/harmony117.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony117.cjs","sources":["../node_modules/react-resize-detector/build/utils.js"],"sourcesContent":["import * as React from 'react';\nimport debounce from 'lodash/debounce.js';\nimport throttle from 'lodash/throttle.js';\n\n/**\n * Wraps the resize callback with a lodash debounce / throttle based on the refresh mode\n */\nconst patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {\n    switch (refreshMode) {\n        case 'debounce':\n            return debounce(resizeCallback, refreshRate, refreshOptions);\n        case 'throttle':\n            return throttle(resizeCallback, refreshRate, refreshOptions);\n        default:\n            return resizeCallback;\n    }\n};\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nconst useCallbackRef = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(callback) => {\n    const callbackRef = React.useRef(callback);\n    React.useEffect(() => {\n        callbackRef.current = callback;\n    });\n    return React.useMemo(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);\n};\n/** `useRef` hook doesn't handle conditional rendering or dynamic ref changes.\n * This hook creates a proxy that ensures that `refElement` is updated whenever the ref is changed. */\nconst useRefProxy = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(targetRef) => {\n    // we are going to use this ref to store the last element that was passed to the hook\n    const [refElement, setRefElement] = React.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);\n    // if targetRef is passed, we need to update the refElement\n    // we have to use setTimeout because ref get assigned after the hook is called\n    // in the future releases we are going to remove targetRef and force users to use ref returned by the hook\n    if (targetRef) {\n        setTimeout(() => {\n            if (targetRef.current !== refElement) {\n                setRefElement(targetRef.current);\n            }\n        }, 0);\n    }\n    // this is a memo that will be called every time the ref is changed\n    // This proxy will properly call setState either when the ref is called as a function or when `.current` is set\n    // we call setState inside to trigger rerender\n    const refProxy = React.useMemo(() => new Proxy((node) => {\n        if (node !== refElement) {\n            setRefElement(node);\n        }\n    }, {\n        get(target, prop) {\n            if (prop === 'current') {\n                return refElement;\n            }\n            return target[prop];\n        },\n        set(target, prop, value) {\n            if (prop === 'current') {\n                setRefElement(value);\n            }\n            else {\n                target[prop] = value;\n            }\n            return true;\n        },\n    }), [refElement]);\n    return { refProxy, refElement, setRefElement };\n};\n/** Calculates the dimensions of the element based on the current box model.\n * @see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model\n */\nconst getDimensions = (entry, box) => {\n    // Value\t          Border\t  Padding\t  Inner Content\n    // ---------------------------------------------------\n    // 'border-box'\t    Yes\t      Yes\t      Yes\n    // 'content-box'\t  No\t      No\t      Yes\n    //  undefined       No\t      No?\t      Yes\n    if (box === 'border-box') {\n        return {\n            width: entry.borderBoxSize[0].inlineSize,\n            height: entry.borderBoxSize[0].blockSize,\n        };\n    }\n    if (box === 'content-box') {\n        return {\n            width: entry.contentBoxSize[0].inlineSize,\n            height: entry.contentBoxSize[0].blockSize,\n        };\n    }\n    return {\n        width: entry.contentRect.width,\n        height: entry.contentRect.height,\n    };\n};\n\nexport { getDimensions, patchResizeCallback, useCallbackRef, useRefProxy };\n//# sourceMappingURL=utils.js.map\n"],"names":["debounce","throttle","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOK,MAAC,sBAAsB,CAAC,gBAAgB,aAAa,aAAa,mBAAmB;AACtF,UAAQ,aAAW;AAAA,IACf,KAAK;AACD,aAAOA,iBAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D,KAAK;AACD,aAAOC,iBAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D;AACI,aAAO;AAAA,EACnB;AACA;AAKK,MAAC;AAAA;AAAA,EAEN,CAAC,aAAa;AACV,UAAM,cAAcC,iBAAM,OAAO,QAAQ;AACzCA,qBAAM,UAAU,MAAM;AAClB,kBAAY,UAAU;AAAA,IAC9B,CAAK;AACD,WAAOA,iBAAM,QAAQ,MAAO,IAAI,SAAS;AAAE,UAAI;AAAI,cAAQ,KAAK,YAAY,aAAa,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,aAAa,GAAG,IAAI;AAAA,IAAI,GAAG,CAAA,CAAE;AAAA,EACnK;AAAA;AAGK,MAAC;AAAA;AAAA,EAEN,CAAC,cAAc;AAEX,UAAM,CAAC,YAAY,aAAa,IAAIA,iBAAM,UAAU,cAAc,QAAQ,cAAc,SAAS,SAAS,UAAU,YAAY,IAAI;AAIpI,QAAI,WAAW;AACX,iBAAW,MAAM;AACb,YAAI,UAAU,YAAY,YAAY;AAClC,wBAAc,UAAU,OAAO;AAAA,QAC/C;AAAA,MACS,GAAE,CAAC;AAAA,IACZ;AAII,UAAM,WAAWA,iBAAM,QAAQ,MAAM,IAAI,MAAM,CAAC,SAAS;AACrD,UAAI,SAAS,YAAY;AACrB,sBAAc,IAAI;AAAA,MAC9B;AAAA,IACA,GAAO;AAAA,MACC,IAAI,QAAQ,MAAM;AACd,YAAI,SAAS,WAAW;AACpB,iBAAO;AAAA,QACvB;AACY,eAAO,OAAO,IAAI;AAAA,MACrB;AAAA,MACD,IAAI,QAAQ,MAAM,OAAO;AACrB,YAAI,SAAS,WAAW;AACpB,wBAAc,KAAK;AAAA,QACnC,OACiB;AACD,iBAAO,IAAI,IAAI;AAAA,QAC/B;AACY,eAAO;AAAA,MACV;AAAA,IACT,CAAK,GAAG,CAAC,UAAU,CAAC;AAChB,WAAO,EAAE,UAAU,YAAY,cAAe;AAAA,EAClD;AAAA;AAIK,MAAC,gBAAgB,CAAC,OAAO,QAAQ;AAMlC,MAAI,QAAQ,cAAc;AACtB,WAAO;AAAA,MACH,OAAO,MAAM,cAAc,CAAC,EAAE;AAAA,MAC9B,QAAQ,MAAM,cAAc,CAAC,EAAE;AAAA,IAClC;AAAA,EACT;AACI,MAAI,QAAQ,eAAe;AACvB,WAAO;AAAA,MACH,OAAO,MAAM,eAAe,CAAC,EAAE;AAAA,MAC/B,QAAQ,MAAM,eAAe,CAAC,EAAE;AAAA,IACnC;AAAA,EACT;AACI,SAAO;AAAA,IACH,OAAO,MAAM,YAAY;AAAA,IACzB,QAAQ,MAAM,YAAY;AAAA,EAC7B;AACL;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"harmony117.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony117.mjs

@@ -1,85 +1,24 @@
-import * as React from "react";
-import debounce from "./harmony128.mjs";
-import throttle from "./harmony129.mjs";
-const patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {
-  switch (refreshMode) {
-    case "debounce":
-      return debounce(resizeCallback, refreshRate, refreshOptions);
-    case "throttle":
-      return throttle(resizeCallback, refreshRate, refreshOptions);
-    default:
-      return resizeCallback;
-  }
-};
-const useCallbackRef = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (callback) => {
-    const callbackRef = React.useRef(callback);
-    React.useEffect(() => {
-      callbackRef.current = callback;
-    });
-    return React.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.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.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
-  };
+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
 };
 export {
-  getDimensions,
-  patchResizeCallback,
-  useCallbackRef,
-  useRefProxy
+  styles as default,
+  menuContainer,
+  profileButton,
+  profileImage,
+  profileImageHighlight,
+  profileImageUpgradeIcon,
+  userIconWrapper
 };
 //# sourceMappingURL=harmony117.mjs.map

package/dist/harmony117.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony117.mjs","sources":["../node_modules/react-resize-detector/build/utils.js"],"sourcesContent":["import * as React from 'react';\nimport debounce from 'lodash/debounce.js';\nimport throttle from 'lodash/throttle.js';\n\n/**\n * Wraps the resize callback with a lodash debounce / throttle based on the refresh mode\n */\nconst patchResizeCallback = (resizeCallback, refreshMode, refreshRate, refreshOptions) => {\n    switch (refreshMode) {\n        case 'debounce':\n            return debounce(resizeCallback, refreshRate, refreshOptions);\n        case 'throttle':\n            return throttle(resizeCallback, refreshRate, refreshOptions);\n        default:\n            return resizeCallback;\n    }\n};\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */\nconst useCallbackRef = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(callback) => {\n    const callbackRef = React.useRef(callback);\n    React.useEffect(() => {\n        callbackRef.current = callback;\n    });\n    return React.useMemo(() => ((...args) => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, ...args); }), []);\n};\n/** `useRef` hook doesn't handle conditional rendering or dynamic ref changes.\n * This hook creates a proxy that ensures that `refElement` is updated whenever the ref is changed. */\nconst useRefProxy = \n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(targetRef) => {\n    // we are going to use this ref to store the last element that was passed to the hook\n    const [refElement, setRefElement] = React.useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null);\n    // if targetRef is passed, we need to update the refElement\n    // we have to use setTimeout because ref get assigned after the hook is called\n    // in the future releases we are going to remove targetRef and force users to use ref returned by the hook\n    if (targetRef) {\n        setTimeout(() => {\n            if (targetRef.current !== refElement) {\n                setRefElement(targetRef.current);\n            }\n        }, 0);\n    }\n    // this is a memo that will be called every time the ref is changed\n    // This proxy will properly call setState either when the ref is called as a function or when `.current` is set\n    // we call setState inside to trigger rerender\n    const refProxy = React.useMemo(() => new Proxy((node) => {\n        if (node !== refElement) {\n            setRefElement(node);\n        }\n    }, {\n        get(target, prop) {\n            if (prop === 'current') {\n                return refElement;\n            }\n            return target[prop];\n        },\n        set(target, prop, value) {\n            if (prop === 'current') {\n                setRefElement(value);\n            }\n            else {\n                target[prop] = value;\n            }\n            return true;\n        },\n    }), [refElement]);\n    return { refProxy, refElement, setRefElement };\n};\n/** Calculates the dimensions of the element based on the current box model.\n * @see https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model\n */\nconst getDimensions = (entry, box) => {\n    // Value\t          Border\t  Padding\t  Inner Content\n    // ---------------------------------------------------\n    // 'border-box'\t    Yes\t      Yes\t      Yes\n    // 'content-box'\t  No\t      No\t      Yes\n    //  undefined       No\t      No?\t      Yes\n    if (box === 'border-box') {\n        return {\n            width: entry.borderBoxSize[0].inlineSize,\n            height: entry.borderBoxSize[0].blockSize,\n        };\n    }\n    if (box === 'content-box') {\n        return {\n            width: entry.contentBoxSize[0].inlineSize,\n            height: entry.contentBoxSize[0].blockSize,\n        };\n    }\n    return {\n        width: entry.contentRect.width,\n        height: entry.contentRect.height,\n    };\n};\n\nexport { getDimensions, patchResizeCallback, useCallbackRef, useRefProxy };\n//# sourceMappingURL=utils.js.map\n"],"names":[],"mappings":";;;AAOK,MAAC,sBAAsB,CAAC,gBAAgB,aAAa,aAAa,mBAAmB;AACtF,UAAQ,aAAW;AAAA,IACf,KAAK;AACD,aAAO,SAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D,KAAK;AACD,aAAO,SAAS,gBAAgB,aAAa,cAAc;AAAA,IAC/D;AACI,aAAO;AAAA,EACnB;AACA;AAKK,MAAC;AAAA;AAAA,EAEN,CAAC,aAAa;AACV,UAAM,cAAc,MAAM,OAAO,QAAQ;AACzC,UAAM,UAAU,MAAM;AAClB,kBAAY,UAAU;AAAA,IAC9B,CAAK;AACD,WAAO,MAAM,QAAQ,MAAO,IAAI,SAAS;AAAE,UAAI;AAAI,cAAQ,KAAK,YAAY,aAAa,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,aAAa,GAAG,IAAI;AAAA,IAAI,GAAG,CAAA,CAAE;AAAA,EACnK;AAAA;AAGK,MAAC;AAAA;AAAA,EAEN,CAAC,cAAc;AAEX,UAAM,CAAC,YAAY,aAAa,IAAI,MAAM,UAAU,cAAc,QAAQ,cAAc,SAAS,SAAS,UAAU,YAAY,IAAI;AAIpI,QAAI,WAAW;AACX,iBAAW,MAAM;AACb,YAAI,UAAU,YAAY,YAAY;AAClC,wBAAc,UAAU,OAAO;AAAA,QAC/C;AAAA,MACS,GAAE,CAAC;AAAA,IACZ;AAII,UAAM,WAAW,MAAM,QAAQ,MAAM,IAAI,MAAM,CAAC,SAAS;AACrD,UAAI,SAAS,YAAY;AACrB,sBAAc,IAAI;AAAA,MAC9B;AAAA,IACA,GAAO;AAAA,MACC,IAAI,QAAQ,MAAM;AACd,YAAI,SAAS,WAAW;AACpB,iBAAO;AAAA,QACvB;AACY,eAAO,OAAO,IAAI;AAAA,MACrB;AAAA,MACD,IAAI,QAAQ,MAAM,OAAO;AACrB,YAAI,SAAS,WAAW;AACpB,wBAAc,KAAK;AAAA,QACnC,OACiB;AACD,iBAAO,IAAI,IAAI;AAAA,QAC/B;AACY,eAAO;AAAA,MACV;AAAA,IACT,CAAK,GAAG,CAAC,UAAU,CAAC;AAChB,WAAO,EAAE,UAAU,YAAY,cAAe;AAAA,EAClD;AAAA;AAIK,MAAC,gBAAgB,CAAC,OAAO,QAAQ;AAMlC,MAAI,QAAQ,cAAc;AACtB,WAAO;AAAA,MACH,OAAO,MAAM,cAAc,CAAC,EAAE;AAAA,MAC9B,QAAQ,MAAM,cAAc,CAAC,EAAE;AAAA,IAClC;AAAA,EACT;AACI,MAAI,QAAQ,eAAe;AACvB,WAAO;AAAA,MACH,OAAO,MAAM,eAAe,CAAC,EAAE;AAAA,MAC/B,QAAQ,MAAM,eAAe,CAAC,EAAE;AAAA,IACnC;AAAA,EACT;AACI,SAAO;AAAA,IACH,OAAO,MAAM,YAAY;AAAA,IACzB,QAAQ,MAAM,YAAY;AAAA,EAC7B;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"harmony117.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/harmony118.cjs

@@ -1,24 +1,24 @@
 "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 jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony73.cjs");
+const UpgradeIcon_module = require("./harmony136.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.default = styles;
-exports.menuContainer = menuContainer;
-exports.profileButton = profileButton;
-exports.profileImage = profileImage;
-exports.profileImageHighlight = profileImageHighlight;
-exports.profileImageUpgradeIcon = profileImageUpgradeIcon;
-exports.userIconWrapper = userIconWrapper;
+exports.UpgradeIcon = UpgradeIcon;
 //# sourceMappingURL=harmony118.cjs.map

package/dist/harmony118.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony118.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony118.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/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/harmony118.mjs

@@ -1,24 +1,24 @@
-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
+import { jsx } from "react/jsx-runtime";
+import { CaretUpIcon } from "@lokalise/louis";
+import { clsx } from "./harmony73.mjs";
+import styles from "./harmony136.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 {
-  styles as default,
-  menuContainer,
-  profileButton,
-  profileImage,
-  profileImageHighlight,
-  profileImageUpgradeIcon,
-  userIconWrapper
+  UpgradeIcon
 };
 //# sourceMappingURL=harmony118.mjs.map

package/dist/harmony118.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony118.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony118.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/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/harmony119.cjs

@@ -1,9 +1,9 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SidebarTeamRoles = {
-  admin: "admin",
-  biller: "biller",
-  owner: "owner"
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const logoLink = "_logoLink_1baxb_1";
+const styles = {
+  logoLink
 };
-exports.SidebarTeamRoles = SidebarTeamRoles;
+exports.default = styles;
+exports.logoLink = logoLink;
 //# sourceMappingURL=harmony119.cjs.map

package/dist/harmony119.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony119.cjs","sources":["../src/components/Sidebar/types.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const SidebarTeamRoles = {\n\tmember: 'member',\n\tadmin: 'admin',\n\tbiller: 'biller',\n\towner: 'owner',\n} as const\n\nexport type SidebarTeamRole = TypesFromMap<typeof SidebarTeamRoles>\n\nexport type SidebarTeam = {\n\tid: number\n\tname: string\n\trole: SidebarTeamRole\n\tlogoUrl: string\n}\n"],"names":[],"mappings":";;AAEO,MAAM,mBAAmB;AAAA,EAE/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR;;"}
+{"version":3,"file":"harmony119.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/harmony119.mjs

@@ -1,9 +1,9 @@
-const SidebarTeamRoles = {
-  admin: "admin",
-  biller: "biller",
-  owner: "owner"
+const logoLink = "_logoLink_1baxb_1";
+const styles = {
+  logoLink
 };
 export {
-  SidebarTeamRoles
+  styles as default,
+  logoLink
 };
 //# sourceMappingURL=harmony119.mjs.map

package/dist/harmony119.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony119.mjs","sources":["../src/components/Sidebar/types.ts"],"sourcesContent":["import type { TypesFromMap } from '@utils'\n\nexport const SidebarTeamRoles = {\n\tmember: 'member',\n\tadmin: 'admin',\n\tbiller: 'biller',\n\towner: 'owner',\n} as const\n\nexport type SidebarTeamRole = TypesFromMap<typeof SidebarTeamRoles>\n\nexport type SidebarTeam = {\n\tid: number\n\tname: string\n\trole: SidebarTeamRole\n\tlogoUrl: string\n}\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAE/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR;"}
+{"version":3,"file":"harmony119.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}