{"version":3,"file":"Dropdown_required_validation.RTql81AE.mjs","names":["React.useState","__legacyOverrideHOC_DataObserverContext","_jsx"],"sources":["https:/framerusercontent.com/modules/dmi04DAUL45OJPTUFxSP/NMsbnSBaqTofQhLLYU0g/Dropdown_required_validation.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";export function RequiredDropdownCustomArrow(){const[variant,setVariant]=React.useState(\"Default\");const[value,setValue]=React.useState(\"Select one\");React.useEffect(()=>{const style=document.createElement(\"style\");style.innerHTML=`\n            /* Hide the default arrow container (with vertical line) */\n            .framer-select [class*=\"Arrow\"],\n            .framer-select [class*=\"icon\"],\n            .framer-select svg {\n                display: none !important;\n            }\n        `;document.head.appendChild(style);return()=>style.remove();},[]);return{variant,onFocus:()=>setVariant(\"Focus\"),onBlur:()=>{if(value===\"Select one\"||value===\"\"||!value){setVariant(\"Invalid\");}else{setVariant(\"Default\");}},onValueChange:newValue=>{setValue(newValue);setVariant(\"Focus\");},// Add your own custom arrow icon here\nchildren:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",width:\"100%\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{flex:1},children:value}),/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 10l5 5 5-5z\",fill:\"currentColor\"})})]})};}import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withRequiredDropdownCustomArrow(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...RequiredDropdownCustomArrow(props)});};}withRequiredDropdownCustomArrow.displayName=\"RequiredDropdownCustomArrow\";\nexport const __FramerMetadata__ = {\"exports\":{\"withRequiredDropdownCustomArrow\":{\"type\":\"reactHoc\",\"name\":\"withRequiredDropdownCustomArrow\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RequiredDropdownCustomArrow\":{\"type\":\"override\",\"name\":\"RequiredDropdownCustomArrow\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Dropdown_required_validation.map"],"mappings":"yLAAqF,SAAgB,GAA6B,CAAC,GAAK,CAAC,EAAQ,GAAYA,EAAe,UAAU,CAAM,CAAC,EAAM,GAAUA,EAAe,aAAa,CAO/J,OAPgK,MAAoB,CAAC,IAAM,EAAM,SAAS,cAAc,QAAQ,CAO/P,MAPgQ,GAAM,UAAU;;;;;;;UAOjT,SAAS,KAAK,YAAY,EAAM,KAAW,EAAM,QAAQ,EAAG,EAAE,CAAC,CAAO,CAAC,UAAQ,YAAY,EAAW,QAAQ,CAAC,WAAW,CAA8C,EAA1C,IAAQ,cAAc,IAAQ,IAAI,CAAC,EAAkB,UAA4B,UAAU,EAAI,cAAc,GAAU,CAAC,EAAS,EAAS,CAAC,EAAW,QAAQ,EACtS,SAAsB,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,MAAM,OAAO,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,SAAS,EAAM,CAAC,CAAc,EAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,SAAsB,EAAK,OAAO,CAAC,EAAE,iBAAiB,KAAK,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAqJ,SAAgB,EAAgC,EAAE,CAAC,MAAO,KAAQ,EAA+BC,EAAwC,CAAQC,EAAK,EAAE,CAAC,GAAG,EAAM,GAAG,EAA4B,EAAM,CAAC,CAAC,mBARzlB,IAA4B,IAQoX,CAA6M,EAAgC,YAAY"}