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

package/dist/harmony85.mjs

@@ -1,62 +1,69 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { shift } from "./harmony120.mjs";
-import { Tooltip, Popover, Button, JobIcon } from "@lokalise/louis";
-import { useEffectOnce } from "./harmony13.mjs";
-import { clsx } from "./harmony73.mjs";
-import { useState } from "react";
-import styles from "./harmony121.mjs";
-import { useTasks } from "./harmony122.mjs";
-import { TasksPopover } from "./harmony123.mjs";
-import { withTasksContext } from "./harmony124.mjs";
-import { TaskEvents } from "./harmony125.mjs";
-const Tasks = withTasksContext(() => {
-  const [open, setOpen] = useState(false);
-  const { tasksCount } = useTasks();
-  useEffectOnce(() => {
-    const showDialog = () => {
-      setOpen(true);
-    };
-    document.addEventListener(TaskEvents.ShowDialog, showDialog);
-    return () => {
-      document.removeEventListener(TaskEvents.ShowDialog, showDialog);
-    };
-  });
-  return /* @__PURE__ */ jsx(Tooltip, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ jsx(
-    Popover,
+import { createPublicApiHeaderBuilder } from "./harmony21.mjs";
+import { useRetrieveContributorQuery, retrieveContributorKeys } from "./harmony55.mjs";
+import { useRetrieveProjectQuery, retrieveProjectQueryKey } from "./harmony56.mjs";
+import { useNavigationClient } from "./harmony86.mjs";
+function useNavigationProjectQuery(projectId) {
+  const navigationClient = useNavigationClient();
+  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
+  return useRetrieveProjectQuery(
+    navigationClient.getPublicApiClient(),
+    createPublicApiHeaderBuilder(expertPublicApiUrl),
     {
-      content: /* @__PURE__ */ jsx(TasksPopover, {}),
-      placement: "right",
-      open,
-      onOpenChange: setOpen,
-      middlewares: [
-        shift({
-          // Adding some spacing to the top and bottom so the popover
-          // doesn't extend to the edges of the screen.
-          padding: {
-            top: 32,
-            bottom: 32
-          }
-        })
-      ],
-      children: (visible) => /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          "data-testid": "sidebar-tasks-widget-button",
-          "aria-label": "Tasks",
-          className: clsx(styles.navItem, {
-            [styles.activeNavItem]: visible
-          }),
-          children: [
-            /* @__PURE__ */ jsx(JobIcon, { size: "25px" }),
-            tasksCount > 0 && /* @__PURE__ */ jsx("div", { className: styles.badge, "aria-label": `${tasksCount} items requiring attention`, children: tasksCount > 9 ? "9+" : tasksCount })
-          ]
-        }
-      )
+      queryKey: retrieveProjectQueryKey.projectIdKey(projectId),
+      enabled: !!projectId,
+      staleTime: 5 * 60 * 1e3
+      // 5 minutes
     }
-  ) });
-});
+  );
+}
+function useNavigationContributorQuery(projectId) {
+  const navigationClient = useNavigationClient();
+  const expertPublicApiUrl = navigationClient.getExpertPublicApiUrl();
+  return useRetrieveContributorQuery(
+    navigationClient.getPublicApiClient(),
+    createPublicApiHeaderBuilder(expertPublicApiUrl),
+    {
+      queryKey: retrieveContributorKeys.projectUserKey({
+        project: { id: projectId },
+        contributor: { authenticatedUser: true }
+      }),
+      enabled: !!projectId,
+      staleTime: 5 * 60 * 1e3
+      // 5 minutes
+    }
+  );
+}
+function useNavigationData(projectId) {
+  var _a;
+  const projectQuery = useNavigationProjectQuery(projectId);
+  const contributorQuery = useNavigationContributorQuery(projectId);
+  return {
+    // Individual queries
+    projectQuery,
+    contributorQuery,
+    // Combined data
+    data: {
+      project: projectQuery.data,
+      contributor: (_a = contributorQuery.data) == null ? void 0 : _a.contributor
+    },
+    // Combined loading state
+    isLoading: projectQuery.isLoading || contributorQuery.isLoading,
+    // Combined error state
+    error: projectQuery.error || contributorQuery.error,
+    // Check if any query is still loading
+    isAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,
+    // Check if all queries have data
+    hasAllData: !!(projectQuery.data && contributorQuery.data),
+    // Refetch all queries
+    refetchAll: () => {
+      projectQuery.refetch();
+      contributorQuery.refetch();
+    }
+  };
+}
 export {
-  Tasks
+  useNavigationContributorQuery,
+  useNavigationData,
+  useNavigationProjectQuery
 };
 //# sourceMappingURL=harmony85.mjs.map

