@lokalise/harmony 1.30.1 → 1.31.1

package/dist/harmony79.mjs

@@ -1,11 +1,12 @@
-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)) });
+const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
+const breadcrumbs = "_breadcrumbs_1hm6a_1";
+const classes = {
+  breadcrumbsItem,
+  breadcrumbs
+};
 export {
-  DropdownContent
+  breadcrumbs,
+  breadcrumbsItem,
+  classes as default
 };
 //# sourceMappingURL=harmony79.mjs.map

package/dist/harmony79.mjs.map

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

package/dist/harmony8.cjs

@@ -1,26 +1,33 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-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];
-  }
-  return item;
-});
-const replaceStringWithElement = (input, search, replace) => {
-  if (typeof input === "string") {
-    return replaceString(input, search, replace);
-  }
-  return input.flatMap((item) => {
-    if (typeof item === "string") {
-      return replaceString(item, search, replace);
-    }
-    return item;
-  });
-};
-const convertNewLineToBreakTag = (text) => replaceStringWithElement(text, newLineRegExp, /* @__PURE__ */ jsxRuntime.jsx("br", {}));
-exports.convertNewLineToBreakTag = convertNewLineToBreakTag;
-exports.replaceStringWithElement = replaceStringWithElement;
+const FREE_PLAN_ID = 0;
+const TRIAL_PLAN_ID = 9999;
+const START_PLAN_IDS = [150, 151, 250, 251];
+const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253];
+const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358];
+const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260];
+const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998;
+const isFreePlan = (planId) => planId === FREE_PLAN_ID;
+const isTrialPlan = (planId) => planId === TRIAL_PLAN_ID;
+const isStartPlan = (planId) => START_PLAN_IDS.includes(planId);
+const isEssentialPlan = (planId) => ESSENTIAL_PLAN_IDS.includes(planId);
+const isProPlan = (planId) => PRO_PLAN_IDS.includes(planId);
+const isEnterprisePlan = (planId) => ENTERPRISE_PLAN_IDS.includes(planId);
+const isPaidPlan = (planId) => planId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID;
+const isEnterpriseOpenSourcePlan = (planId) => planId === ENTERPRISE_OPENSOURCE_PLAN_ID;
+exports.ENTERPRISE_OPENSOURCE_PLAN_ID = ENTERPRISE_OPENSOURCE_PLAN_ID;
+exports.ENTERPRISE_PLAN_IDS = ENTERPRISE_PLAN_IDS;
+exports.ESSENTIAL_PLAN_IDS = ESSENTIAL_PLAN_IDS;
+exports.FREE_PLAN_ID = FREE_PLAN_ID;
+exports.PRO_PLAN_IDS = PRO_PLAN_IDS;
+exports.START_PLAN_IDS = START_PLAN_IDS;
+exports.TRIAL_PLAN_ID = TRIAL_PLAN_ID;
+exports.isEnterpriseOpenSourcePlan = isEnterpriseOpenSourcePlan;
+exports.isEnterprisePlan = isEnterprisePlan;
+exports.isEssentialPlan = isEssentialPlan;
+exports.isFreePlan = isFreePlan;
+exports.isPaidPlan = isPaidPlan;
+exports.isProPlan = isProPlan;
+exports.isStartPlan = isStartPlan;
+exports.isTrialPlan = isTrialPlan;
 //# sourceMappingURL=harmony8.cjs.map

