{"version":3,"file":"NumberMask.DUpFD03a.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/BMCxXgPFLwAydHnbeYWW/IupalROgpGRODyelOTFh/NumberMask.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function PhoneInput(props){const[value,setValue]=useState(\"\");const handleInputChange=event=>{let input=event.target.value.replace(/\\D/g,\"\")// Remove caracteres não numéricos\n;if(input.length>11)input=input.slice(0,11)// Limita a 11 dígitos\n;// Aplica a máscara: (99) 99999-9999\nlet formattedValue=input.replace(/^(\\d{2})(\\d{5})(\\d{4})$/,\"($1) $2-$3\");// Aplica formato intermediário enquanto o usuário digita\nif(input.length<=10){formattedValue=input.replace(/^(\\d{2})(\\d{4})(\\d{0,4})$/,\"($1) $2-$3\");}if(input.length<=6){formattedValue=input.replace(/^(\\d{2})(\\d{0,5})$/,\"($1) $2\");}if(input.length<=2){formattedValue=input.replace(/^(\\d*)$/,\"($1\");}setValue(formattedValue);};return /*#__PURE__*/_jsx(\"input\",{type:\"tel\",name:\"phone\",required:true,style:{width:\"100%\",height:\"52px\",fontSize:props.fontSize,padding:\"10px 15px\",boxSizing:\"border-box\",border:\"1px solid #E0E0E0\",borderRadius:`${props.borderRadius}px`,backgroundColor:\"#F8F8F8\",color:\"#757575\",outline:\"none\",fontWeight:\"400\",letterSpacing:\"0.5px\"},placeholder:props.placeholder,value:value,onChange:handleInputChange});}// Adiciona controles para customizar o input no painel de propriedades\naddPropertyControls(PhoneInput,{placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Ex: (99) 99999-9999\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:18,min:10,max:40,step:1,displayStepper:true},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:6,min:0,max:50,step:1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"PhoneInput\":{\"type\":\"reactComponent\",\"name\":\"PhoneInput\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NumberMask.map"],"mappings":"0KAA2H,SAAgB,EAAW,EAAM,CAAC,GAAK,CAAC,EAAM,GAAUA,EAAS,GAAG,CAI8E,OAAoB,EAAK,QAAQ,CAAC,KAAK,MAAM,KAAK,QAAQ,SAAS,GAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,EAAM,SAAS,QAAQ,YAAY,UAAU,aAAa,OAAO,oBAAoB,aAAa,GAAG,EAAM,aAAa,IAAI,gBAAgB,UAAU,MAAM,UAAU,QAAQ,OAAO,WAAW,MAAM,cAAc,QAAQ,CAAC,YAAY,EAAM,YAAkB,QAAM,SAJ/a,GAAO,CAAC,IAAI,EAAM,EAAM,OAAO,MAAM,QAAQ,MAAM,GAAG,CAC1Q,EAAM,OAAO,KAAG,EAAM,EAAM,MAAM,EAAE,GAAG,EAE3C,IAAI,EAAe,EAAM,QAAQ,0BAA0B,aAAa,CACrE,EAAM,QAAQ,KAAI,EAAe,EAAM,QAAQ,4BAA4B,aAAa,EAAK,EAAM,QAAQ,IAAG,EAAe,EAAM,QAAQ,qBAAqB,UAAU,EAAK,EAAM,QAAQ,IAAG,EAAe,EAAM,QAAQ,UAAU,MAAM,EAAE,EAAS,EAAe,EAAwZ,CAAC,kBAJxnB,IAA4B,IAAoD,CAK3H,EAAoB,EAAW,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,sBAAsB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,eAAe,GAAK,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,eAAe,GAAK,CAAC,CAAC"}