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

package/README.md

@@ -1,2 +1,5 @@
 # harmony
 A temporary shared library designed to house reusable components, such as molecules and organisms, exclusively for the Expert and Flow platforms during the migration period. This library will be retired upon the completion of the migration and the establishment of the unified next-gen platform.
+
+## Storybook
+https://lokalise.github.io/harmony/?path=/story/app-shell-navigationpanel--default&args=sticky:!true

package/dist/harmony.cjs

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

package/dist/harmony.mjs

@@ -1,49 +1,49 @@
 import { jsx as E, jsxs as Ie } from "react/jsx-runtime";
 import * as w from "react";
-import { useRef as qe, useState as ve, useCallback as Q, useEffect as _e, cloneElement as xe } 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) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var N, V;
-function X() {
-  if (V) return N;
-  V = 1;
+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");
   }
   return N = e, N;
 }
-var L, ee;
+var L, re;
 function Le() {
-  if (ee) return L;
-  ee = 1;
+  if (re) return L;
+  re = 1;
   var e = typeof I == "object" && I && I.Object === Object && I;
   return L = e, L;
 }
-var A, re;
+var A, te;
 function ye() {
-  if (re) return A;
-  re = 1;
+  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 k, te;
+var k, ne;
 function Ae() {
-  if (te) return k;
-  te = 1;
+  if (ne) return k;
+  ne = 1;
   var e = ye(), r = function() {
     return e.Date.now();
   };
   return k = r, k;
 }
-var C, ne;
+var C, ie;
 function ke() {
-  if (ne) return C;
-  ne = 1;
+  if (ie) return C;
+  ie = 1;
   var e = /\s/;
   function r(n) {
     for (var t = n.length; t-- && e.test(n.charAt(t)); )
@@ -52,27 +52,27 @@ function ke() {
   }
   return C = r, C;
 }
-var z, ie;
+var z, oe;
 function Ce() {
-  if (ie) return z;
-  ie = 1;
+  if (oe) return z;
+  oe = 1;
   var e = ke(), r = /^\s+/;
   function n(t) {
     return t && t.slice(0, e(t) + 1).replace(r, "");
   }
   return z = n, z;
 }
-var D, oe;
+var D, ae;
 function Ee() {
-  if (oe) return D;
-  oe = 1;
+  if (ae) return D;
+  ae = 1;
   var e = ye(), r = e.Symbol;
   return D = r, D;
 }
-var G, ae;
+var G, ue;
 function ze() {
-  if (ae) return G;
-  ae = 1;
+  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];
@@ -86,50 +86,50 @@ function ze() {
   }
   return G = a, G;
 }
-var M, ue;
+var M, se;
 function De() {
-  if (ue) return M;
-  ue = 1;
+  if (se) return M;
+  se = 1;
   var e = Object.prototype, r = e.toString;
   function n(t) {
     return r.call(t);
   }
   return M = n, M;
 }
-var B, se;
+var B, ce;
 function Ge() {
-  if (se) return B;
-  se = 1;
+  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);
   }
   return B = u, B;
 }
-var F, ce;
+var F, fe;
 function Me() {
-  if (ce) return F;
-  ce = 1;
+  if (fe) return F;
+  fe = 1;
   function e(r) {
     return r != null && typeof r == "object";
   }
   return F = e, F;
 }
-var H, fe;
+var H, le;
 function Be() {
-  if (fe) return H;
-  fe = 1;
+  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;
   }
   return H = t, H;
 }
-var U, le;
+var U, de;
 function Fe() {
-  if (le) return U;
-  le = 1;
-  var e = Ce(), r = X(), n = Be(), t = NaN, i = /^[-+]0x[0-9a-f]+$/i, a = /^0b[01]+$/i, u = /^0o[0-7]+$/i, s = parseInt;
+  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;
@@ -147,11 +147,11 @@ function Fe() {
   }
   return U = c, U;
 }
