npm - @weaverse/react - Versions diffs - 0.7.45 → 0.7.48 - Mend

@weaverse/react 0.7.45 → 0.7.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var dt=Object.create;var V=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var ft=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var J=(e,t)=>{for(var o in t)V(e,o,{get:t[o],enumerable:!0})},B=(e,t,o,r)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of ut(t))!gt.call(e,n)&&n!==o&&V(e,n,{get:()=>t[n],enumerable:!(r=ct(t,n))\|\|r.enumerable});return e},k=(e,t,o)=>(B(e,t,"default"),o&&B(o,t,"default")),p=(e,t,o)=>(o=e!=null?dt(ft(e)):{},B(t\|\|!e\|\|!e.__esModule?V(o,"default",{value:e,enumerable:!0}):o,e)),vt=e=>B(V({},"__esModule",{value:!0}),e);var S={};J(S,{Components:()=>oe,Elements:()=>G,WeaverseContext:()=>C,WeaverseContextConsumer:()=>Ft,WeaverseContextProvider:()=>re,WeaverseRoot:()=>$t,createRootContext:()=>_t});module.exports=vt(S);k(S,require("@weaverse/core"),module.exports);var lt=require("@weaverse/core"),at=require("react");var D=p(require("react")),ne=require("react");var ie=D.forwardRef((e,t)=>{let{isDesignMode:o}=(0,ne.useContext)(C),{text:r,clickAction:n,linkTo:i,openInNewTab:s,...a}=e;return n==="none"?D.createElement("button",{ref:t,...a},r):D.createElement("a",{ref:t,href:o?void 0:i,target:s?"_blank":"_self",rel:"noreferrer",...a},r)});ie.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var se={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",textAlign:"center",":hover":{backgroundColor:"#222831"}}},le=ie;var _=p(require("react")),ae=(0,_.forwardRef)((e,t)=>{let{children:o,...r}=e;return _.default.createElement("div",{ref:t,...r},o)}),pe={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};ae.defaultProps={};var me=ae;var h=p(require("react"));var de=["days","hours","minutes","seconds"],F="wv-cd-evergreen-start",ce="https://graph.instagram.com";var ue=p(require("clsx"));function ht(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var Q={};function fe(e,t){let{css:o,type:r,className:n=""}=e.data,i="",s="",a=e.Element?.permanentCss;if(a)if(r in Q)s=Q[r];else{let{className:f}=t.css(a)();Object.assign(Q,{[r]:f}),s=f}if(i=s,o){let f=ht(o),x=t.css(f)().className\|\|"",{stitchesClass:b}=e,m=(e.ref.current?.className\|\|"").replace(b,"").replace(n,"").replace(s,"").trim();i=(0,ue.default)(s,n,x,m),e.stitchesClass=x}return i}function ge(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),s=Math.floor((e-nr-io)/t),a=Math.floor((e-nr-io-st)/1e3);return{days:n,hours:i,minutes:s,seconds:a}}function ve(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function ye(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}var $=p(require("react"));function we({value:e,label:t}){return $.default.createElement("div",{className:"wv-cd-block"},$.default.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&$.default.createElement("div",{className:"wv-cd-label"},t))}var he=(0,h.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,h.useContext)(C),{timerType:r,startTime:n,endTime:i,periods:s,redirectUrl:a,openInNewTab:f,showColon:x,showLabel:b,...m}=e,[u,w]=h.default.useState(0),g=s601e3,N=()=>{!o&&a&&window.open(a,f?"_blank":"_self")},Y=()=>{let d=n;if(r==="evergreen"){let A=localStorage.getItem(F);A?(d=Number.parseInt(A),d+g<Date.now()&&(d=Date.now(),localStorage.setItem(F,d.toString()))):(d=Date.now(),localStorage.setItem(F,d.toString()))}return d},z=d=>d<Date.now()&&i>Date.now(),K=()=>{let d=Y(),A=r==="fixed-time"?i:d+g,X=z(d)?Math.max(A-Date.now(),0):0;X>0&&X<1e3&&N(),w(X)};(0,h.useEffect)(()=>{let d=setInterval(K,1e3);return()=>{clearInterval(d)}},[n,i,g,r]);let q=ge(u);return h.default.createElement("div",{ref:t,...m},de.map(d=>h.default.createElement(h.default.Fragment,{key:d},h.default.createElement(we,{label:b?d:"",value:u===0?"--":q[d]}),d!=="seconds"&&h.default.createElement("div",{className:"wv-cd-separator"},x&&h.default.createElement("span",null,":")))))}),xe={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};he.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var be=he;var H=p(require("react")),Ce=H.default.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:s,openLinkInNewTab:a,linkTo:f,...x}=e,b={"--img-object-fit":n,"--img-object-position":i},m=H.default.createElement("img",{alt:r,"data-blink-src":o});return s==="openLink"&&f&&(m=H.default.createElement("a",{href:f,target:a?"_blank":"_self"},m)),H.default.createElement("div",{ref:t,...x,style:b},m)}),Pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)"}}};Ce.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var Se=Ce;var I=p(require("react"));var Z=p(require("react"));function ke(e){let{bgColor:t,imgUrl:o,objectFit:r}=e,n={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r};return o\|\|t?Z.default.createElement("div",{style:n,className:"wv-layout-background"},o&&Z.default.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}var Ee=p(require("react"));function Te(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return Ee.default.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var Ie=(0,I.forwardRef)((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:s,contentSize:a,gridSize:f,backgroundColor:x,backgroundImage:b,objectFit:m,enableOverlay:u,overlayOpacity:w,...g}=e,N={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":f+"px","--rows":r,"--columns":s,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return I.default.createElement("div",{ref:t,...g,style:N},I.default.createElement(ke,{imgUrl:b,bgColor:x,objectFit:m}),I.default.createElement(Te,{enableOverlay:u,overlayOpacity:w}),I.default.createElement("div",{"data-layout-content":!0},o))}),Le={"@desktop":{position:"relative","> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};Ie.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var Me=Ie;var j=p(require("react")),We=(0,j.forwardRef)((e,t)=>{let{place:o,zoom:r,...n}=e;return j.default.createElement("div",{ref:t,...n},j.default.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),Ne={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};We.defaultProps={place:"Hanoi",zoom:14};var De=We;var O=p(require("react")),He=O.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return O.createElement("div",{ref:t,...n},O.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),je={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};He.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Oe=He;var P=p(require("react"));var U=p(require("react"));function ze(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:s}=e;return U.default.createElement("video",{controls:r,autoPlay:n,loop:i,muted:s,controlsList:"nodownload",disablePictureInPicture:!0},U.default.createElement("source",{src:t,type:o\|\|"video/mp4"}),U.default.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}var Ae=p(require("react"));function Be(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${s}`;return Ae.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}var Ve=p(require("react"));function _e(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${s.toString()}`;return Ve.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Fe=(0,P.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,P.useContext)(C),{src:r,controls:n,poster:i,autoPlay:s,loop:a,muted:f,...x}=e,m={src:r,controls:n,poster:i,autoPlay:!o&&s,loop:a,muted:f},u,w=ve(r),g=ye(r);return w?u=P.default.createElement(_e,{...m,youtubeId:w}):g?u=P.default.createElement(Be,{...m,vimeoId:g}):u=P.default.createElement(ze,{...m}),P.default.createElement("div",{ref:t,...x},u)}),$e={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Fe.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Ue=Fe;var y=p(require("react"));var L=p(require("react")),Et=(0,L.forwardRef)((e,t)=>{let{element:o,children:r,...n}=e;return L.default.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},L.default.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),L.default.createElement("div",null,r))}),Ge=Et;var ee={};J(ee,{Modal:()=>zt,ModalClose:()=>tt,ModalContent:()=>et,ModalHeader:()=>Bt,ModalTrigger:()=>At});var T=require("@radix-ui/react-dialog"),v=p(require("react"));var Ye=p(require("react"));var R={};J(R,{ArrowLeft:()=>Wt,ArrowRight:()=>Nt,CircleNotch:()=>Tt,Image:()=>Dt,Minus:()=>Lt,Plus:()=>Mt,ShoppingCart:()=>Ht,X:()=>It});var l=p(require("react")),Tt=e=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},l.default.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),l.default.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),It=e=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"#000000",viewBox:"0 0 256 256",...e},l.default.createElement("rect",{width:"256",height:"256",fill:"none"}),l.default.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),l.default.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),Lt=e=>l.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},l.default.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Mt=e=>l.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},l.default.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Wt=e=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},l.default.createElement("rect",{width:"256",height:"256",fill:"none"}),l.default.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),l.default.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Nt=e=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},l.default.createElement("rect",{width:"256",height:"256",fill:"none"}),l.default.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),l.default.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Dt=e=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},l.default.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Ht=e=>l.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},l.default.createElement("rect",{width:"256",height:"256",fill:"none"}),l.default.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),l.default.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),l.default.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),l.default.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));var Ke=p(require("clsx"));function M({name:e,className:t,...o}){let r=R[e],n=(0,Ke.default)("wv-icon",t);return Ye.default.createElement(r,{className:n,...o})}var W=require("@radix-ui/react-dialog"),E=require("@stitches/react"),jt=(0,E.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),Ot=(0,E.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),qe=(0,E.styled)(W.Overlay,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${jt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Xe=(0,E.styled)(W.Title,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),Je=(0,E.styled)(W.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${Ot} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","*":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),Qe=(0,E.styled)("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});var Ze=require("react");function Re(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return(0,Ze.useEffect)(()=>{t\|\|o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var zt=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,s=Re(e);return v.default.createElement(T.Root,{open:o,defaultOpen:r,onOpenChange:s,...i},t)},At=T.Trigger,Bt=(0,v.forwardRef)((e,t)=>{let{children:o,...r}=e;return v.default.createElement(Xe,{ref:t,...r,"data-wv-modal-header":!0},o)}),et=(0,v.forwardRef)((e,t)=>{let{children:o,size:r,portal:n,...i}=e,s=v.default.createElement(v.default.Fragment,null,v.default.createElement(qe,null),v.default.createElement(Je,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},v.default.createElement(tt,null),v.default.createElement("div",{className:"wv-modal-content"},o)));return n?v.default.createElement(T.Portal,null,s):s});et.defaultProps={size:"auto",portal:!1};var tt=(0,v.forwardRef)((e,t)=>{let{asChild:o,children:r,...n}=e,i=v.default.createElement(Qe,null,v.default.createElement(M,{name:"X"}));return v.default.createElement(T.Close,{asChild:!0,...n,ref:t},o?r:i)});var te=p(require("react"));function ot(){return te.default.createElement("span",{className:"wv-spinner-wrapper"},te.default.createElement(M,{name:"CircleNotch",className:"wv-spinner"}))}var oe={Placeholder:Ge,Spinner:ot,ModalComponents:ee,Icon:M};var rt=(0,y.forwardRef)((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:s,...a}=e,[f,x]=(0,y.useState)([]),[b,m]=(0,y.useState)(null);if((0,y.useEffect)(()=>{if(o){let w=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${ce}/me/media?${w.toString()}`).then(g=>g.json()).then(g=>{g.error?m(g):(m(null),x([...g.data]))}).catch(m)}},[o]),!o\|\|b)return y.default.createElement("div",{ref:t,...a},y.default.createElement(oe.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let u={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":s+"px"};return y.default.createElement("div",{ref:t,...a,style:u},y.default.createElement("div",{className:"wv-ig-media-container"},f.slice(0,n).map(w=>{let{id:g,permalink:N,caption:Y,media_url:z,media_type:K,thumbnail_url:q}=w;return K==="VIDEO"?y.default.createElement("video",{key:g,controls:!0,poster:q},y.default.createElement("source",{src:z,type:"video/mp4"})):y.default.createElement("a",{key:g,href:N,target:"_blank",rel:"noreferrer"},y.default.createElement("img",{alt:Y,src:z}))})))}),nt={},it={"@desktop":{".wv-ig-media-container":{overflow:"hidden",maxWidth:"100%",maxHeight:"100%",display:"grid",gridTemplateColumns:"repeat(var(--wv-ig-images-per-row, 4), 1fr)",gap:"var(--wv-ig-images-gap, 0px)",img:{maxWidth:"100%",maxHeight:"100%",objectFit:"cover"},video:{width:"100%",height:"100%"}}},"@mobile":{".wv-ig-media-container":{overflowX:"auto",display:"flex",scrollSnapType:"x mandatory"},".wv-ig-media-container a":{scrollSnapAlign:"start",flexGrow:0,flexShrink:0,flexBasis:"100%"}}};rt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var st=rt;var G={Countdown:{Component:be,type:"countdown",defaultCss:xe},Button:{Component:le,type:"button",defaultCss:se},Container:{Component:me,type:"container",defaultCss:pe},Image:{Component:Se,type:"image",defaultCss:Pe},Instagram:{Component:st,type:"instagram",defaultCss:nt,permanentCss:it},Layout:{Component:Me,type:"layout",defaultCss:Le},Map:{Component:De,type:"map",defaultCss:Ne},Text:{Component:Oe,type:"text",defaultCss:je},Video:{Component:Ue,type:"video",defaultCss:$e}};var _t=e=>{let t=new lt.Weaverse(e);return Object.keys(G).forEach(o=>{t.registerElement(G[o])}),t},C=(0,at.createContext)({}),re=C.Provider,Ft=C.Consumer;var pt=require("@weaverse/core"),c=p(require("react"));var $t=({context:e})=>{let[,t]=(0,c.useState)(e.projectData),o=(0,c.useRef)(),r=()=>t({});(0,c.useEffect)(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?c.default.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},c.default.createElement(re,{value:e},c.default.createElement(mt,{id:e.projectData.rootId}))):null},Ut=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=(0,c.useContext)(C),[r,n]=(0,c.useState)(e.data),{id:i,type:s,childIds:a=[],css:f,className:x,...b}=r;(0,c.useEffect)(()=>{let u=w=>n({...w});return e.subscribe(u),pt.isBrowser&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(u)},[]);let m=o.get(s);if(m?.Component){let u=m.Component;return u.$$typeof===Symbol.for("react.forward_ref")&&(b.ref=e.ref),c.default.createElement(u,{key:i,"data-wv-type":s,"data-wv-id":i,className:fe(e,t),...b},a.map(w=>c.default.createElement(mt,{key:w,id:w})))}else return console.log(`Unknown element: ${s}`),null},mt=({id:e})=>{let t=(0,c.useContext)(C),{itemInstances:o}=t,r=o.get(e);return r?c.default.createElement(Ut,{key:e,instance:r}):c.default.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};0&&(module.exports={Components,Elements,WeaverseContext,WeaverseContextConsumer,WeaverseContextProvider,WeaverseRoot,createRootContext});
1	+ "use strict";var mt=Object.create;var _=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var ut=Object.getPrototypeOf,ft=Object.prototype.hasOwnProperty;var Z=(e,t)=>{for(var o in t)_(e,o,{get:t[o],enumerable:!0})},V=(e,t,o,r)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of ct(t))!ft.call(e,n)&&n!==o&&_(e,n,{get:()=>t[n],enumerable:!(r=dt(t,n))\|\|r.enumerable});return e},S=(e,t,o)=>(V(e,t,"default"),o&&V(o,t,"default")),p=(e,t,o)=>(o=e!=null?mt(ut(e)):{},V(t\|\|!e\|\|!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),gt=e=>V(_({},"__esModule",{value:!0}),e);var k={};Z(k,{Components:()=>oe,Elements:()=>Y,WeaverseContext:()=>C,WeaverseContextConsumer:()=>Ft,WeaverseContextProvider:()=>re,WeaverseRoot:()=>$t,createRootContext:()=>_t});module.exports=gt(k);S(k,require("@weaverse/core"),module.exports);var it=require("@weaverse/core"),lt=require("react");var D=p(require("react")),ne=require("react");var ie=D.forwardRef((e,t)=>{let{isDesignMode:o}=(0,ne.useContext)(C),{text:r,clickAction:n,linkTo:i,openInNewTab:l,...a}=e;return n==="none"?D.createElement("button",{ref:t,...a},r):D.createElement("a",{ref:t,href:o?void 0:i,target:l?"_blank":"_self",rel:"noreferrer",...a},r)});ie.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var le={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",textAlign:"center",":hover":{backgroundColor:"#222831"}}},se=ie;var F=p(require("react")),ae=(0,F.forwardRef)((e,t)=>{let{children:o,...r}=e;return F.default.createElement("div",{ref:t,...r},o)}),pe={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};ae.defaultProps={};var me=ae;var w=p(require("react"));var de=["days","hours","minutes","seconds"],$="wv-cd-evergreen-start",ce="https://graph.instagram.com";var ue=p(require("clsx"));function ht(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var J={};function fe(e,t){let{css:o,type:r,className:n=""}=e.data,i="",l="",a=e.Element?.permanentCss;if(a)if(r in J)l=J[r];else{let{className:u}=t.css(a)();Object.assign(J,{[r]:u}),l=u}if(i=l,o){let u=ht(o),x=t.css(u)().className\|\|"",{stitchesClass:b}=e,m=(e.ref.current?.className\|\|"").replace(b,"").replace(n,"").replace(l,"").trim();i=(0,ue.default)(l,n,x,m),e.stitchesClass=x}return i}function ge(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),l=Math.floor((e-nr-io)/t),a=Math.floor((e-nr-io-lt)/1e3);return{days:n,hours:i,minutes:l,seconds:a}}function ve(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function ye(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}var U=p(require("react"));function he({value:e,label:t}){return U.default.createElement("div",{className:"wv-cd-block"},U.default.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&U.default.createElement("div",{className:"wv-cd-label"},t))}var we=(0,w.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,w.useContext)(C),{timerType:r,startTime:n,endTime:i,periods:l,redirectWhenTimerStops:a,redirectUrl:u,openInNewTab:x,showColon:b,showLabel:m,...f}=e,[v,h]=w.default.useState(0),I=l601e3,N=()=>{!o&&a&&u&&window.open(u,x?"_blank":"_self")},A=()=>{let d=n;if(r==="evergreen"){let B=localStorage.getItem($);B?(d=Number.parseInt(B),d+I<Date.now()&&(d=Date.now(),localStorage.setItem($,d.toString()))):(d=Date.now(),localStorage.setItem($,d.toString()))}return d},K=d=>d<Date.now()&&i>Date.now(),q=()=>{let d=A(),B=r==="fixed-time"?i:d+I,X=K(d)?Math.max(B-Date.now(),0):0;X>0&&X<1e3&&N(),h(X)};(0,w.useEffect)(()=>{let d=setInterval(q,1e3);return()=>{clearInterval(d)}},[n,i,I,r]);let pt=ge(v);return w.default.createElement("div",{ref:t,...f},de.map(d=>w.default.createElement(w.default.Fragment,{key:d},w.default.createElement(he,{label:m?d:"",value:v===0?"--":pt[d]}),d!=="seconds"&&w.default.createElement("div",{className:"wv-cd-separator"},b&&w.default.createElement("span",null,":")))))}),xe={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};we.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectWhenTimerStops:!1,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var be=we;var H=p(require("react")),Ce=H.default.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:l,openLinkInNewTab:a,linkTo:u,...x}=e,b={"--img-object-fit":n,"--img-object-position":i},m=H.default.createElement("img",{alt:r,"data-blink-src":o});return l==="openLink"&&u&&(m=H.default.createElement("a",{href:u,target:a?"_blank":"_self"},m)),H.default.createElement("div",{ref:t,...x,style:b},m)}),Pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};Ce.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var ke=Ce;var L=p(require("react"));var Q=p(require("react"));function Se(e){let{bgColor:t,imgUrl:o,objectFit:r,objectPosition:n}=e,i={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r,["--layout-bg-image-position"]:n};return o\|\|t?Q.default.createElement("div",{style:i,className:"wv-layout-background"},o&&Q.default.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}var Ee=p(require("react"));function Te(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return Ee.default.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var Ie=(0,L.forwardRef)((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:l,contentSize:a,gridSize:u,backgroundColor:x,backgroundImage:b,objectFit:m,objectPosition:f,enableOverlay:v,overlayOpacity:h,...I}=e,N={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":u+"px","--rows":r,"--columns":l,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return L.default.createElement("div",{ref:t,...I,style:N},L.default.createElement(Se,{imgUrl:b,bgColor:x,objectFit:m,objectPosition:f}),L.default.createElement(Te,{enableOverlay:v,overlayOpacity:h}),L.default.createElement("div",{"data-layout-content":!0},o))}),Le={"@desktop":{position:"relative","> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)",objectPosition:"var(--layout-bg-image-position, 50% 50%)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};Ie.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var Me=Ie;var O=p(require("react")),We=(0,O.forwardRef)((e,t)=>{let{place:o,zoom:r,...n}=e;return O.default.createElement("div",{ref:t,...n},O.default.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),je={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};We.defaultProps={place:"Hanoi",zoom:14};var Ne=We;var z=p(require("react")),De=z.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return z.createElement("div",{ref:t,...n},z.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),He={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};De.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Oe=De;var P=p(require("react"));var G=p(require("react"));function ze(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:l}=e;return G.default.createElement("video",{controls:r,autoPlay:n,loop:i,muted:l,controlsList:"nodownload",disablePictureInPicture:!0},G.default.createElement("source",{src:t,type:o\|\|"video/mp4"}),G.default.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}var Ae=p(require("react"));function Be(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${l}`;return Ae.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}var Ve=p(require("react"));function _e(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${l.toString()}`;return Ve.default.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Fe=(0,P.forwardRef)((e,t)=>{let{isDesignMode:o}=(0,P.useContext)(C),{src:r,controls:n,poster:i,autoPlay:l,loop:a,muted:u,...x}=e,m={src:r,controls:n,poster:i,autoPlay:!o&&l,loop:a,muted:u},f,v=ve(r),h=ye(r);return v?f=P.default.createElement(_e,{...m,youtubeId:v}):h?f=P.default.createElement(Be,{...m,vimeoId:h}):f=P.default.createElement(ze,{...m}),P.default.createElement("div",{ref:t,...x},f)}),$e={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Fe.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Ue=Fe;var y=p(require("react"));var M=p(require("react")),St=(0,M.forwardRef)((e,t)=>{let{element:o,children:r,...n}=e;return M.default.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},M.default.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),M.default.createElement("div",null,r))}),Ge=St;var ee={};Z(ee,{Modal:()=>zt,ModalClose:()=>tt,ModalContent:()=>et,ModalHeader:()=>Bt,ModalTrigger:()=>At});var T=require("@radix-ui/react-dialog"),g=p(require("react"));var Ye=p(require("react"));var R={};Z(R,{ArrowLeft:()=>Mt,ArrowRight:()=>Wt,CircleNotch:()=>Et,Eye:()=>Dt,Image:()=>jt,Minus:()=>It,Plus:()=>Lt,ShoppingCart:()=>Nt,X:()=>Tt});var s=p(require("react")),Et=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},s.default.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.default.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),Tt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.default.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),It=e=>s.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.default.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Lt=e=>s.default.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.default.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Mt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Wt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),jt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},s.default.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Nt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.default.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Dt=e=>s.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.default.createElement("rect",{width:"256",height:"256",fill:"none"}),s.default.createElement("path",{d:"M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.default.createElement("circle",{cx:"128",cy:"128",r:"40",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}));var Ke=p(require("clsx"));function W({name:e,className:t,...o}){let r=R[e],n=(0,Ke.default)("wv-icon",t);return Ye.default.createElement(r,{className:n,...o})}var j=require("@radix-ui/react-dialog"),E=require("@stitches/react"),Ht=(0,E.keyframes)({"0%":{opacity:0},"100%":{opacity:1}}),Ot=(0,E.keyframes)({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),qe=(0,E.styled)(j.Overlay,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Ht} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Xe=(0,E.styled)(j.Title,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),Ze=(0,E.styled)(j.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${Ot} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","*":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),Je=(0,E.styled)("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});var Qe=require("react");function Re(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return(0,Qe.useEffect)(()=>{t\|\|o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var zt=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,l=Re(e);return g.default.createElement(T.Root,{open:o,defaultOpen:r,onOpenChange:l,...i},t)},At=T.Trigger,Bt=(0,g.forwardRef)((e,t)=>{let{children:o,...r}=e;return g.default.createElement(Xe,{ref:t,...r,"data-wv-modal-header":!0},o)}),et=(0,g.forwardRef)((e,t)=>{let{children:o,size:r,portal:n,...i}=e,l=g.default.createElement(g.default.Fragment,null,g.default.createElement(qe,null),g.default.createElement(Ze,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},g.default.createElement(tt,null),g.default.createElement("div",{className:"wv-modal-content"},o)));return n?g.default.createElement(T.Portal,null,l):l});et.defaultProps={size:"auto",portal:!1};var tt=(0,g.forwardRef)((e,t)=>{let{asChild:o,children:r,...n}=e,i=g.default.createElement(Je,null,g.default.createElement(W,{name:"X"}));return g.default.createElement(T.Close,{asChild:!0,...n,ref:t},o?r:i)});var te=p(require("react"));function ot(){return te.default.createElement("span",{className:"wv-spinner-wrapper"},te.default.createElement(W,{name:"CircleNotch",className:"wv-spinner"}))}var rt=p(require("react"));function nt({children:e}){return rt.default.createElement("span",{className:"wv-tooltip"},e)}var oe={Placeholder:Ge,Spinner:ot,ModalComponents:ee,Icon:W,Tooltip:nt};var Vt=(0,y.forwardRef)((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:l,...a}=e,[u,x]=(0,y.useState)([]),[b,m]=(0,y.useState)(null);if((0,y.useEffect)(()=>{if(o){let v=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${ce}/me/media?${v.toString()}`).then(h=>h.json()).then(h=>{h.error?m(h):(m(null),x([...h.data]))}).catch(m)}},[o]),!o\|\|b)return y.default.createElement("div",{ref:t,...a},y.default.createElement(oe.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let f={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":l+"px"};return y.default.createElement("div",{ref:t,...a,style:f},y.default.createElement("div",{className:"wv-ig-media-container"},u.slice(0,n).map(v=>{let{id:h,permalink:I,caption:N,media_url:A,media_type:K,thumbnail_url:q}=v;return K==="VIDEO"?y.default.createElement("video",{key:h,controls:!0,poster:q},y.default.createElement("source",{src:A,type:"video/mp4"})):y.default.createElement("a",{key:h,href:I,target:"_blank",rel:"noreferrer"},y.default.createElement("img",{alt:N,src:A}))})))});Vt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var Y={Countdown:{Component:be,type:"countdown",defaultCss:xe},Button:{Component:se,type:"button",defaultCss:le},Container:{Component:me,type:"container",defaultCss:pe},Image:{Component:ke,type:"image",defaultCss:Pe},Layout:{Component:Me,type:"layout",defaultCss:Le},Map:{Component:Ne,type:"map",defaultCss:je},Text:{Component:Oe,type:"text",defaultCss:He},Video:{Component:Ue,type:"video",defaultCss:$e}};var _t=e=>{let t=new it.Weaverse(e);return Object.keys(Y).forEach(o=>{t.registerElement(Y[o])}),t},C=(0,lt.createContext)({}),re=C.Provider,Ft=C.Consumer;var st=require("@weaverse/core"),c=p(require("react"));var $t=({context:e})=>{let[,t]=(0,c.useState)(e.projectData),o=(0,c.useRef)(),r=()=>t({});(0,c.useEffect)(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?c.default.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},c.default.createElement(re,{value:e},c.default.createElement(at,{id:e.projectData.rootId}))):null},Ut=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=(0,c.useContext)(C),[r,n]=(0,c.useState)(e.data),{id:i,type:l,childIds:a=[],css:u,className:x,...b}=r;(0,c.useEffect)(()=>{let f=v=>n({...v});return e.subscribe(f),st.isBrowser&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(f)},[]);let m=o.get(l);if(m?.Component){let f=m.Component;return f.$$typeof===Symbol.for("react.forward_ref")&&(b.ref=e.ref),c.default.createElement(f,{key:i,"data-wv-type":l,"data-wv-id":i,className:fe(e,t),...b},a.map(v=>c.default.createElement(at,{key:v,id:v})))}else return console.log(`Unknown element: ${l}`),null},at=({id:e})=>{let t=(0,c.useContext)(C),{itemInstances:o}=t,r=o.get(e);return r?c.default.createElement(Ut,{key:e,instance:r}):c.default.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};0&&(module.exports={Components,Elements,WeaverseContext,WeaverseContextConsumer,WeaverseContextProvider,WeaverseRoot,createRootContext});

package/dist/index.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var Ze=Object.defineProperty;var G=(e,t)=>{for(var o in t)Ze(e,o,{get:t[o],enumerable:!0})};exportfrom"@weaverse/core";import{Weaverse as Jt}from"@weaverse/core";import{createContext as Qt}from"react";importas S from"react";import{useContext as Re}from"react";var Y=S.forwardRef((e,t)=>{let{isDesignMode:o}=Re(w),{text:r,clickAction:n,linkTo:i,openInNewTab:s,...l}=e;return n==="none"?S.createElement("button",{ref:t,...l},r):S.createElement("a",{ref:t,href:o?void 0:i,target:s?"_blank":"_self",rel:"noreferrer",...l},r)});Y.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var K={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",textAlign:"center",":hover":{backgroundColor:"#222831"}}},q=Y;import tt,{forwardRef as ot}from"react";var X=ot((e,t)=>{let{children:o,...r}=e;return tt.createElement("div",{ref:t,...r},o)}),J={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};X.defaultProps={};var Q=X;import x,{forwardRef as st,useContext as lt,useEffect as at}from"react";var Z=["days","hours","minutes","seconds"],I="wv-cd-evergreen-start",R="https://graph.instagram.com";import nt from"clsx";function it(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var z={};function ee(e,t){let{css:o,type:r,className:n=""}=e.data,i="",s="",l=e.Element?.permanentCss;if(l)if(r in z)s=z[r];else{let{className:c}=t.css(l)();Object.assign(z,{[r]:c}),s=c}if(i=s,o){let c=it(o),g=t.css(c)().className\|\|"",{stitchesClass:v}=e,p=(e.ref.current?.className\|\|"").replace(v,"").replace(n,"").replace(s,"").trim();i=nt(s,n,g,p),e.stitchesClass=g}return i}function te(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),s=Math.floor((e-nr-io)/t),l=Math.floor((e-nr-io-st)/1e3);return{days:n,hours:i,minutes:s,seconds:l}}function oe(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function re(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}import A from"react";function ne({value:e,label:t}){return A.createElement("div",{className:"wv-cd-block"},A.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&A.createElement("div",{className:"wv-cd-label"},t))}var ie=st((e,t)=>{let{isDesignMode:o}=lt(w),{timerType:r,startTime:n,endTime:i,periods:s,redirectUrl:l,openInNewTab:c,showColon:g,showLabel:v,...p}=e,[d,f]=x.useState(0),u=s601e3,P=()=>{!o&&l&&window.open(l,c?"_blank":"_self")},D=()=>{let m=n;if(r==="evergreen"){let T=localStorage.getItem(I);T?(m=Number.parseInt(T),m+u<Date.now()&&(m=Date.now(),localStorage.setItem(I,m.toString()))):(m=Date.now(),localStorage.setItem(I,m.toString()))}return m},E=m=>m<Date.now()&&i>Date.now(),H=()=>{let m=D(),T=r==="fixed-time"?i:m+u,O=E(m)?Math.max(T-Date.now(),0):0;O>0&&O<1e3&&P(),f(O)};at(()=>{let m=setInterval(H,1e3);return()=>{clearInterval(m)}},[n,i,u,r]);let j=te(d);return x.createElement("div",{ref:t,...p},Z.map(m=>x.createElement(x.Fragment,{key:m},x.createElement(ne,{label:v?m:"",value:d===0?"--":j[m]}),m!=="seconds"&&x.createElement("div",{className:"wv-cd-separator"},g&&x.createElement("span",null,":")))))}),se={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};ie.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var le=ie;import L from"react";var ae=L.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:s,openLinkInNewTab:l,linkTo:c,...g}=e,v={"--img-object-fit":n,"--img-object-position":i},p=L.createElement("img",{alt:r,"data-blink-src":o});return s==="openLink"&&c&&(p=L.createElement("a",{href:c,target:l?"_blank":"_self"},p)),L.createElement("div",{ref:t,...g,style:v},p)}),pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)"}}};ae.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var me=ae;import M,{forwardRef as ct}from"react";import de from"react";function ce(e){let{bgColor:t,imgUrl:o,objectFit:r}=e,n={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r};return o\|\|t?de.createElement("div",{style:n,className:"wv-layout-background"},o&&de.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}import dt from"react";function ue(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return dt.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var fe=ct((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:s,contentSize:l,gridSize:c,backgroundColor:g,backgroundImage:v,objectFit:p,enableOverlay:d,overlayOpacity:f,...u}=e,P={"--layout-content-width":"100vw","--content-size":l+"px","--grid-size":c+"px","--rows":r,"--columns":s,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return M.createElement("div",{ref:t,...u,style:P},M.createElement(ce,{imgUrl:v,bgColor:g,objectFit:p}),M.createElement(ue,{enableOverlay:d,overlayOpacity:f}),M.createElement("div",{"data-layout-content":!0},o))}),ge={"@desktop":{position:"relative","> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};fe.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var ve=fe;import ye,{forwardRef as ft}from"react";var we=ft((e,t)=>{let{place:o,zoom:r,...n}=e;return ye.createElement("div",{ref:t,...n},ye.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),he={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};we.defaultProps={place:"Hanoi",zoom:14};var xe=we;importas k from"react";var be=k.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return k.createElement("div",{ref:t,...n},k.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),Ce={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};be.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Pe=be;import W,{forwardRef as ht,useContext as xt}from"react";import B from"react";function Se(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:s}=e;return B.createElement("video",{controls:r,autoPlay:n,loop:i,muted:s,controlsList:"nodownload",disablePictureInPicture:!0},B.createElement("source",{src:t,type:o\|\|"video/mp4"}),B.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}import yt from"react";function ke(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,l=`https://player.vimeo.com/video/${t}?${s}`;return yt.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0})}import wt from"react";function Ee(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,s=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),l=`https://www.youtube.com/embed/${t}?playlist=${t}&${s.toString()}`;return wt.createElement("iframe",{src:l,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Te=ht((e,t)=>{let{isDesignMode:o}=xt(w),{src:r,controls:n,poster:i,autoPlay:s,loop:l,muted:c,...g}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&s,loop:l,muted:c},d,f=oe(r),u=re(r);return f?d=W.createElement(Ee,{...p,youtubeId:f}):u?d=W.createElement(ke,{...p,vimeoId:u}):d=W.createElement(Se,{...p}),W.createElement("div",{ref:t,...g},d)}),Ie={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Te.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Le=Te;import h,{forwardRef as Kt,useEffect as qt,useState as Fe}from"react";import V,{forwardRef as Ct}from"react";var Pt=Ct((e,t)=>{let{element:o,children:r,...n}=e;return V.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},V.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),V.createElement("div",null,r))}),Me=Pt;var $={};G($,{Modal:()=>Ut,ModalClose:()=>Ae,ModalContent:()=>ze,ModalHeader:()=>Yt,ModalTrigger:()=>Gt});import{Close as Vt,Portal as _t,Root as Ft,Trigger as $t}from"@radix-ui/react-dialog";import y,{forwardRef as F}from"react";import Nt from"react";var _={};G(_,{ArrowLeft:()=>It,ArrowRight:()=>Lt,CircleNotch:()=>St,Image:()=>Mt,Minus:()=>Et,Plus:()=>Tt,ShoppingCart:()=>Wt,X:()=>kt});import a from"react";var St=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},a.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),kt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"#000000",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),a.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"#000000",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),Et=e=>a.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Tt=e=>a.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},a.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),It=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Lt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Mt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},a.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Wt=e=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},a.createElement("rect",{width:"256",height:"256",fill:"none"}),a.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),a.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"#ffffff",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}));import Dt from"clsx";function C({name:e,className:t,...o}){let r=_[e],n=Dt("wv-icon",t);return Nt.createElement(r,{className:n,...o})}import{Content as Ht,Overlay as jt,Title as Ot}from"@radix-ui/react-dialog";import{keyframes as We,styled as N}from"@stitches/react";var zt=We({"0%":{opacity:0},"100%":{opacity:1}}),At=We({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),Ne=N(jt,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${zt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),De=N(Ot,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),He=N(Ht,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${At} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),je=N("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});import{useEffect as Bt}from"react";function Oe(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return Bt(()=>{t\|\|o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var Ut=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,s=Oe(e);return y.createElement(Ft,{open:o,defaultOpen:r,onOpenChange:s,...i},t)},Gt=$t,Yt=F((e,t)=>{let{children:o,...r}=e;return y.createElement(De,{ref:t,...r,"data-wv-modal-header":!0},o)}),ze=F((e,t)=>{let{children:o,size:r,portal:n,...i}=e,s=y.createElement(y.Fragment,null,y.createElement(Ne,null),y.createElement(He,{...i,onCloseAutoFocus:l=>l.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},y.createElement(Ae,null),y.createElement("div",{className:"wv-modal-content"},o)));return n?y.createElement(_t,null,s):s});ze.defaultProps={size:"auto",portal:!1};var Ae=F((e,t)=>{let{asChild:o,children:r,...n}=e,i=y.createElement(je,null,y.createElement(C,{name:"X"}));return y.createElement(Vt,{asChild:!0,...n,ref:t},o?r:i)});import Be from"react";function Ve(){return Be.createElement("span",{className:"wv-spinner-wrapper"},Be.createElement(C,{name:"CircleNotch",className:"wv-spinner"}))}var _e={Placeholder:Me,Spinner:Ve,ModalComponents:$,Icon:C};var $e=Kt((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:s,...l}=e,[c,g]=Fe([]),[v,p]=Fe(null);if(qt(()=>{if(o){let f=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${R}/me/media?${f.toString()}`).then(u=>u.json()).then(u=>{u.error?p(u):(p(null),g([...u.data]))}).catch(p)}},[o]),!o\|\|v)return h.createElement("div",{ref:t,...l},h.createElement(_e.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let d={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":s+"px"};return h.createElement("div",{ref:t,...l,style:d},h.createElement("div",{className:"wv-ig-media-container"},c.slice(0,n).map(f=>{let{id:u,permalink:P,caption:D,media_url:E,media_type:H,thumbnail_url:j}=f;return H==="VIDEO"?h.createElement("video",{key:u,controls:!0,poster:j},h.createElement("source",{src:E,type:"video/mp4"})):h.createElement("a",{key:u,href:P,target:"_blank",rel:"noreferrer"},h.createElement("img",{alt:D,src:E}))})))}),Ue={},Ge={"@desktop":{".wv-ig-media-container":{overflow:"hidden",maxWidth:"100%",maxHeight:"100%",display:"grid",gridTemplateColumns:"repeat(var(--wv-ig-images-per-row, 4), 1fr)",gap:"var(--wv-ig-images-gap, 0px)",img:{maxWidth:"100%",maxHeight:"100%",objectFit:"cover"},video:{width:"100%",height:"100%"}}},"@mobile":{".wv-ig-media-container":{overflowX:"auto",display:"flex",scrollSnapType:"x mandatory"},".wv-ig-media-container a":{scrollSnapAlign:"start",flexGrow:0,flexShrink:0,flexBasis:"100%"}}};$e.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var Ye=$e;var U={Countdown:{Component:le,type:"countdown",defaultCss:se},Button:{Component:q,type:"button",defaultCss:K},Container:{Component:Q,type:"container",defaultCss:J},Image:{Component:me,type:"image",defaultCss:pe},Instagram:{Component:Ye,type:"instagram",defaultCss:Ue,permanentCss:Ge},Layout:{Component:ve,type:"layout",defaultCss:ge},Map:{Component:xe,type:"map",defaultCss:he},Text:{Component:Pe,type:"text",defaultCss:Ce},Video:{Component:Le,type:"video",defaultCss:Ie}};var yr=e=>{let t=new Jt(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},w=Qt({}),Ke=w.Provider,wr=w.Consumer;import{isBrowser as Zt}from"@weaverse/core";import b,{useContext as qe,useEffect as Xe,useRef as Rt,useState as Je}from"react";var Sr=({context:e})=>{let[,t]=Je(e.projectData),o=Rt(),r=()=>t({});Xe(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?b.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},b.createElement(Ke,{value:e},b.createElement(Qe,{id:e.projectData.rootId}))):null},eo=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=qe(w),[r,n]=Je(e.data),{id:i,type:s,childIds:l=[],css:c,className:g,...v}=r;Xe(()=>{let d=f=>n({...f});return e.subscribe(d),Zt&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(d)},[]);let p=o.get(s);if(p?.Component){let d=p.Component;return d.$$typeof===Symbol.for("react.forward_ref")&&(v.ref=e.ref),b.createElement(d,{key:i,"data-wv-type":s,"data-wv-id":i,className:ee(e,t),...v},l.map(f=>b.createElement(Qe,{key:f,id:f})))}else return console.log(`Unknown element: ${s}`),null},Qe=({id:e})=>{let t=qe(w),{itemInstances:o}=t,r=o.get(e);return r?b.createElement(eo,{key:e,instance:r}):b.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};export{_e as Components,U as Elements,w as WeaverseContext,wr as WeaverseContextConsumer,Ke as WeaverseContextProvider,Sr as WeaverseRoot,yr as createRootContext};
1	+ var Ze=Object.defineProperty;var G=(e,t)=>{for(var o in t)Ze(e,o,{get:t[o],enumerable:!0})};exportfrom"@weaverse/core";import{Weaverse as Zt}from"@weaverse/core";import{createContext as Jt}from"react";importas S from"react";import{useContext as Je}from"react";var Y=S.forwardRef((e,t)=>{let{isDesignMode:o}=Je(h),{text:r,clickAction:n,linkTo:i,openInNewTab:l,...a}=e;return n==="none"?S.createElement("button",{ref:t,...a},r):S.createElement("a",{ref:t,href:o?void 0:i,target:l?"_blank":"_self",rel:"noreferrer",...a},r)});Y.defaultProps={type:"button",text:"Button",clickAction:"none",linkTo:"",openInNewTab:!1};var K={"@desktop":{borderRadius:"8px",border:"none",backgroundColor:"#393e46",color:"#fff",fontSize:"14px",fontWeight:"medium",padding:"10px 20px",height:"42px",minWidth:"120px",textDecoration:"none",textAlign:"center",":hover":{backgroundColor:"#222831"}}},q=Y;import Re,{forwardRef as et}from"react";var X=et((e,t)=>{let{children:o,...r}=e;return Re.createElement("div",{ref:t,...r},o)}),Z={"@desktop":{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gridArea:"1 / 1 / 3 / 6",overflow:"hidden"}};X.defaultProps={};var J=X;import b,{forwardRef as nt,useContext as it,useEffect as lt}from"react";var Q=["days","hours","minutes","seconds"],L="wv-cd-evergreen-start",R="https://graph.instagram.com";import ot from"clsx";function rt(e){return{"@desktop":e["@desktop"],"@mobile":e["@mobile"]}}var z={};function ee(e,t){let{css:o,type:r,className:n=""}=e.data,i="",l="",a=e.Element?.permanentCss;if(a)if(r in z)l=z[r];else{let{className:d}=t.css(a)();Object.assign(z,{[r]:d}),l=d}if(i=l,o){let d=rt(o),g=t.css(d)().className\|\|"",{stitchesClass:v}=e,p=(e.ref.current?.className\|\|"").replace(v,"").replace(n,"").replace(l,"").trim();i=ot(l,n,g,p),e.stitchesClass=g}return i}function te(e){let t=6e4,o=60t,r=24o,n=Math.floor(e/r),i=Math.floor((e-nr)/o),l=Math.floor((e-nr-io)/t),a=Math.floor((e-nr-io-lt)/1e3);return{days:n,hours:i,minutes:l,seconds:a}}function oe(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\|youtu\.be)\/(?:watch\?v=)?(.+)/);return t?t[1]:null}function re(e){let t=e.match(/(?:https?:\/\/)?(?:www\.)?vimeo\.com\/(.+)/);return t?t[1]:null}import A from"react";function ne({value:e,label:t}){return A.createElement("div",{className:"wv-cd-block"},A.createElement("div",{className:"wv-cd-number"},typeof e=="string"?e:e.toString().padStart(2,"0")),t&&A.createElement("div",{className:"wv-cd-label"},t))}var ie=nt((e,t)=>{let{isDesignMode:o}=it(h),{timerType:r,startTime:n,endTime:i,periods:l,redirectWhenTimerStops:a,redirectUrl:d,openInNewTab:g,showColon:v,showLabel:p,...c}=e,[u,f]=b.useState(0),x=l601e3,k=()=>{!o&&a&&d&&window.open(d,g?"_blank":"_self")},T=()=>{let m=n;if(r==="evergreen"){let I=localStorage.getItem(L);I?(m=Number.parseInt(I),m+x<Date.now()&&(m=Date.now(),localStorage.setItem(L,m.toString()))):(m=Date.now(),localStorage.setItem(L,m.toString()))}return m},D=m=>m<Date.now()&&i>Date.now(),H=()=>{let m=T(),I=r==="fixed-time"?i:m+x,O=D(m)?Math.max(I-Date.now(),0):0;O>0&&O<1e3&&k(),f(O)};lt(()=>{let m=setInterval(H,1e3);return()=>{clearInterval(m)}},[n,i,x,r]);let Xe=te(u);return b.createElement("div",{ref:t,...c},Q.map(m=>b.createElement(b.Fragment,{key:m},b.createElement(ne,{label:p?m:"",value:u===0?"--":Xe[m]}),m!=="seconds"&&b.createElement("div",{className:"wv-cd-separator"},v&&b.createElement("span",null,":")))))}),le={"@desktop":{fontFamily:"Inter",fontSize:"36px",fontWeight:500,display:"flex",alignItems:"center",overflow:"hidden",justifyContent:"center",gap:10,lineHeight:"initial",".wv-cd-block":{width:48,textAlign:"center",".wv-cd-label":{fontSize:10}},".wv-cd-separator":{span:{lineHeight:"100%"},".hidden":{visibility:"hidden"}}}};ie.defaultProps={timerType:"fixed-time",startTime:Date.now(),endTime:Date.now()+1e3606024,periods:90,redirectWhenTimerStops:!1,redirectUrl:"",openInNewTab:!1,showLabel:!0,showColon:!0};var se=ie;import M from"react";var ae=M.forwardRef((e,t)=>{let{src:o,alt:r,objectFit:n,objectPosition:i,clickAction:l,openLinkInNewTab:a,linkTo:d,...g}=e,v={"--img-object-fit":n,"--img-object-position":i},p=M.createElement("img",{alt:r,"data-blink-src":o});return l==="openLink"&&d&&(p=M.createElement("a",{href:d,target:a?"_blank":"_self"},p)),M.createElement("div",{ref:t,...g,style:v},p)}),pe={"@desktop":{display:"flex",overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"var(--img-object-fit, cover)",objectPosition:"var(--img-object-position, center)","&[data-blink-src]":{visibility:"hidden"}}}};ae.defaultProps={src:"https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",alt:"Image alt text",objectFit:"cover",objectPosition:"center",clickAction:"none",openLinkInNewTab:!1,linkTo:""};var me=ae;import W,{forwardRef as mt}from"react";import de from"react";function ce(e){let{bgColor:t,imgUrl:o,objectFit:r,objectPosition:n}=e,i={["--layout-bg-color"]:t,["--layout-bg-image-object-fit"]:r,["--layout-bg-image-position"]:n};return o\|\|t?de.createElement("div",{style:i,className:"wv-layout-background"},o&&de.createElement("img",{width:"100%",height:"100%","data-blink-src":o,alt:"Section background"})):null}import pt from"react";function ue(e){let{enableOverlay:t,overlayOpacity:o}=e;if(t){let r={["--layout-overlay-opacity"]:o/100};return pt.createElement("div",{className:"wv-layout-overlay",style:r})}return null}var fe=mt((e,t)=>{let{children:o,rows:r,gap:n,rowSize:i,columns:l,contentSize:a,gridSize:d,backgroundColor:g,backgroundImage:v,objectFit:p,objectPosition:c,enableOverlay:u,overlayOpacity:f,...x}=e,k={"--layout-content-width":"100vw","--content-size":a+"px","--grid-size":d+"px","--rows":r,"--columns":l,"--gap":n+"px","--row-size":i+"px","--col-size":"calc((var(--grid-size) - calc(var(--columns) - 1) var(--gap)) / var(--columns))"};return W.createElement("div",{ref:t,...x,style:k},W.createElement(ce,{imgUrl:v,bgColor:g,objectFit:p,objectPosition:c}),W.createElement(ue,{enableOverlay:u,overlayOpacity:f}),W.createElement("div",{"data-layout-content":!0},o))}),ge={"@desktop":{position:"relative","> [data-layout-content]":{paddingTop:"var(--gap)",paddingBottom:"var(--gap)",margin:"0 auto",display:"grid",gridTemplateRows:"repeat(var(--rows), var(--row-size))",gridTemplateColumns:"calc((var(--layout-content-width) - var(--content-size)) / 2) 1fr repeat(var(--columns), minmax(0, var(--col-size))) 1fr calc((var(--layout-content-width) - var(--content-size)) / 2)",gridAutoRows:"var(--row-size)",gap:"var(--gap)",maxWidth:"var(--layout-content-width)"},".wv-layout-background":{display:"block",position:"absolute",inset:0,backgroundColor:"var(--layout-bg-color)",img:{objectFit:"var(--layout-bg-image-object-fit, cover)",objectPosition:"var(--layout-bg-image-position, 50% 50%)"}},".wv-layout-overlay":{display:"block",position:"absolute",inset:0,backgroundColor:"rgba(0, 0, 0, var(--layout-overlay-opacity, 0.5))"}},"@mobile":{padding:"0 16px","> [data-layout-content]":{display:"flex",flexDirection:"column"}}};fe.defaultProps={contentSize:1600,gridSize:1224,rows:16,columns:12,gap:16,rowSize:48};var ve=fe;import ye,{forwardRef as ct}from"react";var he=ct((e,t)=>{let{place:o,zoom:r,...n}=e;return ye.createElement("div",{ref:t,...n},ye.createElement("iframe",{loading:"lazy",width:"100%",height:"100%",title:"map",src:`https://maps.google.com/maps?z=${r}&t=m&q=${o}&ie=UTF8&&output=embed`,style:{pointerEvents:"none"}}))}),we={"@desktop":{iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};he.defaultProps={place:"Hanoi",zoom:14};var xe=he;importas E from"react";var be=E.forwardRef((e,t)=>{let{children:o,value:r,...n}=e;return E.createElement("div",{ref:t,...n},E.createElement("div",{className:"wv-text-content",dangerouslySetInnerHTML:{__html:r}}))}),Ce={"@desktop":{padding:"10px",overflow:"hidden",".wv-text-content":{wordBreak:"break-word",overflowWrap:"break-word",whiteSpace:"break-spaces"}}};be.defaultProps={value:"<p>The quick brown fox jumps over the lazy dog</p>"};var Pe=be;import j,{forwardRef as yt,useContext as ht}from"react";import B from"react";function ke(e){let{src:t,type:o,controls:r,autoPlay:n,loop:i,muted:l}=e;return B.createElement("video",{controls:r,autoPlay:n,loop:i,muted:l,controlsList:"nodownload",disablePictureInPicture:!0},B.createElement("source",{src:t,type:o\|\|"video/mp4"}),B.createElement("source",{src:t,type:"video/ogg"}),"Your browser does not support the video tag.")}import gt from"react";function Se(e){let{vimeoId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=`autoplay=${r}&loop=${n}&controls=${o}&muted=${i}`,a=`https://player.vimeo.com/video/${t}?${l}`;return gt.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0})}import vt from"react";function Ee(e){let{youtubeId:t,controls:o,autoPlay:r,loop:n,muted:i}=e,l=new URLSearchParams({autoplay:r?"1":"0",controls:o?"1":"0",loop:n?"1":"0",mute:i?"1":"0"}),a=`https://www.youtube.com/embed/${t}?playlist=${t}&${l.toString()}`;return vt.createElement("iframe",{src:a,width:"100%",height:"100%",allowFullScreen:!0,allow:`accelerometer;${r?"autoplay;":""} clipboard-write; encrypted-media; gyroscope; picture-in-picture`})}var Te=yt((e,t)=>{let{isDesignMode:o}=ht(h),{src:r,controls:n,poster:i,autoPlay:l,loop:a,muted:d,...g}=e,p={src:r,controls:n,poster:i,autoPlay:!o&&l,loop:a,muted:d},c,u=oe(r),f=re(r);return u?c=j.createElement(Ee,{...p,youtubeId:u}):f?c=j.createElement(Se,{...p,vimeoId:f}):c=j.createElement(ke,{...p}),j.createElement("div",{ref:t,...g},c)}),Ie={"@desktop":{video:{height:"100%",width:"100%",aspectRatio:"16 / 9"},iframe:{border:"none"}},"@mobile":{iframe:{border:"none"}}};Te.defaultProps={src:"https://youtu.be/wM-NT6hcw48",poster:"https://ucarecdn.com/c413b8fe-ceec-4948-9c42-a0434c4ca920/-/preview/-/quality/smart/-/format/auto/",loop:!1,controls:!1,autoPlay:!0,muted:!0};var Le=Te;import w,{forwardRef as Kt,useEffect as qt,useState as $e}from"react";import V,{forwardRef as xt}from"react";var bt=xt((e,t)=>{let{element:o,children:r,...n}=e;return V.createElement("div",{"data-wv-placeholder":!0,ref:t,...n},V.createElement("div",{style:{fontWeight:600,marginBottom:"10px"}},o),V.createElement("div",null,r))}),Me=bt;var $={};G($,{Modal:()=>$t,ModalClose:()=>Ae,ModalContent:()=>ze,ModalHeader:()=>Gt,ModalTrigger:()=>Ut});import{Close as Bt,Portal as Vt,Root as _t,Trigger as Ft}from"@radix-ui/react-dialog";import y,{forwardRef as F}from"react";import Wt from"react";var _={};G(_,{ArrowLeft:()=>Et,ArrowRight:()=>Tt,CircleNotch:()=>Ct,Eye:()=>Mt,Image:()=>It,Minus:()=>kt,Plus:()=>St,ShoppingCart:()=>Lt,X:()=>Pt});import s from"react";var Ct=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",...e},s.createElement("circle",{style:{opacity:".25"},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),s.createElement("path",{style:{opacity:".75"},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),Pt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"200",y1:"56",x2:"56",y2:"200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.createElement("line",{x1:"200",y1:"200",x2:"56",y2:"56",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"})),kt=e=>s.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.createElement("path",{d:"M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),St=e=>s.createElement("svg",{width:"196",height:"196",fill:"currentColor",stroke:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",...e},s.createElement("path",{d:"M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z"})),Et=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"216",y1:"128",x2:"40",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("polyline",{points:"112 56 40 128 112 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Tt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("line",{x1:"40",y1:"128",x2:"216",y2:"128",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("polyline",{points:"144 56 216 128 144 200",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),It=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 640 512",...e},s.createElement("path",{d:"M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z"})),Lt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("path",{d:"M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("circle",{cx:"80",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("circle",{cx:"184",cy:"204",r:"20",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),s.createElement("path",{d:"M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),Mt=e=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"192",height:"192",fill:"currentColor",viewBox:"0 0 256 256",...e},s.createElement("rect",{width:"256",height:"256",fill:"none"}),s.createElement("path",{d:"M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Z",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}),s.createElement("circle",{cx:"128",cy:"128",r:"40",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"12"}));import jt from"clsx";function P({name:e,className:t,...o}){let r=_[e],n=jt("wv-icon",t);return Wt.createElement(r,{className:n,...o})}import{Content as Nt,Overlay as Dt,Title as Ht}from"@radix-ui/react-dialog";import{keyframes as We,styled as N}from"@stitches/react";var Ot=We({"0%":{opacity:0},"100%":{opacity:1}}),zt=We({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),je=N(Dt,{display:"block !important",backgroundColor:"rgba(0, 0, 0, .3)",position:"fixed",zIndex:9999,inset:0,animation:`${Ot} 300ms cubic-bezier(0.16, 1, 0.3, 1)`}),Ne=N(Ht,{margin:"0 0 24px",fontWeight:500,fontSize:24,"@media (max-width: 768px)":{margin:"0 0 16px",fontSize:20}}),De=N(Nt,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:24,animation:`${zt} 300ms cubic-bezier(0.16, 1, 0.3, 1)`,zIndex:9999,maxWidth:"90vw",width:"auto","":{maxWidth:"100%"},"&:focus":{outline:"none"},'&[data-size="fullscreen"]':{width:"100vw",height:"100vh",maxWidth:"100vw",borderRadius:0},"@media (max-width: 768px)":{width:"90vw",padding:12,'&[data-size="fullscreen"]':{width:"100vw"}}}),He=N("button",{all:"unset",cursor:"pointer",fontFamily:"inherit",borderRadius:"100%",height:25,width:25,padding:4,display:"inline-flex",alignItems:"center",justifyContent:"center",color:"rgb(55, 65, 81)",position:"absolute",top:8,right:8,"&:hover":{backgroundColor:"rgba(112, 112, 112, .1)"},svg:{width:20,height:20}});import{useEffect as At}from"react";function Oe(e){let{open:t,defaultOpen:o,onOpenChange:r}=e;return At(()=>{t\|\|o?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open")},[t,o]),i=>{i?document.body.classList.add("wv-modal-open"):document.body.classList.remove("wv-modal-open"),r?.(i)}}var $t=e=>{let{children:t,open:o,defaultOpen:r,onOpenChange:n,...i}=e,l=Oe(e);return y.createElement(_t,{open:o,defaultOpen:r,onOpenChange:l,...i},t)},Ut=Ft,Gt=F((e,t)=>{let{children:o,...r}=e;return y.createElement(Ne,{ref:t,...r,"data-wv-modal-header":!0},o)}),ze=F((e,t)=>{let{children:o,size:r,portal:n,...i}=e,l=y.createElement(y.Fragment,null,y.createElement(je,null),y.createElement(De,{...i,onCloseAutoFocus:a=>a.preventDefault(),"data-wv-modal":!0,"data-size":r,ref:t},y.createElement(Ae,null),y.createElement("div",{className:"wv-modal-content"},o)));return n?y.createElement(Vt,null,l):l});ze.defaultProps={size:"auto",portal:!1};var Ae=F((e,t)=>{let{asChild:o,children:r,...n}=e,i=y.createElement(He,null,y.createElement(P,{name:"X"}));return y.createElement(Bt,{asChild:!0,...n,ref:t},o?r:i)});import Be from"react";function Ve(){return Be.createElement("span",{className:"wv-spinner-wrapper"},Be.createElement(P,{name:"CircleNotch",className:"wv-spinner"}))}import Yt from"react";function _e({children:e}){return Yt.createElement("span",{className:"wv-tooltip"},e)}var Fe={Placeholder:Me,Spinner:Ve,ModalComponents:$,Icon:P,Tooltip:_e};var Xt=Kt((e,t)=>{let{token:o,username:r,numberOfImages:n,imagesPerRow:i,gap:l,...a}=e,[d,g]=$e([]),[v,p]=$e(null);if(qt(()=>{if(o){let u=new URLSearchParams({access_token:o,fields:"id,media_type,caption,media_url,permalink,thumbnail_url"});fetch(`${R}/me/media?${u.toString()}`).then(f=>f.json()).then(f=>{f.error?p(f):(p(null),g([...f.data]))}).catch(p)}},[o]),!o\|\|v)return w.createElement("div",{ref:t,...a},w.createElement(Fe.Placeholder,{element:"Instagram"},o?"Invalid or expired token!":"Connect to Instagram to display photos on your site."));let c={"--wv-ig-images-per-row":i,"--wv-ig-images-gap":l+"px"};return w.createElement("div",{ref:t,...a,style:c},w.createElement("div",{className:"wv-ig-media-container"},d.slice(0,n).map(u=>{let{id:f,permalink:x,caption:k,media_url:T,media_type:D,thumbnail_url:H}=u;return D==="VIDEO"?w.createElement("video",{key:f,controls:!0,poster:H},w.createElement("source",{src:T,type:"video/mp4"})):w.createElement("a",{key:f,href:x,target:"_blank",rel:"noreferrer"},w.createElement("img",{alt:k,src:T}))})))});Xt.defaultProps={token:"",username:"",numberOfImages:8,imagesPerRow:4,gap:0};var U={Countdown:{Component:se,type:"countdown",defaultCss:le},Button:{Component:q,type:"button",defaultCss:K},Container:{Component:J,type:"container",defaultCss:Z},Image:{Component:me,type:"image",defaultCss:pe},Layout:{Component:ve,type:"layout",defaultCss:ge},Map:{Component:xe,type:"map",defaultCss:we},Text:{Component:Pe,type:"text",defaultCss:Ce},Video:{Component:Le,type:"video",defaultCss:Ie}};var Cr=e=>{let t=new Zt(e);return Object.keys(U).forEach(o=>{t.registerElement(U[o])}),t},h=Jt({}),Ue=h.Provider,Pr=h.Consumer;import{isBrowser as Qt}from"@weaverse/core";import C,{useContext as Ge,useEffect as Ye,useRef as Rt,useState as Ke}from"react";var Lr=({context:e})=>{let[,t]=Ke(e.projectData),o=Rt(),r=()=>t({});Ye(()=>(e.subscribe(r),e.contentRootElement=o.current,()=>{e.unsubscribe(r)}),[]);let n=e?.studioBridge?.eventHandlers\|\|{},i=e.stitchesInstance.theme.className;return e.projectData?.rootId?C.createElement("div",{className:`weaverse-content-root ${i}`,...n,ref:o},C.createElement(Ue,{value:e},C.createElement(qe,{id:e.projectData.rootId}))):null},eo=({instance:e})=>{let{stitchesInstance:t,elementInstances:o}=Ge(h),[r,n]=Ke(e.data),{id:i,type:l,childIds:a=[],css:d,className:g,...v}=r;Ye(()=>{let c=u=>n({...u});return e.subscribe(c),Qt&&!e.ref.current&&Object.assign(e.ref,{current:document.querySelector(`[data-wv-id="${i}"]`)}),()=>e.unsubscribe(c)},[]);let p=o.get(l);if(p?.Component){let c=p.Component;return c.$$typeof===Symbol.for("react.forward_ref")&&(v.ref=e.ref),C.createElement(c,{key:i,"data-wv-type":l,"data-wv-id":i,className:ee(e,t),...v},a.map(u=>C.createElement(qe,{key:u,id:u})))}else return console.log(`Unknown element: ${l}`),null},qe=({id:e})=>{let t=Ge(h),{itemInstances:o}=t,r=o.get(e);return r?C.createElement(eo,{key:e,instance:r}):C.createElement("div",{style:{display:"none"}},"Item instance ",e," not found")};export{Fe as Components,U as Elements,h as WeaverseContext,Pr as WeaverseContextConsumer,Ue as WeaverseContextProvider,Lr as WeaverseRoot,Cr as createRootContext};

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.45",
+  "version": "0.7.48",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,8 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.2",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "0.7.45",
-    "clsx": "^1.2.1",
-    "nuka-carousel": "^5.4.1"
+    "@weaverse/core": "0.7.47",
+    "clsx": "^1.2.1"
   }
 }

package/dist/index.d.ts DELETED Viewed

@@ -1,206 +0,0 @@
-import { WeaverseType, Weaverse, ElementCSS, WeaverseItemStore, WeaverseElement } from '@weaverse/core';
-export * from '@weaverse/core';
-import * as React from 'react';
-import React__default, { HTMLAttributes, ReactElement, ReactNode, CSSProperties } from 'react';
-import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
-import { DialogContentProps, DialogProps, DialogTitleProps, DialogCloseProps } from '@radix-ui/react-dialog';
-declare let createRootContext: (configs: WeaverseType) => Weaverse;
-declare let WeaverseContext: React.Context<Weaverse>;
-declare let WeaverseContextProvider: React.Provider<Weaverse>;
-declare let WeaverseContextConsumer: React.Consumer<Weaverse>;
-declare let CircleNotch: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let X: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let Minus: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let Plus: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let ArrowLeft: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let ArrowRight: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let Image: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare let ShoppingCart: (props: HTMLAttributes<SVGElement>) => JSX.Element;
-declare const PhosphorIcons_CircleNotch: typeof CircleNotch;
-declare const PhosphorIcons_X: typeof X;
-declare const PhosphorIcons_Minus: typeof Minus;
-declare const PhosphorIcons_Plus: typeof Plus;
-declare const PhosphorIcons_ArrowLeft: typeof ArrowLeft;
-declare const PhosphorIcons_ArrowRight: typeof ArrowRight;
-declare const PhosphorIcons_Image: typeof Image;
-declare const PhosphorIcons_ShoppingCart: typeof ShoppingCart;
-declare namespace PhosphorIcons {
-  export {
-    PhosphorIcons_CircleNotch as CircleNotch,
-    PhosphorIcons_X as X,
-    PhosphorIcons_Minus as Minus,
-    PhosphorIcons_Plus as Plus,
-    PhosphorIcons_ArrowLeft as ArrowLeft,
-    PhosphorIcons_ArrowRight as ArrowRight,
-    PhosphorIcons_Image as Image,
-    PhosphorIcons_ShoppingCart as ShoppingCart,
-  };
-}
-interface ModalContentProps extends DialogContentProps {
-    size?: 'auto' | 'fullscreen';
-    portal?: boolean;
-}
-type WeaverseIcon = keyof typeof PhosphorIcons;
-interface WeaverseIconProps extends HTMLAttributes<SVGElement> {
-    name: WeaverseIcon;
-}
-interface WeaverseElementProps extends ReactElement {
-    css?: ElementCSS;
-    ['data-wv-type']: string;
-    ['data-wv-id']: string;
-    children?: ReactElement | ReactElement[] | ReactNode | ReactNode[];
-    className?: string;
-}
-type WeaverseRootPropsType = {
-    context: Weaverse;
-};
-type ItemComponentProps = {
-    instance: InstanceType<typeof WeaverseItemStore>;
-};
-interface PlaceholderProps {
-    element: string;
-    children: ReactElement | ReactElement[] | ReactNode | ReactNode[];
-    style?: CSSProperties;
-}
-interface ButtonElementProps extends WeaverseElementProps {
-    type: 'button' | 'submit' | 'reset';
-    text: string;
-    clickAction: 'none' | 'openLink';
-    linkTo: string;
-    openInNewTab: boolean;
-}
-interface ContainerElementProps extends WeaverseElementProps {
-    [key: string]: any;
-}
-interface ImageElementProps extends WeaverseElementProps {
-    src: string;
-    alt: string;
-    objectFit: 'contain' | 'cover';
-    objectPosition: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'center left' | 'center right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
-    clickAction: 'none' | 'openLightbox' | 'openLink';
-    linkTo?: string;
-    openLinkInNewTab?: boolean;
-}
-interface GridContentElementProps extends WeaverseElementProps {
-    rows: number;
-    columns: number;
-    gap: number;
-    rowSize: number;
-}
-interface BackgroundDataProps {
-    backgroundColor?: string;
-    backgroundImage?: string;
-    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-}
-interface LayoutElementProps extends BackgroundDataProps, WeaverseElementProps {
-    contentSize: number;
-    gridSize: number;
-    rows: number;
-    columns: number;
-    gap: number;
-    rowSize: number;
-    enableOverlay: boolean;
-    overlayOpacity: number;
-}
-interface LayoutBackgroundProps {
-    imgUrl?: string;
-    bgColor?: string;
-    objectFit?: CSSProperties['objectFit'];
-}
-interface MapElementProps extends WeaverseElementProps {
-    place: string;
-    zoom: number;
-}
-interface TextElementProps extends WeaverseElementProps {
-    value: string;
-}
-interface VideoCommonProps {
-    src: string;
-    type?: string;
-    poster: string;
-    loop: boolean;
-    controls: boolean;
-    autoPlay: boolean;
-    muted: boolean;
-}
-type VideoElementProps = VideoCommonProps & WeaverseElementProps;
-interface YoutubeElementProps extends VideoCommonProps {
-    youtubeId: string;
-}
-interface VimeoElementProps extends VideoCommonProps {
-    vimeoId: string;
-}
-type CountdownTimeKey = 'days' | 'hours' | 'minutes' | 'seconds';
-type CountdownTimerType = 'fixed-time' | 'evergreen';
-interface CountdownElementProps extends WeaverseElementProps {
-    timerType: CountdownTimerType;
-    startTime: number;
-    endTime: number;
-    periods: number;
-    redirectUrl: string;
-    openInNewTab: boolean;
-    showLabel: boolean;
-    showColon: boolean;
-}
-type TimerBlockProps = {
-    label: string;
-    value: string | number;
-};
-interface InstagramElementProps extends WeaverseElementProps {
-    token: string;
-    username: string;
-    numberOfImages: number;
-    imagesPerRow: number;
-    gap: number;
-}
-type InstagramMedia = {
-    id: string;
-    media_type: 'IMAGE' | 'CAROUSEL_ALBUM' | 'VIDEO';
-    media_url: string;
-    permalink: string;
-    caption: string;
-    thumbnail_url: string;
-};
-declare let Modal: (props: DialogProps) => JSX.Element;
-declare let ModalTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare let ModalHeader: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
-declare let ModalContent: React__default.ForwardRefExoticComponent<ModalContentProps & React__default.RefAttributes<HTMLDivElement>>;
-declare let ModalClose: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare const ModalComponents_Modal: typeof Modal;
-declare const ModalComponents_ModalTrigger: typeof ModalTrigger;
-declare const ModalComponents_ModalHeader: typeof ModalHeader;
-declare const ModalComponents_ModalContent: typeof ModalContent;
-declare const ModalComponents_ModalClose: typeof ModalClose;
-declare namespace ModalComponents {
-  export {
-    ModalComponents_Modal as Modal,
-    ModalComponents_ModalTrigger as ModalTrigger,
-    ModalComponents_ModalHeader as ModalHeader,
-    ModalComponents_ModalContent as ModalContent,
-    ModalComponents_ModalClose as ModalClose,
-  };
-}
-declare function Spinner(): JSX.Element;
-declare function Icon({ name, className, ...props }: WeaverseIconProps): JSX.Element;
-declare let Components: {
-    Placeholder: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<HTMLDivElement>>;
-    Spinner: typeof Spinner;
-    ModalComponents: typeof ModalComponents;
-    Icon: typeof Icon;
-};
-declare const Elements: Record<string, WeaverseElement>;
-declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element | null;
-export { ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, PlaceholderProps, TextElementProps, TimerBlockProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };