https://cdn.kello.ai/_next/static/chunks/5977-58710cd13dc5c570.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5977],{12813:(r,e,E)=>{E.d(e,{A:()=>a});var n,o=E(12115);function t(){return(t=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var E=arguments[e];for(var n in E)({}).hasOwnProperty.call(E,n)&&(r[n]=E[n])}return r}).apply(null,arguments)}let a=function(r){return o.createElement("svg",t({viewBox:"0 0 24 24",fill:"none",width:"1em",height:"1em"},r),n||(n=o.createElement("path",{d:"m6 11 4.586 4.586a2 2 0 0 0 2.828 0L18 11",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:1.02,strokeLinecap:"round",strokeLinejoin:"round"})))}},15664:(r,e,E)=>{E.d(e,{I$:()=>c,UE:()=>A,oP:()=>s,r5:()=>p,sb:()=>l});var n=E(10142),o=E(10546),t=E(97342);let{INVITES:a}=o.R;function l(r,e){(0,t.Rc)(a.TEAM_INVITE_ATTEMPTED,{...r,...e},n.sx)}function s(r,e){(0,t.Rc)(a.TEAM_INVITE_LINK_COPIED,{...r,...e},n.sx)}function p(r,e){(0,t.Rc)(a.COLLECTION_INVITE_LINK_COPIED,{...r,collection:e},n.sx)}function A(r,e){(0,t.Rc)(a.ORG_INVITE_ACCEPTED,{...r,...e},n.sx)}function c(r,e){(0,t.Rc)(a.COLLECTION_INVITE_ACCEPTED,{...r,...e},n.sx)}},25977:(r,e,E)=>{E.d(e,{gf:()=>rT,Y9:()=>f,jt:()=>r_.A,y$:()=>M,SR:()=>rL});var n=E(86201),o=E(53544),t=E(52619),a=E.n(t),l=E(20063),s=E(12115),p=E(43626),A=E(18612),c=E(2698),i=E(15664),D=E(39398),R=E(67651),T=E(10546),_=E(34361),N=E(97895),u=E(85897),L=E(6259),d=E(44846),S=E(54354),O=E(63382),B=E(99031),h=E(6654),I=E(98178),C=E(47647),U=E(72993),G=E(2580);let f=(0,s.forwardRef)(function(r,e){let E,{...o}=r,t=(0,R.s)(T.a.APP_HOME),{user:a,orgUsers:f,isBetaMode:v,isDevMode:M,setIsDevMode:V,setIsBetaMode:m}=(0,O.U)();(0,l.useRouter)();let x=(0,A._i)(),b=(0,G.o)();(0,B.rf)();let[w,X]=(0,s.useState)(!1),P=async r=>{r.preventDefault(),(0,c.I8)(t.context);try{await x.mutateAsync()}catch(r){console.error("Logout failed:",r)}(0,c.Hf)(t.context),window.location.href="/"};if(a){var H,Y,z,j,J;let r=!(0,h.rA)(window.location.hostname),e=(0,h.s3)(a.email);E=(0,n.FD)(L.rI,{onOpenChange:r=>{r&&(0,D.jf)(t.context)},children:[(0,n.Y)(L.ty,{asChild:!0,children:(0,n.FD)(F,{children:[(0,n.FD)(u.eu,{className:"h-6 w-6 cursor-pointer",children:[(0,n.Y)(u.BK,{src:null!=(z=a.picture)?z:void 0,alt:"User Avatar"}),(0,n.Y)(u.q5,{style:{backgroundColor:b.app.colors.BG_ACCENT_WEAKEST,color:b.app.colors.TEXT_ACCENT_NORMAL},children:null!=(j=null==a||null==(Y=a.name)||null==(H=Y[0])?void 0:H.toUpperCase())?j:"U"})]}),(0,n.Y)(N.mf,{style:{color:b.app.colors.TEXT_NEUTRAL_NORMAL,marginLeft:"8px"},children:null!=(J=null==a?void 0:a.name)?J:"User"})]})}),(0,n.FD)(L.SQ,{align:"end",side:"bottom",children:[e?(0,n.FD)(L._2,{onSelect:r=>r.preventDefault(),children:[(0,n.Y)("span",{children:"Dev Mode"}),(0,n.Y)(d.d,{checked:M,onCheckedChange:V,className:"ml-auto"})]}):null,r?(0,n.FD)(L._2,{onSelect:r=>r.preventDefault(),children:[(0,n.Y)("span",{children:"Beta Search"}),(0,n.Y)(d.d,{checked:v,onCheckedChange:m,className:"ml-auto"})]}):null,(0,n.Y)(L._2,{onClick:r=>{r.preventDefault(),(0,i.sb)(t.context,{team_count:f.length}),(0,_._B)({title:"Invite your team",innerProps:{collaborators:f}})},children:"Invite Team"}),(0,n.Y)(L._2,{onClick:r=>{r.preventDefault(),(0,D.RK)(t.context),window.open("https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=".concat(S.Te,"&su=").concat(encodeURIComponent("Kello - Product Feedback")))},children:"Give Feedback"}),(0,n.Y)(L.mB,{}),(0,n.FD)(L._2,{onClick:P,children:["Logout",(0,n.Y)(I.A,{className:"ml-auto h-5 w-5",color:b.app.colors.ICON_NEUTRAL_WEAKEST})]})]})]})}return(0,n.Y)(g,{ref:e,...o,children:(0,n.FD)(k,{children:[(0,n.FD)(K,{href:"/app",onClick:()=>{(0,D.Js)(t.context,"/app")},children:[(0,n.Y)(y,{onMouseEnter:()=>X(!0),onMouseLeave:()=>X(!1),children:w?(0,n.Y)(p.A,{animationData:U,play:!0,style:{width:"100%",height:"100%"}}):(0,n.Y)("img",{src:"/assets/kello-logo-2x.png",alt:"Kello Logo",width:"100%",height:"100%"})}),(0,n.Y)(W,{className:"ml-[12px]",children:(0,n.Y)(C.A,{})})]}),E]})})}),g=(0,o.A)("header",{target:"e1d6b79e0"})("height:76px;position:sticky;top:0;left:0;right:0;z-index:99;background:",r=>{var e,E;let{theme:n}=r;return(null==n||null==(E=n.app)||null==(e=E.colors)?void 0:e.BG_SURFACE)||"#fff"},";