package/dist/harmony85.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony85.mjs","sources":["../src/components/Sidebar/Widgets/Tasks/Tasks.tsx"],"sourcesContent":["import { shift } from '@floating-ui/core'\nimport { Button, JobIcon, Popover, Tooltip } from '@lokalise/louis'\nimport { useEffectOnce } from '@utils'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styles from './Tasks.module.css'\nimport { useTasks } from './TasksContext'\nimport { TasksPopover } from './TasksPopover/TasksPopover'\nimport { withTasksContext } from './TasksProvider'\nimport { TaskEvents } from './utils/taskEvents'\n\nexport const Tasks = withTasksContext(() => {\n\tconst [open, setOpen] = useState(false)\n\n\tconst { tasksCount } = useTasks()\n\n\tuseEffectOnce(() => {\n\t\tconst showDialog = () => {\n\t\t\tsetOpen(true)\n\t\t}\n\n\t\tdocument.addEventListener(TaskEvents.ShowDialog, showDialog)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(TaskEvents.ShowDialog, showDialog)\n\t\t}\n\t})\n\n\treturn (\n\t\t<Tooltip tooltip=\"Tasks\" placement=\"right\">\n\t\t\t<Popover\n\t\t\t\tcontent={<TasksPopover />}\n\t\t\t\tplacement=\"right\"\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={setOpen}\n\t\t\t\tmiddlewares={[\n\t\t\t\t\tshift({\n\t\t\t\t\t\t// Adding some spacing to the top and bottom so the popover\n\t\t\t\t\t\t// doesn't extend to the edges of the screen.\n\t\t\t\t\t\tpadding: {\n\t\t\t\t\t\t\ttop: 32,\n\t\t\t\t\t\t\tbottom: 32,\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t{(visible) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tdata-testid=\"sidebar-tasks-widget-button\"\n\t\t\t\t\t\taria-label=\"Tasks\"\n\t\t\t\t\t\tclassName={clsx(styles.navItem, {\n\t\t\t\t\t\t\t[styles.activeNavItem]: visible,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<JobIcon size=\"25px\" />\n\t\t\t\t\t\t{tasksCount > 0 && (\n\t\t\t\t\t\t\t<div className={styles.badge} aria-label={`${tasksCount} items requiring attention`}>\n\t\t\t\t\t\t\t\t{tasksCount > 9 ? '9+' : tasksCount}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t</Tooltip>\n\t)\n})\n"],"names":[],"mappings":";;;;;;;;;;;AAWa,MAAA,QAAQ,iBAAiB,MAAM;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEhC,QAAA,EAAE,WAAW,IAAI,SAAS;AAEhC,gBAAc,MAAM;AACnB,UAAM,aAAa,MAAM;AACxB,cAAQ,IAAI;AAAA,IACb;AAES,aAAA,iBAAiB,WAAW,YAAY,UAAU;AAE3D,WAAO,MAAM;AACH,eAAA,oBAAoB,WAAW,YAAY,UAAU;AAAA,IAC/D;AAAA,EAAA,CACA;AAED,SACE,oBAAA,SAAA,EAAQ,SAAQ,SAAQ,WAAU,SAClC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,6BAAU,cAAa,EAAA;AAAA,MACvB,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,QACZ,MAAM;AAAA;AAAA;AAAA,UAGL,SAAS;AAAA,YACR,KAAK;AAAA,YACL,QAAQ;AAAA,UAAA;AAAA,QAET,CAAA;AAAA,MACF;AAAA,MAEC,WAAC,YACD;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX,WAAW,KAAK,OAAO,SAAS;AAAA,YAC/B,CAAC,OAAO,aAAa,GAAG;AAAA,UAAA,CACxB;AAAA,UAED,UAAA;AAAA,YAAC,oBAAA,SAAA,EAAQ,MAAK,OAAO,CAAA;AAAA,YACpB,aAAa,KACZ,oBAAA,OAAA,EAAI,WAAW,OAAO,OAAO,cAAY,GAAG,UAAU,8BACrD,UAAa,aAAA,IAAI,OAAO,WAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEF;AAAA,EAAA,GAGH;AAEF,CAAC;"}
+{"version":3,"file":"harmony85.mjs","sources":["../src/features/navigation/hooks/useNavigationQueries.ts"],"sourcesContent":["import { createPublicApiHeaderBuilder } from '@features/auth/factories/headerBuilderFactories'\nimport {\n\tretrieveContributorKeys,\n\tuseRetrieveContributorQuery,\n} from '@features/publicApi/hooks/useRetrieveContributorQuery'\nimport {\n\tretrieveProjectQueryKey,\n\tuseRetrieveProjectQuery,\n} from '@features/publicApi/hooks/useRetrieveProjectQuery'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n\n/**\n * Hook to fetch project data for navigation\n */\nexport function useNavigationProjectQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveProjectQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveProjectQueryKey.projectIdKey(projectId),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Hook to fetch contributor data for navigation\n */\nexport function useNavigationContributorQuery(projectId: string) {\n\tconst navigationClient = useNavigationClient()\n\tconst expertPublicApiUrl = navigationClient.getExpertPublicApiUrl()\n\n\treturn useRetrieveContributorQuery(\n\t\tnavigationClient.getPublicApiClient(),\n\t\tcreatePublicApiHeaderBuilder(expertPublicApiUrl),\n\t\t{\n\t\t\tqueryKey: retrieveContributorKeys.projectUserKey({\n\t\t\t\tproject: { id: projectId },\n\t\t\t\tcontributor: { authenticatedUser: true },\n\t\t\t}),\n\t\t\tenabled: !!projectId,\n\t\t\tstaleTime: 5 * 60 * 1000, // 5 minutes\n\t\t},\n\t)\n}\n\n/**\n * Composite hook that fetches all navigation data\n */\nexport function useNavigationData(projectId: string) {\n\tconst projectQuery = useNavigationProjectQuery(projectId)\n\tconst contributorQuery = useNavigationContributorQuery(projectId)\n\n\treturn {\n\t\t// Individual queries\n\t\tprojectQuery,\n\t\tcontributorQuery,\n\n\t\t// Combined data\n\t\tdata: {\n\t\t\tproject: projectQuery.data,\n\t\t\tcontributor: contributorQuery.data?.contributor,\n\t\t},\n\n\t\t// Combined loading state\n\t\tisLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Combined error state\n\t\terror: projectQuery.error || contributorQuery.error,\n\n\t\t// Check if any query is still loading\n\t\tisAnyLoading: projectQuery.isLoading || contributorQuery.isLoading,\n\n\t\t// Check if all queries have data\n\t\thasAllData: !!(projectQuery.data && contributorQuery.data),\n\n\t\t// Refetch all queries\n\t\trefetchAll: () => {\n\t\t\tprojectQuery.refetch()\n\t\t\tcontributorQuery.refetch()\n\t\t},\n\t}\n}\n"],"names":[],"mappings":";;;;AAcO,SAAS,0BAA0B,WAAmB;AAC5D,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpC,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAU,wBAAwB,aAAa,SAAS;AAAA,MACxD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,8BAA8B,WAAmB;AAChE,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,qBAAqB,iBAAiB,sBAAsB;AAE3D,SAAA;AAAA,IACN,iBAAiB,mBAAmB;AAAA,IACpC,6BAA6B,kBAAkB;AAAA,IAC/C;AAAA,MACC,UAAU,wBAAwB,eAAe;AAAA,QAChD,SAAS,EAAE,IAAI,UAAU;AAAA,QACzB,aAAa,EAAE,mBAAmB,KAAK;AAAA,MAAA,CACvC;AAAA,MACD,SAAS,CAAC,CAAC;AAAA,MACX,WAAW,IAAI,KAAK;AAAA;AAAA,IAAA;AAAA,EAEtB;AACD;AAKO,SAAS,kBAAkB,WAAmB;;AAC9C,QAAA,eAAe,0BAA0B,SAAS;AAClD,QAAA,mBAAmB,8BAA8B,SAAS;AAEzD,SAAA;AAAA;AAAA,IAEN;AAAA,IACA;AAAA;AAAA,IAGA,MAAM;AAAA,MACL,SAAS,aAAa;AAAA,MACtB,cAAa,sBAAiB,SAAjB,mBAAuB;AAAA,IACrC;AAAA;AAAA,IAGA,WAAW,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGtD,OAAO,aAAa,SAAS,iBAAiB;AAAA;AAAA,IAG9C,cAAc,aAAa,aAAa,iBAAiB;AAAA;AAAA,IAGzD,YAAY,CAAC,EAAE,aAAa,QAAQ,iBAAiB;AAAA;AAAA,IAGrD,YAAY,MAAM;AACjB,mBAAa,QAAQ;AACrB,uBAAiB,QAAQ;AAAA,IAAA;AAAA,EAE3B;AACD;"}

