@lokalise/harmony 1.26.1 → 1.27.0

package/dist/harmony59.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony59.cjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { UpgradeIcon } from '../../../UpgradeIcon/UpgradeIcon'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './UpgradeMenuItem.module.css'\n\ntype UpgradeMenuItemProps = {\n\t/** URL to the upgrade page or pricing options */\n\tupgradeOptionHref: string\n}\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 upgradeOptionHref=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for plan information\n * and visibility control.\n */\nexport const UpgradeMenuItem = ({ upgradeOptionHref }: UpgradeMenuItemProps) => {\n\tconst { planId, trialDaysLeft, showUpgradeCta } = useProfileMenu()\n\n\tif (!showUpgradeCta) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(planId)\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={upgradeOptionHref}\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":["useProfileMenu","isFreePlan","jsxs","MenuItem","styles","jsx","UpgradeIcon"],"mappings":";;;;;;;;AA+BO,MAAM,kBAAkB,CAAC,EAAE,wBAA8C;AAC/E,QAAM,EAAE,QAAQ,eAAe,eAAA,IAAmBA,mBAAAA,eAAe;AAEjE,MAAI,CAAC,gBAAgB;AACb,WAAA;AAAA,EAAA;AAGF,QAAA,eAAeC,gBAAW,MAAM;AAEhC,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,MAAM;AAAA,MACN,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;;"}
+{"version":3,"file":"harmony59.cjs","sources":["../src/features/publicApi/types/userTokenTypes.ts"],"sourcesContent":["import { AUTHORIZATION_HEADER_SCHEMA } from '@features/publicApi/types/sharedTypes'\nimport { z } from 'zod'\n\nexport const JWT_TOKEN_SCHEMA = z.object({\n\taccessToken: z.string(),\n\trefreshToken: z.string(),\n})\n\nexport type JwtToken = z.infer<typeof JWT_TOKEN_SCHEMA>\n\nconst X_CSRF_TOKEN_SCHEMA = z.union([\n\tz.object({ 'X-Csrf-Token': z.string() }),\n\tz.object({ 'X-CSRF-Token': z.string() }),\n\tz.object({ 'x-csrf-token': z.string() }),\n\tz.object({ 'X-CSRF-TOKEN': z.string() }),\n])\n\nexport const USER_TOKEN_REQUEST_HEADER_SCHEMA = z.union([\n\tAUTHORIZATION_HEADER_SCHEMA,\n\tX_CSRF_TOKEN_SCHEMA,\n])\n\nexport type UserTokenRequestHeader = z.infer<typeof USER_TOKEN_REQUEST_HEADER_SCHEMA>\n"],"names":["z","AUTHORIZATION_HEADER_SCHEMA"],"mappings":";;;;AAGa,MAAA,mBAAmBA,MAAE,OAAO;AAAA,EACxC,aAAaA,MAAE,OAAO;AAAA,EACtB,cAAcA,MAAE,OAAO;AACxB,CAAC;AAID,MAAM,sBAAsBA,MAAE,MAAM;AAAA,EACnCA,MAAE,OAAO,EAAE,gBAAgBA,IAAAA,EAAE,UAAU;AAAA,EACvCA,MAAE,OAAO,EAAE,gBAAgBA,IAAAA,EAAE,UAAU;AAAA,EACvCA,MAAE,OAAO,EAAE,gBAAgBA,IAAAA,EAAE,UAAU;AAAA,EACvCA,IAAAA,EAAE,OAAO,EAAE,gBAAgBA,IAAE,EAAA,OAAA,EAAU,CAAA;AACxC,CAAC;AAEY,MAAA,mCAAmCA,MAAE,MAAM;AAAA,EACvDC,YAAA;AAAA,EACA;AACD,CAAC;;;"}

package/dist/harmony59.mjs

@@ -1,34 +1,21 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { MenuItem } from "@lokalise/louis";
-import { isFreePlan } from "./harmony7.mjs";
-import { UpgradeIcon } from "./harmony74.mjs";
-import { useProfileMenu } from "./harmony70.mjs";
-import styles from "./harmony75.mjs";
-const UpgradeMenuItem = ({ upgradeOptionHref }) => {
-  const { planId, trialDaysLeft, showUpgradeCta } = useProfileMenu();
-  if (!showUpgradeCta) {
-    return null;
-  }
-  const isOnFreePlan = isFreePlan(planId);
-  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: upgradeOptionHref,
-      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" })
-        ] })
-      ]
-    }
-  );
-};
+import { AUTHORIZATION_HEADER_SCHEMA } from "./harmony55.mjs";
+import { z } from "zod";
+const JWT_TOKEN_SCHEMA = z.object({
+  accessToken: z.string(),
+  refreshToken: z.string()
+});
+const X_CSRF_TOKEN_SCHEMA = z.union([
+  z.object({ "X-Csrf-Token": z.string() }),
+  z.object({ "X-CSRF-Token": z.string() }),
+  z.object({ "x-csrf-token": z.string() }),
+  z.object({ "X-CSRF-TOKEN": z.string() })
+]);
+const USER_TOKEN_REQUEST_HEADER_SCHEMA = z.union([
+  AUTHORIZATION_HEADER_SCHEMA,
+  X_CSRF_TOKEN_SCHEMA
+]);
 export {
-  UpgradeMenuItem
+  JWT_TOKEN_SCHEMA,
+  USER_TOKEN_REQUEST_HEADER_SCHEMA
 };
 //# sourceMappingURL=harmony59.mjs.map