package/dist/harmony8.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony8.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;;;"}
+{"version":3,"file":"harmony8.cjs","sources":["../src/utils/billing/plan/plan.ts"],"sourcesContent":["export const FREE_PLAN_ID = 0\nexport const TRIAL_PLAN_ID = 9999\nexport const START_PLAN_IDS = [150, 151, 250, 251]\nexport const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253]\nexport const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358]\nexport const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260]\nexport const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998\n\nexport const isFreePlan = (planId: number) => planId === FREE_PLAN_ID\nexport const isTrialPlan = (planId: number) => planId === TRIAL_PLAN_ID\nexport const isStartPlan = (planId: number) => START_PLAN_IDS.includes(planId)\nexport const isEssentialPlan = (planId: number) => ESSENTIAL_PLAN_IDS.includes(planId)\nexport const isProPlan = (planId: number) => PRO_PLAN_IDS.includes(planId)\n// Enterprise open-source is NOT treated as real Enterprise plan anymore. It's a legacy now.\nexport const isEnterprisePlan = (planId: number) => ENTERPRISE_PLAN_IDS.includes(planId)\nexport const isPaidPlan = (planId: number) =>\n\tplanId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID\nexport const isEnterpriseOpenSourcePlan = (planId: number) =>\n\tplanId === ENTERPRISE_OPENSOURCE_PLAN_ID\n"],"names":[],"mappings":";;AAAO,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC1C,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,GAAG;AACxC,MAAA,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtE,MAAM,sBAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACzD,MAAM,gCAAgC;AAEhC,MAAA,aAAa,CAAC,WAAmB,WAAW;AAC5C,MAAA,cAAc,CAAC,WAAmB,WAAW;AACnD,MAAM,cAAc,CAAC,WAAmB,eAAe,SAAS,MAAM;AACtE,MAAM,kBAAkB,CAAC,WAAmB,mBAAmB,SAAS,MAAM;AAC9E,MAAM,YAAY,CAAC,WAAmB,aAAa,SAAS,MAAM;AAElE,MAAM,mBAAmB,CAAC,WAAmB,oBAAoB,SAAS,MAAM;AAChF,MAAM,aAAa,CAAC,WAC1B,SAAS,gBAAgB,SAAS;AACtB,MAAA,6BAA6B,CAAC,WAC1C,WAAW;;;;;;;;;;;;;;;;"}

package/dist/harmony8.mjs

@@ -1,26 +1,33 @@
-import { jsx } from "react/jsx-runtime";
-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];
-  }
-  return item;
-});
-const replaceStringWithElement = (input, search, replace) => {
-  if (typeof input === "string") {
-    return replaceString(input, search, replace);
-  }
-  return input.flatMap((item) => {
-    if (typeof item === "string") {
-      return replaceString(item, search, replace);
-    }
-    return item;
-  });
-};
-const convertNewLineToBreakTag = (text) => replaceStringWithElement(text, newLineRegExp, /* @__PURE__ */ jsx("br", {}));
+const FREE_PLAN_ID = 0;
+const TRIAL_PLAN_ID = 9999;
+const START_PLAN_IDS = [150, 151, 250, 251];
+const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253];
+const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358];
+const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260];
+const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998;
+const isFreePlan = (planId) => planId === FREE_PLAN_ID;
+const isTrialPlan = (planId) => planId === TRIAL_PLAN_ID;
+const isStartPlan = (planId) => START_PLAN_IDS.includes(planId);
+const isEssentialPlan = (planId) => ESSENTIAL_PLAN_IDS.includes(planId);
+const isProPlan = (planId) => PRO_PLAN_IDS.includes(planId);
+const isEnterprisePlan = (planId) => ENTERPRISE_PLAN_IDS.includes(planId);
+const isPaidPlan = (planId) => planId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID;
+const isEnterpriseOpenSourcePlan = (planId) => planId === ENTERPRISE_OPENSOURCE_PLAN_ID;
 export {
-  convertNewLineToBreakTag,
-  replaceStringWithElement
+  ENTERPRISE_OPENSOURCE_PLAN_ID,
+  ENTERPRISE_PLAN_IDS,
+  ESSENTIAL_PLAN_IDS,
+  FREE_PLAN_ID,
+  PRO_PLAN_IDS,
+  START_PLAN_IDS,
+  TRIAL_PLAN_ID,
+  isEnterpriseOpenSourcePlan,
+  isEnterprisePlan,
+  isEssentialPlan,
+  isFreePlan,
+  isPaidPlan,
+  isProPlan,
+  isStartPlan,
+  isTrialPlan
 };
 //# sourceMappingURL=harmony8.mjs.map

package/dist/harmony8.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony8.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;"}
+{"version":3,"file":"harmony8.mjs","sources":["../src/utils/billing/plan/plan.ts"],"sourcesContent":["export const FREE_PLAN_ID = 0\nexport const TRIAL_PLAN_ID = 9999\nexport const START_PLAN_IDS = [150, 151, 250, 251]\nexport const ESSENTIAL_PLAN_IDS = [152, 153, 252, 253]\nexport const PRO_PLAN_IDS = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358]\nexport const ENTERPRISE_PLAN_IDS = [156, 159, 160, 256, 259, 260]\nexport const ENTERPRISE_OPENSOURCE_PLAN_ID = 9998\n\nexport const isFreePlan = (planId: number) => planId === FREE_PLAN_ID\nexport const isTrialPlan = (planId: number) => planId === TRIAL_PLAN_ID\nexport const isStartPlan = (planId: number) => START_PLAN_IDS.includes(planId)\nexport const isEssentialPlan = (planId: number) => ESSENTIAL_PLAN_IDS.includes(planId)\nexport const isProPlan = (planId: number) => PRO_PLAN_IDS.includes(planId)\n// Enterprise open-source is NOT treated as real Enterprise plan anymore. It's a legacy now.\nexport const isEnterprisePlan = (planId: number) => ENTERPRISE_PLAN_IDS.includes(planId)\nexport const isPaidPlan = (planId: number) =>\n\tplanId > FREE_PLAN_ID && planId < ENTERPRISE_OPENSOURCE_PLAN_ID\nexport const isEnterpriseOpenSourcePlan = (planId: number) =>\n\tplanId === ENTERPRISE_OPENSOURCE_PLAN_ID\n"],"names":[],"mappings":"AAAO,MAAM,eAAe;AACrB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC1C,MAAM,qBAAqB,CAAC,KAAK,KAAK,KAAK,GAAG;AACxC,MAAA,eAAe,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACtE,MAAM,sBAAsB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AACzD,MAAM,gCAAgC;AAEhC,MAAA,aAAa,CAAC,WAAmB,WAAW;AAC5C,MAAA,cAAc,CAAC,WAAmB,WAAW;AACnD,MAAM,cAAc,CAAC,WAAmB,eAAe,SAAS,MAAM;AACtE,MAAM,kBAAkB,CAAC,WAAmB,mBAAmB,SAAS,MAAM;AAC9E,MAAM,YAAY,CAAC,WAAmB,aAAa,SAAS,MAAM;AAElE,MAAM,mBAAmB,CAAC,WAAmB,oBAAoB,SAAS,MAAM;AAChF,MAAM,aAAa,CAAC,WAC1B,SAAS,gBAAgB,SAAS;AACtB,MAAA,6BAA6B,CAAC,WAC1C,WAAW;"}

package/dist/harmony80.cjs

@@ -2,31 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const clsx = require("./harmony65.cjs");
 const React = require("react");
-const NavItemContents = require("./harmony82.cjs");
-const styles_module = require("./harmony83.cjs");
-const NavigationTabsItem = React.forwardRef(
-  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: disabled ? styles_module.default.projectNavigationItemDisabled : styles_module.default.projectNavigationItem,
-      children: onClick || disabled || !href ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          ref,
-          className: clsx.clsx(styles_module.default.withNavLinkStyle, {
-            [styles_module.default.disabled]: disabled
-          }),
-          disabled,
-          onClick,
-          children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel })
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: styles_module.default.withNavLinkStyle, children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel }) })
-    }
-  ) })
-);
-NavigationTabsItem.displayName = "NavigationTabsItem";
-exports.NavigationTabsItem = NavigationTabsItem;
+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;
 //# sourceMappingURL=harmony80.cjs.map

