@lokalise/harmony 1.4.0-exp-sidebarComponent.5 → 1.4.0

package/dist/harmony.mjs

@@ -1,1032 +1,475 @@
-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 s, jsxs as P, Fragment as De } from "react/jsx-runtime";
+import * as I from "react";
+import { useRef as Ce, useState as Se, useCallback as re, useEffect as Ne, Fragment as Ee, forwardRef as ze, cloneElement as Me } from "react";
+import { Link as Ge, MenuDivider as Fe, MenuItem as Be, Tag as $e, Tooltip as He, Menu as Ue, MenuList as We } from "@lokalise/louis";
+import { format as je } from "date-fns";
+import { toZonedTime as Ze } from "date-fns-tz";
+var O = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function we(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 A, ne;
+function J() {
+  if (ne) return A;
+  ne = 1;
+  function e(r) {
+    var n = typeof r;
+    return r != null && (n == "object" || n == "function");
   }
-  return V = e, V;
+  return A = e, A;
 }
-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 D, te;
+function Ve() {
+  if (te) return D;
+  te = 1;
+  var e = typeof O == "object" && O && O.Object === Object && O;
+  return D = e, D;
 }
-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 C, ie;
+function Re() {
+  if (ie) return C;
+  ie = 1;
+  var e = Ve(), r = typeof self == "object" && self && self.Object === Object && self, n = e || r || Function("return this")();
+  return C = n, C;
 }
-var X, Ie;
-function Et() {
-  if (Ie) return X;
-  Ie = 1;
-  var e = Ke(), t = function() {
+var z, ae;
+function Xe() {
+  if (ae) return z;
+  ae = 1;
+  var e = Re(), r = function() {
     return e.Date.now();
   };
-  return X = t, X;
+  return z = r, z;
 }
-var Q, Ee;
-function Nt() {
-  if (Ee) return Q;
-  Ee = 1;
+var M, oe;
+function Ye() {
+  if (oe) return M;
+  oe = 1;
   var e = /\s/;
-  function t(r) {
-    for (var n = r.length; n-- && e.test(r.charAt(n)); )
+  function r(n) {
+    for (var t = n.length; t-- && e.test(n.charAt(t)); )
       ;
-    return n;
+    return t;
   }
-  return Q = t, Q;
+  return M = r, M;
 }
-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, se;
+function Je() {
+  if (se) return G;
+  se = 1;
+  var e = Ye(), r = /^\s+/;
+  function n(t) {
+    return t && t.slice(0, e(t) + 1).replace(r, "");
   }
-  return J = r, J;
+  return G = n, G;
 }
-var K, Pe;
-function et() {
-  if (Pe) return K;
-  Pe = 1;
-  var e = Ke(), t = e.Symbol;
-  return K = t, K;
+var F, ce;
+function Ie() {
+  if (ce) return F;
+  ce = 1;
+  var e = Re(), r = e.Symbol;
+  return F = r, F;
 }
-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 B, ue;
+function Ke() {
+  if (ue) return B;
+  ue = 1;
+  var e = Ie(), r = Object.prototype, n = r.hasOwnProperty, t = r.toString, i = e ? e.toStringTag : void 0;
+  function a(c) {
+    var u = n.call(c, i), l = c[i];
     try {
-      a[i] = void 0;
-      var c = !0;
+      c[i] = void 0;
+      var o = !0;
     } catch {
     }
-    var u = n.call(a);
-    return c && (l ? a[i] = d : delete a[i]), u;
+    var d = t.call(c);
+    return o && (u ? c[i] = l : delete c[i]), d;
   }
-  return ee = s, ee;
+  return B = a, B;
 }
-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 $, le;
+function Qe() {
+  if (le) return $;
+  le = 1;
+  var e = Object.prototype, r = e.toString;
+  function n(t) {
+    return r.call(t);
   }
-  return te = r, te;
+  return $ = n, $;
 }
-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 H, de;
+function er() {
+  if (de) return H;
+  de = 1;
+  var e = Ie(), r = Ke(), n = Qe(), t = "[object Null]", i = "[object Undefined]", a = e ? e.toStringTag : void 0;
+  function c(u) {
+    return u == null ? u === void 0 ? i : t : a && a in Object(u) ? r(u) : n(u);
   }
-  return ne = a, ne;
+  return H = c, H;
 }
-var re, Oe;
-function Ot() {
-  if (Oe) return re;
-  Oe = 1;
-  function e(t) {
-    return t != null && typeof t == "object";
+var U, fe;
+function rr() {
+  if (fe) return U;
+  fe = 1;
+  function e(r) {
+    return r != null && typeof r == "object";
   }
-  return re = e, re;
+  return U = e, U;
 }
-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 W, be;
+function nr() {
+  if (be) return W;
+  be = 1;
+  var e = er(), r = rr(), n = "[object Symbol]";
+  function t(i) {
+    return typeof i == "symbol" || r(i) && e(i) == n;
   }
-  return oe = n, oe;
+  return W = t, W;
 }
-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 Z, he;
+function tr() {
+  if (he) return Z;
+  he = 1;
+  var e = Je(), r = J(), n = nr(), t = NaN, i = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, c = /^0o[0-7]+$/i, u = parseInt;
+  function l(o) {
+    if (typeof o == "number")
+      return o;
+    if (n(o))
+      return t;
+    if (r(o)) {
+      var d = typeof o.valueOf == "function" ? o.valueOf() : o;
+      o = r(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 o != "string")
+      return o === 0 ? o : +o;
+    o = e(o);
+    var v = a.test(o);
+    return v || c.test(o) ? u(o.slice(2), v ? 2 : 8) : i.test(o) ? t : +o;
   }
-  return ie = d, ie;
+  return Z = l, Z;
 }
-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;
-    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;
+var V, ve;
+function Pe() {
+  if (ve) return V;
+  ve = 1;
+  var e = J(), r = Xe(), n = tr(), t = "Expected a function", i = Math.max, a = Math.min;
+  function c(u, l, o) {
+    var d, v, N, p, b, _, y = 0, j = !1, h = !1, T = !0;
+    if (typeof u != "function")
+      throw new TypeError(t);
+    l = n(l) || 0, e(o) && (j = !!o.leading, h = "maxWait" in o, N = h ? i(n(o.maxWait) || 0, l) : N, T = "trailing" in o ? !!o.trailing : T);
+    function m(f) {
+      var S = d, R = v;
+      return d = v = void 0, y = f, p = u.apply(R, S), p;
     }
-    function C(y) {
-      return b = y, f = setTimeout(U, d), p ? k(y) : v;
+    function g(f) {
+      return y = f, b = setTimeout(L, l), j ? m(f) : p;
     }
-    function $(y) {
-      var I = y - w, O = y - b, ye = d - I;
-      return m ? s(ye, _ - O) : ye;
+    function k(f) {
+      var S = f - _, R = f - y, ee = l - S;
+      return h ? a(ee, N - R) : ee;
     }
-    function be(y) {
-      var I = y - w, O = y - b;
-      return w === void 0 || I >= d || I < 0 || m && O >= _;
+    function K(f) {
+      var S = f - _, R = f - y;
+      return _ === void 0 || S >= l || S < 0 || h && R >= N;
     }
-    function U() {
-      var y = t();
-      if (be(y))
-        return Te(y);
-      f = setTimeout(U, $(y));
+    function L() {
+      var f = r();
+      if (K(f))
+        return Q(f);
+      b = setTimeout(L, k(f));
     }
-    function Te(y) {
-      return f = void 0, T && u ? k(y) : (u = h = void 0, v);
+    function Q(f) {
+      return b = void 0, T && d ? m(f) : (d = v = void 0, p);
     }
-    function ft() {
-      f !== void 0 && clearTimeout(f), b = 0, u = w = h = f = void 0;
+    function xe() {
+      b !== void 0 && clearTimeout(b), y = 0, d = _ = v = b = void 0;
     }
-    function mt() {
-      return f === void 0 ? v : Te(t());
+    function Ae() {
+      return b === void 0 ? p : Q(r());
     }
-    function G() {
-      var y = t(), I = be(y);
-      if (u = arguments, h = this, w = y, I) {
-        if (f === void 0)
-          return C(w);
-        if (m)
-          return clearTimeout(f), f = setTimeout(U, d), k(w);
+    function x() {
+      var f = r(), S = K(f);
+      if (d = arguments, v = this, _ = f, S) {
+        if (b === void 0)
+          return g(_);
+        if (h)
+          return clearTimeout(b), b = setTimeout(L, l), m(_);
       }
-      return f === void 0 && (f = setTimeout(U, d)), v;
+      return b === void 0 && (b = setTimeout(L, l)), p;
     }
-    return G.cancel = ft, G.flush = mt, G;
+    return x.cancel = xe, x.flush = Ae, x;
   }
-  return se = a, se;
+  return V = c, V;
 }
-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;
+var ir = Pe();
+const ar = /* @__PURE__ */ we(ir);
+var X, ge;
+function or() {
+  if (ge) return X;
+  ge = 1;
+  var e = Pe(), r = J(), n = "Expected a function";
+  function t(i, a, c) {
+    var u = !0, l = !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, {
-      leading: l,
-      maxWait: s,
-      trailing: d
+      throw new TypeError(n);
+    return r(c) && (u = "leading" in c ? !!c.leading : u, l = "trailing" in c ? !!c.trailing : l), e(i, a, {
+      leading: u,
+      maxWait: a,
+      trailing: l
     });
   }
-  return ae = n, ae;
+  return X = t, X;
 }
-var $t = Bt();
-const Ut = /* @__PURE__ */ Je($t), zt = (e, t, r, n) => {
-  switch (t) {
+var sr = or();
+const cr = /* @__PURE__ */ we(sr), ur = (e, r, n, t) => {
+  switch (r) {
     case "debounce":
-      return Dt(e, r, n);
+      return ar(e, n, t);
     case "throttle":
-      return Ut(e, r, n);
+      return cr(e, n, t);
     default:
       return e;
   }
-}, Ft = (
+}, lr = (
   // 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 r = I.useRef(e);
+    return I.useEffect(() => {
+      r.current = e;
+    }), I.useMemo(() => (...n) => {
+      var t;
+      return (t = r.current) === null || t === void 0 ? void 0 : t.call(r, ...n);
     }, []);
   }
-), Ht = (
+), dr = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [t, r] = M.useState((e == null ? void 0 : e.current) || null);
+    const [r, n] = I.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 !== r && n(e.current);
+    }, 0), { refProxy: I.useMemo(() => new Proxy((i) => {
+      i !== r && n(i);
     }, {
-      get(i, s) {
-        return s === "current" ? t : i[s];
+      get(i, a) {
+        return a === "current" ? r : i[a];
       },
-      set(i, s, a) {
-        return s === "current" ? r(a) : i[s] = a, !0;
+      set(i, a, c) {
+        return a === "current" ? n(c) : i[a] = c, !0;
       }
-    }), [t]), refElement: t, setRefElement: r };
+    }), [r]), refElement: r, setRefElement: n };
   }
-), Wt = (e, t) => t === "border-box" ? {
+), fr = (e, r) => r === "border-box" ? {
   width: e.borderBoxSize[0].inlineSize,
   height: e.borderBoxSize[0].blockSize
-} : t === "content-box" ? {
+} : r === "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 br({ skipOnMount: e = !1, refreshMode: r, refreshRate: n = 1e3, refreshOptions: t, handleWidth: i = !0, handleHeight: a = !0, targetRef: c, observerOptions: u, onResize: l } = {}) {
+  const o = Ce(e), d = lr(l), [v, N] = Se({
     width: void 0,
     height: void 0
-  }), { refProxy: v, refElement: f } = Ht(a), { box: w } = l || {}, b = ue((m) => {
-    if (!i && !s)
+  }), { refProxy: p, refElement: b } = dr(c), { box: _ } = u || {}, y = re((h) => {
+    if (!i && !a)
       return;
-    if (c.current) {
-      c.current = !1;
+    if (o.current) {
+      o.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 T = (m, g) => i && m.width !== g.width || a && m.height !== g.height;
+    h.forEach((m) => {
+      const g = fr(m, _);
+      N((k) => T(k, g) ? (d == null || d({
+        width: g.width,
+        height: g.height,
+        entry: m
+      }), g) : k);
     });
-  }, [i, s, c, w]), p = ue(zt(b, t, r, n), [
-    b,
-    t,
+  }, [i, a, o, _]), j = re(ur(y, r, n, t), [
+    y,
     r,
-    n
+    n,
+    t
   ]);
-  return me(() => {
-    let m;
-    return f ? (m = new window.ResizeObserver(p), m.observe(f, l)) : (h.width || h.height) && (u == null || u({
+  return Ne(() => {
+    let h;
+    return b ? (h = new window.ResizeObserver(j), h.observe(b, u)) : (v.width || v.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);
+    }), N({ width: void 0, height: void 0 })), () => {
+      var T, m, g;
+      (T = h == null ? void 0 : h.disconnect) === null || T === void 0 || T.call(h), (g = (m = j).cancel) === null || g === void 0 || g.call(m);
     };
-  }, [p, f]), Object.assign({ ref: v }, h);
+  }, [j, b]), Object.assign({ ref: p }, v);
 }
-function nt(e) {
-  var t, r, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
+function ke(e) {
+  var r, n, t = "";
+  if (typeof e == "string" || typeof e == "number") t += 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;
+    for (r = 0; r < i; r++) e[r] && (n = ke(e[r])) && (t && (t += " "), t += n);
+  } else for (n in e) e[n] && (t && (t += " "), t += n);
+  return t;
 }
-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 Le() {
+  for (var e, r, n = 0, t = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (r = ke(e)) && (t && (t += " "), t += r);
+  return t;
 }
-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 hr = "_headerContainer_1cubo_1", vr = "_navigationTabList_1cubo_8", gr = "_navigationTab_1cubo_8", mr = "_headerContent_1cubo_34", _r = "_staticEnabled_1cubo_50", w = {
+  headerContainer: hr,
+  navigationTabList: vr,
+  navigationTab: gr,
+  headerContent: mr,
+  staticEnabled: _r
+}, Tr = 77, q = ({ sticky: e, children: r }) => {
+  const { ref: n, height: t } = br({
     refreshMode: "debounce",
     refreshRate: 0
-  }), [i, s] = E(!1), a = () => i ? !e : !0;
-  me(() => {
-    const d = () => {
-      s(window.scrollY > 0);
+  }), [i, a] = Se(!1), c = () => i ? !e : !0;
+  Ne(() => {
+    const l = () => {
+      a(window.scrollY > 0);
     };
-    return window.addEventListener("scroll", d), () => window.removeEventListener("scroll", d);
+    return window.addEventListener("scroll", l), () => window.removeEventListener("scroll", l);
   }, []);
-  const l = `${n || Xt}px`;
-  return /* @__PURE__ */ o("div", { style: { minHeight: l }, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ g(
+  const u = `${t || Tr}px`;
+  return /* @__PURE__ */ s("div", { style: { minHeight: u }, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ P(
     "div",
     {
-      ref: r,
-      className: N(fe.headerContent, {
-        [fe.staticEnabled]: a()
+      ref: n,
+      className: Le(w.headerContent, {
+        [w.staticEnabled]: c()
       }),
       children: [
-        /* @__PURE__ */ o(H.Header, {}),
-        /* @__PURE__ */ o(H.Tabs, {}),
-        t
+        /* @__PURE__ */ s(q.Header, {}),
+        /* @__PURE__ */ s(q.Tabs, {}),
+        r
       ]
     }
   ) }) });
 };
-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,
-  {
-    className: N(Be.link, {
-      [Be.active]: window.location.pathname.startsWith(t)
-    }),
-    href: t,
-    children: r
-  }
-) }), sn = "_dropdownButton_t7otz_1", an = "_dropdownButtonActive_t7otz_18", $e = {
-  dropdownButton: sn,
-  dropdownButtonActive: an
-}, cn = ({ children: e }) => /* @__PURE__ */ o(
-  he,
-  {
-    menuButton: ({ opened: t }) => /* @__PURE__ */ o(q, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ o(
-      "button",
-      {
-        className: N($e.dropdownButton, {
-          [$e.dropdownButtonActive]: t
-        }),
-        children: /* @__PURE__ */ o(_t, { size: "24px" })
-      }
-    ) }),
-    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 "-";
-  }
-}, 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,
+q.Header = ({ children: e }) => /* @__PURE__ */ s("div", { className: w.headerContainer, children: e });
+q.Tabs = ({ children: e }) => /* @__PURE__ */ s("div", { className: "flex justify-between gap-2 nowrap", children: e });
+const pr = "_breadcrumbsItem_1hm6a_1", yr = "_breadcrumbs_1hm6a_1", me = {
+  breadcrumbsItem: pr,
+  breadcrumbs: yr
+}, Ur = ({ items: e }) => /* @__PURE__ */ s("nav", { "aria-label": "breadcrumb", className: me.breadcrumbs, children: e.map((r, n) => /* @__PURE__ */ P(Ee, { children: [
+  /* @__PURE__ */ s(Ge, { className: me.breadcrumbsItem, href: r.link, rel: "noreferrer", children: r.name }),
+  n < e.length - 1 && /* @__PURE__ */ s("span", { children: " — " })
+] }, `${r.link}-${r.name}`)) }), Sr = ({ items: e }) => /* @__PURE__ */ s(De, { children: e.map((r, n) => /* @__PURE__ */ P(Ee, { children: [
+  !!n && r.some((t) => t.visible) && /* @__PURE__ */ s(Fe, {}),
+  r.filter(({ visible: t }) => t).map(({ link: t, label: i, onClick: a }) => /* @__PURE__ */ s(Be, { href: t || "#", "aria-label": i, onClick: a, children: i }, i))
+] }, r[0].label)) }), Nr = "_badge_1pc1v_1", Er = "_tag_1pc1v_15", jr = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21", wr = "_disabled_1pc1v_57", Rr = "_projectNavigationItem_1pc1v_61", Ir = "_projectNavigationItemDisabled_1pc1v_67", E = {
+  badge: Nr,
+  tag: Er,
+  withNavLinkStyle: jr,
+  disabled: wr,
+  projectNavigationItem: Rr,
+  projectNavigationItemDisabled: Ir
+}, _e = ({ label: e, badge: r, novel: n }) => /* @__PURE__ */ P("div", { className: "flex gap-1", children: [
+  /* @__PURE__ */ P("div", { children: [
+    /* @__PURE__ */ s("span", { children: e }),
+    !!r && /* @__PURE__ */ s("div", { className: E.badge, "aria-label": `${r} items requiring attention`, children: r > 9 ? "9+" : r })
+  ] }),
+  !!n && /* @__PURE__ */ s($e, { className: E.tag, children: n })
+] }), Y = ze(
+  ({ label: e, href: r = "", disabled: n = !1, badge: t, onClick: i, novel: a }, c) => /* @__PURE__ */ s(He, { tooltip: "You do not have access to this function", show: n, children: /* @__PURE__ */ s(
+    "div",
     {
-      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(
+      className: n ? E.projectNavigationItemDisabled : E.projectNavigationItem,
+      children: i || n || !r ? /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          "aria-label": "Tasks",
-          className: N(ce.navItem, {
-            [ce.activeNavItem]: n
+          ref: c,
+          className: Le(E.withNavLinkStyle, {
+            [E.disabled]: 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
-              }
-            )
-          ]
+          disabled: n,
+          onClick: i,
+          children: /* @__PURE__ */ s(_e, { label: e, badge: t, novel: a })
         }
-      )
+      ) : /* @__PURE__ */ s("a", { href: r, className: E.withNavLinkStyle, children: /* @__PURE__ */ s(_e, { label: e, badge: t, novel: a }) })
     }
-  ) });
-}), rr = "_iconContainer_18sqh_1", or = {
-  iconContainer: rr
-}, lt = ({ className: e = "" }) => /* @__PURE__ */ o(
-  "div",
-  {
-    "aria-label": "Upgrade Icon",
-    className: N(or.iconContainer, "flex-row", "items-center", "justify-center", e),
-    children: /* @__PURE__ */ o(kt, {})
-  }
-), 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 }) => {
-  const {
-    currentTeam: t,
-    otherTeams: r,
-    showUpgradeCta: n,
-    showBillingButton: i,
-    allowTeamCreation: s,
-    isLimitedView: a,
-    isProviderAlpha: l,
-    canAccessTeamSettings: d,
-    isEndOfTrialActive: c,
-    isTeamSuspended: u
-  } = B();
-  return /* @__PURE__ */ o(
-    he,
+  ) })
+);
+Y.displayName = "NavigationTabsItem";
+const Pr = (e) => (e == null ? void 0 : e.some((r) => r.some((n) => n.visible))) ?? !1, kr = (e) => e.visible && (!e.dropdown || Pr(e.dropdown)), Wr = ({ navigation: e, activeItem: r }) => /* @__PURE__ */ s("nav", { "aria-label": "Project", children: /* @__PURE__ */ s("ul", { className: w.navigationTabList, "aria-orientation": "horizontal", children: e.filter(kr).map((n) => {
+  var t, i, a;
+  return n.dropdown ? /* @__PURE__ */ s(
+    "li",
     {
-      menuButton: () => /* @__PURE__ */ g("button", { className: P.profileButton, "aria-label": "Profile menu", type: "button", children: [
-        t != null && t.logoUrl ? /* @__PURE__ */ o(
-          "img",
-          {
-            src: t.logoUrl,
-            className: N(P.profileImage, {
-              [P.profileImageHighlight]: n
-            }),
-            alt: "Team Logo"
-          }
-        ) : /* @__PURE__ */ o(
-          "div",
-          {
-            className: N(P.userIconWrapper, "flex-row", "align-center", "items-center", {
-              [P.profileImageHighlight]: n
-            }),
-            children: /* @__PURE__ */ o(Xe, { size: "24px" })
-          }
-        ),
-        n && /* @__PURE__ */ o(lt, { 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,
-        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
-  };
-  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 null;
-  const a = _e(i) ? "Free" : it(i) ? "Trial" : void 0;
-  return /* @__PURE__ */ g(
-    t ? W : "div",
+      className: w.navigationTab,
+      "data-testid": n.key,
+      "aria-selected": (t = n.isActive) == null ? void 0 : t.call(n, r),
+      children: /* @__PURE__ */ s(
+        Ue,
+        {
+          menuButton: ({ opened: c }) => /* @__PURE__ */ s(Y, { label: n.label, disabled: n.disabled, active: c }),
+          children: /* @__PURE__ */ s(We, { children: /* @__PURE__ */ s(Sr, { items: n.dropdown }) })
+        }
+      )
+    },
+    n.key
+  ) : /* @__PURE__ */ s(
+    "li",
     {
-      className: `flex-row gap-2 flex-nowrap items-center ${R.wrapper}`,
-      ...t && { onClick: () => t(s) },
-      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 })
-          ] }),
-          /* @__PURE__ */ o("span", { className: R.membership, children: s.role })
-        ] })
-      ]
-    }
+      className: w.navigationTab,
+      "data-testid": n.key,
+      "aria-selected": (i = n.isActive) == null ? void 0 : i.call(n, r),
+      children: /* @__PURE__ */ s(
+        Y,
+        {
+          label: n.label,
+          href: n.link,
+          onClick: n.onClick,
+          disabled: n.disabled,
+          badge: n.badge,
+          novel: n.novel,
+          active: (a = n.isActive) == null ? void 0 : a.call(n, r)
+        }
+      )
+    },
+    n.key
   );
-}, 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)
-    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" })
-    ] })
-  ] });
-}, 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;
+}) }) }), Oe = 0, Lr = 9999, Or = [150, 151, 250, 251], qr = [152, 153, 252, 253], xr = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], Ar = [156, 159, 160, 256, 259, 260], qe = 9998, Zr = (e) => e === Oe, Vr = (e) => e === Lr, Xr = (e) => Or.includes(e), Yr = (e) => qr.includes(e), Jr = (e) => xr.includes(e), Kr = (e) => Ar.includes(e), Qr = (e) => e > Oe && e < qe, en = (e) => e === qe, Dr = /\n/, Te = (e, r, n) => e.split(r).flatMap((t, i) => i !== 0 ? [Me(n, { key: Math.random().toString(32).slice(0, 10) }), t] : t), Cr = (e, r, n) => typeof e == "string" ? Te(e, r, n) : e.flatMap((t) => typeof t == "string" ? Te(t, r, n) : t), rn = (e) => Cr(e, Dr, /* @__PURE__ */ s("br", {})), zr = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, Mr = (e) => e.match(zr) ?? [], pe = (e, r, n) => {
+  const t = e.split(r);
+  if (t.length === 1)
+    return e;
+  const i = [];
+  return t[0] !== "" && i.push(t[0]), t.shift(), t[t.length - 1] === "" && t.pop(), i.push(
+    /* @__PURE__ */ s("a", { href: r, target: "_blank", rel: "noreferrer noopener", children: r }, r + n)
+  ), i.push(t.join(r)), i.filter((a) => a !== "");
+}, ye = (e) => {
+  const r = Mr(e);
+  return r != null && r.length ? r.reduce((n, t, i) => typeof n == "string" ? pe(n, t, i) : n.flatMap((a) => typeof a == "string" ? pe(a, t, i) : a), e) : e;
+}, nn = (e) => typeof e == "string" ? ye(e) : e.flatMap((r) => typeof r == "string" ? ye(r) : r, e), tn = (e, r = "PP") => je(e, r), an = (e, r, n = "PP") => je(Ze(e, r), n);
 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
+  Ur as Breadcrumbs,
+  qe as ENTERPRISE_OPENSOURCE_PLAN_ID,
+  Ar as ENTERPRISE_PLAN_IDS,
+  qr as ESSENTIAL_PLAN_IDS,
+  Oe as FREE_PLAN_ID,
+  q as NavigationPanel,
+  Wr as NavigationTabs,
+  xr as PRO_PLAN_IDS,
+  Or as START_PLAN_IDS,
+  Lr as TRIAL_PLAN_ID,
+  rn as convertNewLineToBreakTag,
+  tn as formatDate,
+  an as formatDateTz,
+  en as isEnterpriseOpenSourcePlan,
+  Kr as isEnterprisePlan,
+  Yr as isEssentialPlan,
+  Zr as isFreePlan,
+  Qr as isPaidPlan,
+  Jr as isProPlan,
+  Xr as isStartPlan,
+  Vr as isTrialPlan,
+  nn as makeUrlClickable
 };