{
  "version": 3,
  "sources": ["ssg: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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",
  "names": ["PasswordInput", "props", "button", "shadows", "border", "id", "useInstanceId", "focused", "setFocused", "ye", "invalid", "setInvalid", "showPassword", "setShowPassword", "pt", "pr", "pb", "pl", "parsePadding", "onFocus", "onBlur", "onInvalid", "event", "onButtonClick", "u", "motion", "createBackground", "p", "Icon", "Border", "addPropertyControls", "ControlType", "fillProp", "borderProp", "shadowsProp"]
}