{"version":3,"file":"InputAudienceLarge.DBEziO2b.mjs","names":["useState","useMemo","useCallback"],"sources":["https:/framerusercontent.com/modules/q0en1JAupkIUBm3yjLBT/IRyXHjAsRri5yyOwauXg/InputAudienceLarge.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useCallback,useMemo,useEffect}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function NumberField({value=0,onChange,textColor=\"white\",fontSize=36,fontWeight=\"regular\",backgroundColor=\"transparent\",borderRadius=16,placeholder=\"Enter value\"}){const[isHovered,setIsHovered]=useState(false);const[isFocused,setIsFocused]=useState(false);// Memoized dynamic styles\nconst dynamicStyles=useMemo(()=>({border:isFocused?\"solid 1px #43D100\":isHovered?\"solid 1px rgba(124, 125, 135, 1)\":\"solid 1px rgba(124, 125, 135, 0.24)\",outline:\"none\"}),[isFocused,isHovered]);useEffect(()=>{// Apply styles dynamically to ensure they take effect in Framer\nconst styleSheet=document.createElement(\"style\");styleSheet.innerHTML=`\n            /* Remove number input arrows for Webkit browsers (Chrome, Safari, Edge) */\n            input[type=\"number\"]::-webkit-inner-spin-button,\n            input[type=\"number\"]::-webkit-outer-spin-button {\n                -webkit-appearance: none;\n                margin: 0;\n            }\n            /* Remove number input arrows for Firefox */\n            input[type=\"number\"] {\n                -moz-appearance: textfield;\n            }\n        `;document.head.appendChild(styleSheet);},[]);// UseCallback to prevent re-renders\nconst handleMouseEnter=useCallback(()=>setIsHovered(true),[]);const handleMouseLeave=useCallback(()=>setIsHovered(false),[]);const handleFocus=useCallback(()=>setIsFocused(true),[]);const handleBlur=useCallback(()=>setIsFocused(false),[]);return /*#__PURE__*/_jsxs(\"div\",{style:{...containerStyle,...dynamicStyles,backgroundColor,borderRadius},children:[/*#__PURE__*/_jsx(\"input\",{type:\"number\",style:{...fieldStyle,fontSize,fontWeight,color:textColor,outline:\"none\",border:\"none\",borderRadius},min:0,placeholder:placeholder,value:value===0?\"\":value,onChange:onChange,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,onFocus:handleFocus,onBlur:handleBlur}),value>0&&/*#__PURE__*/_jsx(\"svg\",{width:\"14\",height:\"12\",viewBox:\"0 0 14 12\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",d:\"M13.7045 0.153466C14.034 0.404497 14.0976 0.875094 13.8466 1.20457L5.84657 11.7046C5.71541 11.8767 5.51627 11.9838 5.30033 11.9983C5.08439 12.0129 4.87271 11.9334 4.71967 11.7804L0.21967 7.28037C-0.0732233 6.98748 -0.0732233 6.5126 0.21967 6.21971C0.512563 5.92682 0.987437 5.92682 1.28033 6.21971L5.17351 10.1129L12.6534 0.295507C12.9045 -0.0339712 13.3751 -0.0975653 13.7045 0.153466Z\",fill:\"#43D100\"})})]});}const fieldStyle={width:\"100%\",height:\"100%\",outline:\"none\",background:\"none\",padding:\"18px 17px\",transition:\"border 0.2s ease-in-out\"};const containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\",paddingRight:\"17px\"};// Add property controls\naddPropertyControls(NumberField,{textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"white\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:36,min:10,max:100,unit:\"px\",displayStepper:true},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",defaultValue:\"regular\",options:[\"normal\",\"bold\",\"lighter\",\"bolder\"],optionTitles:[\"Normal\",\"Bold\",\"Lighter\",\"Bolder\"]},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"transparent\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:0,min:0,max:100,unit:\"px\",displayStepper:true},placeholder:{type:ControlType.String,title:\"Input Placeholder\",defaultValue:\"Enter value\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NumberField\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InputAudienceLarge.map"],"mappings":"iSAGG,SAAwB,EAAY,CAAC,QAAM,EAAE,WAAS,YAAU,QAAQ,WAAS,GAAG,aAAW,UAAU,kBAAgB,cAAc,eAAa,GAAG,cAAY,eAAe,CAAC,GAAK,CAAC,EAAU,GAAcA,EAAS,GAAM,CAAM,CAAC,EAAU,GAAcA,EAAS,GAAM,CAC3Q,EAAcC,OAAa,CAAC,OAAO,EAAU,oBAAoB,EAAU,mCAAmC,sCAAsC,QAAQ,OAAO,EAAE,CAAC,EAAU,EAAU,CAAC,CAAC,MAAc,CAChN,IAAM,EAAW,SAAS,cAAc,QAAQ,CAAC,EAAW,UAAU;;;;;;;;;;;UAW5D,SAAS,KAAK,YAAY,EAAW,EAAG,EAAE,CAAC,CACrD,IAAM,EAAiBC,MAAgB,EAAa,GAAK,CAAC,EAAE,CAAC,CAAO,EAAiBA,MAAgB,EAAa,GAAM,CAAC,EAAE,CAAC,CAAO,EAAYA,MAAgB,EAAa,GAAK,CAAC,EAAE,CAAC,CAAO,EAAWA,MAAgB,EAAa,GAAM,CAAC,EAAE,CAAC,CAAC,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,GAAG,EAAe,GAAG,EAAc,kBAAgB,eAAa,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,KAAK,SAAS,MAAM,CAAC,GAAG,EAAW,WAAS,aAAW,MAAM,EAAU,QAAQ,OAAO,OAAO,OAAO,eAAa,CAAC,IAAI,EAAc,cAAY,MAAM,IAAQ,EAAE,GAAG,EAAe,WAAS,aAAa,EAAiB,aAAa,EAAiB,QAAQ,EAAY,OAAO,EAAW,CAAC,CAAC,EAAM,GAAgB,EAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,SAAsB,EAAK,OAAO,CAAC,YAAY,UAAU,YAAY,UAAU,EAAE,qYAAqY,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,sBAjB1sC,IAAoD,IAA0D,CAiBomC,EAAW,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,OAAO,QAAQ,YAAY,WAAW,0BAA0B,CAAO,EAAe,CAAC,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,aAAa,OAAO,CAClhD,EAAoB,EAAY,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,KAAK,eAAe,GAAK,CAAC,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,aAAa,UAAU,QAAQ,CAAC,SAAS,OAAO,UAAU,SAAS,CAAC,aAAa,CAAC,SAAS,OAAO,UAAU,SAAS,CAAC,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,cAAc,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,KAAK,eAAe,GAAK,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,oBAAoB,aAAa,cAAc,CAAC,CAAC"}