package/dist/harmony86.cjs

@@ -1,12 +1,18 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
-const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const NavigationClientContext = React.createContext(void 0);
+const NavigationClientProvider = ({ client, children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(NavigationClientContext.Provider, { value: client, children });
 };
-exports.breadcrumbs = breadcrumbs;
-exports.breadcrumbsItem = breadcrumbsItem;
-exports.default = classes;
+const useNavigationClient = () => {
+  const context = React.useContext(NavigationClientContext);
+  if (context === void 0) {
+    throw new Error("useNavigationClient must be used within a NavigationClientProvider");
+  }
+  return context;
+};
+exports.NavigationClientProvider = NavigationClientProvider;
+exports.useNavigationClient = useNavigationClient;
 //# sourceMappingURL=harmony86.cjs.map

package/dist/harmony86.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony86.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"harmony86.cjs","sources":["../src/features/navigation/providers/NavigationClientProvider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from 'react'\nimport type { NavigationClient } from '../core/NavigationClient'\n\ninterface NavigationClientProviderProps {\n\tclient: NavigationClient\n\tchildren: ReactNode\n}\n\nconst NavigationClientContext = createContext<NavigationClient | undefined>(undefined)\n\nexport const NavigationClientProvider = ({ client, children }: NavigationClientProviderProps) => {\n\treturn (\n\t\t<NavigationClientContext.Provider value={client}>{children}</NavigationClientContext.Provider>\n\t)\n}\n\nexport const useNavigationClient = (): NavigationClient => {\n\tconst context = useContext(NavigationClientContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useNavigationClient must be used within a NavigationClientProvider')\n\t}\n\treturn context\n}\n"],"names":["createContext","useContext"],"mappings":";;;;AAQA,MAAM,0BAA0BA,oBAA4C,MAAS;AAE9E,MAAM,2BAA2B,CAAC,EAAE,QAAQ,eAA8C;AAChG,wCACE,wBAAwB,UAAxB,EAAiC,OAAO,QAAS,UAAS;AAE7D;AAEO,MAAM,sBAAsB,MAAwB;AACpD,QAAA,UAAUC,iBAAW,uBAAuB;AAClD,MAAI,YAAY,QAAW;AACpB,UAAA,IAAI,MAAM,oEAAoE;AAAA,EAAA;AAE9E,SAAA;AACR;;;"}

