(self.webpackChunkextendify=self.webpackChunkextendify||[]).push([[788],{1984:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(9307);const i=(0,r.forwardRef)((function({icon:e,size:t=24,...n},i){return(0,r.cloneElement)(e,{width:t,height:t,...n,ref:i})}))},1470:(e,t,n)=>{"use strict";var r=n(9196),i=n.n(r),s=n(9307),o=n(8817),a=n(5736),l=n(1984),u=n(6993);const c=(0,r.createElement)("svg",{fill:"none",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("path",{clipRule:"evenodd",d:"m13.505 4h3.3044c.936 0 1.2747.10161 1.6171.29127.3424.19042.6102.46965.7934.82489.1831.356.2801.70824.2801 1.6814v3.43584c0 .9731-.0977 1.3254-.2801 1.6814-.1832.356-.4517.6344-.7934.8248-.153.0852-.3057.1552-.5112.2054v2.7344c0 1.503-.151 2.047-.4327 2.5968-.2828.5498-.6976.9799-1.2252 1.274-.5288.294-1.052.4498-2.4975.4498h-5.10341c-1.44549 0-1.96869-.1569-2.49747-.4498-.52878-.2941-.94242-.7254-1.22526-1.274-.28284-.5487-.43376-1.0938-.43376-2.5968v-5.3051c0-1.50301.15092-2.04701.43264-2.59682.28284-.54981.6976-.98106 1.22638-1.27514.52767-.29293 1.05198-.44985 2.49747-.44985h2.18511c.041-.44652.1265-.69015.2522-.93557.1832-.356.4517-.63523.7941-.82565.3417-.18966.6812-.29127 1.6171-.29127zm-1.6984 2.18698c0-.63769.4973-1.15464 1.1106-1.15464h4.4793c.6133 0 1.1106.51695 1.1106 1.15464v4.65692c0 .6377-.4973 1.1547-1.1106 1.1547h-4.4793c-.6133 0-1.1106-.517-1.1106-1.1547z",fill:"currentColor",fillRule:"evenodd"}));var d=n(270),h=n(782);const p=e=>({open:!1,setOpen:t=>e({open:t}),missingCSSVars:[],addMissingCSSVar:t=>e((e=>e.missingCSSVars.includes(t)?e:{missingCSSVars:[...e.missingCSSVars,t]}))}),m=(0,d.Ue)((0,h.mW)(p,{name:"Extendify Library Globals"}),p),f=()=>{const{setOpen:e}=m(),{incrementActivity:t}=(0,u.j)();return(0,r.createElement)("div",{role:"button",onClick:()=>{window.dispatchEvent(new CustomEvent("extendify-hc:minimize")),e(!0),t("library-button-click")},className:"components-button has-icon is-primary h-8 min-w-0 cursor-pointer px-1 xs:h-9 xs:pl-2 xs:pr-3 sm:ml-2"},(0,r.createElement)(l.Z,{icon:c,size:24}),(0,r.createElement)("span",{className:"ml-1 hidden xs:inline"},(0,a.__)("Design Library","extendify-local")))};var v=n(9818),g=n(7887),y=n(3773),w=n(6989),b=n.n(w),E=n(7403);const x="/extendify/v1/library/settings",S={getItem:async()=>await b()({path:x}),setItem:async(e,t)=>await b()({path:x,method:"POST",data:{state:t}})},T={siteType:{},category:"",totalImports:0},P=(0,E.a)(window.extLibraryData.siteInfo),C=(0,d.Ue)((0,h.tJ)((e=>{var t,n,r;return{...T,...null!==(t=P?.state)&&void 0!==t?t:{},siteType:null!==(n=null!==(r=window.extSharedData?.siteType)&&void 0!==r?r:P.siteType)&&void 0!==n?n:{},setSiteType:async t=>{e({siteType:t}),await b()({path:`${x}/single`,method:"POST",data:{key:"siteType",value:t}})},setCategory:t=>e({category:t}),incrementImports:()=>e((e=>({totalImports:Number(e.totalImports)+1})))}}),{name:"extendify_library_site_data",storage:(0,h.FL)((()=>S)),skipHydration:!0})),A={getItem:async()=>await b()({path:"/wp/v2/users/me"}),setItem:async(e,t)=>await b()({path:"/wp/v2/users/me",method:"PUT",data:{extendify_library_user:t}})},k=(0,d.Ue)((0,h.tJ)(((e,t)=>{var n;return{openOnNewPage:!0,updateUserOption:(n,r)=>{Object.keys(t()).includes(n)&&e({[n]:r})},...null!==(n=(0,E.a)(window.extLibraryData.userInfo)?.state)&&void 0!==n?n:{}}}),{name:"extendify_library_user",storage:(0,h.FL)((()=>A)),partialize:e=>({...e,ready:!1}),skipHydration:!0})),R={"--wp--preset--spacing--30":"clamp(1.5rem, 5vw, 2rem)","--wp--preset--spacing--40":"clamp(1.8rem, 1.8rem + ((1vw - 0.48rem) * 2.885), 3rem)","--wp--preset--spacing--50":"clamp(2.5rem, 8vw, 4rem)","--wp--preset--spacing--60":"clamp(2.5rem, 8vw, 6rem)","--wp--preset--spacing--70":"clamp(3.75rem, 10vw, 7rem)","--wp--preset--spacing--80":"clamp(5rem, 5.25rem + ((1vw - 0.48rem) * 9.096), 8rem)"};var V=n(5609),O=(Object.defineProperty,new Map),D=new WeakMap,L=0;function M(e,t,n={},r=undefined){if(void 0===window.IntersectionObserver&&void 0!==r){const i=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}const{id:i,observer:s,elements:o}=function(e){const t=function(e){return Object.keys(e).sort().filter((t=>void 0!==e[t])).map((t=>{return`${t}_${"root"===t?(n=e.root,n?(D.has(n)||(L+=1,D.set(n,L.toString())),D.get(n)):"0"):e[t]}`;var n})).toString()}(e);let n=O.get(t);if(!n){const r=new Map;let i;const s=new IntersectionObserver((t=>{t.forEach((t=>{var n;const s=t.isIntersecting&&i.some((e=>t.intersectionRatio>=e));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),null==(n=r.get(t.target))||n.forEach((e=>{e(s,t)}))}))}),e);i=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:s,elements:r},O.set(t,n)}return n}(n),a=o.get(e)||[];return o.has(e)||o.set(e,a),a.push(t),s.observe(e),function(){a.splice(a.indexOf(t),1),0===a.length&&(o.delete(e),s.unobserve(e)),0===o.size&&(s.disconnect(),O.delete(i))}}function F(){return F=Object.assign||function(e){for(var t=1;t{this.reCalculateColumnCount()}))):this.reCalculateColumnCount()}reCalculateColumnCount(){const e=window&&window.innerWidth||1/0;let t=this.props.breakpointCols;"object"!=typeof t&&(t={default:parseInt(t)||2});let n=1/0,r=t.default||2;for(let i in t){const s=parseInt(i);s>0&&e<=s&&si().createElement("div",F({},a,{key:t}),e)))}logDeprecated(e){console.error("[Masonry]",e)}render(){const e=this.props,{children:t,breakpointCols:n,columnClassName:r,columnAttrs:s,column:o,className:a}=e,l=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},s=Object.keys(e);for(r=0;r=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}(e,["children","breakpointCols","columnClassName","columnAttrs","column","className"]);let u=a;return"string"!=typeof a&&(this.logDeprecated('The property "className" requires a string'),void 0===a&&(u="my-masonry-grid")),i().createElement("div",F({},l,{className:u}),this.renderColumns())}}_.defaultProps={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0};const B=_;var U=n(1688),$=n(46);const z=r.use||(e=>{if("pending"===e.status)throw e;if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:(e.status="pending",e.then((t=>{e.status="fulfilled",e.value=t}),(t=>{e.status="rejected",e.reason=t})),e)}),W={dedupe:!0};$.$l.defineProperty($.J$,"defaultValue",{value:$.u_});const H=(0,$.s6)(((e,t,n)=>{const{cache:i,compare:s,suspense:o,fallbackData:a,revalidateOnMount:l,revalidateIfStale:u,refreshInterval:c,refreshWhenHidden:d,refreshWhenOffline:h,keepPreviousData:p}=n,[m,f,v,g]=$.DY.get(i),[y,w]=(0,$.qC)(e),b=(0,r.useRef)(!1),E=(0,r.useRef)(!1),x=(0,r.useRef)(y),S=(0,r.useRef)(t),T=(0,r.useRef)(n),P=()=>T.current,C=()=>P().isVisible()&&P().isOnline(),[A,k,R,V]=(0,$.JN)(i,y),O=(0,r.useRef)({}).current,D=(0,$.o8)(a)?n.fallback[y]:a,L=(e,t)=>{for(const n in O){const r=n;if("data"===r){if(!s(e[r],t[r])){if(!(0,$.o8)(e[r]))return!1;if(!s(Y,t[r]))return!1}}else if(t[r]!==e[r])return!1}return!0},M=(0,r.useMemo)((()=>{const e=!!y&&!!t&&((0,$.o8)(l)?!P().isPaused()&&!o&&(!!(0,$.o8)(u)||u):l),n=t=>{const n=(0,$.PM)(t);return delete n._k,e?{isValidating:!0,isLoading:!0,...n}:n},r=A(),i=V(),s=n(r),a=r===i?s:n(i);let c=s;return[()=>{const e=n(A());return L(e,c)?(c.data=e.data,c.isLoading=e.isLoading,c.isValidating=e.isValidating,c.error=e.error,c):(c=e,e)},()=>a]}),[i,y]),F=(0,U.useSyncExternalStore)((0,r.useCallback)((e=>R(y,((t,n)=>{L(n,t)||e()}))),[i,y]),M[0],M[1]),j=!b.current,N=m[y]&&m[y].length>0,I=F.data,_=(0,$.o8)(I)?D:I,B=F.error,H=(0,r.useRef)(_),Y=p?(0,$.o8)(I)?H.current:I:_,q=!(N&&!(0,$.o8)(B))&&(j&&!(0,$.o8)(l)?l:!P().isPaused()&&(o?!(0,$.o8)(_)&&u:(0,$.o8)(_)||u)),K=!!(y&&t&&j&&q),Z=(0,$.o8)(F.isValidating)?K:F.isValidating,G=(0,$.o8)(F.isLoading)?K:F.isLoading,X=(0,r.useCallback)((async e=>{const t=S.current;if(!y||!t||E.current||P().isPaused())return!1;let r,i,o=!0;const a=e||{},l=!v[y]||!a.dedupe,u=()=>$.w6?!E.current&&y===x.current&&b.current:y===x.current,c={isValidating:!1,isLoading:!1},d=()=>{k(c)},h=()=>{const e=v[y];e&&e[1]===i&&delete v[y]},p={isValidating:!0};(0,$.o8)(A().data)&&(p.isLoading=!0);try{if(l&&(k(p),n.loadingTimeout&&(0,$.o8)(A().data)&&setTimeout((()=>{o&&u()&&P().onLoadingSlow(y,n)}),n.loadingTimeout),v[y]=[t(w),(0,$.u3)()]),[r,i]=v[y],r=await r,l&&setTimeout(h,n.dedupingInterval),!v[y]||v[y][1]!==i)return l&&u()&&P().onDiscarded(y),!1;c.error=$.i_;const e=f[y];if(!(0,$.o8)(e)&&(i<=e[0]||i<=e[1]||0===e[1]))return d(),l&&u()&&P().onDiscarded(y),!1;const a=A().data;c.data=s(a,r)?a:r,l&&u()&&P().onSuccess(r,y,n)}catch(e){h();const t=P(),{shouldRetryOnError:n}=t;t.isPaused()||(c.error=e,l&&u()&&(t.onError(e,y,t),(!0===n||(0,$.mf)(n)&&n(e))&&(P().revalidateOnFocus&&P().revalidateOnReconnect&&!C()||t.onErrorRetry(e,y,t,(e=>{const t=m[y];t&&t[0]&&t[0]($.sj.ERROR_REVALIDATE_EVENT,e)}),{retryCount:(a.retryCount||0)+1,dedupe:!0}))))}return o=!1,d(),!0}),[y,i]),J=(0,r.useCallback)(((...e)=>(0,$.BN)(i,x.current,...e)),[]);if((0,$.LI)((()=>{S.current=t,T.current=n,(0,$.o8)(I)||(H.current=I)})),(0,$.LI)((()=>{if(!y)return;const e=X.bind($.i_,W);let t=0;const n=(0,$.ko)(y,m,((n,r={})=>{if(n==$.sj.FOCUS_EVENT){const n=Date.now();P().revalidateOnFocus&&n>t&&C()&&(t=n+P().focusThrottleInterval,e())}else if(n==$.sj.RECONNECT_EVENT)P().revalidateOnReconnect&&C()&&e();else{if(n==$.sj.MUTATE_EVENT)return X();if(n==$.sj.ERROR_REVALIDATE_EVENT)return X(r)}}));return E.current=!1,x.current=y,b.current=!0,k({_k:w}),q&&((0,$.o8)(_)||$.W6?e():(0,$.kw)(e)),()=>{E.current=!0,n()}}),[y]),(0,$.LI)((()=>{let e;function t(){const t=(0,$.mf)(c)?c(A().data):c;t&&-1!==e&&(e=setTimeout(n,t))}function n(){A().error||!d&&!P().isVisible()||!h&&!P().isOnline()?t():X(W).then(t)}return t(),()=>{e&&(clearTimeout(e),e=-1)}}),[c,d,h,y]),(0,r.useDebugValue)(Y),o&&(0,$.o8)(_)&&y){if(!$.w6&&$.W6)throw new Error("Fallback data is required when using suspense in SSR.");S.current=t,T.current=n,E.current=!1;const e=g[y];if(!(0,$.o8)(e)){const t=J(e);z(t)}if(!(0,$.o8)(B))throw B;{const e=X(W);(0,$.o8)(Y)||(e.status="fulfilled",e.value=!0),z(e)}}return{mutate:J,get data(){return O.data=!0,Y},get error(){return O.error=!0,B},get isValidating(){return O.isValidating=!0,Z},get isLoading(){return O.isLoading=!0,G}}})),Y=Promise.resolve(),q=(0,$.xD)(H,(e=>(t,n,i)=>{const s=(0,r.useRef)(!1),{cache:o,initialSize:a=1,revalidateAll:l=!1,persistSize:u=!1,revalidateFirstPage:c=!0,revalidateOnMount:d=!1,parallel:h=!1}=i,[,,,p]=$.DY.get($.Fs);let m;try{m=(e=>(0,$.qC)(e?e(0,null):null)[0])(t),m&&(m=$.UG+m)}catch(e){}const[f,v,g]=(0,$.JN)(o,m),y=(0,r.useCallback)((()=>(0,$.o8)(f()._l)?a:f()._l),[o,m,a]);(0,U.useSyncExternalStore)((0,r.useCallback)((e=>m?g(m,(()=>{e()})):()=>{}),[o,m]),y,y);const w=(0,r.useCallback)((()=>{const e=f()._l;return(0,$.o8)(e)?a:e}),[m,a]),b=(0,r.useRef)(w());(0,$.LI)((()=>{s.current?m&&v({_l:u?b.current:w()}):s.current=!0}),[m,o]);const E=d&&!s.current,x=e(m,(async e=>{const r=f()._i,s=f()._r;v({_r:$.i_});const a=[],u=w(),[d]=(0,$.JN)(o,e),m=d().data,g=[];let y=null;for(let e=0;e{if(u in p){const e=p[u];delete p[u],w=await e}else w=await n(d);v({data:w,_k:d}),a[e]=w};h?g.push(t):await t()}else a[e]=w;h||(y=w)}return h&&await Promise.all(g.map((e=>e()))),v({_i:$.i_}),a}),i),S=(0,r.useCallback)((function(e,t){const n="boolean"==typeof t?{revalidate:t}:t||{},r=!1!==n.revalidate;return m?(r&&((0,$.o8)(e)?v({_i:!0,_r:n.revalidate}):v({_i:!1,_r:n.revalidate})),arguments.length?x.mutate(e,{...n,revalidate:r}):x.mutate()):Y}),[m,o]),T=(0,r.useCallback)((e=>{if(!m)return Y;const[,n]=(0,$.JN)(o,m);let r;if((0,$.mf)(e)?r=e(w()):"number"==typeof e&&(r=e),"number"!=typeof r)return Y;n({_l:r}),b.current=r;const i=[],[s]=(0,$.JN)(o,m);let a=null;for(let e=0;efetch(e).then((e=>e.json()));var G=n(2175),X=n(4981),J=n(3967),Q=n.n(J),ee=n(2819);const te=(e,t=[])=>Array.from(t).some((t=>!!t.style&&Array.from(t.style).some((t=>t&&t.includes(e))))),ne=new WeakMap,re=({insertPattern:e,code:t})=>{const[n,i]=(0,s.useState)(!1),o=(0,s.useRef)(),l=(0,s.useMemo)((()=>(0,X.rawHandler)({HTML:ie(t)})),[t]),{ready:u}=(({container:e,onIFrameLoaded:t,ready:n,loadDelay:r})=>{const i=(()=>{const e=(0,s.useRef)(!1);return(0,s.useEffect)((()=>(e.current=!0,()=>e.current=!1))),e})(),[o,a]=(0,s.useState)(0),[l,u]=(0,s.useState)(null),[c,d]=(0,s.useState)(!1),h=(0,s.useRef)(!1),{addMissingCSSVar:p}=m(),f=(0,s.useCallback)((e=>{if(!e?.contentDocument)return;const t=getComputedStyle(e.contentDocument.documentElement),n=e.contentDocument.styleSheets;for(let r in R)t.getPropertyValue(r)||Array.from(n).filter((e=>{try{return e.cssRules}catch(e){return!1}})).some((e=>te(r,e.cssRules)))||(p(r),e.contentDocument.documentElement.style.setProperty(r,R[r]))}),[p]),v=(0,s.useCallback)((async(e,t)=>{var n;if(e.getBoundingClientRect().toprequestAnimationFrame(e))),await new Promise((e=>requestAnimationFrame(e)));for(const t of s){if(!e.contentDocument?.defaultView)return;const n=parseFloat(e.contentDocument.defaultView.getComputedStyle(t).height);t.offsetHeight,t.style.minHeight=n>500?"500px":n+"px"}e.style.setProperty("max-height","none","important"),h.current=!1}),[]);return(0,s.useEffect)((()=>{if(!n)return;const r=setTimeout((()=>{if(l)return;const n=e?.querySelector("iframe[title]");if(!n)return a((e=>e+1));u(n),requestAnimationFrame((()=>t(n,e)))}),100);return()=>clearTimeout(r)}),[l,n,o,e,t]),(0,s.useEffect)((()=>{if(d(!1),!l?.contentDocument)return;const t={attributes:!1,childList:!0,subtree:!0};requestAnimationFrame((()=>n(l,e)));const n=(0,ee.debounce)((async()=>{i.current&&!h.current&&(s.disconnect(),await v(l,e),"extendable"!==window.extSharedData.themeSlug&&await f(l,e),setTimeout((()=>d(!0)),r),i.current&&s.observe(l.contentDocument,t))}),300),s=new MutationObserver(n);return s.observe(l.contentDocument,t),()=>{n.cancel(),s?.disconnect()}}),[l,e,i,n,v,f,r]),{loading:!l,ready:c}})({container:o.current,ready:n,onIFrameLoaded:()=>{},loadDelay:50});return(0,s.useEffect)((()=>i(!0)),[]),(0,r.createElement)("button",{ref:o,type:"button","aria-label":(0,a.__)("Insert Pattern","extendify-local"),className:Q()("library-pattern relative z-10 m-0 mb-8 inline-block w-full cursor-pointer border bg-transparent p-0 focus:shadow-sm focus:outline-none focus:ring-wp focus:ring-design-main focus:ring-offset-2 focus:ring-offset-[#FAFAFA]",{"border-transparent opacity-0":!u,"border-gray-400 opacity-100":u}),onClick:()=>e(l)},(0,r.createElement)(G.BlockPreview,{blocks:l,live:!1,viewportWidth:1400,additionalStyles:[{css:'.rich-text [data-rich-text-placeholder]:after { content: "" }'}]}))},ie=e=>e.replace(/(https?:\/\/\S+\?w=\d+)/gi,"$1&q=10&auto=format,compress&fm=avif"),se=({insertPattern:e,siteType:t,category:n})=>{const{data:i,isLoading:o,setSize:l}=(e=>{const t={siteType:void 0,category:void 0,wpVersion:window.extSharedData.wpVersion,lang:window.extSharedData.wpLanguage||null,showLocalizedCopy:window.extSharedData.showLocalizedCopy||null,...e},{data:n,error:r,isLoading:i,isValidating:s,mutate:o,size:a,setSize:l}=q(((e,n)=>{if(!t.category)return null;if(n&&!n.length)return null;const r=new URLSearchParams({page:e+1});return Object.entries(t).filter((([,e])=>void 0!==e)).forEach((([e,t])=>{r.append(e,t)})),`${K.kE}/api/patterns?${r.toString()}`}),Z,{initialSize:2,revalidateFirstPage:!1,revalidateIfStale:!1,revalidateOnFocus:!1,revalidateOnReconnect:!1});return{data:n,error:r,isLoading:i,isValidating:s,mutate:o,size:a,setSize:l}})({siteType:t?.slug,category:n}),[u,c]=(0,s.useState)(!0),[d,h]=function({threshold:e,delay:t,trackVisibility:n,rootMargin:i,root:s,triggerOnce:o,skip:a,initialInView:l,fallbackInView:u,onChange:c}={}){var d;const[h,p]=r.useState(null),m=r.useRef(),[f,v]=r.useState({inView:!!l,entry:void 0});m.current=c,r.useEffect((()=>{if(a||!h)return;let r;return r=M(h,((e,t)=>{v({inView:e,entry:t}),m.current&&m.current(e,t),t.isIntersecting&&o&&r&&(r(),r=void 0)}),{root:s,rootMargin:i,threshold:e,trackVisibility:n,delay:t},u),()=>{r&&r()}}),[Array.isArray(e)?e.toString():e,h,s,i,o,a,n,u,t]);const g=null==(d=f.entry)?void 0:d.target,y=r.useRef();h||!g||o||a||y.current===g||(y.current=g,v({inView:!!l,entry:void 0}));const w=[p,f.inView,f.entry];return w.ref=w[0],w.inView=w[1],w.entry=w[2],w}(),p=i?.at(-1)?.length<9;return(0,s.useEffect)((()=>{if(o)return c(!0);const e=setTimeout((()=>{c(!1)}),750);return()=>clearTimeout(e)}),[o]),(0,s.useEffect)((()=>{h&&!o&&l((e=>e+1))}),[h,o,l]),o||!i?.length?(0,r.createElement)("div",{className:"absolute inset-0 flex flex-col items-center justify-center text-center"},(0,r.createElement)(V.Spinner,null),(0,r.createElement)("span",{className:"sr-only"},(0,a.__)("Loading Patterns...","extendify-local"))):(0,r.createElement)(r.Fragment,null,(0,r.createElement)(B,{breakpointCols:{default:3,1600:2,1e3:1,783:2,600:1},columnClassName:"",className:"relative flex w-full gap-6 p-8 pt-2"},i.map((t=>t.map((({id:t,code:n})=>(0,r.createElement)(re,{key:t,insertPattern:e,code:n})))))),u?(0,r.createElement)("div",{className:"absolute inset-0 z-0 flex flex-col items-center justify-center text-center"},(0,r.createElement)(V.Spinner,null),(0,r.createElement)("span",{className:"sr-only"},(0,a.__)("Loading Patterns...","extendify-local"))):null,u||p?null:(0,r.createElement)("div",{ref:d,className:"mb-6 mt-6 flex w-full justify-center md:mt-2"},(0,r.createElement)(V.Spinner,null),(0,r.createElement)("span",{className:"sr-only"},(0,a.__)("Loading more patterns...","extendify-local"))))};var oe=n(9870);const ae=async()=>{const e=new URLSearchParams({wpVersion:window.extSharedData.wpVersion||null,lang:window.extSharedData.wpLanguage||null});return await fetch(`${K.kE}/api/categories?${e.toString()}`).then((e=>e.json()))},le=(0,d.Ue)((0,h.tJ)((e=>({categories:[],setCategories:t=>e({categories:t})})),{name:"extendify-library-cache"})),ue=()=>{const{category:e,siteType:t,setCategory:n}=C(),{data:i,isLoading:o,errorCount:l}=(()=>{var e;const[t,n]=(0,s.useState)(0),r=null!==(e=window.extSharedData?.wpLanguage)&&void 0!==e?e:"en_US",{data:i,error:o,isLoading:a}=(0,oe.Z)(`categories-${r}`,ae,{onError:()=>n((e=>e+1)),onSuccess:()=>n(0)});return{data:i,errorCount:t>1?t:o?1:0,isLoading:a}})(),{categories:u,setCategories:c}=le();return(0,s.useEffect)((()=>{o||l||c(i)}),[i,o,c,l]),(0,s.useEffect)((()=>{const r=e=>t?.name&&document.querySelector(`#extendify-library-category-${e}`)?.focus();if(u?.length){if(e){if("all"===e)return r("all");if(u?.find((({slug:t})=>t===e)))return r(e)}n("all"),r("all")}}),[e,n,u,t?.name]),(0,r.createElement)(V.PanelBody,{title:(0,a.__)("Design Type","extendify-local"),className:"ext-type-control p-0",initialOpen:!!t?.name},(0,r.createElement)(V.PanelRow,null,(0,r.createElement)(ce,{categories:u,errorCount:l,current:e,setCurrent:n})))},ce=({categories:e,errorCount:t,current:n,setCurrent:i})=>{const s=e=>Q()("text-sm w-full text-left px-3 py-1 mb-0.5 block cursor-pointer rounded",{"bg-design-main text-design-text":n===e,"bg-transparent text-gray-900 hover:bg-gray-100":n!==e});return e?.length?(0,r.createElement)("ul",{className:"m-0 -mt-1.5 max-h-half w-full overflow-y-auto rounded-b border border-gray-300 px-1 py-2"},(0,r.createElement)("li",{className:"m-0 p-0"},(0,r.createElement)("button",{type:"button",id:"extendify-library-category-all",onClick:()=>i("all"),className:s("all")},(0,a.__)("All","extendify-local"))),e.map((({slug:e,id:t,name:n})=>(0,r.createElement)("li",{key:t,className:"m-0 p-0"},(0,r.createElement)("button",{type:"button",id:`extendify-library-category-${e}`,onClick:()=>i(e),className:s(e)},n))))):t>1?(0,r.createElement)("div",{className:"-mt-1 flex w-full flex-col items-center justify-center gap-2 border-t border-gray-300 p-2"},(0,r.createElement)("span",null,(0,a.__)("Retrying...","extendify-local")),(0,r.createElement)(V.Spinner,null)):(0,r.createElement)("div",{className:"-mt-1 flex w-full justify-center border-t border-gray-300 p-2"},(0,r.createElement)("span",{className:"sr-only"},(0,a.__)("Fetching...","extendify-local")),(0,r.createElement)(V.Spinner,null))},de=()=>{const{siteType:e,setSiteType:t}=C(),n=!!e?.name,[i,o]=(0,s.useState)(!n),[l,u]=(0,s.useState)(""),[c,d]=(0,s.useState)(""),[h,p]=(0,s.useState)(!1),{data:m,loading:f}=(e=>{const{data:t,error:n}=(0,oe.Z)(e||"cold-boot",(async()=>{const{wpLanguage:t}=window.extSharedData,n=performance.now(),r=new URL(`${K.kE}/api/site-types`);e&&r.searchParams.append("search",e),e||r.searchParams.append("boot","true"),t&&r.searchParams.append("lang",t);const i=await fetch(r.toString(),{headers:{"Content-Type":"application/json"}});if(!e)return;if(!i.ok)throw new Error("Bad response from server");const s=await i.json();if(!Array.isArray(s))throw new Error("Bad response from server");return{siteTypes:s,time:((performance.now()-n)/1e3).toFixed(4)}}));return{data:t,error:n,loading:!t&&!n}})(c),v=(0,s.useRef)();return(0,s.useEffect)((()=>{i&&(u(""),v.current?.focus())}),[i]),(0,s.useEffect)((()=>{if(!m&&!f)return p(!1);p(f)}),[f,m]),(0,s.useEffect)((()=>{if(!l)return p(!1);p(!0);const e=setTimeout((()=>d(l)),300);return()=>clearTimeout(e)}),[l]),(0,r.createElement)(V.PanelBody,{title:n?(0,a.sprintf)( // translators: %s is the site type name (0,a.__)("Site Type: %s","extendify-local"),e.name):(0,a.__)("Site Type","extendify-local"),className:"ext-type-control p-0",onToggle:o,opened:i,initialOpen:i},(0,r.createElement)(V.PanelRow,{className:"m-0 -mt-1.5 flex max-h-half w-full flex-col gap-2 overflow-y-auto rounded-b border border-gray-300 p-4"},(0,r.createElement)(V.SearchControl,{ref:v,className:"w-full",label:(0,a.__)("Search for your site type","extendify-local"),placeholder:(0,a.__)("Search for your site type","extendify-local"),value:l,onChange:u}),h&&(0,r.createElement)("div",{className:"flex w-full justify-center p-2"},(0,r.createElement)("span",{className:"sr-only"},(0,a.__)("Fetching...","extendify-local")),(0,r.createElement)(V.Spinner,null)),m?.siteTypes?.length>0&&!h&&(0,r.createElement)("ul",{className:"m-0 w-full overflow-y-auto px-0 pb-2"},m.siteTypes.slice(0,5).map((e=>(0,r.createElement)("li",{key:e.id,className:"m-0 p-0"},(0,r.createElement)("button",{type:"button",id:`site-type-${e.id}`,onClick:()=>{t(e),u(""),o(!1)},className:"mb-0.5 block w-full cursor-pointer rounded bg-transparent px-3 py-1 text-left text-sm text-gray-900 hover:bg-gray-100"},e.name)))))))},{partnerLogo:he,partnerName:pe}=window.extSharedData,me=()=>(0,r.createElement)("div",{className:"hidden flex-shrink-0 flex-col gap-6 md:flex md:w-80"},he?(0,r.createElement)("div",{className:"flex justify-center bg-banner-main p-6 py-0"},(0,r.createElement)("div",{className:"flex h-20 w-40 items-center justify-center py-3"},(0,r.createElement)("img",{className:"max-h-full max-w-full",src:he,alt:pe}))):(0,r.createElement)("div",{className:"-mb-5 hidden px-5 py-3 text-extendify-black sm:flex sm:pt-5"},(0,r.createElement)(l.Z,{icon:c,size:40})),(0,r.createElement)("div",{className:"flex flex-col gap-4 overflow-y-auto pb-16"},(0,r.createElement)("div",{className:"hidden flex-col overflow-x-hidden px-4 md:flex"},(0,r.createElement)(de,null)),(0,r.createElement)("div",{id:"extendify-library-category-control","data-test":"category-control",className:"hidden flex-col overflow-x-hidden px-4 md:flex"},(0,r.createElement)(ue,null)))),fe=({onClose:e})=>(0,r.createElement)("button",{className:"block h-6 w-6 cursor-pointer bg-transparent p-px text-inherit outline-none focus:shadow-none focus:ring-wp focus:ring-design-main",type:"button",onClick:e,"data-test":"modal-close-button","aria-label":(0,a.__)("Close","extendify-local")},(0,r.createElement)("svg",{style:{fill:"currentColor"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)("path",{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"}))),ve=({openOnNewPage:e,updateUserOption:t,onClose:n})=>(0,r.createElement)("div",{className:"mb-2 flex h-16 flex-shrink-0 items-center justify-end gap-6 px-8"},(0,r.createElement)("label",{className:"mt-4 flex items-center gap-2",htmlFor:"extendify-open-on-new-pages",title:(0,a.sprintf)( // translators: %s: Extendify Library term (0,a.__)("Toggle %s on new pages","extendify-local"),"Extendify Library")},(0,r.createElement)("input",{id:"extendify-open-on-new-pages",className:"m-0 rounded-sm border border-solid border-gray-900",type:"checkbox",checked:e,onChange:e=>t("openOnNewPage",e.target.checked)}),(0,r.createElement)("span",null,(0,a.__)("Open for new pages","extendify-local"))),(0,r.createElement)("div",{className:"mt-4"},(0,r.createElement)(fe,{onClose:n}))),ge=window?.location?.pathname?.includes("post-new.php"),ye=()=>{const{incrementActivity:e}=(0,u.j)(),{open:t,setOpen:n}=m(),{updateUserOption:i,openOnNewPage:o}=k(),{category:l,siteType:c,incrementImports:d}=C(),{createNotice:h}=(0,v.dispatch)("core/notices"),p=(0,s.useRef)(!1),f=()=>{n(!1)};return(0,s.useLayoutEffect)((()=>{if(!t&&!p.current)return p.current=!0,o&&ge?(window.dispatchEvent(new CustomEvent("extendify-hc:minimize")),e("library-auto-open"),void n(!0)):void(new URLSearchParams(window.location.search).has("ext-open")&&(n(!0),e("library-search-param-auto-open")))}),[o,n,e,t]),(0,s.useEffect)((()=>{const e=new URLSearchParams(window.location.search);e.has("ext-close")&&(n(!1),e.delete("ext-close"),window.history.replaceState({},"",window.location.pathname+"?"+e.toString()))}),[n,e]),(0,s.useEffect)((()=>{const e=()=>n(!0),t=()=>n(!1);return window.addEventListener("extendify::open-library",e),window.addEventListener("extendify::close-library",t),()=>{window.removeEventListener("extendify::open-library",e),window.removeEventListener("extendify::close-library",t)}}),[n,t]),t?(0,r.createElement)(g.Vq,{className:"extendify-library extendify-library-modal",open:t,static:!0,onClose:()=>{}},(0,r.createElement)("div",{className:"absolute mx-auto h-full w-full md:p-8"},(0,r.createElement)("div",{className:"fixed inset-0 bg-black/30",style:{backdropFilter:"blur(2px)"},"aria-hidden":"true"}),(0,r.createElement)(y.E.div,{key:"library-modal",initial:{y:30,opacity:0},animate:{y:0,opacity:1},exit:{y:0,opacity:0},transition:{duration:.3},className:"relative mx-auto h-full w-full max-w-screen-3xl bg-white shadow-2xl sm:flex sm:overflow-hidden"},(0,r.createElement)(g.Vq.Title,{className:"sr-only"},(0,a.__)("Design Patterns","extendify-local")),(0,r.createElement)(me,null),(0,r.createElement)("div",{className:"relative flex w-full flex-col bg-[#FAFAFA]"},(0,r.createElement)(ve,{openOnNewPage:o,updateUserOption:i,onClose:f}),(0,r.createElement)("div",{id:"extendify-library-patterns-list",className:"flex-grow overflow-y-auto"},(0,r.createElement)(se,{insertPattern:async e=>{await(async e=>{const{insertBlocks:t,replaceBlock:n}=(0,v.dispatch)("core/block-editor"),{getSelectedBlock:r,getBlockHierarchyRootClientId:i,getBlockIndex:s,getGlobalBlockCount:o}=(0,v.select)("core/block-editor"),{clientId:a,name:l,attributes:u}=r()||{},c=a?i(a):"",d=(c?s(c):o())+1,{missingCSSVars:h}=m.getState();return h.forEach((e=>{document?.documentElement?.style?.setProperty(e,R[e]),document.querySelector('iframe[name="editor-canvas"]')?.contentDocument?.documentElement?.style?.setProperty(e,R[e])})),h.length&&(async e=>{var t;const n=window.extSharedData.globalStylesPostID,{styles:r,settings:i}=await b()({path:`/wp/v2/global-styles/${n}`});if(!(e=e.filter((e=>!r?.css?.includes(`${e}:`)))).length)return;const s=e.reduce(((e,t)=>e+`${t}: ${R[t]};\n`),":root {\n")+"\n}";b()({path:`/wp/v2/global-styles/${n}`,method:"PATCH",data:{id:n,settings:i,styles:{...r,css:(null!==(t=r?.css)&&void 0!==t?t:"")+(r?.css?"\n":"")+s}}})})(h),"core/paragraph"===l&&""===u?.content?await n(a,e):await t(e,d)})(e),d(),f(),h("info",(0,a.__)("Pattern added","extendify-local"),{isDismissible:!0,type:"snackbar"}),await(async(e,t)=>await b()({path:"/extendify/v1/library/settings/single",method:"POST",data:{key:"extendify_check_for_image_imports",value:!0}}))()},category:l,siteType:c})))))):null};(0,o.registerPlugin)("extendify-library",{render:()=>{if("function"!=typeof s.createRoot)return;const e="extendify-library-btn",t="extendify-library",n=".edit-post-header-toolbar",i=".edit-site-header-edit-mode__start";(document.querySelector(n)||document.querySelector(i))&&requestAnimationFrame((()=>{if(document.getElementById(e))return;const o=document.createElement("div"),a=Object.assign(o,{id:e,className:t});document.querySelector(n)?.append(a),document.querySelector(i)?.append(a),(0,s.createRoot)(a).render((0,r.createElement)(f,null));const l="extendify-library-modal";if(document.getElementById(l))return;const u=document.createElement("div"),c=Object.assign(u,{id:l,className:t});document.body.append(c),(0,s.createRoot)(c).render((0,r.createElement)(ye,null))}))}})},7403:(e,t,n)=>{"use strict";n.d(t,{a:()=>r});const r=e=>{try{return JSON.parse(e)}catch(e){return{}}}},6993:(e,t,n)=>{"use strict";n.d(t,{j:()=>h});var r=n(6989),i=n.n(r),s=n(7403),o=n(270),a=n(782);const l="/extendify/v1/shared/activity",u={getItem:()=>i()({path:l}),setItem:(e,t)=>i()({path:l,method:"POST",data:{state:t}})},c=(0,s.a)(window.extSharedData.activity),d={actions:{}},h=(0,o.Ue)((0,a.tJ)((0,a.mW)(((e,t)=>{var n;return{...d,...null!==(n=c?.state)&&void 0!==n?n:{},incrementActivity:n=>{e((e=>({...e,actions:{...e.actions,[n]:Number(t().actions[n]||0)+1}})))}}}),{name:"Extendify Activity"}),{name:"extendify_shared_activity",storage:(0,a.FL)((()=>u)),skipHydration:!0}))},2200:(e,t,n)=>{"use strict";n.d(t,{Ow:()=>o,Yy:()=>s,kE:()=>r,nX:()=>i});const r="https://patterns.extendify.com",i="https://kb.extendify.com",s="https://ai.extendify.com",o="https://insights.extendify.com"},5251:(e,t,n)=>{"use strict";var r=n(9196),i=Symbol.for("react.element"),s=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,n){var r,s={},u=null,c=null;for(r in void 0!==n&&(u=""+n),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(c=t.ref),t)o.call(t,r)&&!l.hasOwnProperty(r)&&(s[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===s[r]&&(s[r]=t[r]);return{$$typeof:i,type:e,key:u,ref:c,props:s,_owner:a.current}}t.Fragment=s,t.jsx=u,t.jsxs=u},5893:(e,t,n)=>{"use strict";e.exports=n(5251)},3250:(e,t,n)=>{"use strict";var r=n(9196),i="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},s=r.useState,o=r.useEffect,a=r.useLayoutEffect,l=r.useDebugValue;function u(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!i(e,n)}catch(e){return!0}}var c="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=s({inst:{value:n,getSnapshot:t}}),i=r[0].inst,c=r[1];return a((function(){i.value=n,i.getSnapshot=t,u(i)&&c({inst:i})}),[e,n,t]),o((function(){return u(i)&&c({inst:i}),e((function(){u(i)&&c({inst:i})}))}),[e]),l(n),n};t.useSyncExternalStore=void 0!==r.useSyncExternalStore?r.useSyncExternalStore:c},139:(e,t,n)=>{"use strict";var r=n(9196),i=n(1688),s="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=i.useSyncExternalStore,a=r.useRef,l=r.useEffect,u=r.useMemo,c=r.useDebugValue;t.useSyncExternalStoreWithSelector=function(e,t,n,r,i){var d=a(null);if(null===d.current){var h={hasValue:!1,value:null};d.current=h}else h=d.current;d=u((function(){function e(e){if(!l){if(l=!0,o=e,e=r(e),void 0!==i&&h.hasValue){var t=h.value;if(i(t,e))return a=t}return a=e}if(t=a,s(o,e))return t;var n=r(e);return void 0!==i&&i(t,n)?t:(o=e,a=n)}var o,a,l=!1,u=void 0===n?null:n;return[function(){return e(t())},null===u?void 0:function(){return e(u())}]}),[t,n,r,i]);var p=o(e,d[0],d[1]);return l((function(){h.hasValue=!0,h.value=p}),[p]),c(p),p}},1688:(e,t,n)=>{"use strict";e.exports=n(3250)},2798:(e,t,n)=>{"use strict";e.exports=n(139)},9196:e=>{"use strict";e.exports=window.React},2819:e=>{"use strict";e.exports=window.lodash},6989:e=>{"use strict";e.exports=window.wp.apiFetch},2175:e=>{"use strict";e.exports=window.wp.blockEditor},4981:e=>{"use strict";e.exports=window.wp.blocks},5609:e=>{"use strict";e.exports=window.wp.components},9818:e=>{"use strict";e.exports=window.wp.data},9307:e=>{"use strict";e.exports=window.wp.element},5736:e=>{"use strict";e.exports=window.wp.i18n},8817:e=>{"use strict";e.exports=window.wp.plugins},3967:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e="",t=0;t{"use strict";n.d(t,{Vq:()=>Me,$N:()=>Le});var r=n(9196),i=n(1363),s=n(3855);function o(e,t,n,i){let o=(0,s.E)(n);(0,r.useEffect)((()=>{function n(e){o.current(e)}return(e=null!=e?e:window).addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}),[e,t,i])}class a extends Map{constructor(e){super(),this.factory=e}get(e){let t=super.get(e);return void 0===t&&(t=this.factory(e),this.set(e,t)),t}}function l(e,t){let n=e(),r=new Set;return{getSnapshot:()=>n,subscribe:e=>(r.add(e),()=>r.delete(e)),dispatch(e,...i){let s=t[e].call(n,...i);s&&(n=s,r.forEach((e=>e())))}}}var u=n(6723);function c(e){return(0,r.useSyncExternalStore)(e.subscribe,e.getSnapshot,e.getSnapshot)}let d=new a((()=>l((()=>[]),{ADD(e){return this.includes(e)?this:[...this,e]},REMOVE(e){let t=this.indexOf(e);if(-1===t)return this;let n=this.slice();return n.splice(t,1),n}})));function h(e,t){let n=d.get(t),i=(0,r.useId)(),s=c(n);if((0,u.e)((()=>{if(e)return n.dispatch("ADD",i),()=>n.dispatch("REMOVE",i)}),[n,e]),!e)return!1;let o=s.indexOf(i),a=s.length;return-1===o&&(o=a,a+=1),o===a-1}var p=n(3781),m=n(9362),f=n(5466);let v=new Map,g=new Map;function y(e){var t;let n=null!=(t=g.get(e))?t:0;return g.set(e,n+1),0!==n||(v.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),e.setAttribute("aria-hidden","true"),e.inert=!0),()=>function(e){var t;let n=null!=(t=g.get(e))?t:1;if(1===n?g.delete(e):g.set(e,n-1),1!==n)return;let r=v.get(e);r&&(null===r["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",r["aria-hidden"]),e.inert=r.inert,v.delete(e))}(e)}function w(e,{allowed:t,disallowed:n}={}){let r=h(e,"inert-others");(0,u.e)((()=>{var e,i;if(!r)return;let s=(0,m.k)();for(let t of null!=(e=null==n?void 0:n())?e:[])t&&s.add(y(t));let o=null!=(i=null==t?void 0:t())?i:[];for(let e of o){if(!e)continue;let t=(0,f.r)(e);if(!t)continue;let n=e.parentElement;for(;n&&n!==t.body;){for(let e of n.children)o.some((t=>e.contains(t)))||s.add(y(e));n=n.parentElement}}return s.dispose}),[r,t,n])}var b=n(8553),E=n(4575);function x(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function S(){return x()||/Android/gi.test(window.navigator.userAgent)}function T(e,t,n,i){let o=(0,s.E)(n);(0,r.useEffect)((()=>{if(e)return document.addEventListener(t,n,i),()=>document.removeEventListener(t,n,i);function n(e){o.current(e)}}),[e,t,i])}function P(e,t,n,i){let o=(0,s.E)(n);(0,r.useEffect)((()=>{if(e)return window.addEventListener(t,n,i),()=>window.removeEventListener(t,n,i);function n(e){o.current(e)}}),[e,t,i])}function C(...e){return(0,r.useMemo)((()=>(0,f.r)(...e)),[...e])}var A=n(6045);let k=(0,r.createContext)(null);function R({children:e,node:t}){let[n,i]=(0,r.useState)(null),s=V(null!=t?t:n);return r.createElement(k.Provider,{value:s},e,null===s&&r.createElement(A._,{features:A.x.Hidden,ref:e=>{var t,n;if(e)for(let r of null!=(n=null==(t=(0,f.r)(e))?void 0:t.querySelectorAll("html > *, body > *"))?n:[])if(r!==document.body&&r!==document.head&&r instanceof HTMLElement&&null!=r&&r.contains(e)){i(r);break}}}))}function V(e=null){var t;return null!=(t=(0,r.useContext)(k))?t:e}function O(){let e;return{before({doc:t}){var n;let r=t.documentElement,i=null!=(n=t.defaultView)?n:window;e=Math.max(0,i.innerWidth-r.clientWidth)},after({doc:t,d:n}){let r=t.documentElement,i=Math.max(0,r.clientWidth-r.offsetWidth),s=Math.max(0,e-i);n.style(r,"paddingRight",`${s}px`)}}}function D(){return x()?{before({doc:e,d:t,meta:n}){function r(e){return n.containers.flatMap((e=>e())).some((t=>t.contains(e)))}t.microTask((()=>{var n;if("auto"!==window.getComputedStyle(e.documentElement).scrollBehavior){let n=(0,m.k)();n.style(e.documentElement,"scrollBehavior","auto"),t.add((()=>t.microTask((()=>n.dispose()))))}let i=null!=(n=window.scrollY)?n:window.pageYOffset,s=null;t.addEventListener(e,"click",(t=>{if(t.target instanceof HTMLElement)try{let n=t.target.closest("a");if(!n)return;let{hash:i}=new URL(n.href),o=e.querySelector(i);o&&!r(o)&&(s=o)}catch{}}),!0),t.addEventListener(e,"touchstart",(e=>{if(e.target instanceof HTMLElement)if(r(e.target)){let n=e.target;for(;n.parentElement&&r(n.parentElement);)n=n.parentElement;t.style(n,"overscrollBehavior","contain")}else t.style(e.target,"touchAction","none")})),t.addEventListener(e,"touchmove",(e=>{if(e.target instanceof HTMLElement){if("INPUT"===e.target.tagName)return;if(r(e.target)){let t=e.target;for(;t.parentElement&&""!==t.dataset.headlessuiPortal&&!(t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth);)t=t.parentElement;""===t.dataset.headlessuiPortal&&e.preventDefault()}else e.preventDefault()}}),{passive:!1}),t.add((()=>{var e;let t=null!=(e=window.scrollY)?e:window.pageYOffset;i!==t&&window.scrollTo(0,i),s&&s.isConnected&&(s.scrollIntoView({block:"nearest"}),s=null)}))}))}}:{}}function L(e){let t={};for(let n of e)Object.assign(t,n(t));return t}let M=l((()=>new Map),{PUSH(e,t){var n;let r=null!=(n=this.get(e))?n:{doc:e,count:0,d:(0,m.k)(),meta:new Set};return r.count++,r.meta.add(t),this.set(e,r),this},POP(e,t){let n=this.get(e);return n&&(n.count--,n.meta.delete(t)),this},SCROLL_PREVENT({doc:e,d:t,meta:n}){let r={doc:e,d:t,meta:L(n)},i=[D(),O(),{before({doc:e,d:t}){t.style(e.documentElement,"overflow","hidden")}}];i.forEach((({before:e})=>null==e?void 0:e(r))),i.forEach((({after:e})=>null==e?void 0:e(r)))},SCROLL_ALLOW({d:e}){e.dispose()},TEARDOWN({doc:e}){this.delete(e)}});M.subscribe((()=>{let e=M.getSnapshot(),t=new Map;for(let[n]of e)t.set(n,n.documentElement.style.overflow);for(let n of e.values()){let e="hidden"===t.get(n.doc),r=0!==n.count;(r&&!e||!r&&e)&&M.dispatch(n.count>0?"SCROLL_PREVENT":"SCROLL_ALLOW",n),0===n.count&&M.dispatch("TEARDOWN",n)}}));var F=n(2180),j=n(3784),N=n(4782),I=n(6567);let _=(0,r.createContext)(!1);function B(){return(0,r.useContext)(_)}function U(e){return r.createElement(_.Provider,{value:e.force},e.children)}var $=n(2984),z=n(2351);let W=(0,r.createContext)(void 0),H=(0,r.createContext)(null);function Y(){let e=(0,r.useContext)(H);if(null===e){let e=new Error("You used a component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,Y),e}return e}H.displayName="DescriptionContext";let q=(0,z.yV)((function(e,t){let n=(0,r.useId)(),i=(0,r.useContext)(W),{id:s=`headlessui-description-${n}`,...o}=e,a=Y(),l=(0,j.T)(t);(0,u.e)((()=>a.register(s)),[s,a.register]);let c=i||!1,d=(0,r.useMemo)((()=>({...a.slot,disabled:c})),[a.slot,c]),h={ref:l,...a.props,id:s};return(0,z.sY)({ourProps:h,theirProps:o,slot:d,defaultTag:"p",name:a.name||"Description"})})),K=Object.assign(q,{});var Z=n(4192),G=n(4879),X=n(1021);function J(e){let t=(0,p.z)(e),n=(0,r.useRef)(!1);(0,r.useEffect)((()=>(n.current=!1,()=>{n.current=!0,(0,X.Y)((()=>{n.current&&t()}))})),[t])}var Q,ee=((Q=ee||{})[Q.Forwards=0]="Forwards",Q[Q.Backwards=1]="Backwards",Q);function te(e,t){let n=(0,r.useRef)([]),i=(0,p.z)(e);(0,r.useEffect)((()=>{let e=[...n.current];for(let[r,s]of t.entries())if(n.current[r]!==s){let r=i(t,e);return n.current=t,r}}),[i,...t])}let ne=[];function re(e){if(!e)return new Set;if("function"==typeof e)return new Set(e());let t=new Set;for(let n of e.current)n.current instanceof HTMLElement&&t.add(n.current);return t}!function(e){function t(){"loading"!==document.readyState&&((()=>{function e(e){if(!(e.target instanceof HTMLElement)||e.target===document.body||ne[0]===e.target)return;let t=e.target;t=t.closest(E.y),ne.unshift(null!=t?t:e.target),ne=ne.filter((e=>null!=e&&e.isConnected)),ne.splice(10)}window.addEventListener("click",e,{capture:!0}),window.addEventListener("mousedown",e,{capture:!0}),window.addEventListener("focus",e,{capture:!0}),document.body.addEventListener("click",e,{capture:!0}),document.body.addEventListener("mousedown",e,{capture:!0}),document.body.addEventListener("focus",e,{capture:!0})})(),document.removeEventListener("DOMContentLoaded",t))}"undefined"!=typeof window&&"undefined"!=typeof document&&(document.addEventListener("DOMContentLoaded",t),t())}();var ie,se=((ie=se||{})[ie.None=0]="None",ie[ie.InitialFocus=1]="InitialFocus",ie[ie.TabLock=2]="TabLock",ie[ie.FocusLock=4]="FocusLock",ie[ie.RestoreFocus=8]="RestoreFocus",ie[ie.AutoFocus=16]="AutoFocus",ie);let oe=(0,z.yV)((function(e,t){let n=(0,r.useRef)(null),i=(0,j.T)(n,t),{initialFocus:s,initialFocusFallback:a,containers:l,features:u=15,...c}=e;(0,F.H)()||(u=0);let d=C(n);!function(e,{ownerDocument:t}){let n=!!(8&e),i=function(e=!0){let t=(0,r.useRef)(ne.slice());return te((([e],[n])=>{!0===n&&!1===e&&(0,X.Y)((()=>{t.current.splice(0)})),!1===n&&!0===e&&(t.current=ne.slice())}),[e,ne,t]),(0,p.z)((()=>{var e;return null!=(e=t.current.find((e=>null!=e&&e.isConnected)))?e:null}))}(n);te((()=>{n||(null==t?void 0:t.activeElement)===(null==t?void 0:t.body)&&(0,E.C5)(i())}),[n]),J((()=>{n&&(0,E.C5)(i())}))}(u,{ownerDocument:d});let m=function(e,{ownerDocument:t,container:n,initialFocus:i,initialFocusFallback:s}){let o=(0,r.useRef)(null),a=h(!!(1&e),"focus-trap#initial-focus"),l=(0,G.t)();return te((()=>{if(0===e)return;if(!a)return void(null!=s&&s.current&&(0,E.C5)(s.current));let r=n.current;r&&(0,X.Y)((()=>{if(!l.current)return;let n=null==t?void 0:t.activeElement;if(null!=i&&i.current){if((null==i?void 0:i.current)===n)return void(o.current=n)}else if(r.contains(n))return void(o.current=n);if(null!=i&&i.current)(0,E.C5)(i.current);else{if(16&e){if((0,E.jA)(r,E.TO.First|E.TO.AutoFocus)!==E.fE.Error)return}else if((0,E.jA)(r,E.TO.First)!==E.fE.Error)return;if(null!=s&&s.current&&((0,E.C5)(s.current),(null==t?void 0:t.activeElement)===s.current))return;console.warn("There are no focusable elements inside the ")}o.current=null==t?void 0:t.activeElement}))}),[s,a,e]),o}(u,{ownerDocument:d,container:n,initialFocus:s,initialFocusFallback:a});!function(e,{ownerDocument:t,container:n,containers:r,previousActiveElement:i}){let s=(0,G.t)(),a=!!(4&e);o(null==t?void 0:t.defaultView,"focus",(e=>{if(!a||!s.current)return;let t=re(r);n.current instanceof HTMLElement&&t.add(n.current);let o=i.current;if(!o)return;let l=e.target;l&&l instanceof HTMLElement?le(t,l)?(i.current=l,(0,E.C5)(l)):(e.preventDefault(),e.stopPropagation(),(0,E.C5)(o)):(0,E.C5)(i.current)}),!0)}(u,{ownerDocument:d,container:n,containers:l,previousActiveElement:m});let f=function(){let e=(0,r.useRef)(0);return P(!0,"keydown",(t=>{"Tab"===t.key&&(e.current=t.shiftKey?1:0)}),!0),e}(),v=(0,p.z)((e=>{let t=n.current;t&&(0,$.E)(f.current,{[ee.Forwards]:()=>{(0,E.jA)(t,E.TO.First,{skipElements:[e.relatedTarget,a]})},[ee.Backwards]:()=>{(0,E.jA)(t,E.TO.Last,{skipElements:[e.relatedTarget,a]})}})})),g=h(!!(2&u),"focus-trap#tab-lock"),y=(0,Z.G)(),w=(0,r.useRef)(!1),b={ref:i,onKeyDown(e){"Tab"==e.key&&(w.current=!0,y.requestAnimationFrame((()=>{w.current=!1})))},onBlur(e){if(!(4&u))return;let t=re(l);n.current instanceof HTMLElement&&t.add(n.current);let r=e.relatedTarget;r instanceof HTMLElement&&"true"!==r.dataset.headlessuiFocusGuard&&(le(t,r)||(w.current?(0,E.jA)(n.current,(0,$.E)(f.current,{[ee.Forwards]:()=>E.TO.Next,[ee.Backwards]:()=>E.TO.Previous})|E.TO.WrapAround,{relativeTo:e.target}):e.target instanceof HTMLElement&&(0,E.C5)(e.target)))}};return r.createElement(r.Fragment,null,g&&r.createElement(A._,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:v,features:A.x.Focusable}),(0,z.sY)({ourProps:b,theirProps:c,defaultTag:"div",name:"FocusTrap"}),g&&r.createElement(A._,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:v,features:A.x.Focusable}))})),ae=Object.assign(oe,{features:se});function le(e,t){for(let n of e)if(n.contains(t))return!0;return!1}const ue=window.ReactDOM;var ce=n(7896);let de=r.Fragment,he=(0,z.yV)((function(e,t){let n=e,i=(0,r.useRef)(null),s=(0,j.T)((0,j.h)((e=>{i.current=e})),t),o=C(i),a=function(e){let t=B(),n=(0,r.useContext)(me),i=C(e),[s,o]=(0,r.useState)((()=>{var e;if(!t&&null!==n)return null!=(e=n.current)?e:null;if(ce.O.isServer)return null;let r=null==i?void 0:i.getElementById("headlessui-portal-root");if(r)return r;if(null===i)return null;let s=i.createElement("div");return s.setAttribute("id","headlessui-portal-root"),i.body.appendChild(s)}));return(0,r.useEffect)((()=>{null!==s&&(null!=i&&i.body.contains(s)||null==i||i.body.appendChild(s))}),[s,i]),(0,r.useEffect)((()=>{t||null!==n&&o(n.current)}),[n,o,t]),s}(i),[l]=(0,r.useState)((()=>{var e;return ce.O.isServer?null:null!=(e=null==o?void 0:o.createElement("div"))?e:null})),c=(0,r.useContext)(fe),d=(0,F.H)();return(0,u.e)((()=>{!a||!l||a.contains(l)||(l.setAttribute("data-headlessui-portal",""),a.appendChild(l))}),[a,l]),(0,u.e)((()=>{if(l&&c)return c.register(l)}),[c,l]),J((()=>{var e;!a||!l||(l instanceof Node&&a.contains(l)&&a.removeChild(l),a.childNodes.length<=0&&(null==(e=a.parentElement)||e.removeChild(a)))})),d&&a&&l?(0,ue.createPortal)((0,z.sY)({ourProps:{ref:s},theirProps:n,slot:{},defaultTag:de,name:"Portal"}),l):null})),pe=r.Fragment,me=(0,r.createContext)(null),fe=(0,r.createContext)(null);function ve(){let e=(0,r.useContext)(fe),t=(0,r.useRef)([]),n=(0,p.z)((n=>(t.current.push(n),e&&e.register(n),()=>i(n)))),i=(0,p.z)((n=>{let r=t.current.indexOf(n);-1!==r&&t.current.splice(r,1),e&&e.unregister(n)})),s=(0,r.useMemo)((()=>({register:n,unregister:i,portals:t})),[n,i,t]);return[t,(0,r.useMemo)((()=>function({children:e}){return r.createElement(fe.Provider,{value:s},e)}),[s])]}let ge=(0,z.yV)((function(e,t){let n=(0,j.T)(t),{enabled:i=!0,...s}=e;return i?r.createElement(he,{...s,ref:n}):(0,z.sY)({ourProps:{ref:n},theirProps:s,slot:{},defaultTag:de,name:"Portal"})})),ye=(0,z.yV)((function(e,t){let{target:n,...i}=e,s={ref:(0,j.T)(t)};return r.createElement(me.Provider,{value:n},(0,z.sY)({ourProps:s,theirProps:i,defaultTag:pe,name:"Popover.Group"}))})),we=Object.assign(ge,{Group:ye});var be,Ee=n(8687),xe=((be=xe||{})[be.Open=0]="Open",be[be.Closed=1]="Closed",be),Se=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(Se||{});let Te={0:(e,t)=>e.titleId===t.id?e:{...e,titleId:t.id}},Pe=(0,r.createContext)(null);function Ce(e){let t=(0,r.useContext)(Pe);if(null===t){let t=new Error(`<${e} /> is missing a parent