(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38214],{9006:(s,r,e)=>{"use strict";e.d(r,{A:()=>d});var a=e(87687),l=e(52751),t=e(31928),i=e(19901),n=e(44386);let o=(0,t.I)("label")({name:"Wrapper",class:"wfao701",propsAsIs:!1}),d=function(s){let{active:r,handleToggle:e,children:t,...d}=s,c=l.useId();return(0,a.jsxs)(o,{htmlFor:c,...d,children:[(0,a.jsx)(n.A,{id:c,active:r,handleToggle:e,handleFocusColor:null,handleColor:r?"var(--color-text)":"var(--color-gray-400)"}),(0,a.jsx)(i.A,{size:16}),t]})};e(41133)},34250:(s,r,e)=>{"use strict";e.d(r,{I4:()=>n,Qc:()=>t,sD:()=>o,y6:()=>i});var a=e(31928),l=e(59341);let t=(0,a.I)("div")({name:"GridStructure",class:"g1nrkimi",propsAsIs:!1}),i=(0,a.I)("div")({name:"BaseCodeWrapper",class:"bu47715",propsAsIs:!1}),n=(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});e(97406)},26726:(s,r,e)=>{"use strict";e.d(r,{A:()=>c});var a=e(87687),l=e(52751),t=e(31928),i=e(20120),n=e(9006);let o=(0,t.I)("div")({name:"Wrapper",class:"w1n5e7hb",propsAsIs:!1}),d=(0,t.I)(function(s){let{isPerspectiveEnabled:r,setIsPerspectiveEnabled:e,...l}=s;return(0,a.jsx)(n.A,{active:r,handleToggle:()=>e(!r),...l,children:"Show Perspective"})})({name:"GridPerspectiveToggle",class:"g19jnwoh",propsAsIs:!0}),c=function(s){let{defaultPerspectiveEnabled:r=!0,children:e,hidePerspectiveControl:t,...n}=s,c=l.useId().replace(/:/g,""),[p,u]=l.useState(r);return(0,a.jsx)(i.Ay,{...n,id:"grid-demo-".concat(c),outputWrapper:null,controlPosition:"top",children:s=>(0,a.jsxs)(o,{children:[e({...s,isPerspectiveEnabled:p}),!t&&(0,a.jsx)(d,{id:c,isPerspectiveEnabled:p,setIsPerspectiveEnabled:u})]})})};e(73428)},56867:(s,r,e)=>{"use strict";e.r(r),e.d(r,{default:()=>I});var a=e(87687),l=e(31928),t=e(59341),i=e(26726),n=e(4230),o=e(34250);let d=(0,l.I)("div")({name:"Wrapper",class:"wk8an8",propsAsIs:!1}),c=(0,l.I)(t.P.div)({name:"Layer",class:"lisluaj",propsAsIs:!0}),p=(0,l.I)("div")({name:"ChildWrapper",class:"ciyqdtk",propsAsIs:!1}),u=(0,l.I)("div")({name:"LayerLabel",class:"l1o14vxu",propsAsIs:!1}),g=(0,l.I)(u)({name:"ChildLabel",class:"cri4lio",propsAsIs:!0}),x=(0,l.I)(u)({name:"GridLabel",class:"g1opofcb",propsAsIs:!0}),m=(0,l.I)(o.Qc)({name:"GridStructure",class:"g11xucd",propsAsIs:!0}),y=(0,l.I)("div")({name:"GridRow",class:"giqfug7",propsAsIs:!1}),h=(0,l.I)("div")({name:"GridColumn",class:"gidtq17",propsAsIs:!1}),I=function(){return(0,a.jsx)(i.A,{children:s=>{let{isPerspectiveEnabled:r}=s;return(0,a.jsxs)(d,{children:[(0,a.jsx)(c,{style:{transform:r?"translateX(var(--x)) skewY(18deg) scaleX(0.85)":"translateX(0%) skewY(0deg) scaleX(1)"},children:(0,a.jsxs)(m,{children:[(0,a.jsx)(x,{style:{opacity:r?1:0,transform:"translateY(".concat(r?-145:-70,"%)")},children:(0,a.jsx)("span",{children:"Grid Parent"})}),(0,a.jsx)(y,{style:{gridColumn:"1 / -1",gridRow:1}}),(0,a.jsx)(y,{style:{gridColumn:"1 / -1",gridRow:2}}),(0,a.jsx)(h,{style:{gridColumn:"1",gridRow:"1 / -1"}})]})}),(0,a.jsx)(c,{style:{transform:r?"translateX(calc(var(--x) * -1)) skewY(18deg) scaleX(0.85)":"translateX(0%) skewY(0deg) scaleX(1)"},children:(0,a.jsxs)(p,{children:[(0,a.jsx)(g,{style:{opacity:r?1:0,transform:"translateY(".concat(r?-130:-50,"%)")},children:(0,a.jsx)("span",{children:"Grid Children"})}),(0,a.jsx)(n.A,{layout:!1,style:{opacity:r?.8:1,gridColumn:"1 / -1",gridRow:1},textWrapperStyle:{transform:"translateY(-1.5px)"},children:"
"}),(0,a.jsx)(n.A,{layout:!1,style:{opacity:r?.8:1,gridColumn:1,gridRow:2},textWrapperStyle:{transform:"translateY(-1.5px)"},children:"