(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45167],{40084:(s,e,t)=>{"use strict";t.d(e,{Z:()=>i,m:()=>r});var n=t(67841),c=t(79477);let r=c.createContext({code:"",lang:""}),i=c.memo(function(s){let{code:e,lang:t,children:c}=s;return(0,n.jsx)(r.Provider,{value:{code:e,lang:t},children:c})})},56073:(s,e,t)=>{"use strict";t.d(e,{Z:()=>n});let n=(0,t(64833).z)("code")({name:"InlineCode",class:"i165vvr1",propsAsIs:!1});t(67787)},40194:(s,e,t)=>{"use strict";t.d(e,{Z:()=>c});var n=t(67841);t(79477);let c=function(s){return(0,n.jsx)("svg",{viewBox:"0 0 14 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00225 2C4.03169 2 0 6.02944 0 11C0 15.9706 4.03169 20 9.00225 20H11.5C13.7503 20 14 22 14 22V0.5C14 0.5 13 2 11.5 2H9.00225ZM9 15C11.2091 15 13 13.2091 13 11C13 8.79086 11.2091 7 9 7C6.79086 7 5 8.79086 5 11C5 13.2091 6.79086 15 9 15Z",fill:"white"})})}},92798:(s,e,t)=>{"use strict";t.d(e,{Z:()=>r});var n=t(67841);t(79477);let c=(0,t(64833).z)("svg")({name:"Svg",class:"s4f6bxv",propsAsIs:!1}),r=function(s){let{}=s;return(0,n.jsx)(c,{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",fill:"none",viewBox:"0 0 100 200",children:(0,n.jsx)("path",{d:"\n          M 50 0\n          C 120 66\n            0 132\n            50 200\n        "})})};t(7307)},45167:(s,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>S});var n=t(67841),c=t(79477),r=t(64833),i=t(40996),l=t(56073),o=t(40084),a=t(76375),d=t(92798),p=t(40194),x=t(73672);let h=(0,r.z)("div")({name:"Wrapper",class:"w160czso",propsAsIs:!1}),u=(0,r.z)("div")({name:"Row",class:"rpw7k9g",propsAsIs:!1}),m=(0,r.z)("span")({name:"Prefix",class:"p13uaedf",propsAsIs:!1}),v=(0,r.z)("input")({name:"Input",class:"ib1moik",propsAsIs:!1}),j=(0,r.z)("span")({name:"Value",class:"v1c0wzl0",propsAsIs:!1}),w=function(s){let{title:e,setTitle:t}=s;return(0,n.jsxs)(h,{children:["{",(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  title: "}),(0,n.jsx)(v,{value:e,onChange:s=>t(s.target.value)}),","]}),(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  startsAt: "}),(0,n.jsx)(j,{children:'"2023-05-29T16:00:00Z"'}),","]}),(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  duration: "}),(0,n.jsx)(j,{children:"4"}),","]}),(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  confirmed: "}),(0,n.jsx)(j,{children:"true"}),","]}),"}"]})};t(10825);let g=(0,r.z)("div")({name:"Wrapper",class:"wxk2tu2",propsAsIs:!1}),f=(0,r.z)("div")({name:"Label",class:"l414m5q",propsAsIs:!1}),z=(0,r.z)("span")({name:"Prefix",class:"pg6hhl9",propsAsIs:!1}),k=(0,r.z)("div")({name:"WireWrapper",class:"w1qocun",propsAsIs:!1}),C=(0,r.z)("div")({name:"MobileWireWrapper",class:"mrwxmm7",propsAsIs:!1}),y=(0,r.z)(x.Z)({name:"FloatingPadlock",class:"f3uaqxt",propsAsIs:!0}),I=(0,r.z)(x.Z)({name:"MobilePadlock",class:"mt6k19c",propsAsIs:!0}),b=(0,r.z)("div")({name:"ChoicesWrapper",class:"cxavaas",propsAsIs:!1}),A=(0,r.z)("label")({name:"Choice",class:"csp1sj4",propsAsIs:!1}),Z=(0,r.z)("div")({name:"Background",class:"b1mqlisv",propsAsIs:!1}),q=(0,r.z)("div")({name:"ChoiceLabel",class:"c1pezb7r",propsAsIs:!1}),W=(0,r.z)(p.Z)({name:"BackHook",class:"b12nzijw",propsAsIs:!0}),R=(0,r.z)(W)({name:"FrontHook",class:"f172yidi",propsAsIs:!0}),S=function(s){let{codeOutput:e}=s,t=c.useId(),[r,p]=c.useState("Change me!"),[x,h]=c.useState("pristine"),u=c.useRef({}),m=function(s){let{status:e,title:t}=s,n="const event = {\n  title: 'Change me!',\n  startsAt: '2023-05-29T16:00:00Z',\n  duration: 4,\n  confirmed: true,\n};";return"dirty"===e&&(n="".concat(n,'\n\nevent.title = "').concat(t,'"')),n}({status:x,title:r});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(g,{children:[(0,n.jsxs)(f,{children:[(0,n.jsx)(z,{children:"const"}),"event"]}),(0,n.jsxs)(k,{children:[(0,n.jsx)(a.Z,{choiceRefs:u,choiceIndex:0,connectionStyle:"locked"}),(0,n.jsx)(y,{})]}),(0,n.jsxs)(C,{children:[(0,n.jsx)(d.Z,{}),(0,n.jsx)(I,{})]}),(0,n.jsx)(b,{children:(0,n.jsxs)(A,{ref:s=>{u.current[0]=s},htmlFor:"choice-".concat(t),children:[(0,n.jsx)(Z,{children:(0,n.jsx)(W,{})}),(0,n.jsx)(q,{children:(0,n.jsx)(w,{title:r,setTitle:s=>{p(s),h("dirty")}})}),(0,n.jsx)(R,{})]})})]}),(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)("strong",{children:["You can edit the ",(0,n.jsx)(l.Z,{children:"title"})," property."]})," ","This is equivalent to the following JS code:"]}),(0,n.jsx)(o.Z,{lang:"js",code:m,children:e})]})};t(17385)},73672:(s,e,t)=>{"use strict";t.d(e,{Z:()=>r});var n=t(67841),c=t(79477);let r=function(s){let e=c.useId(),t="linear-gradient-".concat(e).replace(/:/g,"");return(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"30",fill:"none",viewBox:"0 0 24 30",...s,children:[(0,n.jsx)("rect",{width:"21",height:"17",x:"1.5",y:"11.5",fill:"url(#".concat(t,")"),stroke:"var(--color-gray-700)",strokeWidth:"3",rx:"2.5"}),(0,n.jsx)("path",{stroke:"var(--color-gray-700)",strokeWidth:"3",d:"M6 11V7.5C6 4.462 8.686 2 12 2s6 2.462 6 5.5V11"}),(0,n.jsx)("defs",{children:(0,n.jsxs)("linearGradient",{id:t,x1:"24",x2:"0",y1:"20",y2:"20",gradientUnits:"userSpaceOnUse",children:[(0,n.jsx)("stop",{stopColor:"hsl(50deg 100% 80%)"}),(0,n.jsx)("stop",{offset:"0.5",stopColor:"hsl(50deg 100% 70%)"}),(0,n.jsx)("stop",{offset:"1",stopColor:"hsl(50deg 100% 80%)"})]})})]})}},76375:(s,e,t)=>{"use strict";t.d(e,{Z:()=>d});var n=t(67841),c=t(79477),r=t(64833),i=t(45700),l=t(74631),o=t(76955);let a=(0,r.z)("svg")({name:"Svg",class:"s1wq5k0m",propsAsIs:!1}),d=function(s){let{choiceRefs:e,choiceIndex:t,connectionStyle:r="centered",dependency:d=[]}=s,p=(0,o.Z)(),[x,h]=c.useState(""),u=c.useRef(null);return c.useEffect(()=>{var s;let n=null===(s=e.current)||void 0===s?void 0:s[t];if(!n||!u.current)return;let c=u.current.getBoundingClientRect(),i=n.getBoundingClientRect(),o=c.left-4,a={x:0,y:"centered"===r?c.height/2:90},d={x:i.left-o-16,y:"centered"===r?i.top-c.top+i.height/2-2:i.top-c.top+26},p=(0,l.Fv)(t,0,Object.keys(e.current).length,2,-2),x=(0,l.Fv)(t,0,Object.keys(e.current).length,20,-20),m=.5*c.width;h("\n      M ".concat(a.x," ").concat(a.y+p,"\n      C ").concat(a.x+m," ").concat(a.y+x,"\n        ").concat(d.x-m," ").concat(d.y-30,"\n        ").concat(d.x," ").concat(d.y,"\n      Q ").concat(d.x+6," ").concat(d.y+4,"\n        ").concat(d.x-2," ").concat(d.y+8,"\n      C ").concat(d.x-8," ").concat(d.y+12,"\n        ").concat(d.x-22," ").concat(d.y,"\n        ").concat(d.x-3," ").concat(d.y-3,"\n    "))},[t,e,r,p.width,d]),(0,n.jsx)(a,{xmlns:"http://www.w3.org/2000/svg",ref:u,width:"100%",height:"100%",fill:"none",children:x&&(0,n.jsx)(i.E.path,{animate:{d:x},transition:{type:"spring",damping:10,stiffness:100}})})};t(90823)},10825:s=>{s.exports={w160czso:"w160czso",rpw7k9g:"rpw7k9g",p13uaedf:"p13uaedf",ib1moik:"ib1moik",v1c0wzl0:"v1c0wzl0"}},7307:s=>{s.exports={s4f6bxv:"s4f6bxv"}},17385:s=>{s.exports={wxk2tu2:"wxk2tu2",l414m5q:"l414m5q",pg6hhl9:"pg6hhl9",w1qocun:"w1qocun",mrwxmm7:"mrwxmm7",f3uaqxt:"f3uaqxt",mt6k19c:"mt6k19c",cxavaas:"cxavaas",csp1sj4:"csp1sj4",b1mqlisv:"b1mqlisv",c1pezb7r:"c1pezb7r",b12nzijw:"b12nzijw",f172yidi:"f172yidi"}},90823:s=>{s.exports={s1wq5k0m:"s1wq5k0m"}}}]);
//# sourceMappingURL=45167.a1f8bb16870b6000.js.map