package/dist/harmony80.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony80.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":["forwardRef","jsx","Tooltip","classes","clsx","NavItemContents"],"mappings":";;;;;;;;AAgBO,MAAM,qBAAqBA,MAAA;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/DC,2BAAA,IAACC,iBAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAWE,cAAAA,QAAQ,gCAAgCA,cAAQ,QAAA;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxBF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAWG,KAAAA,KAAKD,cAAA,QAAQ,kBAAkB;AAAA,YACzC,CAACA,cAAAA,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAACF,2BAAA,IAAAI,gBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5DJ,2BAAAA,IAAC,KAAE,EAAA,MAAY,WAAWE,cAAA,QAAQ,kBACjC,UAAAF,2BAAA,IAACI,gBAAgB,iBAAA,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;;"}
+{"version":3,"file":"harmony80.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;;"}

package/dist/harmony80.mjs

@@ -1,32 +1,11 @@
-import { jsx } from "react/jsx-runtime";
-import { Tooltip } from "@lokalise/louis";
-import { clsx } from "./harmony65.mjs";
-import { forwardRef } from "react";
-import { NavItemContents } from "./harmony82.mjs";
-import classes from "./harmony83.mjs";
-const NavigationTabsItem = forwardRef(
-  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsx(Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem,
-      children: onClick || disabled || !href ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          ref,
-          className: clsx(classes.withNavLinkStyle, {
-            [classes.disabled]: disabled
-          }),
-          disabled,
-          onClick,
-          children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel })
-        }
-      ) : /* @__PURE__ */ jsx("a", { href, className: classes.withNavLinkStyle, children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel }) })
-    }
-  ) })
-);
-NavigationTabsItem.displayName = "NavigationTabsItem";
+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)) });
 export {
-  NavigationTabsItem
+  DropdownContent
 };
 //# sourceMappingURL=harmony80.mjs.map

package/dist/harmony80.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony80.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,qBAAqB;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/D,oBAAC,WAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAW,QAAQ,gCAAgC,QAAQ;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAW,KAAK,QAAQ,kBAAkB;AAAA,YACzC,CAAC,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAAC,oBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5D,oBAAC,KAAE,EAAA,MAAY,WAAW,QAAQ,kBACjC,UAAA,oBAAC,iBAAgB,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;"}
+{"version":3,"file":"harmony80.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;"}

package/dist/harmony81.cjs

@@ -1,6 +1,32 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
-const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
-exports.isNavigationItemVisible = isNavigationItemVisible;
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const clsx = require("./harmony66.cjs");
+const React = require("react");
+const NavItemContents = require("./harmony95.cjs");
+const styles_module = require("./harmony96.cjs");
+const NavigationTabsItem = React.forwardRef(
+  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsxRuntime.jsx(louis.Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: disabled ? styles_module.default.projectNavigationItemDisabled : styles_module.default.projectNavigationItem,
+      children: onClick || disabled || !href ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          ref,
+          className: clsx.clsx(styles_module.default.withNavLinkStyle, {
+            [styles_module.default.disabled]: disabled
+          }),
+          disabled,
+          onClick,
+          children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel })
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: styles_module.default.withNavLinkStyle, children: /* @__PURE__ */ jsxRuntime.jsx(NavItemContents.NavItemContents, { label, badge, novel }) })
+    }
+  ) })
+);
+NavigationTabsItem.displayName = "NavigationTabsItem";
+exports.NavigationTabsItem = NavigationTabsItem;
 //# sourceMappingURL=harmony81.cjs.map

package/dist/harmony81.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony81.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '../../types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;;"}
+{"version":3,"file":"harmony81.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":["forwardRef","jsx","Tooltip","classes","clsx","NavItemContents"],"mappings":";;;;;;;;AAgBO,MAAM,qBAAqBA,MAAA;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/DC,2BAAA,IAACC,iBAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAAD,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAWE,cAAAA,QAAQ,gCAAgCA,cAAQ,QAAA;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxBF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAWG,KAAAA,KAAKD,cAAA,QAAQ,kBAAkB;AAAA,YACzC,CAACA,cAAAA,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAACF,2BAAA,IAAAI,gBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5DJ,2BAAAA,IAAC,KAAE,EAAA,MAAY,WAAWE,cAAA,QAAQ,kBACjC,UAAAF,2BAAA,IAACI,gBAAgB,iBAAA,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;;"}

