{"version":3,"file":"Postal_Code_Input.CFme3m6d.mjs","names":["useId","useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/qTIEwCmGYC3sdMHwUN2s/7tnJihJlqOdby5ayZmVt/Postal_Code_Input.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useId}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 50\n */export default function PostalCodeSearch(props){const{targetUrl,radius,openInNewTab,direction,gap,inputPlaceholder,inputPlaceholderColor,inputFontFamily,inputFontSize,inputFontWeight,inputColor,// bg + blur additions\ninputBg,inputBgOpacity,inputBackdropBlur,inputBorder,inputBorderWidth,inputBorderRadius,inputPaddingX,inputPaddingY,inputFocusBorder,buttonText,buttonFontFamily,buttonFontSize,buttonFontWeight,buttonColor,buttonBg,buttonHoverBg,buttonBorder,buttonBorderWidth,buttonBorderRadius,buttonPaddingX,buttonPaddingY}=props;const uniqueId=useId().replace(/:/g,\"\");const inputClass=`postal-input-${uniqueId}`;const[postalCode,setPostalCode]=useState(\"\");const[isHovered,setIsHovered]=useState(false);const[isFocused,setIsFocused]=useState(false);const handleSubmit=()=>{if(!postalCode.trim())return;const cleanPostal=postalCode.replace(/\\s+/g,\"\").toUpperCase();const separator=targetUrl.includes(\"?\")?\"&\":\"?\";const url=`${targetUrl}${separator}postal=${cleanPostal}&radius=${radius}`;if(openInNewTab){window.open(url,\"_blank\");}else{window.location.href=url;}};const handleKeyDown=e=>{if(e.key===\"Enter\")handleSubmit();};const isVertical=direction===\"vertical\";// Convert hex color to rgba with opacity (works for #RGB or #RRGGBB)\nconst toRgba=(hex,a)=>{if(!hex)return`rgba(255,255,255,${a})`;let h=hex.replace(\"#\",\"\").trim();if(h.length===3)h=h.split(\"\").map(c=>c+c).join(\"\");if(h.length!==6)return hex// fallback if invalid\n;const r=parseInt(h.slice(0,2),16);const g=parseInt(h.slice(2,4),16);const b=parseInt(h.slice(4,6),16);return`rgba(${r}, ${g}, ${b}, ${a})`;};const inputBgWithOpacity=toRgba(inputBg,inputBgOpacity);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .${inputClass}::placeholder {\n                    color: ${inputPlaceholderColor} !important;\n                    opacity: 1;\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:isVertical?\"column\":\"row\",gap:gap,width:\"100%\",height:\"100%\",alignItems:isVertical?\"stretch\":\"center\"},children:[/*#__PURE__*/_jsx(\"input\",{type:\"text\",className:inputClass,value:postalCode,onChange:e=>setPostalCode(e.target.value),onKeyDown:handleKeyDown,onFocus:()=>setIsFocused(true),onBlur:()=>setIsFocused(false),placeholder:inputPlaceholder,style:{flex:isVertical?undefined:1,width:isVertical?\"100%\":undefined,minWidth:0,fontFamily:inputFontFamily,fontSize:inputFontSize,fontWeight:inputFontWeight,color:inputColor,// ✅ blur + semi-transparent bg\nbackgroundColor:inputBgWithOpacity,backdropFilter:inputBackdropBlur>0?`blur(${inputBackdropBlur}px)`:\"none\",WebkitBackdropFilter:inputBackdropBlur>0?`blur(${inputBackdropBlur}px)`:\"none\",border:`${inputBorderWidth}px solid ${isFocused?inputFocusBorder:inputBorder}`,borderRadius:inputBorderRadius,padding:`${inputPaddingY}px ${inputPaddingX}px`,outline:\"none\",transition:\"border-color 0.2s ease, backdrop-filter 0.2s ease\",boxSizing:\"border-box\",margin:0,appearance:\"none\",WebkitAppearance:\"none\"}}),/*#__PURE__*/_jsx(\"button\",{onClick:handleSubmit,onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),style:{fontFamily:buttonFontFamily,fontSize:buttonFontSize,fontWeight:buttonFontWeight,color:buttonColor,backgroundColor:isHovered?buttonHoverBg:buttonBg,border:`${buttonBorderWidth}px solid ${buttonBorder}`,borderRadius:buttonBorderRadius,padding:`${buttonPaddingY}px ${buttonPaddingX}px`,cursor:\"pointer\",transition:\"background-color 0.2s ease\",whiteSpace:\"nowrap\",boxSizing:\"border-box\",margin:0,appearance:\"none\",WebkitAppearance:\"none\",flexShrink:0},children:buttonText})]})]});}PostalCodeSearch.defaultProps={targetUrl:\"https://example.com/results\",radius:150,openInNewTab:false,direction:\"horizontal\",gap:8,inputPlaceholder:\"Enter postal code\",inputPlaceholderColor:\"#999999\",inputFontFamily:\"Inter, sans-serif\",inputFontSize:16,inputFontWeight:400,inputColor:\"#000000\",// ✅ defaults for blur feature\ninputBg:\"#FFFFFF\",inputBgOpacity:.75,inputBackdropBlur:12,inputBorder:\"#CCCCCC\",inputBorderWidth:1,inputBorderRadius:8,inputPaddingX:16,inputPaddingY:12,inputFocusBorder:\"#0066FF\",buttonText:\"Search\",buttonFontFamily:\"Inter, sans-serif\",buttonFontSize:16,buttonFontWeight:600,buttonColor:\"#FFFFFF\",buttonBg:\"#0066FF\",buttonHoverBg:\"#0052CC\",buttonBorder:\"transparent\",buttonBorderWidth:0,buttonBorderRadius:8,buttonPaddingX:24,buttonPaddingY:12};addPropertyControls(PostalCodeSearch,{targetUrl:{title:\"Target URL\",type:ControlType.String,defaultValue:\"https://example.com/results\"},radius:{title:\"Radius\",type:ControlType.Number,defaultValue:150,min:1,max:500,step:10},openInNewTab:{title:\"New Tab\",type:ControlType.Boolean,defaultValue:false},direction:{title:\"Direction\",type:ControlType.Enum,options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"],defaultValue:\"horizontal\"},gap:{title:\"Gap\",type:ControlType.Number,defaultValue:8,min:0,max:40},inputPlaceholder:{title:\"Placeholder\",type:ControlType.String,defaultValue:\"Enter postal code\"},inputPlaceholderColor:{title:\"Placeholder Color\",type:ControlType.Color,defaultValue:\"#999999\"},inputFontFamily:{title:\"Input Font\",type:ControlType.String,defaultValue:\"Inter, sans-serif\"},inputFontSize:{title:\"Input Size\",type:ControlType.Number,defaultValue:16,min:10,max:32},inputFontWeight:{title:\"Input Weight\",type:ControlType.Number,defaultValue:400,min:100,max:900,step:100},inputColor:{title:\"Input Color\",type:ControlType.Color,defaultValue:\"#000000\"},// ✅ blur controls\ninputBg:{title:\"Input BG\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},inputBgOpacity:{title:\"BG Opacity\",type:ControlType.Number,defaultValue:.75,min:0,max:1,step:.05},inputBackdropBlur:{title:\"BG Blur\",type:ControlType.Number,defaultValue:12,min:0,max:40,step:1},inputBorder:{title:\"Input Border\",type:ControlType.Color,defaultValue:\"#CCCCCC\"},inputFocusBorder:{title:\"Focus Border\",type:ControlType.Color,defaultValue:\"#0066FF\"},inputBorderWidth:{title:\"Input Border W\",type:ControlType.Number,defaultValue:1,min:0,max:5},inputBorderRadius:{title:\"Input Radius\",type:ControlType.Number,defaultValue:8,min:0,max:50},inputPaddingX:{title:\"Input Pad X\",type:ControlType.Number,defaultValue:16,min:0,max:40},inputPaddingY:{title:\"Input Pad Y\",type:ControlType.Number,defaultValue:12,min:0,max:40},buttonText:{title:\"Button Label\",type:ControlType.String,defaultValue:\"Search\"},buttonFontFamily:{title:\"Button Font\",type:ControlType.String,defaultValue:\"Inter, sans-serif\"},buttonFontSize:{title:\"Button Size\",type:ControlType.Number,defaultValue:16,min:10,max:32},buttonFontWeight:{title:\"Button Weight\",type:ControlType.Number,defaultValue:600,min:100,max:900,step:100},buttonColor:{title:\"Button Color\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},buttonBg:{title:\"Button BG\",type:ControlType.Color,defaultValue:\"#0066FF\"},buttonHoverBg:{title:\"Button Hover\",type:ControlType.Color,defaultValue:\"#0052CC\"},buttonBorder:{title:\"Btn Border\",type:ControlType.Color,defaultValue:\"transparent\"},buttonBorderWidth:{title:\"Btn Border W\",type:ControlType.Number,defaultValue:0,min:0,max:5},buttonBorderRadius:{title:\"Btn Radius\",type:ControlType.Number,defaultValue:8,min:0,max:50},buttonPaddingX:{title:\"Btn Pad X\",type:ControlType.Number,defaultValue:24,min:0,max:60},buttonPaddingY:{title:\"Btn Pad Y\",type:ControlType.Number,defaultValue:12,min:0,max:40}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PostalCodeSearch\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicHeight\":\"50\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Postal_Code_Input.map"],"mappings":"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"}