{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/P9qJE9woNI8TkLv9Y9o4/7JemQSvtNRZacEOpreoa/Currency_Input_Component.js", "ssg:https://framerusercontent.com/modules/bDslkUvas5SpTsWf0S98/9oBLADMfGSlXN5Q1QC4X/Text_Component.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/components/auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function Currency_Input_Component(props){var _props_font;const[value,setValue]=useState();const{label,placeholder,type,min,font,fontSize,color,placeholderColor,opacity,fill,positionType,borderRadius,padding,border,shadow,focusEffect,customId,textAlign}=props;const parsedFontFamily=(props===null||props===void 0?void 0:(_props_font=props.font)===null||_props_font===void 0?void 0:_props_font.fontFamily)?props.font.fontFamily.replace(/['\"]+/g,\"\"):\"Sofia\";const formatNumber=value=>{const cleanedValue=value.replace(/[^\\d.]/g,\"\");const parts=cleanedValue.split(\".\");parts[0]=parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g,\",\");return\"$\"+parts.join(\".\");};const handleInputChange=e=>{const inputValue=e.target.value;setValue(formatNumber(inputValue));};return /*#__PURE__*/_jsx(\"input\",{id:customId,placeholder:placeholder,type:\"text\",value:value,min:min,onChange:handleInputChange,style:{color:placeholderColor,fontFamily:parsedFontFamily,fontWeight:font.weight,fontSize:`${fontSize}px`,borderRadius:`${borderRadius}px`,padding:`${padding}px`,border:`1px ${border.style} ${border.color}`,width:\"100%\",height:\"100%\",textAlign}});}addPropertyControls(Currency_Input_Component,{placeholder:{type:ControlType.String,title:\"Placeholder\",defaultValue:\"$0\"},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"left\"},min:{type:ControlType.Number,title:\"Min\",defaultValue:0,min:0},font:{type:ControlType.Font,title:\"Font\",defaultValue:{family:\"Inter\",weight:400,size:16}},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:8,max:100,unit:\"px\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#999999\"},placeholderColor:{type:ControlType.Color,title:\"Placeholder Color\",defaultValue:\"#999999\"},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:1,min:0,max:1,step:.1},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:10,min:0,max:50},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:12,min:0,max:50},border:{type:ControlType.Object,title:\"Border\",controls:{style:{type:ControlType.Enum,options:[\"solid\",\"dashed\",\"none\"],optionTitles:[\"Solid\",\"Dashed\",\"None\"],defaultValue:\"solid\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#999999\"}}},customId:{title:\"ID\",type:ControlType.String,defaultValue:\"test-id\",description:\"Please do not change ID value!!!!\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Currency_Input_Component\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Currency_Input_Component.map", "// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/components/auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fix\n * @framerSupportedLayoutHeight any-prefer-fix\n */export default function Text_Component(props){// This is a React component containing an Example component\n// Replace <Example /> with your own code\nconst{customId,text,font,fontSize,color,textAlign}=props;const parsedFontFamily=props?.font?.fontFamily?font.fontFamily.replace(/['\"]+/g,\"\"):\"Inter\";return /*#__PURE__*/_jsx(\"p\",{id:customId,style:{fontFamily:parsedFontFamily,fontWeight:font.fontWeight,color,fontSize:`${fontSize}px`,margin:0,textAlign},children:text});}addPropertyControls(Text_Component,{customId:{type:ControlType.String,title:\"ID\",description:\"Please do not change ID value!\"},text:{type:ControlType.String,title:\"Text\",defaultValue:\"$0\"},font:{type:ControlType.Font,title:\"Font\",defaultValue:{family:\"Inter\",weight:400,size:16}},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:8,max:100},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"left\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ff0000\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Text_Component\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fix\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any-prefer-fix\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text_Component.map"],
  "mappings": "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",
  "names": ["Currency_Input_Component", "props", "_props_font", "value", "setValue", "ye", "label", "placeholder", "type", "min", "font", "fontSize", "color", "placeholderColor", "opacity", "fill", "positionType", "borderRadius", "padding", "border", "shadow", "focusEffect", "customId", "textAlign", "parsedFontFamily", "formatNumber", "parts", "p", "e", "inputValue", "addPropertyControls", "ControlType", "Text_Component", "props", "customId", "text", "font", "fontSize", "color", "textAlign", "parsedFontFamily", "p", "addPropertyControls", "ControlType"]
}