{"version":3,"file":"PasswordInput.BkQW-R0-.mjs","names":[],"sources":["https:/framerusercontent.com/modules/cXi65gCFHsrkQYXHFl4y/PPufQM6ADxvFkyrbemLG/PasswordInput.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";import{motion}from\"framer\";import{createBackground,Border,parsePadding,fillProp,borderProp,shadowsProp,useInstanceId,Icon}from\"https://framerusercontent.com/modules/DwWOdDzQZGCuvkNlbUjZ/p64C0n6xNEFY9NovSiJw/FramerFormsShared.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 400\n * @framerDisableUnlink\n */export default function PasswordInput(props){const{button,shadows,border}=props;const id=useInstanceId();const[focused,setFocused]=useState(false);const[invalid,setInvalid]=useState(false);const[showPassword,setShowPassword]=useState(false);const[pt,pr,pb,pl]=parsePadding(props.padding);const onFocus=()=>{setFocused(true);props.focusEvent?.();if(invalid){setInvalid(false);}};const onBlur=()=>{setFocused(false);props.blurEvent?.();};const onInvalid=event=>{event.preventDefault();setInvalid(true);props.invalidEvent?.();};const onButtonClick=()=>{setShowPassword(!showPassword);};return /*#__PURE__*/_jsxs(motion.div,{\"data-framerforms\":true,id:id,onFocus:onFocus,onBlur:onBlur,animate:{...createBackground(props.fill,null,focused,invalid),boxShadow:invalid&&shadows?.invalid||focused&&shadows?.focus||shadows?.default,borderColor:invalid&&border?.colorInvalid||focused&&border?.colorFocus||border?.color},style:{borderRadius:props.radius,display:\"flex\",flexDirection:\"row\",...props.style},initial:false,transition:props.transition,children:[/*#__PURE__*/_jsx(\"input\",{name:props.name,type:showPassword?\"text\":\"password\",required:props.required,autoFocus:props.autoFocus,placeholder:props.placeholder,minLength:props.minLength,maxLength:props.maxLength,onInvalid:onInvalid,style:{display:\"block\",padding:button?`${pt}px ${0}px ${pb}px ${pl}px`:props.padding,color:props.color,background:\"none\",border:\"none\",textOverflow:\"ellipsis\",...props.font,...props.style}}),button&&/*#__PURE__*/_jsx(\"div\",{onClick:onButtonClick,style:{width:button.size+pr+8,cursor:\"pointer\",display:\"flex\",flexDirection:\"row\",alignItems:\"center\",paddingLeft:8,justifyContent:\"start\"},children:/*#__PURE__*/_jsx(Icon,{image:showPassword?button.imageOn:button.imageOff,color:showPassword?button.colorOn:button.colorOff,size:button.size,defaultImage:showPassword?`url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.585 10.587a2 2 0 0 0 2.829 2.828\" /><path d=\"M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87\" /><path d=\"M3 3l18 18\" /></svg>')`:`url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0\" /><path d=\"M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6\" /></svg>')`})}),/*#__PURE__*/_jsx(Border,{...props.border,transition:props.transition}),/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:`#${id} input::placeholder {\n                        color: ${props.placeholderColor};\n                        user-select: none;\n                    }\n                    #${id} input:focus {\n                        outline: none;\n                    }`}})]});}PasswordInput.displayName=\"Password Input\";addPropertyControls(PasswordInput,{name:{type:ControlType.String,defaultValue:\"Password\",preventLocalization:true},required:{type:ControlType.Boolean,defaultValue:true},autoFocus:{type:ControlType.Boolean,defaultValue:false,title:\"Auto-Focus\"},minLength:{type:ControlType.Number,defaultValue:8,min:0,step:1,displayStepper:true},maxLength:{type:ControlType.Number,defaultValue:100,min:0,step:1,displayStepper:true},placeholder:{type:ControlType.String,defaultValue:\"Password\"},button:{type:ControlType.Object,optional:true,defaultValue:{colorOn:\"#999\",colorOff:\"#999\",size:20},buttonTitle:\"Show Password\",controls:{imageOn:{type:ControlType.Image},imageOff:{type:ControlType.Image},colorOn:{type:ControlType.Color,optional:true,defaultValue:\"#999\"},colorOff:{type:ControlType.Color,optional:true,defaultValue:\"#999\"},size:{type:ControlType.Number,defaultValue:20,min:1,step:1,displayStepper:true}}},font:{type:\"font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:1.2}},color:{type:ControlType.Color,defaultValue:\"#999999\"},placeholderColor:{type:ControlType.Color,defaultValue:\"#999999\",title:\"Placeholder\"},fill:fillProp(),radius:{type:ControlType.BorderRadius,defaultValue:\"10px\"},padding:{type:ControlType.Padding,defaultValue:\"12px 15px 12px 12px\"},border:borderProp(),shadows:shadowsProp(),transition:{type:ControlType.Transition,defaultValue:{type:false}},focusEvent:{type:ControlType.EventHandler,title:\"Focus\"},blurEvent:{type:ControlType.EventHandler,title:\"Blur\"},invalidEvent:{type:ControlType.EventHandler,title:\"Invalid\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PasswordInput\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"400\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PasswordInput.map"],"mappings":"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"}