@lokalise/harmony 1.8.0 → 1.8.2

package/dist/harmony.mjs

@@ -1,1107 +1,691 @@
-var Ct = Object.defineProperty;
-var Nt = (e, t, n) => t in e ? Ct(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Re = (e, t, n) => Nt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as i, jsxs as p, Fragment as rt } from "react/jsx-runtime";
-import * as q from "react";
-import { useRef as at, useState as ge, useCallback as je, useEffect as M, useContext as Rt, createContext as jt, cloneElement as Pt, Fragment as ot, forwardRef as At } from "react";
-import { Tooltip as he, Link as it, Menu as pe, MenuList as ve, CaretUpIcon as Ot, UserIcon as st, MenuItem as J, MenuDivider as ct, Tag as Lt } from "@lokalise/louis";
-import { format as lt } from "date-fns";
-import { toZonedTime as qt } from "date-fns-tz";
-import { z as r } from "zod";
-import { sendByPayloadRoute as K, sendByGetRoute as W } from "@lokalise/frontend-http-client";
-import { buildPayloadRoute as ut } from "@lokalise/universal-ts-utils/api-contracts/apiContracts";
-import { useQuery as x, useMutation as Mt } from "@tanstack/react-query";
-import { buildGetRoute as Q } from "@lokalise/universal-ts-utils/node";
-var H = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function dt(e) {
+import { jsx as i, jsxs as b, Fragment as $e } from "react/jsx-runtime";
+import * as k from "react";
+import { useRef as on, useState as Ue, useCallback as me, useEffect as ie, useContext as sn, createContext as cn, cloneElement as ln, Fragment as De, forwardRef as un } from "react";
+import { Tooltip as ae, Link as ze, Menu as oe, MenuList as se, CaretUpIcon as dn, UserIcon as Fe, MenuItem as $, MenuDivider as We, Tag as fn } from "@lokalise/louis";
+import { format as He } from "date-fns";
+import { toZonedTime as mn } from "date-fns-tz";
+var B = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Z, Pe;
-function Te() {
-  if (Pe) return Z;
-  Pe = 1;
-  function e(t) {
-    var n = typeof t;
-    return t != null && (n == "object" || n == "function");
+var D, he;
+function ce() {
+  if (he) return D;
+  he = 1;
+  function e(n) {
+    var t = typeof n;
+    return n != null && (t == "object" || t == "function");
   }
-  return Z = e, Z;
-}
-var X, Ae;
-function xt() {
-  if (Ae) return X;
-  Ae = 1;
-  var e = typeof H == "object" && H && H.Object === Object && H;
-  return X = e, X;
-}
-var ee, Oe;
-function mt() {
-  if (Oe) return ee;
-  Oe = 1;
-  var e = xt(), t = typeof self == "object" && self && self.Object === Object && self, n = e || t || Function("return this")();
-  return ee = n, ee;
-}
-var te, Le;
-function Ut() {
-  if (Le) return te;
-  Le = 1;
-  var e = mt(), t = function() {
+  return D = e, D;
+}
+var z, ge;
+function hn() {
+  if (ge) return z;
+  ge = 1;
+  var e = typeof B == "object" && B && B.Object === Object && B;
+  return z = e, z;
+}
+var F, pe;
+function Ve() {
+  if (pe) return F;
+  pe = 1;
+  var e = hn(), n = typeof self == "object" && self && self.Object === Object && self, t = e || n || Function("return this")();
+  return F = t, F;
+}
+var W, be;
+function gn() {
+  if (be) return W;
+  be = 1;
+  var e = Ve(), n = function() {
     return e.Date.now();
   };
-  return te = t, te;
+  return W = n, W;
 }
-var ne, qe;
-function Bt() {
-  if (qe) return ne;
-  qe = 1;
+var H, _e;
+function pn() {
+  if (_e) return H;
+  _e = 1;
   var e = /\s/;
-  function t(n) {
-    for (var a = n.length; a-- && e.test(n.charAt(a)); )
+  function n(t) {
+    for (var r = t.length; r-- && e.test(t.charAt(r)); )
       ;
-    return a;
+    return r;
   }
-  return ne = t, ne;
-}
-var re, Me;
-function $t() {
-  if (Me) return re;
-  Me = 1;
-  var e = Bt(), t = /^\s+/;
-  function n(a) {
-    return a && a.slice(0, e(a) + 1).replace(t, "");
+  return H = n, H;
+}
+var G, ve;
+function bn() {
+  if (ve) return G;
+  ve = 1;
+  var e = pn(), n = /^\s+/;
+  function t(r) {
+    return r && r.slice(0, e(r) + 1).replace(n, "");
   }
-  return re = n, re;
-}
-var ae, xe;
-function ft() {
-  if (xe) return ae;
-  xe = 1;
-  var e = mt(), t = e.Symbol;
-  return ae = t, ae;
-}
-var oe, Ue;
-function Ht() {
-  if (Ue) return oe;
-  Ue = 1;
-  var e = ft(), t = Object.prototype, n = t.hasOwnProperty, a = t.toString, o = e ? e.toStringTag : void 0;
-  function s(c) {
-    var u = n.call(c, o), d = c[o];
+  return G = t, G;
+}
+var V, Te;
+function Ye() {
+  if (Te) return V;
+  Te = 1;
+  var e = Ve(), n = e.Symbol;
+  return V = n, V;
+}
+var Y, we;
+function _n() {
+  if (we) return Y;
+  we = 1;
+  var e = Ye(), n = Object.prototype, t = n.hasOwnProperty, r = n.toString, a = e ? e.toStringTag : void 0;
+  function o(s) {
+    var l = t.call(s, a), u = s[a];
     try {
-      c[o] = void 0;
-      var l = !0;
+      s[a] = void 0;
+      var c = !0;
     } catch {
     }
-    var m = a.call(c);
-    return l && (u ? c[o] = d : delete c[o]), m;
+    var d = r.call(s);
+    return c && (l ? s[a] = u : delete s[a]), d;
   }
-  return oe = s, oe;
-}
-var ie, Be;
-function Dt() {
-  if (Be) return ie;
-  Be = 1;
-  var e = Object.prototype, t = e.toString;
-  function n(a) {
-    return t.call(a);
+  return Y = o, Y;
+}
+var Z, Ie;
+function vn() {
+  if (Ie) return Z;
+  Ie = 1;
+  var e = Object.prototype, n = e.toString;
+  function t(r) {
+    return n.call(r);
   }
-  return ie = n, ie;
-}
-var se, $e;
-function zt() {
-  if ($e) return se;
-  $e = 1;
-  var e = ft(), t = Ht(), n = Dt(), a = "[object Null]", o = "[object Undefined]", s = e ? e.toStringTag : void 0;
-  function c(u) {
-    return u == null ? u === void 0 ? o : a : s && s in Object(u) ? t(u) : n(u);
+  return Z = t, Z;
+}
+var X, ye;
+function Tn() {
+  if (ye) return X;
+  ye = 1;
+  var e = Ye(), n = _n(), t = vn(), r = "[object Null]", a = "[object Undefined]", o = e ? e.toStringTag : void 0;
+  function s(l) {
+    return l == null ? l === void 0 ? a : r : o && o in Object(l) ? n(l) : t(l);
   }
-  return se = c, se;
-}
-var ce, He;
-function Ft() {
-  if (He) return ce;
-  He = 1;
-  function e(t) {
-    return t != null && typeof t == "object";
+  return X = s, X;
+}
+var J, Ne;
+function wn() {
+  if (Ne) return J;
+  Ne = 1;
+  function e(n) {
+    return n != null && typeof n == "object";
   }
-  return ce = e, ce;
-}
-var le, De;
-function Gt() {
-  if (De) return le;
-  De = 1;
-  var e = zt(), t = Ft(), n = "[object Symbol]";
-  function a(o) {
-    return typeof o == "symbol" || t(o) && e(o) == n;
+  return J = e, J;
+}
+var K, Se;
+function In() {
+  if (Se) return K;
+  Se = 1;
+  var e = Tn(), n = wn(), t = "[object Symbol]";
+  function r(a) {
+    return typeof a == "symbol" || n(a) && e(a) == t;
   }
-  return le = a, le;
-}
-var ue, ze;
-function Jt() {
-  if (ze) return ue;
-  ze = 1;
-  var e = $t(), t = Te(), n = Gt(), a = NaN, o = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, c = /^0o[0-7]+$/i, u = parseInt;
-  function d(l) {
-    if (typeof l == "number")
-      return l;
-    if (n(l))
-      return a;
-    if (t(l)) {
-      var m = typeof l.valueOf == "function" ? l.valueOf() : l;
-      l = t(m) ? m + "" : m;
+  return K = r, K;
+}
+var Q, Ee;
+function yn() {
+  if (Ee) return Q;
+  Ee = 1;
+  var e = bn(), n = ce(), t = In(), r = NaN, a = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, s = /^0o[0-7]+$/i, l = parseInt;
+  function u(c) {
+    if (typeof c == "number")
+      return c;
+    if (t(c))
+      return r;
+    if (n(c)) {
+      var d = typeof c.valueOf == "function" ? c.valueOf() : c;
+      c = n(d) ? d + "" : d;
     }
-    if (typeof l != "string")
-      return l === 0 ? l : +l;
-    l = e(l);
-    var _ = s.test(l);
-    return _ || c.test(l) ? u(l.slice(2), _ ? 2 : 8) : o.test(l) ? a : +l;
+    if (typeof c != "string")
+      return c === 0 ? c : +c;
+    c = e(c);
+    var h = o.test(c);
+    return h || s.test(c) ? l(c.slice(2), h ? 2 : 8) : a.test(c) ? r : +c;
   }
-  return ue = d, ue;
+  return Q = u, Q;
 }
-var de, Fe;
-function bt() {
-  if (Fe) return de;
-  Fe = 1;
-  var e = Te(), t = Ut(), n = Jt(), a = "Expected a function", o = Math.max, s = Math.min;
-  function c(u, d, l) {
-    var m, _, y, E, b, T, w = 0, S = !1, g = !1, k = !0;
-    if (typeof u != "function")
-      throw new TypeError(a);
-    d = n(d) || 0, e(l) && (S = !!l.leading, g = "maxWait" in l, y = g ? o(n(l.maxWait) || 0, d) : y, k = "trailing" in l ? !!l.trailing : k);
-    function v(f) {
-      var C = m, L = _;
-      return m = _ = void 0, w = f, E = u.apply(L, C), E;
+var ee, Pe;
+function Ze() {
+  if (Pe) return ee;
+  Pe = 1;
+  var e = ce(), n = gn(), t = yn(), r = "Expected a function", a = Math.max, o = Math.min;
+  function s(l, u, c) {
+    var d, h, T, N, m, v, w = 0, I = !1, g = !1, S = !0;
+    if (typeof l != "function")
+      throw new TypeError(r);
+    u = t(u) || 0, e(c) && (I = !!c.leading, g = "maxWait" in c, T = g ? a(t(c.maxWait) || 0, u) : T, S = "trailing" in c ? !!c.trailing : S);
+    function _(f) {
+      var E = d, L = h;
+      return d = h = void 0, w = f, N = l.apply(L, E), N;
     }
-    function h(f) {
-      return w = f, b = setTimeout($, d), S ? v(f) : E;
+    function p(f) {
+      return w = f, m = setTimeout(q, u), I ? _(f) : N;
     }
-    function B(f) {
-      var C = f - T, L = f - w, Ne = d - C;
-      return g ? s(Ne, y - L) : Ne;
+    function A(f) {
+      var E = f - v, L = f - w, fe = u - E;
+      return g ? o(fe, T - L) : fe;
     }
-    function ke(f) {
-      var C = f - T, L = f - w;
-      return T === void 0 || C >= d || C < 0 || g && L >= y;
+    function ue(f) {
+      var E = f - v, L = f - w;
+      return v === void 0 || E >= u || E < 0 || g && L >= T;
     }
-    function $() {
-      var f = t();
-      if (ke(f))
-        return Ce(f);
-      b = setTimeout($, B(f));
+    function q() {
+      var f = n();
+      if (ue(f))
+        return de(f);
+      m = setTimeout(q, A(f));
     }
-    function Ce(f) {
-      return b = void 0, k && m ? v(f) : (m = _ = void 0, E);
+    function de(f) {
+      return m = void 0, S && d ? _(f) : (d = h = void 0, N);
     }
-    function Et() {
-      b !== void 0 && clearTimeout(b), w = 0, m = T = _ = b = void 0;
+    function rn() {
+      m !== void 0 && clearTimeout(m), w = 0, d = v = h = m = void 0;
     }
-    function kt() {
-      return b === void 0 ? E : Ce(t());
+    function an() {
+      return m === void 0 ? N : de(n());
     }
-    function V() {
-      var f = t(), C = ke(f);
-      if (m = arguments, _ = this, T = f, C) {
-        if (b === void 0)
-          return h(T);
+    function U() {
+      var f = n(), E = ue(f);
+      if (d = arguments, h = this, v = f, E) {
+        if (m === void 0)
+          return p(v);
         if (g)
-          return clearTimeout(b), b = setTimeout($, d), v(T);
+          return clearTimeout(m), m = setTimeout(q, u), _(v);
       }
-      return b === void 0 && (b = setTimeout($, d)), E;
+      return m === void 0 && (m = setTimeout(q, u)), N;
     }
-    return V.cancel = Et, V.flush = kt, V;
+    return U.cancel = rn, U.flush = an, U;
   }
-  return de = c, de;
-}
-var Kt = bt();
-const Wt = /* @__PURE__ */ dt(Kt);
-var me, Ge;
-function Qt() {
-  if (Ge) return me;
-  Ge = 1;
-  var e = bt(), t = Te(), n = "Expected a function";
-  function a(o, s, c) {
-    var u = !0, d = !0;
-    if (typeof o != "function")
-      throw new TypeError(n);
-    return t(c) && (u = "leading" in c ? !!c.leading : u, d = "trailing" in c ? !!c.trailing : d), e(o, s, {
-      leading: u,
-      maxWait: s,
-      trailing: d
+  return ee = s, ee;
+}
+var Nn = Ze();
+const Sn = /* @__PURE__ */ Ge(Nn);
+var ne, je;
+function En() {
+  if (je) return ne;
+  je = 1;
+  var e = Ze(), n = ce(), t = "Expected a function";
+  function r(a, o, s) {
+    var l = !0, u = !0;
+    if (typeof a != "function")
+      throw new TypeError(t);
+    return n(s) && (l = "leading" in s ? !!s.leading : l, u = "trailing" in s ? !!s.trailing : u), e(a, o, {
+      leading: l,
+      maxWait: o,
+      trailing: u
     });
   }
-  return me = a, me;
+  return ne = r, ne;
 }
-var Yt = Qt();
-const Vt = /* @__PURE__ */ dt(Yt), Zt = (e, t, n, a) => {
-  switch (t) {
+var Pn = En();
+const jn = /* @__PURE__ */ Ge(Pn), Rn = (e, n, t, r) => {
+  switch (n) {
     case "debounce":
-      return Wt(e, n, a);
+      return Sn(e, t, r);
     case "throttle":
-      return Vt(e, n, a);
+      return jn(e, t, r);
     default:
       return e;
   }
-}, Xt = (
+}, xn = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const t = q.useRef(e);
-    return q.useEffect(() => {
-      t.current = e;
-    }), q.useMemo(() => (...n) => {
-      var a;
-      return (a = t.current) === null || a === void 0 ? void 0 : a.call(t, ...n);
+    const n = k.useRef(e);
+    return k.useEffect(() => {
+      n.current = e;
+    }), k.useMemo(() => (...t) => {
+      var r;
+      return (r = n.current) === null || r === void 0 ? void 0 : r.call(n, ...t);
     }, []);
   }
-), en = (
+), Cn = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [t, n] = q.useState((e == null ? void 0 : e.current) || null);
+    const [n, t] = k.useState((e == null ? void 0 : e.current) || null);
     return e && setTimeout(() => {
-      e.current !== t && n(e.current);
-    }, 0), { refProxy: q.useMemo(() => new Proxy((o) => {
-      o !== t && n(o);
+      e.current !== n && t(e.current);
+    }, 0), { refProxy: k.useMemo(() => new Proxy((a) => {
+      a !== n && t(a);
     }, {
-      get(o, s) {
-        return s === "current" ? t : o[s];
+      get(a, o) {
+        return o === "current" ? n : a[o];
       },
-      set(o, s, c) {
-        return s === "current" ? n(c) : o[s] = c, !0;
+      set(a, o, s) {
+        return o === "current" ? t(s) : a[o] = s, !0;
       }
-    }), [t]), refElement: t, setRefElement: n };
+    }), [n]), refElement: n, setRefElement: t };
   }
-), tn = (e, t) => t === "border-box" ? {
+), Ln = (e, n) => n === "border-box" ? {
   width: e.borderBoxSize[0].inlineSize,
   height: e.borderBoxSize[0].blockSize
-} : t === "content-box" ? {
+} : n === "content-box" ? {
   width: e.contentBoxSize[0].inlineSize,
   height: e.contentBoxSize[0].blockSize
 } : {
   width: e.contentRect.width,
   height: e.contentRect.height
 };
-function nn({ skipOnMount: e = !1, refreshMode: t, refreshRate: n = 1e3, refreshOptions: a, handleWidth: o = !0, handleHeight: s = !0, targetRef: c, observerOptions: u, onResize: d } = {}) {
-  const l = at(e), m = Xt(d), [_, y] = ge({
+function kn({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: o = !0, targetRef: s, observerOptions: l, onResize: u } = {}) {
+  const c = on(e), d = xn(u), [h, T] = Ue({
     width: void 0,
     height: void 0
-  }), { refProxy: E, refElement: b } = en(c), { box: T } = u || {}, w = je((g) => {
-    if (!o && !s)
+  }), { refProxy: N, refElement: m } = Cn(s), { box: v } = l || {}, w = me((g) => {
+    if (!a && !o)
       return;
-    if (l.current) {
-      l.current = !1;
+    if (c.current) {
+      c.current = !1;
       return;
     }
-    const k = (v, h) => o && v.width !== h.width || s && v.height !== h.height;
-    g.forEach((v) => {
-      const h = tn(v, T);
-      y((B) => k(B, h) ? (m == null || m({
-        width: h.width,
-        height: h.height,
-        entry: v
-      }), h) : B);
+    const S = (_, p) => a && _.width !== p.width || o && _.height !== p.height;
+    g.forEach((_) => {
+      const p = Ln(_, v);
+      T((A) => S(A, p) ? (d == null || d({
+        width: p.width,
+        height: p.height,
+        entry: _
+      }), p) : A);
     });
-  }, [o, s, l, T]), S = je(Zt(w, t, n, a), [
+  }, [a, o, c, v]), I = me(Rn(w, n, t, r), [
     w,
-    t,
     n,
-    a
+    t,
+    r
   ]);
-  return M(() => {
+  return ie(() => {
     let g;
-    return b ? (g = new window.ResizeObserver(S), g.observe(b, u)) : (_.width || _.height) && (m == null || m({
+    return m ? (g = new window.ResizeObserver(I), g.observe(m, l)) : (h.width || h.height) && (d == null || d({
       width: null,
       height: null,
       entry: null
-    }), y({ width: void 0, height: void 0 })), () => {
-      var k, v, h;
-      (k = g == null ? void 0 : g.disconnect) === null || k === void 0 || k.call(g), (h = (v = S).cancel) === null || h === void 0 || h.call(v);
+    }), T({ width: void 0, height: void 0 })), () => {
+      var S, _, p;
+      (S = g == null ? void 0 : g.disconnect) === null || S === void 0 || S.call(g), (p = (_ = I).cancel) === null || p === void 0 || p.call(_);
     };
-  }, [S, b]), Object.assign({ ref: E }, _);
+  }, [I, m]), Object.assign({ ref: N }, h);
 }
-function _t(e) {
-  var t, n, a = "";
-  if (typeof e == "string" || typeof e == "number") a += e;
+function Xe(e) {
+  var n, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (n = _t(e[t])) && (a && (a += " "), a += n);
-  } else for (n in e) e[n] && (a && (a += " "), a += n);
-  return a;
-}
-function j() {
-  for (var e, t, n = 0, a = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = _t(e)) && (a && (a += " "), a += t);
-  return a;
-}
-const rn = "_headerContainer_1cubo_1", an = "_navigationTabList_1cubo_8", on = "_navigationTab_1cubo_8", sn = "_headerContent_1cubo_34", cn = "_staticEnabled_1cubo_50", A = {
-  headerContainer: rn,
-  navigationTabList: an,
-  navigationTab: on,
-  headerContent: sn,
-  staticEnabled: cn
-}, ln = 77, z = ({ sticky: e, children: t }) => {
-  const { ref: n, height: a } = nn({
+    var a = e.length;
+    for (n = 0; n < a; n++) e[n] && (t = Xe(e[n])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
+}
+function R() {
+  for (var e, n, t = 0, r = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (n = Xe(e)) && (r && (r += " "), r += n);
+  return r;
+}
+const On = "_headerContainer_1cubo_1", An = "_navigationTabList_1cubo_8", qn = "_navigationTab_1cubo_8", Bn = "_headerContent_1cubo_34", Mn = "_staticEnabled_1cubo_50", C = {
+  headerContainer: On,
+  navigationTabList: An,
+  navigationTab: qn,
+  headerContent: Bn,
+  staticEnabled: Mn
+}, $n = 77, M = ({ sticky: e, children: n }) => {
+  const { ref: t, height: r } = kn({
     refreshMode: "debounce",
     refreshRate: 0
-  }), [o, s] = ge(!1), c = () => o ? !e : !0;
-  M(() => {
-    const d = () => {
-      s(window.scrollY > 0);
+  }), [a, o] = Ue(!1), s = () => a ? !e : !0;
+  ie(() => {
+    const u = () => {
+      o(window.scrollY > 0);
     };
-    return window.addEventListener("scroll", d), () => window.removeEventListener("scroll", d);
+    return window.addEventListener("scroll", u), () => window.removeEventListener("scroll", u);
   }, []);
-  const u = `${a || ln}px`;
-  return /* @__PURE__ */ i("div", { style: { minHeight: u }, children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ p(
+  const l = `${r || $n}px`;
+  return /* @__PURE__ */ i("div", { style: { minHeight: l }, children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ b(
     "div",
     {
-      ref: n,
-      className: j(A.headerContent, {
-        [A.staticEnabled]: c()
+      ref: t,
+      className: R(C.headerContent, {
+        [C.staticEnabled]: s()
       }),
       children: [
-        /* @__PURE__ */ i(z.Header, {}),
-        /* @__PURE__ */ i(z.Tabs, {}),
-        t
+        /* @__PURE__ */ i(M.Header, {}),
+        /* @__PURE__ */ i(M.Tabs, {}),
+        n
       ]
     }
   ) }) });
 };
-z.Header = ({ children: e }) => /* @__PURE__ */ i("div", { className: A.headerContainer, children: e });
-z.Tabs = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex justify-between gap-2 nowrap", children: e });
-const un = "_sidebarContainer_bmdti_1", dn = {
-  sidebarContainer: un
-}, mn = "_logoLink_1baxb_1", fn = {
-  logoLink: mn
-}, bn = ({ src: e, href: t = "/", ariaLabel: n = "Home", alt: a = "Lokalise" }) => /* @__PURE__ */ i("a", { className: fn.logoLink, href: t, "aria-label": n, children: /* @__PURE__ */ i("img", { src: e, alt: a }) }), _n = "_link_1weq1_1", gn = "_active_1weq1_18", Je = {
-  link: _n,
-  active: gn
-}, hn = ({ label: e, to: t, icon: n }) => /* @__PURE__ */ i(he, { placement: "right", tooltip: e, children: /* @__PURE__ */ i(
-  it,
+M.Header = ({ children: e }) => /* @__PURE__ */ i("div", { className: C.headerContainer, children: e });
+M.Tabs = ({ children: e }) => /* @__PURE__ */ i("div", { className: "flex justify-between gap-2 nowrap", children: e });
+const Un = "_sidebarContainer_bmdti_1", Dn = {
+  sidebarContainer: Un
+}, zn = "_logoLink_1baxb_1", Fn = {
+  logoLink: zn
+}, Wn = ({ src: e, href: n = "/", ariaLabel: t = "Home", alt: r = "Lokalise" }) => /* @__PURE__ */ i("a", { className: Fn.logoLink, href: n, "aria-label": t, children: /* @__PURE__ */ i("img", { src: e, alt: r }) }), Hn = "_link_1weq1_1", Gn = "_active_1weq1_18", Re = {
+  link: Hn,
+  active: Gn
+}, Vn = ({ label: e, to: n, icon: t }) => /* @__PURE__ */ i(ae, { placement: "right", tooltip: e, children: /* @__PURE__ */ i(
+  ze,
   {
-    className: j(Je.link, {
-      [Je.active]: window.location.pathname.startsWith(t)
+    className: R(Re.link, {
+      [Re.active]: window.location.pathname.startsWith(n)
     }),
-    href: t,
-    children: /* @__PURE__ */ i(n, { size: "25px" })
+    href: n,
+    children: /* @__PURE__ */ i(t, { size: "25px" })
   }
-) }), pn = "_dropdownButton_hwh0c_1", vn = "_dropdownButtonActive_hwh0c_18", Ke = {
-  dropdownButton: pn,
-  dropdownButtonActive: vn
-}, Tn = ({ children: e, icon: t }) => /* @__PURE__ */ i(
-  pe,
+) }), Yn = "_dropdownButton_hwh0c_1", Zn = "_dropdownButtonActive_hwh0c_18", xe = {
+  dropdownButton: Yn,
+  dropdownButtonActive: Zn
+}, Xn = ({ children: e, icon: n }) => /* @__PURE__ */ i(
+  oe,
   {
-    menuButton: ({ opened: n }) => /* @__PURE__ */ i(he, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ i(
+    menuButton: ({ opened: t }) => /* @__PURE__ */ i(ae, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        className: j(Ke.dropdownButton, {
-          [Ke.dropdownButtonActive]: n
+        className: R(xe.dropdownButton, {
+          [xe.dropdownButtonActive]: t
         }),
-        children: /* @__PURE__ */ i(t, { size: "25px" })
+        children: /* @__PURE__ */ i(n, { size: "25px" })
       }
     ) }),
-    children: /* @__PURE__ */ i(ve, { placement: "right-start", children: e })
+    children: /* @__PURE__ */ i(se, { placement: "right-start", children: e })
   }
-), yn = "_iconContainer_nz34m_1", wn = {
-  iconContainer: yn
-}, gt = ({ className: e = "" }) => /* @__PURE__ */ i(
+), Jn = "_iconContainer_nz34m_1", Kn = {
+  iconContainer: Jn
+}, Je = ({ className: e = "" }) => /* @__PURE__ */ i(
   "div",
   {
     "aria-label": "Upgrade Icon",
-    className: j(
-      wn.iconContainer,
+    className: R(
+      Kn.iconContainer,
       "flex-row",
       "items-center",
       "justify-center",
       e
     ),
-    children: /* @__PURE__ */ i(Ot, {})
+    children: /* @__PURE__ */ i(dn, {})
   }
-), Sn = "_menuContainer_wbu3u_5", In = "_profileButton_wbu3u_16", En = "_profileImage_wbu3u_29", kn = "_profileImageHighlight_wbu3u_37", Cn = "_profileImageUpgradeIcon_wbu3u_41", Nn = "_userIconWrapper_wbu3u_47", N = {
-  menuContainer: Sn,
-  profileButton: In,
-  profileImage: En,
-  profileImageHighlight: kn,
-  profileImageUpgradeIcon: Cn,
-  userIconWrapper: Nn
-}, ht = jt({}), U = () => Rt(ht), Rn = ({ children: e }) => {
+), Qn = "_menuContainer_wbu3u_5", et = "_profileButton_wbu3u_16", nt = "_profileImage_wbu3u_29", tt = "_profileImageHighlight_wbu3u_37", rt = "_profileImageUpgradeIcon_wbu3u_41", it = "_userIconWrapper_wbu3u_47", P = {
+  menuContainer: Qn,
+  profileButton: et,
+  profileImage: nt,
+  profileImageHighlight: tt,
+  profileImageUpgradeIcon: rt,
+  userIconWrapper: it
+}, Ke = cn({}), O = () => sn(Ke), at = ({ children: e }) => {
   const {
-    currentTeam: t,
-    otherTeams: n,
-    showUpgradeCta: a,
-    showBillingButton: o,
-    allowTeamCreation: s,
-    isProviderAlpha: c,
-    canAccessTeamSettings: u,
-    isEndOfTrialActive: d,
-    isTeamSuspended: l,
-    isFullyAuthenticated: m
-  } = U();
+    currentTeam: n,
+    otherTeams: t,
+    showUpgradeCta: r,
+    showBillingButton: a,
+    allowTeamCreation: o,
+    isProviderAlpha: s,
+    canAccessTeamSettings: l,
+    isEndOfTrialActive: u,
+    isTeamSuspended: c,
+    isFullyAuthenticated: d
+  } = O();
   return /* @__PURE__ */ i(
-    pe,
+    oe,
     {
-      menuButton: () => /* @__PURE__ */ p("button", { className: N.profileButton, "aria-label": "Profile menu", type: "button", children: [
-        t != null && t.logoUrl ? /* @__PURE__ */ i(
+      menuButton: () => /* @__PURE__ */ b("button", { className: P.profileButton, "aria-label": "Profile menu", type: "button", children: [
+        n != null && n.logoUrl ? /* @__PURE__ */ i(
           "img",
           {
-            src: t.logoUrl,
-            className: j(N.profileImage, {
-              [N.profileImageHighlight]: a
+            src: n.logoUrl,
+            className: R(P.profileImage, {
+              [P.profileImageHighlight]: r
             }),
             alt: "Team Logo"
           }
         ) : /* @__PURE__ */ i(
           "div",
           {
-            className: j(N.userIconWrapper, "flex-row", "align-center", "items-center", {
-              [N.profileImageHighlight]: a
+            className: R(P.userIconWrapper, "flex-row", "align-center", "items-center", {
+              [P.profileImageHighlight]: r
             }),
-            children: /* @__PURE__ */ i(st, { size: "25px" })
+            children: /* @__PURE__ */ i(Fe, { size: "25px" })
           }
         ),
-        a && /* @__PURE__ */ i(gt, { className: N.profileImageUpgradeIcon })
+        r && /* @__PURE__ */ i(Je, { className: P.profileImageUpgradeIcon })
       ] }),
-      children: /* @__PURE__ */ i(ve, { placement: "right-end", className: N.menuContainer, children: e({
-        allowTeamCreation: s,
-        otherTeams: n,
-        canAccessTeamSettings: u,
-        isEndOfTrialActive: d,
-        isTeamSuspended: l,
-        showBillingButton: o,
-        isProviderAlpha: c,
-        isFullyAuthenticated: m
+      children: /* @__PURE__ */ i(se, { placement: "right-end", className: P.menuContainer, children: e({
+        allowTeamCreation: o,
+        otherTeams: t,
+        canAccessTeamSettings: l,
+        isEndOfTrialActive: u,
+        isTeamSuspended: c,
+        showBillingButton: a,
+        isProviderAlpha: s,
+        isFullyAuthenticated: d
       }) })
     }
   );
-}, pt = 0, jn = 9999, Pn = [150, 151, 250, 251], An = [152, 153, 252, 253], On = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], Ln = [156, 159, 160, 256, 259, 260], vt = 9998, ye = (e) => e === pt, Tt = (e) => e === jn, aa = (e) => Pn.includes(e), oa = (e) => An.includes(e), ia = (e) => On.includes(e), sa = (e) => Ln.includes(e), ca = (e) => e > pt && e < vt, la = (e) => e === vt, qn = /\n/, We = (e, t, n) => e.split(t).flatMap((a, o) => o !== 0 ? [Pt(n, { key: Math.random().toString(32).slice(0, 10) }), a] : a), Mn = (e, t, n) => typeof e == "string" ? We(e, t, n) : e.flatMap((a) => typeof a == "string" ? We(a, t, n) : a), ua = (e) => Mn(e, qn, /* @__PURE__ */ i("br", {})), xn = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, Un = (e) => e.match(xn) ?? [], Qe = (e, t, n) => {
-  const a = e.split(t);
-  if (a.length === 1)
+}, Qe = 0, ot = 9999, st = [150, 151, 250, 251], ct = [152, 153, 252, 253], lt = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], ut = [156, 159, 160, 256, 259, 260], en = 9998, le = (e) => e === Qe, nn = (e) => e === ot, Jt = (e) => st.includes(e), Kt = (e) => ct.includes(e), Qt = (e) => lt.includes(e), er = (e) => ut.includes(e), nr = (e) => e > Qe && e < en, tr = (e) => e === en, dt = /\n/, Ce = (e, n, t) => e.split(n).flatMap((r, a) => a !== 0 ? [ln(t, { key: Math.random().toString(32).slice(0, 10) }), r] : r), ft = (e, n, t) => typeof e == "string" ? Ce(e, n, t) : e.flatMap((r) => typeof r == "string" ? Ce(r, n, t) : r), rr = (e) => ft(e, dt, /* @__PURE__ */ i("br", {})), mt = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, ht = (e) => e.match(mt) ?? [], Le = (e, n, t) => {
+  const r = e.split(n);
+  if (r.length === 1)
     return e;
-  const o = [];
-  return a[0] !== "" && o.push(a[0]), a.shift(), a[a.length - 1] === "" && a.pop(), o.push(
-    /* @__PURE__ */ i("a", { href: t, target: "_blank", rel: "noreferrer noopener", children: t }, t + n)
-  ), o.push(a.join(t)), o.filter((s) => s !== "");
-}, Ye = (e) => {
-  const t = Un(e);
-  return t != null && t.length ? t.reduce((n, a, o) => typeof n == "string" ? Qe(n, a, o) : n.flatMap((s) => typeof s == "string" ? Qe(s, a, o) : s), e) : e;
-}, da = (e) => typeof e == "string" ? Ye(e) : e.flatMap((t) => typeof t == "string" ? Ye(t) : t, e), ma = (e, t = "PP") => lt(e, t), fa = (e, t, n = "PP") => lt(qt(e, t), n), ba = (e) => {
-  M(e, []);
-}, Ve = {
+  const a = [];
+  return r[0] !== "" && a.push(r[0]), r.shift(), r[r.length - 1] === "" && r.pop(), a.push(
+    /* @__PURE__ */ i("a", { href: n, target: "_blank", rel: "noreferrer noopener", children: n }, n + t)
+  ), a.push(r.join(n)), a.filter((o) => o !== "");
+}, ke = (e) => {
+  const n = ht(e);
+  return n != null && n.length ? n.reduce((t, r, a) => typeof t == "string" ? Le(t, r, a) : t.flatMap((o) => typeof o == "string" ? Le(o, r, a) : o), e) : e;
+}, ir = (e) => typeof e == "string" ? ke(e) : e.flatMap((n) => typeof n == "string" ? ke(n) : n, e), ar = (e, n = "PP") => He(e, n), or = (e, n, t = "PP") => He(mn(e, n), t), sr = (e) => {
+  ie(e, []);
+}, Oe = {
   biller: "biller",
   owner: "owner"
-}, Ze = [
-  Ve.biller,
-  Ve.owner
-], Bn = ({ children: e, config: t }) => {
-  const { teams: n, currentTeamId: a, planId: o, isEndOfTrialActive: s, isFullyAuthenticated: c, userTeamRole: u } = t, d = n.find((S) => S.id === a), l = n.filter((S) => S.id !== a), m = Ze.includes(u), _ = Ze.includes(u), y = ye(o) || Tt(o), w = {
-    ...t,
-    currentTeam: d,
-    otherTeams: l,
-    canChangeBilling: m,
-    canAccessTeamSettings: _,
-    isOnFreeOrTrialPlan: y,
-    showUpgradeCta: c && y && m,
-    showBillingButton: c && _ && m,
-    allowTeamCreation: c && !s
+}, Ae = [
+  Oe.biller,
+  Oe.owner
+], gt = ({ children: e, config: n }) => {
+  const { teams: t, currentTeamId: r, planId: a, isEndOfTrialActive: o, isFullyAuthenticated: s, userTeamRole: l } = n, u = t.find((I) => I.id === r), c = t.filter((I) => I.id !== r), d = Ae.includes(l), h = Ae.includes(l), T = le(a) || nn(a), w = {
+    ...n,
+    currentTeam: u,
+    otherTeams: c,
+    canChangeBilling: d,
+    canAccessTeamSettings: h,
+    isOnFreeOrTrialPlan: T,
+    showUpgradeCta: s && T && d,
+    showBillingButton: s && h && d,
+    allowTeamCreation: s && !o
   };
-  return /* @__PURE__ */ i(ht.Provider, { value: w, children: e });
-}, $n = ({ config: e, children: t }) => /* @__PURE__ */ i(Bn, { config: e, children: /* @__PURE__ */ i(Rn, { children: t }) }), Hn = "_container_q5pot_1", Dn = "_profileEmail_q5pot_5", Xe = {
-  container: Hn,
-  profileEmail: Dn
-}, zn = ({
+  return /* @__PURE__ */ i(Ke.Provider, { value: w, children: e });
+}, pt = ({ config: e, children: n }) => /* @__PURE__ */ i(gt, { config: e, children: /* @__PURE__ */ i(at, { children: n }) }), bt = "_container_q5pot_1", _t = "_profileEmail_q5pot_5", qe = {
+  container: bt,
+  profileEmail: _t
+}, vt = ({
   href: e,
-  onClick: t,
-  userEmail: n,
-  hideBottomDivider: a
+  onClick: n,
+  userEmail: t,
+  hideBottomDivider: r
 }) => {
-  const { isEndOfTrialActive: o, isTeamSuspended: s } = U();
-  return o || s ? null : /* @__PURE__ */ p(rt, { children: [
+  const { isEndOfTrialActive: a, isTeamSuspended: o } = O();
+  return a || o ? null : /* @__PURE__ */ b($e, { children: [
     /* @__PURE__ */ i(
-      J,
+      $,
       {
         href: e,
         onClick: () => {
-          t == null || t();
+          n == null || n();
         },
-        children: /* @__PURE__ */ p("div", { className: `flex-col ${Xe.container}`, children: [
+        children: /* @__PURE__ */ b("div", { className: `flex-col ${qe.container}`, children: [
           /* @__PURE__ */ i("span", { children: "Profile Settings" }),
-          /* @__PURE__ */ i("span", { className: Xe.profileEmail, children: n })
+          /* @__PURE__ */ i("span", { className: qe.profileEmail, children: t })
         ] })
       }
     ),
-    !a && /* @__PURE__ */ i(ct, {})
+    !r && /* @__PURE__ */ i(We, {})
   ] });
-}, Fn = "_wrapper_15d85_1", Gn = "_profileImage_15d85_14", Jn = "_teamName_15d85_22", Kn = "_planLabel_15d85_29", Wn = "_membership_15d85_38", Qn = "_defaultProfileImage_15d85_44", P = {
-  wrapper: Fn,
-  profileImage: Gn,
-  teamName: Jn,
-  planLabel: Kn,
-  membership: Wn,
-  defaultProfileImage: Qn
-}, yt = ({ team: e, onClick: t, hidePlanLabel: n }) => {
-  const { currentTeam: a, planId: o } = U(), s = e || a;
-  if (!s)
+}, Tt = "_wrapper_15d85_1", wt = "_profileImage_15d85_14", It = "_teamName_15d85_22", yt = "_planLabel_15d85_29", Nt = "_membership_15d85_38", St = "_defaultProfileImage_15d85_44", x = {
+  wrapper: Tt,
+  profileImage: wt,
+  teamName: It,
+  planLabel: yt,
+  membership: Nt,
+  defaultProfileImage: St
+}, tn = ({ team: e, onClick: n, hidePlanLabel: t }) => {
+  const { currentTeam: r, planId: a } = O(), o = e || r;
+  if (!o)
     return null;
-  const c = ye(o) ? "Free" : Tt(o) ? "Trial" : void 0;
-  return /* @__PURE__ */ p(
-    t ? J : "div",
+  const s = le(a) ? "Free" : nn(a) ? "Trial" : void 0;
+  return /* @__PURE__ */ b(
+    n ? $ : "div",
     {
-      className: `flex-row gap-2 flex-nowrap items-center ${P.wrapper}`,
-      ...t && { onClick: () => t(s) },
+      className: `flex-row gap-2 flex-nowrap items-center ${x.wrapper}`,
+      ...n && { onClick: () => n(o) },
       children: [
-        s.logoUrl ? /* @__PURE__ */ i("img", { className: P.profileImage, src: s.logoUrl, alt: "Team Logo" }) : /* @__PURE__ */ i("span", { className: `flex-row justify-center items-center ${P.defaultProfileImage}`, children: /* @__PURE__ */ i(st, { size: "25px" }) }),
-        /* @__PURE__ */ p("div", { className: "flex-col items-start", children: [
-          /* @__PURE__ */ p("div", { className: "flex-row items-center flex-nowrap gap-2", children: [
-            /* @__PURE__ */ i("span", { title: s.name, className: P.teamName, children: s.name }),
-            c && !n && /* @__PURE__ */ i("span", { className: `flex-row justify-center items-center ${P.planLabel}`, children: c })
+        o.logoUrl ? /* @__PURE__ */ i("img", { className: x.profileImage, src: o.logoUrl, alt: "Team Logo" }) : /* @__PURE__ */ i("span", { className: `flex-row justify-center items-center ${x.defaultProfileImage}`, children: /* @__PURE__ */ i(Fe, { size: "25px" }) }),
+        /* @__PURE__ */ b("div", { className: "flex-col items-start", children: [
+          /* @__PURE__ */ b("div", { className: "flex-row items-center flex-nowrap gap-2", children: [
+            /* @__PURE__ */ i("span", { title: o.name, className: x.teamName, children: o.name }),
+            s && !t && /* @__PURE__ */ i("span", { className: `flex-row justify-center items-center ${x.planLabel}`, children: s })
           ] }),
-          /* @__PURE__ */ i("span", { className: P.membership, children: s.role })
+          /* @__PURE__ */ i("span", { className: x.membership, children: o.role })
         ] })
       ]
     }
   );
-}, Yn = "_teamsContainer_1t68g_1", Vn = {
-  teamsContainer: Yn
-}, Zn = ({ onSwitchTeam: e }) => {
-  const { otherTeams: t } = U();
-  return t.length === 0 ? null : /* @__PURE__ */ i("div", { className: `flex-col items-stretch ${Vn.teamsContainer}`, children: t.map((n) => /* @__PURE__ */ i(yt, { team: n, onClick: e, hidePlanLabel: !0 }, n.id)) });
-}, Xn = "_container_1u995_1", er = "_planCta_1u995_15", tr = "_upgradeIconWrapper_1u995_19", fe = {
-  container: Xn,
-  planCta: er,
-  upgradeIconWrapper: tr
-}, nr = ({ upgradeOptionHref: e }) => {
-  const { planId: t, trialDaysLeft: n, showUpgradeCta: a } = U();
-  if (!a)
+}, Et = "_teamsContainer_1t68g_1", Pt = {
+  teamsContainer: Et
+}, jt = ({ onSwitchTeam: e }) => {
+  const { otherTeams: n } = O();
+  return n.length === 0 ? null : /* @__PURE__ */ i("div", { className: `flex-col items-stretch ${Pt.teamsContainer}`, children: n.map((t) => /* @__PURE__ */ i(tn, { team: t, onClick: e, hidePlanLabel: !0 }, t.id)) });
+}, Rt = "_container_1u995_1", xt = "_planCta_1u995_15", Ct = "_upgradeIconWrapper_1u995_19", te = {
+  container: Rt,
+  planCta: xt,
+  upgradeIconWrapper: Ct
+}, Lt = ({ upgradeOptionHref: e }) => {
+  const { planId: n, trialDaysLeft: t, showUpgradeCta: r } = O();
+  if (!r)
     return null;
-  const c = ye(t) ? "Your team is currently on the Free plan" : `Free trial ends in ${n} ${n === 1 ? "day" : "days"}`;
-  return /* @__PURE__ */ p(J, { href: e, className: `flex-col gap-1 items-start ${fe.container}`, children: [
-    /* @__PURE__ */ i("span", { className: fe.planCta, children: c }),
-    /* @__PURE__ */ p("div", { className: `flex-row items-center gap-1 ${fe.upgradeIconWrapper}`, children: [
-      /* @__PURE__ */ i(gt, {}),
+  const s = le(n) ? "Your team is currently on the Free plan" : `Free trial ends in ${t} ${t === 1 ? "day" : "days"}`;
+  return /* @__PURE__ */ b($, { href: e, className: `flex-col gap-1 items-start ${te.container}`, children: [
+    /* @__PURE__ */ i("span", { className: te.planCta, children: s }),
+    /* @__PURE__ */ b("div", { className: `flex-row items-center gap-1 ${te.upgradeIconWrapper}`, children: [
+      /* @__PURE__ */ i(Je, {}),
       /* @__PURE__ */ i("span", { children: "See upgrade options" })
     ] })
   ] });
-}, I = ({ children: e, ...t }) => /* @__PURE__ */ i("nav", { ...t, className: dn.sidebarContainer, children: e }), rr = ({ children: e }) => /* @__PURE__ */ i("div", { children: e });
-I.Top = rr;
-const ar = ({ children: e }) => /* @__PURE__ */ i("div", { children: e });
-I.Bottom = ar;
-I.Avatar = bn;
-I.IconLink = hn;
-I.Menu = Tn;
-I.ProfileMenu = $n;
-I.TeamSwitch = Zn;
-I.TeamMenuItem = yt;
-I.UpgradeMenuItem = nr;
-I.ProfileSettingsMenuItem = zn;
-const or = "_breadcrumbsItem_1hm6a_1", ir = "_breadcrumbs_1hm6a_1", et = {
-  breadcrumbsItem: or,
-  breadcrumbs: ir
-}, _a = ({ items: e }) => /* @__PURE__ */ i("nav", { "aria-label": "breadcrumb", className: et.breadcrumbs, children: e.map((t, n) => /* @__PURE__ */ p(ot, { children: [
-  /* @__PURE__ */ i(it, { className: et.breadcrumbsItem, href: t.link, rel: "noreferrer", children: t.name }),
-  n < e.length - 1 && /* @__PURE__ */ i("span", { children: " — " })
-] }, `${t.link}-${t.name}`)) }), sr = ({ items: e }) => /* @__PURE__ */ i(rt, { children: e.map((t, n) => /* @__PURE__ */ p(ot, { children: [
-  !!n && t.some((a) => a.visible) && /* @__PURE__ */ i(ct, {}),
-  t.filter(({ visible: a }) => a).map(({ link: a, label: o, onClick: s }) => /* @__PURE__ */ i(J, { href: a || "#", "aria-label": o, onClick: s, children: o }, o))
-] }, t[0].label)) }), cr = "_badge_1pc1v_1", lr = "_tag_1pc1v_15", ur = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21", dr = "_disabled_1pc1v_57", mr = "_projectNavigationItem_1pc1v_61", fr = "_projectNavigationItemDisabled_1pc1v_67", R = {
-  badge: cr,
-  tag: lr,
-  withNavLinkStyle: ur,
-  disabled: dr,
-  projectNavigationItem: mr,
-  projectNavigationItemDisabled: fr
-}, tt = ({ label: e, badge: t, novel: n }) => /* @__PURE__ */ p("div", { className: "flex gap-1", children: [
-  /* @__PURE__ */ p("div", { children: [
+}, y = ({ children: e, ...n }) => /* @__PURE__ */ i("nav", { ...n, className: Dn.sidebarContainer, children: e }), kt = ({ children: e }) => /* @__PURE__ */ i("div", { children: e });
+y.Top = kt;
+const Ot = ({ children: e }) => /* @__PURE__ */ i("div", { children: e });
+y.Bottom = Ot;
+y.Avatar = Wn;
+y.IconLink = Vn;
+y.Menu = Xn;
+y.ProfileMenu = pt;
+y.TeamSwitch = jt;
+y.TeamMenuItem = tn;
+y.UpgradeMenuItem = Lt;
+y.ProfileSettingsMenuItem = vt;
+const At = "_breadcrumbsItem_1hm6a_1", qt = "_breadcrumbs_1hm6a_1", Be = {
+  breadcrumbsItem: At,
+  breadcrumbs: qt
+}, cr = ({ items: e }) => /* @__PURE__ */ i("nav", { "aria-label": "breadcrumb", className: Be.breadcrumbs, children: e.map((n, t) => /* @__PURE__ */ b(De, { children: [
+  /* @__PURE__ */ i(ze, { className: Be.breadcrumbsItem, href: n.link, rel: "noreferrer", children: n.name }),
+  t < e.length - 1 && /* @__PURE__ */ i("span", { children: " — " })
+] }, `${n.link}-${n.name}`)) }), Bt = ({ items: e }) => /* @__PURE__ */ i($e, { children: e.map((n, t) => /* @__PURE__ */ b(De, { children: [
+  !!t && n.some((r) => r.visible) && /* @__PURE__ */ i(We, {}),
+  n.filter(({ visible: r }) => r).map(({ link: r, label: a, onClick: o }) => /* @__PURE__ */ i($, { href: r || "#", "aria-label": a, onClick: o, children: a }, a))
+] }, n[0].label)) }), Mt = "_badge_1pc1v_1", $t = "_tag_1pc1v_15", Ut = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21", Dt = "_disabled_1pc1v_57", zt = "_projectNavigationItem_1pc1v_61", Ft = "_projectNavigationItemDisabled_1pc1v_67", j = {
+  badge: Mt,
+  tag: $t,
+  withNavLinkStyle: Ut,
+  disabled: Dt,
+  projectNavigationItem: zt,
+  projectNavigationItemDisabled: Ft
+}, Me = ({ label: e, badge: n, novel: t }) => /* @__PURE__ */ b("div", { className: "flex gap-1", children: [
+  /* @__PURE__ */ b("div", { children: [
     /* @__PURE__ */ i("span", { children: e }),
-    !!t && /* @__PURE__ */ i("div", { className: R.badge, "aria-label": `${t} items requiring attention`, children: t > 9 ? "9+" : t })
+    !!n && /* @__PURE__ */ i("div", { className: j.badge, "aria-label": `${n} items requiring attention`, children: n > 9 ? "9+" : n })
   ] }),
-  !!n && /* @__PURE__ */ i(Lt, { className: R.tag, children: n })
-] }), be = At(
-  ({ label: e, href: t = "", disabled: n = !1, badge: a, onClick: o, novel: s }, c) => /* @__PURE__ */ i(he, { tooltip: "You do not have access to this function", show: n, children: /* @__PURE__ */ i(
+  !!t && /* @__PURE__ */ i(fn, { className: j.tag, children: t })
+] }), re = un(
+  ({ label: e, href: n = "", disabled: t = !1, badge: r, onClick: a, novel: o }, s) => /* @__PURE__ */ i(ae, { tooltip: "You do not have access to this function", show: t, children: /* @__PURE__ */ i(
     "div",
     {
-      className: n ? R.projectNavigationItemDisabled : R.projectNavigationItem,
-      children: o || n || !t ? /* @__PURE__ */ i(
+      className: t ? j.projectNavigationItemDisabled : j.projectNavigationItem,
+      children: a || t || !n ? /* @__PURE__ */ i(
         "button",
         {
           type: "button",
-          ref: c,
-          className: j(R.withNavLinkStyle, {
-            [R.disabled]: n
+          ref: s,
+          className: R(j.withNavLinkStyle, {
+            [j.disabled]: t
           }),
-          disabled: n,
-          onClick: o,
-          children: /* @__PURE__ */ i(tt, { label: e, badge: a, novel: s })
+          disabled: t,
+          onClick: a,
+          children: /* @__PURE__ */ i(Me, { label: e, badge: r, novel: o })
         }
-      ) : /* @__PURE__ */ i("a", { href: t, className: R.withNavLinkStyle, children: /* @__PURE__ */ i(tt, { label: e, badge: a, novel: s }) })
+      ) : /* @__PURE__ */ i("a", { href: n, className: j.withNavLinkStyle, children: /* @__PURE__ */ i(Me, { label: e, badge: r, novel: o }) })
     }
   ) })
 );
-be.displayName = "NavigationTabsItem";
-const br = (e) => (e == null ? void 0 : e.some((t) => t.some((n) => n.visible))) ?? !1, _r = (e) => e.visible && (!e.dropdown || br(e.dropdown)), ga = ({ navigation: e, activeItem: t }) => /* @__PURE__ */ i("nav", { "aria-label": "Project", children: /* @__PURE__ */ i("ul", { className: A.navigationTabList, "aria-orientation": "horizontal", children: e.filter(_r).map((n) => {
-  var a, o, s;
-  return n.dropdown ? /* @__PURE__ */ i(
+re.displayName = "NavigationTabsItem";
+const Wt = (e) => (e == null ? void 0 : e.some((n) => n.some((t) => t.visible))) ?? !1, Ht = (e) => e.visible && (!e.dropdown || Wt(e.dropdown)), lr = ({ navigation: e, activeItem: n }) => /* @__PURE__ */ i("nav", { "aria-label": "Project", children: /* @__PURE__ */ i("ul", { className: C.navigationTabList, "aria-orientation": "horizontal", children: e.filter(Ht).map((t) => {
+  var r, a, o;
+  return t.dropdown ? /* @__PURE__ */ i(
     "li",
     {
-      className: A.navigationTab,
-      "data-testid": n.key,
-      "aria-selected": (a = n.isActive) == null ? void 0 : a.call(n, t),
+      className: C.navigationTab,
+      "data-testid": t.key,
+      "aria-selected": (r = t.isActive) == null ? void 0 : r.call(t, n),
       children: /* @__PURE__ */ i(
-        pe,
+        oe,
         {
-          menuButton: ({ opened: c }) => /* @__PURE__ */ i(be, { label: n.label, disabled: n.disabled, active: c }),
-          children: /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ i(sr, { items: n.dropdown }) })
+          menuButton: ({ opened: s }) => /* @__PURE__ */ i(re, { label: t.label, disabled: t.disabled, active: s }),
+          children: /* @__PURE__ */ i(se, { children: /* @__PURE__ */ i(Bt, { items: t.dropdown }) })
         }
       )
     },
-    n.key
+    t.key
   ) : /* @__PURE__ */ i(
     "li",
     {
-      className: A.navigationTab,
-      "data-testid": n.key,
-      "aria-selected": (o = n.isActive) == null ? void 0 : o.call(n, t),
+      className: C.navigationTab,
+      "data-testid": t.key,
+      "aria-selected": (a = t.isActive) == null ? void 0 : a.call(t, n),
       children: /* @__PURE__ */ i(
-        be,
+        re,
         {
-          label: n.label,
-          href: n.link,
-          onClick: n.onClick,
-          disabled: n.disabled,
-          badge: n.badge,
-          novel: n.novel,
-          active: (s = n.isActive) == null ? void 0 : s.call(n, t)
+          label: t.label,
+          href: t.link,
+          onClick: t.onClick,
+          disabled: t.disabled,
+          badge: t.badge,
+          novel: t.novel,
+          active: (o = t.isActive) == null ? void 0 : o.call(t, n)
         }
       )
     },
-    n.key
+    t.key
   );
-}) }) }), gr = r.object({
-  accessToken: r.string(),
-  refreshToken: r.string()
-}), hr = r.union([
-  r.object({ Authorization: r.string().startsWith("Bearer ") }),
-  r.object({ "x-csrf-token": r.string() })
-]), we = ut({
-  description: "Takes a teamId and returns a JWT token access and refresh token for the user",
-  method: "post",
-  requestPathParamsSchema: r.object({ teamId: r.number() }),
-  pathResolver: (e) => `/team/${e.teamId}/actions/get-user-token`,
-  requestHeaderSchema: hr,
-  requestBodySchema: r.undefined(),
-  successResponseBodySchema: gr
-}), pr = {
-  teamKeyCsrf: (e, t) => ["getUserToken", "x-csrf-token", t, e],
-  teamKeyJwt: (e, t) => ["getUserToken", "Authorization", `Bearer ${t}`, e]
-}, vr = (e, t) => x({
-  ...t,
-  queryFn: ({ queryKey: [n, a, o, s] }) => K(e, we, {
-    pathParams: { teamId: s },
-    headers: a === "x-csrf-token" ? { "x-csrf-token": o } : { Authorization: o }
-  })
-}), wt = r.union([
-  r.literal("owner"),
-  r.literal("admin"),
-  r.literal("biller"),
-  r.literal("member")
-]), Tr = r.object({
-  userId: r.number(),
-  userUuid: r.string(),
-  teamId: r.number(),
-  userTeamRole: wt,
-  userEmail: r.string().email(),
-  userName: r.string(),
-  userCurrentTeamId: r.number(),
-  planId: r.number(),
-  planName: r.string(),
-  isProviderAlpha: r.boolean(),
-  isFullyAuthenticated: r.boolean(),
-  exp: r.number()
-});
-function Y(e) {
-  try {
-    const t = e.split(".")[1], n = atob(t);
-    return Tr.parse(JSON.parse(n));
-  } catch {
-    return;
-  }
-}
-const G = class G extends CustomEvent {
-  constructor(t) {
-    super(G.eventName, {
-      detail: { token: t, payload: Y(t.accessToken) }
-    });
-  }
-};
-Re(G, "eventName", "new-jwt-issued");
-let O = G;
-function Se() {
-  const e = _e(document.cookie, "accessToken"), t = _e(document.cookie, "refreshToken");
-  if (!(!e || !t))
-    return { accessToken: e, refreshToken: t };
-}
-function St() {
-  return _e(document.cookie, "csrf_token");
-}
-function _e(e, t) {
-  var n, a;
-  return (a = (n = e.split(";").find((o) => o.trim().startsWith(`${t}=`))) == null ? void 0 : n.trim()) == null ? void 0 : a.substring(t.length + 1);
-}
-function ha(e, t) {
-  const n = St(), a = vr(e, {
-    queryKey: pr.teamKeyCsrf(t, n ?? ""),
-    enabled: n !== void 0
-  }), o = at();
-  return M(() => {
-    a.data && a.data.accessToken !== o.current && (window.dispatchEvent(new O(a.data)), o.current = a.data.accessToken);
-  }, [a.data]), a;
-}
-function It() {
-  const [e, t] = ge();
-  return M(() => {
-    const n = (o) => {
-      t(o.detail.payload);
-    }, a = Se();
-    return t(a && Y(a.accessToken)), window.addEventListener(O.eventName, n), () => {
-      window.removeEventListener(O.eventName, n);
-    };
-  }, []), e;
-}
-const yr = r.object({
-  user_id: r.number(),
-  email: r.string().email(),
-  fullname: r.string(),
-  created_at: r.string(),
-  created_at_timestamp: r.number(),
-  role: wt
-}), wr = r.object({
-  team_id: r.number(),
-  team_user: yr
-}), Sr = Q({
-  description: "Get the details of a team user",
-  requestPathParamsSchema: r.object({ teamId: r.number(), userId: r.number() }),
-  pathResolver: ({ teamId: e, userId: t }) => `/teams/${e}/users/${t}`,
-  successResponseBodySchema: wr
-}), Ir = {
-  teamUserKey: (e, t) => ["GetTeamUsers", e, t]
-}, Er = (e, t) => x({
-  ...t,
-  queryFn: ({ queryKey: [n, a, o] }) => W(e, Sr, { pathParams: { teamId: a, userId: o } })
-});
-function pa(e) {
-  const t = It();
-  return Er(e, {
-    queryKey: Ir.teamUserKey((t == null ? void 0 : t.teamId) ?? 0, (t == null ? void 0 : t.userId) ?? 0),
-    enabled: (t == null ? void 0 : t.userId) !== void 0 && t.teamId !== void 0
-  });
-}
-const kr = r.object({
-  lang_id: r.number(),
-  lang_iso: r.string(),
-  lang_name: r.string(),
-  is_writable: r.union([r.literal(0), r.literal(1)])
-}), Cr = r.object({
-  user_id: r.number(),
-  email: r.string().email(),
-  fullname: r.string(),
-  created_at: r.string(),
-  created_at_timestamp: r.number(),
-  admin_rights: r.array(r.string()),
-  languages: r.array(kr),
-  is_admin: r.boolean(),
-  is_reviewer: r.boolean()
-}), Nr = r.object({
-  project_id: r.string(),
-  contributors: r.array(Cr)
-}), Rr = Q({
-  description: "Get the details of a project contributor",
-  requestPathParamsSchema: r.object({ projectId: r.string(), contributorId: r.number() }),
-  pathResolver: ({ projectId: e, contributorId: t }) => `/projects/${e}/contributors/${t}`,
-  successResponseBodySchema: Nr
-}), jr = {
-  projectUserKey: (e, t) => ["RetrieveContributor", e, t]
-}, Pr = (e, t) => x({
-  ...t,
-  queryFn: ({ queryKey: [n, a, o] }) => W(e, Rr, {
-    pathParams: { projectId: a, contributorId: o }
-  })
-});
-function va(e, t) {
-  const n = It();
-  return Pr(e, {
-    queryKey: jr.projectUserKey(t, (n == null ? void 0 : n.userId) ?? 0),
-    enabled: n !== void 0
-  });
-}
-function Ta() {
-  const e = Se();
-  if (!e)
-    return;
-  const t = Y(e.accessToken);
-  if (t)
-    return { ...e, payload: t };
-}
-function ya() {
-  return (e) => (t, n) => e(t, {
-    ...n,
-    headers: {
-      ...n.headers,
-      "x-lokalise-plugin": "true"
-    },
-    credentials: "omit"
-  });
-}
-function D(e) {
-  return { Authorization: `Bearer ${e}` };
-}
-function Ar(e, t) {
-  return (n) => async (a, o) => {
-    var u;
-    const s = await t.getCachedJwtToken();
-    if (s === void 0)
-      return n(a, o);
-    const c = await n(a, {
-      ...o,
-      headers: { ...o.headers, ...D(s.accessToken) }
-    });
-    if (s && (c.status === 401 || c.status === 403)) {
-      const d = Y(s.accessToken);
-      if (!d)
-        return c;
-      const l = await K(e, we, {
-        pathParams: { teamId: d.teamId },
-        headers: D(s.refreshToken)
-      });
-      return await ((u = t.onNewJwtTokenIssued) == null ? void 0 : u.call(t, l)), n(a, {
-        ...o,
-        headers: { ...o.headers, ...D(l.accessToken) }
-      });
-    }
-    return c;
-  };
-}
-const Or = {
-  wretch: {
-    lokaliseAuth(e) {
-      return this.middlewares([Ar(this, e)]);
-    }
-  }
-};
-function Lr(e, t) {
-  return (n) => async (a, o) => {
-    var d;
-    if (await t.getCachedJwtToken() !== void 0)
-      return n(a, o);
-    const c = await t.getCsrfToken();
-    if (c === void 0)
-      return n(a, o);
-    const u = await K(e, we, {
-      pathParams: { teamId: await t.getTeamId() },
-      headers: { "x-csrf-token": c }
-    });
-    return await ((d = t.onNewJwtTokenIssued) == null ? void 0 : d.call(t, u)), n(a, {
-      ...o,
-      headers: { ...o.headers, ...D(u.accessToken) }
-    });
-  };
-}
-const wa = {
-  wretch: {
-    lokaliseAuth(e = {}) {
-      return this.addon(Or).lokaliseAuth(nt(e));
-    },
-    promoteClassicSession(e) {
-      const t = nt(e);
-      return this.middlewares([Lr(this, t)]);
-    }
-  }
-};
-function nt(e) {
-  return {
-    ...e,
-    getCachedJwtToken: e.getCachedJwtToken ?? (async () => Se()),
-    getCsrfToken: "getCsrfToken" in e ? e.getCsrfToken : async () => St(),
-    onNewJwtTokenIssued: (t) => {
-      var n;
-      return window.dispatchEvent(new O(t)), ((n = e.onNewJwtTokenIssued) == null ? void 0 : n.call(e, t)) ?? Promise.resolve();
-    }
-  };
-}
-const qr = r.object({
-  lang_iso: r.string(),
-  custom_iso: r.string().optional()
-}), Mr = r.object({
-  language_id: r.number(),
-  language_iso: r.string(),
-  progress: r.number(),
-  words_to_do: r.number()
-}), Ie = r.union([
-  r.literal("localization_files"),
-  r.literal("paged_documents"),
-  r.literal("marketing")
-]), xr = r.object({
-  per_platform_key_names: r.boolean(),
-  reviewing: r.boolean(),
-  auto_toggle_unverified: r.boolean(),
-  offline_translation: r.boolean(),
-  key_editing: r.boolean(),
-  inline_machine_translations: r.boolean(),
-  custom_translation_statuses: r.boolean(),
-  custom_translation_statuses_allow_multiple: r.boolean(),
-  segmentation: r.boolean(),
-  contributor_preview_download_enabled: r.boolean()
-}), Ur = r.object({
-  not_reviewed: r.number(),
-  unverified: r.number(),
-  spelling_grammar: r.number(),
-  inconsistent_placeholders: r.number(),
-  inconsistent_html: r.number(),
-  different_number_of_urls: r.number(),
-  different_urls: r.number(),
-  leading_whitespace: r.number(),
-  trailing_whitespace: r.number(),
-  different_number_of_email_address: r.number(),
-  different_email_address: r.number(),
-  different_brackets: r.number(),
-  different_numbers: r.number(),
-  double_space: r.number(),
-  special_placeholder: r.number(),
-  unbalanced_brackets: r.number()
-}), Br = r.object({
-  progress_total: r.number(),
-  keys_total: r.number(),
-  team: r.number(),
-  base_words: r.number(),
-  qa_issues_total: r.number(),
-  qa_issues: Ur,
-  languages: r.array(Mr)
-}), F = r.object({
-  project_id: r.string(),
-  uuid: r.string().uuid(),
-  project_type: Ie,
-  name: r.string(),
-  description: r.string(),
-  created_at: r.string(),
-  created_at_timestamp: r.number(),
-  created_by: r.number(),
-  created_by_email: r.string(),
-  team_id: r.number(),
-  base_language_id: r.number(),
-  base_language_iso: r.string(),
-  settings: xr,
-  statistics: Br
-}), $r = r.object({
-  name: r.string(),
-  team_id: r.string(),
-  base_lang_iso: r.string(),
-  languages: r.array(qr),
-  project_type: Ie,
-  is_segmentation_enabled: r.boolean()
-}), Hr = r.object({
-  project_type: Ie.optional(),
-  filter_team_id: r.number().optional(),
-  filter_names: r.string().optional(),
-  include_statistics: r.boolean().optional(),
-  include_settings: r.boolean().optional(),
-  limit: r.number().optional(),
-  page: r.number().optional()
-}), Dr = r.array(
-  r.union([
-    F.omit({ statistics: !0, settings: !0 }),
-    F.pick({ settings: !0, statistics: !0 }).partial()
-  ])
-), zr = r.object({
-  project_id: r.string()
-}), Ee = () => "/projects", Fr = ut({
-  description: "Create a new project",
-  method: "post",
-  pathResolver: Ee,
-  requestBodySchema: $r,
-  successResponseBodySchema: F
-}), Gr = Q({
-  description: "List all projects",
-  pathResolver: Ee,
-  requestQuerySchema: Hr,
-  successResponseBodySchema: Dr
-}), Jr = Q({
-  description: "Retrieve a project",
-  pathResolver: Ee,
-  requestQuerySchema: zr,
-  successResponseBodySchema: F
-});
-function Sa(e, t = {}) {
-  return Mt({
-    ...t,
-    mutationFn: (n) => K(e, Fr, {
-      body: n
-    })
-  });
-}
-const Ia = {
-  paramsKey: (e) => ["listProjects", e]
-};
-function Ea(e, t) {
-  return x({
-    ...t,
-    queryFn: ({ queryKey: [n, a] }) => W(e, Gr, {
-      queryParams: a
-    })
-  });
-}
-const ka = {
-  projectIdKey: (e) => ["retrieveProject", e]
-};
-function Ca(e, t) {
-  return x({
-    ...t,
-    queryFn: ({ queryKey: [n, a] }) => W(e, Jr, {
-      queryParams: { project_id: a }
-    })
-  });
-}
+}) }) });
 export {
-  _a as Breadcrumbs,
-  vt as ENTERPRISE_OPENSOURCE_PLAN_ID,
-  Ln as ENTERPRISE_PLAN_IDS,
-  An as ESSENTIAL_PLAN_IDS,
-  pt as FREE_PLAN_ID,
-  Or as LokaliseAuthAddon,
-  wa as LokaliseAuthBrowserAddon,
-  z as NavigationPanel,
-  ga as NavigationTabs,
-  On as PRO_PLAN_IDS,
-  Pn as START_PLAN_IDS,
-  I as Sidebar,
-  jn as TRIAL_PLAN_ID,
-  ua as convertNewLineToBreakTag,
-  Fr as createProject,
-  ma as formatDate,
-  fa as formatDateTz,
-  Ta as getAuthenticatedSessionDetailFromRequest,
-  Sr as getTeamUser,
-  Ir as getTeamUsersQueryKey,
-  we as getUserToken,
-  pr as getUserTokenKey,
-  la as isEnterpriseOpenSourcePlan,
-  sa as isEnterprisePlan,
-  oa as isEssentialPlan,
-  ye as isFreePlan,
-  ca as isPaidPlan,
-  ia as isProPlan,
-  aa as isStartPlan,
-  Tt as isTrialPlan,
-  Gr as listProjects,
-  Ia as listProjectsKey,
-  da as makeUrlClickable,
-  Y as parseJwtTokenPayload,
-  ya as publicApiHeadersMiddleware,
-  Rr as retrieveContributor,
-  jr as retrieveContributorKeys,
-  Jr as retrieveProject,
-  ka as retrieveProjectQueryKey,
-  va as useAuthenticatedProjectContributor,
-  It as useAuthenticatedSessionPayload,
-  pa as useAuthenticatedUser,
-  Sa as useCreateProjectMutation,
-  ba as useEffectOnce,
-  ha as useGetPromotedClassicSessionJwtQuery,
-  Er as useGetTeamUsersQuery,
-  vr as useGetUserTokenQuery,
-  Ea as useListProjectsQuery,
-  Pr as useRetrieveContributorQuery,
-  Ca as useRetrieveProjectQuery
+  cr as Breadcrumbs,
+  en as ENTERPRISE_OPENSOURCE_PLAN_ID,
+  ut as ENTERPRISE_PLAN_IDS,
+  ct as ESSENTIAL_PLAN_IDS,
+  Qe as FREE_PLAN_ID,
+  M as NavigationPanel,
+  lr as NavigationTabs,
+  lt as PRO_PLAN_IDS,
+  st as START_PLAN_IDS,
+  y as Sidebar,
+  ot as TRIAL_PLAN_ID,
+  rr as convertNewLineToBreakTag,
+  ar as formatDate,
+  or as formatDateTz,
+  tr as isEnterpriseOpenSourcePlan,
+  er as isEnterprisePlan,
+  Kt as isEssentialPlan,
+  le as isFreePlan,
+  nr as isPaidPlan,
+  Qt as isProPlan,
+  Jt as isStartPlan,
+  nn as isTrialPlan,
+  ir as makeUrlClickable,
+  sr as useEffectOnce
 };