1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6788],{8704:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/forms/form-layouts",function(){return t(53767)}])},56456:function(e,s,t){"use strict";var r=t(85893),a=t(67294),l=t(90948),n=t(50135);let i=(0,l.ZP)(n.Z)(e=>{let{theme:s}=e;return{alignItems:"flex-start","& .MuiInputLabel-root":{transform:"none",lineHeight:1.154,position:"relative",marginBottom:s.spacing(1),fontSize:s.typography.body2.fontSize,color:"".concat(s.palette.text.primary," !important")},"& .MuiInputBase-root":{borderRadius:8,backgroundColor:"transparent !important",border:"1px solid rgba(".concat(s.palette.customColors.main,", 0.2)"),transition:s.transitions.create(["border-color","box-shadow"],{duration:s.transitions.duration.shorter}),"&:not(.Mui-focused):not(.Mui-disabled):not(.Mui-error):hover":{borderColor:"rgba(".concat(s.palette.customColors.main,", 0.28)")},"&:before, &:after":{display:"none"},"&.MuiInputBase-sizeSmall":{borderRadius:6},"&.Mui-error":{borderColor:s.palette.error.main},"&.Mui-focused":{boxShadow:s.shadows[2],"& .MuiInputBase-input:not(.MuiInputBase-readOnly):not([readonly])::placeholder":{transform:"translateX(4px)"},"&.MuiInputBase-colorPrimary":{borderColor:s.palette.primary.main},"&.MuiInputBase-colorSecondary":{borderColor:s.palette.secondary.main},"&.MuiInputBase-colorInfo":{borderColor:s.palette.info.main},"&.MuiInputBase-colorSuccess":{borderColor:s.palette.success.main},"&.MuiInputBase-colorWarning":{borderColor:s.palette.warning.main},"&.MuiInputBase-colorError":{borderColor:s.palette.error.main},"&.Mui-error":{borderColor:s.palette.error.main}},"&.Mui-disabled":{backgroundColor:"".concat(s.palette.action.selected," !important")},"& .MuiInputAdornment-root":{marginTop:"0 !important"}},"& .MuiInputBase-input":{color:s.palette.text.secondary,"&:not(textarea)":{padding:"15.5px 13px"},"&:not(textarea).MuiInputBase-inputSizeSmall":{padding:"7.5px 13px"},"&:not(.MuiInputBase-readOnly):not([readonly])::placeholder":{transition:s.transitions.create(["opacity","transform"],{duration:s.transitions.duration.shorter})},"&.MuiInputBase-inputAdornedStart:not(.MuiAutocomplete-input)":{paddingLeft:0},"&.MuiInputBase-inputAdornedEnd:not(.MuiAutocomplete-input)":{paddingRight:0}},"& .MuiFormHelperText-root":{lineHeight:1.154,margin:s.spacing(1,0,0),color:s.palette.text.secondary,fontSize:s.typography.body2.fontSize,"&.Mui-error":{color:s.palette.error.main}},"& .MuiSelect-select:focus, & .MuiNativeSelect-select:focus":{backgroundColor:"transparent"},"& .MuiSelect-filled .MuiChip-root":{height:22},"& .MuiAutocomplete-input":{paddingLeft:"6px !important",paddingTop:"7.5px !important",paddingBottom:"7.5px !important","&.MuiInputBase-inputSizeSmall":{paddingLeft:"6px !important",paddingTop:"2.5px !important",paddingBottom:"2.5px !important"}},"& .MuiAutocomplete-inputRoot":{paddingTop:"8px !important",paddingLeft:"8px !important",paddingBottom:"8px !important","&:not(.MuiInputBase-sizeSmall).MuiInputBase-adornedStart":{paddingLeft:"13px !important"},"&.MuiInputBase-sizeSmall":{paddingTop:"5px !important",paddingLeft:"5px !important",paddingBottom:"5px !important","& .MuiAutocomplete-tag":{margin:2,height:22}}},"& .MuiInputBase-multiline":{padding:"15.25px 13px","&.MuiInputBase-sizeSmall":{padding:"7.25px 13px"},"& textarea.MuiInputBase-inputSizeSmall:placeholder-shown":{overflowX:"hidden"}},"& + .react-datepicker__close-icon":{top:11,"&:after":{fontSize:"1.6rem !important"}}}}),o=(0,a.forwardRef)((e,s)=>{let{size:t="small",InputLabelProps:a,...l}=e;return(0,r.jsx)(i,{size:t,inputRef:s,...l,variant:"filled",InputLabelProps:{...a,shrink:!0}})});s.Z=o},79183:function(e,s,t){"use strict";var r=t(90948);let a=(0,r.ZP)("div")({display:"flex","& .rccs, & .rccs__card":{margin:0}});s.Z=a},37406:function(e,s,t){"use strict";t.d(s,{N:function(){return i},mf:function(){return n},oS:function(){return a},tE:function(){return o}});let r=e=>{let s=new Date;return new Date(e).getDate()===s.getDate()&&new Date(e).getMonth()===s.getMonth()&&new Date(e).getFullYear()===s.getFullYear()},a=function(e){let s=!(arguments.length>1)||void 0===arguments[1]||arguments[1],t=new Date(e),a={month:"short",day:"numeric"};return s&&r(t)&&(a={hour:"numeric",minute:"numeric"}),new Intl.DateTimeFormat("en-US",a).format(new Date(e))},l=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.replace(/\D+/g,"")},n=(e,s)=>{let t;if(!e)return e;let r=s.fns.cardType(e),a=l(e);switch(r){case"amex":t="".concat(a.slice(0,4)," ").concat(a.slice(4,10)," ").concat(a.slice(10,15));break;case"dinersclub":t="".concat(a.slice(0,4)," ").concat(a.slice(4,10)," ").concat(a.slice(10,14));break;default:t="".concat(a.slice(0,4)," ").concat(a.slice(4,8)," ").concat(a.slice(8,12)," ").concat(a.slice(12,19))}return t.trim()},i=e=>{let s=e.replace(/^([1-9]\/|[2-9])$/g,"0$1/").replace(/^(0[1-9]|1[0-2])$/g,"$1/").replace(/^([0-1])([3-9])$/g,"0$1/$2").replace(/^(0?[1-9]|1[0-2])([0-9]{2})$/g,"$1/$2").replace(/^([0]+)\/|[0]+$/g,"0").replace(/[^\d\/]|^[\/]*$/g,"").replace(/\/\//g,"/");return s},o=(e,s,t)=>{let r=l(e),a=t.fns.cardType(s);return r.slice(0,"amex"===a?4:3)}},53767:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return ee}});
1var r=t(85893),a=t(86886),l=t(15861),n=t(82229),i=t(67294),o=t(40044),d=t(66242),c=t(30298),x=t(55050),p=t(11057),u=t(67720),h=t(45670),m=t(18972),j=t(93946),Z=t(44267),f=t(62023),b=t(87109),g=t(56456),w=t(9198),y=t.n(w),P=t(63730);let v=(0,i.forwardRef)((e,s)=>(0,r.jsx)(g.Z,{fullWidth:!0,...e,inputRef:s,label:"Birth Date",autoComplete:"off"})),S=()=>{let[e,s]=(0,i.useState)("personal-info"),[t,l]=(0,i.useState)(null),[n,w]=(0,i.useState)([]),[S,C]=(0,i.useState)({password:"",password2:"",showPassword:!1,showPassword2:!1}),M=(e,t)=>{s(t)},I=()=>{C({...S,showPassword:!S.showPassword})},W=()=>{C({...S,showPassword2:!S.showPassword2})},D=e=>{w(e.target.value)};return(0,r.jsx)(d.Z,{children:(0,r.jsxs)(h.ZP,{value:e,children:[(0,r.jsxs)(c.Z,{variant:"scrollable",scrollButtons:!1,onChange:M,sx:{borderBottom:e=>"1px solid ".concat(e.palette.divider),"& .MuiTab-root":{py:3.5}},children:[(0,r.jsx)(o.Z,{value:"personal-info",label:"Personal Info"}),(0,r.jsx)(o.Z,{value:"account-details",label:"Account Details"}),(0,r.jsx)(o.Z,{value:"social-links",label:"Social Links"})]}),(0,r.jsxs)("form",{onSubmit:e=>e.preventDefault(),children:[(0,r.jsxs)(Z.Z,{children:[(0,r.jsx)(x.Z,{sx:{p:0},value:"personal-info",children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"First Name",placeholder:"Leonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Last Name",placeholder:"Carter"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsxs)(g.Z,{select:!0,fullWidth:!0,label:"Country",id:"form-layouts-tabs-select",defaultValue:"",children:[(0,r.jsx)(m.Z,{value:"UK",children:"UK"}),(0,r.jsx)(m.Z,{value:"USA",children:"USA"}),(0,r.jsx)(m.Z,{value:"Australia",children:"Australia"}),(0,r.jsx)(m.Z,{value:"Germany",children:"Germany"})]})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsxs)(g.Z,{select:!0,fullWidth:!0,defaultValue:"",label:"Language",id:"form-layouts-tabs-multiple-select",SelectProps:{multiple:!0,value:n,onChange:e=>D(e)},children:[(0,r.jsx)(m.Z,{value:"English",children:"English"}),(0,r.jsx)(m.Z,{value:"French",children:"French"}),(0,r.jsx)(m.Z,{value:"Spanish",children:"Spanish"}),(0,r.jsx)(m.Z,{value:"Portuguese",children:"Portuguese"}),(0,r.jsx)(m.Z,{value:"Italian",children:"Italian"}),(0,r.jsx)(m.Z,{value:"German",children:"German"}),(0,r.jsx)(m.Z,{value:"Arabic",children:"Arabic"})]})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(y(),{selected:t,showYearDropdown:!0,showMonthDropdown:!0,id:"form-layouts-tabs-date",placeholderText:"MM-DD-YYYY",customInput:(0,r.jsx)(v,{}),onChange:e=>l(e)})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"number",label:"Phone No.",placeholder:"123-456-7890"})})]})}),(0,r.jsx)(x.Z,{sx:{p:0},value:"account-details",children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Username",placeholder:"carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"email",label:"Email",placeholder:"[email protected]"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Password",value:S.password,id:"form-layouts-tabs-password",onChange:e=>{C({...S,password:e.target.value})},type:S.showPassword?"text":"password",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onClick:I,onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:S.showPassword?"tabler:eye":"tabler:eye-off"})})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,value:S.password2,label:"Confirm Password",id:"form-layouts-tabs-password-2",onCh
1ange:e=>{C({...S,password2:e.target.value})},type:S.showPassword2?"text":"password",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",onClick:W,children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:S.showPassword2?"tabler:eye":"tabler:eye-off"})})})}})})]})}),(0,r.jsx)(x.Z,{sx:{p:0},value:"social-links",children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Twitter",placeholder:"https://twitter.com/carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Facebook",placeholder:"https://facebook.com/carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Google+",placeholder:"https://plus.google.com/carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"LinkedIn",placeholder:"https://linkedin.com/carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Instagram",placeholder:"https://instagram.com/carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Quora",placeholder:"https://quora.com/carterLeonard"})})]})})]}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsxs)(f.Z,{children:[(0,r.jsx)(p.Z,{type:"submit",sx:{mr:2},variant:"contained",children:"Submit"}),(0,r.jsx)(p.Z,{type:"reset",variant:"tonal",color:"secondary",children:"Reset"})]})]})]})})};var C=t(41664),M=t.n(C),I=t(87357),W=t(78445);let D=()=>{let[e,s]=(0,i.useState)({password:"",showPassword:!1}),[t,n]=(0,i.useState)({password:"",showPassword:!1}),o=()=>{s({...e,showPassword:!e.showPassword})},c=()=>{n({...t,showPassword:!t.showPassword})};return(0,r.jsxs)(d.Z,{children:[(0,r.jsx)(W.Z,{title:"Basic"}),(0,r.jsx)(Z.Z,{children:(0,r.jsx)("form",{onSubmit:e=>e.preventDefault(),children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Name",placeholder:"Leonard Carter"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"email",label:"Email",placeholder:"[email protected]",helperText:"You can use letters, numbers & periods"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Password",value:e.password,id:"form-layouts-basic-password",onChange:t=>{s({...e,password:t.target.value})},type:e.showPassword?"text":"password","aria-describedby":"form-layouts-basic-password-helper",helperText:"Use 8 or more characters with a mix of letters, numbers & symbols",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onClick:o,onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:e.showPassword?"tabler:eye":"tabler:eye-off"})})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Confirm Password",value:t.password,id:"form-layouts-confirm-password",onChange:e=>{n({...t,password:e.target.value})},"aria-describedby":"form-layouts-confirm-password-helper",helperText:"Make sure to type the same password as above",type:t.showPassword?"text":"password",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onClick:c,onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:t.showPassword?"tabler:eye":"tabler:eye-off"})})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsxs)(I.Z,{sx:{gap:5,display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between"},children:[(0,r.jsx)(p.Z,{type:"submit",variant:"contained",children:"Get Started!"}),(0,r.jsxs)(I.Z,{sx:{display:"flex",alignItems:"center","& a":{color:"primary.main",textDecoration:"none"}},children:[(0,r.jsx)(l.Z,{sx:{mr:2},children:"Already have an account?"}),(0,r.jsx)(M(),{href:"/",onClick:e=>e.preventDefault(),children:"Log in"})]})]})})]})})})]})},A=()=>(0,r.jsxs)(d.Z,{children:[(0,r.jsx)(W.Z,{title:"Basic with Icons"}),(0,r.jsx)(Z.Z,{children:(0,r.jsx)("form",{onSubmit:e=>e.preventDefault(),children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Full Name",placeholder:"Leonard Carter",InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:"tabler:user"})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"email",label:"Email",placeholder:"[email protected]",helperText:"You can use letters, numbers & periods",InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:"tabler:mail"})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"number",label:"Phone No.",placeholder:"123-456-7890",InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:"tabler:phone"})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,multiline:!0,minRows:3,label:"Message",placeholder:"Bio...",sx:{"& .MuiInputBase-root.MuiFilledInput-root":{alignItems:"baseline"}},InputProps:{startAdornment:(0,r.jsx)(b.Z,{position:"start",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:"tabler:message"})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(p.Z,{type:"submit",variant:"contained",children:"Submit"})})]})})})]}),B=(0,i.forwardRef)((e,s)=>(0,r.jsx)(g.Z,{fullWidth:!0,...e,inputRef:s,label:"Birth Date",autoComplete:"off"})),k=()=>{let[e,s]=(0,i.useState)(null),[t,n]=(0,i.useState)([]),[o,c]=(0,i.useState)({password:"",password2:"",showPassword:!1,showPassword2:!1}),x=()=>{c({...o,showPassword:!o.showPassword})},h=()=>{c({...o,showPassword2:!o.showPassword2})},w=e=>{n(e.target.value)};return(0,r.jsxs)(d.Z,{children:[(0,r.jsx)(W.Z,{title:"Multi Column with Form Separator"}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsxs)("form",{onSubmit:e=>e.preventDefault(),children:[(0,r.jsx)(Z.Z,{children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(l.Z,{variant:"body2",sx:{fontWeight:600},children:"1. Account Details"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Username",placeholder:"carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"email",label:"Email",placeholder:"[email protected]"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Password",value:o.password,id:"form-layouts-separator-password",onChange:e=>{c({...o,password:e.target.value})},type:o.showPassword?"text":"password",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onClick:x,onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:o.showPassword?"tabler:eye":"tabler:eye-off"})})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,value:o.password2,label:"Confirm Password",id:"form-layouts-separator-password-2",onCh
1ange:e=>{c({...o,password2:e.target.value})},type:o.showPassword2?"text":"password",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",onClick:h,children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:o.showPassword2?"tabler:eye":"tabler:eye-off"})})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(u.Z,{sx:{mb:"0 !important"}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(l.Z,{variant:"body2",sx:{fontWeight:600},children:"2. Personal Info"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"First Name",placeholder:"Leonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Last Name",placeholder:"Carter"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsxs)(g.Z,{select:!0,fullWidth:!0,label:"Country",id:"form-layouts-separator-select",defaultValue:"",children:[(0,r.jsx)(m.Z,{value:"UK",children:"UK"}),(0,r.jsx)(m.Z,{value:"USA",children:"USA"}),(0,r.jsx)(m.Z,{value:"Australia",children:"Australia"}),(0,r.jsx)(m.Z,{value:"Germany",children:"Germany"})]})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsxs)(g.Z,{select:!0,fullWidth:!0,defaultValue:"",label:"Language",id:"form-layouts-separator-multiple-select",SelectProps:{multiple:!0,value:t,onChange:e=>w(e)},children:[(0,r.jsx)(m.Z,{value:"English",children:"English"}),(0,r.jsx)(m.Z,{value:"French",children:"French"}),(0,r.jsx)(m.Z,{value:"Spanish",children:"Spanish"}),(0,r.jsx)(m.Z,{value:"Portuguese",children:"Portuguese"}),(0,r.jsx)(m.Z,{value:"Italian",children:"Italian"}),(0,r.jsx)(m.Z,{value:"German",children:"German"}),(0,r.jsx)(m.Z,{value:"Arabic",children:"Arabic"})]})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(y(),{selected:e,showYearDropdown:!0,showMonthDropdown:!0,placeholderText:"MM-DD-YYYY",customInput:(0,r.jsx)(B,{}),id:"form-layouts-separator-date",onChange:e=>s(e)})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"number",label:"Phone No.",placeholder:"123-456-7890"})})]})}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsxs)(f.Z,{children:[(0,r.jsx)(p.Z,{type:"submit",sx:{mr:2},variant:"contained",children:"Submit"}),(0,r.jsx)(p.Z,{type:"reset",color:"secondary",variant:"tonal",children:"Reset"})]})]})]})};var L=t(69368),N=t(90948),R=t(50480);let F=(0,N.ZP)("form")(e=>{let{theme:s}=e;return{maxWidth:400,padding:s.spacing(12),borderRadius:s.shape.borderRadius,border:"1px solid ".concat(s.palette.divider)}}),T=()=>{let[e,s]=(0,i.useState)({password:"",showPassword:!1}),t=()=>{s({...e,showPassword:!e.showPassword})};return(0,r.jsxs)(d.Z,{children:[(0,r.jsx)(W.Z,{title:"Form Alignment"}),(0,r.jsx)(Z.Z,{sx:{minHeight:500,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,r.jsx)(F,{onSubmit:e=>e.preventDefault(),children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(l.Z,{variant:"h5",children:"Sign In"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Username",placeholder:"carterLeonard"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Password",value:e.password,onChange:t=>{s({...e,password:t.target.value})},id:"form-layouts-alignment-password",type:e.showPassword?"text":"password",InputProps:{endAdornment:(0,r.jsx)(b.Z,{position:"end",children:(0,r.jsx)(j.Z,{edge:"end",onClick:t,onMouseDown:e=>e.preventDefault(),"aria-label":"toggle password visibility",children:(0,r.jsx)(P.Z,{fontSize:"1.25rem",icon:e.showPassword?"tabler:eye":"tabler:eye-off"})})})}})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sx:{pt:e=>"".concat(e.spacing(2)," !important")},children:(0,r.jsx)(R.Z,{label:"Remember me",control:(0,r.jsx)(L.Z,{name:"form-layouts-alignment-checkbox"})})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sx:{pt:e=>"".concat(e.spacing(2)," !important")},children:(0,r.jsx)(p.Z,{type:"submit",variant:"contained",sx:{width:"100%"},children:"Login"})})]})})})]})};var z=t(49033),E=t(67358),U=t(40476),Y=t(68061),_=t(94054),$=t(38895),G=t(22797),O=t(77028),V=t.n(O),K=t(16054),H=t(79183),X=t(37406);t(63850);let q=(0,N.ZP)(I.Z)(e=>{let{theme:s}=e;return{borderWidth:1,display:"flex",cursor:"pointer",borderStyle:"solid",padding:s.spacing(5),borderColor:s.palette.divider,"&:first-of-type":{borderTopLeftRadius:s.shape.borderRadius,borderTopRightRadius:s.shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:s.shape.borderRadius,borderBottomRightRadius:s.shape.borderRadius}}}),J=()=>{let[e,s]=(0,i.useState)(""),[t,n]=(0,i.useState)(""),[o,d]=(0,i.useState)(""),[c,x]=(0,i.useState)(""),[h,j]=(0,i.useState)(""),[Z,f]=(0,i.useState)("standard"),[b,w]=(0,i.useState)("card"),[y,v]=(0,i.useState)("panel1"),S=e=>(s,t)=>{v(!!t&&e)},C=()=>d(""),M=e=>{let{target:t}=e;"number"===t.name?(t.value=(0,X.mf)(t.value,V()),j(t.value)):"expiry"===t.name?(t.value=(0,X.N)(t.value),x(t.value)):"cvc"===t.name&&(t.value=(0,X.tE)(t.value,h,V()),s(t.value))};return(0,r.jsxs)("form",{onSubmit:e=>e.preventDefault(),children:[(0,r.jsxs)(E.Z,{expanded:"panel1"===y,onChange:S("panel1"),children:[(0,r.jsx)($.Z,{expandIcon:(0,r.jsx)(P.Z,{icon:"tabler:chevron-down"}),id:"form-layouts-collapsible-header-1","aria-controls":"form-layouts-collapsible-content-1",children:(0,r.jsx)(l.Z,{variant:"subtitle1",sx:{fontWeight:500},children:"Delivery Address"})}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsx)(G.Z,{children:(0,r.jsxs)(a.ZP,{container:!0,spacing:5,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Full Name",placeholder:"Leonard Carter"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"number",label:"Phone No.",placeholder:"123-456-7890"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{multiline:!0,rows:3,fullWidth:!0,label:"Address",placeholder:"1456, Liberty Street"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,type:"number",label:"ZIP Code",placeholder:"10005"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"Landmark",placeholder:"Nr. Wall Street"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,label:"City",placeholder:"New York"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sm:6,children:(0,r.jsxs)(g.Z,{select:!0,fullWidth:!0,label:"Country",id:"form-layouts-collapsible-select",defaultValue:"",children:[(0,r.jsx)(m.Z,{value:"UK",children:"UK"}),(0,r.jsx)(m.Z,{value:"USA",children:"USA"}),(0,r.jsx)(m.Z,{value:"Australia",children:"Australia"}),(0,r.jsx)(m.Z,{value:"Germany",children:"Germany"})]})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsxs)(_.Z,{children:[(0,r.jsx)(U.Z,{children:"Address Type"}),(0,r.jsxs)(Y.Z,{row:!0,defaultValue:"home","aria-label":"address type",name:"form-layouts-collapsible-address-radio",children:[(0,r.jsx)(R.Z,{value:"home",control:(0,r.jsx)(z.Z,{}),label:"Home (All day delivery)"}),(0,r.jsx)(R.Z,{value:"office",control:(0,r.jsx)(z.Z,{}),label:"Office (Delivery between 10 AM - 5 PM)"})]})]})})]})})]}),(0,r.jsxs)(E.Z,{expanded:"panel2"===y,onChange:S("panel2"),children:[(0,r.jsx)($.Z,{expandIcon:(0,r.jsx)(P.Z,{icon:"tabler:chevron-down"}),id:"form-layouts-collapsible-header-2","aria-controls":"form-layouts-collapsible-content-2",children:(0,r.jsx)(l.Z,{variant:"subtitle1",sx:{fontWeight:500},children:"Delivery Options"})}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsxs)(G.Z,{sx:{pt:6,pb:6},children:[(0,r.jsxs)(q,{onClick:()=>f("standard"),sx:"standard"===Z?{borderColor:"primary.main"}:{},children:[(0,r.jsx)(z.Z,{value:"standard",checked:"standard"===Z,name:"form-layouts-collapsible-options-radio",inputProps:{"aria-label":"Standard Delivery"},sx:{mr:2,ml:-2.5,mt:-2.5,alignItems:"flex-start"}}),(0,r.jsxs)(I.Z,{sx:{width:"100%"},children:[(0,r.jsxs)(I.Z,{sx:{mb:2,display:"flex",justifyContent:"space-between"},children:[(0,r.jsx)(l.Z,{sx:{fontWeight:500},children:"Standard 3-5 Days"}),(0,r.jsx)(l.Z,{sx:{fontWeight:500},children:"Free"})]}),(0,r.jsx)(l.Z,{variant:"body2",children:"Friday, 15 Nov - Monday, 18 Nov"})]})]}),(0,r.jsxs)(q,{onClick:()=>f("express"),sx:"express"===Z?{borderColor:"primary.main"}:{},children:[(0,r.jsx)(z.Z,{value:"express",checked:"express"===Z,name:"form-layouts-collapsible-options-radio",inputProps:{"aria-label":"Express Delivery"},sx:{mr:2,ml:-2.5,mt:-2.5,alignItems:"flex-start"}}),(0,r.jsxs)(I.Z,{sx:{width:"100%"},children:[(0,r.jsxs)(I.Z,{sx:{mb:2,display:"flex",justifyContent:"space-between"},children:[(0,r.jsx)(l.Z,{sx:{fontWeight:500},children:"Express"}),(0,r.jsx)(l.Z,{sx:{fontWeight:500},children:"$5.00"})]}),(0,r.jsx)(l.Z,{variant:"body2",children:"Friday, 15 Nov - Sunday, 17 Nov"})]})]}),(0,r.jsxs)(q,{onClick:()=>f("overnight"),sx:"overnight"===Z?{borderColor:"primary.main"}:{},children:[(0,r.jsx)(z.Z,{value:"overnight",checked:"overnight"===Z,name:"form-layouts-collapsible-options-radio",inputProps:{"aria-label":"Overnight Delivery"},sx:{mr:2,ml:-2.5,mt:-2.5,alignItems:"flex-start"}}),(0,r.jsxs)(I.Z,{sx:{width:"100%"},children:[(0,r.jsxs)(I.Z,{sx:{mb:2,display:"flex",justifyContent:"space-between"},children:[(0,r.jsx)(l.Z,{sx:{fontWeight:500},children:"Overnight"}),(0,r.jsx)(l.Z,{sx:{fontWeight:500},children:"$10.00"})]}),(0,r.jsx)(l.Z,{variant:"body2",children:"Friday, 15 Nov - Saturday, 16 Nov"})]})]})]})]}),(0,r.jsxs)(E.Z,{expanded:"panel3"===y,onChange:S("panel3"),children:[(0,r.jsx)($.Z,{expandIcon:(0,r.jsx)(P.Z,{icon:"tabler:chevron-down"}),id:"form-layouts-collapsible-header-3","aria-controls":"form-layouts-collapsible-content-3",children:(0,r.jsx)(l.Z,{variant:"subtitle1",sx:{fontWeight:500},children:"Payment Method"})}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsx)(G.Z,{children:(0,r.jsx)(a.ZP,{container:!0,spacing:5,children:(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsxs)(a.ZP,{container:!0,spacing:6,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsxs)(Y.Z,{row:!0,value:b,"aria-label":"payment type",name:"form-layouts-collapsible-payment-radio",onChange:e=>w(e.target.value),children:[(0,r.jsx)(R.Z,{value:"card",control:(0,r.jsx)(z.Z,{}),label:"Credit/Debit/ATM Card"}),(0,r.jsx)(R.Z,{value:"cash",control:(0,r.jsx)(z.Z,{}),label:"Cash on Delivery"})]})}),"card"===b?(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsxs)(a.ZP,{container:!0,spacing:6,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(H.Z,{children:(0,r.jsx)(K.Z,{cvc:e,focused:o,expiry:c,name:t,number:h})})}
1),(0,r.jsx)(a.ZP,{item:!0,xs:12,md:8,xl:6,sx:{mt:2},children:(0,r.jsxs)(a.ZP,{container:!0,spacing:6,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,name:"number",value:h,autoComplete:"off",label:"Card Number",onBlur:C,onChange:M,placeholder:"0000 0000 0000 0000",onFocus:e=>d(e.target.name)})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(g.Z,{fullWidth:!0,name:"name",value:t,label:"Name",autoComplete:"off",onBlur:C,placeholder:"John Doe",onFocus:e=>d(e.target.name),onChange:e=>n(e.target.value)})}),(0,r.jsx)(a.ZP,{item:!0,xs:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,name:"expiry",value:c,autoComplete:"off",label:"Expiry Date",placeholder:"MM/YY",onBlur:C,onChange:M,inputProps:{maxLength:"5"},onFocus:e=>d(e.target.name)})}),(0,r.jsx)(a.ZP,{item:!0,xs:6,children:(0,r.jsx)(g.Z,{fullWidth:!0,name:"cvc",value:e,label:"CVC Code",autoComplete:"off",onBlur:C,onChange:M,onFocus:e=>d(e.target.name),placeholder:"amex"===V().fns.cardType(h)?"1234":"123"})})]})})]})}):null]})})})}),(0,r.jsx)(u.Z,{sx:{m:"0 !important"}}),(0,r.jsxs)(G.Z,{children:[(0,r.jsx)(p.Z,{type:"submit",variant:"contained",sx:{mr:4},children:"Place Order"}),(0,r.jsx)(p.Z,{type:"reset",variant:"tonal",color:"secondary",children:"Reset"})]})]})]})},Q=()=>(0,r.jsx)(n.Z,{children:(0,r.jsxs)(a.ZP,{container:!0,spacing:6,children:[(0,r.jsx)(a.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(D,{})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,md:6,children:(0,r.jsx)(A,{})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(k,{})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sx:{pt:e=>"".concat(e.spacing(8)," !important")},children:(0,r.jsx)(l.Z,{variant:"h5",children:"Form with Tabs"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sx:{pt:e=>"".concat(e.spacing(4)," !important")},children:(0,r.jsx)(S,{})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sx:{pt:e=>"".concat(e.spacing(8)," !important")},children:(0,r.jsx)(l.Z,{variant:"h5",children:"Collapsible Sections"})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,sx:{pt:e=>"".concat(e.spacing(4)," !important")},children:(0,r.jsx)(J,{})}),(0,r.jsx)(a.ZP,{item:!0,xs:12,children:(0,r.jsx)(T,{})})]})});var ee=Q}},function(e){e.O(0,[3863,9198,3978,6765,8249,6559,2229,9774,2888,179],function(){return e(e.s=8704)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.