package/dist/harmony59.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony59.mjs","sources":["../src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.tsx"],"sourcesContent":["import { MenuItem } from '@lokalise/louis'\nimport { isFreePlan } from '@utils'\nimport { UpgradeIcon } from '../../../UpgradeIcon/UpgradeIcon'\nimport { useProfileMenu } from '../ProfileMenuContext'\nimport styles from './UpgradeMenuItem.module.css'\n\ntype UpgradeMenuItemProps = {\n\t/** URL to the upgrade page or pricing options */\n\tupgradeOptionHref: string\n}\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 upgradeOptionHref=\"/pricing\" />\n * ```\n *\n * @note This component must be used within a ProfileMenu component\n * as it requires access to the ProfileMenu context for plan information\n * and visibility control.\n */\nexport const UpgradeMenuItem = ({ upgradeOptionHref }: UpgradeMenuItemProps) => {\n\tconst { planId, trialDaysLeft, showUpgradeCta } = useProfileMenu()\n\n\tif (!showUpgradeCta) {\n\t\treturn null\n\t}\n\n\tconst isOnFreePlan = isFreePlan(planId)\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={upgradeOptionHref}\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":";;;;;;AA+BO,MAAM,kBAAkB,CAAC,EAAE,wBAA8C;AAC/E,QAAM,EAAE,QAAQ,eAAe,eAAA,IAAmB,eAAe;AAEjE,MAAI,CAAC,gBAAgB;AACb,WAAA;AAAA,EAAA;AAGF,QAAA,eAAe,WAAW,MAAM;AAEhC,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,MAAM;AAAA,MACN,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;"}
+{"version":3,"file":"harmony59.mjs","sources":["../src/features/publicApi/types/userTokenTypes.ts"],"sourcesContent":["import { AUTHORIZATION_HEADER_SCHEMA } from '@features/publicApi/types/sharedTypes'\nimport { z } from 'zod'\n\nexport const JWT_TOKEN_SCHEMA = z.object({\n\taccessToken: z.string(),\n\trefreshToken: z.string(),\n})\n\nexport type JwtToken = z.infer<typeof JWT_TOKEN_SCHEMA>\n\nconst X_CSRF_TOKEN_SCHEMA = z.union([\n\tz.object({ 'X-Csrf-Token': z.string() }),\n\tz.object({ 'X-CSRF-Token': z.string() }),\n\tz.object({ 'x-csrf-token': z.string() }),\n\tz.object({ 'X-CSRF-TOKEN': z.string() }),\n])\n\nexport const USER_TOKEN_REQUEST_HEADER_SCHEMA = z.union([\n\tAUTHORIZATION_HEADER_SCHEMA,\n\tX_CSRF_TOKEN_SCHEMA,\n])\n\nexport type UserTokenRequestHeader = z.infer<typeof USER_TOKEN_REQUEST_HEADER_SCHEMA>\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAmB,EAAE,OAAO;AAAA,EACxC,aAAa,EAAE,OAAO;AAAA,EACtB,cAAc,EAAE,OAAO;AACxB,CAAC;AAID,MAAM,sBAAsB,EAAE,MAAM;AAAA,EACnC,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU;AAAA,EACvC,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU;AAAA,EACvC,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU;AAAA,EACvC,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAA,EAAU,CAAA;AACxC,CAAC;AAEY,MAAA,mCAAmC,EAAE,MAAM;AAAA,EACvD;AAAA,EACA;AACD,CAAC;"}

package/dist/harmony6.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const styles_module = require("./harmony49.cjs");
-const DropdownContent = require("./harmony62.cjs");
-const NavigationTabsItem = require("./harmony63.cjs");
-const helpers = require("./harmony64.cjs");
+const styles_module = require("./harmony61.cjs");
+const DropdownContent = require("./harmony74.cjs");
+const NavigationTabsItem = require("./harmony75.cjs");
+const helpers = require("./harmony76.cjs");
 const NavigationTabs = ({ navigation, activeItem }) => /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Project", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles_module.default.navigationTabList, "aria-orientation": "horizontal", children: navigation.filter(helpers.isNavigationItemVisible).map((item) => {
   var _a, _b, _c;
   if (item.dropdown) {

package/dist/harmony6.mjs

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Menu, MenuList } from "@lokalise/louis";
-import classes from "./harmony49.mjs";
-import { DropdownContent } from "./harmony62.mjs";
-import { NavigationTabsItem } from "./harmony63.mjs";
-import { isNavigationItemVisible } from "./harmony64.mjs";
+import classes from "./harmony61.mjs";
+import { DropdownContent } from "./harmony74.mjs";
+import { NavigationTabsItem } from "./harmony75.mjs";
+import { isNavigationItemVisible } from "./harmony76.mjs";
 const NavigationTabs = ({ navigation, activeItem }) => /* @__PURE__ */ jsx("nav", { "aria-label": "Project", children: /* @__PURE__ */ jsx("ul", { className: classes.navigationTabList, "aria-orientation": "horizontal", children: navigation.filter(isNavigationItemVisible).map((item) => {
   var _a, _b, _c;
   if (item.dropdown) {

package/dist/harmony60.cjs

@@ -1,62 +1,18 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const floatingUi_core = require("./harmony85.cjs");
-const louis = require("@lokalise/louis");
-const useEffectOnce = require("./harmony11.cjs");
-const clsx = require("./harmony48.cjs");
-const React = require("react");
-const Tasks_module = require("./harmony86.cjs");
-const TasksContext = require("./harmony87.cjs");
-const TasksPopover = require("./harmony88.cjs");
-const TasksProvider = require("./harmony89.cjs");
-const taskEvents = require("./harmony90.cjs");
-const Tasks = TasksProvider.withTasksContext(() => {
-  const [open, setOpen] = React.useState(false);
-  const { tasksCount } = TasksContext.useTasks();
-  useEffectOnce.useEffectOnce(() => {
-    const showDialog = () => {
-      setOpen(true);
-    };
-    document.addEventListener(taskEvents.TaskEvents.ShowDialog, showDialog);
-    return () => {
-      document.removeEventListener(taskEvents.TaskEvents.ShowDialog, showDialog);
-    };
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ jsxRuntime.jsx(
-    louis.Popover,
-    {
-      content: /* @__PURE__ */ jsxRuntime.jsx(TasksPopover.TasksPopover, {}),
-      placement: "right",
-      open,
-      onOpenChange: setOpen,
-      middlewares: [
-        floatingUi_core.shift({
-          // Adding some spacing to the top and bottom so the popover
-          // doesn't extend to the edges of the screen.
-          padding: {
-            top: 32,
-            bottom: 32
-          }
-        })
-      ],
-      children: (visible) => /* @__PURE__ */ jsxRuntime.jsxs(
-        louis.Button,
-        {
-          type: "button",
-          "data-testid": "sidebar-tasks-widget-button",
-          "aria-label": "Tasks",
-          className: clsx.clsx(Tasks_module.default.navItem, {
-            [Tasks_module.default.activeNavItem]: visible
-          }),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(louis.JobIcon, { size: "25px" }),
-            tasksCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Tasks_module.default.badge, "aria-label": `${tasksCount} items requiring attention`, children: tasksCount > 9 ? "9+" : tasksCount })
-          ]
-        }
-      )
-    }
-  ) });
-});
-exports.Tasks = Tasks;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+exports.clsx = clsx;
+exports.default = clsx;
 //# sourceMappingURL=harmony60.cjs.map

package/dist/harmony60.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony60.cjs","sources":["../src/components/Sidebar/Widgets/Tasks/Tasks.tsx"],"sourcesContent":["import { shift } from '@floating-ui/core'\nimport { Button, JobIcon, Popover, Tooltip } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styles from './Tasks.module.css'\nimport { useTasks } from './TasksContext'\nimport { TasksPopover } from './TasksPopover/TasksPopover'\nimport { withTasksContext } from './TasksProvider'\nimport { TaskEvents } from './utils/taskEvents'\n\nexport const Tasks = withTasksContext(() => {\n\tconst [open, setOpen] = useState(false)\n\n\tconst { tasksCount } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst showDialog = () => {\n\t\t\tsetOpen(true)\n\t\t}\n\n\t\tdocument.addEventListener(TaskEvents.ShowDialog, showDialog)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.ShowDialog, showDialog)\n\t\t}\n\t})\n\n\treturn (\n\t\t<Tooltip tooltip=\"Tasks\" placement=\"right\">\n\t\t\t<Popover\n\t\t\t\tcontent={<TasksPopover />}\n\t\t\t\tplacement=\"right\"\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={setOpen}\n\t\t\t\tmiddlewares={[\n\t\t\t\t\tshift({\n\t\t\t\t\t\t// Adding some spacing to the top and bottom so the popover\n\t\t\t\t\t\t// doesn't extend to the edges of the screen.\n\t\t\t\t\t\tpadding: {\n\t\t\t\t\t\t\ttop: 32,\n\t\t\t\t\t\t\tbottom: 32,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{(visible) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdata-testid=\"sidebar-tasks-widget-button\"\n\t\t\t\t\t\taria-label=\"Tasks\"\n\t\t\t\t\t\tclassName={clsx(styles.navItem, {\n\t\t\t\t\t\t\t[styles.activeNavItem]: visible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<JobIcon size=\"25px\" />\n\t\t\t\t\t\t{tasksCount > 0 && (\n\t\t\t\t\t\t\t<div className={styles.badge} aria-label={`${tasksCount} items requiring attention`}>\n\t\t\t\t\t\t\t\t{tasksCount > 9 ? '9+' : tasksCount}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t</Tooltip>\n\t)\n})\n"],"names":["withTasksContext","useState","useTasks","useEffectOnce","TaskEvents","jsx","Tooltip","Popover","TasksPopover","shift","jsxs","Button","clsx","styles","JobIcon"],"mappings":";;;;;;;;;;;;;AAWa,MAAA,QAAQA,+BAAiB,MAAM;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AAEhC,QAAA,EAAE,WAAW,IAAIC,sBAAS;AAEhCC,gBAAAA,cAAc,MAAM;AACnB,UAAM,aAAa,MAAM;AACxB,cAAQ,IAAI;AAAA,IACb;AAES,aAAA,iBAAiBC,sBAAW,YAAY,UAAU;AAE3D,WAAO,MAAM;AACH,eAAA,oBAAoBA,sBAAW,YAAY,UAAU;AAAA,IAC/D;AAAA,EAAA,CACA;AAED,SACEC,2BAAA,IAAAC,MAAA,SAAA,EAAQ,SAAQ,SAAQ,WAAU,SAClC,UAAAD,2BAAA;AAAA,IAACE,MAAA;AAAA,IAAA;AAAA,MACA,wCAAUC,aAAa,cAAA,EAAA;AAAA,MACvB,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,QACZC,sBAAM;AAAA;AAAA;AAAA,UAGL,SAAS;AAAA,YACR,KAAK;AAAA,YACL,QAAQ;AAAA,UAAA;AAAA,QAET,CAAA;AAAA,MACF;AAAA,MAEC,WAAC,YACDC,2BAAA;AAAA,QAACC,MAAA;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAWC,KAAAA,KAAKC,aAAA,QAAO,SAAS;AAAA,YAC/B,CAACA,aAAAA,QAAO,aAAa,GAAG;AAAA,UAAA,CACxB;AAAA,UAED,UAAA;AAAA,YAACR,2BAAAA,IAAAS,MAAA,SAAA,EAAQ,MAAK,OAAO,CAAA;AAAA,YACpB,aAAa,KACZT,+BAAA,OAAA,EAAI,WAAWQ,aAAO,QAAA,OAAO,cAAY,GAAG,UAAU,8BACrD,UAAa,aAAA,IAAI,OAAO,WAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEF;AAAA,EAAA,GAGH;AAEF,CAAC;;"}
+{"version":3,"file":"harmony60.cjs","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;;;","x_google_ignoreList":[0]}

package/dist/harmony60.mjs

@@ -1,62 +1,18 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { shift } from "./harmony85.mjs";
-import { Tooltip, Popover, Button, JobIcon } from "@lokalise/louis";
-import { useEffectOnce } from "./harmony11.mjs";
-import { clsx } from "./harmony48.mjs";
-import { useState } from "react";
-import styles from "./harmony86.mjs";
-import { useTasks } from "./harmony87.mjs";
-import { TasksPopover } from "./harmony88.mjs";
-import { withTasksContext } from "./harmony89.mjs";
-import { TaskEvents } from "./harmony90.mjs";
-const Tasks = withTasksContext(() => {
-  const [open, setOpen] = useState(false);
-  const { tasksCount } = useTasks();
-  useEffectOnce(() => {
-    const showDialog = () => {
-      setOpen(true);
-    };
-    document.addEventListener(TaskEvents.ShowDialog, showDialog);
-    return () => {
-      document.removeEventListener(TaskEvents.ShowDialog, showDialog);
-    };
-  });
-  return /* @__PURE__ */ jsx(Tooltip, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ jsx(
-    Popover,
-    {
-      content: /* @__PURE__ */ jsx(TasksPopover, {}),
-      placement: "right",
-      open,
-      onOpenChange: setOpen,
-      middlewares: [
-        shift({
-          // Adding some spacing to the top and bottom so the popover
-          // doesn't extend to the edges of the screen.
-          padding: {
-            top: 32,
-            bottom: 32
-          }
-        })
-      ],
-      children: (visible) => /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          "data-testid": "sidebar-tasks-widget-button",
-          "aria-label": "Tasks",
-          className: clsx(styles.navItem, {
-            [styles.activeNavItem]: visible
-          }),
-          children: [
-            /* @__PURE__ */ jsx(JobIcon, { size: "25px" }),
-            tasksCount > 0 && /* @__PURE__ */ jsx("div", { className: styles.badge, "aria-label": `${tasksCount} items requiring attention`, children: tasksCount > 9 ? "9+" : tasksCount })
-          ]
-        }
-      )
-    }
-  ) });
-});
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 export {
-  Tasks
+  clsx,
+  clsx as default
 };
 //# sourceMappingURL=harmony60.mjs.map

