{"version":3,"file":"EditableInput.C0mvFu2U.mjs","names":["useState","useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/nSxy2LdDW2S4WDhnq9VP/ajrd9BpBkDKwBA6xzpww/EditableInput.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function EditableInput(props){const[inputValue,setInputValue]=useState(props.initialValue);const inputRef=useRef(null);useEffect(()=>{if(inputRef.current){inputRef.current.focus();const length=inputValue.length;inputRef.current.setSelectionRange(length,length);}},[]);const handleChange=event=>{setInputValue(event.target.value);};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .editable-input::placeholder {\n                    color: rgba(0, 0, 0, 0.55);\n                    opacity: 1;\n                }\n            `}),/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"text\",value:inputValue,onChange:handleChange,placeholder:props.placeholder,className:\"editable-input\",style:{width:\"100%\",height:\"auto\",fontSize:`${props.fontSize}px`,textAlign:props.textAlign,padding:\"0px\",border:\"none\",borderRadius:\"0px\",fontFamily:props.fontFamily,fontWeight:props.fontWeight,color:props.textColor,backgroundColor:\"transparent\",outline:\"none\",textTransform:props.textTransform,lineHeight:props.lineHeight,letterSpacing:props.letterSpacing}})]});}EditableInput.defaultProps={initialValue:\"Chloe Schumacher\",placeholder:\"Enter text\",fontSize:32,fontFamily:\"'JetBrains Mono', monospace\",fontWeight:\"600\",textColor:\"#000000\",textAlign:\"center\",textTransform:\"uppercase\",lineHeight:\"1.3\",letterSpacing:\"0px\"};addPropertyControls(EditableInput,{initialValue:{type:ControlType.String,title:\"Initial Text\",defaultValue:\"Chloe Schumacher\"},placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"Enter text\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:32,min:8,max:120,step:1,unit:\"px\"},fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"'JetBrains Mono', monospace\"},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",options:[\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\"],defaultValue:\"600\"},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],defaultValue:\"center\"},textTransform:{type:ControlType.Enum,title:\"Text Transform\",options:[\"none\",\"uppercase\",\"lowercase\",\"capitalize\"],defaultValue:\"uppercase\"},lineHeight:{type:ControlType.String,title:\"Line Height\",defaultValue:\"1.3\"},letterSpacing:{type:ControlType.String,title:\"Letter Spacing\",defaultValue:\"0px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"EditableInput\":{\"type\":\"reactComponent\",\"name\":\"EditableInput\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EditableInput.map"],"mappings":"sMAAgL,SAAgB,EAAc,EAAM,CAAC,GAAK,CAAC,EAAW,GAAeA,EAAS,EAAM,aAAa,CAAO,EAASC,EAAO,KAAK,CAAqN,OAApN,MAAc,CAAC,GAAG,EAAS,QAAQ,CAAC,EAAS,QAAQ,OAAO,CAAC,IAAM,EAAO,EAAW,OAAO,EAAS,QAAQ,kBAAkB,EAAO,EAAO,GAAI,EAAE,CAAC,CAAoF,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;cAKvkB,CAAC,CAAc,EAAK,QAAQ,CAAC,IAAI,EAAS,KAAK,OAAO,MAAM,EAAW,SALiY,GAAO,CAAC,EAAc,EAAM,OAAO,MAAM,EAKpZ,YAAY,EAAM,YAAY,UAAU,iBAAiB,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,GAAG,EAAM,SAAS,IAAI,UAAU,EAAM,UAAU,QAAQ,MAAM,OAAO,OAAO,aAAa,MAAM,WAAW,EAAM,WAAW,WAAW,EAAM,WAAW,MAAM,EAAM,UAAU,gBAAgB,cAAc,QAAQ,OAAO,cAAc,EAAM,cAAc,WAAW,EAAM,WAAW,cAAc,EAAM,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,kBAL/b,IAA6C,IAAoD,CAKgW,EAAc,aAAa,CAAC,aAAa,mBAAmB,YAAY,aAAa,SAAS,GAAG,WAAW,8BAA8B,WAAW,MAAM,UAAU,UAAU,UAAU,SAAS,cAAc,YAAY,WAAW,MAAM,cAAc,MAAM,CAAC,EAAoB,EAAc,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,mBAAmB,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,aAAa,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,KAAK,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,8BAA8B,CAAC,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,CAAC,aAAa,MAAM,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,OAAO,SAAS,QAAQ,CAAC,aAAa,SAAS,CAAC,cAAc,CAAC,KAAK,EAAY,KAAK,MAAM,iBAAiB,QAAQ,CAAC,OAAO,YAAY,YAAY,aAAa,CAAC,aAAa,YAAY,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,MAAM,CAAC,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,iBAAiB,aAAa,MAAM,CAAC,CAAC"}