package/dist/harmony81.mjs

@@ -1,6 +1,32 @@
-const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
-const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@lokalise/louis";
+import { clsx } from "./harmony66.mjs";
+import { forwardRef } from "react";
+import { NavItemContents } from "./harmony95.mjs";
+import classes from "./harmony96.mjs";
+const NavigationTabsItem = forwardRef(
+  ({ label, href = "", disabled = false, badge, onClick, novel }, ref) => /* @__PURE__ */ jsx(Tooltip, { tooltip: "You do not have access to this function", show: disabled, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem,
+      children: onClick || disabled || !href ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          ref,
+          className: clsx(classes.withNavLinkStyle, {
+            [classes.disabled]: disabled
+          }),
+          disabled,
+          onClick,
+          children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel })
+        }
+      ) : /* @__PURE__ */ jsx("a", { href, className: classes.withNavLinkStyle, children: /* @__PURE__ */ jsx(NavItemContents, { label, badge, novel }) })
+    }
+  ) })
+);
+NavigationTabsItem.displayName = "NavigationTabsItem";
 export {
-  isNavigationItemVisible
+  NavigationTabsItem
 };
 //# sourceMappingURL=harmony81.mjs.map

package/dist/harmony81.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony81.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '../../types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;"}
+{"version":3,"file":"harmony81.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavigationTabsItem.tsx"],"sourcesContent":["import { Tooltip } from '@lokalise/louis'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport { NavItemContents } from './NavItemContents'\nimport classes from './styles.module.css'\n\ntype NavigationTabsItemProps = {\n\tlabel: string\n\tbadge?: number\n\tdisabled?: boolean\n\tactive?: boolean\n\tonClick?: () => void\n\thref?: string\n\tnovel?: string\n}\n\nexport const NavigationTabsItem = forwardRef<HTMLButtonElement, NavigationTabsItemProps>(\n\t({ label, href = '', disabled = false, badge, onClick, novel }, ref) => (\n\t\t<Tooltip tooltip=\"You do not have access to this function\" show={disabled}>\n\t\t\t<div\n\t\t\t\tclassName={disabled ? classes.projectNavigationItemDisabled : classes.projectNavigationItem}\n\t\t\t>\n\t\t\t\t{onClick || disabled || !href ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tclassName={clsx(classes.withNavLinkStyle, {\n\t\t\t\t\t\t\t[classes.disabled]: disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tonClick={onClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<a href={href} className={classes.withNavLinkStyle}>\n\t\t\t\t\t\t<NavItemContents label={label} badge={badge} novel={novel} />\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Tooltip>\n\t),\n)\n\nNavigationTabsItem.displayName = 'NavigationTabsItem'\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,qBAAqB;AAAA,EACjC,CAAC,EAAE,OAAO,OAAO,IAAI,WAAW,OAAO,OAAO,SAAS,MAAA,GAAS,QAC/D,oBAAC,WAAQ,SAAQ,2CAA0C,MAAM,UAChE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAW,WAAW,QAAQ,gCAAgC,QAAQ;AAAA,MAErE,UAAA,WAAW,YAAY,CAAC,OACxB;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL;AAAA,UACA,WAAW,KAAK,QAAQ,kBAAkB;AAAA,YACzC,CAAC,QAAQ,QAAQ,GAAG;AAAA,UAAA,CACpB;AAAA,UACD;AAAA,UACA;AAAA,UAEA,UAAC,oBAAA,iBAAA,EAAgB,OAAc,OAAc,MAAc,CAAA;AAAA,QAAA;AAAA,MAAA,IAG5D,oBAAC,KAAE,EAAA,MAAY,WAAW,QAAQ,kBACjC,UAAA,oBAAC,iBAAgB,EAAA,OAAc,OAAc,MAAc,CAAA,EAC5D,CAAA;AAAA,IAAA;AAAA,EAAA,EAGH,CAAA;AAEF;AAEA,mBAAmB,cAAc;"}

