https://3second.co.id/_next/static/chunks/5017.b96efe582c789dc1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5017],{46272:function(e,t,n){var r=n(64078),i=n.n(r);let l=i()(()=>n.e(7116).then(n.bind(n,67116)),{loadableGenerated:{webpack:()=>[67116]},ssr:!1});t.Z=l},35017:function(e,t,n){n.r(t),n.d(t,{default:function(){return Q}});var r=n(36734),i=n(74922),l=n(1974),s=n(97619),a=n(22994),o=n(1079),u=n(85115),d=n(25170),c=n(40629),m=n(15891),f=n(22107),h=n(51776),[x,p,g,b]=(0,u.n)(),[v,y]=(0,m.k)({name:"PinInputContext",errorMessage:"usePinInputContext: `context` is undefined. Seems you forgot to all pin input fields within `<PinInput />`"}),N=e=>null==e?void 0:e.split("");function j(e,t){return("alphanumeric"===t?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}var k=n(47208),C=n(47471),_=n(11876),I=n(83543),S=n(5393);function E(e){let t=(0,k.mq)("PinInput",e),{children:n,...i}=(0,C.Lr)(e),{descendants:l,...s}=function(e={}){let{autoFocus:t,value:n,defaultValue:r,onChange:i,onComplete:l,placeholder:s="○",manageFocus:a=!0,otp:o=!1,id:u,isDisabled:m,isInvalid:f,type:x="number",mask:p}=e,b=(0,h.useId)(),v=null!=u?u:`pin-input-${b}`,y=g(),[k,C]=(0,h.useState)(!0),[_,I]=(0,h.useState)(-1),[S,E]=(0,d.T)({defaultValue:N(r)||[],value:N(n),onChange:e=>null==i?void 0:i(e.join(""))});(0,h.useEffect)(()=>{if(t){let e=y.first();e&&requestAnimationFrame(()=>{e.node.focus()})}},[y]);let O=(0,h.useCallback)(e=>{if(!k||!a)return;let t=y.next(e,!1);t&&requestAnimationFrame(()=>{t.node.focus()})},[y,k,a]),T=(0,h.useCallback)((e,t,n=!0)=>{let r=[...S];r[t]=e,E(r);let i=""!==e&&r.length===y.count()&&r.every(e=>null!=e&&""!==e);i?null==l||l(r.join("")):n&&O(t)},[S,E,O,l,y]),P=(0,h.useCallback)(()=>{var e;let t=Array(y.count()).fill("");E(t);let n=y.first();null==(e=null==n?void 0:n.node)||e.focus()},[y,E]),w=(0,h.useCallback)((e,t)=>{let n=t;return(null==e?void 0:e.length)>0&&(e[0]===t.charAt(0)?n=t.charAt(1):e[0]===t.charAt(1)&&(n=t.charAt(0))),n},[]),A=(0,h.useCallback)(e=>{let{index:t,...n}=e,r=e=>{let n=e.target.value,r=S[t],i=w(r,n);if(""===i){T("",t);return}if(n.length>2){if(j(n,x)){let e=n.split("").filter((e,t)=>t<y.count());E(e),e.length===y.count()&&(null==l||l(e.join("")))}}else j(i,x)&&T(i,t),C(!0)},i=e=>{var n;if("Backspace"===e.key&&a){if(""===e.target.value){let e=y.prev(t,!1);e&&(T("",t-1,!1),null==(n=e.node)||n.focus(),C(!0))}else C(!1)}},u=()=>{I(t)},d=()=>{I(-1)};return{"aria-label":"Please enter your pin code",inputMode:"number"===x?"numeric":"text",type:p?"password":"number"===x?"tel":"text",...n,id:`${v}-${t}`,disabled:m,"aria-invalid":(0,c.Qm)(f),onChange:(0,c.v0)(n.onChange,r),onKeyDown:(0,c.v0)(n.onKeyDown,i),onFocus:(0,c.v0)(n.onFocus,u),onBlur:(0,c.v0)(n.onBlur,d),value:S[t]||"",autoComplete:o?"one-time-code":"off",placeholder:_===t?"":s}},[y,_,w,v,m,p,f,a,l,o,s,T,E,x,S]);return{getInputProps:A,id:v,descendants:y,values:S,setValue:T,setValues:E,clear:P}}(i),a=(0,S.W)(n).map(e=>(0,h.cloneElement)(e,{__css:t}));return(0,r.jsx)(x,{value:l,children:(0,r.jsx)(v,{value:s,children:a})})}E.displayName="PinInput";var O=(0,_.G)(function(e,t){let n=function(e={},t=null){let{getInputProps:n}=y(),{index:r,register:i}=b();return n({...e,ref:(0,f.lq)(i,t),index:r})}(e,t);return(0,r.jsx)(I.m.input,{...n,className:(0,c.cx)("chakra-pin-input",e.className)})});O.displayName="PinInputField";var T=n(70652),P=n(84472),w=n(76468),A=n(84448),B=n(46272);let D={display:"flex",flexDirection:"column",justifyContent:"center",h:"full"};var F=n(1843),M=n(46341),G=n(33906),W=n.n(G),q=n(37869),L=n(76350),$=n(92500),z=n(2769),R=n(11916),V=n(56538);let K=e=>{let{handleClickResend:t}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(s.x,{mt:"2",color:"red.500",fontWeight:"bold",textAlign:"center",onClick:t,style:{cursor:"pointer"},children:"Kirim Ulang Kode OTP"})})},Z=e=>{let{seconds:t}=e;return(0,r.jsxs)(s.x,{mt:"2",children:["Mohon tunggu"," ",(0,r.jsxs)(s.x,{as:"span",color:"red.500",children:[t," detik"]})," ","untuk kirim ulang OTP"]})},H=e=>{let{handleResendOtp:t,isLoadingOtp:n}=e,[i,l]=(0,h.useState)("customkey"),[s,a]=(0,V.FV)(R.j),o=()=>{t(),l(s+"")};return((0,h.useEffect)(()=>{if(!s||0===s){let e=Date.now()+1e3*z.i.otpExpired;a(e)}},[s]),n)?(0,r.jsx)(q.k,{justify:"center",pt:"2",children:(0,r.jsx)(L.$,{color:"bg.primary"})}):(0,r.jsx)($.ZP,{date:s,autoStart:!0,renderer:e=>{let{minutes:t,seconds:n,completed:i}=e;return i?(0,r.jsx)(K,{handleClickResend:o}):(t>0&&(n+=60*t),(0,r.jsx)(Z,{seconds:n}))}},i)},U=e=>{let{type:t,description:n,onConfirm:u,errorMessage:d,handleSendOtp:c,isWithBack:m,isLoading:f,isLoadingOtp:x}=e,p=(0,w.TA)({initialValues:{otp:""},validationSchema:A.Ry({otp:A.Z_().required("OTP tidak boleh kosong!").min(4,"OTP Harus 4 Angka!").max(4,"OTP Harus 4 Angka!").matches(/^\d+$/,{message:"OTP Harus Angka!"})}),onSubmit:e=>{u(null==e?void 0:e.otp)}});return(0,r.jsxs)(i.xu,{...D,children:[(0,r.jsx)(l.X,{as:"h3",fontSize:"2xl",children:"Masukkan Kode OTP"}),(0,r.jsx)(i.xu,{color:"font.pencil",mt:"2",children:n}),(0,r.jsxs)(i.xu,{mt:"8",children:[(0,r.jsx)(F.Z,{isTrue:""!==d,children:(0,r.jsx)(s.x,{fontSize:"sm",color:"font.error",mb:"4",children:d})}),(0,r.jsx)("form",{onSubmit:p.handleSubmit,children:(0,r.jsxs)(a.NI,{id:"otp",isInvalid:!!p.errors.otp,children:[(0,r.jsx)(o.r,{gridTemplateColumns:"repeat(4,1fr)",gap:"2",children:(0,r.jsxs)(E,{otp:!0,onChange:e=>{p.handleChange({target:{name:"otp",value:e}})},children:[(0,r.jsx)(O,{}),(0,r.jsx)(O,{}),(0,r.jsx)(O,{}),(0,r.jsx)(O,{})]})}),(0,r.jsx)(B.Z,{message:p.errors.otp+""})]})})]}),(0,h.useMemo)(()=>(0,r.jsx)(H,{isLoadingOtp:x,handleResendOtp:()=>c(t)}),[x]),(0,r.jsxs)(T.g,{mt:"10",spacing:"5",children:[(0,r.jsx)(P.z,{w:"full",onClick:()=>p.handleSubmit(),disabled:!(p.dirty&&p.isValid),isLoading:f,size:"lg",children:"Konfirmasi"}),(0,r.jsx)(F.Z,{isTrue:m,children:(0,r.jsx)(M.Z,{fontWeight:"semibold",color:"font.pencil",_hover:{color:"font.ink"},textAlign:"center",w:"full",size:"lg",link:"#",onClick:W().back,children:"Kembali"})})]})]})};var Q=h.memo(U)},1843:function(e,t,n){var r=n(51776);let i=e=>{let{children:t,isTrue:n}=e;return n?t:null};t.Z=r.memo(i)},46341:function(e,t,n){var r=n(64078),i=n.n(r);let l=i()(()=>Promise.all([n.e(6562),n.e(6559)]).then(n.bind(n,56559)),{loadableGenerated:{webpack:()=>[56559]},ssr:!1});t.Z=l},18884:function(e,t,n){n.d(t,{AV:function(){return i},XQ:function(){return l},Yq:function(){return s}});var r=n(40629),i=Object.freeze(["base","sm","md","lg","xl","2xl"]);function l(e,t){return Array.isArray(e)?e.map(e=>null===e?null:t(e)):(0,r.Kn)(e)?Object.keys(e).reduce((n,r)=>(n[r]=t(e[r]),n),{}):null!=e?t(e):null}function s(e,t=i){let n={};return e.forEach((e,r)=>{let i=t[r];null!=e&&(n[i]=e)}),n}},84472:function(e,t,n){n.d(t,{z:function(){return p}});var r=n(51776),[i,l]=(0,n(15891).k)({strict:!1,name:"ButtonGroupContext"}),s=n(83543),a=n(40629),o=n(36734);function u(e){let{children:t,className:n,...i}=e,l=(0,r.isValidElement)(t)?(0,r.cloneElement)(t,{"aria-hidden":!0,focusable:!1}):t,u=(0,a.cx)("chakra-button__icon",n);return(0,o.jsx)(s.m.span,{display:"inline-flex",alignSelf:"center",flexShrink:0,...i,className:u,children:l})}

