(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55959,9651,29901,75312,87266,72351,82084,33998,15559,94403,86060,34530,29579,8378,72427],{314750:function(e,t,n){"use strict";n.d(t,{W:function(){return l.SearchThick}});var l=n(475312)},230700:function(e,t,n){"use strict";n.d(t,{l:function(){return l.TogglePlus}});var l=n(87266)},609651:function(e,t,n){"use strict";n.r(t),n.d(t,{CircleAdd:function(){return r}});var l=n(552322);let r=(0,n(164448).defineIcon)({className:"circleAdd",viewBox:"0 0 15 14",svg:(0,l.jsx)("path",{d:"M7 0.25C3.27344 0.25 0.25 3.27344 0.25 7C0.25 10.7266 3.27344 13.75 7 13.75C10.7266 13.75 13.75 10.7266 13.75 7C13.75 3.27344 10.7266 0.25 7 0.25ZM10.6562 7.84375H7.84375V10.6562H6.15625V7.84375H3.34375V6.15625H6.15625V3.34375H7.84375V6.15625H10.6562V7.84375Z",fill:"currentColor"})})},229901:function(e,t,n){"use strict";n.r(t),n.d(t,{CircleRemove:function(){return r}});var l=n(552322);let r=(0,n(164448).defineIcon)({className:"circleRemove",viewBox:"0 0 16 16",svg:(0,l.jsx)("path",{d:"M8 0.5C3.85938 0.5 0.5 3.85938 0.5 8C0.5 12.1406 3.85938 15.5 8 15.5C12.1406 15.5 15.5 12.1406 15.5 8C15.5 3.85938 12.1406 0.5 8 0.5ZM12.0625 8.9375H3.9375V7.0625H12.0625V8.9375Z",fill:"#32302C"})})},475312:function(e,t,n){"use strict";n.r(t),n.d(t,{SearchThick:function(){return r}});var l=n(552322);let r=(0,n(164448).defineIcon)({className:"searchNew",viewBox:"0 0 17 17",svg:(0,l.jsx)("path",{d:"M6.78027 13.6729C8.24805 13.6729 9.60156 13.1982 10.709 12.4072L14.875 16.5732C15.0684 16.7666 15.3232 16.8633 15.5957 16.8633C16.167 16.8633 16.5713 16.4238 16.5713 15.8613C16.5713 15.5977 16.4834 15.3516 16.29 15.1582L12.1504 11.0098C13.0205 9.86719 13.5391 8.45215 13.5391 6.91406C13.5391 3.19629 10.498 0.155273 6.78027 0.155273C3.0625 0.155273 0.0214844 3.19629 0.0214844 6.91406C0.0214844 10.6318 3.0625 13.6729 6.78027 13.6729ZM6.78027 12.2139C3.87988 12.2139 1.48047 9.81445 1.48047 6.91406C1.48047 4.01367 3.87988 1.61426 6.78027 1.61426C9.68066 1.61426 12.0801 4.01367 12.0801 6.91406C12.0801 9.81445 9.68066 12.2139 6.78027 12.2139Z"})})},87266:function(e,t,n){"use strict";n.r(t),n.d(t,{TogglePlus:function(){return r}});var l=n(552322);let r=(0,n(164448).defineIcon)({className:"togglePlus",viewBox:"0 0 14 14",svg:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 0C7.55228 0 8 0.447715 8 1V6H13C13.5523 6 14 6.44772 14 7C14 7.55228 13.5523 8 13 8H8V13C8 13.5523 7.55228 14 7 14C6.44771 14 6 13.5523 6 13V8H1C0.447715 8 0 7.55228 0 7C0 6.44772 0.447715 6 1 6H6V1C6 0.447715 6.44772 0 7 0Z",fill:"currentColor"})})},654725:function(e,t,n){"use strict";n.d(t,{F2:function(){return C},fn:function(){return w},aq:function(){return N},f6:function(){return P}});var l=n(552322),r=n(202784),o=n(183428),a=n(944046),i=n(246569),s=n(603131),c=n(641544),u=n(966573),d=n(530202),f=n(334801),p=n(525043);let m=(0,r.createContext)({open:!1,selectedOptionId:null,onClose:()=>{},registerListbox:()=>{},unregisterListbox:()=>{}});m.displayName="AutocompleteContext";var g=n(240926),h=n(331528);function _(e){return e.getAttribute("label")??e.textContent??""}let v={open:!1,userInputValue:"",displayValue:"",listbox:(0,g.Ay)(null),selectedOption:(0,g.Ay)(null)};function x(e,t){var n,l;let{type:r,payload:o}=t;switch(r){case"BLUR_INPUT":case"PRESS_ESCAPE_KEY":return{...e,open:!1};case"CLEAR_INPUT":return{...e,displayValue:""};case"CLICK_INPUT":case"OPEN_LISTBOX":return{...e,open:!0};case"CLICK_OPTION":return{...e,open:!1,displayValue:_(o.option)};case"CLOSE_LISTBOX":return{...e,open:!1,selectedOption:null};case"INPUT_CHANGE":return{...e,open:!0,displayValue:o.value};case"PRESS_ARROW_KEY":return function(e,t){let{payload:n}=t;if(!e.open&&(n.altKey||e.selectedOption))return{...e,open:!0};let l=function(e,t){var n;let{direction:l}=t.payload,r=Array.from((null==(n=e.listbox)?void 0:n.querySelectorAll('[role="option"]'))??[]),o=r.findIndex(t=>{var n;return t.id===(null===(n=e.selectedOption)||void 0===n?void 0:n.id)});if(o<0){let[e]=r,t=r[r.length-1];return"down"===l?e:t}let a=o>=r.length-1;if(o<1&&"up"===l||a&&"down"===l)return null;let i=(0,h.zW)(o+("down"===l?1:-1),r.length);return r[i]}(e,t),r=l?_(l):e.userInputValue;return{...e,open:!0,selectedOption:l,displayValue:r}}(e,t);case"REGISTER_LISTBOX":return{...e,listbox:o.listbox??e.listbox};case"UNREGISTER_LISTBOX":return{...e,listbox:(null===(n=e.listbox)||void 0===n?void 0:n.id)!==o.id?e.listbox:null};case"UPDATE_VALUE_PROP":let a=(0,({string:e=>e,number:e=>e.toString(),object:e=>Array.isArray(e)?e[0]:"",undefined:()=>""})[typeof(l=o.value??o.defaultValue)])(l);return{...e,userInputValue:a,displayValue:a}}}let C=(0,r.forwardRef)(function(e,t){let{after:n,role:g="combobox","aria-autocomplete":h="list","aria-controls":_,"aria-expanded":C=!1,"aria-activedescendant":b,closeButtonHidden:y,children:j,...w}=e,N=(0,r.useRef)(null),P=(0,f.q)(t,N),A=(0,o.YB)(),[M,k]=(0,r.useReducer)(x,v),{open:S,selectedOption:E,displayValue:T,listbox:B}=M,R=(0,r.useMemo)(()=>(0,d.P)(B),[B]);(0,r.useEffect)(()=>{k({type:"UPDATE_VALUE_PROP",payload:{value:w.value,defaultValue:w.defaultValue}})},[k,w.value,w.defaultValue]),(0,r.useEffect)(()=>{var e;null==E||null===(e=E.scrollIntoView)||void 0===e||e.call(E,{block:"nearest"})},[E]);let I=(0,r.useCallback)(()=>{k({type:"CLOSE_LISTBOX"})},[k]),L=(0,r.useCallback)(()=>{k({type:"CLEAR_INPUT"});let e=N.current;e&&(e.focus(),(0,u.vd)(e,""),e.dispatchEvent(new Event("change",{bubbles:!0})))},[k]),O=(0,r.useCallback)(e=>{k({type:"REGISTER_LISTBOX",payload:{listbox:(null==R?void 0:R.getElementById(e))??null}})},[R,k]),H=(0,r.useCallback)(e=>{k({type:"UNREGISTER_LISTBOX",payload:{id:e}})},[k]),V=(0,r.useCallback)(e=>{let t=e.currentTarget.contains(e.relatedTarget),n=N.current;!t&&n&&k({type:"BLUR_INPUT"})},[k]),z=(0,r.useCallback)(e=>{let t=N.current;if(!t)return;if(e.target===t){k({type:"CLICK_INPUT"});return}let n=B&&function(e,t){let n=e.target.closest('[role="option"]');return t.contains(n)?n:null}(e,B);n&&k({type:"CLICK_OPTION",payload:{option:n}})},[B,k]),G=(0,r.useCallback)((e,t)=>{e.preventDefault(),k({type:"PRESS_ARROW_KEY",payload:{direction:t,altKey:e.altKey}})},[k]),U=(0,r.useCallback)(e=>{let t=N.current;e.target===t&&E&&(e.preventDefault(),E.click())},[E]),D=(0,r.useCallback)(e=>{S&&e.stopPropagation(),k({type:"PRESS_ESCAPE_KEY"})},[S,k]),Z=(0,r.useCallback)(e=>{let t={ArrowDown:()=>G(e,"down"),ArrowUp:()=>G(e,"up"),Enter:U,Esc:D,Escape:D}[e.key];null==t||t(e)},[G,U,D]),$=(0,r.useCallback)(e=>{if(!B)return;let t=e.target;B.contains(t)&&e.preventDefault()},[B]),K=(0,r.useCallback)(e=>{let t=N.current;e.target===t&&k({type:"INPUT_CHANGE",payload:{value:t.value}})},[k]),F=(0,r.useMemo)(()=>({open:S,selectedOptionId:(null==E?void 0:E.id)??null,onClose:I,registerListbox:O,unregisterListbox:H}),[S,E,I,O,H]),W=b||(null==E?void 0:E.id);return(0,l.jsx)("div",{className:p.eventDelegationContainer,onBlur:V,onClick:z,onKeyDown:Z,onMouseDown:$,onChange:K,children:(0,l.jsx)(i.I,{...w,value:T,after:(0,l.jsxs)(a.o,{children:[(0,l.jsx)(a.h,{tabIndex:-1,hidden:!T||y,onClick:L,title:A.formatMessage({id:"components.autocomplete.clearButton.label",description:"Default label for the clear button on an Autocomplete element",defaultMessage:"Clear"}),children:(0,l.jsx)(s.x,{})},"clearButton"),n]}),role:g,"aria-autocomplete":h,"aria-controls":(0,c.r)(null==B?void 0:B.id,_),"aria-expanded":C||S,"aria-activedescendant":W??void 0,ref:P,children:(0,l.jsx)(m.Provider,{value:F,children:j})})})});var b=n(72779),y=n.n(b),j=n(469301);let w=(0,r.forwardRef)(function(e,t){let{role:n="listbox",id:o,hidden:a,className:i,...s}=e,{open:c,registerListbox:u,unregisterListbox:d}=(0,r.useContext)(m),f=(0,j.Z)(o);return(0,r.useEffect)(()=>(u(f),()=>{d(f)}),[f,u,d]),(0,l.jsx)("ul",{...s,hidden:!c||a,role:n,id:f,className:y()(p.listbox,i),ref:t})}),N=(0,r.forwardRef)(function(e,t){let{role:n="option",type:o="button",tabIndex:a=-1,id:i,className:s,before:c,after:u,children:d,"aria-selected":f,...g}=e,h=(0,j.Z)(i),{selectedOptionId:_}=(0,r.useContext)(m),v=h===_;return(0,l.jsx)("li",{role:"none",children:(0,l.jsxs)("button",{...g,role:n,type:o,tabIndex:a,id:h,className:y()(p.option,{[p.selected]:v},s),"aria-selected":v||f,ref:t,children:[c?(0,l.jsx)("span",{className:p.before,children:c}):null,d,u?(0,l.jsx)("span",{className:p.after,children:u}):null]})})}),P=(0,r.forwardRef)(function(e,t){let{role:n="group",label:r,className:o,children:a,"aria-labelledby":i,...s}=e,u=(0,j.Z)();return(0,l.jsxs)("ul",{...s,role:n,className:y()(p.optionGroup,o),"aria-labelledby":(0,c.r)(u,i),ref:t,children:[(0,l.jsx)("li",{"aria-hidden":!0,id:u,className:p.optionGroupLabel,children:r}),a]})})},406791:function(e,t,n){"use strict";n.d(t,{h:function(){return p}});var l=n(552322),r=n(72779),o=n.n(r),a=n(202784),i=n(641544),s=n(240926);function c(e){let[t]=e;return t}function u(e){let[t,n]=e;return(0,s.lm)(n)?n:t}var d=n(469301),f=n(64672);let p=(0,a.forwardRef)(function(e,t){let{title:n,type:r="button",size:a="medium",shape:p="rectangular",edge:m="target",className:g,children:h,"aria-labelledby":_,...v}=e,x=(0,d.Z)(),C=(0,i.r)(x,_),{right:b,top:y}=function(e){let t=e.split(" ");return{top:c(t),right:u(t),bottom:function(e){let[,,t]=e;return(0,s.lm)(t)?t:c(e)}(t),left:function(e){let[,,,t]=e;return(0,s.lm)(t)?t:u(e)}(t)}}(m);return(0,l.jsxs)("button",{...v,title:n,type:r,"aria-labelledby":C,className:o()(f.button,{[f.sizeSmall]:"small"===a,[f.sizeMedium]:"medium"===a,[f.shapeCircular]:"circular"===p,[f.shapeRectangular]:"rectangular"===p,[f.edgeVerticalBackground]:"background"===y,[f.edgeHorizontal]:"target"!==b,[f.edgeHorizontalBackground]:"background"===b},g),ref:t,children:[h,(0,l.jsx)("span",{hidden:!0,id:x,className:f.title,children:n}),(0,l.jsx)("span",{"aria-hidden":!0,className:f.focusRing})]})})},258449:function(e,t,n){"use strict";n.d(t,{o:function(){return s}});var l=n(552322),r=n(72779),o=n.n(r),a=n(202784),i=n(64672);let s=(0,a.forwardRef)(function(e,t){let{role:n="group",className:r,children:a,...s}=e;return(0,l.jsx)("div",{...s,role:n,className:o()(i.group,r),ref:t,children:a})})},944046:function(e,t,n){"use strict";n.d(t,{h:function(){return l.h},o:function(){return r.o}});var l=n(406791),r=n(258449)},246569:function(e,t,n){"use strict";n.d(t,{I:function(){return f}});var l=n(552322),r=n(202784),o=n(72779),a=n.n(o),i=n(240926),s=n(764304),c=n(70123),u=n(199701),d=n(134704);let f=(0,r.forwardRef)(function(e,t){let{size:n="medium",before:o,after:f,className:p,classes:m={},children:g,...h}=e,_=(0,c.z)(d,m),[v,x]=(0,r.useState)(null),[C,b]=(0,r.useState)(null),{inlineSize:y=0}=(0,u.I)(v)??{},{inlineSize:j=0}=(0,u.I)(C)??{};return(0,l.jsxs)("div",{style:{[(0,i.Ay)("--before-width")]:`${(0,s.Q1)(y)}rem`,[(0,i.Ay)("--after-width")]:`${(0,s.Q1)(j)}rem`},className:a()(_.root,{[_.sizeMedium]:"medium"===n,[_.sizeLarge]:"large"===n,[_.hasBefore]:!!o,[_.hasAfter]:!!f}),children:[o?(0,l.jsx)("span",{className:_.before,ref:x,children:o},"before"):null,(0,r.createElement)("input",{...h,key:"input",className:a()(_.input,p),ref:t}),f?(0,l.jsx)("span",{className:_.after,ref:b,children:f},"after"):null,g]})})},323271:function(e,t,n){"use strict";n.d(t,{A:function(){return y}});var l=n(552322),r=n(72779),o=n.n(r),a=n(582273),i=n(471042),s=n(5939),c=n(527964),u=n(838232),d=n(30297),f=n(772769),p=n(152706),m=n(997197);function g(){let[e,t]=(0,d.UK)(h,[]),n="pending"===e.status||e.value;return(0,l.jsx)("div",{className:m.previewModeAlert,children:(0,l.jsx)(p.z,{isFullWidth:!0,variant:"tertiary",onClick:t,children:n?"Hold on...":"End preview"})})}async function h(){return await fetch(`${f.kL.frontApi}/endPreview`),window.location.reload(),!0}var _=n(573291),v=n(308992),x=n(557639),C=n(741463),b=n(810579);function y(e){let{children:t,title:n,metadata:r,hideHeader:d,hideNavItems:f,hideFooter:p,headerCTA:m="tryFree",hideNotificationBanner:h,preview:y,hideGoogleOneTap:j,isRefresh:w,theme:N,pageNav:P,hideBackgroundOnLoad:A=!1,favicon:M,className:k,hideRequestDemoCTA:S,hideLoginCTA:E,customCTA:T,_forceTopNavExperiment:B}=e,R=(0,v.y)(),{firstOpenNotification:I}=(0,x.z)({localeNotificationType:R});return(0,l.jsxs)(C.f6,{global:!0,value:N,children:[(0,l.jsx)(u.S,{title:n,metadata:r,favicon:M}),(0,l.jsxs)(a.h,{children:[!d&&(0,l.jsx)(c.h,{hideNavItems:f,headerCTA:m||"emailSignup",notification:h?void 0:I,hasPageNav:!!P,hideBackgroundOnLoad:A,hideRequestDemoCTA:S,hideLoginCTA:E,customCTA:T,hideGoogleOneTap:j,_forceTopNavExperiment:B}),P,(0,l.jsx)("main",{className:o()({[b.main]:!w,[b.mainRefresh]:w},k),children:t}),(0,l.jsx)(_.S,{}),y&&(0,l.jsx)(g,{}),!p&&(0,l.jsx)(s.$,{})]}),(0,l.jsx)(i.z,{})]})}},966573:function(e,t,n){"use strict";n.d(t,{Rb:function(){return u},hB:function(){return i},vT:function(){return c},vd:function(){return o},xO:function(){return r},yA:function(){return a}});var l=n(977446);function r(e,t){if(t.length<1)return[];let n=t.map(e=>`[id="${e}"]`).join(", ");return Array.from(e.querySelectorAll(n))}function o(e,t){let n=Object.getOwnPropertyDescriptor(e,"value"),l=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),"value"),{set:r}=n??{},{set:o}=l??{};if(o&&r!==o)o.call(e,t);else if(r)r.call(e,t);else throw Error("The given element does not have a value setter")}function a(e){let{currentTarget:t,target:n,bubbles:l,cancelable:r,defaultPrevented:o,eventPhase:a,isTrusted:i,timeStamp:s,type:c}=e,u=function(e){let{preventDefault:t}=e,n=!1;return{isDefaultPrevented:()=>n,preventDefault:()=>{n=!0,t()}}}(e);return{...function(e){let{stopPropagation:t}=e,n=!1;return{isPropagationStopped:()=>n,stopPropagation:()=>{n=!0,t()}}}(e),...u,type:c,nativeEvent:e,bubbles:l,cancelable:r,defaultPrevented:o,eventPhase:a,isTrusted:i,timeStamp:s,currentTarget:t,target:n,persist:()=>{}}}function i(e){let t=Array.from(e.elements).find(e=>e.validity&&!e.validity.valid);null==t||t.focus()}let s=l.Ryn({nodeType:l.i0J(1),tagName:l.Z_8()});function c(e){return l.is(s,e)}function u(e,t){return l.is(function(e){let t=e.toUpperCase();return l.Ryn({...s.entries,tagName:l.zGw(l.Z_8(),l.vs(e=>e===t))})}(t),e)}},331528:function(e,t,n){"use strict";function l(e,t){return(e%t+t)%t}function r(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.01;return Math.abs(e-t)<=n}n.d(t,{yU:function(){return r},zW:function(){return l}}),n(575409)},70123:function(e,t,n){"use strict";n.d(t,{z:function(){return o}});var l=n(72779),r=n.n(l);function o(e,t){let n={...e};return Object.entries(t).forEach(t=>{let[l,o]=t;if("string"==typeof o){let t=e[l];n[l]=r()(t,o)}}),n}},686982:function(e,t,n){"use strict";function l(e,t){return`/${e.toLowerCase()}/front-api/og-image/templates${t?`/${t}`:""}`}function r(e,t){return`/${e.toLowerCase()}/front-api/og-image/templates/category${t?`/${t}`:""}`}function o(e,t){return`/${e.toLowerCase()}/front-api/og-image/templates/creators${t?`/${t}`:""}`}function a(e,t){return`/${e.toLowerCase()}/front-api/og-image/templates/collection${t?`/${t}`:""}`}n.d(t,{Ok:function(){return a},Sh:function(){return o},dl:function(){return l},xv:function(){return r}}),n(183428),n(433327),n(762375)},530202:function(e,t,n){"use strict";function l(e){return(null==e?void 0:e.ownerDocument)??("undefined"!=typeof document?document:null)}n.d(t,{P:function(){return l}})},572811:function(e,t,n){"use strict";n.d(t,{r:function(){return r}});var l=n(202784);function r(e){return(0,l.useMemo)(()=>e,Object.entries(e).flat())}},199701:function(e,t,n){"use strict";n.d(t,{I:function(){return i}});var l=n(202784),r=n(278338),o=n(572811),a=n(905880);function i(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"border-box",[i,s]=(0,l.useState)(void 0),[c,u]=(0,l.useState)(!1);t=(0,l.useCallback)(()=>u(!0),[]),(0,l.useEffect)(()=>{let e="undefined"!=typeof document?document:void 0;if(!e)return;let n=!1;return(async()=>{if(!n)try{let l=await e.fonts.ready;if(n)return;t(l)}catch{return}})(),()=>{n=!0}},[t]);let d=function(e){let t=(0,r.eV)(e);return`${t}Size`}(n),f=(0,l.useCallback)(t=>{let n=t.filter(t=>t.target===e);if(n.length<=0)return;let[l]=n[n.length-1][d];s(l)},[e,d]),p=(0,o.r)({box:n});return(0,a.y)(c?e:null,f,p),i}},334801:function(e,t,n){"use strict";n.d(t,{q:function(){return r}});var l=n(202784);function r(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,l.useMemo)(()=>(function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return e=>{t.forEach(t=>{!function(e,t){if(null!=e){if("function"==typeof e){e(t);return}try{e.current=t}catch(n){throw Error(`Cannot assign value '${t}' to ref '${e}'`)}}}(t,e)})}})(...t),t)}},905880:function(e,t,n){"use strict";let l,r;n.d(t,{y:function(){return c}});var o=n(202784),a=n(240926),i=n(572811),s=n(595609);function c(e,t,n){var c;let u,d;let f=(0,o.useRef)((l=l??new Map,r=r??(c=l,u=!1,d=(0,a.Ay)([]),new ResizeObserver((e,t)=>{d=d.concat(e),u||(u=!0,window.requestAnimationFrame(()=>{let e=new Set;[...d].reverse().filter(t=>{let n=e.has(t.target);return e.add(t.target),!n}).forEach(e=>{let n=c.get(e.target);null==n||n.forEach(n=>{n([e],t)})}),d=[],u=!1}))})),{subscribe:(e,t,n)=>{r.observe(e,n);let o=[...l.get(e)??[],t];l.set(e,o)},unsubscribe:(e,t)=>{let n=l.get(e)??[],o=n.findIndex(e=>e===t),a=n.filter((e,t)=>t!==o);if(a.length<1){r.unobserve(e),l.delete(e);return}l.set(e,a)}})),p=(0,i.r)(n??{});(0,s.L)(()=>{let n=f.current;if(n&&e)return n.subscribe(e,t,p),()=>{n.unsubscribe(e,t)}},[e,t,p])}},810740:function(e,t,n){"use strict";n.d(t,{A:function(){return E}});var l=n(552322),r=n(202784),o=n(282445),a=n(183428),i=n(387430),s=n(609651),c=n(229901),u=n(128443),d=n(152706),f=n(409230),p=n(24832),m=n(518119),g=n(440150),h=n(509020),_=n(323271),v=n(938101),x=n(153310),C=n(663893),b=n(546478),y=n(875362),j=n(149370),w=n(643281),N=n(762375),P=n(686982),A=n(596465),M=n(961268),k=n(719154),S=n(886584);function E(e){let{preview:t,featuredCollections:n,popularCollections:E,templateCollections:T,totalCreatorCount:B,featuredCreators:R,featuredTemplateCategories:I,totalCollectionsCount:L,relatedGuides:O}=e,H=(0,M.b)(),V=(0,a.YB)();(0,k.b)("template-collection");let[z,G]=(0,r.useState)(!1),U=z?n:n.slice(0,4);return(0,l.jsxs)(_.A,{title:V.formatMessage({id:"templates.collection.pageTitle",defaultMessage:"{localizedNotion} Template Marketplace — Collections",description:"Title for the collections page"},{localizedNotion:(0,N.w)(H)}),metadata:{image:(0,P.Ok)(H)},preview:t,pageNav:(0,l.jsx)(b.A,{categories:I}),favicon:(0,j.a)(),hideNotificationBanner:!0,children:[(0,l.jsxs)("div",{className:S.hero,children:[(0,l.jsx)("div",{className:S.heroImage,children:(0,l.jsx)(h.E,{src:i.Z.pages.templates.collectionHeroBackgroundPng,width:240,height:168,alt:"",loading:"eager",priority:!0})}),(0,l.jsxs)("div",{className:S.heroText,children:[(0,l.jsx)(g.X,{level:1,variant:"sans-900-bold",children:(0,l.jsx)(a._H,{id:"templates.collection.title",defaultMessage:"Collections",description:"Title for the collections page"})}),(0,l.jsx)(y.Z,{variant:"sans-200-medium",children:(0,l.jsx)(a._H,{id:"templates.collection.description",defaultMessage:"Templates that work well together. Curated by Notion to cover all areas of your life and work.",description:"Description for the collection page"})})]})]}),n.length>0&&(0,l.jsxs)(x.lx,{heading:V.formatMessage({id:"templateCollectionHomePage.featuredCollections",defaultMessage:"Featured",description:"Featured collections of templates"}),children:[(0,l.jsx)(f.r,{children:U.map(e=>{let{slug:t,author:n,avatar:r,images:a}=e,i=a.map(t=>({src:t,width:o.Sv.image.width/3,height:o.Sv.image.height/3,alt:V.formatMessage({id:"templates.collection.imageAlt",defaultMessage:"Screenshot of {collectionName} collection by {author}",description:"Alt text for collection images"},{collectionName:e.heading,author:n})}));return(0,l.jsx)(p.P,{span:6,children:(0,l.jsx)(x.S2,{...e,images:i,mobileImages:i,avatar:(0,l.jsx)(u.q,{src:r,children:n})})},t)})}),n.length>4&&(z?(0,l.jsxs)(d.z,{className:S.expandButton,isFullWidth:!1,variant:"simple",onClick:()=>{G(e=>!e)},children:[(0,l.jsx)(y.Z,{variant:"sans-200-bold",children:(0,l.jsx)(c.CircleRemove,{style:{width:14,height:14}})}),(0,l.jsx)(y.Z,{variant:"sans-200-bold",children:(0,l.jsx)(a._H,{id:"templateCollectionHome.featuredCollectionsGrid.close",defaultMessage:"{count} less",description:"Template collection home featured collections grid close",values:{count:n.length-4}})})]}):(0,l.jsxs)(d.z,{className:S.expandButton,variant:"simple",onClick:()=>{G(e=>!e)},children:[(0,l.jsx)(y.Z,{variant:"sans-200-bold",children:(0,l.jsx)(s.CircleAdd,{style:{width:14,height:14}})}),(0,l.jsx)(y.Z,{variant:"sans-200-bold",children:(0,l.jsx)(a._H,{id:"templateCollectionHome.featuredCollectionsGrid.expand",defaultMessage:"{count} more",description:"Template collection home featured collections grid expand",values:{count:n.length-4}})})]}))]}),E.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(v.L,{height:24}),(0,l.jsx)(x.lx,{heading:V.formatMessage({id:"templateCollectionHomePage.popularCollections",defaultMessage:"Most popular",description:"Popular collections of templates"}),children:(0,l.jsx)(f.r,{children:E.map(e=>{let{slug:t,author:n,avatar:r,images:a}=e,i=a.map(t=>({src:t,width:o.Sv.image.width/3,height:o.Sv.image.height/3,alt:V.formatMessage({id:"templates.collection.imageAlt",defaultMessage:"Screenshot of {collectionName} collection by {author}",description:"Alt text for collection images"},{collectionName:e.heading,author:n})}));return(0,l.jsx)(p.P,{span:6,children:(0,l.jsx)(x.S2,{...e,images:i,mobileImages:i,avatar:(0,l.jsx)(u.q,{src:r,children:n})})},t)})})})]}),T.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(v.L,{height:24}),(0,l.jsx)(x.lx,{heading:V.formatMessage({id:"templateCollectionHomePage.allCollections",defaultMessage:"All Collections",description:"Popular collections of templates"}),link:{text:V.formatMessage({id:"templateCollectionHomePage.browseCollections",defaultMessage:"View all {totalCollections} collections",description:"Browse all collections of templates"},{totalCollections:L.toLocaleString()}),href:(0,A.I7)({page:1,orderBy:"newest"}),analyticsMeta:{eventName:"template_gallery_block_more_click",eventData:{label:"collections"}}},children:(0,l.jsx)(f.r,{children:T.map(e=>{let{slug:t}=e;return(0,l.jsx)(p.P,{children:(0,l.jsx)(C.o,{collection:e})},t)})})})]}),(0,l.jsx)(v.L,{height:24}),(0,l.jsx)(x.lx,{heading:V.formatMessage({id:"templateCollectionHomePage.featuredCreators",defaultMessage:"Featured creators",description:"Featured creators of templates"}),link:{text:V.formatMessage({id:"templateCollectionHomePage.browseCreators",defaultMessage:"Browse {totalCreatorCount} creators",description:"Browse all creators of templates"},{totalCreatorCount:B}),href:(0,A.tw)(),analyticsMeta:{eventName:"template_gallery_block_more_click",eventData:{label:"creators"}}},children:(0,l.jsx)(f.r,{children:R.slice(0,4).map(e=>(0,l.jsx)(p.P,{span:3,children:(0,l.jsx)(x.Mr,{...e})},e.title))})}),(0,l.jsx)(x.lx,{heading:V.formatMessage({id:"templateCollectionHomePage.relatedGuides",defaultMessage:"Related Guides",description:"Related guides for template collections"}),link:{text:V.formatMessage({id:"templateCollectionHomePage.visitHelpCenter",defaultMessage:"Visit Help Center",description:"Visit the help center for more information"}),href:(0,w.Ic)(),analyticsMeta:{eventName:"template_gallery_block_more_click",eventData:{label:"help_center"}}},children:(0,l.jsx)(f.r,{children:O.map(e=>e&&(0,l.jsx)(p.P,{span:4,children:(0,l.jsx)(m.F,{guideFields:e.fields,hideSubtitle:!0})},e.fields.slug))})}),(0,l.jsx)(x.BH,{})]})}},525043:function(e){e.exports={eventDelegationContainer:"autocomplete_eventDelegationContainer___ZChF",listbox:"autocomplete_listbox__1h57i",option:"autocomplete_option__todR_",selected:"autocomplete_selected__fAVHQ",before:"autocomplete_before__BzbFm",after:"autocomplete_after__IO5U5",optionGroup:"autocomplete_optionGroup__KXVrm",optionGroupLabel:"autocomplete_optionGroupLabel__uAewX"}},64672:function(e){e.exports={button:"iconButton_button__sCCG7",sizeSmall:"iconButton_sizeSmall___ikXV",sizeMedium:"iconButton_sizeMedium__tkYeo",group:"iconButton_group__KfvJp",edgeHorizontal:"iconButton_edgeHorizontal__yJOWK",edgeVerticalBackground:"iconButton_edgeVerticalBackground__Sw1Lt",edgeHorizontalBackground:"iconButton_edgeHorizontalBackground__9wzwW",focusRing:"iconButton_focusRing__PQe1f",shapeRectangular:"iconButton_shapeRectangular__yyL1i",shapeCircular:"iconButton_shapeCircular__BEHVS",title:"iconButton_title__fJBsV"}},134704:function(e){e.exports={root:"input_root__sj8RO",sizeMedium:"input_sizeMedium__Y3knn",sizeLarge:"input_sizeLarge__ObHrl",hasBefore:"input_hasBefore__VWVp9",hasAfter:"input_hasAfter__zhGrc",input:"input_input__PoidJ",before:"input_before__3w5qd",after:"input_after__MsoSh"}},810579:function(e){e.exports={main:"layout_main__E4cY1",mainRefresh:"layout_mainRefresh__8U1_l"}},997197:function(e){e.exports={previewModeAlert:"previewModeAlert_previewModeAlert__zrcfx"}},886584:function(e){e.exports={hero:"TemplateGalleryCollectionPage_hero__Zv6Wx",heroText:"TemplateGalleryCollectionPage_heroText__09Qyi",heroImage:"TemplateGalleryCollectionPage_heroImage__Yn0_e",filterContainer:"TemplateGalleryCollectionPage_filterContainer___rAEe",creatorCount:"TemplateGalleryCollectionPage_creatorCount__7mLXJ",paginationWrap:"TemplateGalleryCollectionPage_paginationWrap__0a99U",expandButton:"TemplateGalleryCollectionPage_expandButton__MCZkN"}},205632:function(e,t,n){e.exports=n(309351)}}]);