{"version":3,"file":"Postal_Code_Input.BkgPBwPO.mjs","names":["useId","useState","_Fragment","__esmMin","ie","init_ssg_sandbox_shims","window","l","_e","p","c","init_jsx_runtime","init_npm_react_18_3_1","addPropertyControls","init_framer_CaDWdxiz","ControlType","PostalCodeSearch","props","inputClass","postalCode","setPostalCode","isHovered","setIsHovered","isFocused","setIsFocused","handleSubmit","cleanPostal","separator","targetUrl","url","radius","openInNewTab","handleKeyDown","isVertical","direction","inputBgWithOpacity","hex","a","h","inputBg","inputBgOpacity","inputPlaceholderColor","inputPlaceholder","inputFontFamily","inputFontSize","inputFontWeight","inputColor","inputBackdropBlur","inputBorderWidth","inputFocusBorder","inputBorder","inputBorderRadius","inputPaddingY","inputPaddingX","buttonFontFamily","buttonFontSize","buttonFontWeight","buttonColor","buttonHoverBg","buttonBg","buttonBorderWidth","buttonBorder","buttonBorderRadius","buttonPaddingY","buttonPaddingX","buttonText","init_Postal_Code_Input"],"sources":["https:/framerusercontent.com/modules/bZAYPh0ine5Y8CXgoLqT/zkp8OPvTZIOxtSKmTelV/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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"}