package/dist/harmony60.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony60.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/Tasks.tsx"],"sourcesContent":["import { shift } from '@floating-ui/core'\nimport { Button, JobIcon, Popover, Tooltip } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styles from './Tasks.module.css'\nimport { useTasks } from './TasksContext'\nimport { TasksPopover } from './TasksPopover/TasksPopover'\nimport { withTasksContext } from './TasksProvider'\nimport { TaskEvents } from './utils/taskEvents'\n\nexport const Tasks = withTasksContext(() => {\n\tconst [open, setOpen] = useState(false)\n\n\tconst { tasksCount } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst showDialog = () => {\n\t\t\tsetOpen(true)\n\t\t}\n\n\t\tdocument.addEventListener(TaskEvents.ShowDialog, showDialog)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.ShowDialog, showDialog)\n\t\t}\n\t})\n\n\treturn (\n\t\t<Tooltip tooltip=\"Tasks\" placement=\"right\">\n\t\t\t<Popover\n\t\t\t\tcontent={<TasksPopover />}\n\t\t\t\tplacement=\"right\"\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={setOpen}\n\t\t\t\tmiddlewares={[\n\t\t\t\t\tshift({\n\t\t\t\t\t\t// Adding some spacing to the top and bottom so the popover\n\t\t\t\t\t\t// doesn't extend to the edges of the screen.\n\t\t\t\t\t\tpadding: {\n\t\t\t\t\t\t\ttop: 32,\n\t\t\t\t\t\t\tbottom: 32,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{(visible) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdata-testid=\"sidebar-tasks-widget-button\"\n\t\t\t\t\t\taria-label=\"Tasks\"\n\t\t\t\t\t\tclassName={clsx(styles.navItem, {\n\t\t\t\t\t\t\t[styles.activeNavItem]: visible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<JobIcon size=\"25px\" />\n\t\t\t\t\t\t{tasksCount > 0 && (\n\t\t\t\t\t\t\t<div className={styles.badge} aria-label={`${tasksCount} items requiring attention`}>\n\t\t\t\t\t\t\t\t{tasksCount > 9 ? '9+' : tasksCount}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t</Tooltip>\n\t)\n})\n"],"names":[],"mappings":";;;;;;;;;;;AAWa,MAAA,QAAQ,iBAAiB,MAAM;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEhC,QAAA,EAAE,WAAW,IAAI,SAAS;AAEhC,gBAAc,MAAM;AACnB,UAAM,aAAa,MAAM;AACxB,cAAQ,IAAI;AAAA,IACb;AAES,aAAA,iBAAiB,WAAW,YAAY,UAAU;AAE3D,WAAO,MAAM;AACH,eAAA,oBAAoB,WAAW,YAAY,UAAU;AAAA,IAC/D;AAAA,EAAA,CACA;AAED,SACE,oBAAA,SAAA,EAAQ,SAAQ,SAAQ,WAAU,SAClC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,6BAAU,cAAa,EAAA;AAAA,MACvB,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,QACZ,MAAM;AAAA;AAAA;AAAA,UAGL,SAAS;AAAA,YACR,KAAK;AAAA,YACL,QAAQ;AAAA,UAAA;AAAA,QAET,CAAA;AAAA,MACF;AAAA,MAEC,WAAC,YACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAW,KAAK,OAAO,SAAS;AAAA,YAC/B,CAAC,OAAO,aAAa,GAAG;AAAA,UAAA,CACxB;AAAA,UAED,UAAA;AAAA,YAAC,oBAAA,SAAA,EAAQ,MAAK,OAAO,CAAA;AAAA,YACpB,aAAa,KACZ,oBAAA,OAAA,EAAI,WAAW,OAAO,OAAO,cAAY,GAAG,UAAU,8BACrD,UAAa,aAAA,IAAI,OAAO,WAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEF;AAAA,EAAA,GAGH;AAEF,CAAC;"}
+{"version":3,"file":"harmony60.mjs","sources":["../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":"AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;","x_google_ignoreList":[0]}

package/dist/harmony61.cjs

@@ -1,12 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
+const headerContainer = "_headerContainer_1cubo_1";
+const navigationTabList = "_navigationTabList_1cubo_8";
+const navigationTab = "_navigationTab_1cubo_8";
+const headerContent = "_headerContent_1cubo_34";
+const staticEnabled = "_staticEnabled_1cubo_50";
 const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+  headerContainer,
+  navigationTabList,
+  navigationTab,
+  headerContent,
+  staticEnabled
 };