1"),k=(0,o.A)("div",{target:"e1d6b79e1"})("display:flex;height:100%;margin:auto;max-width:1272px;padding:24px;align-items:center;justify-content:space-between;"),K=(0,o.A)(a(),{target:"e1d6b79e2"})("display:flex;align-items:center;shrink:0;text-decoration:none;transform:all 300ms ease-in-out;"),y=(0,o.A)("div",{target:"e1d6b79e3"})("display:flex;align-items:center;justify-content:center;shrink:0;width:40px;height:40px;> svg{width:100%;height:100%;shrink:0;}"),W=(0,o.A)("div",{target:"e1d6b79e4"})("display:flex;align-items:center;justify-content:center;shrink:0;width:66px;height:24px;> svg{width:100%;height:100%;shrink:0;}"),F=(0,o.A)("div",{target:"e1d6b79e5"})("display:flex;background:",r=>{var e,E;let{theme:n}=r;return(null==n||null==(E=n.app)||null==(e=E.colors)?void 0:e.BG_NEUTRAL_WEAKEST)||"#f5f5f5"},";align-items:center;border-radius:32px;padding:8px;padding-right:12px;");var v=E(47781);let M=function(r){let{size:e="96px",play:E=!0,style:o,...t}=r;return(0,n.Y)(p.A,{animationData:v,play:E,style:{height:e,width:e,...null!=o?o:{}},...t})};var V=E(3648),m=E(82207),x=E(10225),b=E(72839),w=E(12813),X=E(69746);function P(){let r=(0,V._)(["\n /* layout */\n display: inline-flex;\n align-items: center;\n justify-content: center;\n shrink: 0;\n height: ","px;\n min-height: ","px;\n width: ",";\n position: relative;\n text-decoration: none;\n\n /* space */\n padding-top: 0;\n padding-bottom: 0;\n\n /* color */\n background: ",";\n\n /* border */\n border-radius: ","px;\n box-shadow: inset 0 0 0\n ",";\n"]);return P=function(){return r},r}function H(){let r=(0,V._)(["\n /* layout */\n display: inline-flex;\n align-items: center;\n justify-content: center;\n shrink: 0;\n height: ","px;\n min-height: ","px;\n text-decoration: none;\n\n /* space */\n padding-top: 0;\n padding-bottom: 0;\n padding-left: ","px;\n padding-right: ","px;\n\n /* color */\n color: ",";\n background: ",";\n\n /* typography */\n font-size: ","px;\n font-weight: ",";\n letter-spacing: -0.01em;\n line-height: ","px;\n text-decoration: none;\n text-transform: ",";\n pointer-events: ",";\n\n /* border */\n outline: none;\n border: none;\n border-radius: ","px 0px 0px ","px;\n\n /* actions */\n user-select: none;\n cursor: pointer;\n\n /* transition + lift */\n transition: all 0.15s;\n\n /* brand warm glow */\n box-shadow: ",";\n\n &:hover {\n color: ",";\n background: ",";\n transform: translateY(-1px);\n filter: ",";\n }\n\n &:active {\n color: ",";\n background: ",";\n transform: translateY(0);\n }\n\n /* not using &:disabled because we have scenarios where anchor link can also be disabled */\n ","\n\n /* adding focus only when anchor is not disabled, this feature is by default for buttons */\n &:focus-visible {\n ","\n }\n"]);return H=function(){return r},r}function Y(){let r=(0,V._)(["\n width: ","px;\n height: ","px;\n shrink: 0;\n\n > svg {\n width: 100%;\n height: 100%;\n }\n"]);return Y=function(){return r},r}function z(){let r=(0,V._)(["\n width: 0;\n height: 0;\n display: none;\n"]);return z=function(){return r},r}function j(){let r=(0,V._)(["\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 6px;\n color: ",";\n /* border-left: 1px solid ","; */\n\n border-radius: 0px ","px ","px 0px;\n\n /* actions */\n user-select: none;\n cursor: pointer;\n position: relative;\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n\n &:active {\n color: ",";\n background-color: ",";\n }\n\n /* not using &:disabled because we have scenarios where anchor link can also be disabled */\n ","\n\n /* adding focus only when anchor is not disabled, this feature is by default for buttons */\n &:focus-visible {\n ","\n }\n"]);return j=function(){return r},r}function J(){let r=(0,V._)(["\n position: absolute;\n top: 100%;\n right: 0;\n background-color: ",";\n z-index: 1;\n border-radius: 12px;\n margin-top: 8px;\n box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);\n"]);return J=function(){return r},r}let $={FILLED:"filled",OUTLINED:"outlined",TRANSPARENT:"transparent"},q={X_SMALL:"x_small",SMALL:"small",MEDIUM:"medium",LARGE:"large"},Q={BRAND:"brand",ACCENT:"accent",NEGATIVE:"negative",NEUTRAL:"neutral",BRAND_INVERTED:"brand_inverted",NEGATIVE_INVERTED:"negative_inverted",NEUTRAL_INVERTED:"neutral_inverted"},Z={DEFAULT:"DEFAULT",HOVERED:"HOVERED",PRESSED:"PRESSED",LOADING:"LOADING",FOCUSED:"FOCUSED",DISABLED:"DISABLED"},rr=r=>{let{size:e}=r;switch(e){case q.LARGE:return 56;case q.MEDIUM:return 48;case q.SMALL:return 40;case q.X_SMALL:return 32;default:return 40}},re=r=>{let{size:e}=r;switch(e){case q.LARGE:return 14;case q.MEDIUM:return 12;case q.SMALL:return 10;case q.X_SMALL:return 8;default:return 0}},rE=r=>+(r===$.OUTLINED),rn=r=>{let{size:e}=r;switch(e){case q.LARGE:case q.MEDIUM:case q.SMALL:return 8;case q.X_SMALL:return 6;default:return 8}},ro=r=>{let{variant:e,colorStyles:E,backgroundColorStyles:n,borderColorStyles:o}=r;return(0,x.AH)("cursor:not-allowed;pointer-events:none;color:",E.DISABLED,";background:",n.DISABLED,";box-shadow:inset 0 0 0 ",rE(e),"px ",o.DISABLED,";")},rt=r=>{let{theme:e,variant:E,loading:n,colorStyles:o,backgroundColorStyles:t,borderColorStyles:a}=r;return(0,x.AH)("outline:2px solid ",e.app.colors.BORDER_ACCENT_NORMAL,";outline-offset:2px;color:",n?o.LOADING:o.FOCUSED,";background:",n?t.LOADING:t.FOCUSED,";box-shadow:inset 0 0 0 ",rE(E),"px\n ",n?a.LOADING:a.FOCUSED,";")},ra=["loading","colorStyles","backgroundColorStyles","borderColorStyles","dividerColorStyles","dropdownControllerBorderColorStyles","iconOnly"],rl=r=>!ra.includes(r)&&((0,m.A)(r)||"component"===r),rs=(0,o.A)("div",{shouldForwardProp:rl})(P(),rr,rr,r=>{let{fullWidth:e}=r;return e?"100%":"auto"},r=>{let{loading:e,backgroundColorStyles:E}=r;return e?null==E?void 0:E.LOADING:null==E?void 0:E.DEFAULT},rn,r=>{let{variant:e,loading:E,borderColorStyles:n}=r;return"".concat(rE(e),"px ").concat(E?null==n?void 0:n.LOADING:null==n?void 0:n.DEFAULT)}),rp=(0,o.A)("button",{shouldForwardProp:rl})(H(),rr,rr,re,re,r=>{let{loading:e,colorStyles:E}=r;return e?null==E?void 0:E.LOADING:null==E?void 0:E.DEFAULT},r=>{let{loading:e,backgroundColorStyles:E}=r;return e?null==E?void 0:E.LOADING:null==E?void 0:E.DEFAULT},r=>{let{size:e}=r;switch(e){case q.LARGE:return 18;case q.MEDIUM:return 16;case q.SMALL:return 14;case q.X_SMALL:return 12;default:return 14}},r=>{var e;return null==(e=r.theme)?void 0:e.app.fontWeights.medium},r=>{let{size:e}=r;switch(e){case q.LARGE:return 18;case q.MEDIUM:return 16;case q.SMALL:return 14;case q.X_SMALL:return 12;default:return 14}},r=>{let{uppercase:e}=r;return e?"uppercase":"none"},r=>{let{loading:e}=r;return e?"none":"auto"},rn,rn,r=>{let{color:e,variant:E}=r;return e===Q.BRAND&&E===$.FILLED?"0 4px 20px rgba(254,78,153,0.30), 0 2px 8px rgba(251,166,15,0.18)":"none"},r=>{let{colorStyles:e}=r;return null==e?void 0:e.HOVERED},r=>{let{backgroundColorStyles:e}=r;return null==e?void 0:e.HOVERED},r=>{let{color:e,variant:E}=r;return e===Q.BRAND&&E===$.FILLED?"brightness(1.07)":"none"},r=>{let{colorStyles:e}=r;return null==e?void 0:e.PRESSED},r=>{let{backgroundColorStyles:e}=r;return null==e?void 0:e.PRESSED},r=>{let{disabled:e}=r;return e?ro:null},r=>{let{disabled:e}=r;return e?null:rt}),rA=(0,o.A)("div",{shouldForwardProp:rl})(Y(),r=>{let{size:e,iconOnly:E}=r;if(E)switch(e){case q.LARGE:return 32;case q.MEDIUM:return 28;case q.SMALL:return 24;case q.X_SMALL:return 20}switch(e){case q.LARGE:return 28;case q.MEDIUM:return 24;case q.SMALL:return 20;case q.X_SMALL:return 16}},r=>{let{size:e,iconOnly:E}=r;if(E)switch(e){case q.LARGE:return 32;case q.MEDIUM:return 28;case q.SMALL:return 24;case q.X_SMALL:return 20}switch(e){case q.LARGE:return 28;case q.MEDIUM:return 24;case q.SMALL:return 20;case q.X_SMALL:return 16}}),rc=(0,o.A)("div",{shouldForwardProp:rl})(z()),ri=(0,o.A)("button",{shouldForwardProp:rl})(j(),r=>{let{loading:e,colorStyles:E}=r;return e?null==E?void 0:E.LOADING:null==E?void 0:E.DEFAULT},r=>{let{borderColorStyles:e}=r;return null==e?void 0:e.DEFAULT}