package/dist/harmony82.cjs

@@ -1,14 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const styles_module = require("./harmony83.cjs");
-const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
-    !!badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
-  ] }),
-  !!novel && /* @__PURE__ */ jsxRuntime.jsx(louis.Tag, { className: styles_module.default.tag, children: novel })
-] });
-exports.NavItemContents = NavItemContents;
+const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
+const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
+exports.isNavigationItemVisible = isNavigationItemVisible;
 //# sourceMappingURL=harmony82.cjs.map

package/dist/harmony82.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony82.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":["jsxs","jsx","classes","Tag"],"mappings":";;;;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/CA,2BAAA,KAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAAA,gCAAC,OACA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACFA,+BAAC,SAAI,WAAWC,cAAA,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAASD,2BAAA,IAACE,aAAI,WAAWD,sBAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;;"}
+{"version":3,"file":"harmony82.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '../../types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":";;AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;;"}

package/dist/harmony82.mjs

@@ -1,14 +1,6 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Tag } from "@lokalise/louis";
-import classes from "./harmony83.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 })
-] });
+const hasVisibleItems = (dropdownSections) => (dropdownSections == null ? void 0 : dropdownSections.some((section) => section.some((item) => item.visible))) ?? false;
+const isNavigationItemVisible = (item) => item.visible && (!item.dropdown || hasVisibleItems(item.dropdown));
 export {
-  NavItemContents
+  isNavigationItemVisible
 };
 //# sourceMappingURL=harmony82.mjs.map

package/dist/harmony82.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony82.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":[],"mappings":";;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/C,qBAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAA,qBAAC,OACA,EAAA,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACF,oBAAC,SAAI,WAAW,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAAS,oBAAC,OAAI,WAAW,QAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;"}
+{"version":3,"file":"harmony82.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '../../types/navigation'\n\nconst hasVisibleItems = (dropdownSections?: DropdownItem[][]): boolean =>\n\tdropdownSections?.some((section) => section.some((item) => item.visible)) ?? false\n\nexport const isNavigationItemVisible = (item: NavigationTabsItem): boolean =>\n\titem.visible && (!item.dropdown || hasVisibleItems(item.dropdown))\n"],"names":[],"mappings":"AAEA,MAAM,kBAAkB,CAAC,sBACxB,qDAAkB,KAAK,CAAC,YAAY,QAAQ,KAAK,CAAC,SAAS,KAAK,OAAO,OAAM;AAEjE,MAAA,0BAA0B,CAAC,SACvC,KAAK,YAAY,CAAC,KAAK,YAAY,gBAAgB,KAAK,QAAQ;"}

package/dist/harmony83.cjs

@@ -1,24 +1,43 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const badge = "_badge_1pc1v_1";
-const tag = "_tag_1pc1v_15";
-const withNavLinkStyle = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21";
-const disabled = "_disabled_1pc1v_57";
-const projectNavigationItem = "_projectNavigationItem_1pc1v_61";
-const projectNavigationItemDisabled = "_projectNavigationItemDisabled_1pc1v_67";
-const classes = {
-  badge,
-  tag,
-  withNavLinkStyle,
-  disabled,
-  projectNavigationItem,
-  projectNavigationItemDisabled
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const louis = require("@lokalise/louis");
+const reactTable = require("@tanstack/react-table");
+const clsx = require("./harmony66.cjs");
+const SortingIcon = require("./harmony97.cjs");
+const TableHeaderCell_module = require("./harmony98.cjs");
+const Cell = ({ children, align, className }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    louis.TableHeaderCell,
+    {
+      className: clsx.clsx(
+        {
+          [TableHeaderCell_module.default.centeredCell]: align === "center",
+          [TableHeaderCell_module.default.rightAlignedCell]: align === "right"
+        },
+        className
+      ),
+      children
+    }
+  );
 };