-exports.breadcrumbs = breadcrumbs;
-exports.breadcrumbsItem = breadcrumbsItem;
 exports.default = classes;
+exports.headerContainer = headerContainer;
+exports.headerContent = headerContent;
+exports.navigationTab = navigationTab;
+exports.navigationTabList = navigationTabList;
+exports.staticEnabled = staticEnabled;
 //# sourceMappingURL=harmony61.cjs.map

package/dist/harmony61.cjs.map

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

package/dist/harmony61.mjs

@@ -1,12 +1,21 @@
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
+const headerContainer = "_headerContainer_1cubo_1";
+const navigationTabList = "_navigationTabList_1cubo_8";
+const navigationTab = "_navigationTab_1cubo_8";
+const headerContent = "_headerContent_1cubo_34";
+const staticEnabled = "_staticEnabled_1cubo_50";
 const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+  headerContainer,
+  navigationTabList,
+  navigationTab,
+  headerContent,
+  staticEnabled
 };
 export {
-  breadcrumbs,
-  breadcrumbsItem,
-  classes as default
+  classes as default,
+  headerContainer,
+  headerContent,
+  navigationTab,
+  navigationTabList,
+  staticEnabled
 };
 //# sourceMappingURL=harmony61.mjs.map

package/dist/harmony61.mjs.map

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

