(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16763],{99800:(s,e,t)=>{"use strict";t.d(e,{A:()=>i,M:()=>r});var n=t(87687),c=t(52751);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})})},79298:(s,e,t)=>{"use strict";t.d(e,{A:()=>n});let n=(0,t(31928).I)("code")({name:"InlineCode",class:"i165vvr1",propsAsIs:!1});t(87585)},85633:(s,e,t)=>{"use strict";t.d(e,{A:()=>c});var n=t(87687);t(52751);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"})})}},97349:(s,e,t)=>{"use strict";t.d(e,{A:()=>r});var n=t(87687);t(52751);let c=(0,t(31928).I)("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(56793)},16763:(s,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>R});var n=t(87687),c=t(52751),r=t(31928),i=t(54729),l=t(79298),o=t(99800),a=t(54631),d=t(97349),p=t(85633),x=t(78922);let h=(0,r.I)("div")({name:"Wrapper",class:"w160czso",propsAsIs:!1}),u=(0,r.I)("div")({name:"Row",class:"rpw7k9g",propsAsIs:!1}),m=(0,r.I)("span")({name:"Prefix",class:"p13uaedf",propsAsIs:!1}),j=(0,r.I)("input")({name:"Input",class:"ib1moik",propsAsIs:!1}),v=(0,r.I)("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)(j,{value:e,onChange:s=>t(s.target.value)}),","]}),(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  startsAt: "}),(0,n.jsx)(v,{children:'"2023-05-29T16:00:00Z"'}),","]}),(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  duration: "}),(0,n.jsx)(v,{children:"4"}),","]}),(0,n.jsxs)(u,{children:[(0,n.jsx)(m,{children:"  confirmed: "}),(0,n.jsx)(v,{children:"true"}),","]}),"}"]})};t(23912);let g=(0,r.I)("div")({name:"Wrapper",class:"wxk2tu2",propsAsIs:!1}),f=(0,r.I)("div")({name:"Label",class:"l414m5q",propsAsIs:!1}),I=(0,r.I)("span")({name:"Prefix",class:"pg6hhl9",propsAsIs:!1}),A=(0,r.I)("div")({name:"WireWrapper",class:"w1qocun",propsAsIs:!1}),k=(0,r.I)("div")({name:"MobileWireWrapper",class:"mrwxmm7",propsAsIs:!1}),C=(0,r.I)(x.A)({name:"FloatingPadlock",class:"f3uaqxt",propsAsIs:!0}),y=(0,r.I)(x.A)({name:"MobilePadlock",class:"mt6k19c",propsAsIs:!0}),b=(0,r.I)("div")({name:"ChoicesWrapper",class:"cxavaas",propsAsIs:!1}),q=(0,r.I)("label")({name:"Choice",class:"csp1sj4",propsAsIs:!1}),z=(0,r.I)("div")({name:"Background",class:"b1mqlisv",propsAsIs:!1}),S=(0,r.I)("div")({name:"ChoiceLabel",class:"c1pezb7r",propsAsIs:!1}),W=(0,r.I)(p.A)({name:"BackHook",class:"b12nzijw",propsAsIs:!0}),M=(0,r.I)(W)({name:"FrontHook",class:"f172yidi",propsAsIs:!0}),R=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)(I,{children:"const"}),"event"]}),(0,n.jsxs)(A,{children:[(0,n.jsx)(a.A,{choiceRefs:u,choiceIndex:0,connectionStyle:"locked"}),(0,n.jsx)(C,{})]}),(0,n.jsxs)(k,{children:[(0,n.jsx)(d.A,{}),(0,n.jsx)(y,{})]}),(0,n.jsx)(b,{children:(0,n.jsxs)(q,{ref:s=>{u.current[0]=s},htmlFor:"choice-".concat(t),children:[(0,n.jsx)(z,{children:(0,n.jsx)(W,{})}),(0,n.jsx)(S,{children:(0,n.jsx)(w,{title:r,setTitle:s=>{p(s),h("dirty")}})}),(0,n.jsx)(M,{})]})})]}),(0,n.jsxs)(i.A,{children:[(0,n.jsxs)("strong",{children:["You can edit the ",(0,n.jsx)(l.A,{children:"title"})," property."]})," ","This is equivalent to the following JS code:"]}),(0,n.jsx)(o.A,{lang:"js",code:m,children:e})]})};t(68031)},78922:(s,e,t)=>{"use strict";t.d(e,{A:()=>r});var n=t(87687),c=t(52751);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%)"})]})})]})}},54631:(s,e,t)=>{"use strict";t.d(e,{A:()=>d});var n=t(87687),c=t(52751),r=t(31928),i=t(59341),l=t(68852),o=t(82310);let a=(0,r.I)("svg")({name:"Svg",class:"s1wq5k0m",propsAsIs:!1}),d=function(s){let{choiceRefs:e,choiceIndex:t,connectionStyle:r="centered",dependency:d=[]}=s,p=(0,o.A)(),[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.S8)(t,0,Object.keys(e.current).length,2,-2),x=(0,l.S8)(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.P.path,{animate:{d:x},transition:{type:"spring",damping:10,stiffness:100}})})};t(49731)},23912:s=>{s.exports={w160czso:"w160czso",rpw7k9g:"rpw7k9g",p13uaedf:"p13uaedf",ib1moik:"ib1moik",v1c0wzl0:"v1c0wzl0"}},56793:s=>{s.exports={s4f6bxv:"s4f6bxv"}},68031: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"}},49731:s=>{s.exports={s1wq5k0m:"s1wq5k0m"}}}]);
//# sourceMappingURL=16763.0ded97664e48ca60.js.map