-var W, de;
+var W, be;
 function pe() {
-  if (de) return W;
-  de = 1;
-  var e = X(), r = Ae(), n = Fe(), t = "Expected a function", i = Math.max, a = Math.min;
+  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")
@@ -165,30 +165,30 @@ function pe() {
       return S = l, d = setTimeout(O, c), R ? m(l) : T;
     }
     function P(l) {
-      var y = l - v, j = l - S, K = c - y;
-      return b ? a(K, p - j) : K;
+      var y = l - v, j = l - S, Q = c - y;
+      return b ? a(Q, p - j) : Q;
     }
-    function Y(l) {
+    function J(l) {
       var y = l - v, j = l - S;
       return v === void 0 || y >= c || y < 0 || b && j >= p;
     }
     function O() {
       var l = r();
-      if (Y(l))
-        return J(l);
+      if (J(l))
+        return K(l);
       d = setTimeout(O, P(l));
     }
-    function J(l) {
+    function K(l) {
       return d = void 0, _ && f ? m(l) : (f = h = void 0, T);
     }
     function Pe() {
       d !== void 0 && clearTimeout(d), S = 0, f = v = h = d = void 0;
     }
     function Oe() {
-      return d === void 0 ? T : J(r());
+      return d === void 0 ? T : K(r());
     }
     function x() {
-      var l = r(), y = Y(l);
+      var l = r(), y = J(l);
       if (f = arguments, h = this, v = l, y) {
         if (d === void 0)
           return g(v);
@@ -203,11 +203,11 @@ function pe() {
 }
 var He = pe();
 const Ue = /* @__PURE__ */ Se(He);
-var $, be;
+var $, he;
 function We() {
-  if (be) return $;
-  be = 1;
-  var e = pe(), r = X(), n = "Expected a function";
+  if (he) return $;
+  he = 1;
+  var e = pe(), r = Y(), n = "Expected a function";
   function t(i, a, u) {
     var s = !0, c = !0;
     if (typeof i != "function")
@@ -269,10 +269,10 @@ const Ze = /* @__PURE__ */ Se($e), Xe = (e, r, n, t) => {
   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] = ve({
+  const o = qe(e), f = Ye(c), [h, p] = _e({
     width: void 0,
     height: void 0
-  }), { refProxy: T, refElement: d } = Je(u), { box: v } = s || {}, S = Q((b) => {
+  }), { refProxy: T, refElement: d } = Je(u), { box: v } = s || {}, S = V((b) => {
     if (!i && !a)
       return;
     if (o.current) {
@@ -288,13 +288,13 @@ function Qe({ skipOnMount: e = !1, refreshMode: r, refreshRate: n = 1e3, refresh
         entry: m
       }), g) : P);
     });
-  }, [i, a, o, v]), R = Q(Xe(S, r, n, t), [
+  }, [i, a, o, v]), R = V(Xe(S, r, n, t), [
     S,
     r,
     n,
     t
   ]);
-  return _e(() => {
+  return X(() => {
     let b;
     return d ? (b = new window.ResizeObserver(R), b.observe(d, s)) : (h.width || h.height) && (f == null || f({
       width: null,
@@ -327,8 +327,8 @@ const er = "_headerContainer_1cubo_1", rr = "_headerContent_1cubo_34", tr = "_st
   const { ref: n, height: t } = Qe({
     refreshMode: "debounce",
     refreshRate: 0
-  }), [i, a] = ve(!1), u = () => i ? !e : !0;
-  _e(() => {
+  }), [i, a] = _e(!1), u = () => i ? !e : !0;
+  X(() => {
     const c = () => {
       a(window.scrollY > 0);
     };
@@ -352,7 +352,7 @@ const er = "_headerContainer_1cubo_1", rr = "_headerContent_1cubo_34", tr = "_st
 };
 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/, he = (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" ? he(e, r, n) : e.flatMap((t) => typeof t == "string" ? he(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) ?? [], ge = (e, r, n) => {
+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)
     return e;
@@ -360,10 +360,12 @@ const je = 0, ir = 9999, or = [150, 151, 250, 251], ar = [152, 153, 252, 253], u
   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 !== "");
-}, me = (e) => {
+}, ve = (e) => {
   const r = dr(e);
-  return r != null && r.length ? r.reduce((n, t, i) => typeof n == "string" ? ge(n, t, i) : n.flatMap((a) => typeof a == "string" ? ge(a, t, i) : a), e) : e;
-}, wr = (e) => typeof e == "string" ? me(e) : e.flatMap((r) => typeof r == "string" ? me(r) : r, e), Pr = (e, r = "PP") => Te(e, r), Or = (e, r, n = "PP") => Te(Ne(e, r), n);
+  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, []);
+};
 export {
   we as ENTERPRISE_OPENSOURCE_PLAN_ID,
   sr as ENTERPRISE_PLAN_IDS,
@@ -384,5 +386,6 @@ export {
   yr as isProPlan,
   Tr as isStartPlan,
   _r as isTrialPlan,
-  wr as makeUrlClickable
+  wr as makeUrlClickable,
+  Ir as useEffectOnce
 };

package/dist/types/fixtures/sidebar/profileMenu.d.ts

@@ -0,0 +1,2 @@
+import { SidebarTeam } from '../../src/components/Sidebar/types';
+export declare const createTeam: () => SidebarTeam;

package/dist/types/fixtures/sidebar/tasks.d.ts

@@ -0,0 +1,2 @@
+import { SidebarTask } from '../../src/components/Sidebar/Widgets/Tasks/types';
+export declare const createTask: () => SidebarTask;

package/dist/types/src/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,45 @@
+import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
+type SidebarProps = HTMLProps<HTMLElement> & {
+    children: ReactNode;
+};
+declare const Sidebar: {
+    ({ children, ...navProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+    Top({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    Bottom({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    Avatar: ({ src, href, ariaLabel, alt }: {
+        src: string;
+        href?: string;
+        ariaLabel?: string;
+        alt?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    IconLink: ({ label, to, icon }: {
+        to: string;
+        label: string;
+        icon: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Menu: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+    Tasks: (props: {
+        config: import('./Widgets/Tasks/types').SidebarTasksConfig;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ProfileMenu: ({ config, children }: {
+        config: import('./Widgets/ProfileMenu/types').SidebarProfileMenuConfig;
+        children: import('./Widgets/ProfileMenu/ProfileMenuContent').ProfileMenuContentProps["children"];
+    }) => import("react/jsx-runtime").JSX.Element;
+    TeamSwitch: ({ onSwitchTeam }: {
+        onSwitchTeam: (team: import('./types').SidebarTeam) => void;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    TeamMenuItem: ({ team, onClick, hidePlanLabel }: {
+        team?: import('./types').SidebarTeam;
+        onClick?: (team: import('./types').SidebarTeam) => void;
+        hidePlanLabel?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    UpgradeMenuItem: ({ upgradeOptionHref }: {
+        upgradeOptionHref: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    ProfileSettingsMenuItem: ({ href, onClick, userEmail }: {
+        href: string;
+        userEmail: string;
+        onClick?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+};
+export { Sidebar };

package/dist/types/src/components/Sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Sidebar } from './Sidebar';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const TopSectionOnly: Story;
+export declare const FullSidebar: Story;

package/dist/types/src/components/Sidebar/UpgradeIcon/UpgradeIcon.d.ts

@@ -0,0 +1,5 @@
+type UpgradeIconProps = {
+    className?: string;
+};
+export declare const UpgradeIcon: ({ className }: UpgradeIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+type AvatarProps = {
+    src: string;
+    href?: string;
+    ariaLabel?: string;
+    alt?: string;
+};
+export declare const Avatar: ({ src, href, ariaLabel, alt }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/IconLink/IconLink.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type IconLinkProps = {
+    to: string;
+    label: string;
+    icon: ReactNode;
+};
+export declare const IconLink: ({ label, to, icon }: IconLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/Menu/Menu.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const Menu: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.d.ts

@@ -0,0 +1,8 @@
+import { SidebarProfileMenuConfig } from './types';
+import { ProfileMenuContentProps } from './ProfileMenuContent';
+type ProfileMenuProps = {
+    config: SidebarProfileMenuConfig;
+    children: ProfileMenuContentProps['children'];
+};
+export declare const ProfileMenu: ({ config, children }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContent.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { SidebarProfileMenuRenderProps } from './types';
+export type ProfileMenuContentProps = {
+    children: (props: SidebarProfileMenuRenderProps) => ReactNode;
+};
+export declare const ProfileMenuContent: ({ children }: ProfileMenuContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuContext.d.ts

@@ -0,0 +1,3 @@
+import { SidebarProfileMenuContextProps } from './types';
+export declare const ProfileMenuContext: import('react').Context<SidebarProfileMenuContextProps>;
+export declare const useProfileMenu: () => SidebarProfileMenuContextProps;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenuProvider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { SidebarProfileMenuConfig } from './types';
+type ProfileMenuProviderProps = PropsWithChildren<{
+    config: SidebarProfileMenuConfig;
+}>;
+export declare const ProfileMenuProvider: ({ children, config }: ProfileMenuProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.d.ts

@@ -0,0 +1,7 @@
+type ProfileSettingsMenuItemProps = {
+    href: string;
+    userEmail: string;
+    onClick?: () => void;
+};
+export declare const ProfileSettingsMenuItem: ({ href, onClick, userEmail }: ProfileSettingsMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { SidebarTeam } from '../../../types';
+type TeamMenuItemProps = {
+    team?: SidebarTeam;
+    onClick?: (team: SidebarTeam) => void;
+    hidePlanLabel?: boolean;
+};
+export declare const TeamMenuItem: ({ team, onClick, hidePlanLabel }: TeamMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.d.ts

@@ -0,0 +1,6 @@
+import { SidebarTeam } from '../../../types';
+type TeamSwitchProps = {
+    onSwitchTeam: (team: SidebarTeam) => void;
+};
+export declare const TeamSwitch: ({ onSwitchTeam }: TeamSwitchProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.d.ts

@@ -0,0 +1,5 @@
+type UpgradeMenuItemProps = {
+    upgradeOptionHref: string;
+};
+export declare const UpgradeMenuItem: ({ upgradeOptionHref }: UpgradeMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/types.d.ts

@@ -0,0 +1,22 @@
+import { SidebarTeam } from '../../types';
+export type SidebarProfileMenuConfig = {
+    teams: SidebarTeam[];
+    currentTeamId: number;
+    planId: number;
+    isLimitedView: boolean;
+    isTeamSuspended: boolean;
+    canAccessTeamSettings: boolean;
+    isEndOfTrialActive: boolean;
+    trialDaysLeft: number;
+    isProviderAlpha: boolean;
+};
+export type SidebarProfileMenuContextProps = SidebarProfileMenuConfig & {
+    currentTeam?: SidebarTeam;
+    otherTeams: SidebarTeam[];
+    canChangeBilling: boolean;
+    isOnFreeOrTrialPlan: boolean;
+    showUpgradeCta: boolean;
+    showBillingButton: boolean;
+    allowTeamCreation: boolean;
+};
+export type SidebarProfileMenuRenderProps = Pick<SidebarProfileMenuContextProps, 'otherTeams' | 'allowTeamCreation' | 'isLimitedView' | 'canAccessTeamSettings' | 'isEndOfTrialActive' | 'isTeamSuspended' | 'showBillingButton' | 'isProviderAlpha'>;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TaskLanguage/TaskLanguage.d.ts

@@ -0,0 +1,6 @@
+import { SidebarLanguage, SidebarTask } from '../types';
+export type TaskLanguageProps = {
+    task: SidebarTask;
+    language: SidebarLanguage;
+};
+export declare const TaskLanguage: ({ language, task }: TaskLanguageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TaskLanguageCompleted/TaskLanguageCompleted.d.ts

@@ -0,0 +1,7 @@
+import { SidebarLanguage, SidebarTask } from '../types';
+type TaskLanguageCompletedProps = {
+    task: SidebarTask;
+    language: SidebarLanguage;
+};
+export declare const TaskLanguageCompleted: ({ task, language }: TaskLanguageCompletedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/Tasks/TaskOverview/TaskOverview.d.ts

@@ -0,0 +1,5 @@
+import { SidebarTask } from '../types';
+export type TaskProps = {
+    task: SidebarTask;
+};
+export declare const TaskOverview: ({ task }: TaskProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/Sidebar/Widgets/Tasks/Tasks.d.ts

@@ -0,0 +1,3 @@
+export declare const Tasks: (props: {
+    config: import('./types').SidebarTasksConfig;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TasksContext.d.ts

@@ -0,0 +1,2 @@
+export declare const TasksContext: import('react').Context<TasksContextProps>;
+export declare const useTasks: () => TasksContextProps;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TasksPopover/TasksPopover.d.ts

@@ -0,0 +1 @@
+export declare const TasksPopover: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Tasks/TasksProvider.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { SidebarTasksConfig } from './types';
+type TasksProviderProps = PropsWithChildren<{
+    config: SidebarTasksConfig;
+}>;
+export declare const TasksProvider: ({ children, config }: TasksProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const withTasksContext: <P extends {
+    config: SidebarTasksConfig;
+}>(WrappedComponent: FC<Omit<P, "config">>) => (props: P) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/Tasks/index.d.ts

@@ -0,0 +1,2 @@
+export { Tasks } from './Tasks';
+export { dispatchTaskEvent, TaskEvents } from './utils/taskEvents';

package/dist/types/src/components/Sidebar/Widgets/Tasks/types.d.ts

@@ -0,0 +1,85 @@
+import { TypesFromMap } from '../../../../utils/node.ts/typeUtils';
+export declare const SidebarTaskStatuses: {
+    readonly Completed: "completed";
+    readonly InProgress: "in_progress";
+    readonly Created: "created";
+    readonly Queued: "queued";
+};
+export type SidebarTaskStatus = TypesFromMap<typeof SidebarTaskStatuses>;
+export declare const SidebarTaskLanguageStatuses: {
+    readonly Completed: "completed";
+    readonly InProgress: "in_progress";
+    readonly Created: "created";
+    readonly Queued: "queued";
+};
+export type SidebarTaskLanguageStatus = TypesFromMap<typeof SidebarTaskLanguageStatuses>;
+export declare const SidebarTaskTypeOptions: {
+    readonly translation: "translation";
+    readonly review: "review";
+    readonly lqa_by_ai: "lqa_by_ai";
+    readonly automatic_translation: "automatic_translation";
+};
+export type SidebarTaskTypeOption = TypesFromMap<typeof SidebarTaskTypeOptions>;
+export type SidebarTaskStyleGuide = {
+    id: string;
+    name: string;
+};
+export type SidebarTaskLanguage = {
+    lang_id: string;
+    name: string;
+    progress?: number;
+    status: SidebarTaskLanguageStatus;
+    base_words_total: `${number}`;
+    base_words_done: `${number}`;
+};
+export type SidebarTask = {
+    id: string;
+    title: string;
+    status: SidebarTaskStatus;
+    langs: SidebarTaskLanguage[];
+    team_id: number;
+    created_by_fullname: string;
+    source_lang_name: string;
+    task_type: SidebarTaskTypeOption;
+    style_guides: SidebarTaskStyleGuide[];
+    description?: string;
+    project_name: string;
+    master_branching_enabled: '0' | '1';
+    branch_name: string | null;
+    due_date: string | null;
+};
+export type SidebarDefaultFnArgs = {
+    task: SidebarTask;
+    language: SidebarTaskLanguage;
+};
+export type SidebarDefaultFn = (props: SidebarDefaultFnArgs) => void;
+export type SidebarTasksGetProjectUrlFnArgs = {
+    task: SidebarTask;
+    language?: SidebarTaskLanguage;
+    view?: 'single' | 'multi';
+    taskUncompleted?: boolean;
+};
+export type SidebarTasksGetProjectUrlFn = (props: SidebarTasksGetProjectUrlFnArgs) => string;
+export type SidebarTaskTitleOnClickFn = (props: Pick<SidebarDefaultFnArgs, 'task'>) => void;
+export type SidebarOnLanguageCompleteConfirmFnArgs = SidebarDefaultFnArgs & {
+    closePrompt: () => void;
+};
+export type SidebarOnLanguageCompleteConfirmFn = (props: SidebarOnLanguageCompleteConfirmFnArgs) => Promise<void>;
+export type SidebarTasksConfig = {
+    getTasksCount: () => Promise<number>;
+    getTasks: () => Promise<SidebarTask[]>;
+    getProjectUrl: SidebarTasksGetProjectUrlFn;
+    onLanguageCompleteConfirm: SidebarOnLanguageCompleteConfirmFn;
+    onTasksWidgetOpen?: ({ tasks }: {
+        tasks: SidebarTask[];
+    }) => void;
+    taskTitleOnClick?: SidebarTaskTitleOnClickFn;
+    langNameOnClick?: SidebarDefaultFn;
+    langProgressOnClick?: SidebarDefaultFn;
+};
+export type SidebarTasksContextProps = Pick<SidebarTasksConfig, 'onTasksWidgetOpen' | 'getProjectUrl' | 'taskTitleOnClick' | 'langNameOnClick' | 'langProgressOnClick' | 'onLanguageCompleteConfirm'> & {
+    fetchTasks: () => Promise<void>;
+    tasks: SidebarTask[];
+    tasksCount: number;
+    loadingTasks: boolean;
+};

package/dist/types/src/components/Sidebar/Widgets/Tasks/utils/content.d.ts

@@ -0,0 +1,16 @@
+import { SidebarLanguage, SidebarLanguageStatus, SidebarTask, SidebarTaskTypeOption } from '../types';
+export declare const getStatusText: (status: SidebarLanguageStatus, progressValue: number) => "Closed" | "Completed" | "In progress" | "Not started" | "Queued" | "-";
+export declare const resolveStatus: (language: SidebarLanguage) => SidebarLanguageStatus;
+export declare const statusSortOrder: string[];
+/**
+ * TODO - these should be taken from louis
+ */
+export declare const tagColor: Record<SidebarTaskTypeOption, string>;
+export declare const getTaskLanguages: (langs: SidebarTask["langs"]) => {
+    status: SidebarLanguageStatus;
+    lang_id: string;
+    name: string;
+    progress?: number;
+    base_words_total: `${number}`;
+    base_words_done: `${number}`;
+}[];

package/dist/types/src/components/Sidebar/Widgets/Tasks/utils/taskEvents.d.ts

@@ -0,0 +1,23 @@
+export declare const TaskEvents: {
+    readonly TaskCompleted: "task_completed";
+    readonly TaskClosed: "task_closed";
+    readonly Refresh: "refresh";
+    readonly ShowDialog: "show_dialog";
+};
+export type TaskEvent = (typeof TaskEvents)[keyof typeof TaskEvents];
+type SingleTaskPayload = {
+    taskId: string | number;
+};
+type DispatchTaskEventPayload = {
+    name: typeof TaskEvents.TaskCompleted;
+    detail: SingleTaskPayload;
+} | {
+    name: typeof TaskEvents.TaskClosed;
+    detail: SingleTaskPayload;
+} | {
+    name: typeof TaskEvents.Refresh;
+} | {
+    name: typeof TaskEvents.ShowDialog;
+};
+export declare const dispatchTaskEvent: (props: DispatchTaskEventPayload) => void;
+export {};

package/dist/types/src/components/Sidebar/Widgets/index.d.ts

@@ -0,0 +1,5 @@
+export { Avatar } from './Avatar/Avatar';
+export { IconLink } from './IconLink/IconLink';
+export { Menu } from './Menu/Menu';
+export { Tasks } from './Tasks';
+export { ProfileMenu } from './ProfileMenu/ProfileMenu';

package/dist/types/src/components/Sidebar/types.d.ts

@@ -0,0 +1,14 @@
+import { TypesFromMap } from '../../utils/node.ts';
+export declare const SidebarTeamRoles: {
+    readonly member: "member";
+    readonly admin: "admin";
+    readonly biller: "biller";
+    readonly owner: "owner";
+};
+export type SidebarTeamRole = TypesFromMap<typeof SidebarTeamRoles>;
+export type SidebarTeam = {
+    id: number;
+    name: string;
+    role: SidebarTeamRole;
+    logoUrl: string;
+};

package/dist/types/src/components/Sidebar/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare const splitFileName: (fileName: string) => {
+    name: string;
+    extension: string;
+};

package/dist/types/src/node.d.ts

@@ -2,10 +2,4 @@
  * COMPONENTS EXPORTS
  */
 export { NavigationPanel } from './components/NavigationPanel/NavigationPanel';
-/**
- * UTILITIES EXPORTS
- */
-export { isPaidPlan, isProPlan, isEnterpriseOpenSourcePlan, isEnterprisePlan, isEssentialPlan, isStartPlan, isFreePlan, isTrialPlan, ENTERPRISE_PLAN_IDS, START_PLAN_IDS, ESSENTIAL_PLAN_IDS, PRO_PLAN_IDS, FREE_PLAN_ID, TRIAL_PLAN_ID, ENTERPRISE_OPENSOURCE_PLAN_ID, } from './utils/billing/plan/plan';
-export { convertNewLineToBreakTag } from './utils/content/text/text';
-export { makeUrlClickable } from './utils/content/url/url';
-export { formatDate, formatDateTz } from './utils/i18n/date/date';
+export * from './utils/node';

package/dist/types/src/utils/hooks/useEffectOnce.d.ts

@@ -0,0 +1,5 @@
+import { EffectCallback } from 'react';
+/**
+ * React hook that runs an effect only once.
+ */
+export declare const useEffectOnce: (effect: EffectCallback) => void;

package/dist/types/src/utils/node.d.ts

@@ -0,0 +1,6 @@
+export { isPaidPlan, isProPlan, isEnterpriseOpenSourcePlan, isEnterprisePlan, isEssentialPlan, isStartPlan, isFreePlan, isTrialPlan, ENTERPRISE_PLAN_IDS, START_PLAN_IDS, ESSENTIAL_PLAN_IDS, PRO_PLAN_IDS, FREE_PLAN_ID, TRIAL_PLAN_ID, ENTERPRISE_OPENSOURCE_PLAN_ID, } from './billing/plan/plan';
+export { convertNewLineToBreakTag } from './content/text/text';
+export { makeUrlClickable } from './content/url/url';
+export { formatDate, formatDateTz } from './i18n/date/date';
+export { useEffectOnce } from './hooks/useEffectOnce';
+export type { TypesFromMap } from './typeUtils';

package/dist/types/src/utils/typeUtils.d.ts

@@ -0,0 +1,3 @@
+export type TypesFromMap<T extends {
+    [key: string]: string | number;
+}> = T[keyof T];

package/dist/types/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lokalise/harmony",
-    "version": "1.3.0",
+    "version": "1.4.0-exp-sidebarComponent.1",
     "author": {
         "name": "Lokalise",
         "url": "https://lokalise.com/"
@@ -30,7 +30,7 @@
         "storybook:build": "storybook build"
     },
     "peerDependencies": {
-        "@lokalise/louis": ">=26.0.0",
+        "@lokalise/louis": ">=26.1.1",
         "@lokalise/styled": ">=3.0.0",
         "@lokalise/token-dictionary": ">=2.42.1",
         "date-fns": ">=4.1",
@@ -41,6 +41,7 @@
     "devDependencies": {
         "@biomejs/biome": "^1.9.4",
         "@chromatic-com/storybook": "^3.2.4",
+        "@faker-js/faker": "^9.5.0",
         "@lokalise/biome-config": "^1.6.1",
         "@semantic-release/changelog": "^6.0.3",
         "@semantic-release/commit-analyzer": "^13.0.1",