@lokalise/harmony 1.4.0-exp-sidebarComponent.6 → 1.5.0

package/dist/harmony.mjs

@@ -1,1032 +1,691 @@
-import { jsx as o, jsxs as g, Fragment as ht } from "react/jsx-runtime";
-import * as M from "react";
-import { useRef as pt, useState as E, useCallback as ue, useEffect as me, cloneElement as gt, createContext as Ye, useContext as Ze } from "react";
-import { Tooltip as q, Link as j, Menu as he, MenuList as pe, HelpCenterIcon as _t, ConfirmModal as vt, Alert as bt, Tag as we, Button as Ce, MenuItem as W, Spacer as Tt, Loading as yt, Popover as wt, DeprecatedTaskIcon as Ct, CaretUpIcon as kt, UserIcon as Xe } from "@lokalise/louis";
-import { format as Qe, parseISO as xt } from "date-fns";
-import { toZonedTime as St } from "date-fns-tz";
-var z = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Je(e) {
+import { jsx as i, jsxs as b, Fragment as Be } from "react/jsx-runtime";
+import * as k from "react";
+import { useRef as rn, useState as Me, useCallback as me, useEffect as ie, useContext as an, createContext as on, cloneElement as sn, Fragment as $e, forwardRef as cn } from "react";
+import { Tooltip as ae, Link as Ue, Menu as oe, MenuList as se, CaretUpIcon as ln, UserIcon as De, MenuItem as $, MenuDivider as ze, Tag as un } from "@lokalise/louis";
+import { format as We } from "date-fns";
+import { toZonedTime as dn } from "date-fns-tz";
+var B = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var V, ke;
-function ge() {
-  if (ke) return V;
-  ke = 1;
-  function e(t) {
-    var r = typeof t;
-    return t != null && (r == "object" || r == "function");
+var D, ge;
+function ce() {
+  if (ge) return D;
+  ge = 1;
+  function e(n) {
+    var t = typeof n;
+    return n != null && (t == "object" || t == "function");
   }
-  return V = e, V;
+  return D = e, D;
 }
-var Y, xe;
-function It() {
-  if (xe) return Y;
-  xe = 1;
-  var e = typeof z == "object" && z && z.Object === Object && z;
-  return Y = e, Y;
+var z, he;
+function fn() {
+  if (he) return z;
+  he = 1;
+  var e = typeof B == "object" && B && B.Object === Object && B;
+  return z = e, z;
 }
-var Z, Se;
-function Ke() {
-  if (Se) return Z;
-  Se = 1;
-  var e = It(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
-  return Z = r, Z;
+var W, pe;
+function He() {
+  if (pe) return W;
+  pe = 1;
+  var e = fn(), n = typeof self == "object" && self && self.Object === Object && self, t = e || n || Function("return this")();
+  return W = t, W;
 }
-var X, Ie;
-function Et() {
-  if (Ie) return X;
-  Ie = 1;
-  var e = Ke(), t = function() {
+var F, be;
+function mn() {
+  if (be) return F;
+  be = 1;
+  var e = He(), n = function() {
     return e.Date.now();
   };
-  return X = t, X;
+  return F = n, F;
 }
-var Q, Ee;
-function Nt() {
-  if (Ee) return Q;
-  Ee = 1;
+var H, _e;
+function gn() {
+  if (_e) return H;
+  _e = 1;
   var e = /\s/;
-  function t(r) {
-    for (var n = r.length; n-- && e.test(r.charAt(n)); )
+  function n(t) {
+    for (var r = t.length; r-- && e.test(t.charAt(r)); )
       ;
-    return n;
+    return r;
   }
-  return Q = t, Q;
+  return H = n, H;
 }
-var J, Ne;
-function Pt() {
-  if (Ne) return J;
-  Ne = 1;
-  var e = Nt(), t = /^\s+/;
-  function r(n) {
-    return n && n.slice(0, e(n) + 1).replace(t, "");
+var G, ve;
+function hn() {
+  if (ve) return G;
+  ve = 1;
+  var e = gn(), n = /^\s+/;
+  function t(r) {
+    return r && r.slice(0, e(r) + 1).replace(n, "");
   }
-  return J = r, J;
+  return G = t, G;
 }
-var K, Pe;
-function et() {
-  if (Pe) return K;
-  Pe = 1;
-  var e = Ke(), t = e.Symbol;
-  return K = t, K;
+var V, Te;
+function Ge() {
+  if (Te) return V;
+  Te = 1;
+  var e = He(), n = e.Symbol;
+  return V = n, V;
 }
-var ee, Le;
-function Lt() {
-  if (Le) return ee;
-  Le = 1;
-  var e = et(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, i = e ? e.toStringTag : void 0;
-  function s(a) {
-    var l = r.call(a, i), d = a[i];
+var Y, we;
+function pn() {
+  if (we) return Y;
+  we = 1;
+  var e = Ge(), n = Object.prototype, t = n.hasOwnProperty, r = n.toString, a = e ? e.toStringTag : void 0;
+  function o(c) {
+    var l = t.call(c, a), u = c[a];
     try {
-      a[i] = void 0;
-      var c = !0;
+      c[a] = void 0;
+      var s = !0;
     } catch {
     }
-    var u = n.call(a);
-    return c && (l ? a[i] = d : delete a[i]), u;
+    var d = r.call(c);
+    return s && (l ? c[a] = u : delete c[a]), d;
   }
-  return ee = s, ee;
+  return Y = o, Y;
 }
-var te, Re;
-function Rt() {
-  if (Re) return te;
-  Re = 1;
-  var e = Object.prototype, t = e.toString;
-  function r(n) {
-    return t.call(n);
+var Z, Ie;
+function bn() {
+  if (Ie) return Z;
+  Ie = 1;
+  var e = Object.prototype, n = e.toString;
+  function t(r) {
+    return n.call(r);
   }
-  return te = r, te;
+  return Z = t, Z;
 }
-var ne, je;
-function jt() {
-  if (je) return ne;
-  je = 1;
-  var e = et(), t = Lt(), r = Rt(), n = "[object Null]", i = "[object Undefined]", s = e ? e.toStringTag : void 0;
-  function a(l) {
-    return l == null ? l === void 0 ? i : n : s && s in Object(l) ? t(l) : r(l);
+var X, ye;
+function _n() {
+  if (ye) return X;
+  ye = 1;
+  var e = Ge(), n = pn(), t = bn(), r = "[object Null]", a = "[object Undefined]", o = e ? e.toStringTag : void 0;
+  function c(l) {
+    return l == null ? l === void 0 ? a : r : o && o in Object(l) ? n(l) : t(l);
   }
-  return ne = a, ne;
+  return X = c, X;
 }
-var re, Oe;
-function Ot() {
-  if (Oe) return re;
-  Oe = 1;
-  function e(t) {
-    return t != null && typeof t == "object";
+var J, Ne;
+function vn() {
+  if (Ne) return J;
+  Ne = 1;
+  function e(n) {
+    return n != null && typeof n == "object";
   }
-  return re = e, re;
+  return J = e, J;
 }
-var oe, Ae;
-function At() {
-  if (Ae) return oe;
-  Ae = 1;
-  var e = jt(), t = Ot(), r = "[object Symbol]";
-  function n(i) {
-    return typeof i == "symbol" || t(i) && e(i) == r;
+var K, Se;
+function Tn() {
+  if (Se) return K;
+  Se = 1;
+  var e = _n(), n = vn(), t = "[object Symbol]";
+  function r(a) {
+    return typeof a == "symbol" || n(a) && e(a) == t;
   }
-  return oe = n, oe;
+  return K = r, K;
 }
-var ie, Me;
-function Mt() {
-  if (Me) return ie;
-  Me = 1;
-  var e = Pt(), t = ge(), r = At(), n = NaN, i = /^[-+]0x[0-9a-f]+$/i, s = /^0b[01]+$/i, a = /^0o[0-7]+$/i, l = parseInt;
-  function d(c) {
-    if (typeof c == "number")
-      return c;
-    if (r(c))
-      return n;
-    if (t(c)) {
-      var u = typeof c.valueOf == "function" ? c.valueOf() : c;
-      c = t(u) ? u + "" : u;
+var Q, Ee;
+function wn() {
+  if (Ee) return Q;
+  Ee = 1;
+  var e = hn(), n = ce(), t = Tn(), r = NaN, a = /^[-+]0x[0-9a-f]+$/i, o = /^0b[01]+$/i, c = /^0o[0-7]+$/i, l = parseInt;
+  function u(s) {
+    if (typeof s == "number")
+      return s;
+    if (t(s))
+      return r;
+    if (n(s)) {
+      var d = typeof s.valueOf == "function" ? s.valueOf() : s;
+      s = n(d) ? d + "" : d;
     }
-    if (typeof c != "string")
-      return c === 0 ? c : +c;
-    c = e(c);
-    var h = s.test(c);
-    return h || a.test(c) ? l(c.slice(2), h ? 2 : 8) : i.test(c) ? n : +c;
+    if (typeof s != "string")
+      return s === 0 ? s : +s;
+    s = e(s);
+    var h = o.test(s);
+    return h || c.test(s) ? l(s.slice(2), h ? 2 : 8) : a.test(s) ? r : +s;
   }
-  return ie = d, ie;
+  return Q = u, Q;
 }
-var se, qe;
-function tt() {
-  if (qe) return se;
-  qe = 1;
-  var e = ge(), t = Et(), r = Mt(), n = "Expected a function", i = Math.max, s = Math.min;
-  function a(l, d, c) {
-    var u, h, _, v, f, w, b = 0, p = !1, m = !1, T = !0;
+var ee, Pe;
+function Ve() {
+  if (Pe) return ee;
+  Pe = 1;
+  var e = ce(), n = mn(), t = wn(), r = "Expected a function", a = Math.max, o = Math.min;
+  function c(l, u, s) {
+    var d, h, v, T, g, w, y = 0, S = !1, m = !1, N = !0;
     if (typeof l != "function")
-      throw new TypeError(n);
-    d = r(d) || 0, e(c) && (p = !!c.leading, m = "maxWait" in c, _ = m ? i(r(c.maxWait) || 0, d) : _, T = "trailing" in c ? !!c.trailing : T);
-    function k(y) {
-      var I = u, O = h;
-      return u = h = void 0, b = y, v = l.apply(O, I), v;
+      throw new TypeError(r);
+    u = t(u) || 0, e(s) && (S = !!s.leading, m = "maxWait" in s, v = m ? a(t(s.maxWait) || 0, u) : v, N = "trailing" in s ? !!s.trailing : N);
+    function _(f) {
+      var E = d, R = h;
+      return d = h = void 0, y = f, T = l.apply(R, E), T;
     }
-    function C(y) {
-      return b = y, f = setTimeout(U, d), p ? k(y) : v;
+    function p(f) {
+      return y = f, g = setTimeout(q, u), S ? _(f) : T;
     }
-    function $(y) {
-      var I = y - w, O = y - b, ye = d - I;
-      return m ? s(ye, _ - O) : ye;
+    function A(f) {
+      var E = f - w, R = f - y, fe = u - E;
+      return m ? o(fe, v - R) : fe;
     }
-    function be(y) {
-      var I = y - w, O = y - b;
-      return w === void 0 || I >= d || I < 0 || m && O >= _;
+    function ue(f) {
+      var E = f - w, R = f - y;
+      return w === void 0 || E >= u || E < 0 || m && R >= v;
     }
-    function U() {
-      var y = t();
-      if (be(y))
-        return Te(y);
-      f = setTimeout(U, $(y));
+    function q() {
+      var f = n();
+      if (ue(f))
+        return de(f);
+      g = setTimeout(q, A(f));
     }
-    function Te(y) {
-      return f = void 0, T && u ? k(y) : (u = h = void 0, v);
+    function de(f) {
+      return g = void 0, N && d ? _(f) : (d = h = void 0, T);
     }
-    function ft() {
-      f !== void 0 && clearTimeout(f), b = 0, u = w = h = f = void 0;
+    function nn() {
+      g !== void 0 && clearTimeout(g), y = 0, d = w = h = g = void 0;
     }
-    function mt() {
-      return f === void 0 ? v : Te(t());
+    function tn() {
+      return g === void 0 ? T : de(n());
     }
-    function G() {
-      var y = t(), I = be(y);
-      if (u = arguments, h = this, w = y, I) {
-        if (f === void 0)
-          return C(w);
+    function U() {
+      var f = n(), E = ue(f);
+      if (d = arguments, h = this, w = f, E) {
+        if (g === void 0)
+          return p(w);
         if (m)
-          return clearTimeout(f), f = setTimeout(U, d), k(w);
+          return clearTimeout(g), g = setTimeout(q, u), _(w);
       }
-      return f === void 0 && (f = setTimeout(U, d)), v;
+      return g === void 0 && (g = setTimeout(q, u)), T;
     }
-    return G.cancel = ft, G.flush = mt, G;
+    return U.cancel = nn, U.flush = tn, U;
   }
-  return se = a, se;
+  return ee = c, ee;
 }
-var qt = tt();
-const Dt = /* @__PURE__ */ Je(qt);
-var ae, De;
-function Bt() {
-  if (De) return ae;
-  De = 1;
-  var e = tt(), t = ge(), r = "Expected a function";
-  function n(i, s, a) {
-    var l = !0, d = !0;
-    if (typeof i != "function")
-      throw new TypeError(r);
-    return t(a) && (l = "leading" in a ? !!a.leading : l, d = "trailing" in a ? !!a.trailing : d), e(i, s, {
+var In = Ve();
+const yn = /* @__PURE__ */ Fe(In);
+var ne, je;
+function Nn() {
+  if (je) return ne;
+  je = 1;
+  var e = Ve(), n = ce(), t = "Expected a function";
+  function r(a, o, c) {
+    var l = !0, u = !0;
+    if (typeof a != "function")
+      throw new TypeError(t);
+    return n(c) && (l = "leading" in c ? !!c.leading : l, u = "trailing" in c ? !!c.trailing : u), e(a, o, {
       leading: l,
-      maxWait: s,
-      trailing: d
+      maxWait: o,
+      trailing: u
     });
   }
-  return ae = n, ae;
+  return ne = r, ne;
 }
-var $t = Bt();
-const Ut = /* @__PURE__ */ Je($t), zt = (e, t, r, n) => {
-  switch (t) {
+var Sn = Nn();
+const En = /* @__PURE__ */ Fe(Sn), Pn = (e, n, t, r) => {
+  switch (n) {
     case "debounce":
-      return Dt(e, r, n);
+      return yn(e, t, r);
     case "throttle":
-      return Ut(e, r, n);
+      return En(e, t, r);
     default:
       return e;
   }
-}, Ft = (
+}, jn = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const t = M.useRef(e);
-    return M.useEffect(() => {
-      t.current = e;
-    }), M.useMemo(() => (...r) => {
-      var n;
-      return (n = t.current) === null || n === void 0 ? void 0 : n.call(t, ...r);
+    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);
     }, []);
   }
-), Ht = (
+), Ln = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [t, r] = M.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 && r(e.current);
-    }, 0), { refProxy: M.useMemo(() => new Proxy((i) => {
-      i !== t && r(i);
+      e.current !== n && t(e.current);
+    }, 0), { refProxy: k.useMemo(() => new Proxy((a) => {
+      a !== n && t(a);
     }, {
-      get(i, s) {
-        return s === "current" ? t : i[s];
+      get(a, o) {
+        return o === "current" ? n : a[o];
       },
-      set(i, s, a) {
-        return s === "current" ? r(a) : i[s] = a, !0;
+      set(a, o, c) {
+        return o === "current" ? t(c) : a[o] = c, !0;
       }
-    }), [t]), refElement: t, setRefElement: r };
+    }), [n]), refElement: n, setRefElement: t };
   }
-), Wt = (e, t) => t === "border-box" ? {
+), xn = (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 Gt({ skipOnMount: e = !1, refreshMode: t, refreshRate: r = 1e3, refreshOptions: n, handleWidth: i = !0, handleHeight: s = !0, targetRef: a, observerOptions: l, onResize: d } = {}) {
-  const c = pt(e), u = Ft(d), [h, _] = E({
+function Cn({ skipOnMount: e = !1, refreshMode: n, refreshRate: t = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: o = !0, targetRef: c, observerOptions: l, onResize: u } = {}) {
+  const s = rn(e), d = jn(u), [h, v] = Me({
     width: void 0,
     height: void 0
-  }), { refProxy: v, refElement: f } = Ht(a), { box: w } = l || {}, b = ue((m) => {
-    if (!i && !s)
+  }), { refProxy: T, refElement: g } = Ln(c), { box: w } = l || {}, y = me((m) => {
+    if (!a && !o)
       return;
-    if (c.current) {
-      c.current = !1;
+    if (s.current) {
+      s.current = !1;
       return;
     }
-    const T = (k, C) => i && k.width !== C.width || s && k.height !== C.height;
-    m.forEach((k) => {
-      const C = Wt(k, w);
-      _(($) => T($, C) ? (u == null || u({
-        width: C.width,
-        height: C.height,
-        entry: k
-      }), C) : $);
+    const N = (_, p) => a && _.width !== p.width || o && _.height !== p.height;
+    m.forEach((_) => {
+      const p = xn(_, w);
+      v((A) => N(A, p) ? (d == null || d({
+        width: p.width,
+        height: p.height,
+        entry: _
+      }), p) : A);
     });
-  }, [i, s, c, w]), p = ue(zt(b, t, r, n), [
-    b,
+  }, [a, o, s, w]), S = me(Pn(y, n, t, r), [
+    y,
+    n,
     t,
-    r,
-    n
+    r
   ]);
-  return me(() => {
+  return ie(() => {
     let m;
-    return f ? (m = new window.ResizeObserver(p), m.observe(f, l)) : (h.width || h.height) && (u == null || u({
+    return g ? (m = new window.ResizeObserver(S), m.observe(g, l)) : (h.width || h.height) && (d == null || d({
       width: null,
       height: null,
       entry: null
-    }), _({ width: void 0, height: void 0 })), () => {
-      var T, k, C;
-      (T = m == null ? void 0 : m.disconnect) === null || T === void 0 || T.call(m), (C = (k = p).cancel) === null || C === void 0 || C.call(k);
+    }), v({ width: void 0, height: void 0 })), () => {
+      var N, _, p;
+      (N = m == null ? void 0 : m.disconnect) === null || N === void 0 || N.call(m), (p = (_ = S).cancel) === null || p === void 0 || p.call(_);
     };
-  }, [p, f]), Object.assign({ ref: v }, h);
+  }, [S, g]), Object.assign({ ref: T }, h);
 }
-function nt(e) {
-  var t, r, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
+function Ye(e) {
+  var n, t, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (r = nt(e[t])) && (n && (n += " "), n += r);
-  } else for (r in e) e[r] && (n && (n += " "), n += r);
-  return n;
+    var a = e.length;
+    for (n = 0; n < a; n++) e[n] && (t = Ye(e[n])) && (r && (r += " "), r += t);
+  } else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-function N() {
-  for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = nt(e)) && (n && (n += " "), n += t);
-  return n;
+function L() {
+  for (var e, n, t = 0, r = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (n = Ye(e)) && (r && (r += " "), r += n);
+  return r;
 }
-const Vt = "_headerContainer_1cubo_1", Yt = "_headerContent_1cubo_34", Zt = "_staticEnabled_1cubo_50", fe = {
-  headerContainer: Vt,
-  headerContent: Yt,
-  staticEnabled: Zt
-}, Xt = 77, H = ({ sticky: e, children: t }) => {
-  const { ref: r, height: n } = Gt({
+const Rn = "_headerContainer_1cubo_1", kn = "_navigationTabList_1cubo_8", On = "_navigationTab_1cubo_8", An = "_headerContent_1cubo_34", qn = "_staticEnabled_1cubo_50", C = {
+  headerContainer: Rn,
+  navigationTabList: kn,
+  navigationTab: On,
+  headerContent: An,
+  staticEnabled: qn
+}, Bn = 77, M = ({ sticky: e, children: n }) => {
+  const { ref: t, height: r } = Cn({
     refreshMode: "debounce",
     refreshRate: 0
-  }), [i, s] = E(!1), a = () => i ? !e : !0;
-  me(() => {
-    const d = () => {
-      s(window.scrollY > 0);
+  }), [a, o] = Me(!1), c = () => 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 l = `${n || Xt}px`;
-  return /* @__PURE__ */ o("div", { style: { minHeight: l }, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ g(
+  const l = `${r || Bn}px`;
+  return /* @__PURE__ */ i("div", { style: { minHeight: l }, children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ b(
     "div",
     {
-      ref: r,
-      className: N(fe.headerContent, {
-        [fe.staticEnabled]: a()
+      ref: t,
+      className: L(C.headerContent, {
+        [C.staticEnabled]: c()
       }),
       children: [
-        /* @__PURE__ */ o(H.Header, {}),
-        /* @__PURE__ */ o(H.Tabs, {}),
-        t
+        /* @__PURE__ */ i(M.Header, {}),
+        /* @__PURE__ */ i(M.Tabs, {}),
+        n
       ]
     }
   ) }) });
 };
-H.Header = ({ children: e }) => /* @__PURE__ */ o("div", { className: fe.headerContainer, children: e });
-H.Tabs = ({ children: e }) => /* @__PURE__ */ o("div", { className: "flex justify-between gap-2 nowrap", children: e });
-const Qt = "_sidebarContainer_1qc9v_1", Jt = {
-  sidebarContainer: Qt
-}, Kt = "_logoLink_1tgpl_1", en = {
-  logoLink: Kt
-}, tn = ({ src: e, href: t = "/", ariaLabel: r = "Home", alt: n = "Lokalise" }) => /* @__PURE__ */ o("a", { className: en.logoLink, href: t, "aria-label": r, children: /* @__PURE__ */ o("img", { src: e, alt: n }) }), nn = "_link_2ptl6_1", rn = "_active_2ptl6_18", Be = {
-  link: nn,
-  active: rn
-}, on = ({ label: e, to: t, icon: r }) => /* @__PURE__ */ o(q, { placement: "right", tooltip: e, children: /* @__PURE__ */ o(
-  j,
+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 Mn = "_sidebarContainer_bmdti_1", $n = {
+  sidebarContainer: Mn
+}, Un = "_logoLink_1baxb_1", Dn = {
+  logoLink: Un
+}, zn = ({ src: e, href: n = "/", ariaLabel: t = "Home", alt: r = "Lokalise" }) => /* @__PURE__ */ i("a", { className: Dn.logoLink, href: n, "aria-label": t, children: /* @__PURE__ */ i("img", { src: e, alt: r }) }), Wn = "_link_1weq1_1", Fn = "_active_1weq1_18", Le = {
+  link: Wn,
+  active: Fn
+}, Hn = ({ label: e, to: n, icon: t }) => /* @__PURE__ */ i(ae, { placement: "right", tooltip: e, children: /* @__PURE__ */ i(
+  Ue,
   {
-    className: N(Be.link, {
-      [Be.active]: window.location.pathname.startsWith(t)
+    className: L(Le.link, {
+      [Le.active]: window.location.pathname.startsWith(n)
     }),
-    href: t,
-    children: r
+    href: n,
+    children: /* @__PURE__ */ i(t, { size: "25px" })
   }
-) }), sn = "_dropdownButton_t7otz_1", an = "_dropdownButtonActive_t7otz_18", $e = {
-  dropdownButton: sn,
-  dropdownButtonActive: an
-}, cn = ({ children: e }) => /* @__PURE__ */ o(
-  he,
+) }), Gn = "_dropdownButton_hwh0c_1", Vn = "_dropdownButtonActive_hwh0c_18", xe = {
+  dropdownButton: Gn,
+  dropdownButtonActive: Vn
+}, Yn = ({ children: e, icon: n }) => /* @__PURE__ */ i(
+  oe,
   {
-    menuButton: ({ opened: t }) => /* @__PURE__ */ o(q, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ o(
+    menuButton: ({ opened: t }) => /* @__PURE__ */ i(ae, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ i(
       "button",
       {
-        className: N($e.dropdownButton, {
-          [$e.dropdownButtonActive]: t
+        type: "button",
+        className: L(xe.dropdownButton, {
+          [xe.dropdownButtonActive]: t
         }),
-        children: /* @__PURE__ */ o(_t, { size: "24px" })
+        children: /* @__PURE__ */ i(n, { size: "25px" })
       }
     ) }),
-    children: /* @__PURE__ */ o(pe, { placement: "right-start", children: e })
-  }
-), x = {
-  TaskCompleted: "task_completed",
-  TaskClosed: "task_closed",
-  Refresh: "refresh",
-  ShowDialog: "show_dialog"
-}, rt = 0, ln = 9999, dn = [150, 151, 250, 251], un = [152, 153, 252, 253], fn = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], mn = [156, 159, 160, 256, 259, 260], ot = 9998, _e = (e) => e === rt, it = (e) => e === ln, Ar = (e) => dn.includes(e), Mr = (e) => un.includes(e), qr = (e) => fn.includes(e), Dr = (e) => mn.includes(e), Br = (e) => e > rt && e < ot, $r = (e) => e === ot, hn = /\n/, Ue = (e, t, r) => e.split(t).flatMap((n, i) => i !== 0 ? [gt(r, { key: Math.random().toString(32).slice(0, 10) }), n] : n), pn = (e, t, r) => typeof e == "string" ? Ue(e, t, r) : e.flatMap((n) => typeof n == "string" ? Ue(n, t, r) : n), gn = (e) => pn(e, hn, /* @__PURE__ */ o("br", {})), _n = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, vn = (e) => e.match(_n) ?? [], ze = (e, t, r) => {
-  const n = e.split(t);
-  if (n.length === 1)
-    return e;
-  const i = [];
-  return n[0] !== "" && i.push(n[0]), n.shift(), n[n.length - 1] === "" && n.pop(), i.push(
-    /* @__PURE__ */ o("a", { href: t, target: "_blank", rel: "noreferrer noopener", children: t }, t + r)
-  ), i.push(n.join(t)), i.filter((s) => s !== "");
-}, Fe = (e) => {
-  const t = vn(e);
-  return t != null && t.length ? t.reduce((r, n, i) => typeof r == "string" ? ze(r, n, i) : r.flatMap((s) => typeof s == "string" ? ze(s, n, i) : s), e) : e;
-}, bn = (e) => typeof e == "string" ? Fe(e) : e.flatMap((t) => typeof t == "string" ? Fe(t) : t, e), Tn = (e, t = "PP") => Qe(e, t), Ur = (e, t, r = "PP") => Qe(St(e, t), r), ve = (e) => {
-  me(e, []);
-}, yn = Math.min, wn = Math.max;
-function He(e, t, r) {
-  return wn(e, yn(t, r));
-}
-function st(e, t) {
-  return typeof e == "function" ? e(t) : e;
-}
-function at(e) {
-  return e.split("-")[0];
-}
-function Cn(e) {
-  return e === "x" ? "y" : "x";
-}
-function kn(e) {
-  return ["top", "bottom"].includes(at(e)) ? "y" : "x";
-}
-function xn(e) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...e
-  };
-}
-function Sn(e) {
-  return typeof e != "number" ? xn(e) : {
-    top: e,
-    right: e,
-    bottom: e,
-    left: e
-  };
-}
-function We(e) {
-  const {
-    x: t,
-    y: r,
-    width: n,
-    height: i
-  } = e;
-  return {
-    width: n,
-    height: i,
-    top: r,
-    left: t,
-    right: t + n,
-    bottom: r + i,
-    x: t,
-    y: r
-  };
-}
-async function In(e, t) {
-  var r;
-  t === void 0 && (t = {});
-  const {
-    x: n,
-    y: i,
-    platform: s,
-    rects: a,
-    elements: l,
-    strategy: d
-  } = e, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: u = "viewport",
-    elementContext: h = "floating",
-    altBoundary: _ = !1,
-    padding: v = 0
-  } = st(t, e), f = Sn(v), b = l[_ ? h === "floating" ? "reference" : "floating" : h], p = We(await s.getClippingRect({
-    element: (r = await (s.isElement == null ? void 0 : s.isElement(b))) == null || r ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: c,
-    rootBoundary: u,
-    strategy: d
-  })), m = h === "floating" ? {
-    x: n,
-    y: i,
-    width: a.floating.width,
-    height: a.floating.height
-  } : a.reference, T = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), k = await (s.isElement == null ? void 0 : s.isElement(T)) ? await (s.getScale == null ? void 0 : s.getScale(T)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, C = We(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: m,
-    offsetParent: T,
-    strategy: d
-  }) : m);
-  return {
-    top: (p.top - C.top + f.top) / k.y,
-    bottom: (C.bottom - p.bottom + f.bottom) / k.y,
-    left: (p.left - C.left + f.left) / k.x,
-    right: (C.right - p.right + f.right) / k.x
-  };
-}
-const En = function(e) {
-  return e === void 0 && (e = {}), {
-    name: "shift",
-    options: e,
-    async fn(t) {
-      const {
-        x: r,
-        y: n,
-        placement: i
-      } = t, {
-        mainAxis: s = !0,
-        crossAxis: a = !1,
-        limiter: l = {
-          fn: (b) => {
-            let {
-              x: p,
-              y: m
-            } = b;
-            return {
-              x: p,
-              y: m
-            };
-          }
-        },
-        ...d
-      } = st(e, t), c = {
-        x: r,
-        y: n
-      }, u = await In(t, d), h = kn(at(i)), _ = Cn(h);
-      let v = c[_], f = c[h];
-      if (s) {
-        const b = _ === "y" ? "top" : "left", p = _ === "y" ? "bottom" : "right", m = v + u[b], T = v - u[p];
-        v = He(m, v, T);
-      }
-      if (a) {
-        const b = h === "y" ? "top" : "left", p = h === "y" ? "bottom" : "right", m = f + u[b], T = f - u[p];
-        f = He(m, f, T);
-      }
-      const w = l.fn({
-        ...t,
-        [_]: v,
-        [h]: f
-      });
-      return {
-        ...w,
-        data: {
-          x: w.x - r,
-          y: w.y - n,
-          enabled: {
-            [_]: s,
-            [h]: a
-          }
-        }
-      };
-    }
-  };
-}, Nn = "_navItem_1jmyj_1", Pn = "_activeNavItem_1jmyj_19", Ln = "_badge_1jmyj_24", ce = {
-  navItem: Nn,
-  activeNavItem: Pn,
-  badge: Ln
-}, ct = Ye({}), D = () => Ze(ct), Rn = (e) => {
-  const t = e.lastIndexOf("."), r = e.slice(0, t), n = e.slice(t + 1);
-  return { name: r, extension: n };
-}, F = {
-  translation: "translation",
-  review: "review",
-  lqa_by_ai: "lqa_by_ai",
-  automatic_translation: "automatic_translation"
-}, jn = (e, t) => {
-  switch (e) {
-    case "completed":
-      return t < 100 ? "Closed" : "Completed";
-    case "created":
-      return t > 0 ? "In progress" : "Not started";
-    case "in_progress":
-      return "In progress";
-    case "queued":
-      return "Queued";
-    default:
-      return "-";
+    children: /* @__PURE__ */ i(se, { placement: "right-start", children: e })
   }
-}, On = (e) => {
-  const t = e.progress || 0;
-  return e.status === "created" && t > 0 ? "in_progress" : e.status;
-}, Ge = ["in_progress", "created", "completed"], An = {
-  [F.translation]: "#76BEDB",
-  [F.review]: "#74B766",
-  [F.lqa_by_ai]: "#F6F2FF",
-  [F.automatic_translation]: "#F6F2FF"
-}, Mn = (e) => e.filter((t) => t.status !== "queued").map((t) => ({ ...t, status: On(t) })).sort((t, r) => t.status === "in_progress" && t.progress === 100 ? -1 : r.status === "in_progress" && r.progress === 100 ? 1 : t.status === r.status ? t.name < r.name ? 1 : -1 : Ge.indexOf(t.status) - Ge.indexOf(r.status)), qn = ({ task: e, language: t }) => {
-  const [r, n] = E(!1), [i, s] = E(!1), { onLanguageCompleteConfirm: a, fetchTasks: l } = D(), d = () => {
-    s(!1);
-  };
-  return /* @__PURE__ */ g(ht, { children: [
-    i && /* @__PURE__ */ o(
-      vt,
-      {
-        opened: i,
-        loading: r,
-        title: `Are you finished with ${t.name}?`,
-        confirmText: "Mark as done",
-        closeText: "Cancel",
-        onClose: () => {
-          s(!1);
-        },
-        onConfirm: async () => {
-          n(!0), await a({ task: e, language: t, closePrompt: d }), l();
-        },
-        children: /* @__PURE__ */ g(bt, { status: "info", children: [
-          "Make sure you are finished and ",
-          /* @__PURE__ */ o("strong", { style: { display: "inline" }, children: "mark it as done" }),
-          " to notify your team admin. This action cannot be undone, and the language might no longer be available for you to edit."
-        ] })
-      }
-    ),
-    /* @__PURE__ */ o(
-      j,
-      {
-        disabled: r,
-        onClick: () => {
-          s(!0);
-        },
-        children: "Mark as done"
-      }
-    )
-  ] });
-}, Dn = "_langRowCompleted_1aukv_1", Bn = "_langCellSecondary_1aukv_14", $n = "_langStatus_1aukv_19", le = {
-  langRowCompleted: Dn,
-  langCellSecondary: Bn,
-  langStatus: $n
-}, Un = ({ language: e, task: t }) => {
-  const { getProjectUrl: r, langNameOnClick: n, langProgressOnClick: i } = D(), s = e.progress || 0, a = e.status === "completed", l = [t.status, e.status].every((d) => ["in_progress", "created"].includes(d)) && s >= 100;
-  return /* @__PURE__ */ g(
-    "tr",
-    {
-      className: N({
-        [le.langRowCompleted]: l
-      }),
-      children: [
-        /* @__PURE__ */ o("td", { children: /* @__PURE__ */ o(q, { tooltip: "Open in bilingual view", children: /* @__PURE__ */ o(
-          j,
-          {
-            href: r({ task: t, language: e }),
-            onClick: () => {
-              n == null || n({ task: t, language: e });
-            },
-            children: e.name
-          }
-        ) }) }),
-        /* @__PURE__ */ o("td", { className: le.langCellSecondary, children: l || a ? "0" : /* @__PURE__ */ o(q, { tooltip: "Open uncompleted items", children: /* @__PURE__ */ o(
-          j,
-          {
-            href: r({ task: t, language: e, taskUncompleted: !0 }),
-            onClick: () => {
-              i == null || i({ task: t, language: e });
-            },
-            children: Number.parseInt(e.base_words_total, 10) - Number.parseInt(e.base_words_done, 10)
-          }
-        ) }) }),
-        /* @__PURE__ */ g("td", { children: [
-          s,
-          "%"
-        ] }),
-        /* @__PURE__ */ o("td", { children: l ? /* @__PURE__ */ o(qn, { task: t, language: e }) : /* @__PURE__ */ o(
-          "span",
-          {
-            className: `${le.langStatus} flex-row items-center justify-start`,
-            "data-status": e.status,
-            children: jn(e.status, s)
-          }
-        ) })
-      ]
-    }
-  );
-}, zn = "_taskContainer_1e51j_1", Fn = "_taskTitle_1e51j_21", Hn = "_taskDescription_1e51j_27", Wn = "_languagesTable_1e51j_33", Gn = "_metadata_1e51j_85", L = {
-  taskContainer: zn,
-  taskTitle: Fn,
-  taskDescription: Hn,
-  languagesTable: Wn,
-  metadata: Gn
-}, Vn = ({ task: e }) => {
-  const { tasks: t, getProjectUrl: r, taskTitleOnClick: n } = D(), i = Mn(e.langs), s = ue(
-    (a) => {
-      a !== void 0 && window.open(`/style-guide/${e.team_id}/download/${a.id}/link`, "_blank", "noopener,noreferrer");
-    },
-    [e.team_id]
-  );
-  return t ? /* @__PURE__ */ g("article", { className: L.taskContainer, children: [
-    /* @__PURE__ */ g("div", { className: "flex-row gap-1 items-center", children: [
-      /* @__PURE__ */ g("div", { className: "flex-row gap-1 items-start flex-wrap", children: [
-        /* @__PURE__ */ o(we, { color: An[e.task_type], variant: "solid", children: e.task_type.toLocaleUpperCase() }),
-        e.due_date && /* @__PURE__ */ g(we, { color: "#DEA829", children: [
-          "DUE ",
-          Tn(xt(e.due_date), "yyyy-MM-dd")
-        ] })
-      ] }),
-      e.style_guides.length > 0 && /* @__PURE__ */ o("div", { className: "flex-row", children: e.style_guides.length === 1 ? /* @__PURE__ */ o(
-        Ce,
-        {
-          size: "sm",
-          variant: "secondary",
-          onClick: () => s(e.style_guides[0]),
-          children: "Download style guide"
-        }
-      ) : /* @__PURE__ */ o(
-        he,
-        {
-          menuButton: /* @__PURE__ */ o(Ce, { variant: "secondary", size: "sm", children: "Download style guide" }),
-          children: /* @__PURE__ */ o(pe, { children: e.style_guides.map((a) => /* @__PURE__ */ o(W, { onClick: () => s(a), children: Rn(a.name).name }, a.id)) })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ g(Tt, { top: 1, children: [
-      /* @__PURE__ */ o("h4", { className: L.taskTitle, children: /* @__PURE__ */ o(
-        j,
-        {
-          href: r({ task: e, view: "multi" }),
-          onClick: () => {
-            n == null || n({ task: e });
-          },
-          children: e.title
-        }
-      ) }),
-      e.description && /* @__PURE__ */ o("div", { className: L.taskDescription, children: gn(bn(e.description)) })
-    ] }),
-    /* @__PURE__ */ g("table", { className: L.languagesTable, children: [
-      /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ g("tr", { children: [
-        /* @__PURE__ */ o("th", { children: "Languages" }),
-        /* @__PURE__ */ o("th", { children: "Words to do" }),
-        /* @__PURE__ */ o("th", { children: "Progress" }),
-        /* @__PURE__ */ o("th", { children: "Status" })
-      ] }) }),
-      /* @__PURE__ */ o("tbody", { children: i.map((a) => /* @__PURE__ */ o(Un, { language: a, task: e }, a.lang_id)) })
-    ] }),
-    /* @__PURE__ */ g("p", { className: L.metadata, children: [
-      /* @__PURE__ */ g("span", { "data-test-id": "source-lang", children: [
-        "Source: ",
-        e.source_lang_name
-      ] }),
-      /* @__PURE__ */ o("span", { "data-test-id": "author-name", children: e.created_by_fullname }),
-      /* @__PURE__ */ g("span", { "data-test-id": "project-name", children: [
-        "In ",
-        e.project_name,
-        e.master_branching_enabled === "1" && /* @__PURE__ */ o("div", { className: L.tag, children: e.branch_name ? e.branch_name : "master" })
-      ] })
-    ] })
-  ] }) : null;
-}, Yn = "_loadingContainer_1l6uh_1", Zn = "_noTasksContainer_1l6uh_6", Xn = "_noTasksHeading_1l6uh_12", Qn = "_noTasksText_1l6uh_16", Jn = "_tasksContainer_1l6uh_21", A = {
-  loadingContainer: Yn,
-  noTasksContainer: Zn,
-  noTasksHeading: Xn,
-  noTasksText: Qn,
-  tasksContainer: Jn
-}, Kn = () => {
-  const { tasks: e, onTasksWidgetOpen: t, loadingTasks: r, fetchTasks: n } = D();
-  return ve(() => (n(), t == null || t({ tasks: e }), document.addEventListener(x.TaskCompleted, n), document.addEventListener(x.TaskClosed, n), document.addEventListener(x.Refresh, n), () => {
-    document.removeEventListener(x.TaskCompleted, n), document.removeEventListener(x.TaskClosed, n), document.removeEventListener(x.Refresh, n);
-  })), r ? /* @__PURE__ */ o("div", { className: A.loadingContainer, children: /* @__PURE__ */ o(yt, {}) }) : e.length === 0 ? /* @__PURE__ */ g("div", { className: A.noTasksContainer, children: [
-    /* @__PURE__ */ o("h3", { className: A.noTasksHeading, children: "No tasks" }),
-    /* @__PURE__ */ g("div", { className: A.noTasksText, children: [
-      "Your incoming tasks will appear here.",
-      /* @__PURE__ */ o("br", {}),
-      /* @__PURE__ */ o(j, { href: "https://docs.lokalise.com/translation-workflow/tasks", target: "_new", children: "Learn more" })
-    ] })
-  ] }) : /* @__PURE__ */ o("section", { className: A.tasksContainer, children: e.map((i) => /* @__PURE__ */ o(Vn, { task: i }, i.id)) });
-}, er = ({ children: e, config: t }) => {
-  const [r, n] = E([]), [i, s] = E(!0), [a, l] = E(0), {
-    getProjectUrl: d,
-    onLanguageCompleteConfirm: c,
-    onTasksWidgetOpen: u,
-    langNameOnClick: h,
-    langProgressOnClick: _,
-    taskTitleOnClick: v
-  } = t, { getTasks: f, getTasksCount: w } = t, b = async () => {
-    s(!0);
-    const T = await f();
-    n(T), s(!1);
-  }, p = async () => {
-    const T = await w();
-    l(T);
-  };
-  ve(() => (p(), document.addEventListener(x.TaskCompleted, p), document.addEventListener(x.TaskClosed, p), document.addEventListener(x.Refresh, p), () => {
-    document.removeEventListener(x.TaskCompleted, p), document.removeEventListener(x.TaskClosed, p), document.removeEventListener(x.Refresh, p);
-  }));
-  const m = {
-    fetchTasks: b,
-    tasks: r,
-    tasksCount: a,
-    loadingTasks: i,
-    getProjectUrl: d,
-    onLanguageCompleteConfirm: c,
-    onTasksWidgetOpen: u,
-    langNameOnClick: h,
-    langProgressOnClick: _,
-    taskTitleOnClick: v
-  };
-  return /* @__PURE__ */ o(ct.Provider, { value: m, children: e });
-}, tr = (e) => function(r) {
-  const { config: n, ...i } = r;
-  return /* @__PURE__ */ o(er, { config: n, children: /* @__PURE__ */ o(e, { ...i }) });
-}, nr = tr(() => {
-  const [e, t] = E(!1), { tasksCount: r } = D();
-  return ve(() => {
-    const n = () => {
-      t(!0);
-    };
-    return document.addEventListener(x.ShowDialog, n), () => {
-      document.removeEventListener(x.ShowDialog, n);
-    };
-  }), /* @__PURE__ */ o(q, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ o(
-    wt,
-    {
-      content: /* @__PURE__ */ o(Kn, {}),
-      placement: "right",
-      open: e,
-      onOpenChange: t,
-      middlewares: [
-        En({
-          // 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: (n) => /* @__PURE__ */ g(
-        "button",
-        {
-          type: "button",
-          "aria-label": "Tasks",
-          className: N(ce.navItem, {
-            [ce.activeNavItem]: n
-          }),
-          children: [
-            /* @__PURE__ */ o(Ct, { size: "24px" }),
-            r > 0 && /* @__PURE__ */ o(
-              "div",
-              {
-                className: ce.badge,
-                "aria-label": `${r} items requiring attention`,
-                children: r > 9 ? "9+" : r
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) });
-}), rr = "_iconContainer_18sqh_1", or = {
-  iconContainer: rr
-}, lt = ({ className: e = "" }) => /* @__PURE__ */ o(
+), Zn = "_iconContainer_nz34m_1", Xn = {
+  iconContainer: Zn
+}, Ze = ({ className: e = "" }) => /* @__PURE__ */ i(
   "div",
   {
     "aria-label": "Upgrade Icon",
-    className: N(or.iconContainer, "flex-row", "items-center", "justify-center", e),
-    children: /* @__PURE__ */ o(kt, {})
+    className: L(
+      Xn.iconContainer,
+      "flex-row",
+      "items-center",
+      "justify-center",
+      e
+    ),
+    children: /* @__PURE__ */ i(ln, {})
   }
-), ir = "_menuContainer_1dcf5_5", sr = "_profileButton_1dcf5_16", ar = "_profileImage_1dcf5_29", cr = "_profileImageHighlight_1dcf5_37", lr = "_profileImageUpgradeIcon_1dcf5_41", dr = "_userIconWrapper_1dcf5_47", P = {
-  menuContainer: ir,
-  profileButton: sr,
-  profileImage: ar,
-  profileImageHighlight: cr,
-  profileImageUpgradeIcon: lr,
-  userIconWrapper: dr
-}, dt = Ye({}), B = () => Ze(dt), ur = ({ children: e }) => {
+), Jn = "_menuContainer_wbu3u_5", Kn = "_profileButton_wbu3u_16", Qn = "_profileImage_wbu3u_29", et = "_profileImageHighlight_wbu3u_37", nt = "_profileImageUpgradeIcon_wbu3u_41", tt = "_userIconWrapper_wbu3u_47", P = {
+  menuContainer: Jn,
+  profileButton: Kn,
+  profileImage: Qn,
+  profileImageHighlight: et,
+  profileImageUpgradeIcon: nt,
+  userIconWrapper: tt
+}, Xe = on({}), O = () => an(Xe), rt = ({ children: e }) => {
   const {
-    currentTeam: t,
-    otherTeams: r,
-    showUpgradeCta: n,
-    showBillingButton: i,
-    allowTeamCreation: s,
-    isLimitedView: a,
+    currentTeam: n,
+    otherTeams: t,
+    showUpgradeCta: r,
+    showBillingButton: a,
+    allowTeamCreation: o,
+    isLimitedView: c,
     isProviderAlpha: l,
-    canAccessTeamSettings: d,
-    isEndOfTrialActive: c,
-    isTeamSuspended: u
-  } = B();
-  return /* @__PURE__ */ o(
-    he,
+    canAccessTeamSettings: u,
+    isEndOfTrialActive: s,
+    isTeamSuspended: d
+  } = O();
+  return /* @__PURE__ */ i(
+    oe,
     {
-      menuButton: () => /* @__PURE__ */ g("button", { className: P.profileButton, "aria-label": "Profile menu", type: "button", children: [
-        t != null && t.logoUrl ? /* @__PURE__ */ o(
+      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: N(P.profileImage, {
-              [P.profileImageHighlight]: n
+            src: n.logoUrl,
+            className: L(P.profileImage, {
+              [P.profileImageHighlight]: r
             }),
             alt: "Team Logo"
           }
-        ) : /* @__PURE__ */ o(
+        ) : /* @__PURE__ */ i(
           "div",
           {
-            className: N(P.userIconWrapper, "flex-row", "align-center", "items-center", {
-              [P.profileImageHighlight]: n
+            className: L(P.userIconWrapper, "flex-row", "align-center", "items-center", {
+              [P.profileImageHighlight]: r
             }),
-            children: /* @__PURE__ */ o(Xe, { size: "24px" })
+            children: /* @__PURE__ */ i(De, { size: "25px" })
           }
         ),
-        n && /* @__PURE__ */ o(lt, { className: P.profileImageUpgradeIcon })
+        r && /* @__PURE__ */ i(Ze, { className: P.profileImageUpgradeIcon })
       ] }),
-      children: /* @__PURE__ */ o(pe, { placement: "right-end", className: P.menuContainer, children: e({
-        allowTeamCreation: s,
-        otherTeams: r,
-        isLimitedView: a,
-        canAccessTeamSettings: d,
-        isEndOfTrialActive: c,
-        isTeamSuspended: u,
-        showBillingButton: i,
+      children: /* @__PURE__ */ i(se, { placement: "right-end", className: P.menuContainer, children: e({
+        allowTeamCreation: o,
+        otherTeams: t,
+        isLimitedView: c,
+        canAccessTeamSettings: u,
+        isEndOfTrialActive: s,
+        isTeamSuspended: d,
+        showBillingButton: a,
         isProviderAlpha: l
       }) })
     }
   );
-}, fr = ({ children: e, config: t }) => {
-  const { teams: r, currentTeamId: n, planId: i, isLimitedView: s, isTeamSuspended: a, canAccessTeamSettings: l, isEndOfTrialActive: d } = t, c = r.find((m) => m.id === n), u = r.filter((m) => m.id !== n), h = (c == null ? void 0 : c.role) ?? "", _ = ["biller", "owner"].includes(h), v = _e(i) || it(i), p = {
-    ...t,
-    currentTeam: c,
-    otherTeams: u,
-    canChangeBilling: _,
-    isOnFreeOrTrialPlan: v,
-    showUpgradeCta: !s && v && _ && !a,
-    showBillingButton: !s && l && _,
-    allowTeamCreation: !s && !d
+}, Je = 0, it = 9999, at = [150, 151, 250, 251], ot = [152, 153, 252, 253], st = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], ct = [156, 159, 160, 256, 259, 260], Ke = 9998, le = (e) => e === Je, Qe = (e) => e === it, Vt = (e) => at.includes(e), Yt = (e) => ot.includes(e), Zt = (e) => st.includes(e), Xt = (e) => ct.includes(e), Jt = (e) => e > Je && e < Ke, Kt = (e) => e === Ke, lt = /\n/, Ce = (e, n, t) => e.split(n).flatMap((r, a) => a !== 0 ? [sn(t, { key: Math.random().toString(32).slice(0, 10) }), r] : r), ut = (e, n, t) => typeof e == "string" ? Ce(e, n, t) : e.flatMap((r) => typeof r == "string" ? Ce(r, n, t) : r), Qt = (e) => ut(e, lt, /* @__PURE__ */ i("br", {})), dt = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, ft = (e) => e.match(dt) ?? [], Re = (e, n, t) => {
+  const r = e.split(n);
+  if (r.length === 1)
+    return e;
+  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 = ft(e);
+  return n != null && n.length ? n.reduce((t, r, a) => typeof t == "string" ? Re(t, r, a) : t.flatMap((o) => typeof o == "string" ? Re(o, r, a) : o), e) : e;
+}, er = (e) => typeof e == "string" ? ke(e) : e.flatMap((n) => typeof n == "string" ? ke(n) : n, e), nr = (e, n = "PP") => We(e, n), tr = (e, n, t = "PP") => We(dn(e, n), t), rr = (e) => {
+  ie(e, []);
+}, mt = ({ children: e, config: n }) => {
+  const {
+    teams: t,
+    currentTeamId: r,
+    planId: a,
+    isLimitedView: o,
+    isTeamSuspended: c,
+    canAccessTeamSettings: l,
+    isEndOfTrialActive: u
+  } = n, s = t.find((m) => m.id === r), d = t.filter((m) => m.id !== r), h = (s == null ? void 0 : s.role) ?? "", v = ["biller", "owner"].includes(h), T = le(a) || Qe(a), S = {
+    ...n,
+    currentTeam: s,
+    otherTeams: d,
+    canChangeBilling: v,
+    isOnFreeOrTrialPlan: T,
+    showUpgradeCta: !o && T && v && !c,
+    showBillingButton: !o && l && v,
+    allowTeamCreation: !o && !u
   };
-  return /* @__PURE__ */ o(dt.Provider, { value: p, children: e });
-}, mr = ({ config: e, children: t }) => /* @__PURE__ */ o(fr, { config: e, children: /* @__PURE__ */ o(ur, { children: t }) }), hr = "_container_k7g5r_1", pr = "_profileEmail_k7g5r_5", Ve = {
-  container: hr,
-  profileEmail: pr
-}, gr = ({ href: e, onClick: t, userEmail: r }) => {
-  const { isEndOfTrialActive: n, isTeamSuspended: i } = B();
-  return n || i ? null : /* @__PURE__ */ o(
-    W,
-    {
-      href: e,
-      onClick: () => {
-        t == null || t();
-      },
-      children: /* @__PURE__ */ g("div", { className: `flex-col ${Ve.container}`, children: [
-        /* @__PURE__ */ o("span", { children: "Profile Settings" }),
-        /* @__PURE__ */ o("span", { className: Ve.profileEmail, children: r })
-      ] })
-    }
-  );
-}, _r = "_wrapper_1d834_1", vr = "_profileImage_1d834_14", br = "_teamName_1d834_22", Tr = "_planLabel_1d834_29", yr = "_membership_1d834_38", wr = "_defaultProfileImage_1d834_44", R = {
-  wrapper: _r,
-  profileImage: vr,
-  teamName: br,
-  planLabel: Tr,
-  membership: yr,
-  defaultProfileImage: wr
-}, ut = ({ team: e, onClick: t, hidePlanLabel: r }) => {
-  const { currentTeam: n, planId: i } = B(), s = e || n;
-  if (!s)
+  return /* @__PURE__ */ i(Xe.Provider, { value: S, children: e });
+}, gt = ({ config: e, children: n }) => /* @__PURE__ */ i(mt, { config: e, children: /* @__PURE__ */ i(rt, { children: n }) }), ht = "_container_q5pot_1", pt = "_profileEmail_q5pot_5", Oe = {
+  container: ht,
+  profileEmail: pt
+}, bt = ({
+  href: e,
+  onClick: n,
+  userEmail: t,
+  hideBottomDivider: r
+}) => {
+  const { isEndOfTrialActive: a, isTeamSuspended: o } = O();
+  return a || o ? null : /* @__PURE__ */ b(Be, { children: [
+    /* @__PURE__ */ i(
+      $,
+      {
+        href: e,
+        onClick: () => {
+          n == null || n();
+        },
+        children: /* @__PURE__ */ b("div", { className: `flex-col ${Oe.container}`, children: [
+          /* @__PURE__ */ i("span", { children: "Profile Settings" }),
+          /* @__PURE__ */ i("span", { className: Oe.profileEmail, children: t })
+        ] })
+      }
+    ),
+    !r && /* @__PURE__ */ i(ze, {})
+  ] });
+}, _t = "_wrapper_15d85_1", vt = "_profileImage_15d85_14", Tt = "_teamName_15d85_22", wt = "_planLabel_15d85_29", It = "_membership_15d85_38", yt = "_defaultProfileImage_15d85_44", x = {
+  wrapper: _t,
+  profileImage: vt,
+  teamName: Tt,
+  planLabel: wt,
+  membership: It,
+  defaultProfileImage: yt
+}, en = ({ team: e, onClick: n, hidePlanLabel: t }) => {
+  const { currentTeam: r, planId: a } = O(), o = e || r;
+  if (!o)
     return null;
-  const a = _e(i) ? "Free" : it(i) ? "Trial" : void 0;
-  return /* @__PURE__ */ g(
-    t ? W : "div",
+  const c = le(a) ? "Free" : Qe(a) ? "Trial" : void 0;
+  return /* @__PURE__ */ b(
+    n ? $ : "div",
     {
-      className: `flex-row gap-2 flex-nowrap items-center ${R.wrapper}`,
-      ...t && { onClick: () => t(s) },
+      className: `flex-row gap-2 flex-nowrap items-center ${x.wrapper}`,
+      ...n && { onClick: () => n(o) },
       children: [
-        s.logoUrl ? /* @__PURE__ */ o("img", { className: R.profileImage, src: s.logoUrl, alt: "Team Logo" }) : /* @__PURE__ */ o("div", { className: `flex-row justify-center items-center ${R.defaultProfileImage}`, children: /* @__PURE__ */ o(Xe, { size: "24px" }) }),
-        /* @__PURE__ */ g("div", { className: "flex-col items-start", children: [
-          /* @__PURE__ */ g("div", { className: "flex-row items-center flex-nowrap gap-2", children: [
-            /* @__PURE__ */ o("span", { title: s.name, className: R.teamName, children: s.name }),
-            a && !r && /* @__PURE__ */ o("span", { className: `flex-row justify-center items-center ${R.planLabel}`, children: a })
+        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(De, { 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 }),
+            c && !t && /* @__PURE__ */ i("span", { className: `flex-row justify-center items-center ${x.planLabel}`, children: c })
           ] }),
-          /* @__PURE__ */ o("span", { className: R.membership, children: s.role })
+          /* @__PURE__ */ i("span", { className: x.membership, children: o.role })
         ] })
       ]
     }
   );
-}, Cr = "_teamsContainer_l4r3v_1", kr = {
-  teamsContainer: Cr
-}, xr = ({ onSwitchTeam: e }) => {
-  const { otherTeams: t } = B();
-  return t.length === 0 ? null : /* @__PURE__ */ o("div", { className: `flex-col items-stretch ${kr.teamsContainer}`, children: t.map((r) => /* @__PURE__ */ o(ut, { team: r, onClick: e, hidePlanLabel: !0 }, r.id)) });
-}, Sr = "_container_jmnsf_1", Ir = "_planCta_jmnsf_15", Er = "_upgradeIconWrapper_jmnsf_19", de = {
-  container: Sr,
-  planCta: Ir,
-  upgradeIconWrapper: Er
-}, Nr = ({ upgradeOptionHref: e }) => {
-  const { planId: t, trialDaysLeft: r, showUpgradeCta: n } = B();
-  if (!n)
+}, Nt = "_teamsContainer_1t68g_1", St = {
+  teamsContainer: Nt
+}, Et = ({ onSwitchTeam: e }) => {
+  const { otherTeams: n } = O();
+  return n.length === 0 ? null : /* @__PURE__ */ i("div", { className: `flex-col items-stretch ${St.teamsContainer}`, children: n.map((t) => /* @__PURE__ */ i(en, { team: t, onClick: e, hidePlanLabel: !0 }, t.id)) });
+}, Pt = "_container_1u995_1", jt = "_planCta_1u995_15", Lt = "_upgradeIconWrapper_1u995_19", te = {
+  container: Pt,
+  planCta: jt,
+  upgradeIconWrapper: Lt
+}, xt = ({ upgradeOptionHref: e }) => {
+  const { planId: n, trialDaysLeft: t, showUpgradeCta: r } = O();
+  if (!r)
     return null;
-  const a = _e(t) ? "Your team is currently on the Free plan" : `Free trial ends in ${r} ${r === 1 ? "day" : "days"}`;
-  return /* @__PURE__ */ g(W, { href: e, className: `flex-col gap-1 items-start ${de.container}`, children: [
-    /* @__PURE__ */ o("span", { className: de.planCta, children: a }),
-    /* @__PURE__ */ g("div", { className: `flex-row items-center gap-1 ${de.upgradeIconWrapper}`, children: [
-      /* @__PURE__ */ o(lt, {}),
-      /* @__PURE__ */ o("span", { children: "See upgrade options" })
+  const c = 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: c }),
+    /* @__PURE__ */ b("div", { className: `flex-row items-center gap-1 ${te.upgradeIconWrapper}`, children: [
+      /* @__PURE__ */ i(Ze, {}),
+      /* @__PURE__ */ i("span", { children: "See upgrade options" })
     ] })
   ] });
-}, S = ({ children: e, ...t }) => /* @__PURE__ */ o("nav", { ...t, className: Jt.sidebarContainer, children: e });
-S.Top = ({ children: e }) => /* @__PURE__ */ o("div", { children: e });
-S.Bottom = ({ children: e }) => /* @__PURE__ */ o("div", { children: e });
-S.Avatar = tn;
-S.IconLink = on;
-S.Menu = cn;
-S.Tasks = nr;
-S.ProfileMenu = mr;
-S.TeamSwitch = xr;
-S.TeamMenuItem = ut;
-S.UpgradeMenuItem = Nr;
-S.ProfileSettingsMenuItem = gr;
+}, I = ({ children: e, ...n }) => /* @__PURE__ */ i("nav", { ...n, className: $n.sidebarContainer, children: e });
+I.Top = ({ children: e }) => /* @__PURE__ */ i("div", { children: e });
+I.Bottom = ({ children: e }) => /* @__PURE__ */ i("div", { children: e });
+I.Avatar = zn;
+I.IconLink = Hn;
+I.Menu = Yn;
+I.ProfileMenu = gt;
+I.TeamSwitch = Et;
+I.TeamMenuItem = en;
+I.UpgradeMenuItem = xt;
+I.ProfileSettingsMenuItem = bt;
+const Ct = "_breadcrumbsItem_1hm6a_1", Rt = "_breadcrumbs_1hm6a_1", Ae = {
+  breadcrumbsItem: Ct,
+  breadcrumbs: Rt
+}, ir = ({ items: e }) => /* @__PURE__ */ i("nav", { "aria-label": "breadcrumb", className: Ae.breadcrumbs, children: e.map((n, t) => /* @__PURE__ */ b($e, { children: [
+  /* @__PURE__ */ i(Ue, { className: Ae.breadcrumbsItem, href: n.link, rel: "noreferrer", children: n.name }),
+  t < e.length - 1 && /* @__PURE__ */ i("span", { children: " — " })
+] }, `${n.link}-${n.name}`)) }), kt = ({ items: e }) => /* @__PURE__ */ i(Be, { children: e.map((n, t) => /* @__PURE__ */ b($e, { children: [
+  !!t && n.some((r) => r.visible) && /* @__PURE__ */ i(ze, {}),
+  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)) }), Ot = "_badge_1pc1v_1", At = "_tag_1pc1v_15", qt = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21", Bt = "_disabled_1pc1v_57", Mt = "_projectNavigationItem_1pc1v_61", $t = "_projectNavigationItemDisabled_1pc1v_67", j = {
+  badge: Ot,
+  tag: At,
+  withNavLinkStyle: qt,
+  disabled: Bt,
+  projectNavigationItem: Mt,
+  projectNavigationItemDisabled: $t
+}, qe = ({ label: e, badge: n, novel: t }) => /* @__PURE__ */ b("div", { className: "flex gap-1", children: [
+  /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ i("span", { children: e }),
+    !!n && /* @__PURE__ */ i("div", { className: j.badge, "aria-label": `${n} items requiring attention`, children: n > 9 ? "9+" : n })
+  ] }),
+  !!t && /* @__PURE__ */ i(un, { className: j.tag, children: t })
+] }), re = cn(
+  ({ label: e, href: n = "", disabled: t = !1, badge: r, onClick: a, novel: o }, c) => /* @__PURE__ */ i(ae, { tooltip: "You do not have access to this function", show: t, children: /* @__PURE__ */ i(
+    "div",
+    {
+      className: t ? j.projectNavigationItemDisabled : j.projectNavigationItem,
+      children: a || t || !n ? /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          ref: c,
+          className: L(j.withNavLinkStyle, {
+            [j.disabled]: t
+          }),
+          disabled: t,
+          onClick: a,
+          children: /* @__PURE__ */ i(qe, { label: e, badge: r, novel: o })
+        }
+      ) : /* @__PURE__ */ i("a", { href: n, className: j.withNavLinkStyle, children: /* @__PURE__ */ i(qe, { label: e, badge: r, novel: o }) })
+    }
+  ) })
+);
+re.displayName = "NavigationTabsItem";
+const Ut = (e) => (e == null ? void 0 : e.some((n) => n.some((t) => t.visible))) ?? !1, Dt = (e) => e.visible && (!e.dropdown || Ut(e.dropdown)), ar = ({ navigation: e, activeItem: n }) => /* @__PURE__ */ i("nav", { "aria-label": "Project", children: /* @__PURE__ */ i("ul", { className: C.navigationTabList, "aria-orientation": "horizontal", children: e.filter(Dt).map((t) => {
+  var r, a, o;
+  return t.dropdown ? /* @__PURE__ */ i(
+    "li",
+    {
+      className: C.navigationTab,
+      "data-testid": t.key,
+      "aria-selected": (r = t.isActive) == null ? void 0 : r.call(t, n),
+      children: /* @__PURE__ */ i(
+        oe,
+        {
+          menuButton: ({ opened: c }) => /* @__PURE__ */ i(re, { label: t.label, disabled: t.disabled, active: c }),
+          children: /* @__PURE__ */ i(se, { children: /* @__PURE__ */ i(kt, { items: t.dropdown }) })
+        }
+      )
+    },
+    t.key
+  ) : /* @__PURE__ */ i(
+    "li",
+    {
+      className: C.navigationTab,
+      "data-testid": t.key,
+      "aria-selected": (a = t.isActive) == null ? void 0 : a.call(t, n),
+      children: /* @__PURE__ */ i(
+        re,
+        {
+          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)
+        }
+      )
+    },
+    t.key
+  );
+}) }) });
 export {
-  ot as ENTERPRISE_OPENSOURCE_PLAN_ID,
-  mn as ENTERPRISE_PLAN_IDS,
-  un as ESSENTIAL_PLAN_IDS,
-  rt as FREE_PLAN_ID,
-  H as NavigationPanel,
-  fn as PRO_PLAN_IDS,
-  dn as START_PLAN_IDS,
-  S as Sidebar,
-  ln as TRIAL_PLAN_ID,
-  gn as convertNewLineToBreakTag,
-  Tn as formatDate,
-  Ur as formatDateTz,
-  $r as isEnterpriseOpenSourcePlan,
-  Dr as isEnterprisePlan,
-  Mr as isEssentialPlan,
-  _e as isFreePlan,
-  Br as isPaidPlan,
-  qr as isProPlan,
-  Ar as isStartPlan,
-  it as isTrialPlan,
-  bn as makeUrlClickable,
-  ve as useEffectOnce
+  ir as Breadcrumbs,
+  Ke as ENTERPRISE_OPENSOURCE_PLAN_ID,
+  ct as ENTERPRISE_PLAN_IDS,
+  ot as ESSENTIAL_PLAN_IDS,
+  Je as FREE_PLAN_ID,
+  M as NavigationPanel,
+  ar as NavigationTabs,
+  st as PRO_PLAN_IDS,
+  at as START_PLAN_IDS,
+  I as Sidebar,
+  it as TRIAL_PLAN_ID,
+  Qt as convertNewLineToBreakTag,
+  nr as formatDate,
+  tr as formatDateTz,
+  Kt as isEnterpriseOpenSourcePlan,
+  Xt as isEnterprisePlan,
+  Yt as isEssentialPlan,
+  le as isFreePlan,
+  Jt as isPaidPlan,
+  Zt as isProPlan,
+  Vt as isStartPlan,
+  Qe as isTrialPlan,
+  er as makeUrlClickable,
+  rr as useEffectOnce
 };