1u.displayName="ButtonIcon";var d=n(76350);function c(e){let{label:t,placement:n,spacing:i="0.5rem",children:l=(0,o.jsx)(d.$,{color:"currentColor",width:"1em",height:"1em"}),className:u,__css:c,...m}=e,f=(0,a.cx)("chakra-button__spinner",u),h="start"===n?"marginEnd":"marginStart",x=(0,r.useMemo)(()=>({display:"flex",alignItems:"center",position:t?"relative":"absolute",[h]:t?i:0,fontSize:"1em",lineHeight:"normal",...c}),[c,t,h,i]);return(0,o.jsx)(s.m.div,{className:f,...m,__css:x,children:l})}c.displayName="ButtonSpinner";var m=n(22107),f=n(11876),h=n(47208),x=n(47471),p=(0,f.G)((e,t)=>{let n=l(),i=(0,h.mq)("Button",{...n,...e}),{isDisabled:u=null==n?void 0:n.isDisabled,isLoading:d,isActive:f,children:p,leftIcon:b,rightIcon:v,loadingText:y,iconSpacing:N="0.5rem",type:j,spinner:k,spinnerPlacement:C="start",className:_,as:I,...S}=(0,x.Lr)(e),E=(0,r.useMemo)(()=>{let e={...null==i?void 0:i._focus,zIndex:1};return{display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",outline:"none",...i,...!!n&&{_focus:e}}},[i,n]),{ref:O,type:T}=function(e){let[t,n]=(0,r.useState)(!e),i=(0,r.useCallback)(e=>{e&&n("BUTTON"===e.tagName)},[]);return{ref:i,type:t?"button":void 0}}(I),P={rightIcon:v,leftIcon:b,iconSpacing:N,children:p};return(0,o.jsxs)(s.m.button,{ref:(0,m.qq)(t,O),as:I,type:null!=j?j:T,"data-active":(0,a.PB)(f),"data-loading":(0,a.PB)(d),__css:E,className:(0,a.cx)("chakra-button",_),...S,disabled:u||d,children:[d&&"start"===C&&(0,o.jsx)(c,{className:"chakra-button__spinner--start",label:y,placement:"start",spacing:N,children:k}),d?y||(0,o.jsx)(s.m.span,{opacity:0,children:(0,o.jsx)(g,{...P})}):(0,o.jsx)(g,{...P}),d&&"end"===C&&(0,o.jsx)(c,{className:"chakra-button__spinner--end",label:y,placement:"end",spacing:N,children:k})]})});function g(e){let{leftIcon:t,rightIcon:n,children:r,iconSpacing:i}=e;return(0,o.jsxs)(o.Fragment,{children:[t&&(0,o.jsx)(u,{marginEnd:i,children:t}),r,n&&(0,o.jsx)(u,{marginStart:i,children:n})]})}p.displayName="Button"},85115:function(e,t,n){n.d(t,{n:function(){return b}});var r=n(51776),i=Object.defineProperty,l=(e,t,n)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,s=(e,t,n)=>(l(e,"symbol"!=typeof t?t+"":t,n),n);function a(e){return e.sort((e,t)=>{let n=e.compareDocumentPosition(t);if(n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY)return -1;if(n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS)return 1;if(!(n&Node.DOCUMENT_POSITION_DISCONNECTED)&&!(n&Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC))return 0;throw Error("Cannot sort the given nodes.")})}var o=e=>"object"==typeof e&&"nodeType"in e&&e.nodeType===Node.ELEMENT_NODE;function u(e,t,n){let r=e+1;return n&&r>=t&&(r=0),r}function d(e,t,n){let r=e-1;return n&&r<0&&(r=t),r}var c="undefined"!=typeof window?r.useLayoutEffect:r.useEffect,m=e=>e,f=class{constructor(){s(this,"descendants",new Map),s(this,"register",e=>{if(null!=e)return o(e)?this.registerNode(e):t=>{this.registerNode(t,e)}}),s(this,"unregister",e=>{this.descendants.delete(e);let t=a(Array.from(this.descendants.keys()));this.assignIndex(t)}),s(this,"destroy",()=>{this.descendants.clear()}),s(this,"assignIndex",e=>

1{this.descendants.forEach(t=>{let n=e.indexOf(t.node);t.index=n,t.node.dataset.index=t.index.toString()})}),s(this,"count",()=>this.descendants.size),s(this,"enabledCount",()=>this.enabledValues().length),s(this,"values",()=>{let e=Array.from(this.descendants.values());return e.sort((e,t)=>e.index-t.index)}),s(this,"enabledValues",()=>this.values().filter(e=>!e.disabled)),s(this,"item",e=>{if(0!==this.count())return this.values()[e]}),s(this,"enabledItem",e=>{if(0!==this.enabledCount())return this.enabledValues()[e]}),s(this,"first",()=>this.item(0)),s(this,"firstEnabled",()=>this.enabledItem(0)),s(this,"last",()=>this.item(this.descendants.size-1)),s(this,"lastEnabled",()=>{let e=this.enabledValues().length-1;return this.enabledItem(e)}),s(this,"indexOf",e=>{var t,n;return e&&null!=(n=null==(t=this.descendants.get(e))?void 0:t.index)?n:-1}),s(this,"enabledIndexOf",e=>null==e?-1:this.enabledValues().findIndex(t=>t.node.isSameNode(e))),s(this,"next",(e,t=!0)=>{let n=u(e,this.count(),t);return this.item(n)}),s(this,"nextEnabled",(e,t=!0)=>{let n=this.item(e);if(!n)return;let r=this.enabledIndexOf(n.node),i=u(r,this.enabledCount(),t);return this.enabledItem(i)}),s(this,"prev",(e,t=!0)=>{let n=d(e,this.count()-1,t);return this.item(n)}),s(this,"prevEnabled",(e,t=!0)=>{let n=this.item(e);if(!n)return;let r=this.enabledIndexOf(n.node),i=d(r,this.enabledCount()-1,t);return this.enabledItem(i)}),s(this,"registerNode",(e,t)=>{if(!e||this.descendants.has(e))return;let n=Array.from(this.descendants.keys()).concat(e),r=a(n);(null==t?void 0:t.disabled)&&(t.disabled=!!t.disabled);let i={node:e,index:-1,...t};this.descendants.set(e,i),this.assignIndex(r)})}},h=n(15891),x=n(22107),[p,g]=(0,h.k)({name:"DescendantsProvider",errorMessage:"useDescendantsContext must be used within DescendantsProvider"});function b(){let e=m(p),t=()=>m(g()),n=e=>(function(e){let t=g(),[n,i]=(0,r.useState)(-1),l=(0,r.useRef)(null);c(()=>()=>{l.current&&t.unregister(l.current)},[]),c(()=>{if(!l.current)return;let e=Number(l.current.dataset.index);n==e||Number.isNaN(e)||i(e)});let s=e?m(t.register(e)):m(t.register);return{descendants:t,index:n,enabledIndex:t.enabledIndexOf(l.current),register:(0,x.lq)(s,l)}})(e),i=()=>(function(){let e=(0,r.useRef)(new f);return c(()=>()=>e.current.destroy()),e.current})();return[e,t,i,n]}},22994:function(e,t,n){n.d(t,{NI:function(){return p},NJ:function(){return x},Q6:function(){return g},e:function(){return f}});var r=n(15891),i=n(22107),l=n(11876),s=n(47208),a=n(47471),o=n(83543),u=n(40629),d=n(51776),c=n(36734),[m,f]=(0,r.k)({name:"FormControlStylesContext",errorMessage:"useFormControlStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<FormControl />\" "}),[h,x]=(0,r.k)({strict:!1,name:"FormControlContext"}),p=(0,l.G)(function(e,t){let n=(0,s.jC)("Form",e),r=(0,a.Lr)(e),{getRootProps:l,htmlProps:f,...x}=function(e){let{id:t,isRequired:n,isInvalid:r,isDisabled:l,isReadOnly:s,...a}=e,o=(0,d.useId)(),c=t||`field-${o}`,m=`${c}-label`,f=`${c}-feedback`,h=`${c}-helptext`,[x,p]=(0,d.useState)(!1),[g,b]=(0,d.useState)(!1),[v,y]=(0,d.useState)(!1),N=(0,d.useCallback)((e={},t=null)=>({id:h,...e,ref:(0,i.lq)(t,e=>{e&&b(!0)})}),[h]),j=(0,d.useCallback)((e={},t=null)=>({...e,ref:t,"data-focus":(0,u.PB)(v),"data-disabled":(0,u.PB)(l),"data-invalid":(0,u.PB)(r),"data-readonly":(0,u.PB)(s),id:void 0!==e.id?e.id:m,htmlFor:void 0!==e.htmlFor?e.htmlFor:c}),[c,l,v,r,s,m]),k=(0,d.useCallback)((e={},t=null)=>({id:f,...e,ref:(0,i.lq)(t,e=>{e&&p(!0)}),"aria-live":"polite"}),[f]),C=(0,d.useCallback)((e={},t=null)=>({...e,...a,ref:t,role:"group"}),[a]),_=(0,d.useCallback)((e={},t=null)=>({...e,ref:t,role:"presentation","aria-hidden":!0,children:e.children||"*"}),[]);return{isRequired:!!n,isInvalid:!!r,isReadOnly:!!s,isDisabled:!!l,isFocused:!!v,onFocus:()=>y(!0),onBlur:()=>y(!1),hasFeedbackText:x,setHasFeedbackText:p,hasHelpText:g,setHasHelpText:b,id:c,labelId:m,feedbackId:f,helpTextId:h,htmlProps:a,getHelpTextProps:N,getErrorMessageProps:k,getRootProps:C,getLabelProps:j,getRequiredIndicatorProps:_}}(r),p=(0,u.cx)("chakra-form-control",e.className);return(0,c.jsx)(h,{value:x,children:(0,c.jsx)(m,{value:n,children:(0,c.jsx)(o.m.div,{...l({},t),className:p,__css:n.container})})})});p.displayName="FormControl";var g=(0,l.G)(function(e,t){let n=x(),r=f(),i=(0,u.cx)("chakra-form__helper-text",e.className);return(0,c.jsx)(o.m.div,{...null==n?void 0:n.getHelpTextProps(e,t),__css:r.helperText,className:i})});g.displayName="FormHelperText"},1079:function(e,t,n){n.d(t,{r:function(){return s}});var r=n(11876),i=n(83543),l=n(36734),s=(0,r.G)(function(e,t){let{templateAreas:n,gap:r,rowGap:s,columnGap:a,column:o,row:u,autoFlow:d,autoRows:c,templateRows:m,autoColumns:f,templateColumns:h,...x}=e;return(0,l.jsx)(i.m.div,{ref:t,__css:{display:"grid",gridTemplateAreas:n,gridGap:r,gridRowGap:s,gridColumnGap:a,gridAutoColumns:f,gridColumn:o,gridRow:u,gridAutoFlow:d,gridAutoRows:c,gridTemplateRows:m,gridTemplateColumns:h},...x})});s.displayName="Grid"},74922:function(e,t,n){n.d(t,{xu:function(){return s}});var r=n(83543),i=n(11876),l=n(36734),s=(0,r.m)("div");

1s.displayName="Box";var a=(0,i.G)(function(e,t){let{size:n,centerContent:r=!0,...i}=e;return(0,l.jsx)(s,{ref:t,boxSize:n,__css:{...r?{display:"flex",alignItems:"center",justifyContent:"center"}:{},flexShrink:0,flexGrow:0},...i})});a.displayName="Square",(0,i.G)(function(e,t){let{size:n,...r}=e;return(0,l.jsx)(a,{size:n,ref:t,borderRadius:"9999px",...r})}).displayName="Circle"},1974:function(e,t,n){n.d(t,{X:function(){return u}});var r=n(11876),i=n(47208),l=n(47471),s=n(83543),a=n(40629),o=n(36734),u=(0,r.G)(function(e,t){let n=(0,i.mq)("Heading",e),{className:r,...u}=(0,l.Lr)(e);return(0,o.jsx)(s.m.h2,{ref:t,className:(0,a.cx)("chakra-heading",e.className),...u,__css:n})});u.displayName="Heading"},70652:function(e,t,n){n.d(t,{g:function(){return s}});var r=n(88475),i=n(11876),l=n(36734),s=(0,i.G)((e,t)=>(0,l.jsx)(r.K,{align:"center",...e,direction:"column",ref:t}));s.displayName="VStack"},88475:function(e,t,n){n.d(t,{K:function(){return m}});var r=n(83543),i=n(36734),l=e=>(0,i.jsx)(r.m.div,{className:"chakra-stack__item",...e,__css:{display:"inline-block",flex:"0 0 auto",minWidth:0,...e.__css}});l.displayName="StackItem";var s=n(18884),a="& > *:not(style) ~ *:not(style)",o=n(11876),u=n(40629),d=n(5393),c=n(51776),m=(0,o.G)((e,t)=>{let{isInline:n,direction:o,align:m,justify:f,spacing:h="0.5rem",wrap:x,children:p,divider:g,className:b,shouldWrapChildren:v,...y}=e,N=n?"row":null!=o?o:"column",j=(0,c.useMemo)(()=>(function(e){let{spacing:t,direction:n}=e,r={column:{marginTop:t,marginEnd:0,marginBottom:0,marginStart:0},row:{marginTop:0,marginEnd:0,marginBottom:0,marginStart:t},"column-reverse":{marginTop:0,marginEnd:0,marginBottom:t,marginStart:0},"row-reverse":{marginTop:0,marginEnd:t,marginBottom:0,marginStart:0}};return{flexDirection:n,[a]:(0,s.XQ)(n,e=>r[e])}})({direction:N,spacing:h}),[N,h]),k=(0,c.useMemo)(()=>(function(e){let{spacing:t,direction:n}=e,r={column:{my:t,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:t,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:t,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:t,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":(0,s.XQ)(n,e=>r[e])}})({spacing:h,direction:N}),[h,N]),C=!!g,_=!v&&!C,I=(0,c.useMemo)(()=>{let e=(0,d.W)(p);return _?e:e.map((t,n)=>{let r=void 0!==t.key?t.key:n,s=n+1===e.length,a=(0,i.jsx)(l,{children:t},r),o=v?a:t;if(!C)return o;let u=(0,c.cloneElement)(g,{__css:k});return(0,i.jsxs)(c.Fragment,{children:[o,s?null:u]},r)})},[g,k,C,_,v,p]),S=(0,u.cx)("chakra-stack",b);return(0,i.jsx)(r.m.div,{ref:t,display:"flex",alignItems:m,justifyContent:f,flexDirection:j.flexDirection,flexWrap:x,className:S,__css:C?{}:{[a]:j[a]},...y,children:I})});m.displayName="Stack"},5393:function(e,t,n){n.d(t,{W:function(){return i}});var r=n(51776);function i(e){return r.Children.toArray(e).filter(e=>(0,r.isValidElement)(e))}},25170:function(e,t,n){n.d(t,{T:function(){return l}});var r=n(51776),i=n(8173);function l(e){let{value:t,defaultValue:n,onChange:l,shouldUpdate:s=(e,t)=>e!==t}=e,a=(0,i.W)(l),o=(0,i.W)(s),[u,d]=(0,r.useState)(n),c=void 0!==t,m=c?t:u,f=(0,i.W)(e=>{let t="function"==typeof e?e(m):e;o(m,t)&&(c||d(t),a(t))},[c,a,m,o]);return[m,f]}},22107:function(e,t,n){n.d(t,{lq:function(){return i},qq:function(){return l}});var r=n(51776);function i(...e){return t=>{e.forEach(e=>{!function(e,t){if(null!=e){if("function"==typeof e){e(t);return}try{e.current=t}catch(n){throw Error(`Cannot assign value '${t}' to ref '${e}'`)}}}(e,t)})}}function l(...e){return(0,r.useMemo)(()=>i(...e),e)}}}]);