@lokalise/harmony 1.30.1 → 1.31.1

package/dist/harmony83.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony83.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony83.mjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import { TableHeaderCell as LouisTableHeaderCell } from '@lokalise/louis'\nimport { type Header, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport type { PropsWithChildren } from 'react'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype CellProps = {\n\talign?: 'left' | 'center' | 'right'\n\tclassName?: string\n}\n\ntype TableHeaderProps<T> = CellProps & {\n\theader: Header<T, unknown>\n}\n\nconst Cell = ({ children, align, className }: PropsWithChildren<CellProps>) => {\n\treturn (\n\t\t<LouisTableHeaderCell\n\t\t\tclassName={cx(\n\t\t\t\t{\n\t\t\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t\t\t},\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t</LouisTableHeaderCell>\n\t)\n}\n\nexport const TableHeaderCell = <T,>({ header, align = 'left', className }: TableHeaderProps<T>) => {\n\tconst renderValue = () => flexRender(header.column.columnDef.header, header.getContext())\n\n\tif (header.column.getCanSort()) {\n\t\treturn (\n\t\t\t<Cell align={align} className={className}>\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\tclassName={styles.headerSortButton}\n\t\t\t\t>\n\t\t\t\t\t{renderValue()}\n\t\t\t\t\t<SortingIcon direction={header.column.getIsSorted()} />\n\t\t\t\t</button>\n\t\t\t</Cell>\n\t\t)\n\t}\n\n\treturn (\n\t\t<Cell align={align} className={className}>\n\t\t\t{renderValue()}\n\t\t</Cell>\n\t)\n}\n"],"names":["LouisTableHeaderCell","cx"],"mappings":";;;;;;AAgBA,MAAM,OAAO,CAAC,EAAE,UAAU,OAAO,gBAA8C;AAE7E,SAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACA,WAAWC;AAAAA,QACV;AAAA,UACC,CAAC,OAAO,YAAY,GAAG,UAAU;AAAA,UACjC,CAAC,OAAO,gBAAgB,GAAG,UAAU;AAAA,QACtC;AAAA,QACA;AAAA,MACD;AAAA,MAEC;AAAA,IAAA;AAAA,EACF;AAEF;AAEO,MAAM,kBAAkB,CAAK,EAAE,QAAQ,QAAQ,QAAQ,gBAAqC;AAC5F,QAAA,cAAc,MAAM,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAEpF,MAAA,OAAO,OAAO,cAAc;AAE9B,WAAA,oBAAC,MAAK,EAAA,OAAc,WACnB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,OAAO,OAAO,wBAAwB;AAAA,QAC/C,WAAW,OAAO;AAAA,QAEjB,UAAA;AAAA,UAAY,YAAA;AAAA,8BACZ,aAAY,EAAA,WAAW,OAAO,OAAO,cAAe,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEvD;AAAA,EAAA;AAIF,SACE,oBAAA,MAAA,EAAK,OAAc,WAClB,yBACF;AAEF;"}

package/dist/harmony87.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const clsx = require("./harmony65.cjs");
+const clsx = require("./harmony66.cjs");
 const UpgradeIcon = require("./harmony93.cjs");
-const ProfileMenuContent_module = require("./harmony98.cjs");
+const ProfileMenuContent_module = require("./harmony101.cjs");
 const ProfileMenuContext = require("./harmony89.cjs");
 const ProfileMenuContent = ({ children }) => {
   const {

package/dist/harmony87.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu, MenuList, UserIcon } from "@lokalise/louis";
-import { clsx } from "./harmony65.mjs";
+import { clsx } from "./harmony66.mjs";
 import { UpgradeIcon } from "./harmony93.mjs";
-import styles from "./harmony98.mjs";
+import styles from "./harmony101.mjs";
 import { useProfileMenu } from "./harmony89.mjs";
 const ProfileMenuContent = ({ children }) => {
   const {

package/dist/harmony88.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const plan = require("./harmony7.cjs");
-const types = require("./harmony99.cjs");
+const plan = require("./harmony8.cjs");
+const types = require("./harmony102.cjs");
 const ProfileMenuContext = require("./harmony89.cjs");
 const billingRoles = [
   types.SidebarTeamRoles.biller,

package/dist/harmony88.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { isFreePlan, isTrialPlan } from "./harmony7.mjs";
-import { SidebarTeamRoles } from "./harmony99.mjs";
+import { isFreePlan, isTrialPlan } from "./harmony8.mjs";
+import { SidebarTeamRoles } from "./harmony102.mjs";
 import { ProfileMenuContext } from "./harmony89.mjs";
 const billingRoles = [
   SidebarTeamRoles.biller,

package/dist/harmony9.cjs

@@ -1,55 +1,26 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const urlRegex = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi;
-const matchUrl = (input) => input.match(urlRegex) ?? [];
-const replaceWithAnchor = (text, pattern, index) => {
-  const components = text.split(pattern);
-  if (components.length === 1) {
-    return text;
+const React = require("react");
+const newLineRegExp = /\n/;
+const replaceString = (text, search, replace) => text.split(search).flatMap((item, index) => {
+  if (index !== 0) {
+    return [React.cloneElement(replace, { key: Math.random().toString(32).slice(0, 10) }), item];
   }
-  const result = [];
-  if (components[0] !== "") {
-    result.push(components[0]);
+  return item;
+});
+const replaceStringWithElement = (input, search, replace) => {
+  if (typeof input === "string") {
+    return replaceString(input, search, replace);
   }
-  components.shift();
-  if (components[components.length - 1] === "") {
-    components.pop();
-  }
-  result.push(
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: pattern, target: "_blank", rel: "noreferrer noopener", children: pattern }, pattern + index)
-  );
-  result.push(components.join(pattern));
-  return result.filter((item) => item !== "");
-};
-const matchUrlsAndReplace = (text) => {
-  const matchedUrls = matchUrl(text);
-  if (!(matchedUrls == null ? void 0 : matchedUrls.length)) {
-    return text;
-  }
-  return matchedUrls.reduce((accumulator, pattern, index) => {
-    if (typeof accumulator === "string") {
-      return replaceWithAnchor(accumulator, pattern, index);
-    }
-    return accumulator.flatMap((item) => {
-      if (typeof item === "string") {
-        return replaceWithAnchor(item, pattern, index);
-      }
-      return item;
-    });
-  }, text);
-};
-const makeUrlClickable = (text) => {
-  if (typeof text === "string") {
-    return matchUrlsAndReplace(text);
-  }
-  return text.flatMap((item) => {
+  return input.flatMap((item) => {
     if (typeof item === "string") {
-      return matchUrlsAndReplace(item);
+      return replaceString(item, search, replace);
     }
     return item;
-  }, text);
+  });
 };
-exports.makeUrlClickable = makeUrlClickable;
-exports.matchUrl = matchUrl;
+const convertNewLineToBreakTag = (text) => replaceStringWithElement(text, newLineRegExp, /* @__PURE__ */ jsxRuntime.jsx("br", {}));
+exports.convertNewLineToBreakTag = convertNewLineToBreakTag;
+exports.replaceStringWithElement = replaceStringWithElement;
 //# sourceMappingURL=harmony9.cjs.map

package/dist/harmony9.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony9.cjs","sources":["../src/utils/content/url/url.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nconst urlRegex =\n\t/(\\b(https?|):\\/\\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi\n\nexport const matchUrl = (input: string): readonly string[] => input.match(urlRegex) ?? []\n\nconst replaceWithAnchor = (text: string, pattern: string, index: number) => {\n\tconst components = text.split(pattern)\n\t// if there are no matches\n\tif (components.length === 1) {\n\t\treturn text\n\t}\n\n\tconst result = []\n\n\t// empty value in first position means string starts with pattern\n\tif (components[0] !== '') {\n\t\tresult.push(components[0])\n\t}\n\n\tcomponents.shift()\n\n\t// empty value in last position means string ends with pattern\n\tif (components[components.length - 1] === '') {\n\t\tcomponents.pop()\n\t}\n\n\tresult.push(\n\t\t<a key={pattern + index} href={pattern} target=\"_blank\" rel=\"noreferrer noopener\">\n\t\t\t{pattern}\n\t\t</a>,\n\t)\n\tresult.push(components.join(pattern))\n\n\treturn result.filter((item) => item !== '')\n}\n\nconst matchUrlsAndReplace = (text: string) => {\n\tconst matchedUrls = matchUrl(text)\n\n\tif (!matchedUrls?.length) {\n\t\treturn text\n\t}\n\n\treturn matchedUrls.reduce<string | ReactNode[]>((accumulator, pattern, index) => {\n\t\tif (typeof accumulator === 'string') {\n\t\t\treturn replaceWithAnchor(accumulator, pattern, index)\n\t\t}\n\n\t\treturn accumulator.flatMap((item) => {\n\t\t\tif (typeof item === 'string') {\n\t\t\t\treturn replaceWithAnchor(item, pattern, index)\n\t\t\t}\n\n\t\t\treturn item\n\t\t})\n\t}, text)\n}\n\nexport const makeUrlClickable = (text: string | ReactNode[]) => {\n\tif (typeof text === 'string') {\n\t\treturn matchUrlsAndReplace(text)\n\t}\n\n\treturn text.flatMap((item) => {\n\t\tif (typeof item === 'string') {\n\t\t\treturn matchUrlsAndReplace(item)\n\t\t}\n\n\t\treturn item\n\t}, text)\n}\n"],"names":["jsx"],"mappings":";;;AAEA,MAAM,WACL;AAEM,MAAM,WAAW,CAAC,UAAqC,MAAM,MAAM,QAAQ,KAAK,CAAA;AAEvF,MAAM,oBAAoB,CAAC,MAAc,SAAiB,UAAkB;AACrE,QAAA,aAAa,KAAK,MAAM,OAAO;AAEjC,MAAA,WAAW,WAAW,GAAG;AACrB,WAAA;AAAA,EAAA;AAGR,QAAM,SAAS,CAAC;AAGZ,MAAA,WAAW,CAAC,MAAM,IAAI;AAClB,WAAA,KAAK,WAAW,CAAC,CAAC;AAAA,EAAA;AAG1B,aAAW,MAAM;AAGjB,MAAI,WAAW,WAAW,SAAS,CAAC,MAAM,IAAI;AAC7C,eAAW,IAAI;AAAA,EAAA;AAGT,SAAA;AAAA,IACNA,2BAAAA,IAAC,KAAwB,EAAA,MAAM,SAAS,QAAO,UAAS,KAAI,uBAC1D,UADM,QAAA,GAAA,UAAU,KAElB;AAAA,EACD;AACA,SAAO,KAAK,WAAW,KAAK,OAAO,CAAC;AAEpC,SAAO,OAAO,OAAO,CAAC,SAAS,SAAS,EAAE;AAC3C;AAEA,MAAM,sBAAsB,CAAC,SAAiB;AACvC,QAAA,cAAc,SAAS,IAAI;AAE7B,MAAA,EAAC,2CAAa,SAAQ;AAClB,WAAA;AAAA,EAAA;AAGR,SAAO,YAAY,OAA6B,CAAC,aAAa,SAAS,UAAU;AAC5E,QAAA,OAAO,gBAAgB,UAAU;AAC7B,aAAA,kBAAkB,aAAa,SAAS,KAAK;AAAA,IAAA;AAG9C,WAAA,YAAY,QAAQ,CAAC,SAAS;AAChC,UAAA,OAAO,SAAS,UAAU;AACtB,eAAA,kBAAkB,MAAM,SAAS,KAAK;AAAA,MAAA;AAGvC,aAAA;AAAA,IAAA,CACP;AAAA,KACC,IAAI;AACR;AAEa,MAAA,mBAAmB,CAAC,SAA+B;AAC3D,MAAA,OAAO,SAAS,UAAU;AAC7B,WAAO,oBAAoB,IAAI;AAAA,EAAA;AAGzB,SAAA,KAAK,QAAQ,CAAC,SAAS;AACzB,QAAA,OAAO,SAAS,UAAU;AAC7B,aAAO,oBAAoB,IAAI;AAAA,IAAA;AAGzB,WAAA;AAAA,KACL,IAAI;AACR;;;"}
+{"version":3,"file":"harmony9.cjs","sources":["../src/utils/content/text/text.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, cloneElement } from 'react'\n\nconst newLineRegExp = /\\n/\n\nconst replaceString = (text: string, search: RegExp, replace: ReactElement) =>\n\ttext.split(search).flatMap((item, index) => {\n\t\tif (index !== 0) {\n\t\t\treturn [cloneElement(replace, { key: Math.random().toString(32).slice(0, 10) }), item]\n\t\t}\n\n\t\treturn item\n\t})\n\nexport const replaceStringWithElement = (\n\tinput: string | readonly ReactNode[],\n\tsearch: RegExp,\n\treplace: ReactElement,\n): readonly ReactNode[] => {\n\tif (typeof input === 'string') {\n\t\treturn replaceString(input, search, replace)\n\t}\n\n\treturn input.flatMap((item) => {\n\t\tif (typeof item === 'string') {\n\t\t\treturn replaceString(item, search, replace)\n\t\t}\n\n\t\treturn item\n\t})\n}\n\nexport const convertNewLineToBreakTag = (text: string | ReactNode[]): readonly ReactNode[] =>\n\treplaceStringWithElement(text, newLineRegExp, <br />)\n"],"names":["cloneElement","jsx"],"mappings":";;;;AAEA,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB,CAAC,MAAc,QAAgB,YACpD,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,UAAU;AAC3C,MAAI,UAAU,GAAG;AAChB,WAAO,CAACA,MAAa,aAAA,SAAS,EAAE,KAAK,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI;AAAA,EAAA;AAG/E,SAAA;AACR,CAAC;AAEK,MAAM,2BAA2B,CACvC,OACA,QACA,YAC0B;AACtB,MAAA,OAAO,UAAU,UAAU;AACvB,WAAA,cAAc,OAAO,QAAQ,OAAO;AAAA,EAAA;AAGrC,SAAA,MAAM,QAAQ,CAAC,SAAS;AAC1B,QAAA,OAAO,SAAS,UAAU;AACtB,aAAA,cAAc,MAAM,QAAQ,OAAO;AAAA,IAAA;AAGpC,WAAA;AAAA,EAAA,CACP;AACF;AAEa,MAAA,2BAA2B,CAAC,SACxC,yBAAyB,MAAM,eAAeC,2BAAA,IAAC,QAAG,CAAE;;;"}

package/dist/harmony9.mjs

@@ -1,55 +1,26 @@
 import { jsx } from "react/jsx-runtime";
-const urlRegex = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi;
-const matchUrl = (input) => input.match(urlRegex) ?? [];
-const replaceWithAnchor = (text, pattern, index) => {
-  const components = text.split(pattern);
-  if (components.length === 1) {
-    return text;
+import { cloneElement } from "react";
+const newLineRegExp = /\n/;
+const replaceString = (text, search, replace) => text.split(search).flatMap((item, index) => {
+  if (index !== 0) {
+    return [cloneElement(replace, { key: Math.random().toString(32).slice(0, 10) }), item];
   }
-  const result = [];
-  if (components[0] !== "") {
-    result.push(components[0]);
+  return item;
+});
+const replaceStringWithElement = (input, search, replace) => {
+  if (typeof input === "string") {
+    return replaceString(input, search, replace);
   }
-  components.shift();
-  if (components[components.length - 1] === "") {
-    components.pop();
-  }
-  result.push(
-    /* @__PURE__ */ jsx("a", { href: pattern, target: "_blank", rel: "noreferrer noopener", children: pattern }, pattern + index)
-  );
-  result.push(components.join(pattern));
-  return result.filter((item) => item !== "");
-};
-const matchUrlsAndReplace = (text) => {
-  const matchedUrls = matchUrl(text);
-  if (!(matchedUrls == null ? void 0 : matchedUrls.length)) {
-    return text;
-  }
-  return matchedUrls.reduce((accumulator, pattern, index) => {
-    if (typeof accumulator === "string") {
-      return replaceWithAnchor(accumulator, pattern, index);
-    }
-    return accumulator.flatMap((item) => {
-      if (typeof item === "string") {
-        return replaceWithAnchor(item, pattern, index);
-      }
-      return item;
-    });
-  }, text);
-};
-const makeUrlClickable = (text) => {
-  if (typeof text === "string") {
-    return matchUrlsAndReplace(text);
-  }
-  return text.flatMap((item) => {
+  return input.flatMap((item) => {
     if (typeof item === "string") {
-      return matchUrlsAndReplace(item);
+      return replaceString(item, search, replace);
     }
     return item;
-  }, text);
+  });
 };
+const convertNewLineToBreakTag = (text) => replaceStringWithElement(text, newLineRegExp, /* @__PURE__ */ jsx("br", {}));
 export {
-  makeUrlClickable,
-  matchUrl
+  convertNewLineToBreakTag,
+  replaceStringWithElement
 };
 //# sourceMappingURL=harmony9.mjs.map

package/dist/harmony9.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony9.mjs","sources":["../src/utils/content/url/url.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nconst urlRegex =\n\t/(\\b(https?|):\\/\\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi\n\nexport const matchUrl = (input: string): readonly string[] => input.match(urlRegex) ?? []\n\nconst replaceWithAnchor = (text: string, pattern: string, index: number) => {\n\tconst components = text.split(pattern)\n\t// if there are no matches\n\tif (components.length === 1) {\n\t\treturn text\n\t}\n\n\tconst result = []\n\n\t// empty value in first position means string starts with pattern\n\tif (components[0] !== '') {\n\t\tresult.push(components[0])\n\t}\n\n\tcomponents.shift()\n\n\t// empty value in last position means string ends with pattern\n\tif (components[components.length - 1] === '') {\n\t\tcomponents.pop()\n\t}\n\n\tresult.push(\n\t\t<a key={pattern + index} href={pattern} target=\"_blank\" rel=\"noreferrer noopener\">\n\t\t\t{pattern}\n\t\t</a>,\n\t)\n\tresult.push(components.join(pattern))\n\n\treturn result.filter((item) => item !== '')\n}\n\nconst matchUrlsAndReplace = (text: string) => {\n\tconst matchedUrls = matchUrl(text)\n\n\tif (!matchedUrls?.length) {\n\t\treturn text\n\t}\n\n\treturn matchedUrls.reduce<string | ReactNode[]>((accumulator, pattern, index) => {\n\t\tif (typeof accumulator === 'string') {\n\t\t\treturn replaceWithAnchor(accumulator, pattern, index)\n\t\t}\n\n\t\treturn accumulator.flatMap((item) => {\n\t\t\tif (typeof item === 'string') {\n\t\t\t\treturn replaceWithAnchor(item, pattern, index)\n\t\t\t}\n\n\t\t\treturn item\n\t\t})\n\t}, text)\n}\n\nexport const makeUrlClickable = (text: string | ReactNode[]) => {\n\tif (typeof text === 'string') {\n\t\treturn matchUrlsAndReplace(text)\n\t}\n\n\treturn text.flatMap((item) => {\n\t\tif (typeof item === 'string') {\n\t\t\treturn matchUrlsAndReplace(item)\n\t\t}\n\n\t\treturn item\n\t}, text)\n}\n"],"names":[],"mappings":";AAEA,MAAM,WACL;AAEM,MAAM,WAAW,CAAC,UAAqC,MAAM,MAAM,QAAQ,KAAK,CAAA;AAEvF,MAAM,oBAAoB,CAAC,MAAc,SAAiB,UAAkB;AACrE,QAAA,aAAa,KAAK,MAAM,OAAO;AAEjC,MAAA,WAAW,WAAW,GAAG;AACrB,WAAA;AAAA,EAAA;AAGR,QAAM,SAAS,CAAC;AAGZ,MAAA,WAAW,CAAC,MAAM,IAAI;AAClB,WAAA,KAAK,WAAW,CAAC,CAAC;AAAA,EAAA;AAG1B,aAAW,MAAM;AAGjB,MAAI,WAAW,WAAW,SAAS,CAAC,MAAM,IAAI;AAC7C,eAAW,IAAI;AAAA,EAAA;AAGT,SAAA;AAAA,IACN,oBAAC,KAAwB,EAAA,MAAM,SAAS,QAAO,UAAS,KAAI,uBAC1D,UADM,QAAA,GAAA,UAAU,KAElB;AAAA,EACD;AACA,SAAO,KAAK,WAAW,KAAK,OAAO,CAAC;AAEpC,SAAO,OAAO,OAAO,CAAC,SAAS,SAAS,EAAE;AAC3C;AAEA,MAAM,sBAAsB,CAAC,SAAiB;AACvC,QAAA,cAAc,SAAS,IAAI;AAE7B,MAAA,EAAC,2CAAa,SAAQ;AAClB,WAAA;AAAA,EAAA;AAGR,SAAO,YAAY,OAA6B,CAAC,aAAa,SAAS,UAAU;AAC5E,QAAA,OAAO,gBAAgB,UAAU;AAC7B,aAAA,kBAAkB,aAAa,SAAS,KAAK;AAAA,IAAA;AAG9C,WAAA,YAAY,QAAQ,CAAC,SAAS;AAChC,UAAA,OAAO,SAAS,UAAU;AACtB,eAAA,kBAAkB,MAAM,SAAS,KAAK;AAAA,MAAA;AAGvC,aAAA;AAAA,IAAA,CACP;AAAA,KACC,IAAI;AACR;AAEa,MAAA,mBAAmB,CAAC,SAA+B;AAC3D,MAAA,OAAO,SAAS,UAAU;AAC7B,WAAO,oBAAoB,IAAI;AAAA,EAAA;AAGzB,SAAA,KAAK,QAAQ,CAAC,SAAS;AACzB,QAAA,OAAO,SAAS,UAAU;AAC7B,aAAO,oBAAoB,IAAI;AAAA,IAAA;AAGzB,WAAA;AAAA,KACL,IAAI;AACR;"}
+{"version":3,"file":"harmony9.mjs","sources":["../src/utils/content/text/text.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, cloneElement } from 'react'\n\nconst newLineRegExp = /\\n/\n\nconst replaceString = (text: string, search: RegExp, replace: ReactElement) =>\n\ttext.split(search).flatMap((item, index) => {\n\t\tif (index !== 0) {\n\t\t\treturn [cloneElement(replace, { key: Math.random().toString(32).slice(0, 10) }), item]\n\t\t}\n\n\t\treturn item\n\t})\n\nexport const replaceStringWithElement = (\n\tinput: string | readonly ReactNode[],\n\tsearch: RegExp,\n\treplace: ReactElement,\n): readonly ReactNode[] => {\n\tif (typeof input === 'string') {\n\t\treturn replaceString(input, search, replace)\n\t}\n\n\treturn input.flatMap((item) => {\n\t\tif (typeof item === 'string') {\n\t\t\treturn replaceString(item, search, replace)\n\t\t}\n\n\t\treturn item\n\t})\n}\n\nexport const convertNewLineToBreakTag = (text: string | ReactNode[]): readonly ReactNode[] =>\n\treplaceStringWithElement(text, newLineRegExp, <br />)\n"],"names":[],"mappings":";;AAEA,MAAM,gBAAgB;AAEtB,MAAM,gBAAgB,CAAC,MAAc,QAAgB,YACpD,KAAK,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,UAAU;AAC3C,MAAI,UAAU,GAAG;AAChB,WAAO,CAAC,aAAa,SAAS,EAAE,KAAK,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI;AAAA,EAAA;AAG/E,SAAA;AACR,CAAC;AAEK,MAAM,2BAA2B,CACvC,OACA,QACA,YAC0B;AACtB,MAAA,OAAO,UAAU,UAAU;AACvB,WAAA,cAAc,OAAO,QAAQ,OAAO;AAAA,EAAA;AAGrC,SAAA,MAAM,QAAQ,CAAC,SAAS;AAC1B,QAAA,OAAO,SAAS,UAAU;AACtB,aAAA,cAAc,MAAM,QAAQ,OAAO;AAAA,IAAA;AAGpC,WAAA;AAAA,EAAA,CACP;AACF;AAEa,MAAA,2BAA2B,CAAC,SACxC,yBAAyB,MAAM,eAAe,oBAAC,QAAG,CAAE;"}

package/dist/harmony93.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const clsx = require("./harmony65.cjs");
-const UpgradeIcon_module = require("./harmony106.cjs");
+const clsx = require("./harmony66.cjs");
+const UpgradeIcon_module = require("./harmony110.cjs");
 const UpgradeIcon = ({ className = "" }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",

package/dist/harmony93.mjs

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { CaretUpIcon } from "@lokalise/louis";
-import { clsx } from "./harmony65.mjs";
-import styles from "./harmony106.mjs";
+import { clsx } from "./harmony66.mjs";
+import styles from "./harmony110.mjs";
 const UpgradeIcon = ({ className = "" }) => {
   return /* @__PURE__ */ jsx(
     "div",

package/dist/harmony95.cjs

@@ -1,102 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const debounce = require("./harmony107.cjs");
-const throttle = require("./harmony108.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;
-  }
-};
-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;
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const styles_module = require("./harmony96.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;
 //# sourceMappingURL=harmony95.cjs.map

package/dist/harmony95.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony95.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":"harmony95.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;;"}

package/dist/harmony95.mjs

@@ -1,85 +1,14 @@
-import * as React from "react";
-import debounce from "./harmony107.mjs";
-import throttle from "./harmony108.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
-  };
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Tag } from "@lokalise/louis";
+import classes from "./harmony96.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 })
+] });
 export {
-  getDimensions,
-  patchResizeCallback,
-  useCallbackRef,
-  useRefProxy
+  NavItemContents
 };
 //# sourceMappingURL=harmony95.mjs.map

package/dist/harmony95.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony95.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":"harmony95.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;"}

package/dist/harmony96.cjs

@@ -1,21 +1,24 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const zod = require("zod");
-const teamRoleTypes = require("./harmony61.cjs");
-const JWT_TOKEN_PAYLOAD_SCHEMA = zod.z.object({
-  userId: zod.z.number(),
-  userUuid: zod.z.string().uuid(),
-  teamId: zod.z.number(),
-  teamUuid: zod.z.string().uuid(),
-  userTeamRole: teamRoleTypes.TEAM_ROLE_SCHEMA,
-  userEmail: zod.z.string().email(),
-  userName: zod.z.string(),
-  userCurrentTeamId: zod.z.number(),
-  planId: zod.z.number(),
-  planName: zod.z.string(),
-  isProviderAlpha: zod.z.boolean(),
-  isFullyAuthenticated: zod.z.boolean(),
-  exp: zod.z.number()
-});
-exports.JWT_TOKEN_PAYLOAD_SCHEMA = JWT_TOKEN_PAYLOAD_SCHEMA;
+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
+};
+exports.badge = badge;
+exports.default = classes;
+exports.disabled = disabled;
+exports.projectNavigationItem = projectNavigationItem;
+exports.projectNavigationItemDisabled = projectNavigationItemDisabled;
+exports.tag = tag;
+exports.withNavLinkStyle = withNavLinkStyle;
 //# sourceMappingURL=harmony96.cjs.map

package/dist/harmony96.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony96.cjs","sources":["../src/features/auth/core/types/jwtTokenPayload.ts"],"sourcesContent":["import { z } from 'zod'\nimport { TEAM_ROLE_SCHEMA } from '../../../publicApi/types/teamRoleTypes'\n\nexport const JWT_TOKEN_PAYLOAD_SCHEMA = z.object({\n\tuserId: z.number(),\n\tuserUuid: z.string().uuid(),\n\tteamId: z.number(),\n\tteamUuid: z.string().uuid(),\n\tuserTeamRole: TEAM_ROLE_SCHEMA,\n\tuserEmail: z.string().email(),\n\tuserName: z.string(),\n\tuserCurrentTeamId: z.number(),\n\tplanId: z.number(),\n\tplanName: z.string(),\n\tisProviderAlpha: z.boolean(),\n\tisFullyAuthenticated: z.boolean(),\n\texp: z.number(),\n})\nexport type JwtTokenPayload = z.infer<typeof JWT_TOKEN_PAYLOAD_SCHEMA>\n"],"names":["z","TEAM_ROLE_SCHEMA"],"mappings":";;;;AAGa,MAAA,2BAA2BA,MAAE,OAAO;AAAA,EAChD,QAAQA,MAAE,OAAO;AAAA,EACjB,UAAUA,IAAA,EAAE,OAAO,EAAE,KAAK;AAAA,EAC1B,QAAQA,MAAE,OAAO;AAAA,EACjB,UAAUA,IAAA,EAAE,OAAO,EAAE,KAAK;AAAA,EAC1B,cAAcC,cAAA;AAAA,EACd,WAAWD,IAAA,EAAE,OAAO,EAAE,MAAM;AAAA,EAC5B,UAAUA,MAAE,OAAO;AAAA,EACnB,mBAAmBA,MAAE,OAAO;AAAA,EAC5B,QAAQA,MAAE,OAAO;AAAA,EACjB,UAAUA,MAAE,OAAO;AAAA,EACnB,iBAAiBA,MAAE,QAAQ;AAAA,EAC3B,sBAAsBA,MAAE,QAAQ;AAAA,EAChC,KAAKA,MAAE,OAAO;AACf,CAAC;;"}
+{"version":3,"file":"harmony96.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/harmony96.mjs

@@ -1,21 +1,24 @@
-import { z } from "zod";
-import { TEAM_ROLE_SCHEMA } from "./harmony61.mjs";
-const JWT_TOKEN_PAYLOAD_SCHEMA = z.object({
-  userId: z.number(),
-  userUuid: z.string().uuid(),
-  teamId: z.number(),
-  teamUuid: z.string().uuid(),
-  userTeamRole: TEAM_ROLE_SCHEMA,
-  userEmail: z.string().email(),
-  userName: z.string(),
-  userCurrentTeamId: z.number(),
-  planId: z.number(),
-  planName: z.string(),
-  isProviderAlpha: z.boolean(),
-  isFullyAuthenticated: z.boolean(),
-  exp: z.number()
-});
+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
+};
 export {
-  JWT_TOKEN_PAYLOAD_SCHEMA
+  badge,
+  classes as default,
+  disabled,
+  projectNavigationItem,
+  projectNavigationItemDisabled,
+  tag,
+  withNavLinkStyle
 };
 //# sourceMappingURL=harmony96.mjs.map