package/dist/harmony62.cjs

@@ -1,11 +1,64 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const React = require("react");
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
-exports.DropdownContent = DropdownContent;
+const utils = require("./harmony90.cjs");
+function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1e3, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize } = {}) {
+  const skipResize = React.useRef(skipOnMount);
+  const onResizeRef = utils.useCallbackRef(onResize);
+  const [size, setSize] = React.useState({
+    width: void 0,
+    height: void 0
+  });
+  const { refProxy, refElement } = utils.useRefProxy(targetRef);
+  const { box } = observerOptions || {};
+  const resizeCallback = React.useCallback((entries) => {
+    if (!handleWidth && !handleHeight)
+      return;
+    if (skipResize.current) {
+      skipResize.current = false;
+      return;
+    }
+    const shouldSetSize = (prevSize, nextSize) => handleWidth && prevSize.width !== nextSize.width || handleHeight && prevSize.height !== nextSize.height;
+    entries.forEach((entry) => {
+      const dimensions = utils.getDimensions(entry, box);
+      setSize((prevSize) => {
+        if (!shouldSetSize(prevSize, dimensions))
+          return prevSize;
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+          width: dimensions.width,
+          height: dimensions.height,
+          entry
+        });
+        return dimensions;
+      });
+    });
+  }, [handleWidth, handleHeight, skipResize, box]);
+  const resizeHandler = React.useCallback(utils.patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
+    resizeCallback,
+    refreshMode,
+    refreshRate,
+    refreshOptions
+  ]);
+  React.useEffect(() => {
+    let resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else if (size.width || size.height) {
+      onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+        width: null,
+        height: null,
+        entry: null
+      });
+      setSize({ width: void 0, height: void 0 });
+    }
+    return () => {
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
+    };
+  }, [resizeHandler, refElement]);
+  return Object.assign({ ref: refProxy }, size);
+}
+exports.default = useResizeDetector;
 //# sourceMappingURL=harmony62.cjs.map