package/dist/harmony86.mjs

@@ -1,12 +1,18 @@
-const breadcrumbsItem = "_breadcrumbsItem_1hm6a_1";
-const breadcrumbs = "_breadcrumbs_1hm6a_1";
-const classes = {
-  breadcrumbsItem,
-  breadcrumbs
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const NavigationClientContext = createContext(void 0);
+const NavigationClientProvider = ({ client, children }) => {
+  return /* @__PURE__ */ jsx(NavigationClientContext.Provider, { value: client, children });
+};
+const useNavigationClient = () => {
+  const context = useContext(NavigationClientContext);
+  if (context === void 0) {
+    throw new Error("useNavigationClient must be used within a NavigationClientProvider");
+  }
+  return context;
 };
 export {
-  breadcrumbs,
-  breadcrumbsItem,
-  classes as default
+  NavigationClientProvider,
+  useNavigationClient
 };
 //# sourceMappingURL=harmony86.mjs.map

package/dist/harmony86.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony86.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"harmony86.mjs","sources":["../src/features/navigation/providers/NavigationClientProvider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from 'react'\nimport type { NavigationClient } from '../core/NavigationClient'\n\ninterface NavigationClientProviderProps {\n\tclient: NavigationClient\n\tchildren: ReactNode\n}\n\nconst NavigationClientContext = createContext<NavigationClient | undefined>(undefined)\n\nexport const NavigationClientProvider = ({ client, children }: NavigationClientProviderProps) => {\n\treturn (\n\t\t<NavigationClientContext.Provider value={client}>{children}</NavigationClientContext.Provider>\n\t)\n}\n\nexport const useNavigationClient = (): NavigationClient => {\n\tconst context = useContext(NavigationClientContext)\n\tif (context === undefined) {\n\t\tthrow new Error('useNavigationClient must be used within a NavigationClientProvider')\n\t}\n\treturn context\n}\n"],"names":[],"mappings":";;AAQA,MAAM,0BAA0B,cAA4C,MAAS;AAE9E,MAAM,2BAA2B,CAAC,EAAE,QAAQ,eAA8C;AAChG,6BACE,wBAAwB,UAAxB,EAAiC,OAAO,QAAS,UAAS;AAE7D;AAEO,MAAM,sBAAsB,MAAwB;AACpD,QAAA,UAAU,WAAW,uBAAuB;AAClD,MAAI,YAAY,QAAW;AACpB,UAAA,IAAI,MAAM,oEAAoE;AAAA,EAAA;AAE9E,SAAA;AACR;"}