-exports.badge = badge;
-exports.default = classes;
-exports.disabled = disabled;
-exports.projectNavigationItem = projectNavigationItem;
-exports.projectNavigationItemDisabled = projectNavigationItemDisabled;
-exports.tag = tag;
-exports.withNavLinkStyle = withNavLinkStyle;
+const TableHeaderCell = ({ header, align = "left", className }) => {
+  const renderValue = () => reactTable.flexRender(header.column.columnDef.header, header.getContext());
+  if (header.column.getCanSort()) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Cell, { align, className, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: header.column.getToggleSortingHandler(),
+        className: TableHeaderCell_module.default.headerSortButton,
+        children: [
+          renderValue(),
+          /* @__PURE__ */ jsxRuntime.jsx(SortingIcon.SortingIcon, { direction: header.column.getIsSorted() })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { align, className, children: renderValue() });
+};
+exports.TableHeaderCell = TableHeaderCell;
 //# sourceMappingURL=harmony83.cjs.map

package/dist/harmony83.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony83.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"harmony83.cjs","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":["jsx","LouisTableHeaderCell","cx","styles","flexRender","jsxs","SortingIcon"],"mappings":";;;;;;;;AAgBA,MAAM,OAAO,CAAC,EAAE,UAAU,OAAO,gBAA8C;AAE7E,SAAAA,2BAAA;AAAA,IAACC,MAAA;AAAA,IAAA;AAAA,MACA,WAAWC,KAAA;AAAA,QACV;AAAA,UACC,CAACC,uBAAA,QAAO,YAAY,GAAG,UAAU;AAAA,UACjC,CAACA,uBAAA,QAAO,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,MAAMC,WAAW,WAAA,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAEpF,MAAA,OAAO,OAAO,cAAc;AAE9B,WAAAJ,2BAAAA,IAAC,MAAK,EAAA,OAAc,WACnB,UAAAK,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAS,OAAO,OAAO,wBAAwB;AAAA,QAC/C,WAAWF,uBAAO,QAAA;AAAA,QAEjB,UAAA;AAAA,UAAY,YAAA;AAAA,yCACZG,YAAY,aAAA,EAAA,WAAW,OAAO,OAAO,cAAe,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEvD;AAAA,EAAA;AAIF,SACEN,2BAAAA,IAAA,MAAA,EAAK,OAAc,WAClB,yBACF;AAEF;;"}

package/dist/harmony83.mjs

@@ -1,24 +1,43 @@
-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
+import { jsx, jsxs } from "react/jsx-runtime";
+import { TableHeaderCell as TableHeaderCell$1 } from "@lokalise/louis";
+import { flexRender } from "@tanstack/react-table";
+import { clsx } from "./harmony66.mjs";
+import { SortingIcon } from "./harmony97.mjs";
+import styles from "./harmony98.mjs";
+const Cell = ({ children, align, className }) => {
+  return /* @__PURE__ */ jsx(
+    TableHeaderCell$1,
+    {
+      className: clsx(
+        {
+          [styles.centeredCell]: align === "center",
+          [styles.rightAlignedCell]: align === "right"
+        },
+        className
+      ),
+      children
+    }
+  );
+};
+const TableHeaderCell = ({ header, align = "left", className }) => {
+  const renderValue = () => flexRender(header.column.columnDef.header, header.getContext());
+  if (header.column.getCanSort()) {
+    return /* @__PURE__ */ jsx(Cell, { align, className, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: header.column.getToggleSortingHandler(),
+        className: styles.headerSortButton,
+        children: [
+          renderValue(),
+          /* @__PURE__ */ jsx(SortingIcon, { direction: header.column.getIsSorted() })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(Cell, { align, className, children: renderValue() });
 };
 export {
-  badge,
-  classes as default,
-  disabled,
-  projectNavigationItem,
-  projectNavigationItemDisabled,
-  tag,
-  withNavLinkStyle
+  TableHeaderCell
 };
 //# sourceMappingURL=harmony83.mjs.map