@lokalise/harmony 1.4.0 → 1.5.0

package/dist/harmony.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),x=require("@lokalise/louis"),Ne=require("date-fns"),ze=require("date-fns-tz");function Me(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const w=Me(m);var q=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ee(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var D,ie;function K(){if(ie)return D;ie=1;function e(r){var n=typeof r;return r!=null&&(n=="object"||n=="function")}return D=e,D}var C,ae;function Fe(){if(ae)return C;ae=1;var e=typeof q=="object"&&q&&q.Object===Object&&q;return C=e,C}var z,oe;function xe(){if(oe)return z;oe=1;var e=Fe(),r=typeof self=="object"&&self&&self.Object===Object&&self,n=e||r||Function("return this")();return z=n,z}var M,se;function Be(){if(se)return M;se=1;var e=xe(),r=function(){return e.Date.now()};return M=r,M}var F,ce;function Ge(){if(ce)return F;ce=1;var e=/\s/;function r(n){for(var t=n.length;t--&&e.test(n.charAt(t)););return t}return F=r,F}var B,le;function Ue(){if(le)return B;le=1;var e=Ge(),r=/^\s+/;function n(t){return t&&t.slice(0,e(t)+1).replace(r,"")}return B=n,B}var G,ue;function Pe(){if(ue)return G;ue=1;var e=xe(),r=e.Symbol;return G=r,G}var U,de;function $e(){if(de)return U;de=1;var e=Pe(),r=Object.prototype,n=r.hasOwnProperty,t=r.toString,i=e?e.toStringTag:void 0;function o(c){var l=n.call(c,i),u=c[i];try{c[i]=void 0;var s=!0}catch{}var d=t.call(c);return s&&(l?c[i]=u:delete c[i]),d}return U=o,U}var $,fe;function He(){if(fe)return $;fe=1;var e=Object.prototype,r=e.toString;function n(t){return r.call(t)}return $=n,$}var H,be;function We(){if(be)return H;be=1;var e=Pe(),r=$e(),n=He(),t="[object Null]",i="[object Undefined]",o=e?e.toStringTag:void 0;function c(l){return l==null?l===void 0?i:t:o&&o in Object(l)?r(l):n(l)}return H=c,H}var W,ve;function Ze(){if(ve)return W;ve=1;function e(r){return r!=null&&typeof r=="object"}return W=e,W}var Z,ge;function Ve(){if(ge)return Z;ge=1;var e=We(),r=Ze(),n="[object Symbol]";function t(i){return typeof i=="symbol"||r(i)&&e(i)==n}return Z=t,Z}var V,he;function Xe(){if(he)return V;he=1;var e=Ue(),r=K(),n=Ve(),t=NaN,i=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt;function u(s){if(typeof s=="number")return s;if(n(s))return t;if(r(s)){var d=typeof s.valueOf=="function"?s.valueOf():s;s=r(d)?d+"":d}if(typeof s!="string")return s===0?s:+s;s=e(s);var g=o.test(s);return g||c.test(s)?l(s.slice(2),g?2:8):i.test(s)?t:+s}return V=u,V}var X,_e;function Re(){if(_e)return X;_e=1;var e=K(),r=Be(),n=Xe(),t="Expected a function",i=Math.max,o=Math.min;function c(l,u,s){var d,g,N,p,b,T,S=0,P=!1,v=!1,j=!0;if(typeof l!="function")throw new TypeError(t);u=n(u)||0,e(s)&&(P=!!s.leading,v="maxWait"in s,N=v?i(n(s.maxWait)||0,u):N,j="trailing"in s?!!s.trailing:j);function _(f){var y=d,I=g;return d=g=void 0,S=f,p=l.apply(I,y),p}function h(f){return S=f,b=setTimeout(k,u),P?_(f):p}function O(f){var y=f-T,I=f-S,te=u-y;return v?o(te,N-I):te}function re(f){var y=f-T,I=f-S;return T===void 0||y>=u||y<0||v&&I>=N}function k(){var f=r();if(re(f))return ne(f);b=setTimeout(k,O(f))}function ne(f){return b=void 0,j&&d?_(f):(d=g=void 0,p)}function De(){b!==void 0&&clearTimeout(b),S=0,d=T=g=b=void 0}function Ce(){return b===void 0?p:ne(r())}function A(){var f=r(),y=re(f);if(d=arguments,g=this,T=f,y){if(b===void 0)return h(T);if(v)return clearTimeout(b),b=setTimeout(k,u),_(T)}return b===void 0&&(b=setTimeout(k,u)),p}return A.cancel=De,A.flush=Ce,A}return X=c,X}var Ye=Re();const Je=Ee(Ye);var Y,me;function Ke(){if(me)return Y;me=1;var e=Re(),r=K(),n="Expected a function";function t(i,o,c){var l=!0,u=!0;if(typeof i!="function")throw new TypeError(n);return r(c)&&(l="leading"in c?!!c.leading:l,u="trailing"in c?!!c.trailing:u),e(i,o,{leading:l,maxWait:o,trailing:u})}return Y=t,Y}var Qe=Ke();const er=Ee(Qe),rr=(e,r,n,t)=>{switch(r){case"debounce":return Je(e,n,t);case"throttle":return er(e,n,t);default:return e}},nr=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)},[])},tr=e=>{const[r,n]=w.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)},{get(i,o){return o==="current"?r:i[o]},set(i,o,c){return o==="current"?n(c):i[o]=c,!0}}),[r]),refElement:r,setRefElement:n}},ir=(e,r)=>r==="border-box"?{width:e.borderBoxSize[0].inlineSize,height:e.borderBoxSize[0].blockSize}:r==="content-box"?{width:e.contentBoxSize[0].inlineSize,height:e.contentBoxSize[0].blockSize}:{width:e.contentRect.width,height:e.contentRect.height};function ar({skipOnMount:e=!1,refreshMode:r,refreshRate:n=1e3,refreshOptions:t,handleWidth:i=!0,handleHeight:o=!0,targetRef:c,observerOptions:l,onResize:u}={}){const s=m.useRef(e),d=nr(u),[g,N]=m.useState({width:void 0,height:void 0}),{refProxy:p,refElement:b}=tr(c),{box:T}=l||{},S=m.useCallback(v=>{if(!i&&!o)return;if(s.current){s.current=!1;return}const j=(_,h)=>i&&_.width!==h.width||o&&_.height!==h.height;v.forEach(_=>{const h=ir(_,T);N(O=>j(O,h)?(d==null||d({width:h.width,height:h.height,entry:_}),h):O)})},[i,o,s,T]),P=m.useCallback(rr(S,r,n,t),[S,r,n,t]);return m.useEffect(()=>{let v;return b?(v=new window.ResizeObserver(P),v.observe(b,l)):(g.width||g.height)&&(d==null||d({width:null,height:null,entry:null}),N({width:void 0,height:void 0})),()=>{var j,_,h;(j=v==null?void 0:v.disconnect)===null||j===void 0||j.call(v),(h=(_=P).cancel)===null||h===void 0||h.call(_)}},[P,b]),Object.assign({ref:p},g)}function Ie(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(r=0;r<i;r++)e[r]&&(n=Ie(e[r]))&&(t&&(t+=" "),t+=n)}else for(n in e)e[n]&&(t&&(t+=" "),t+=n);return t}function we(){for(var e,r,n=0,t="",i=arguments.length;n<i;n++)(e=arguments[n])&&(r=Ie(e))&&(t&&(t+=" "),t+=r);return t}const or="_headerContainer_1cubo_1",sr="_navigationTabList_1cubo_8",cr="_navigationTab_1cubo_8",lr="_headerContent_1cubo_34",ur="_staticEnabled_1cubo_50",R={headerContainer:or,navigationTabList:sr,navigationTab:cr,headerContent:lr,staticEnabled:ur},dr=77,L=({sticky:e,children:r})=>{const{ref:n,height:t}=ar({refreshMode:"debounce",refreshRate:0}),[i,o]=m.useState(!1),c=()=>i?!e:!0;m.useEffect(()=>{const u=()=>{o(window.scrollY>0)};return window.addEventListener("scroll",u),()=>window.removeEventListener("scroll",u)},[]);const l=`${t||dr}px`;return a.jsx("div",{style:{minHeight:l},children:a.jsx("div",{children:a.jsxs("div",{ref:n,className:we(R.headerContent,{[R.staticEnabled]:c()}),children:[a.jsx(L.Header,{}),a.jsx(L.Tabs,{}),r]})})})};L.Header=({children:e})=>a.jsx("div",{className:R.headerContainer,children:e});L.Tabs=({children:e})=>a.jsx("div",{className:"flex justify-between gap-2 nowrap",children:e});const fr="_breadcrumbsItem_1hm6a_1",br="_breadcrumbs_1hm6a_1",Te={breadcrumbsItem:fr,breadcrumbs:br},vr=({items:e})=>a.jsx("nav",{"aria-label":"breadcrumb",className:Te.breadcrumbs,children:e.map((r,n)=>a.jsxs(m.Fragment,{children:[a.jsx(x.Link,{className:Te.breadcrumbsItem,href:r.link,rel:"noreferrer",children:r.name}),n<e.length-1&&a.jsx("span",{children:" — "})]},`${r.link}-${r.name}`))}),gr=({items:e})=>a.jsx(a.Fragment,{children:e.map((r,n)=>a.jsxs(m.Fragment,{children:[!!n&&r.some(t=>t.visible)&&a.jsx(x.MenuDivider,{}),r.filter(({visible:t})=>t).map(({link:t,label:i,onClick:o})=>a.jsx(x.MenuItem,{href:t||"#","aria-label":i,onClick:o,children:i},i))]},r[0].label))}),hr="_badge_1pc1v_1",_r="_tag_1pc1v_15",mr="_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21",Tr="_disabled_1pc1v_57",jr="_projectNavigationItem_1pc1v_61",pr="_projectNavigationItemDisabled_1pc1v_67",E={badge:hr,tag:_r,withNavLinkStyle:mr,disabled:Tr,projectNavigationItem:jr,projectNavigationItemDisabled:pr},je=({label:e,badge:r,novel:n})=>a.jsxs("div",{className:"flex gap-1",children:[a.jsxs("div",{children:[a.jsx("span",{children:e}),!!r&&a.jsx("div",{className:E.badge,"aria-label":`${r} items requiring attention`,children:r>9?"9+":r})]}),!!n&&a.jsx(x.Tag,{className:E.tag,children:n})]}),J=m.forwardRef(({label:e,href:r="",disabled:n=!1,badge:t,onClick:i,novel:o},c)=>a.jsx(x.Tooltip,{tooltip:"You do not have access to this function",show:n,children:a.jsx("div",{className:n?E.projectNavigationItemDisabled:E.projectNavigationItem,children:i||n||!r?a.jsx("button",{type:"button",ref:c,className:we(E.withNavLinkStyle,{[E.disabled]:n}),disabled:n,onClick:i,children:a.jsx(je,{label:e,badge:t,novel:o})}):a.jsx("a",{href:r,className:E.withNavLinkStyle,children:a.jsx(je,{label:e,badge:t,novel:o})})})}));J.displayName="NavigationTabsItem";const Sr=e=>(e==null?void 0:e.some(r=>r.some(n=>n.visible)))??!1,yr=e=>e.visible&&(!e.dropdown||Sr(e.dropdown)),Nr=({navigation:e,activeItem:r})=>a.jsx("nav",{"aria-label":"Project",children:a.jsx("ul",{className:R.navigationTabList,"aria-orientation":"horizontal",children:e.filter(yr).map(n=>{var t,i,o;return n.dropdown?a.jsx("li",{className:R.navigationTab,"data-testid":n.key,"aria-selected":(t=n.isActive)==null?void 0:t.call(n,r),children:a.jsx(x.Menu,{menuButton:({opened:c})=>a.jsx(J,{label:n.label,disabled:n.disabled,active:c}),children:a.jsx(x.MenuList,{children:a.jsx(gr,{items:n.dropdown})})})},n.key):a.jsx("li",{className:R.navigationTab,"data-testid":n.key,"aria-selected":(i=n.isActive)==null?void 0:i.call(n,r),children:a.jsx(J,{label:n.label,href:n.link,onClick:n.onClick,disabled:n.disabled,badge:n.badge,novel:n.novel,active:(o=n.isActive)==null?void 0:o.call(n,r)})},n.key)})})}),Q=0,Le=9999,Oe=[150,151,250,251],ke=[152,153,252,253],qe=[154,155,157,158,254,255,258,354,355,358],Ae=[156,159,160,256,259,260],ee=9998,Er=e=>e===Q,xr=e=>e===Le,Pr=e=>Oe.includes(e),Rr=e=>ke.includes(e),Ir=e=>qe.includes(e),wr=e=>Ae.includes(e),Lr=e=>e>Q&&e<ee,Or=e=>e===ee,kr=/\n/,pe=(e,r,n)=>e.split(r).flatMap((t,i)=>i!==0?[m.cloneElement(n,{key:Math.random().toString(32).slice(0,10)}),t]:t),qr=(e,r,n)=>typeof e=="string"?pe(e,r,n):e.flatMap(t=>typeof t=="string"?pe(t,r,n):t),Ar=e=>qr(e,kr,a.jsx("br",{})),Dr=/(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi,Cr=e=>e.match(Dr)??[],Se=(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(a.jsx("a",{href:r,target:"_blank",rel:"noreferrer noopener",children:r},r+n)),i.push(t.join(r)),i.filter(o=>o!=="")},ye=e=>{const r=Cr(e);return r!=null&&r.length?r.reduce((n,t,i)=>typeof n=="string"?Se(n,t,i):n.flatMap(o=>typeof o=="string"?Se(o,t,i):o),e):e},zr=e=>typeof e=="string"?ye(e):e.flatMap(r=>typeof r=="string"?ye(r):r,e),Mr=(e,r="PP")=>Ne.format(e,r),Fr=(e,r,n="PP")=>Ne.format(ze.toZonedTime(e,r),n);exports.Breadcrumbs=vr;exports.ENTERPRISE_OPENSOURCE_PLAN_ID=ee;exports.ENTERPRISE_PLAN_IDS=Ae;exports.ESSENTIAL_PLAN_IDS=ke;exports.FREE_PLAN_ID=Q;exports.NavigationPanel=L;exports.NavigationTabs=Nr;exports.PRO_PLAN_IDS=qe;exports.START_PLAN_IDS=Oe;exports.TRIAL_PLAN_ID=Le;exports.convertNewLineToBreakTag=Ar;exports.formatDate=Mr;exports.formatDateTz=Fr;exports.isEnterpriseOpenSourcePlan=Or;exports.isEnterprisePlan=wr;exports.isEssentialPlan=Rr;exports.isFreePlan=Er;exports.isPaidPlan=Lr;exports.isProPlan=Ir;exports.isStartPlan=Pr;exports.isTrialPlan=xr;exports.makeUrlClickable=zr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),h=require("react"),f=require("@lokalise/louis"),Ae=require("date-fns"),Je=require("date-fns-tz");function Ke(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const k=Ke(h);var B=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Me(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var z,fe;function ae(){if(fe)return z;fe=1;function e(n){var t=typeof n;return n!=null&&(t=="object"||t=="function")}return z=e,z}var F,me;function Qe(){if(me)return F;me=1;var e=typeof B=="object"&&B&&B.Object===Object&&B;return F=e,F}var W,ge;function qe(){if(ge)return W;ge=1;var e=Qe(),n=typeof self=="object"&&self&&self.Object===Object&&self,t=e||n||Function("return this")();return W=t,W}var H,be;function en(){if(be)return H;be=1;var e=qe(),n=function(){return e.Date.now()};return H=n,H}var G,pe;function nn(){if(pe)return G;pe=1;var e=/\s/;function n(t){for(var r=t.length;r--&&e.test(t.charAt(r)););return r}return G=n,G}var V,he;function tn(){if(he)return V;he=1;var e=nn(),n=/^\s+/;function t(r){return r&&r.slice(0,e(r)+1).replace(n,"")}return V=t,V}var Y,_e;function De(){if(_e)return Y;_e=1;var e=qe(),n=e.Symbol;return Y=n,Y}var Z,ve;function rn(){if(ve)return Z;ve=1;var e=De(),n=Object.prototype,t=n.hasOwnProperty,r=n.toString,a=e?e.toStringTag:void 0;function s(c){var l=t.call(c,a),u=c[a];try{c[a]=void 0;var o=!0}catch{}var d=r.call(c);return o&&(l?c[a]=u:delete c[a]),d}return Z=s,Z}var X,je;function an(){if(je)return X;je=1;var e=Object.prototype,n=e.toString;function t(r){return n.call(r)}return X=t,X}var J,xe;function sn(){if(xe)return J;xe=1;var e=De(),n=rn(),t=an(),r="[object Null]",a="[object Undefined]",s=e?e.toStringTag:void 0;function c(l){return l==null?l===void 0?a:r:s&&s in Object(l)?n(l):t(l)}return J=c,J}var K,Te;function on(){if(Te)return K;Te=1;function e(n){return n!=null&&typeof n=="object"}return K=e,K}var Q,Ie;function cn(){if(Ie)return Q;Ie=1;var e=sn(),n=on(),t="[object Symbol]";function r(a){return typeof a=="symbol"||n(a)&&e(a)==t}return Q=r,Q}var ee,Ne;function ln(){if(Ne)return ee;Ne=1;var e=tn(),n=ae(),t=cn(),r=NaN,a=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt;function u(o){if(typeof o=="number")return o;if(t(o))return r;if(n(o)){var d=typeof o.valueOf=="function"?o.valueOf():o;o=n(d)?d+"":d}if(typeof o!="string")return o===0?o:+o;o=e(o);var p=s.test(o);return p||c.test(o)?l(o.slice(2),p?2:8):a.test(o)?r:+o}return ee=u,ee}var ne,we;function Be(){if(we)return ne;we=1;var e=ae(),n=en(),t=ln(),r="Expected a function",a=Math.max,s=Math.min;function c(l,u,o){var d,p,j,x,b,T,N=0,y=!1,g=!1,w=!0;if(typeof l!="function")throw new TypeError(r);u=t(u)||0,e(o)&&(y=!!o.leading,g="maxWait"in o,j=g?a(t(o.maxWait)||0,u):j,w="trailing"in o?!!o.trailing:w);function v(m){var S=d,O=p;return d=p=void 0,N=m,x=l.apply(O,S),x}function _(m){return N=m,b=setTimeout(D,u),y?v(m):x}function q(m){var S=m-T,O=m-N,de=u-S;return g?s(de,j-O):de}function le(m){var S=m-T,O=m-N;return T===void 0||S>=u||S<0||g&&O>=j}function D(){var m=n();if(le(m))return ue(m);b=setTimeout(D,q(m))}function ue(m){return b=void 0,w&&d?v(m):(d=p=void 0,x)}function Ze(){b!==void 0&&clearTimeout(b),N=0,d=T=p=b=void 0}function Xe(){return b===void 0?x:ue(n())}function $(){var m=n(),S=le(m);if(d=arguments,p=this,T=m,S){if(b===void 0)return _(T);if(g)return clearTimeout(b),b=setTimeout(D,u),v(T)}return b===void 0&&(b=setTimeout(D,u)),x}return $.cancel=Ze,$.flush=Xe,$}return ne=c,ne}var un=Be();const dn=Me(un);var te,ye;function fn(){if(ye)return te;ye=1;var e=Be(),n=ae(),t="Expected a function";function r(a,s,c){var l=!0,u=!0;if(typeof a!="function")throw new TypeError(t);return n(c)&&(l="leading"in c?!!c.leading:l,u="trailing"in c?!!c.trailing:u),e(a,s,{leading:l,maxWait:s,trailing:u})}return te=r,te}var mn=fn();const gn=Me(mn),bn=(e,n,t,r)=>{switch(n){case"debounce":return dn(e,t,r);case"throttle":return gn(e,t,r);default:return e}},pn=e=>{const n=k.useRef(e);return k.useEffect(()=>{n.current=e}),k.useMemo(()=>(...t)=>{var r;return(r=n.current)===null||r===void 0?void 0:r.call(n,...t)},[])},hn=e=>{const[n,t]=k.useState((e==null?void 0:e.current)||null);return e&&setTimeout(()=>{e.current!==n&&t(e.current)},0),{refProxy:k.useMemo(()=>new Proxy(a=>{a!==n&&t(a)},{get(a,s){return s==="current"?n:a[s]},set(a,s,c){return s==="current"?t(c):a[s]=c,!0}}),[n]),refElement:n,setRefElement:t}},_n=(e,n)=>n==="border-box"?{width:e.borderBoxSize[0].inlineSize,height:e.borderBoxSize[0].blockSize}:n==="content-box"?{width:e.contentBoxSize[0].inlineSize,height:e.contentBoxSize[0].blockSize}:{width:e.contentRect.width,height:e.contentRect.height};function vn({skipOnMount:e=!1,refreshMode:n,refreshRate:t=1e3,refreshOptions:r,handleWidth:a=!0,handleHeight:s=!0,targetRef:c,observerOptions:l,onResize:u}={}){const o=h.useRef(e),d=pn(u),[p,j]=h.useState({width:void 0,height:void 0}),{refProxy:x,refElement:b}=hn(c),{box:T}=l||{},N=h.useCallback(g=>{if(!a&&!s)return;if(o.current){o.current=!1;return}const w=(v,_)=>a&&v.width!==_.width||s&&v.height!==_.height;g.forEach(v=>{const _=_n(v,T);j(q=>w(q,_)?(d==null||d({width:_.width,height:_.height,entry:v}),_):q)})},[a,s,o,T]),y=h.useCallback(bn(N,n,t,r),[N,n,t,r]);return h.useEffect(()=>{let g;return b?(g=new window.ResizeObserver(y),g.observe(b,l)):(p.width||p.height)&&(d==null||d({width:null,height:null,entry:null}),j({width:void 0,height:void 0})),()=>{var w,v,_;(w=g==null?void 0:g.disconnect)===null||w===void 0||w.call(g),(_=(v=y).cancel)===null||_===void 0||_.call(v)}},[y,b]),Object.assign({ref:x},p)}function Ue(e){var n,t,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=Ue(e[n]))&&(r&&(r+=" "),r+=t)}else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function L(){for(var e,n,t=0,r="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=Ue(e))&&(r&&(r+=" "),r+=n);return r}const jn="_headerContainer_1cubo_1",xn="_navigationTabList_1cubo_8",Tn="_navigationTab_1cubo_8",In="_headerContent_1cubo_34",Nn="_staticEnabled_1cubo_50",C={headerContainer:jn,navigationTabList:xn,navigationTab:Tn,headerContent:In,staticEnabled:Nn},wn=77,A=({sticky:e,children:n})=>{const{ref:t,height:r}=vn({refreshMode:"debounce",refreshRate:0}),[a,s]=h.useState(!1),c=()=>a?!e:!0;h.useEffect(()=>{const u=()=>{s(window.scrollY>0)};return window.addEventListener("scroll",u),()=>window.removeEventListener("scroll",u)},[]);const l=`${r||wn}px`;return i.jsx("div",{style:{minHeight:l},children:i.jsx("div",{children:i.jsxs("div",{ref:t,className:L(C.headerContent,{[C.staticEnabled]:c()}),children:[i.jsx(A.Header,{}),i.jsx(A.Tabs,{}),n]})})})};A.Header=({children:e})=>i.jsx("div",{className:C.headerContainer,children:e});A.Tabs=({children:e})=>i.jsx("div",{className:"flex justify-between gap-2 nowrap",children:e});const yn="_sidebarContainer_bmdti_1",Sn={sidebarContainer:yn},Pn="_logoLink_1baxb_1",En={logoLink:Pn},Ln=({src:e,href:n="/",ariaLabel:t="Home",alt:r="Lokalise"})=>i.jsx("a",{className:En.logoLink,href:n,"aria-label":t,children:i.jsx("img",{src:e,alt:r})}),Rn="_link_1weq1_1",Cn="_active_1weq1_18",Se={link:Rn,active:Cn},On=({label:e,to:n,icon:t})=>i.jsx(f.Tooltip,{placement:"right",tooltip:e,children:i.jsx(f.Link,{className:L(Se.link,{[Se.active]:window.location.pathname.startsWith(n)}),href:n,children:i.jsx(t,{size:"25px"})})}),kn="_dropdownButton_hwh0c_1",An="_dropdownButtonActive_hwh0c_18",Pe={dropdownButton:kn,dropdownButtonActive:An},Mn=({children:e,icon:n})=>i.jsx(f.Menu,{menuButton:({opened:t})=>i.jsx(f.Tooltip,{placement:"right",tooltip:"Help",children:i.jsx("button",{type:"button",className:L(Pe.dropdownButton,{[Pe.dropdownButtonActive]:t}),children:i.jsx(n,{size:"25px"})})}),children:i.jsx(f.MenuList,{placement:"right-start",children:e})}),qn="_iconContainer_nz34m_1",Dn={iconContainer:qn},$e=({className:e=""})=>i.jsx("div",{"aria-label":"Upgrade Icon",className:L(Dn.iconContainer,"flex-row","items-center","justify-center",e),children:i.jsx(f.CaretUpIcon,{})}),Bn="_menuContainer_wbu3u_5",Un="_profileButton_wbu3u_16",$n="_profileImage_wbu3u_29",zn="_profileImageHighlight_wbu3u_37",Fn="_profileImageUpgradeIcon_wbu3u_41",Wn="_userIconWrapper_wbu3u_47",P={menuContainer:Bn,profileButton:Un,profileImage:$n,profileImageHighlight:zn,profileImageUpgradeIcon:Fn,userIconWrapper:Wn},ze=h.createContext({}),M=()=>h.useContext(ze),Hn=({children:e})=>{const{currentTeam:n,otherTeams:t,showUpgradeCta:r,showBillingButton:a,allowTeamCreation:s,isLimitedView:c,isProviderAlpha:l,canAccessTeamSettings:u,isEndOfTrialActive:o,isTeamSuspended:d}=M();return i.jsx(f.Menu,{menuButton:()=>i.jsxs("button",{className:P.profileButton,"aria-label":"Profile menu",type:"button",children:[n!=null&&n.logoUrl?i.jsx("img",{src:n.logoUrl,className:L(P.profileImage,{[P.profileImageHighlight]:r}),alt:"Team Logo"}):i.jsx("div",{className:L(P.userIconWrapper,"flex-row","align-center","items-center",{[P.profileImageHighlight]:r}),children:i.jsx(f.UserIcon,{size:"25px"})}),r&&i.jsx($e,{className:P.profileImageUpgradeIcon})]}),children:i.jsx(f.MenuList,{placement:"right-end",className:P.menuContainer,children:e({allowTeamCreation:s,otherTeams:t,isLimitedView:c,canAccessTeamSettings:u,isEndOfTrialActive:o,isTeamSuspended:d,showBillingButton:a,isProviderAlpha:l})})})},se=0,Fe=9999,We=[150,151,250,251],He=[152,153,252,253],Ge=[154,155,157,158,254,255,258,354,355,358],Ve=[156,159,160,256,259,260],oe=9998,U=e=>e===se,ce=e=>e===Fe,Gn=e=>We.includes(e),Vn=e=>He.includes(e),Yn=e=>Ge.includes(e),Zn=e=>Ve.includes(e),Xn=e=>e>se&&e<oe,Jn=e=>e===oe,Kn=/\n/,Ee=(e,n,t)=>e.split(n).flatMap((r,a)=>a!==0?[h.cloneElement(t,{key:Math.random().toString(32).slice(0,10)}),r]:r),Qn=(e,n,t)=>typeof e=="string"?Ee(e,n,t):e.flatMap(r=>typeof r=="string"?Ee(r,n,t):r),et=e=>Qn(e,Kn,i.jsx("br",{})),nt=/(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi,tt=e=>e.match(nt)??[],Le=(e,n,t)=>{const r=e.split(n);if(r.length===1)return e;const a=[];return r[0]!==""&&a.push(r[0]),r.shift(),r[r.length-1]===""&&r.pop(),a.push(i.jsx("a",{href:n,target:"_blank",rel:"noreferrer noopener",children:n},n+t)),a.push(r.join(n)),a.filter(s=>s!=="")},Re=e=>{const n=tt(e);return n!=null&&n.length?n.reduce((t,r,a)=>typeof t=="string"?Le(t,r,a):t.flatMap(s=>typeof s=="string"?Le(s,r,a):s),e):e},rt=e=>typeof e=="string"?Re(e):e.flatMap(n=>typeof n=="string"?Re(n):n,e),it=(e,n="PP")=>Ae.format(e,n),at=(e,n,t="PP")=>Ae.format(Je.toZonedTime(e,n),t),st=e=>{h.useEffect(e,[])},ot=({children:e,config:n})=>{const{teams:t,currentTeamId:r,planId:a,isLimitedView:s,isTeamSuspended:c,canAccessTeamSettings:l,isEndOfTrialActive:u}=n,o=t.find(g=>g.id===r),d=t.filter(g=>g.id!==r),p=(o==null?void 0:o.role)??"",j=["biller","owner"].includes(p),x=U(a)||ce(a),y={...n,currentTeam:o,otherTeams:d,canChangeBilling:j,isOnFreeOrTrialPlan:x,showUpgradeCta:!s&&x&&j&&!c,showBillingButton:!s&&l&&j,allowTeamCreation:!s&&!u};return i.jsx(ze.Provider,{value:y,children:e})},ct=({config:e,children:n})=>i.jsx(ot,{config:e,children:i.jsx(Hn,{children:n})}),lt="_container_q5pot_1",ut="_profileEmail_q5pot_5",Ce={container:lt,profileEmail:ut},dt=({href:e,onClick:n,userEmail:t,hideBottomDivider:r})=>{const{isEndOfTrialActive:a,isTeamSuspended:s}=M();return a||s?null:i.jsxs(i.Fragment,{children:[i.jsx(f.MenuItem,{href:e,onClick:()=>{n==null||n()},children:i.jsxs("div",{className:`flex-col ${Ce.container}`,children:[i.jsx("span",{children:"Profile Settings"}),i.jsx("span",{className:Ce.profileEmail,children:t})]})}),!r&&i.jsx(f.MenuDivider,{})]})},ft="_wrapper_15d85_1",mt="_profileImage_15d85_14",gt="_teamName_15d85_22",bt="_planLabel_15d85_29",pt="_membership_15d85_38",ht="_defaultProfileImage_15d85_44",R={wrapper:ft,profileImage:mt,teamName:gt,planLabel:bt,membership:pt,defaultProfileImage:ht},Ye=({team:e,onClick:n,hidePlanLabel:t})=>{const{currentTeam:r,planId:a}=M(),s=e||r;if(!s)return null;const c=U(a)?"Free":ce(a)?"Trial":void 0,l=n?f.MenuItem:"div";return i.jsxs(l,{className:`flex-row gap-2 flex-nowrap items-center ${R.wrapper}`,...n&&{onClick:()=>n(s)},children:[s.logoUrl?i.jsx("img",{className:R.profileImage,src:s.logoUrl,alt:"Team Logo"}):i.jsx("span",{className:`flex-row justify-center items-center ${R.defaultProfileImage}`,children:i.jsx(f.UserIcon,{size:"25px"})}),i.jsxs("div",{className:"flex-col items-start",children:[i.jsxs("div",{className:"flex-row items-center flex-nowrap gap-2",children:[i.jsx("span",{title:s.name,className:R.teamName,children:s.name}),c&&!t&&i.jsx("span",{className:`flex-row justify-center items-center ${R.planLabel}`,children:c})]}),i.jsx("span",{className:R.membership,children:s.role})]})]})},_t="_teamsContainer_1t68g_1",vt={teamsContainer:_t},jt=({onSwitchTeam:e})=>{const{otherTeams:n}=M();return n.length===0?null:i.jsx("div",{className:`flex-col items-stretch ${vt.teamsContainer}`,children:n.map(t=>i.jsx(Ye,{team:t,onClick:e,hidePlanLabel:!0},t.id))})},xt="_container_1u995_1",Tt="_planCta_1u995_15",It="_upgradeIconWrapper_1u995_19",re={container:xt,planCta:Tt,upgradeIconWrapper:It},Nt=({upgradeOptionHref:e})=>{const{planId:n,trialDaysLeft:t,showUpgradeCta:r}=M();if(!r)return null;const c=U(n)?"Your team is currently on the Free plan":`Free trial ends in ${t} ${t===1?"day":"days"}`;return i.jsxs(f.MenuItem,{href:e,className:`flex-col gap-1 items-start ${re.container}`,children:[i.jsx("span",{className:re.planCta,children:c}),i.jsxs("div",{className:`flex-row items-center gap-1 ${re.upgradeIconWrapper}`,children:[i.jsx($e,{}),i.jsx("span",{children:"See upgrade options"})]})]})},I=({children:e,...n})=>i.jsx("nav",{...n,className:Sn.sidebarContainer,children:e});I.Top=({children:e})=>i.jsx("div",{children:e});I.Bottom=({children:e})=>i.jsx("div",{children:e});I.Avatar=Ln;I.IconLink=On;I.Menu=Mn;I.ProfileMenu=ct;I.TeamSwitch=jt;I.TeamMenuItem=Ye;I.UpgradeMenuItem=Nt;I.ProfileSettingsMenuItem=dt;const wt="_breadcrumbsItem_1hm6a_1",yt="_breadcrumbs_1hm6a_1",Oe={breadcrumbsItem:wt,breadcrumbs:yt},St=({items:e})=>i.jsx("nav",{"aria-label":"breadcrumb",className:Oe.breadcrumbs,children:e.map((n,t)=>i.jsxs(h.Fragment,{children:[i.jsx(f.Link,{className:Oe.breadcrumbsItem,href:n.link,rel:"noreferrer",children:n.name}),t<e.length-1&&i.jsx("span",{children:" — "})]},`${n.link}-${n.name}`))}),Pt=({items:e})=>i.jsx(i.Fragment,{children:e.map((n,t)=>i.jsxs(h.Fragment,{children:[!!t&&n.some(r=>r.visible)&&i.jsx(f.MenuDivider,{}),n.filter(({visible:r})=>r).map(({link:r,label:a,onClick:s})=>i.jsx(f.MenuItem,{href:r||"#","aria-label":a,onClick:s,children:a},a))]},n[0].label))}),Et="_badge_1pc1v_1",Lt="_tag_1pc1v_15",Rt="_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21",Ct="_disabled_1pc1v_57",Ot="_projectNavigationItem_1pc1v_61",kt="_projectNavigationItemDisabled_1pc1v_67",E={badge:Et,tag:Lt,withNavLinkStyle:Rt,disabled:Ct,projectNavigationItem:Ot,projectNavigationItemDisabled:kt},ke=({label:e,badge:n,novel:t})=>i.jsxs("div",{className:"flex gap-1",children:[i.jsxs("div",{children:[i.jsx("span",{children:e}),!!n&&i.jsx("div",{className:E.badge,"aria-label":`${n} items requiring attention`,children:n>9?"9+":n})]}),!!t&&i.jsx(f.Tag,{className:E.tag,children:t})]}),ie=h.forwardRef(({label:e,href:n="",disabled:t=!1,badge:r,onClick:a,novel:s},c)=>i.jsx(f.Tooltip,{tooltip:"You do not have access to this function",show:t,children:i.jsx("div",{className:t?E.projectNavigationItemDisabled:E.projectNavigationItem,children:a||t||!n?i.jsx("button",{type:"button",ref:c,className:L(E.withNavLinkStyle,{[E.disabled]:t}),disabled:t,onClick:a,children:i.jsx(ke,{label:e,badge:r,novel:s})}):i.jsx("a",{href:n,className:E.withNavLinkStyle,children:i.jsx(ke,{label:e,badge:r,novel:s})})})}));ie.displayName="NavigationTabsItem";const At=e=>(e==null?void 0:e.some(n=>n.some(t=>t.visible)))??!1,Mt=e=>e.visible&&(!e.dropdown||At(e.dropdown)),qt=({navigation:e,activeItem:n})=>i.jsx("nav",{"aria-label":"Project",children:i.jsx("ul",{className:C.navigationTabList,"aria-orientation":"horizontal",children:e.filter(Mt).map(t=>{var r,a,s;return t.dropdown?i.jsx("li",{className:C.navigationTab,"data-testid":t.key,"aria-selected":(r=t.isActive)==null?void 0:r.call(t,n),children:i.jsx(f.Menu,{menuButton:({opened:c})=>i.jsx(ie,{label:t.label,disabled:t.disabled,active:c}),children:i.jsx(f.MenuList,{children:i.jsx(Pt,{items:t.dropdown})})})},t.key):i.jsx("li",{className:C.navigationTab,"data-testid":t.key,"aria-selected":(a=t.isActive)==null?void 0:a.call(t,n),children:i.jsx(ie,{label:t.label,href:t.link,onClick:t.onClick,disabled:t.disabled,badge:t.badge,novel:t.novel,active:(s=t.isActive)==null?void 0:s.call(t,n)})},t.key)})})});exports.Breadcrumbs=St;exports.ENTERPRISE_OPENSOURCE_PLAN_ID=oe;exports.ENTERPRISE_PLAN_IDS=Ve;exports.ESSENTIAL_PLAN_IDS=He;exports.FREE_PLAN_ID=se;exports.NavigationPanel=A;exports.NavigationTabs=qt;exports.PRO_PLAN_IDS=Ge;exports.START_PLAN_IDS=We;exports.Sidebar=I;exports.TRIAL_PLAN_ID=Fe;exports.convertNewLineToBreakTag=et;exports.formatDate=it;exports.formatDateTz=at;exports.isEnterpriseOpenSourcePlan=Jn;exports.isEnterprisePlan=Zn;exports.isEssentialPlan=Vn;exports.isFreePlan=U;exports.isPaidPlan=Xn;exports.isProPlan=Yn;exports.isStartPlan=Gn;exports.isTrialPlan=ce;exports.makeUrlClickable=rt;exports.useEffectOnce=st;

package/dist/harmony.css

@@ -1 +1 @@
-._headerContainer_1cubo_1{display:flex;margin-bottom:var(--lok-spacing-1);width:100%;align-items:center}._navigationTabList_1cubo_8{display:flex;list-style:none;flex-wrap:wrap;margin:0 0 0 calc(-1 * var(--lok-spacing-6));padding:0}._navigationTab_1cubo_8{border:none;margin:0;border-bottom:2px solid transparent;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--lok-typography-body-small-default);color:var(--lok-color-text-default);margin:0 0 0 var(--lok-spacing-6)}._navigationTab_1cubo_8[aria-selected=true]{font-weight:500;color:var(--lok-color-text-active);border-bottom-color:var(--lok-color-text-active)}._headerContent_1cubo_34{position:fixed;background-color:var(--lok-color-background-surface-default);top:0;left:95px;right:32px;z-index:899;padding-top:var(--lok-spacing-5);padding-left:30px;padding-right:30px;margin-left:-30px;margin-right:-30px;border-bottom:1px solid var(--lok-color-border-default)}._staticEnabled_1cubo_50{z-index:var(--lok-z-index-auto);position:relative;top:inherit;left:0;right:0;padding-top:0;box-shadow:none}._breadcrumbsItem_1hm6a_1{color:var(--lok-color-text-light-default);text-decoration:none}._breadcrumbs_1hm6a_1{font:var(--lok-typography-body-small-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--lok-spacing-1);max-width:90%}._breadcrumbs_1hm6a_1>*{white-space:nowrap}._badge_1pc1v_1{position:absolute;top:5px;right:-13px;background-color:var(--lok-color-background-action-danger-default);font-size:8px;color:var(--lok-color-text-inverse);border-radius:var(--lok-radius-rounded);width:12px;height:12px;line-height:12px;text-align:center}._tag_1pc1v_15{background-color:var(--lok-color-background-active);border:none;color:var(--lok-color-background-action-primary-pressed)}._withLinkStyle_1pc1v_21{cursor:pointer;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--lok-color-background-action-primary-default);background-color:transparent;padding:0;border:none}._withLinkStyle_1pc1v_21:hover,._withLinkStyle_1pc1v_21:focus{color:var(--lok-color-background-action-primary-hover)}._withLinkStyle_1pc1v_21:active,._withLinkStyle_1pc1v_21:active:hover{color:var(--lok-color-background-action-primary-pressed)}._withNavLinkStyle_1pc1v_42{color:inherit;display:block;position:relative;padding-top:var(--lok-spacing-2);padding-bottom:14px;background-color:transparent;text-decoration:none}._withNavLinkStyle_1pc1v_42[disabled]{pointer-events:none}._withNavLinkStyle_1pc1v_42._disabled_1pc1v_57{color:var(--lok-color-text-disabled)}._projectNavigationItem_1pc1v_61{display:flex;align-items:center;justify-content:space-between}._projectNavigationItemDisabled_1pc1v_67{opacity:.6;pointer-events:none}
+._headerContainer_1cubo_1{display:flex;margin-bottom:var(--lok-spacing-1);width:100%;align-items:center}._navigationTabList_1cubo_8{display:flex;list-style:none;flex-wrap:wrap;margin:0 0 0 calc(-1 * var(--lok-spacing-6));padding:0}._navigationTab_1cubo_8{border:none;margin:0;border-bottom:2px solid transparent;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--lok-typography-body-small-default);color:var(--lok-color-text-default);margin:0 0 0 var(--lok-spacing-6)}._navigationTab_1cubo_8[aria-selected=true]{font-weight:500;color:var(--lok-color-text-active);border-bottom-color:var(--lok-color-text-active)}._headerContent_1cubo_34{position:fixed;background-color:var(--lok-color-background-surface-default);top:0;left:95px;right:32px;z-index:899;padding-top:var(--lok-spacing-5);padding-left:30px;padding-right:30px;margin-left:-30px;margin-right:-30px;border-bottom:1px solid var(--lok-color-border-default)}._staticEnabled_1cubo_50{z-index:var(--lok-z-index-auto);position:relative;top:inherit;left:0;right:0;padding-top:0;box-shadow:none}._sidebarContainer_bmdti_1{border-right:1px solid var(--lok-color-border-default);position:fixed;width:65px;top:0;left:0;bottom:0;background-color:var(--lok-color-background-surface-middle);display:flex;justify-content:space-between;flex-direction:column;padding-bottom:var(--lok-spacing-3);z-index:1}._logoLink_bmdti_16{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_bmdti_16:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_bmdti_16>img{width:36px}._logoLink_1baxb_1{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_1baxb_1:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_1baxb_1>img{width:36px}._link_1weq1_1._link_1weq1_1{display:flex;justify-content:center;align-items:center;height:65px;width:65px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._link_1weq1_1._link_1weq1_1:hover,._active_1weq1_18._active_1weq1_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._dropdownButton_hwh0c_1{display:flex;justify-content:center;align-items:center;height:65px;width:65px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._dropdownButton_hwh0c_1:hover,._dropdownButtonActive_hwh0c_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._iconContainer_nz34m_1{color:var(--lok-color-background-surface-default);background-color:var(--lok-color-background-action-danger-default);border-radius:100%;font-size:10px;height:16px;width:16px}._popoverContent_wbu3u_1{width:300px}._menuContainer_wbu3u_5{margin:var(--lok-spacing-1);width:300px;font-size:var(--lok-font-size-small)}._menuContainer_wbu3u_5 button,._menuContainer_wbu3u_5 a{font-size:var(--lok-font-size-small);padding:var(--lok-spacing-3) var(--lok-spacing-4)}._profileButton_wbu3u_16{cursor:pointer;position:relative;border:none;background:transparent;height:65px;width:65px}._profileButton_wbu3u_16:hover{background:none}._profileImage_wbu3u_29{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._profileImageHighlight_wbu3u_37{border:3px solid var(--lok-color-background-action-danger-default)}._profileImageUpgradeIcon_wbu3u_41{position:absolute;bottom:10px;right:10px}._userIconWrapper_wbu3u_47{width:45px;height:45px;display:flex;align-items:center;border-radius:var(--lok-radius-rounded);justify-content:center;margin:auto}._container_q5pot_1{max-width:100%}._profileEmail_q5pot_5{color:var(--lok-color-text-light-default);font-size:var(--lok-font-size-tiny);max-width:100%;overflow:hidden;text-overflow:ellipsis}._wrapper_15d85_1{padding:var(--lok-spacing-3) var(--lok-spacing-4)}._buttonWrapper_15d85_5{background:transparent;outline:none;border:none}._buttonWrapper_15d85_5:hover{background:var(--lok-color-background-active)}._profileImage_15d85_14{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._teamName_15d85_22{font:var(--lok-typography-body-base-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._planLabel_15d85_29{font:var(--lok-typography-body-tiny-default);height:20px;border-radius:var(--lok-radius-rounded);padding:2px var(--lok-spacing-2);background-color:var(--lok-color-background-danger);white-space:nowrap}._membership_15d85_38{font:var(--lok-typography-body-action-base);text-transform:capitalize;color:var(--lok-color-text-light-default)}._defaultProfileImage_15d85_44{width:40px;height:40px}._teamsContainer_1t68g_1{width:100%;max-height:350px;overflow-y:auto}._profileImage_1t68g_10{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._container_1u995_1{max-width:100%;min-width:0;padding:var(--lok-spacing-3) var(--lok-spacing-4);background:var(--lok-color-background-surface-middle);border:0}._container_1u995_1:hover ._upgrade-icon_1u995_9{color:var(--lok-color-text-inverse)}._planCta_1u995_15{font:var(--lok-typography-body-small-default)}._upgradeIconWrapper_1u995_19{color:var(--lok-color-text-danger);font:var(--lok-typography-body-small-strong);height:16px}._breadcrumbsItem_1hm6a_1{color:var(--lok-color-text-light-default);text-decoration:none}._breadcrumbs_1hm6a_1{font:var(--lok-typography-body-small-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--lok-spacing-1);max-width:90%}._breadcrumbs_1hm6a_1>*{white-space:nowrap}._badge_1pc1v_1{position:absolute;top:5px;right:-13px;background-color:var(--lok-color-background-action-danger-default);font-size:8px;color:var(--lok-color-text-inverse);border-radius:var(--lok-radius-rounded);width:12px;height:12px;line-height:12px;text-align:center}._tag_1pc1v_15{background-color:var(--lok-color-background-active);border:none;color:var(--lok-color-background-action-primary-pressed)}._withLinkStyle_1pc1v_21{cursor:pointer;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--lok-color-background-action-primary-default);background-color:transparent;padding:0;border:none}._withLinkStyle_1pc1v_21:hover,._withLinkStyle_1pc1v_21:focus{color:var(--lok-color-background-action-primary-hover)}._withLinkStyle_1pc1v_21:active,._withLinkStyle_1pc1v_21:active:hover{color:var(--lok-color-background-action-primary-pressed)}._withNavLinkStyle_1pc1v_42{color:inherit;display:block;position:relative;padding-top:var(--lok-spacing-2);padding-bottom:14px;background-color:transparent;text-decoration:none}._withNavLinkStyle_1pc1v_42[disabled]{pointer-events:none}._withNavLinkStyle_1pc1v_42._disabled_1pc1v_57{color:var(--lok-color-text-disabled)}._projectNavigationItem_1pc1v_61{display:flex;align-items:center;justify-content:space-between}._projectNavigationItemDisabled_1pc1v_67{opacity:.6;pointer-events:none}