package/dist/harmony87.cjs

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const louis = require("@lokalise/louis");
-const React = require("react");
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsxRuntime.jsx(louis.MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsxRuntime.jsx(louis.MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
-exports.DropdownContent = DropdownContent;
+const reactQuery = require("@tanstack/react-query");
+const queryClient = new reactQuery.QueryClient({});
+exports.queryClient = queryClient;
 //# sourceMappingURL=harmony87.cjs.map

package/dist/harmony87.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony87.cjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import type { DropdownItem } from '@features/navigation/types/navigation'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\n\nexport const DropdownContent = ({ items }: { items: DropdownItem[][] }) => (\n\t<>\n\t\t{items.map((item, index) => (\n\t\t\t<Fragment key={item[0].label}>\n\t\t\t\t{!!index && item.some((value) => value.visible) && <MenuDivider />}\n\t\t\t\t{item\n\t\t\t\t\t.filter(({ visible }) => visible)\n\t\t\t\t\t.map(({ link, label, onClick }) => (\n\t\t\t\t\t\t<MenuItem key={label} href={link || '#'} aria-label={label} onClick={onClick}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t</Fragment>\n\t\t))}\n\t</>\n)\n"],"names":["jsx","Fragment","jsxs","MenuDivider","MenuItem"],"mappings":";;;;;AAIO,MAAM,kBAAkB,CAAC,EAAE,MAAA,MACjCA,2BAAAA,IAAAC,WAAAA,UAAA,EACE,UAAM,MAAA,IAAI,CAAC,MAAM,UACjBC,2BAAAA,KAACD,MAAAA,UAAA,EACC,UAAA;AAAA,EAAC,CAAA,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,MAAM,OAAO,KAAKD,+BAACG,MAAAA,aAAY,CAAA,CAAA;AAAA,EAC/D,KACC,OAAO,CAAC,EAAE,cAAc,OAAO,EAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,MAC3BH,+BAAAI,MAAAA,UAAA,EAAqB,MAAM,QAAQ,KAAK,cAAY,OAAO,SAC1D,UADa,MAAA,GAAA,KAEf,CACA;AAAA,EAAA,GARY,KAAK,CAAC,EAAE,KASvB,CACA,EACF,CAAA;;"}
+{"version":3,"file":"harmony87.cjs","sources":["../src/shared/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient({})\n"],"names":["QueryClient"],"mappings":";;;AAEO,MAAM,cAAc,IAAIA,WAAAA,YAAY,CAAE,CAAA;;"}

package/dist/harmony87.mjs

@@ -1,11 +1,6 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { MenuDivider, MenuItem } from "@lokalise/louis";
-import { Fragment as Fragment$1 } from "react";
-const DropdownContent = ({ items }) => /* @__PURE__ */ jsx(Fragment, { children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-  !!index && item.some((value) => value.visible) && /* @__PURE__ */ jsx(MenuDivider, {}),
-  item.filter(({ visible }) => visible).map(({ link, label, onClick }) => /* @__PURE__ */ jsx(MenuItem, { href: link || "#", "aria-label": label, onClick, children: label }, label))
-] }, item[0].label)) });
+import { QueryClient } from "@tanstack/react-query";
+const queryClient = new QueryClient({});
 export {
-  DropdownContent
+  queryClient
 };
 //# sourceMappingURL=harmony87.mjs.map

package/dist/harmony87.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony87.mjs","sources":["../src/components/NavigationPanel/components/DropdownContent/DropdownContent.tsx"],"sourcesContent":["import type { DropdownItem } from '@features/navigation/types/navigation'\nimport { MenuDivider, MenuItem } from '@lokalise/louis'\nimport { Fragment } from 'react'\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":"harmony87.mjs","sources":["../src/shared/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient({})\n"],"names":[],"mappings":";AAEO,MAAM,cAAc,IAAI,YAAY,CAAE,CAAA;"}

package/dist/harmony88.cjs

@@ -2,31 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const louis = require("@lokalise/louis");
-const clsx = require("./harmony73.cjs");
-const React = require("react");
-const NavItemContents = require("./harmony98.cjs");
-const styles_module = require("./harmony99.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 SortingIcon = ({ direction }) => {
+  if (direction === "asc") {
+    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortAscendingIcon, { ariaLabel: "ascending sorting" });
+  }
+  if (direction === "desc") {
+    return /* @__PURE__ */ jsxRuntime.jsx(louis.SortDescendingIcon, { ariaLabel: "descending sorting" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(louis.SortIcon, { ariaLabel: "sorting" });
+};
+exports.SortingIcon = SortingIcon;
 //# sourceMappingURL=harmony88.cjs.map

package/dist/harmony88.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony88.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":"harmony88.cjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":["jsx","SortAscendingIcon","SortDescendingIcon","SortIcon"],"mappings":";;;;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAAA,2BAAA,IAACC,MAAkB,mBAAA,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAAD,2BAAA,IAACE,MAAmB,oBAAA,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAAF,2BAAA,IAACG,MAAS,UAAA,EAAA,WAAU,UAAU,CAAA;AACtC;;"}

package/dist/harmony88.mjs

@@ -1,32 +1,15 @@
 import { jsx } from "react/jsx-runtime";
-import { Tooltip } from "@lokalise/louis";
-import { clsx } from "./harmony73.mjs";
-import { forwardRef } from "react";
-import { NavItemContents } from "./harmony98.mjs";
-import classes from "./harmony99.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 { SortAscendingIcon, SortDescendingIcon, SortIcon } from "@lokalise/louis";
+const SortingIcon = ({ direction }) => {
+  if (direction === "asc") {
+    return /* @__PURE__ */ jsx(SortAscendingIcon, { ariaLabel: "ascending sorting" });
+  }
+  if (direction === "desc") {
+    return /* @__PURE__ */ jsx(SortDescendingIcon, { ariaLabel: "descending sorting" });
+  }
+  return /* @__PURE__ */ jsx(SortIcon, { ariaLabel: "sorting" });
+};
 export {
-  NavigationTabsItem
+  SortingIcon
 };
 //# sourceMappingURL=harmony88.mjs.map

package/dist/harmony88.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony88.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":"harmony88.mjs","sources":["../src/components/Table/components/SortingIcon.tsx"],"sourcesContent":["import { SortAscendingIcon, SortDescendingIcon, SortIcon } from '@lokalise/louis'\nimport type { SortDirection } from '@tanstack/react-table'\n\ntype SortingIconProps = {\n\tdirection: SortDirection | false\n}\n\nexport const SortingIcon = ({ direction }: SortingIconProps) => {\n\tif (direction === 'asc') {\n\t\treturn <SortAscendingIcon ariaLabel=\"ascending sorting\" />\n\t}\n\tif (direction === 'desc') {\n\t\treturn <SortDescendingIcon ariaLabel=\"descending sorting\" />\n\t}\n\treturn <SortIcon ariaLabel=\"sorting\" />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,cAAc,CAAC,EAAE,gBAAkC;AAC/D,MAAI,cAAc,OAAO;AACjB,WAAA,oBAAC,mBAAkB,EAAA,WAAU,oBAAoB,CAAA;AAAA,EAAA;AAEzD,MAAI,cAAc,QAAQ;AAClB,WAAA,oBAAC,oBAAmB,EAAA,WAAU,qBAAqB,CAAA;AAAA,EAAA;AAEpD,SAAA,oBAAC,UAAS,EAAA,WAAU,UAAU,CAAA;AACtC;"}

package/dist/harmony89.cjs

@@ -1,6 +1,15 @@
 "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;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const headerSortButton = "_headerSortButton_b5tlh_1";
+const centeredCell = "_centeredCell_b5tlh_15";
+const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
+const styles = {
+  headerSortButton,
+  centeredCell,
+  rightAlignedCell
+};
+exports.centeredCell = centeredCell;
+exports.default = styles;
+exports.headerSortButton = headerSortButton;
+exports.rightAlignedCell = rightAlignedCell;
 //# sourceMappingURL=harmony89.cjs.map

package/dist/harmony89.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony89.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '@features/navigation/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":"harmony89.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/harmony89.mjs

@@ -1,6 +1,15 @@
-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));
+const headerSortButton = "_headerSortButton_b5tlh_1";
+const centeredCell = "_centeredCell_b5tlh_15";
+const rightAlignedCell = "_rightAlignedCell_b5tlh_19";
+const styles = {
+  headerSortButton,
+  centeredCell,
+  rightAlignedCell
+};
 export {
-  isNavigationItemVisible
+  centeredCell,
+  styles as default,
+  headerSortButton,
+  rightAlignedCell
 };
 //# sourceMappingURL=harmony89.mjs.map

package/dist/harmony89.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony89.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/helpers.ts"],"sourcesContent":["import type { DropdownItem, NavigationTabsItem } from '@features/navigation/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":"harmony89.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/harmony90.cjs

@@ -2,35 +2,13 @@
 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("./harmony73.cjs");
-const SortingIcon = require("./harmony100.cjs");
-const TableHeaderCell_module = require("./harmony101.cjs");
-const TableHeaderCell = ({
-  header,
-  align = "left",
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  louis.TableHeaderCell,
-  {
-    className: clsx.clsx(className, {
-      [TableHeaderCell_module.default.centeredCell]: align === "center",
-      [TableHeaderCell_module.default.rightAlignedCell]: align === "right"
-    }),
-    ...rest,
-    children: [
-      reactTable.flexRender(header.column.columnDef.header, header.getContext()),
-      header.column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx(
-        SortColumnButton,
-        {
-          direction: header.column.getIsSorted(),
-          onSortToggle: header.column.getToggleSortingHandler()
-        }
-      )
-    ]
-  }
-);
-const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSortToggle, className: TableHeaderCell_module.default.headerSortButton, children: /* @__PURE__ */ jsxRuntime.jsx(SortingIcon.SortingIcon, { direction }) });
-exports.TableHeaderCell = TableHeaderCell;
+const styles_module = require("./harmony91.cjs");
+const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+    !!badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
+  ] }),
+  !!novel && /* @__PURE__ */ jsxRuntime.jsx(louis.Tag, { className: styles_module.default.tag, children: novel })
+] });
+exports.NavItemContents = NavItemContents;
 //# sourceMappingURL=harmony90.cjs.map