1,rn,rn,r=>{let{colorStyles:e}=r;return null==e?void 0:e.HOVERED},r=>{let{backgroundColorStyles:e}=r;return null==e?void 0:e.HOVERED},r=>{let{colorStyles:e}=r;return null==e?void 0:e.PRESSED},r=>{let{backgroundColorStyles:e}=r;return null==e?void 0:e.PRESSED},r=>{let{disabled:e}=r;return e?ro:null},r=>{let{disabled:e}=r;return e?null:rt}),rD=(0,o.A)("div",{shouldForwardProp:rl})(J(),r=>{let{theme:e}=r;return null==e?void 0:e.app.colors.BG_WHITE}),rR=(0,s.forwardRef)(function(r,e){let{loading:E,...o}=r,{variant:t=$.FILLED,color:a=Q.BRAND,size:l=q.MEDIUM,icon:p,iconLeft:A,iconRight:c,text:i,loadingText:D,children:R,iconWrapperProps:T,dropdownNode:_,onClick:N,onRightBtnClick:u=b.A,hideDropdown:L,dropdownBtnContent:d,btnProps:S,dropdownToggleBtnProps:O,dropdownContainerProps:B,...h}=o,I=(0,G.o)(),C=(0,s.useRef)(null),U=(0,s.useRef)(null),f=(r=>{let{variant:e,color:E,theme:n}=r;if(e===$.OUTLINED)return{[Z.DEFAULT]:"transparent",[Z.HOVERED]:"transparent",[Z.PRESSED]:"transparent",[Z.LOADING]:"transparent",[Z.FOCUSED]:"transparent",[Z.DISABLED]:"transparent"};if(e===$.TRANSPARENT)switch(E){case Q.BRAND:return{[Z.DEFAULT]:"transparent",[Z.HOVERED]:n.app.colors.BG_BRAND_WEAKEST,[Z.PRESSED]:n.app.colors.BG_BRAND_WEAKER,[Z.LOADING]:"transparent",[Z.FOCUSED]:n.app.colors.BG_BRAND_WEAKEST,[Z.DISABLED]:"transparent"};case Q.ACCENT:return{[Z.DEFAULT]:"transparent",[Z.HOVERED]:n.app.colors.BG_ACCENT_WEAKEST,[Z.PRESSED]:n.app.colors.BG_ACCENT_WEAKER,[Z.LOADING]:"transparent",[Z.FOCUSED]:n.app.colors.BG_ACCENT_WEAKEST,[Z.DISABLED]:"transparent"};case Q.NEGATIVE:return{[Z.DEFAULT]:"transparent",[Z.HOVERED]:n.app.colors.BG_NEGATIVE_WEAKEST,[Z.PRESSED]:n.app.colors.BG_NEGATIVE_WEAKER,[Z.LOADING]:"transparent",[Z.FOCUSED]:n.app.colors.BG_NEGATIVE_WEAKEST,[Z.DISABLED]:"transparent"};case Q.NEUTRAL:default:return{[Z.DEFAULT]:"transparent",[Z.HOVERED]:n.app.colors.BG_NEUTRAL_WEAKEST,[Z.PRESSED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.LOADING]:"transparent",[Z.FOCUSED]:n.app.colors.BG_NEUTRAL_WEAKEST,[Z.DISABLED]:"transparent"}}switch(E){case Q.BRAND:return{[Z.DEFAULT]:"linear-gradient(135deg, #E85A8A 0%, #E8845A 50%, #F5A623 100%)",[Z.HOVERED]:"linear-gradient(135deg, #D44A7A 0%, #D4744A 50%, #E09613 100%)",[Z.PRESSED]:"linear-gradient(135deg, #D44A7A 0%, #D4744A 50%, #E09613 100%)",[Z.LOADING]:n.app.colors.BG_BRAND_WEAKEST,[Z.FOCUSED]:"linear-gradient(135deg, #E85A8A 0%, #E8845A 50%, #F5A623 100%)",[Z.DISABLED]:n.app.colors.BG_BRAND_WEAKER};case Q.ACCENT:return{[Z.DEFAULT]:n.app.colors.BG_ACCENT_STRONG,[Z.HOVERED]:n.app.colors.BG_ACCENT_NORMAL,[Z.PRESSED]:n.app.colors.BG_ACCENT_STRONGER,[Z.LOADING]:n.app.colors.BG_ACCENT_WEAKEST,[Z.FOCUSED]:n.app.colors.BG_ACCENT_STRONGER,[Z.DISABLED]:n.app.colors.BG_ACCENT_WEAKER};case Q.NEGATIVE:return{[Z.DEFAULT]:n.app.colors.BG_NEGATIVE_NORMAL,[Z.HOVERED]:n.app.colors.BG_NEGATIVE_WEAK,[Z.PRESSED]:n.app.colors.BG_NEGATIVE_STRONG,[Z.LOADING]:n.app.colors.BG_NEGATIVE_WEAKER,[Z.FOCUSED]:n.app.colors.BG_NEGATIVE_STRONGER,[Z.DISABLED]:n.app.colors.BG_NEGATIVE_WEAKER};case Q.NEUTRAL:return{[Z.DEFAULT]:n.app.colors.BG_NEUTRAL_WEAKER,[Z.HOVERED]:n.app.colors.BG_NEUTRAL_WEAKEST,[Z.PRESSED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.LOADING]:n.app.colors.BG_NEUTRAL_WEAKER,[Z.FOCUSED]:n.app.colors.BG_NEUTRAL_WEAKEST,[Z.DISABLED]:n.app.colors.BG_NEUTRAL_WEAKER};case Q.BRAND_INVERTED:case Q.NEGATIVE_INVERTED:return{[Z.DEFAULT]:n.app.colors.BG_SURFACE,[Z.HOVERED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.PRESSED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.LOADING]:n.app.colors.BG_NEUTRAL_NORMAL,[Z.FOCUSED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.DISABLED]:n.app.colors.BG_NEUTRAL_NORMAL};case Q.NEUTRAL_INVERTED:return{[Z.DEFAULT]:n.app.colors.BG_NEUTRAL_WEAK,[Z.HOVERED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.PRESSED]:n.app.colors.BG_NEUTRAL_NORMAL,[Z.LOADING]:n.app.colors.BG_NEUTRAL_NORMAL,[Z.FOCUSED]:n.app.colors.BG_NEUTRAL_WEAK,[Z.DISABLED]:n.app.colors.BG_NEUTRAL_NORMAL};default:return{[Z.DEFAULT]:n.app.colors.BG_BRAND_STRONG,[Z.HOVERED]:n.app.colors.BG_BRAND_NORMAL,[Z.PRESSED]:n.app.colors.BG_BRAND_STRONGER,[Z.LOADING]:n.app.colors.BG_BRAND_WEAKEST,[Z.FOCUSED]:n.app.colors.BG_BRAND_STRONGER,[Z.DISABLED]:n.app.colors.BG_BRAND_WEAKER}}})({variant:t,color:a,theme:I}),g=(r=>{let{variant:e,color:E,theme:n}=r;if(e===$.FILLED)if(E===Q.NEUTRAL)return{[Z.DEFAULT]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.PRESSED]:n.app.colors.TEXT_NEUTRAL_WEAK,[Z.LOADING]:n.app.colors.TEXT_NEUTRAL_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.DISABLED]:n.app.colors.TEXT_NEUTRAL_WEAKEST};else return{[Z.DEFAULT]:n.app.colors.TEXT_INVERTED,[Z.HOVERED]:n.app.colors.TEXT_INVERTED,[Z.PRESSED]:n.app.colors.TEXT_INVERTED,[Z.LOADING]:n.app.colors.TEXT_INVERTED,[Z.FOCUSED]:n.app.colors.TEXT_INVERTED,[Z.DISABLED]:n.app.colors.TEXT_INVERTED};if(e===$.OUTLINED)switch(E){case Q.BRAND:return{[Z.DEFAULT]:n.app.colors.TEXT_BRAND_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_BRAND_WEAK,[Z.PRESSED]:n.app.colors.TEXT_BRAND_STRONG,[Z.LOADING]:n.app.colors.TEXT_BRAND_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_BRAND_WEAK,[Z.DISABLED]:n.app.colors.TEXT_BRAND_WEAKEST};case Q.ACCENT:return{[Z.DEFAULT]:n.app.colors.TEXT_ACCENT_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_ACCENT_WEAK,[Z.PRESSED]:n.app.colors.TEXT_ACCENT_STRONG,[Z.LOADING]:n.app.colors.TEXT_ACCENT_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_ACCENT_WEAK,[Z.DISABLED]:n.app.colors.TEXT_ACCENT_WEAKEST};case Q.NEGATIVE:return{[Z.DEFAULT]:n.app.colors.TEXT_NEGATIVE_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_NEGATIVE_WEAK,[Z.PRESSED]:n.app.colors.TEXT_NEGATIVE_STRONG,[Z.LOADING]:n.app.colors.TEXT_NEGATIVE_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_NEGATIVE_WEAK,[Z.DISABLED]:n.app.colors.TEXT_NEGATIVE_WEAKEST};case Q.NEUTRAL:default:return{[Z.DEFAULT]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_NEUTRAL_WEAK,[Z.PRESSED]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.LOADING]:n.app.colors.TEXT_NEUTRAL_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_NEUTRAL_WEAK,[Z.DISABLED]:n.app.colors.TEXT_NEUTRAL_WEAKEST}}if(e===$.TRANSPARENT)switch(E){case Q.BRAND:return{[Z.DEFAULT]:n.app.colors.TEXT_BRAND_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_BRAND_NORMAL,[Z.PRESSED]:n.app.colors.TEXT_BRAND_STRONG,[Z.LOADING]:n.app.colors.TEXT_BRAND_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_BRAND_NORMAL,[Z.DISABLED]:n.app.colors.TEXT_BRAND_WEAKEST};case Q.ACCENT:return{[Z.DEFAULT]:n.app.colors.TEXT_ACCENT_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_ACCENT_NORMAL,[Z.PRESSED]:n.app.colors.TEXT_ACCENT_STRONG,[Z.LOADING]:n.app.colors.TEXT_ACCENT_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_ACCENT_NORMAL,[Z.DISABLED]:n.app.colors.TEXT_ACCENT_WEAKEST};case Q.NEGATIVE:return{[Z.DEFAULT]:n.app.colors.TEXT_NEGATIVE_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_NEGATIVE_NORMAL,[Z.PRESSED]:n.app.colors.TEXT_NEGATIVE_STRONG,[Z.LOADING]:n.app.colors.TEXT_NEGATIVE_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_NEGATIVE_NORMAL,[Z.DISABLED]:n.app.colors.TEXT_NEGATIVE_WEAKEST};case Q.NEUTRAL:}return{[Z.DEFAULT]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.HOVERED]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.PRESSED]:n.app.colors.TEXT_NEUTRAL_STRONG,[Z.LOADING]:n.app.colors.TEXT_NEUTRAL_WEAKEST,[Z.FOCUSED]:n.app.colors.TEXT_NEUTRAL_NORMAL,[Z.DISABLED]:n.app.colors.TEXT_NEUTRAL_WEAKEST}})({variant:t,color:a,theme:I}),k=(r=>{let{variant:e,color:E,theme:n}=r;if(e===$.OUTLINED)switch(E){case Q.BRAND:return{[Z.DEFAULT]:n.app.colors.BORDER_BRAND_NORMAL,[Z.HOVERED]:n.app.colors.BORDER_BRAND_WEAK,[Z.PRESSED]:n.app.colors.BORDER_BRAND_STRONG,[Z.LOADING]:n.app.colors.BORDER_BRAND_WEAKEST,[Z.FOCUSED]:n.app.colors.BORDER_BRAND_WEAK,[Z.DISABLED]:n.app.colors.BORDER_BRAND_WEAKEST};case Q.ACCENT:return{[Z.DEFAULT]:n.app.colors.BORDER_ACCENT_NORMAL,[Z.HOVERED]:n.app.colors.BORDER_ACCENT_WEAK,[Z.PRESSED]:n.app.colors.BORDER_ACCENT_STRONG,[Z.LOADING]:n.app.colors.BORDER_ACCENT_WEAKEST,[Z.FOCUSED]:n.app.colors.BORDER_ACCENT_WEAK,[Z.DISABLED]:n.app.colors.BORDER_ACCENT_WEAKEST};case Q.NEGATIVE:return{[Z.DEFAULT]:n.app.colors.BORDER_NEGATIVE_NORMAL,[Z.HOVERED]:n.app.colors.BORDER_NEGATIVE_WEAK,[Z.PRESSED]:n.app.colors.BORDER_NEGATIVE_STRONG,[Z.LOADING]:n.app.colors.BORDER_NEGATIVE_WEAKEST,[Z.FOCUSED]:n.app.colors.BORDER_NEGATIVE_WEAK,[Z.DISABLED]:n.app.colors.BORDER_NEGATIVE_WEAKEST};case Q.NEUTRAL:default:return{[Z.DEFAULT]:n.app.colors.BORDER_NEUTRAL_WEAK,[Z.HOVERED]:n.app.colors.BORDER_NEUTRAL_WEAK,[Z.PRESSED]:n.app.colors.BORDER_NEUTRAL_NORMAL,[Z.LOADING]:n.app.colors.BORDER_NEUTRAL_WEAKEST,[Z.FOCUSED]:n.app.colors.BORDER_NEUTRAL_WEAK,[Z.DISABLED]:n.app.colors.BORDER_NEUTRAL_WEAKEST}}return{[Z.DEFAULT]:"transparent",[Z.HOVERED]:"transparent",[Z.PRESSED]:"transparent",[Z.LOADING]:"transparent",[Z.FOCUSED]:"transparent",[Z.DISABLED]:"transparent"}})({variant:t,color:a,theme:I}),K=(r=>{let{color:e,theme:E}=r;switch(e){case Q.BRAND:return{[Z.DEFAULT]:E.app.colors.BORDER_BRAND_WEAK,[Z.HOVERED]:E.app.colors.BORDER_BRAND_WEAK,[Z.PRESSED]:E.app.colors.BORDER_BRAND_WEAK,[Z.LOADING]:E.app.colors.BORDER_BRAND_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_BRAND_WEAK,[Z.DISABLED]:E.app.colors.BORDER_BRAND_WEAKEST};case Q.ACCENT:return{[Z.DEFAULT]:E.app.colors.BORDER_ACCENT_WEAK,[Z.HOVERED]:E.app.colors.BORDER_ACCENT_WEAK,[Z.PRESSED]:E.app.colors.BORDER_ACCENT_WEAK,[Z.LOADING]:E.app.colors.BORDER_ACCENT_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_ACCENT_WEAK,[Z.DISABLED]:E.app.colors.BORDER_ACCENT_WEAKEST};case Q.NEGATIVE:return{[Z.DEFAULT]:E.app.colors.BORDER_NEGATIVE_WEAK,[Z.HOVERED]:E.app.colors.BORDER_NEGATIVE_WEAK,[Z.PRESSED]:E.app.colors.BORDER_NEGATIVE_WEAK,[Z.LOADING]:E.app.colors.BORDER_NEGATIVE_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_NEGATIVE_WEAK,[Z.DISABLED]:E.app.colors.BORDER_NEGATIVE_WEAKEST};case Q.NEUTRAL:default:return{[Z.DEFAULT]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.HOVERED]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.PRESSED]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.LOADING]:E.app.colors.BORDER_NEUTRAL_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.DISABLED]:E.app.colors.BORDER_NEUTRAL_WEAKEST}}})({color:a,theme:I}),y=(r=>{let{color:e,theme:E}=r,n=E.app.colors;switch(e){case Q.BRAND:var o,t;return{[Z.DEFAULT]:null!=(t=null==(o=n.green)?void 0:o[80])?t:E.app.c

1olors.BORDER_BRAND_NORMAL,[Z.HOVERED]:E.app.colors.BORDER_BRAND_NORMAL,[Z.PRESSED]:E.app.colors.BORDER_BRAND_STRONG,[Z.LOADING]:E.app.colors.BORDER_BRAND_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_BRAND_WEAK,[Z.DISABLED]:E.app.colors.BORDER_BRAND_WEAKEST};case Q.ACCENT:return{[Z.DEFAULT]:E.app.colors.BORDER_ACCENT_NORMAL,[Z.HOVERED]:E.app.colors.BORDER_ACCENT_WEAK,[Z.PRESSED]:E.app.colors.BORDER_ACCENT_STRONG,[Z.LOADING]:E.app.colors.BORDER_ACCENT_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_ACCENT_WEAK,[Z.DISABLED]:E.app.colors.BORDER_ACCENT_WEAKEST};case Q.NEGATIVE:return{[Z.DEFAULT]:E.app.colors.BORDER_NEGATIVE_NORMAL,[Z.HOVERED]:E.app.colors.BORDER_NEGATIVE_WEAK,[Z.PRESSED]:E.app.colors.BORDER_NEGATIVE_STRONG,[Z.LOADING]:E.app.colors.BORDER_NEGATIVE_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_NEGATIVE_WEAK,[Z.DISABLED]:E.app.colors.BORDER_NEGATIVE_WEAKEST};case Q.NEUTRAL:default:return{[Z.DEFAULT]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.HOVERED]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.PRESSED]:E.app.colors.BORDER_NEUTRAL_NORMAL,[Z.LOADING]:E.app.colors.BORDER_NEUTRAL_WEAKEST,[Z.FOCUSED]:E.app.colors.BORDER_NEUTRAL_WEAK,[Z.DISABLED]:E.app.colors.BORDER_NEUTRAL_WEAKEST}}})({color:a,theme:I}),W=!!p&&!i&&!R,F=!!A,v=!!c,M=(r=>{switch(r){case q.LARGE:return 8;case q.MEDIUM:return 6;case q.SMALL:case q.X_SMALL:default:return 4}})(l),V=(r=>{switch(r){case q.LARGE:return 8;case q.MEDIUM:return 6;case q.SMALL:case q.X_SMALL:default:return 4}})(l),m=(r=>{let{size:e,iconOnly:E}=r;if(E)switch(e){case q.LARGE:return 32;case q.MEDIUM:return 28;case q.SMALL:return 24;case q.X_SMALL:return 20}switch(e){case q.LARGE:return 28;case q.MEDIUM:return 24;case q.SMALL:return 20;case q.X_SMALL:return 16}})({size:l,iconOnly:W}),x=null;x=W?(0,n.Y)(rA,{size:l,iconOnly:W,loading:E,...T,children:E?(0,n.Y)(X.A,{className:"animate-spin",size:m,color:null==g?void 0:g.DEFAULT}):p}):E?D||(W||F||v?R||i||null:(0,n.Y)(X.A,{className:"animate-spin",size:m,color:null==g?void 0:g.DEFAULT})):R||i||null;let P=F?M:v?V:2,H=v?M:F?V:2;return(0,n.FD)(rs,{ref:e,size:l,color:a,variant:t,loading:E,iconOnly:W,colorStyles:g,borderColorStyles:k,backgroundColorStyles:f,...h,children:[(0,n.FD)(rp,{size:l,color:a,variant:t,loading:E,iconOnly:W,colorStyles:g,borderColorStyles:k,backgroundColorStyles:f,onClick:N,...S,children:[F&&(0,n.Y)(rA,{size:l,iconOnly:W,loading:E,...T,children:E?(0,n.Y)(X.A,{className:"animate-spin",size:m,color:null==g?void 0:g.DEFAULT}):A}),(0,n.Y)("div",{style:{paddingLeft:"".concat(P,"px"),paddingRight:"".concat(H,"px")},children:x}),v&&(0,n.Y)(rA,{size:l,iconOnly:W,loading:E,...T,children:E?(0,n.Y)(X.A,{className:"animate-spin",size:m,color:null==g?void 0:g.DEFAULT}):c})]}),L?null:(0,n.FD)(n.FK,{children:[(0,n.Y)(rc,{dividerColorStyles:K}),(0,n.Y)(ri,{ref:C,size:l,loading:E,borderColorStyles:y,colorStyles:g,backgroundColorStyles:f,onClick:u,...O,children:d||(0,n.Y)(rA,{size:l,iconOnly:!0,...T,children:(0,n.Y)(w.A,{})})})]}),_?(0,n.Y)(rD,{ref:U,...B,children:_}):null]})});rR.VARIANTS=$,rR.COLORS=Q,rR.SIZES=q,rR.displayName="Button";let rT=rR;var r_=E(70102),rN=E(30863),ru=E(64536);let rL=r=>{var e;let{children:E,minHeight:o=200,...t}=r,a=(0,G.o)(),l=(0,s.useRef)(null),p=(0,s.useRef)(null),A=(0,s.useRef)({}),c=(0,s.useRef)({}),i=null!=(e=null==E?void 0:E.length)?e:0,[D,R]=(0,s.useState)(o),T=(0,s.useCallback)(r=>A.current[r]?A.current[r]:40,[]),_=(0,s.useCallback)(r=>{let e=c.current[r];if(e){let n=e.getBoundingClientRect().height;if(n!==A.current[r]){var E;A.current[r]=n,null==(E=p.current)||E.resetAfterIndex(r)}}},[]),u=(0,s.useCallback)(r=>{let{index:e,style:o}=r;return(0,n.Y)("div",{ref:r=>{c.current[e]=r,_(e)},style:{...o,height:"auto"},children:E[e]})},[E,_]);return((0,s.useEffect)(()=>{if(!l.current)return;let r=()=>{R(l.current.getBoundingClientRect().height)};return r(),window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[]),(0,s.useEffect)(()=>{var r;A.current={},null==(r=p.current)||r.resetAfterIndex(0)},[E]),(0,ru.A)(E))?(0,n.Y)(rd,{ref:l,...t,children:(0,n.Y)(rS,{"data-height":D,style:{height:D},children:(0,n.Y)(rN._m,{ref:p,height:D,itemCount:i,itemSize:T,width:"100%",overscanCount:5,children:u})})}):(0,n.Y)("div",{children:(0,n.Y)(N.kM,{style:{color:a.app.colors.TEXT_NEUTRAL_WEAK},children:"A list of elements should be provided as children"})})},rd=(0,o.A)("div",{target:"eymhepo0"})("width:100%;height:100%;"),rS=(0,o.A)("div",{target:"eymhepo1"})("width:100%;overflow-y:auto;"),rO=["Brewing…","Orchestrating…","Concocting…","Simmering…","Crystallizing…","Percolating…","Hatching…"],rB=["Brewing…","Orchestrating…","Concocting…","Simmering…","Crystallizing…","Percolating…","Hatching…"],rh=Math.max(rO.length,1),rI=Math.max(rB.length,1),rC=Math.max(1,Math.floor(8e3/rh)),rU=Math.max(1,Math.floor(2e4/rI));[...rO.map(r=>({text:r,duration:rC})),...rB.map(r=>({text:r,duration:rU}))]},47781:r=>{r.exports=JSON.parse('{"fr":60,"h":500,"ip":0,"layers":[{"ind":4,"ty":4,"parent":3,"ks":{},"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"el","p":{"a":0,"k":[18,18]},"s":{"a":0,"k":[36,36]}},{"ty":"fl","c":{"a":0,"k":[0.212,0.702,0.494]},"o":{"a":0,"k":100}}]},{"ind":3,"ty":3,"parent":2,"ks":{"a":{"a":0,"k":[18,18]},"p":{"a":0,"k":[18,120]},"r":{"a":0,"k":90}},"ip":0,"op":120.4,"st":0},{"ind":6,"ty":4,"parent":5,"ks":{},"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"el","p":{"a":0,"k":[18,18]},"s":{"a":0,"k":[36,36]}},{"ty":"fl","c":{"a":0,"k":[0.004,0.557,0.733]},"o":{"a":0,"k":100}}]},{"ind":5,"ty":3,"parent":2,"ks":{"a":{"a":0,"k":[18,18]},"p":{"a":0,"k":[222,120]},"r":{"a":0,"k":90}},"ip":0,"op":120.4,"st":0},{"ind":8,"ty":4,"parent":7,"ks":{},"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"el","p":{"a":0,"k":[18,18]},"s":{"a":0,"k":[36,36]}},{"ty":"fl","c":{"a":0,"k":[0.941,0.694,0.204]},"o":{"a":0,"k":100}}]},{"ind":7,"ty":3,"parent":2,"ks":{"p":{"a":0,"k":[101,204]}},"ip":0,"op":120.4,"st":0},{"ind":10,"ty":4,"parent":9,"ks":{},"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"el","p":{"a":0,"k":[18,18]},"s":{"a":0,"k":[36,36]}},{"ty":"fl","c":{"a":0,"k":[0.686,0.49,0.678]},"o":{"a":0,"k":100}}]},{"ind":9,"ty":3,"parent":2,"ks":{"p":{"a":0,"k":[102,0]}},"ip":0,"op":120.4,"st":0},{"ind":12,"ty":4,"parent":11,"ks":{},"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[102,102]},"r":{"a":0,"k":0},"s":{"a":0,"k":[208,208]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[102,102]},"s":{"a":0,"k":[204,204]}},{"ty":"st","c":{"a":0,"k":[0.929,0.929,0.929]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":4}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":11,"ty":3,"parent":2,"ks":{"p":{"a":0,"k":[18,18]}},"ip":0,"op":120.4,"st":0},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[120,120]},"p":{"a":0,"k":[250,250]},"r":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.002,"y":0.997},"o":{"x":0.502,"y":0}},{"t":119.4,"s":[360],"h":1}]}},"ip":0,"op":120.4,"st":0},{"ind":14,"ty":4,"parent":13,"ks":{},"ef":[{"ty":25,"ef":[{"ty":2,"nm":"Shadow Color","v":{"a":0,"k":[0,0,0]}},{"ty":0,"nm":"Opacity","v":{"a":0,"k":10}},{"ty":1,"nm":"Direction","v":{"a":0,"k":180}},{"ty":0,"nm":"Distance","v":{"a":0,"k":4}},{"ty":0,"nm":"Softness","v":{"a":0,"k":22}}]}],"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[168,168]},"r":{"a":0,"k":0},"s":{"a":0,"k":[388,388]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[168,168]},"s":{"a":0,"k":[336,336]}},{"ty":"fl","c":{"a":0,"k":[1,1,1]},"o":{"a":0,"k":100}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":13,"ty":3,"parent":1,"ks":{"p":{"a":0,"k":[82,82]}},"ip":0,"op":120.4,"st":0},{"ind":16,"ty":4,"parent":15,"ks":{},"ip":0,"op":120.4,"st":0,"shapes":[{"ty":"el","p":{"a":0,"k":[250,250]},"s":{"a":0,"k":[500,500]}},{"ty":"fl","c":{"a":0,"k":[0.965,0.965,0.965]},"o":{"a":0,"k":100}}]},{"ind":15,"ty":3,"parent":1,"ks":{},"ip":0,"op":120.4,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":120.4,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":120.4,"st":0}

1],"meta":{"g":"https://jitter.video"},"op":119.4,"v":"5.7.4","w":500}')},70102:(r,e,E)=>{E.d(e,{A:()=>t});var n=E(86201);let o=(0,E(10225).i7)("0%{background-position:200% 0;}100%{background-position:-200% 0;}"),t=r=>{let{className:e,...E}=r;return(0,n.Y)("div",{...E,className:e,style:{backgroundColor:"#f5f5f5",background:"linear-gradient(-30deg, #fafafa 40%, #ffffff 50%, #fafafa 60%)",backgroundSize:"300%",animation:"".concat(o," 1s linear infinite"),...E.style}})}}}]);