{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/fy5llbmJXFKoE8I9dD1d/G4hw0aPVvOlxyk3yWbhO/PasswordGate.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,AnimatePresence}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";// PasswordGate Component\nexport function PasswordGate(props){const[isUnlocked,setIsUnlocked]=React.useState(false);const[password,setPassword]=React.useState(\"\");const[isError,setIsError]=React.useState(false);// Handle password input change\nconst handlePasswordChange=event=>{setPassword(event.target.value);setIsError(false)// Reset error state on input change\n;};// Handle form submission\nconst handleSubmit=event=>{event.preventDefault();if(password===props.correctPassword){setIsUnlocked(true)// Unlock the page\n;}else{setIsError(true)// Show error\n;}};return /*#__PURE__*/_jsx(AnimatePresence,{children:!isUnlocked&&/*#__PURE__*/_jsx(motion.div,{style:{position:\"fixed\",top:0,left:0,width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",backgroundColor:\"rgba(0, 0, 0, 0.9)\",backdropFilter:\"blur(10px)\",zIndex:9999},initial:{opacity:1},exit:{opacity:0},transition:{duration:.5},children:/*#__PURE__*/_jsxs(motion.div,{style:{backgroundColor:\"white\",padding:\"32px\",borderRadius:\"8px\",boxShadow:\"0 4px 6px rgba(0, 0, 0, 0.1)\",textAlign:\"center\",maxWidth:\"400px\",width:\"100%\"},initial:{scale:.9,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.9,opacity:0},transition:{duration:.3},children:[props.logo&&/*#__PURE__*/_jsx(\"img\",{src:props.logo,alt:\"Logo\",style:{width:\"96px\",height:\"96px\",margin:\"0 auto 16px\",borderRadius:\"50%\"}}),/*#__PURE__*/_jsxs(\"form\",{onSubmit:handleSubmit,children:[/*#__PURE__*/_jsx(\"input\",{type:\"password\",value:password,onChange:handlePasswordChange,style:{width:\"100%\",padding:\"8px\",border:`2px solid ${isError?\"red\":\"#ccc\"}`,borderRadius:\"4px\",outline:\"none\",transition:\"border-color 0.2s\"},placeholder:\"Enter Password\",autoFocus:true}),isError&&/*#__PURE__*/_jsx(motion.p,{style:{color:\"red\",marginTop:\"8px\"},initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:\"Incorrect password. Please try again.\"}),/*#__PURE__*/_jsx(\"button\",{type:\"submit\",style:{marginTop:\"16px\",padding:\"8px 16px\",backgroundColor:\"#007bff\",color:\"white\",border:\"none\",borderRadius:\"4px\",cursor:\"pointer\",transition:\"background-color 0.2s\"},onMouseOver:e=>e.target.style.backgroundColor=\"#005bb5\",onMouseOut:e=>e.target.style.backgroundColor=\"#007bff\",children:\"Unlock\"})]})]})})});}// Property Controls for Framer UI\naddPropertyControls(PasswordGate,{logo:{type:ControlType.Image,title:\"Logo\",defaultValue:\"https://placekitten.com/96/96\"},correctPassword:{type:ControlType.String,title:\"Correct Password\",defaultValue:\"secret123\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"PasswordGate\":{\"type\":\"reactComponent\",\"name\":\"PasswordGate\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PasswordGate.map"],
  "mappings": "qHACO,SAASA,EAAaC,EAAM,CAAC,GAAK,CAACC,EAAWC,CAAa,EAAQC,EAAS,EAAK,EAAO,CAACC,EAASC,CAAW,EAAQF,EAAS,EAAE,EAAO,CAACG,EAAQC,CAAU,EAAQJ,EAAS,EAAK,EACjLK,EAAqBC,GAAO,CAACJ,EAAYI,EAAM,OAAO,KAAK,EAAEF,EAAW,EAAK,CAClF,EACKG,EAAaD,GAAO,CAACA,EAAM,eAAe,EAAKL,IAAWJ,EAAM,gBAAiBE,EAAc,EAAI,EAClGK,EAAW,EAAI,CACpB,EAAE,OAAoBI,EAAKC,EAAgB,CAAC,SAAS,CAACX,GAAyBU,EAAKE,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,QAAQ,IAAI,EAAE,KAAK,EAAE,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,gBAAgB,qBAAqB,eAAe,aAAa,OAAO,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,SAAsBC,EAAMD,EAAO,IAAI,CAAC,MAAM,CAAC,gBAAgB,QAAQ,QAAQ,OAAO,aAAa,MAAM,UAAU,+BAA+B,UAAU,SAAS,SAAS,QAAQ,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,SAAS,CAACb,EAAM,MAAmBW,EAAK,MAAM,CAAC,IAAIX,EAAM,KAAK,IAAI,OAAO,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,OAAO,cAAc,aAAa,KAAK,CAAC,CAAC,EAAec,EAAM,OAAO,CAAC,SAASJ,EAAa,SAAS,CAAcC,EAAK,QAAQ,CAAC,KAAK,WAAW,MAAMP,EAAS,SAASI,EAAqB,MAAM,CAAC,MAAM,OAAO,QAAQ,MAAM,OAAO,aAAaF,EAAQ,MAAM,MAAM,GAAG,aAAa,MAAM,QAAQ,OAAO,WAAW,mBAAmB,EAAE,YAAY,iBAAiB,UAAU,EAAI,CAAC,EAAEA,GAAsBK,EAAKE,EAAO,EAAE,CAAC,MAAM,CAAC,MAAM,MAAM,UAAU,KAAK,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,SAAS,uCAAuC,CAAC,EAAeF,EAAK,SAAS,CAAC,KAAK,SAAS,MAAM,CAAC,UAAU,OAAO,QAAQ,WAAW,gBAAgB,UAAU,MAAM,QAAQ,OAAO,OAAO,aAAa,MAAM,OAAO,UAAU,WAAW,uBAAuB,EAAE,YAAYI,GAAGA,EAAE,OAAO,MAAM,gBAAgB,UAAU,WAAWA,GAAGA,EAAE,OAAO,MAAM,gBAAgB,UAAU,SAAS,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAC7rDC,EAAoBjB,EAAa,CAAC,KAAK,CAAC,KAAKkB,EAAY,MAAM,MAAM,OAAO,aAAa,+BAA+B,EAAE,gBAAgB,CAAC,KAAKA,EAAY,OAAO,MAAM,mBAAmB,aAAa,WAAW,CAAC,CAAC",
  "names": ["PasswordGate", "props", "isUnlocked", "setIsUnlocked", "ye", "password", "setPassword", "isError", "setIsError", "handlePasswordChange", "event", "handleSubmit", "p", "AnimatePresence", "motion", "u", "e", "addPropertyControls", "ControlType"]
}