package/dist/harmony90.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.cjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import {\n\tTableHeaderCell as LouisTableHeaderCell,\n\ttype TableHeaderCellProps as LouisTableHeaderCellProps,\n} from '@lokalise/louis'\nimport { type Header, type SortDirection, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype TableHeaderProps<T> = LouisTableHeaderCellProps & {\n\theader: Header<T, unknown>\n}\n\nexport const TableHeaderCell = <T,>({\n\theader,\n\talign = 'left',\n\tclassName,\n\t...rest\n}: TableHeaderProps<T>) => (\n\t<LouisTableHeaderCell\n\t\tclassName={cx(className, {\n\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t})}\n\t\t{...rest}\n\t>\n\t\t{flexRender(header.column.columnDef.header, header.getContext())}\n\t\t{header.column.getCanSort() && (\n\t\t\t<SortColumnButton\n\t\t\t\tdirection={header.column.getIsSorted()}\n\t\t\t\tonSortToggle={header.column.getToggleSortingHandler()}\n\t\t\t/>\n\t\t)}\n\t</LouisTableHeaderCell>\n)\n\ntype SortColumnButtonProps = {\n\tdirection: SortDirection | false\n\tonSortToggle?: (event: unknown) => void\n}\n\nconst SortColumnButton = ({ direction, onSortToggle }: SortColumnButtonProps) => (\n\t<button type=\"button\" onClick={onSortToggle} className={styles.headerSortButton}>\n\t\t<SortingIcon direction={direction} />\n\t</button>\n)\n"],"names":["jsxs","LouisTableHeaderCell","cx","styles","flexRender","jsx","SortingIcon"],"mappings":";;;;;;;;AAaO,MAAM,kBAAkB,CAAK;AAAA,EACnC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MACCA,2BAAA;AAAA,EAACC,MAAA;AAAA,EAAA;AAAA,IACA,WAAWC,UAAG,WAAW;AAAA,MACxB,CAACC,uBAAA,QAAO,YAAY,GAAG,UAAU;AAAA,MACjC,CAACA,uBAAA,QAAO,gBAAgB,GAAG,UAAU;AAAA,IAAA,CACrC;AAAA,IACA,GAAG;AAAA,IAEH,UAAA;AAAA,MAAAC,WAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAAA,MAC9D,OAAO,OAAO,WAAA,KACdC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,OAAO,OAAO,YAAY;AAAA,UACrC,cAAc,OAAO,OAAO,wBAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;AAQD,MAAM,mBAAmB,CAAC,EAAE,WAAW,aAAa,qCAClD,UAAO,EAAA,MAAK,UAAS,SAAS,cAAc,WAAWF,+BAAO,kBAC9D,UAACE,2BAAA,IAAAC,yBAAA,EAAY,UAAsB,CAAA,GACpC;;"}
+{"version":3,"file":"harmony90.cjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":["jsxs","jsx","classes","Tag"],"mappings":";;;;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/CA,2BAAA,KAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAAA,gCAAC,OACA,EAAA,UAAA;AAAA,IAAAC,2BAAAA,IAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACFA,+BAAC,SAAI,WAAWC,cAAA,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAASD,2BAAA,IAACE,aAAI,WAAWD,sBAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;;"}

