@lokalise/harmony 1.4.0-exp-sidebarComponent.1 → 1.4.0-exp-sidebarComponent.3

package/dist/harmony.mjs

@@ -1,391 +1,1032 @@
-import { jsx as E, jsxs as Ie } from "react/jsx-runtime";
-import * as w from "react";
-import { useRef as qe, useState as _e, useCallback as V, useEffect as X, cloneElement as xe } from "react";
-import { format as Te } from "date-fns";
-import { toZonedTime as Ne } from "date-fns-tz";
-var I = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Se(e) {
+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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var N, ee;
-function Y() {
-  if (ee) return N;
-  ee = 1;
-  function e(r) {
-    var n = typeof r;
-    return r != null && (n == "object" || n == "function");
+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");
   }
-  return N = e, N;
+  return V = e, V;
 }
-var L, re;
-function Le() {
-  if (re) return L;
-  re = 1;
-  var e = typeof I == "object" && I && I.Object === Object && I;
-  return L = e, L;
+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 A, te;
-function ye() {
-  if (te) return A;
-  te = 1;
-  var e = Le(), r = typeof self == "object" && self && self.Object === Object && self, n = e || r || Function("return this")();
-  return A = n, A;
+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 k, ne;
-function Ae() {
-  if (ne) return k;
-  ne = 1;
-  var e = ye(), r = function() {
+var X, Ie;
+function Et() {
+  if (Ie) return X;
+  Ie = 1;
+  var e = Ke(), t = function() {
     return e.Date.now();
   };
-  return k = r, k;
+  return X = t, X;
 }
-var C, ie;
-function ke() {
-  if (ie) return C;
-  ie = 1;
+var Q, Ee;
+function Nt() {
+  if (Ee) return Q;
+  Ee = 1;
   var e = /\s/;
-  function r(n) {
-    for (var t = n.length; t-- && e.test(n.charAt(t)); )
+  function t(r) {
+    for (var n = r.length; n-- && e.test(r.charAt(n)); )
       ;
-    return t;
+    return n;
   }
-  return C = r, C;
+  return Q = t, Q;
 }
-var z, oe;
-function Ce() {
-  if (oe) return z;
-  oe = 1;
-  var e = ke(), r = /^\s+/;
-  function n(t) {
-    return t && t.slice(0, e(t) + 1).replace(r, "");
+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, "");
   }
-  return z = n, z;
+  return J = r, J;
 }
-var D, ae;
-function Ee() {
-  if (ae) return D;
-  ae = 1;
-  var e = ye(), r = e.Symbol;
-  return D = r, D;
+var K, Pe;
+function et() {
+  if (Pe) return K;
+  Pe = 1;
+  var e = Ke(), t = e.Symbol;
+  return K = t, K;
 }
-var G, ue;
-function ze() {
-  if (ue) return G;
-  ue = 1;
-  var e = Ee(), r = Object.prototype, n = r.hasOwnProperty, t = r.toString, i = e ? e.toStringTag : void 0;
-  function a(u) {
-    var s = n.call(u, i), c = u[i];
+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];
     try {
-      u[i] = void 0;
-      var o = !0;
+      a[i] = void 0;
+      var c = !0;
     } catch {
     }
-    var f = t.call(u);
-    return o && (s ? u[i] = c : delete u[i]), f;
+    var u = n.call(a);
+    return c && (l ? a[i] = d : delete a[i]), u;
   }
-  return G = a, G;
+  return ee = s, ee;
 }
-var M, se;
-function De() {
-  if (se) return M;
-  se = 1;
-  var e = Object.prototype, r = e.toString;
-  function n(t) {
-    return r.call(t);
+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);
   }
-  return M = n, M;
+  return te = r, te;
 }
-var B, ce;
-function Ge() {
-  if (ce) return B;
-  ce = 1;
-  var e = Ee(), r = ze(), n = De(), t = "[object Null]", i = "[object Undefined]", a = e ? e.toStringTag : void 0;
-  function u(s) {
-    return s == null ? s === void 0 ? i : t : a && a in Object(s) ? r(s) : n(s);
+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);
   }
-  return B = u, B;
+  return ne = a, ne;
 }
-var F, fe;
-function Me() {
-  if (fe) return F;
-  fe = 1;
-  function e(r) {
-    return r != null && typeof r == "object";
+var re, Oe;
+function Ot() {
+  if (Oe) return re;
+  Oe = 1;
+  function e(t) {
+    return t != null && typeof t == "object";
   }
-  return F = e, F;
+  return re = e, re;
 }
-var H, le;
-function Be() {
-  if (le) return H;
-  le = 1;
-  var e = Ge(), r = Me(), n = "[object Symbol]";
-  function t(i) {
-    return typeof i == "symbol" || r(i) && e(i) == n;
+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;
   }
-  return H = t, H;
+  return oe = n, oe;
 }
-var U, de;
-function Fe() {
-  if (de) return U;
-  de = 1;
-  var e = Ce(), r = Y(), n = Be(), t = NaN, i = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, u = /^0o[0-7]+$/i, s = parseInt;
-  function c(o) {
-    if (typeof o == "number")
-      return o;
-    if (n(o))
-      return t;
-    if (r(o)) {
-      var f = typeof o.valueOf == "function" ? o.valueOf() : o;
-      o = r(f) ? f + "" : f;
+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;
     }
-    if (typeof o != "string")
-      return o === 0 ? o : +o;
-    o = e(o);
-    var h = a.test(o);
-    return h || u.test(o) ? s(o.slice(2), h ? 2 : 8) : i.test(o) ? t : +o;
+    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;
   }
-  return U = c, U;
+  return ie = d, ie;
 }
-var W, be;
-function pe() {
-  if (be) return W;
-  be = 1;
-  var e = Y(), r = Ae(), n = Fe(), t = "Expected a function", i = Math.max, a = Math.min;
-  function u(s, c, o) {
-    var f, h, p, T, d, v, S = 0, R = !1, b = !1, _ = !0;
-    if (typeof s != "function")
-      throw new TypeError(t);
-    c = n(c) || 0, e(o) && (R = !!o.leading, b = "maxWait" in o, p = b ? i(n(o.maxWait) || 0, c) : p, _ = "trailing" in o ? !!o.trailing : _);
-    function m(l) {
-      var y = f, j = h;
-      return f = h = void 0, S = l, T = s.apply(j, y), T;
+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;
     }
-    function g(l) {
-      return S = l, d = setTimeout(O, c), R ? m(l) : T;
+    function C(y) {
+      return b = y, f = setTimeout(U, d), p ? k(y) : v;
     }
-    function P(l) {
-      var y = l - v, j = l - S, Q = c - y;
-      return b ? a(Q, p - j) : Q;
+    function $(y) {
+      var I = y - w, O = y - b, ye = d - I;
+      return m ? s(ye, _ - O) : ye;
     }
-    function J(l) {
-      var y = l - v, j = l - S;
-      return v === void 0 || y >= c || y < 0 || b && j >= p;
+    function be(y) {
+      var I = y - w, O = y - b;
+      return w === void 0 || I >= d || I < 0 || m && O >= _;
     }
-    function O() {
-      var l = r();
-      if (J(l))
-        return K(l);
-      d = setTimeout(O, P(l));
+    function U() {
+      var y = t();
+      if (be(y))
+        return Te(y);
+      f = setTimeout(U, $(y));
     }
-    function K(l) {
-      return d = void 0, _ && f ? m(l) : (f = h = void 0, T);
+    function Te(y) {
+      return f = void 0, T && u ? k(y) : (u = h = void 0, v);
     }
-    function Pe() {
-      d !== void 0 && clearTimeout(d), S = 0, f = v = h = d = void 0;
+    function ft() {
+      f !== void 0 && clearTimeout(f), b = 0, u = w = h = f = void 0;
     }
-    function Oe() {
-      return d === void 0 ? T : K(r());
+    function mt() {
+      return f === void 0 ? v : Te(t());
     }
-    function x() {
-      var l = r(), y = J(l);
-      if (f = arguments, h = this, v = l, y) {
-        if (d === void 0)
-          return g(v);
-        if (b)
-          return clearTimeout(d), d = setTimeout(O, c), m(v);
+    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);
       }
-      return d === void 0 && (d = setTimeout(O, c)), T;
+      return f === void 0 && (f = setTimeout(U, d)), v;
     }
-    return x.cancel = Pe, x.flush = Oe, x;
+    return G.cancel = ft, G.flush = mt, G;
   }
-  return W = u, W;
+  return se = a, se;
 }
-var He = pe();
-const Ue = /* @__PURE__ */ Se(He);
-var $, he;
-function We() {
-  if (he) return $;
-  he = 1;
-  var e = pe(), r = Y(), n = "Expected a function";
-  function t(i, a, u) {
-    var s = !0, c = !0;
+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(n);
-    return r(u) && (s = "leading" in u ? !!u.leading : s, c = "trailing" in u ? !!u.trailing : c), e(i, a, {
-      leading: s,
-      maxWait: a,
-      trailing: c
+      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
     });
   }
-  return $ = t, $;
+  return ae = n, ae;
 }
-var $e = We();
-const Ze = /* @__PURE__ */ Se($e), Xe = (e, r, n, t) => {
-  switch (r) {
+var $t = Bt();
+const Ut = /* @__PURE__ */ Je($t), zt = (e, t, r, n) => {
+  switch (t) {
     case "debounce":
-      return Ue(e, n, t);
+      return Dt(e, r, n);
     case "throttle":
-      return Ze(e, n, t);
+      return Ut(e, r, n);
     default:
       return e;
   }
-}, Ye = (
+}, Ft = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const r = w.useRef(e);
-    return w.useEffect(() => {
-      r.current = e;
-    }), w.useMemo(() => (...n) => {
-      var t;
-      return (t = r.current) === null || t === void 0 ? void 0 : t.call(r, ...n);
+    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);
     }, []);
   }
-), Je = (
+), Ht = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [r, n] = w.useState((e == null ? void 0 : e.current) || null);
+    const [t, r] = M.useState((e == null ? void 0 : e.current) || null);
     return e && setTimeout(() => {
-      e.current !== r && n(e.current);
-    }, 0), { refProxy: w.useMemo(() => new Proxy((i) => {
-      i !== r && n(i);
+      e.current !== t && r(e.current);
+    }, 0), { refProxy: M.useMemo(() => new Proxy((i) => {
+      i !== t && r(i);
     }, {
-      get(i, a) {
-        return a === "current" ? r : i[a];
+      get(i, s) {
+        return s === "current" ? t : i[s];
       },
-      set(i, a, u) {
-        return a === "current" ? n(u) : i[a] = u, !0;
+      set(i, s, a) {
+        return s === "current" ? r(a) : i[s] = a, !0;
       }
-    }), [r]), refElement: r, setRefElement: n };
+    }), [t]), refElement: t, setRefElement: r };
   }
-), Ke = (e, r) => r === "border-box" ? {
+), Wt = (e, t) => t === "border-box" ? {
   width: e.borderBoxSize[0].inlineSize,
   height: e.borderBoxSize[0].blockSize
-} : r === "content-box" ? {
+} : t === "content-box" ? {
   width: e.contentBoxSize[0].inlineSize,
   height: e.contentBoxSize[0].blockSize
 } : {
   width: e.contentRect.width,
   height: e.contentRect.height
 };
-function Qe({ skipOnMount: e = !1, refreshMode: r, refreshRate: n = 1e3, refreshOptions: t, handleWidth: i = !0, handleHeight: a = !0, targetRef: u, observerOptions: s, onResize: c } = {}) {
-  const o = qe(e), f = Ye(c), [h, p] = _e({
+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({
     width: void 0,
     height: void 0
-  }), { refProxy: T, refElement: d } = Je(u), { box: v } = s || {}, S = V((b) => {
-    if (!i && !a)
+  }), { refProxy: v, refElement: f } = Ht(a), { box: w } = l || {}, b = ue((m) => {
+    if (!i && !s)
       return;
-    if (o.current) {
-      o.current = !1;
+    if (c.current) {
+      c.current = !1;
       return;
     }
-    const _ = (m, g) => i && m.width !== g.width || a && m.height !== g.height;
-    b.forEach((m) => {
-      const g = Ke(m, v);
-      p((P) => _(P, g) ? (f == null || f({
-        width: g.width,
-        height: g.height,
-        entry: m
-      }), g) : P);
+    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) : $);
     });
-  }, [i, a, o, v]), R = V(Xe(S, r, n, t), [
-    S,
+  }, [i, s, c, w]), p = ue(zt(b, t, r, n), [
+    b,
+    t,
     r,
-    n,
-    t
+    n
   ]);
-  return X(() => {
-    let b;
-    return d ? (b = new window.ResizeObserver(R), b.observe(d, s)) : (h.width || h.height) && (f == null || f({
+  return me(() => {
+    let m;
+    return f ? (m = new window.ResizeObserver(p), m.observe(f, l)) : (h.width || h.height) && (u == null || u({
       width: null,
       height: null,
       entry: null
-    }), p({ width: void 0, height: void 0 })), () => {
-      var _, m, g;
-      (_ = b == null ? void 0 : b.disconnect) === null || _ === void 0 || _.call(b), (g = (m = R).cancel) === null || g === void 0 || g.call(m);
+    }), _({ 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);
     };
-  }, [R, d]), Object.assign({ ref: T }, h);
+  }, [p, f]), Object.assign({ ref: v }, h);
 }
-function Re(e) {
-  var r, n, t = "";
-  if (typeof e == "string" || typeof e == "number") t += e;
+function nt(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (r = 0; r < i; r++) e[r] && (n = Re(e[r])) && (t && (t += " "), t += n);
-  } else for (n in e) e[n] && (t && (t += " "), t += n);
-  return t;
+    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;
 }
-function Ve() {
-  for (var e, r, n = 0, t = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (r = Re(e)) && (t && (t += " "), t += r);
-  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;
 }
-const er = "_headerContainer_1cubo_1", rr = "_headerContent_1cubo_34", tr = "_staticEnabled_1cubo_50", Z = {
-  headerContainer: er,
-  headerContent: rr,
-  staticEnabled: tr
-}, nr = 77, q = ({ sticky: e, children: r }) => {
-  const { ref: n, height: t } = Qe({
+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({
     refreshMode: "debounce",
     refreshRate: 0
-  }), [i, a] = _e(!1), u = () => i ? !e : !0;
-  X(() => {
-    const c = () => {
-      a(window.scrollY > 0);
+  }), [i, s] = E(!1), a = () => i ? !e : !0;
+  me(() => {
+    const d = () => {
+      s(window.scrollY > 0);
     };
-    return window.addEventListener("scroll", c), () => window.removeEventListener("scroll", c);
+    return window.addEventListener("scroll", d), () => window.removeEventListener("scroll", d);
   }, []);
-  const s = `${t || nr}px`;
-  return /* @__PURE__ */ E("div", { style: { minHeight: s }, children: /* @__PURE__ */ E("div", { children: /* @__PURE__ */ Ie(
+  const l = `${n || Xt}px`;
+  return /* @__PURE__ */ o("div", { style: { minHeight: l }, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ g(
     "div",
     {
-      ref: n,
-      className: Ve(Z.headerContent, {
-        [Z.staticEnabled]: u()
+      ref: r,
+      className: N(fe.headerContent, {
+        [fe.staticEnabled]: a()
       }),
       children: [
-        /* @__PURE__ */ E(q.Header, {}),
-        /* @__PURE__ */ E(q.Tabs, {}),
-        r
+        /* @__PURE__ */ o(H.Header, {}),
+        /* @__PURE__ */ o(H.Tabs, {}),
+        t
       ]
     }
   ) }) });
 };
-q.Header = ({ children: e }) => /* @__PURE__ */ E("div", { className: Z.headerContainer, children: e });
-q.Tabs = ({ children: e }) => /* @__PURE__ */ E("div", { className: "flex justify-between gap-2 nowrap", children: e });
-const je = 0, ir = 9999, or = [150, 151, 250, 251], ar = [152, 153, 252, 253], ur = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], sr = [156, 159, 160, 256, 259, 260], we = 9998, vr = (e) => e === je, _r = (e) => e === ir, Tr = (e) => or.includes(e), Sr = (e) => ar.includes(e), yr = (e) => ur.includes(e), Er = (e) => sr.includes(e), pr = (e) => e > je && e < we, Rr = (e) => e === we, cr = /\n/, ge = (e, r, n) => e.split(r).flatMap((t, i) => i !== 0 ? [xe(n, { key: Math.random().toString(32).slice(0, 10) }), t] : t), fr = (e, r, n) => typeof e == "string" ? ge(e, r, n) : e.flatMap((t) => typeof t == "string" ? ge(t, r, n) : t), jr = (e) => fr(e, cr, /* @__PURE__ */ E("br", {})), lr = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, dr = (e) => e.match(lr) ?? [], me = (e, r, n) => {
-  const t = e.split(r);
-  if (t.length === 1)
+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 t[0] !== "" && i.push(t[0]), t.shift(), t[t.length - 1] === "" && t.pop(), i.push(
-    /* @__PURE__ */ E("a", { href: r, target: "_blank", rel: "noreferrer noopener", children: r }, r + n)
-  ), i.push(t.join(r)), i.filter((a) => a !== "");
-}, ve = (e) => {
-  const r = dr(e);
-  return r != null && r.length ? r.reduce((n, t, i) => typeof n == "string" ? me(n, t, i) : n.flatMap((a) => typeof a == "string" ? me(a, t, i) : a), e) : e;
-}, wr = (e) => typeof e == "string" ? ve(e) : e.flatMap((r) => typeof r == "string" ? ve(r) : r, e), Pr = (e, r = "PP") => Te(e, r), Or = (e, r, n = "PP") => Te(Ne(e, r), n), Ir = (e) => {
-  X(e, []);
-};
+  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,
+    {
+      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(
+  "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,
+    {
+      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: `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 })
+        ] })
+      ]
+    }
+  );
+}, 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;
 export {
-  we as ENTERPRISE_OPENSOURCE_PLAN_ID,
-  sr as ENTERPRISE_PLAN_IDS,
-  ar as ESSENTIAL_PLAN_IDS,
-  je as FREE_PLAN_ID,
-  q as NavigationPanel,
-  ur as PRO_PLAN_IDS,
-  or as START_PLAN_IDS,
-  ir as TRIAL_PLAN_ID,
-  jr as convertNewLineToBreakTag,
-  Pr as formatDate,
-  Or as formatDateTz,
-  Rr as isEnterpriseOpenSourcePlan,
-  Er as isEnterprisePlan,
-  Sr as isEssentialPlan,
-  vr as isFreePlan,
-  pr as isPaidPlan,
-  yr as isProPlan,
-  Tr as isStartPlan,
-  _r as isTrialPlan,
-  wr as makeUrlClickable,
-  Ir as useEffectOnce
+  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
 };