(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44803],{9006:(s,e,r)=>{"use strict";r.d(e,{A:()=>p});var a=r(87687),l=r(52751),n=r(31928),i=r(19901),t=r(44386);let o=(0,n.I)("label")({name:"Wrapper",class:"wfao701",propsAsIs:!1}),p=function(s){let{active:e,handleToggle:r,children:n,...p}=s,d=l.useId();return(0,a.jsxs)(o,{htmlFor:d,...p,children:[(0,a.jsx)(t.A,{id:d,active:e,handleToggle:r,handleFocusColor:null,handleColor:e?"var(--color-text)":"var(--color-gray-400)"}),(0,a.jsx)(i.A,{size:16}),n]})};r(41133)},34250:(s,e,r)=>{"use strict";r.d(e,{I4:()=>t,Qc:()=>n,sD:()=>o,y6:()=>i});var a=r(31928),l=r(59341);let n=(0,a.I)("div")({name:"GridStructure",class:"g1nrkimi",propsAsIs:!1}),i=(0,a.I)("div")({name:"BaseCodeWrapper",class:"bu47715",propsAsIs:!1}),t=(0,a.I)(l.P.div)({name:"LabeledColumn",class:"ljraie7",propsAsIs:!0}),o=(0,a.I)(l.P.div)({name:"LabeledRow",class:"l12tgnsh",propsAsIs:!0});r(97406)},26726:(s,e,r)=>{"use strict";r.d(e,{A:()=>d});var a=r(87687),l=r(52751),n=r(31928),i=r(20120),t=r(9006);let o=(0,n.I)("div")({name:"Wrapper",class:"w1n5e7hb",propsAsIs:!1}),p=(0,n.I)(function(s){let{isPerspectiveEnabled:e,setIsPerspectiveEnabled:r,...l}=s;return(0,a.jsx)(t.A,{active:e,handleToggle:()=>r(!e),...l,children:"Show Perspective"})})({name:"GridPerspectiveToggle",class:"g19jnwoh",propsAsIs:!0}),d=function(s){let{defaultPerspectiveEnabled:e=!0,children:r,hidePerspectiveControl:n,...t}=s,d=l.useId().replace(/:/g,""),[c,u]=l.useState(e);return(0,a.jsx)(i.Ay,{...t,id:"grid-demo-".concat(d),outputWrapper:null,controlPosition:"top",children:s=>(0,a.jsxs)(o,{children:[r({...s,isPerspectiveEnabled:c}),!n&&(0,a.jsx)(p,{id:d,isPerspectiveEnabled:c,setIsPerspectiveEnabled:u})]})})};r(73428)},37802:(s,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>j});var a=r(87687),l=r(31928),n=r(59341),i=r(68852),t=r(20120),o=r(26726),p=r(4230),d=r(34250);let c=(0,l.I)("div")({name:"SliderWrapper",class:"sx95k36",propsAsIs:!1}),u=(0,l.I)("div")({name:"OuterWrapper",class:"opwm90d",propsAsIs:!1}),h=(0,l.I)("div")({name:"Wrapper",class:"w18prfcn",propsAsIs:!1}),m=(0,l.I)(n.P.div)({name:"Layer",class:"l1pb8pl2",propsAsIs:!0}),g=(0,l.I)(m)({name:"BackLayer",class:"b1dj9fcr",propsAsIs:!0}),I=(0,l.I)("div")({name:"ChildWrapper",class:"c1o730d4",propsAsIs:!1}),x=(0,l.I)("div")({name:"GridTrack",class:"g1q5g8u9",propsAsIs:!1}),j=function(){return(0,a.jsx)(o.A,{initialValues:{numOfChildren:3},customGrid:{gridTemplateColumns:"1fr"},controls:[(0,a.jsx)(c,{children:(0,a.jsx)(t.oP,{id:"numOfChildren",label:"Number of Children",min:1,max:5,step:1,handleFocusColor:"white",wrapperStyle:{width:400,maxWidth:"80vw"}})},"numOfChildren")],children:s=>{let{numOfChildren:e,isPerspectiveEnabled:r}=s;return(0,a.jsx)(u,{children:(0,a.jsxs)(h,{children:[(0,a.jsx)(g,{style:{transform:r?"translateX(10%) skewY(18deg) scaleX(0.85)":"translateX(0%) skewY(0deg) scaleX(1)"},children:(0,a.jsx)(d.Qc,{children:(0,i.y1)(e).map(s=>(0,a.jsx)(x,{},s))})}),(0,a.jsx)(m,{style:{transform:r?"translateX(-10%) skewY(18deg) scaleX(0.85)":"translateX(0%) skewY(0deg) scaleX(1)"},children:(0,a.jsx)(I,{children:(0,i.y1)(e).map(s=>(0,a.jsx)(p.A,{layout:!1,style:{opacity:r?.8:1,height:50}},s))})})]})})}})};r(13104)},4230:(s,e,r)=>{"use strict";r.d(e,{A:()=>o});var a=r(87687),l=r(31928),n=r(59341);let i=(0,l.I)(n.P.div)({name:"Wrapper",class:"wg9umku",propsAsIs:!0}),t=(0,l.I)(n.P.div)({name:"InnerWrapper",class:"iizukyq",propsAsIs:!0}),o=function(s){let{ref:e,primary:r,layout:l=!0,style:o={},wrapperStyle:p={},textWrapperStyle:d={},children:c,...u}=s;return(0,a.jsx)(i,{ref:e,layout:l,initial:{borderRadius:4},style:{background:r?"hsl(50deg 100% 90%)":"var(--color-gray-500)",...o},...u,children:(0,a.jsx)(t,{layout:l,initial:{borderRadius:2},style:{color:r?"black":"var(--color-text)",background:r?"hsl(50deg 100% 50%)":"var(--color-gray-100)",...p},children:(0,a.jsx)(n.P.span,{layout:l,style:{display:"inline-block",...d},children:c})})})};r(49452)},41133:s=>{s.exports={wfao701:"wfao701"}},97406:s=>{s.exports={g1nrkimi:"g1nrkimi",bu47715:"bu47715",ljraie7:"ljraie7",l12tgnsh:"l12tgnsh"}},73428:s=>{s.exports={w1n5e7hb:"w1n5e7hb",g19jnwoh:"g19jnwoh"}},13104:s=>{s.exports={sx95k36:"sx95k36",opwm90d:"opwm90d",w18prfcn:"w18prfcn",l1pb8pl2:"l1pb8pl2",b1dj9fcr:"b1dj9fcr",c1o730d4:"c1o730d4",g1q5g8u9:"g1q5g8u9"}},49452:s=>{s.exports={wg9umku:"wg9umku",fadeFromTransparent:"fadeFromTransparent",iizukyq:"iizukyq"}}}]);
//# sourceMappingURL=44803.c257cec0a1e66592.js.map