package/dist/harmony90.mjs

@@ -1,36 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { TableHeaderCell as TableHeaderCell$1 } from "@lokalise/louis";
-import { flexRender } from "@tanstack/react-table";
-import { clsx } from "./harmony73.mjs";
-import { SortingIcon } from "./harmony100.mjs";
-import styles from "./harmony101.mjs";
-const TableHeaderCell = ({
-  header,
-  align = "left",
-  className,
-  ...rest
-}) => /* @__PURE__ */ jsxs(
-  TableHeaderCell$1,
-  {
-    className: clsx(className, {
-      [styles.centeredCell]: align === "center",
-      [styles.rightAlignedCell]: align === "right"
-    }),
-    ...rest,
-    children: [
-      flexRender(header.column.columnDef.header, header.getContext()),
-      header.column.getCanSort() && /* @__PURE__ */ jsx(
-        SortColumnButton,
-        {
-          direction: header.column.getIsSorted(),
-          onSortToggle: header.column.getToggleSortingHandler()
-        }
-      )
-    ]
-  }
-);
-const SortColumnButton = ({ direction, onSortToggle }) => /* @__PURE__ */ jsx("button", { type: "button", onClick: onSortToggle, className: styles.headerSortButton, children: /* @__PURE__ */ jsx(SortingIcon, { direction }) });
+import { Tag } from "@lokalise/louis";
+import classes from "./harmony91.mjs";
+const NavItemContents = ({ label, badge, novel }) => /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+  /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    !!badge && /* @__PURE__ */ jsx("div", { className: classes.badge, "aria-label": `${badge} items requiring attention`, children: badge > 9 ? "9+" : badge })
+  ] }),
+  !!novel && /* @__PURE__ */ jsx(Tag, { className: classes.tag, children: novel })
+] });
 export {
-  TableHeaderCell
+  NavItemContents
 };
 //# sourceMappingURL=harmony90.mjs.map