package/dist/harmony62.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony62.cjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\nimport type { DropdownItem } from '../../types/navigation'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["jsx","Fragment","jsxs","MenuDivider","MenuItem"],"mappings":";;;;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjCA,2BAAAA,IAAAC,WAAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjBC,2BAAAA,KAACD,MAAAA,UAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAKD,+BAACG,MAAAA,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3BH,+BAAAI,MAAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;;"}
+{"version":3,"file":"harmony62.cjs","sources":["../node_modules/react-resize-detector/build/useResizeDetector.js"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from './utils.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1000, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize, } = {}) {\n    // If `skipOnMount` is enabled, skip the first resize event\n    const skipResize = useRef(skipOnMount);\n    // Wrap the `onResize` callback with a ref to avoid re-renders\n    const onResizeRef = useCallbackRef(onResize);\n    const [size, setSize] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    // Create a proxy ref to handle conditional rendering and dynamic ref changes of the target element\n    const { refProxy, refElement } = useRefProxy(targetRef);\n    const { box } = observerOptions || {};\n    const resizeCallback = useCallback((entries) => {\n        if (!handleWidth && !handleHeight)\n            return;\n        if (skipResize.current) {\n            skipResize.current = false;\n            return;\n        }\n        // Only update the size if one of the observed dimensions has changed\n        const shouldSetSize = (prevSize, nextSize) => (handleWidth && prevSize.width !== nextSize.width) || (handleHeight && prevSize.height !== nextSize.height);\n        entries.forEach((entry) => {\n            const dimensions = getDimensions(entry, box);\n            setSize((prevSize) => {\n                if (!shouldSetSize(prevSize, dimensions))\n                    return prevSize;\n                onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                    width: dimensions.width,\n                    height: dimensions.height,\n                    entry,\n                });\n                return dimensions;\n            });\n        });\n    }, [handleWidth, handleHeight, skipResize, box]);\n    // Throttle/Debounce the resize event if refreshMode is configured\n    const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [\n        resizeCallback,\n        refreshMode,\n        refreshRate,\n        refreshOptions,\n    ]);\n    // Attach ResizeObserver to the element\n    useEffect(() => {\n        let resizeObserver;\n        if (refElement) {\n            resizeObserver = new window.ResizeObserver(resizeHandler);\n            resizeObserver.observe(refElement, observerOptions);\n        }\n        // If refElement is not available, reset the size\n        else if (size.width || size.height) {\n            onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                width: null,\n                height: null,\n                entry: null,\n            });\n            setSize({ width: undefined, height: undefined });\n        }\n        // Disconnect the ResizeObserver when the component is unmounted\n        return () => {\n            var _a, _b, _c;\n            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);\n            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);\n        };\n    }, [resizeHandler, refElement]);\n    return Object.assign({ ref: refProxy }, size);\n}\n\nexport { useResizeDetector as default };\n//# sourceMappingURL=useResizeDetector.js.map\n"],"names":["useRef","useCallbackRef","useState","useRefProxy","useCallback","getDimensions","patchResizeCallback","useEffect"],"mappings":";;;;AAIA,SAAS,kBAAkB,EAAE,cAAc,OAAO,aAAa,cAAc,KAAM,gBAAgB,cAAc,MAAM,eAAe,MAAM,WAAW,iBAAiB,SAAW,IAAG,IAAI;AAEtL,QAAM,aAAaA,MAAM,OAAC,WAAW;AAErC,QAAM,cAAcC,MAAc,eAAC,QAAQ;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAIC,eAAS;AAAA,IAC7B,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB,CAAK;AAED,QAAM,EAAE,UAAU,eAAeC,MAAAA,YAAY,SAAS;AACtD,QAAM,EAAE,QAAQ,mBAAmB,CAAE;AACrC,QAAM,iBAAiBC,kBAAY,CAAC,YAAY;AAC5C,QAAI,CAAC,eAAe,CAAC;AACjB;AACJ,QAAI,WAAW,SAAS;AACpB,iBAAW,UAAU;AACrB;AAAA,IACZ;AAEQ,UAAM,gBAAgB,CAAC,UAAU,aAAc,eAAe,SAAS,UAAU,SAAS,SAAW,gBAAgB,SAAS,WAAW,SAAS;AAClJ,YAAQ,QAAQ,CAAC,UAAU;AACvB,YAAM,aAAaC,MAAAA,cAAc,OAAO,GAAG;AAC3C,cAAQ,CAAC,aAAa;AAClB,YAAI,CAAC,cAAc,UAAU,UAAU;AACnC,iBAAO;AACX,wBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,UAClE,OAAO,WAAW;AAAA,UAClB,QAAQ,WAAW;AAAA,UACnB;AAAA,QACpB,CAAiB;AACD,eAAO;AAAA,MACvB,CAAa;AAAA,IACb,CAAS;AAAA,EACJ,GAAE,CAAC,aAAa,cAAc,YAAY,GAAG,CAAC;AAE/C,QAAM,gBAAgBD,MAAAA,YAAYE,MAAmB,oBAAC,gBAAgB,aAAa,aAAa,cAAc,GAAG;AAAA,IAC7G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR,CAAK;AAEDC,QAAAA,UAAU,MAAM;AACZ,QAAI;AACJ,QAAI,YAAY;AACZ,uBAAiB,IAAI,OAAO,eAAe,aAAa;AACxD,qBAAe,QAAQ,YAAY,eAAe;AAAA,IAC9D,WAEiB,KAAK,SAAS,KAAK,QAAQ;AAChC,sBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,QAClE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACvB,CAAa;AACD,cAAQ,EAAE,OAAO,QAAW,QAAQ,OAAS,CAAE;AAAA,IAC3D;AAEQ,WAAO,MAAM;AACT,UAAI,IAAI,IAAI;AACZ,OAAC,KAAK,mBAAmB,QAAQ,mBAAmB,SAAS,SAAS,eAAe,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,cAAc;AAC5J,OAAC,MAAM,KAAK,eAAe,YAAY,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,EAAE;AAAA,IACrF;AAAA,EACT,GAAO,CAAC,eAAe,UAAU,CAAC;AAC9B,SAAO,OAAO,OAAO,EAAE,KAAK,SAAQ,GAAI,IAAI;AAChD;;","x_google_ignoreList":[0]}

package/dist/harmony62.mjs

@@ -1,11 +1,64 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { MenuDivider, MenuItem } from "@lokalise/louis";
-import { Fragment as Fragment$1 } from "react";
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsx(MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsx(MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
+import { useRef, useState, useCallback, useEffect } from "react";
+import { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from "./harmony90.mjs";
+function useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1e3, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize } = {}) {
+  const skipResize = useRef(skipOnMount);
+  const onResizeRef = useCallbackRef(onResize);
+  const [size, setSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  const { refProxy, refElement } = useRefProxy(targetRef);
+  const { box } = observerOptions || {};
+  const resizeCallback = useCallback((entries) => {
+    if (!handleWidth && !handleHeight)
+      return;
+    if (skipResize.current) {
+      skipResize.current = false;
+      return;
+    }
+    const shouldSetSize = (prevSize, nextSize) => handleWidth && prevSize.width !== nextSize.width || handleHeight && prevSize.height !== nextSize.height;
+    entries.forEach((entry) => {
+      const dimensions = getDimensions(entry, box);
+      setSize((prevSize) => {
+        if (!shouldSetSize(prevSize, dimensions))
+          return prevSize;
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+          width: dimensions.width,
+          height: dimensions.height,
+          entry
+        });
+        return dimensions;
+      });
+    });
+  }, [handleWidth, handleHeight, skipResize, box]);
+  const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
+    resizeCallback,
+    refreshMode,
+    refreshRate,
+    refreshOptions
+  ]);
+  useEffect(() => {
+    let resizeObserver;
+    if (refElement) {
+      resizeObserver = new window.ResizeObserver(resizeHandler);
+      resizeObserver.observe(refElement, observerOptions);
+    } else if (size.width || size.height) {
+      onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({
+        width: null,
+        height: null,
+        entry: null
+      });
+      setSize({ width: void 0, height: void 0 });
+    }
+    return () => {
+      var _a, _b, _c;
+      (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
+      (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
+    };
+  }, [resizeHandler, refElement]);
+  return Object.assign({ ref: refProxy }, size);
+}
 export {
-  DropdownContent
+  useResizeDetector as default
 };
 //# sourceMappingURL=harmony62.mjs.map

package/dist/harmony62.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony62.mjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\nimport type { DropdownItem } from '../../types/navigation'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["Fragment"],"mappings":";;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjC,oBAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjB,qBAACA,YAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAK,oBAAC,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3B,oBAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;"}
+{"version":3,"file":"harmony62.mjs","sources":["../node_modules/react-resize-detector/build/useResizeDetector.js"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { useCallbackRef, useRefProxy, getDimensions, patchResizeCallback } from './utils.js';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useResizeDetector({ skipOnMount = false, refreshMode, refreshRate = 1000, refreshOptions, handleWidth = true, handleHeight = true, targetRef, observerOptions, onResize, } = {}) {\n    // If `skipOnMount` is enabled, skip the first resize event\n    const skipResize = useRef(skipOnMount);\n    // Wrap the `onResize` callback with a ref to avoid re-renders\n    const onResizeRef = useCallbackRef(onResize);\n    const [size, setSize] = useState({\n        width: undefined,\n        height: undefined,\n    });\n    // Create a proxy ref to handle conditional rendering and dynamic ref changes of the target element\n    const { refProxy, refElement } = useRefProxy(targetRef);\n    const { box } = observerOptions || {};\n    const resizeCallback = useCallback((entries) => {\n        if (!handleWidth && !handleHeight)\n            return;\n        if (skipResize.current) {\n            skipResize.current = false;\n            return;\n        }\n        // Only update the size if one of the observed dimensions has changed\n        const shouldSetSize = (prevSize, nextSize) => (handleWidth && prevSize.width !== nextSize.width) || (handleHeight && prevSize.height !== nextSize.height);\n        entries.forEach((entry) => {\n            const dimensions = getDimensions(entry, box);\n            setSize((prevSize) => {\n                if (!shouldSetSize(prevSize, dimensions))\n                    return prevSize;\n                onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                    width: dimensions.width,\n                    height: dimensions.height,\n                    entry,\n                });\n                return dimensions;\n            });\n        });\n    }, [handleWidth, handleHeight, skipResize, box]);\n    // Throttle/Debounce the resize event if refreshMode is configured\n    const resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [\n        resizeCallback,\n        refreshMode,\n        refreshRate,\n        refreshOptions,\n    ]);\n    // Attach ResizeObserver to the element\n    useEffect(() => {\n        let resizeObserver;\n        if (refElement) {\n            resizeObserver = new window.ResizeObserver(resizeHandler);\n            resizeObserver.observe(refElement, observerOptions);\n        }\n        // If refElement is not available, reset the size\n        else if (size.width || size.height) {\n            onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef({\n                width: null,\n                height: null,\n                entry: null,\n            });\n            setSize({ width: undefined, height: undefined });\n        }\n        // Disconnect the ResizeObserver when the component is unmounted\n        return () => {\n            var _a, _b, _c;\n            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);\n            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);\n        };\n    }, [resizeHandler, refElement]);\n    return Object.assign({ ref: refProxy }, size);\n}\n\nexport { useResizeDetector as default };\n//# sourceMappingURL=useResizeDetector.js.map\n"],"names":[],"mappings":";;AAIA,SAAS,kBAAkB,EAAE,cAAc,OAAO,aAAa,cAAc,KAAM,gBAAgB,cAAc,MAAM,eAAe,MAAM,WAAW,iBAAiB,SAAW,IAAG,IAAI;AAEtL,QAAM,aAAa,OAAO,WAAW;AAErC,QAAM,cAAc,eAAe,QAAQ;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS;AAAA,IAC7B,OAAO;AAAA,IACP,QAAQ;AAAA,EAChB,CAAK;AAED,QAAM,EAAE,UAAU,eAAe,YAAY,SAAS;AACtD,QAAM,EAAE,QAAQ,mBAAmB,CAAE;AACrC,QAAM,iBAAiB,YAAY,CAAC,YAAY;AAC5C,QAAI,CAAC,eAAe,CAAC;AACjB;AACJ,QAAI,WAAW,SAAS;AACpB,iBAAW,UAAU;AACrB;AAAA,IACZ;AAEQ,UAAM,gBAAgB,CAAC,UAAU,aAAc,eAAe,SAAS,UAAU,SAAS,SAAW,gBAAgB,SAAS,WAAW,SAAS;AAClJ,YAAQ,QAAQ,CAAC,UAAU;AACvB,YAAM,aAAa,cAAc,OAAO,GAAG;AAC3C,cAAQ,CAAC,aAAa;AAClB,YAAI,CAAC,cAAc,UAAU,UAAU;AACnC,iBAAO;AACX,wBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,UAClE,OAAO,WAAW;AAAA,UAClB,QAAQ,WAAW;AAAA,UACnB;AAAA,QACpB,CAAiB;AACD,eAAO;AAAA,MACvB,CAAa;AAAA,IACb,CAAS;AAAA,EACJ,GAAE,CAAC,aAAa,cAAc,YAAY,GAAG,CAAC;AAE/C,QAAM,gBAAgB,YAAY,oBAAoB,gBAAgB,aAAa,aAAa,cAAc,GAAG;AAAA,IAC7G;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR,CAAK;AAED,YAAU,MAAM;AACZ,QAAI;AACJ,QAAI,YAAY;AACZ,uBAAiB,IAAI,OAAO,eAAe,aAAa;AACxD,qBAAe,QAAQ,YAAY,eAAe;AAAA,IAC9D,WAEiB,KAAK,SAAS,KAAK,QAAQ;AAChC,sBAAgB,QAAQ,gBAAgB,SAAS,SAAS,YAAY;AAAA,QAClE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,MACvB,CAAa;AACD,cAAQ,EAAE,OAAO,QAAW,QAAQ,OAAS,CAAE;AAAA,IAC3D;AAEQ,WAAO,MAAM;AACT,UAAI,IAAI,IAAI;AACZ,OAAC,KAAK,mBAAmB,QAAQ,mBAAmB,SAAS,SAAS,eAAe,gBAAgB,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,cAAc;AAC5J,OAAC,MAAM,KAAK,eAAe,YAAY,QAAQ,OAAO,SAAS,SAAS,GAAG,KAAK,EAAE;AAAA,IACrF;AAAA,EACT,GAAO,CAAC,eAAe,UAAU,CAAC;AAC9B,SAAO,OAAO,OAAO,EAAE,KAAK,SAAQ,GAAI,IAAI;AAChD;","x_google_ignoreList":[0]}