package/dist/harmony90.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony90.mjs","sources":["../src/components/Table/components/TableHeaderCell.tsx"],"sourcesContent":["import {\n\tTableHeaderCell as LouisTableHeaderCell,\n\ttype TableHeaderCellProps as LouisTableHeaderCellProps,\n} from '@lokalise/louis'\nimport { type Header, type SortDirection, flexRender } from '@tanstack/react-table'\nimport cx from 'clsx'\nimport { SortingIcon } from './SortingIcon'\nimport styles from './TableHeaderCell.module.css'\n\ntype TableHeaderProps<T> = LouisTableHeaderCellProps & {\n\theader: Header<T, unknown>\n}\n\nexport const TableHeaderCell = <T,>({\n\theader,\n\talign = 'left',\n\tclassName,\n\t...rest\n}: TableHeaderProps<T>) => (\n\t<LouisTableHeaderCell\n\t\tclassName={cx(className, {\n\t\t\t[styles.centeredCell]: align === 'center',\n\t\t\t[styles.rightAlignedCell]: align === 'right',\n\t\t})}\n\t\t{...rest}\n\t>\n\t\t{flexRender(header.column.columnDef.header, header.getContext())}\n\t\t{header.column.getCanSort() && (\n\t\t\t<SortColumnButton\n\t\t\t\tdirection={header.column.getIsSorted()}\n\t\t\t\tonSortToggle={header.column.getToggleSortingHandler()}\n\t\t\t/>\n\t\t)}\n\t</LouisTableHeaderCell>\n)\n\ntype SortColumnButtonProps = {\n\tdirection: SortDirection | false\n\tonSortToggle?: (event: unknown) => void\n}\n\nconst SortColumnButton = ({ direction, onSortToggle }: SortColumnButtonProps) => (\n\t<button type=\"button\" onClick={onSortToggle} className={styles.headerSortButton}>\n\t\t<SortingIcon direction={direction} />\n\t</button>\n)\n"],"names":["LouisTableHeaderCell","cx"],"mappings":";;;;;;AAaO,MAAM,kBAAkB,CAAK;AAAA,EACnC;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACJ,MACC;AAAA,EAACA;AAAAA,EAAA;AAAA,IACA,WAAWC,KAAG,WAAW;AAAA,MACxB,CAAC,OAAO,YAAY,GAAG,UAAU;AAAA,MACjC,CAAC,OAAO,gBAAgB,GAAG,UAAU;AAAA,IAAA,CACrC;AAAA,IACA,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY;AAAA,MAC9D,OAAO,OAAO,WAAA,KACd;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,WAAW,OAAO,OAAO,YAAY;AAAA,UACrC,cAAc,OAAO,OAAO,wBAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAEF;AAQD,MAAM,mBAAmB,CAAC,EAAE,WAAW,aAAa,0BAClD,UAAO,EAAA,MAAK,UAAS,SAAS,cAAc,WAAW,OAAO,kBAC9D,UAAC,oBAAA,aAAA,EAAY,UAAsB,CAAA,GACpC;"}
+{"version":3,"file":"harmony90.mjs","sources":["../src/components/NavigationPanel/components/NavigationTabs/NavigationTabsItem/NavItemContents.tsx"],"sourcesContent":["import { Tag } from '@lokalise/louis'\n\nimport classes from './styles.module.css'\n\ninterface NavItemContentProps {\n\tlabel: string\n\tbadge?: number\n\tnovel?: string\n}\nexport const NavItemContents = ({ label, badge, novel }: NavItemContentProps) => (\n\t<div className=\"flex gap-1\">\n\t\t<div>\n\t\t\t<span>{label}</span>\n\t\t\t{!!badge && (\n\t\t\t\t<div className={classes.badge} aria-label={`${badge} items requiring attention`}>\n\t\t\t\t\t{badge > 9 ? '9+' : badge}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t\t{!!novel && <Tag className={classes.tag}>{novel}</Tag>}\n\t</div>\n)\n"],"names":[],"mappings":";;;AASa,MAAA,kBAAkB,CAAC,EAAE,OAAO,OAAO,YAC/C,qBAAC,OAAI,EAAA,WAAU,cACd,UAAA;AAAA,EAAA,qBAAC,OACA,EAAA,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IACZ,CAAC,CAAC,SACF,oBAAC,SAAI,WAAW,QAAQ,OAAO,cAAY,GAAG,KAAK,8BACjD,UAAQ,QAAA,IAAI,OAAO,MACrB,CAAA;AAAA,EAAA,GAEF;AAAA,EACC,CAAC,CAAC,SAAS,oBAAC,OAAI,WAAW,QAAQ,KAAM,UAAM,MAAA,CAAA;AAAA,EACjD,CAAA;"}