@insforge/react 0.2.9 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +71 -32
  2. package/dist/atoms.d.mts +23 -2
  3. package/dist/atoms.d.ts +23 -2
  4. package/dist/atoms.js +139 -0
  5. package/dist/atoms.js.map +1 -1
  6. package/dist/atoms.mjs +140 -2
  7. package/dist/atoms.mjs.map +1 -1
  8. package/dist/components.d.mts +127 -5
  9. package/dist/components.d.ts +127 -5
  10. package/dist/components.js +900 -342
  11. package/dist/components.js.map +1 -1
  12. package/dist/components.mjs +898 -344
  13. package/dist/components.mjs.map +1 -1
  14. package/dist/forms.js +4 -0
  15. package/dist/forms.js.map +1 -1
  16. package/dist/forms.mjs +5 -1
  17. package/dist/forms.mjs.map +1 -1
  18. package/dist/hooks.d.mts +4 -0
  19. package/dist/hooks.d.ts +4 -0
  20. package/dist/hooks.js.map +1 -1
  21. package/dist/hooks.mjs.map +1 -1
  22. package/dist/index.d.mts +6 -11
  23. package/dist/index.d.ts +6 -11
  24. package/dist/index.js +930 -458
  25. package/dist/index.js.map +1 -1
  26. package/dist/index.mjs +927 -459
  27. package/dist/index.mjs.map +1 -1
  28. package/dist/styles.css +1 -1
  29. package/dist/types.d.mts +1 -0
  30. package/dist/types.d.ts +1 -0
  31. package/package.json +2 -2
package/dist/atoms.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/atoms/AuthBranding.tsx","../src/lib/utils.ts","../src/components/atoms/AuthContainer.tsx","../src/components/atoms/AuthHeader.tsx","../src/components/atoms/AuthErrorBanner.tsx","../src/components/atoms/AuthFormField.tsx","../src/components/atoms/AuthPasswordStrengthIndicator.tsx","../src/components/atoms/AuthPasswordField.tsx","../src/components/atoms/AuthSubmitButton.tsx","../src/components/atoms/AuthLink.tsx","../src/components/atoms/AuthDivider.tsx","../src/config/oauth-providers.tsx","../src/components/atoms/AuthOAuthButton.tsx","../src/components/atoms/AuthOAuthProviders.tsx","../src/components/atoms/AuthVerificationCodeInput.tsx"],"names":["jsxs","jsx","Loader2"],"mappings":";;;;;;AAWO,SAAS,YAAA,GAAe;AAC7B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wEAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6CAAA,EAA8C,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,wBACpE,GAAA,EAAA,EAAE,IAAA,EAAK,wBAAuB,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EACjD,QAAA,kBAAA,IAAA,CAAC,SAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,aAAY,IAAA,EAAK,MAAA,EAAO,OAAM,4BAAA,EAChE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,4KAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,sEAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,ohNAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,2BACC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,yBAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,aAAA,EAAc,gBAAA;AAAA,YAEd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA;AAAA,8BACN,GAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,GAAA,EAAI,aAAY,KAAA,EAAM;AAAA;AAAA;AAAA,SACrC;AAAA,wBACA,IAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,yBAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,EAAA,EAAG,SAAA;AAAA,YACH,aAAA,EAAc,gBAAA;AAAA,YAEd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA;AAAA,8BACN,GAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,GAAA,EAAI,aAAY,KAAA,EAAM;AAAA;AAAA;AAAA;AACrC,OAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AClDO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACwBO,SAAS,cAAc,EAAE,QAAA,EAAU,UAAA,GAAa,IAAG,EAAuB;AAC/E,EAAA,uBACEA,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,2DAAA;AAAA,QACA,UAAA,CAAW;AAAA,OACb;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,SAAI,SAAA,EAAW,EAAA;AAAA,UACd,+DAAA;AAAA,UACA,UAAA,CAAW;AAAA,WAEV,QAAA,EACH,CAAA;AAAA,wBACAA,IAAC,YAAA,EAAA,EAAa;AAAA;AAAA;AAAA,GAChB;AAEJ;AChBO,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAa;AACf,CAAA,EAAoB;AAClB,EAAA,uBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,IACd,+CAAA;AAAA,IACA,UAAA,CAAW;AAAA,GACb,EACE,QAAA,EAAA;AAAA,oBAAAC,GAAAA,CAAC,QAAG,SAAA,EAAW,EAAA;AAAA,MACb,6CAAA;AAAA,MACA,UAAA,CAAW;AAAA,OAEV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IACC,QAAA,oBACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,EAAA;AAAA,MACZ,8CAAA;AAAA,MACA,UAAA,CAAW;AAAA,OAEV,QAAA,EAAA,QAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AC1CO,SAAS,eAAA,CAAgB,EAAE,KAAA,EAAO,SAAA,EAAU,EAAyB;AAC1E,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AAEnB,EAAA,uBACED,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,+BAAA,EAAgC,CAAA;AAAA,wBACzDA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAA+B,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GACvD;AAEJ;ACKO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,EAAA;AAAA,EACA,aAAa,EAAC;AAAA,EACd,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,uBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,IACd,kDAAA;AAAA,IACA,UAAA,CAAW;AAAA,GACb,EACE,QAAA,EAAA;AAAA,oBAAAC,GAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,UACT,0CAAA;AAAA,UACA,UAAA,CAAW;AAAA,SACb;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACAA,GAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,6CAAA;AAAA,UACA,4DAAA;AAAA,UACA,+BAAA;AAAA,UACA,wEAAA;AAAA,UACA,uCAAA;AAAA,UACA,UAAA,CAAW;AAAA,SACb;AAAA,QACC,GAAG;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ;ACjCO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,QAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAa;AACf,CAAA,EAAuC;AACrC,EAAA,MAAM,YAAA,GAAe,mBAAmB,MAAM,CAAA;AAE9C,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA4B,UAAA,CAAW,kBAAkB,CAAA;AAAA,MAEtE,QAAA,EAAA,YAAA,CAAa,IAAI,CAAC,GAAA,qBACjBD,IAAAA,CAAC,KAAA,EAAA,EAAoB,WAAU,yBAAA,EAC7B,QAAA,EAAA;AAAA,wBAAAC,GAAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,kFAAA;AAAA,cACA,GAAA,CAAI,IAAA,CAAK,QAAQ,CAAA,GACb,iCAAA,GACA;AAAA,aACN;AAAA,YAEC,QAAA,EAAA,GAAA,CAAI,KAAK,QAAQ,CAAA,oBAAKA,GAAAA,CAAC,KAAA,EAAA,EAAM,WAAU,oBAAA,EAAqB;AAAA;AAAA,SAC/D;AAAA,wBACAA,GAAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,8CAAA;AAAA,cACA,UAAA,CAAW;AAAA,aACb;AAAA,YAEC,QAAA,EAAA,GAAA,CAAI;AAAA;AAAA;AACP,OAAA,EAAA,EAlBQ,GAAA,CAAI,KAmBd,CACD;AAAA;AAAA,GACH;AAEJ;AAKA,SAAS,mBACP,MAAA,EACuB;AACvB,EAAA,MAAM,eAAsC,EAAC;AAE7C,EAAA,MAAM,YAAY,MAAA,CAAO,iBAAA;AACzB,EAAA,MAAM,mBAAmB,MAAA,CAAO,gBAAA;AAChC,EAAA,MAAM,mBAAmB,MAAA,CAAO,gBAAA;AAChC,EAAA,MAAM,gBAAgB,MAAA,CAAO,aAAA;AAC7B,EAAA,MAAM,qBAAqB,MAAA,CAAO,kBAAA;AAElC,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,YAAA,CAAa,IAAA,CAAK;AAAA,MAChB,KAAA,EAAO,6BAAA;AAAA,MACP,IAAA,EAAM,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAK,GAAG;AAAA,KAChC,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,YAAA,CAAa,IAAA,CAAK;AAAA,MAChB,KAAA,EAAO,6BAAA;AAAA,MACP,IAAA,EAAM,CAAC,GAAA,KAAQ,OAAA,CAAQ,KAAK,GAAG;AAAA,KAChC,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,YAAA,CAAa,IAAA,CAAK;AAAA,MAChB,KAAA,EAAO,mBAAA;AAAA,MACP,IAAA,EAAM,CAAC,GAAA,KAAQ,IAAA,CAAK,KAAK,GAAG;AAAA,KAC7B,CAAA;AAAA,EACH;AAEA,EAAA,IAAI,kBAAA,EAAoB;AACtB,IAAA,YAAA,CAAa,IAAA,CAAK;AAAA,MAChB,KAAA,EAAO,mCAAA;AAAA,MACP,IAAA,EAAM,CAAC,GAAA,KAAQ,kCAAA,CAAmC,KAAK,GAAG;AAAA,KAC3D,CAAA;AAAA,EACH;AAEA,EAAA,YAAA,CAAa,IAAA,CAAK;AAAA,IAChB,KAAA,EAAO,GAAG,SAAS,CAAA,mBAAA,CAAA;AAAA,IACnB,IAAA,EAAM,CAAC,GAAA,KAAQ,GAAA,CAAI,MAAA,IAAU;AAAA,GAC9B,CAAA;AAED,EAAA,OAAO,YAAA;AACT;AASO,SAAS,wBAAA,CACd,UACA,MAAA,EACS;AACT,EAAA,IAAI,CAAC,UAAU,OAAO,KAAA;AACtB,EAAA,MAAM,YAAA,GAAe,mBAAmB,MAAM,CAAA;AAC9C,EAAA,OAAO,aAAa,KAAA,CAAM,CAAC,QAAQ,GAAA,CAAI,IAAA,CAAK,QAAQ,CAAC,CAAA;AACvD;AChGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,EAAA;AAAA,EACA,qBAAA,GAAwB,KAAA;AAAA,EACxB,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAa,EAAC;AAAA,EACd,OAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtD,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA0C;AAC7D,IAAA,IAAI,qBAAA,EAAuB;AACzB,MAAA,eAAA,CAAgB,IAAI,CAAA;AAAA,IACtB;AACA,IAAA,OAAA,GAAU,CAAC,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,uBACED,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,kDAAA;AAAA,QACA,UAAA,CAAW;AAAA,OACb;AAAA,MAEE,QAAA,EAAA;AAAA,QAAA,CAAA,KAAA,IAAS,kBAAA,qBACTA,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mCAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,GAAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,EAAA;AAAA,cACT,SAAA,EAAW,EAAA;AAAA,gBACT,0CAAA;AAAA,gBACA,UAAA,CAAW;AAAA,eACb;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC,sCACCA,GAAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,MAAM,kBAAA,CAAmB,IAAA;AAAA,cACzB,SAAA,EAAU,yDAAA;AAAA,cAET,6BAAmB,IAAA,IAAQ;AAAA;AAAA;AAC9B,SAAA,EAEJ,CAAA;AAAA,wBAEFD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,GAAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,EAAA;AAAA,cACA,IAAA,EAAM,eAAe,MAAA,GAAS,UAAA;AAAA,cAC9B,SAAA,EAAW,EAAA;AAAA,gBACT,6CAAA;AAAA,gBACA,yDAAA;AAAA,gBACA,+BAAA;AAAA,gBACA,wEAAA;AAAA,gBACA,uCAAA;AAAA,gBACA,UAAA,CAAW;AAAA,eACb;AAAA,cACA,KAAA;AAAA,cACA,OAAA,EAAS,WAAA;AAAA,cACR,GAAG;AAAA;AAAA,WACN;AAAA,0BACAA,GAAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,MAAM,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,cAC5C,SAAA,EAAU,2KAAA;AAAA,cACV,YAAA,EAAY,eAAe,eAAA,GAAkB,eAAA;AAAA,cAE5C,QAAA,EAAA,YAAA,mBAAeA,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,EAAA,EAAI,CAAA,mBAAKA,GAAAA,CAAC,GAAA,EAAA,EAAI,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA;AACxD,SAAA,EACF,CAAA;AAAA,QACC,qBAAA,IAAyB,gCACxBA,GAAAA;AAAA,UAAC,6BAAA;AAAA,UAAA;AAAA,YACC,QAAA,EAAU,MAAA,CAAO,KAAA,IAAS,EAAE,CAAA;AAAA,YAC5B,MAAA,EAAQ;AAAA;AAAA;AACV;AAAA;AAAA,GAEJ;AAEJ;AChGO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAA0B;AACxB,EAAA,uBACED,IAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,gDAAA;AAAA,QACA,kDAAA;AAAA,QACA,gEAAA;AAAA,QACA,8CAAA;AAAA,QACA,mBAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,QAAA,EAAU,YAAY,SAAA,IAAa,SAAA;AAAA,MAElC,QAAA,EAAA;AAAA,QAAA,SAAA,oBAAaC,GAAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,sBAAA,EAAuB,MAAM,EAAA,EAAI,CAAA;AAAA,QACjE,6BAAaA,GAAAA,CAAC,eAAY,SAAA,EAAU,SAAA,EAAU,MAAM,EAAA,EAAI,CAAA;AAAA,QACxD;AAAA;AAAA;AAAA,GACH;AAEJ;ACpBO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAM,QAAA,EAAU,MAAM,UAAA,GAAa,IAAG,EAAkB;AAEjF,EAAA,MAAM,gBAAgB,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,CAAO,SAAS,MAAA,GAAS,EAAA;AAE/E,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,IAAA,IAAI;AACF,MAAA,MAAM,MAAM,IAAI,GAAA,CAAI,IAAA,EAAM,MAAA,CAAO,SAAS,MAAM,CAAA;AAChD,MAAA,MAAM,aAAA,GAAgB,IAAI,eAAA,CAAgB,aAAa,CAAA;AAGvD,MAAA,aAAA,CAAc,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAA,KAAQ;AACpC,QAAA,IAAI,CAAC,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,GAAG,CAAA,EAAG;AAC9B,UAAA,GAAA,CAAI,YAAA,CAAa,GAAA,CAAI,GAAA,EAAK,KAAK,CAAA;AAAA,QACjC;AAAA,MACF,CAAC,CAAA;AAED,MAAA,OAAO,GAAA,CAAI,WAAW,GAAA,CAAI,MAAA;AAAA,IAC5B,CAAA,CAAA,MAAQ;AAEN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA,GAAG;AAEH,EAAA,uBACED,IAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,EAAA;AAAA,IACZ,0DAAA;AAAA,IACA,UAAA,CAAW;AAAA,GACb,EACG,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IAAM,GAAA;AAAA,oBACPC,GAAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,SAAA;AAAA,QACN,SAAA,EAAW,EAAA;AAAA,UACT,0CAAA;AAAA,UACA,UAAA,CAAW;AAAA,SACb;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ;AC5DO,SAAS,WAAA,CAAY,EAAE,IAAA,GAAO,IAAA,EAAM,WAAU,EAAqB;AACxE,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,IACd,qDAAA;AAAA,IACA,mEAAA;AAAA,IACA,+DAAA;AAAA,IACA;AAAA,KAEA,QAAA,kBAAAA,GAAAA,CAAC,UAAK,SAAA,EAAU,kEAAA,EACb,gBACH,CAAA,EACF,CAAA;AAEJ;AC5BO,IAAM,qBAAA,GAAoE;AAAA,EAC/E,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,GAAA,kBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,EAAA;AAAA,sBAAAC,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,0IAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,sBACAA,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,oJAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,sBACAA,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,mJAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,sBACAA,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,iJAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA;AACP,KAAA,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,qBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,MAAK,cAAA,EACnD,QAAA,kBAAAA,IAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4jBAA2jB,CAAA,EACrkB,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,GAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAAA,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,6hCAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA,KACP,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,UAAA;AAAA,IACN,GAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAAA,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,wRAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA,KACP,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,UAAA;AAAA,IACN,GAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAAA,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,obAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA,KACP,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,WAAA;AAAA,IACN,GAAA,kBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,eAAA,EAAgB,MAAK,SAAA,EAAU,CAAA;AAAA,sBACvCA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iBAAA,EAAkB,MAAK,SAAA,EAAU,CAAA;AAAA,sBACzCA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gBAAA,EAAiB,MAAK,SAAA,EAAU,CAAA;AAAA,sBACxCA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kBAAA,EAAmB,MAAK,SAAA,EAAU;AAAA,KAAA,EAC5C,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,qBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,MAAK,cAAA,EACnD,QAAA,kBAAAA,IAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uUAAsU,CAAA,EAChV,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,CAAA,EAAG;AAAA,IACD,IAAA,EAAM,GAAA;AAAA,IACN,qBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,MAAK,cAAA,EACnD,QAAA,kBAAAA,IAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+JAA8J,CAAA,EACxK,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,WAAA;AAAA,IACN,GAAA,kBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,EAAA;AAAA,sBAAAC,GAAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAE,+2BAAA;AAAA,UACF,IAAA,EAAK;AAAA;AAAA,OACP;AAAA,sBACAA,GAAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,KAAC,gBAAA,EAAA,EAAe,EAAA,EAAG,oBAAA,EAAqB,EAAA,EAAG,MAAK,EAAA,EAAG,MAAA,EAAO,EAAA,EAAG,MAAA,EAAO,IAAG,IAAA,EACrE,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,IAAA,EAAK,WAAU,SAAA,EAAU,CAAA;AAAA,wBACtCA,GAAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,KAAA,EAAM,WAAU,SAAA,EAAU,CAAA;AAAA,wBACvCA,GAAAA,CAAC,MAAA,EAAA,EAAK,MAAA,EAAO,MAAA,EAAO,WAAU,SAAA,EAAU;AAAA,OAAA,EAC1C,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,GAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAAA,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,wQAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA,KACP,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA,GACb;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,SAAA;AAAA,IACN,GAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EACnD,QAAA,kBAAAA,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAA,EAAE,4kBAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA,KACP,EACF,CAAA;AAAA,IAEF,SAAA,EAAW;AAAA;AAEf,CAAA;AAMO,SAAS,kBAAkB,QAAA,EAAqD;AACrF,EAAA,OAAO,qBAAA,CAAsB,QAAQ,CAAA,IAAK,IAAA;AAC5C;AC9HO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA,GAAc,MAAA;AAAA,EACd,KAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,MAAA,GAAS,kBAAkB,QAAQ,CAAA;AAEzC,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,SAAS,OAAO,mBAAA;AACpB,IAAA,IAAI,WAAA,KAAgB,MAAA,EAAQ,OAAO,CAAA,cAAA,EAAiB,OAAO,IAAI,CAAA,CAAA;AAC/D,IAAA,IAAI,WAAA,KAAgB,OAAA,EAAS,OAAO,MAAA,CAAO,IAAA;AAC3C,IAAA,OAAO,EAAA;AAAA,EACT,CAAA;AAEA,EAAA,uBACED,IAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,OAAA,CAAQ,QAAQ,CAAA;AAAA,MAC/B,SAAA,EAAW,EAAA;AAAA,QACT,2BAAA;AAAA,QACA,4CAAA;AAAA,QACA,6CAAA;AAAA,QACA,uCAAA;AAAA,QACA,0DAAA;AAAA,QACA,4CAAA;AAAA,QACA,2CAAA;AAAA,QACA,iDAAA;AAAA,QACA,gBAAgB,MAAA,IAAU,gBAAA;AAAA,QAC1B,gBAAgB,OAAA,IAAW,2BAAA;AAAA,QAC3B,gBAAgB,MAAA,IAAU,sBAAA;AAAA,QAC1B;AAAA,OACF;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,KAAA;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,OAAA,mBACCC,GAAAA,CAACC,OAAAA,EAAA,EAAQ,WAAU,gCAAA,EAAiC,IAAA,EAAM,EAAA,EAAI,CAAA,mBAE9DD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2CAAA,EAA6C,iBAAO,GAAA,EAAI,CAAA;AAAA,QAEzE,eAAc,oBAAKA,GAAAA,CAAC,MAAA,EAAA,EAAM,yBAAc,EAAE;AAAA;AAAA;AAAA,GAC7C;AAEJ;ACpCO,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAa;AACf,CAAA,EAA4B;AAC1B,EAAA,IAAI,CAAC,SAAA,IAAa,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG;AACxC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,QAAQ,SAAA,CAAU,MAAA;AAGxB,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,KAAA,KAAU,GAAG,OAAO,MAAA;AACxB,IAAA,IAAI,KAAA,KAAU,CAAA,IAAK,KAAA,KAAU,CAAA,EAAG,OAAO,OAAA;AACvC,IAAA,OAAO,MAAA;AAAA,EACT,CAAA;AAIA,EAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAAuC;AAEjE,IAAA,IAAI,UAAU,CAAA,EAAG;AACf,MAAA,OAAO,EAAE,YAAY,QAAA,EAAS;AAAA,IAChC;AAGA,IAAA,IAAI,UAAU,CAAA,EAAG;AACf,MAAA,OAAO,EAAE,YAAY,QAAA,EAAS;AAAA,IAChC;AAGA,IAAA,IAAI,UAAU,CAAA,EAAG;AACf,MAAA,OAAO,EAAE,YAAY,iBAAA,EAAkB;AAAA,IACzC;AAGA,IAAA,IAAI,UAAU,CAAA,EAAG;AACf,MAAA,OAAO,EAAE,YAAY,QAAA,EAAS;AAAA,IAChC;AAGA,IAAA,MAAM,SAAA,GAAY,IAAA,CAAK,IAAA,CAAK,KAAA,GAAQ,CAAC,CAAA;AACrC,IAAA,MAAM,iBAAA,GAAA,CAAqB,YAAY,CAAA,IAAK,CAAA;AAC5C,IAAA,MAAM,cAAc,KAAA,IAAS,iBAAA;AAE7B,IAAA,IAAI,CAAC,WAAA,EAAa;AAEhB,MAAA,OAAO,EAAE,YAAY,iBAAA,EAAkB;AAAA,IACzC;AAGA,IAAA,MAAM,oBAAoB,KAAA,GAAQ,iBAAA;AAClC,IAAA,MAAM,iBAAiB,KAAA,GAAQ,iBAAA;AAE/B,IAAA,IAAI,mBAAmB,CAAA,EAAG;AAExB,MAAA,OAAO,EAAE,YAAY,OAAA,EAAQ;AAAA,IAC/B,CAAA,MAAA,IAAW,mBAAmB,CAAA,EAAG;AAE/B,MAAA,IAAI,sBAAsB,CAAA,EAAG;AAC3B,QAAA,OAAO,EAAE,YAAY,OAAA,EAAQ;AAAA,MAC/B,CAAA,MAAO;AACL,QAAA,OAAO,EAAE,YAAY,OAAA,EAAQ;AAAA,MAC/B;AAAA,IACF,CAAA,MAAO;AAEL,MAAA,OAAO,EAAE,YAAY,iBAAA,EAAkB;AAAA,IACzC;AAAA,EACF,CAAA;AAEA,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,IACd,+BAAA;AAAA,IACA,UAAA,CAAW;AAAA,KAEV,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,QAAA,EAAU,0BACxBA,GAAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MAEC,QAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAS,OAAA,KAAY,QAAA;AAAA,MACrB,aAAa,cAAA,EAAe;AAAA,MAC5B,KAAA,EAAO,mBAAmB,KAAK,CAAA;AAAA,MAC/B,WAAW,UAAA,CAAW;AAAA,KAAA;AAAA,IAPjB;AAAA,GASR,CAAA,EACH,CAAA;AAEJ;ACzFO,SAAS,yBAAA,CAA0B;AAAA,EACxC,MAAA,GAAS,CAAA;AAAA,EACT,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,aAAa;AACf,CAAA,EAAmC;AACjC,EAAA,MAAM,SAAA,GAAY,MAAA,CAAoC,EAAE,CAAA;AAExD,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,EAAe,KAAA,KAAkB;AAErD,IAAA,IAAI,KAAA,CAAM,SAAS,CAAA,EAAG;AAGtB,IAAA,IAAI,KAAA,IAAS,CAAC,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,EAAG;AAGlC,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,KAAA,CAAM,EAAE,CAAA;AAC/B,IAAA,QAAA,CAAS,KAAK,CAAA,GAAI,KAAA;AAClB,IAAA,MAAM,YAAA,GAAe,QAAA,CAAS,IAAA,CAAK,EAAE,CAAA;AACrC,IAAA,QAAA,CAAS,YAAY,CAAA;AAGrB,IAAA,IAAI,KAAA,IAAS,KAAA,GAAQ,MAAA,GAAS,CAAA,EAAG;AAC/B,MAAA,SAAA,CAAU,OAAA,CAAQ,KAAA,GAAQ,CAAC,CAAA,EAAG,KAAA,EAAM;AAAA,IACtC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,EAAe,CAAA,KAAuC;AAE3E,IAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAa;AACzB,MAAA,IAAI,CAAC,KAAA,CAAM,KAAK,CAAA,IAAK,QAAQ,CAAA,EAAG;AAE9B,QAAA,SAAA,CAAU,OAAA,CAAQ,KAAA,GAAQ,CAAC,CAAA,EAAG,KAAA,EAAM;AAAA,MACtC,CAAA,MAAO;AAEL,QAAA,YAAA,CAAa,OAAO,EAAE,CAAA;AAAA,MACxB;AAAA,IACF,CAAA,MAAA,IAES,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,QAAQ,CAAA,EAAG;AAC3C,MAAA,SAAA,CAAU,OAAA,CAAQ,KAAA,GAAQ,CAAC,CAAA,EAAG,KAAA,EAAM;AAAA,IACtC,WAAW,CAAA,CAAE,GAAA,KAAQ,YAAA,IAAgB,KAAA,GAAQ,SAAS,CAAA,EAAG;AACvD,MAAA,SAAA,CAAU,OAAA,CAAQ,KAAA,GAAQ,CAAC,CAAA,EAAG,KAAA,EAAM;AAAA,IACtC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwC;AAC3D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,aAAa,CAAA,CAAE,aAAA,CAAc,OAAA,CAAQ,YAAY,EAAE,IAAA,EAAK;AAG9D,IAAA,IAAI,QAAQ,IAAA,CAAK,UAAU,CAAA,IAAK,UAAA,CAAW,WAAW,MAAA,EAAQ;AAC5D,MAAA,QAAA,CAAS,UAAU,CAAA;AAEnB,MAAA,SAAA,CAAU,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA,EAAG,KAAA,EAAM;AAAA,IACvC;AAAA,EACF,CAAA;AAEA,EAAA,uBACED,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,IACd,iDAAA;AAAA,IACA,UAAA,CAAW;AAAA,GACb,EACE,QAAA,EAAA;AAAA,oBAAAA,IAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EAA+C,QAAA,EAAA;AAAA,MAAA,iDAAA;AAAA,MACV,GAAA;AAAA,sBAChDC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8CAA8C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAAO;AAAA,KAAA,EAE7E,CAAA;AAAA,oBACAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mDACZ,QAAA,EAAA,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,0BAC9BA,GAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QAEC,GAAA,EAAK,CAAC,EAAA,KAAO;AACX,UAAA,SAAA,CAAU,OAAA,CAAQ,KAAK,CAAA,GAAI,EAAA;AAAA,QAC7B,CAAA;AAAA,QACA,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAU,SAAA;AAAA,QACV,SAAA,EAAW,CAAA;AAAA,QACX,KAAA,EAAO,KAAA,CAAM,KAAK,CAAA,IAAK,EAAA;AAAA,QACvB,UAAU,CAAC,CAAA,KACT,aAAa,KAAA,EAAO,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QAEpC,SAAA,EAAW,CAAC,CAAA,KACV,aAAA,CAAc,OAAO,CAAC,CAAA;AAAA,QAExB,OAAA,EAAS,WAAA;AAAA,QACT,QAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,gEAAA;AAAA,UACA,0DAAA;AAAA,UACA,0CAAA;AAAA,UACA,6DAAA;AAAA,UACA,uEAAA;AAAA,UACA,UAAA,CAAW;AAAA,SACb;AAAA,QACA,YAAA,EAAa;AAAA,OAAA;AAAA,MAxBR;AAAA,KA0BR,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ","file":"atoms.mjs","sourcesContent":["'use client';\r\n\r\n/**\r\n * Insforge branding component for authentication pages.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthBranding />\r\n * ```\r\n */\r\nexport function AuthBranding() {\r\n return (\r\n <div className=\"bg-[#FAFAFA] px-2 py-4 flex flex-row justify-center items-center gap-1\">\r\n <p className=\"text-xs font-medium text-black font-manrope\">Secured by</p>\r\n <a href=\"https://insforge.dev\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg width=\"83\" height=\"20\" viewBox=\"0 0 83 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M2.16783 8.46797C1.9334 8.23325 1.9334 7.85269 2.16783 7.61797L8.11049 1.66797L16.6 1.66797L6.41259 11.868C6.17815 12.1027 5.79807 12.1027 5.56363 11.868L2.16783 8.46797Z\"\r\n fill=\"url(#paint0_linear_2976_9475)\"\r\n />\r\n <path\r\n d=\"M12.8858 6.44922L16.6 10.168V18.668L8.64108 10.6992L12.8858 6.44922Z\"\r\n fill=\"url(#paint1_linear_2976_9475)\"\r\n />\r\n <path\r\n d=\"M67.5439 6.48828C68.2894 6.48828 68.9145 6.67064 69.418 7.03516C69.5229 7.10943 69.6214 7.1907 69.7158 7.27637V6.70703H71.248V14.959C71.248 15.1583 71.2381 15.3485 71.2188 15.5283C71.2042 15.7129 71.1774 15.8925 71.1387 16.0674C71.0225 16.5776 70.7998 16.9957 70.4707 17.3213C70.1415 17.6518 69.7321 17.8972 69.2432 18.0576C68.7592 18.2179 68.2222 18.2988 67.6318 18.2988C67.1962 18.2988 66.7768 18.2308 66.375 18.0947C65.9782 17.9587 65.6202 17.7614 65.3008 17.5039C64.9813 17.2512 64.7199 16.9446 64.5166 16.585L66.1289 15.7832C66.2789 16.0698 66.4888 16.2819 66.7598 16.418C67.0356 16.5589 67.3289 16.6289 67.6387 16.6289C68.0016 16.6289 68.3258 16.5628 68.6113 16.4316C68.8969 16.3053 69.1176 16.116 69.2725 15.8633C69.4321 15.6155 69.5077 15.3047 69.498 14.9307V14.1797C69.4665 14.2037 69.4359 14.229 69.4033 14.252C68.8855 14.6164 68.2441 14.7988 67.4795 14.7988C66.7582 14.7988 66.1281 14.6165 65.5908 14.252C65.0537 13.8875 64.637 13.3915 64.3418 12.7646C64.0467 12.1378 63.8994 11.4307 63.8994 10.6436C63.8994 9.84651 64.0465 9.13673 64.3418 8.51465C64.6419 7.88768 65.0663 7.39481 65.6133 7.03516C66.1601 6.67077 66.8036 6.48836 67.5439 6.48828ZM37.5 6.48828C38.1099 6.48828 38.6496 6.58294 39.1191 6.77246C39.5935 6.96201 39.9762 7.2321 40.2666 7.58203C40.5569 7.93184 40.7359 8.34227 40.8037 8.81348L39.0176 9.13477C38.974 8.79951 38.8218 8.53424 38.5605 8.33984C38.304 8.14547 37.96 8.03605 37.5293 8.01172C37.1178 7.98742 36.7859 8.05051 36.5342 8.20117C36.2825 8.34698 36.1562 8.55398 36.1562 8.82129C36.1563 8.97184 36.208 9.10017 36.3096 9.20703C36.4112 9.31394 36.614 9.42141 36.9189 9.52832C37.2288 9.63524 37.6889 9.76635 38.2988 9.92188C38.9232 10.0823 39.4222 10.2666 39.7949 10.4756C40.1722 10.6796 40.4428 10.9254 40.6074 11.2119C40.7768 11.4987 40.8623 11.8466 40.8623 12.2549C40.8623 13.047 40.574 13.6691 39.998 14.1211C39.4268 14.5731 38.6348 14.7988 37.623 14.7988C36.6551 14.7988 35.8687 14.5799 35.2637 14.1426C34.6587 13.7052 34.2909 13.0908 34.1602 12.2988L35.9463 12.0215C36.0383 12.4102 36.2411 12.7169 36.5557 12.9404C36.8703 13.164 37.2678 13.2754 37.7471 13.2754C38.1681 13.2754 38.4922 13.1926 38.7197 13.0273C38.9521 12.8572 39.0684 12.6266 39.0684 12.335C39.0684 12.1552 39.0245 12.0122 38.9375 11.9053C38.8552 11.7935 38.6713 11.686 38.3857 11.584C38.1001 11.4819 37.6618 11.3528 37.0713 11.1973C36.4131 11.0223 35.8901 10.8359 35.5029 10.6367C35.1158 10.4327 34.8374 10.192 34.668 9.91504C34.4985 9.63801 34.4141 9.30188 34.4141 8.9082C34.4141 8.41746 34.5423 7.98943 34.7988 7.625C35.0553 7.26073 35.4135 6.98146 35.873 6.78711C36.3329 6.58784 36.8755 6.48828 37.5 6.48828ZM53.3047 6.48828C54.0937 6.48828 54.7815 6.66572 55.3672 7.02051C55.9527 7.37528 56.4072 7.86634 56.7314 8.49316C57.0558 9.11525 57.2187 9.83193 57.2188 10.6436C57.2188 11.46 57.0537 12.1817 56.7246 12.8086C56.4003 13.4307 55.9451 13.9196 55.3594 14.2744C54.7737 14.6242 54.0888 14.7988 53.3047 14.7988C52.5205 14.7988 51.8357 14.6214 51.25 14.2666C50.6643 13.9118 50.2091 13.4238 49.8848 12.8018C49.5653 12.1748 49.4053 11.4552 49.4053 10.6436C49.4053 9.81735 49.5703 9.09279 49.8994 8.4707C50.2286 7.8488 50.6859 7.36255 51.2715 7.0127C51.8572 6.66281 52.5351 6.48828 53.3047 6.48828ZM76.7471 6.48828C77.5603 6.48828 78.25 6.68053 78.8164 7.06445C79.3876 7.44351 79.812 7.97991 80.0879 8.6748C80.3638 9.36976 80.4672 10.189 80.3994 11.1318H74.7256C74.7843 11.6972 74.949 12.1516 75.2227 12.4951C75.5711 12.9325 76.0792 13.1513 76.7471 13.1514C77.1779 13.1514 77.5486 13.0567 77.8584 12.8672C78.173 12.6728 78.4146 12.3928 78.584 12.0283L80.3125 12.5537C80.0124 13.2633 79.5473 13.8153 78.918 14.209C78.2936 14.6025 77.6036 14.7988 76.8486 14.7988C76.0549 14.7988 75.358 14.6263 74.7578 14.2812C74.1576 13.9362 73.6875 13.458 73.3486 12.8457C73.0147 12.2334 72.8477 11.5284 72.8477 10.7314C72.8477 9.87126 73.0127 9.12495 73.3418 8.49316C73.671 7.85651 74.1282 7.36263 74.7139 7.0127C75.2995 6.6628 75.9775 6.48832 76.7471 6.48828ZM23.3301 14.5801H21.5801V4.08203H23.3301V14.5801ZM29.6152 6.48047C30.1959 6.48052 30.6753 6.5781 31.0527 6.77246C31.4301 6.96681 31.7305 7.21443 31.9531 7.51562C32.1758 7.81695 32.3398 8.13831 32.4463 8.47852C32.5528 8.81873 32.6213 9.14205 32.6504 9.44824C32.6843 9.74946 32.7012 9.99508 32.7012 10.1846V14.5801H30.9287V10.7891C30.9287 10.5413 30.9118 10.2669 30.8779 9.96582C30.844 9.66449 30.7645 9.37469 30.6387 9.09766C30.5177 8.81592 30.3337 8.58503 30.0869 8.40527C29.8449 8.22551 29.5157 8.13579 29.0996 8.13574C28.8769 8.13574 28.6563 8.17221 28.4385 8.24512C28.2206 8.31802 28.0219 8.4442 27.8428 8.62402C27.6685 8.79899 27.5284 9.04249 27.4219 9.35352C27.3154 9.65965 27.2617 10.0532 27.2617 10.5342V14.5801H25.4902V6.70703H27.0518V7.58301C27.2521 7.34675 27.486 7.14172 27.7559 6.96973C28.2593 6.64409 28.8794 6.48047 29.6152 6.48047ZM48.748 5.83887H44.2021V8.45605H47.876V10.2061H44.2021V14.5801H42.4521V4.08203H48.748V5.83887ZM62.5137 6.67773C62.7606 6.65829 63.001 6.66815 63.2334 6.70703V8.34766C63.001 8.27961 62.7317 8.25695 62.4268 8.28125C62.1267 8.30557 61.8553 8.39134 61.6133 8.53711C61.3715 8.66829 61.1733 8.83606 61.0186 9.04004C60.8686 9.24404 60.7572 9.47701 60.6846 9.73926C60.612 9.99685 60.5752 10.2768 60.5752 10.5781V14.5801H58.8184V6.70703H60.3652V7.96582C60.4243 7.85986 60.4888 7.75824 60.5605 7.66211C60.7251 7.4434 60.9219 7.26302 61.1494 7.12207C61.3429 6.99098 61.5559 6.88926 61.7881 6.81641C62.0251 6.73869 62.267 6.69235 62.5137 6.67773ZM67.8057 8.0625C67.3362 8.06252 66.9485 8.17982 66.6436 8.41309C66.3389 8.64144 66.1139 8.95232 65.9688 9.3457C65.8235 9.7345 65.751 10.1673 65.751 10.6436C65.751 11.1247 65.8215 11.5624 65.9619 11.9561C66.1071 12.3447 66.3269 12.6535 66.6221 12.8818C66.9174 13.1103 67.293 13.2246 67.748 13.2246C68.2174 13.2246 68.5953 13.1171 68.8809 12.9033C69.1711 12.6846 69.3811 12.3808 69.5117 11.9922C69.6473 11.6034 69.7158 11.1539 69.7158 10.6436C69.7158 10.1284 69.6473 9.67886 69.5117 9.29492C69.381 8.90617 69.1753 8.60445 68.8945 8.39062C68.6138 8.17213 68.2508 8.0625 67.8057 8.0625ZM53.3047 8.13574C52.8351 8.13574 52.4475 8.24222 52.1426 8.45605C51.8425 8.66504 51.6198 8.95977 51.4746 9.33887C51.3295 9.71303 51.2568 10.148 51.2568 10.6436C51.2568 11.4066 51.4288 12.0168 51.7725 12.4736C52.121 12.9256 52.6318 13.1514 53.3047 13.1514C54.0017 13.1514 54.5196 12.9177 54.8584 12.4512C55.1971 11.9846 55.3672 11.3822 55.3672 10.6436C55.3672 9.8807 55.1951 9.27324 54.8516 8.82129C54.5079 8.36444 53.9921 8.13575 53.3047 8.13574ZM76.8203 8.02637C76.1039 8.02637 75.5712 8.25013 75.2227 8.69727C74.9987 8.98144 74.8476 9.35094 74.7676 9.80566H78.6221C78.5589 9.29301 78.4236 8.89686 78.2139 8.61719C77.9186 8.22359 77.4543 8.02645 76.8203 8.02637Z\"\r\n fill=\"black\"\r\n />\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_2976_9475\"\r\n x1=\"1.85883\"\r\n y1=\"1.92425\"\r\n x2=\"24.3072\"\r\n y2=\"9.64016\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop />\r\n <stop offset=\"1\" stopOpacity=\"0.4\" />\r\n </linearGradient>\r\n <linearGradient\r\n id=\"paint1_linear_2976_9475\"\r\n x1=\"25.6475\"\r\n y1=\"8.65468\"\r\n x2=\"10.7901\"\r\n y2=\"8.65468\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop />\r\n <stop offset=\"1\" stopOpacity=\"0.4\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n </a>\r\n </div>\r\n );\r\n}\r\n\r\n","import { type ClassValue, clsx } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\n/**\r\n * Utility function to merge Tailwind CSS classes with clsx\r\n * Handles conditional classes and prevents style conflicts\r\n */\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport { AuthBranding } from './AuthBranding';\r\nimport type { AuthContainerProps } from '../../types';\r\n\r\n/**\r\n * Main container component for authentication forms.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthContainer>\r\n * <AuthHeader title=\"Sign In\" />\r\n * <form>...</form>\r\n * </AuthContainer>\r\n * \r\n * // With custom styling\r\n * <AuthContainer\r\n * appearance={{\r\n * cardClassName: \"bg-gray-50\"\r\n * }}\r\n * >\r\n * <AuthHeader title=\"Sign In\" />\r\n * <form>...</form>\r\n * </AuthContainer>\r\n * ```\r\n *\r\n * @param {ReactNode} children - Form content\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Outer container element\r\n * - `appearance.cardClassName`: Inner card element (white background area)\r\n */\r\nexport function AuthContainer({ children, appearance = {} }: AuthContainerProps) {\r\n return (\r\n <div\r\n className={cn(\r\n 'w-full max-w-[400px] rounded-xl overflow-hidden shadow-lg',\r\n appearance.containerClassName\r\n )}\r\n >\r\n <div className={cn(\r\n 'bg-white p-6 flex flex-col justify-center items-stretch gap-6',\r\n appearance.cardClassName\r\n )}>\r\n {children}\r\n </div>\r\n <AuthBranding />\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthHeaderProps } from '../../types';\r\n\r\n/**\r\n * Header component for authentication forms displaying title and optional subtitle.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <AuthHeader \r\n * title=\"Welcome Back\" \r\n * subtitle=\"Sign in to continue\" \r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthHeader \r\n * title=\"Welcome Back\"\r\n * appearance={{\r\n * titleClassName: \"text-purple-900 text-3xl\",\r\n * subtitleClassName: \"text-purple-700\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} title - Main heading text\r\n * @param {string} [subtitle] - Optional subheading text\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.titleClassName`: Title element\r\n * - `appearance.subtitleClassName`: Subtitle element\r\n */\r\nexport function AuthHeader({ \r\n title, \r\n subtitle,\r\n appearance = {}\r\n}: AuthHeaderProps) {\r\n return (\r\n <div className={cn(\r\n 'flex flex-col justify-start items-start gap-2',\r\n appearance.containerClassName\r\n )}>\r\n <h1 className={cn(\r\n 'text-2xl font-semibold text-black leading-8',\r\n appearance.titleClassName\r\n )}>\r\n {title}\r\n </h1>\r\n {subtitle && (\r\n <p className={cn(\r\n 'text-sm font-normal text-[#828282] leading-6',\r\n appearance.subtitleClassName\r\n )}>\r\n {subtitle}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { AlertTriangle } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthErrorBannerProps } from '../../types';\r\n\r\n/**\r\n * Error message banner for authentication forms.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthErrorBanner error={error} />\r\n * ```\r\n *\r\n * @param {string} error - Error message to display\r\n * @param {string} [className] - Banner element classes\r\n */\r\nexport function AuthErrorBanner({ error, className }: AuthErrorBannerProps) {\r\n if (!error) return null;\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex items-center gap-2 mb-4 pl-3 py-2 pr-2 bg-red-50 border-2 border-red-600 rounded',\r\n className\r\n )}\r\n >\r\n <AlertTriangle className=\"w-6 h-6 text-red-500 shrink-0\" />\r\n <span className=\"text-sm text-red-600 flex-1\">{error}</span>\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthFormFieldProps } from '../../types';\r\n\r\n/**\r\n * Standard form input field with label for authentication forms.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <AuthFormField\r\n * id=\"email\"\r\n * type=\"email\"\r\n * label=\"Email Address\"\r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthFormField\r\n * id=\"email\"\r\n * label=\"Email\"\r\n * appearance={{\r\n * containerClassName: \"flex flex-col justify-center items-stretch gap-1\",\r\n * inputClassName: \"border-blue-500 focus:ring-blue-500\",\r\n * labelClassName: \"text-blue-900 font-semibold\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} label - Label text\r\n * @param {string} id - Input element ID\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.labelClassName`: Label element\r\n * - `appearance.inputClassName`: Input element\r\n */\r\nexport function AuthFormField({ \r\n label, \r\n id, \r\n appearance = {},\r\n ...props \r\n}: AuthFormFieldProps) {\r\n return (\r\n <div className={cn(\r\n 'flex flex-col justify-center items-stretch gap-1',\r\n appearance.containerClassName\r\n )}>\r\n <label \r\n htmlFor={id} \r\n className={cn(\r\n 'text-sm font-normal text-black leading-6',\r\n appearance.labelClassName\r\n )}\r\n >\r\n {label}\r\n </label>\r\n <input\r\n id={id}\r\n className={cn(\r\n 'w-full flex items-center gap-2 self-stretch',\r\n 'pl-3 pr-2 py-2 rounded-sm border border-[#D4D4D4] bg-white',\r\n 'text-sm font-normal leading-5',\r\n 'placeholder:text-[#A3A3A3] placeholder:font-sm placeholder:font-normal',\r\n 'focus:outline-none focus:border-black',\r\n appearance.inputClassName\r\n )}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { Check } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthPasswordStrengthIndicatorProps, AuthConfig } from '../../types';\r\n\r\ninterface PasswordRequirement {\r\n label: string;\r\n test: (password: string) => boolean;\r\n}\r\n\r\n/**\r\n * Password strength indicator showing requirement checklist.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthPasswordStrengthIndicator\r\n * password={password}\r\n * config={emailAuthConfig}\r\n * />\r\n *\r\n * // With custom styling\r\n * <AuthPasswordStrengthIndicator\r\n * password={password}\r\n * config={emailAuthConfig}\r\n * appearance={{\r\n * requirementClassName: \"text-lg\"\r\n * }}\r\n * />\r\n * ```\r\n *\r\n * @param {string} password - Current password value\r\n * @param {object} config - Email auth configuration\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.requirementClassName`: Requirement text elements\r\n */\r\nexport function AuthPasswordStrengthIndicator({\r\n password,\r\n config,\r\n appearance = {},\r\n}: AuthPasswordStrengthIndicatorProps) {\r\n const requirements = createRequirements(config);\r\n\r\n return (\r\n <div\r\n className={cn('mt-3 flex flex-col gap-3', appearance.containerClassName)}\r\n >\r\n {requirements.map((req) => (\r\n <div key={req.label} className=\"flex items-center gap-2\">\r\n <div\r\n className={cn(\r\n 'flex items-center justify-center w-4 h-4 rounded-full border-2 transition-colors',\r\n req.test(password)\r\n ? 'bg-[#059669] border-transparent'\r\n : 'border-neutral-400 bg-white'\r\n )}\r\n >\r\n {req.test(password) && <Check className=\"w-3 h-3 text-white\" />}\r\n </div>\r\n <span\r\n className={cn(\r\n 'text-sm font-normal leading-5 text-[#525252]',\r\n appearance.requirementClassName\r\n )}\r\n >\r\n {req.label}\r\n </span>\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n}\r\n\r\n/**\r\n * Creates password requirements based on email auth configuration\r\n */\r\nfunction createRequirements(\r\n config: AuthConfig\r\n): PasswordRequirement[] {\r\n const requirements: PasswordRequirement[] = [];\r\n\r\n const minLength = config.passwordMinLength;\r\n const requireUppercase = config.requireUppercase;\r\n const requireLowercase = config.requireLowercase;\r\n const requireNumber = config.requireNumber;\r\n const requireSpecialChar = config.requireSpecialChar;\r\n\r\n if (requireUppercase) {\r\n requirements.push({\r\n label: 'At least 1 Uppercase letter',\r\n test: (pwd) => /[A-Z]/.test(pwd),\r\n });\r\n }\r\n\r\n if (requireLowercase) {\r\n requirements.push({\r\n label: 'At least 1 Lowercase letter',\r\n test: (pwd) => /[a-z]/.test(pwd),\r\n });\r\n }\r\n\r\n if (requireNumber) {\r\n requirements.push({\r\n label: 'At least 1 Number',\r\n test: (pwd) => /\\d/.test(pwd),\r\n });\r\n }\r\n\r\n if (requireSpecialChar) {\r\n requirements.push({\r\n label: 'Special character (e.g. !?<>@#$%)',\r\n test: (pwd) => /[!@#$%^&*()_+\\-=[\\]{};\\\\|,.<>/?]/.test(pwd),\r\n });\r\n }\r\n\r\n requirements.push({\r\n label: `${minLength} characters or more`,\r\n test: (pwd) => pwd.length >= minLength,\r\n });\r\n\r\n return requirements;\r\n}\r\n\r\n/**\r\n * Validates that a password meets all strength requirements based on email auth configuration.\r\n *\r\n * @param password - The password string to validate\r\n * @param config - Email authentication configuration from backend\r\n * @returns true if all requirements are met, false otherwise\r\n */\r\nexport function validatePasswordStrength(\r\n password: string,\r\n config: AuthConfig\r\n): boolean {\r\n if (!password) return false;\r\n const requirements = createRequirements(config);\r\n return requirements.every((req) => req.test(password));\r\n}\r\n\r\n","'use client';\r\n\r\nimport { useState } from 'react';\r\nimport { Eye, EyeOff } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport { AuthPasswordStrengthIndicator } from './AuthPasswordStrengthIndicator';\r\nimport type { AuthPasswordFieldProps } from '../../types';\r\n\r\n/**\r\n * Password input field with visibility toggle and optional strength indicator.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * // With forgot password link\r\n * <AuthPasswordField\r\n * id=\"password\"\r\n * label=\"Password\"\r\n * forgotPasswordLink={{ href: '/forgot-password' }}\r\n * emailAuthConfig={config}\r\n * />\r\n *\r\n * // With custom styling\r\n * <AuthPasswordField\r\n * id=\"password\"\r\n * label=\"Password\"\r\n * emailAuthConfig={config}\r\n * appearance={{\r\n * inputClassName: \"border-blue-500\",\r\n * labelClassName: \"text-blue-900\"\r\n * }}\r\n * />\r\n * ```\r\n *\r\n * @param {string} label - Label text\r\n * @param {string} id - Input element ID\r\n * @param {boolean} [showStrengthIndicator] - Show password strength requirements\r\n * @param {object} [forgotPasswordLink] - Forgot password link config\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.labelClassName`: Label element\r\n * - `appearance.inputClassName`: Input element\r\n */\r\nexport function AuthPasswordField({\r\n label,\r\n id,\r\n showStrengthIndicator = false,\r\n emailAuthConfig,\r\n forgotPasswordLink,\r\n value,\r\n appearance = {},\r\n onFocus,\r\n ...props\r\n}: AuthPasswordFieldProps) {\r\n const [showPassword, setShowPassword] = useState(false);\r\n const [showStrength, setShowStrength] = useState(false);\r\n\r\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\r\n if (showStrengthIndicator) {\r\n setShowStrength(true);\r\n }\r\n onFocus?.(e);\r\n };\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex flex-col justify-center items-stretch gap-1',\r\n appearance.containerClassName\r\n )}\r\n >\r\n {(label || forgotPasswordLink) && (\r\n <div className=\"flex justify-between items-center\">\r\n <label\r\n htmlFor={id}\r\n className={cn(\r\n 'text-sm font-normal text-black leading-6',\r\n appearance.labelClassName\r\n )}\r\n >\r\n {label}\r\n </label>\r\n {forgotPasswordLink && (\r\n <a\r\n href={forgotPasswordLink.href}\r\n className=\"text-right text-sm font-normal text-[#737373] leading-6\"\r\n >\r\n {forgotPasswordLink.text || 'Forget Password?'}\r\n </a>\r\n )}\r\n </div>\r\n )}\r\n <div className=\"relative\">\r\n <input\r\n id={id}\r\n type={showPassword ? 'text' : 'password'}\r\n className={cn(\r\n 'w-full flex items-center gap-2 self-stretch',\r\n 'pl-3 py-2 pr-8 rounded border border-[#D4D4D4] bg-white',\r\n 'text-sm font-normal leading-5',\r\n 'placeholder:text-[#A3A3A3] placeholder:font-sm placeholder:font-normal',\r\n 'focus:outline-none focus:border-black',\r\n appearance.inputClassName\r\n )}\r\n value={value}\r\n onFocus={handleFocus}\r\n {...props}\r\n />\r\n <button\r\n type=\"button\"\r\n onClick={() => setShowPassword(!showPassword)}\r\n className=\"absolute right-2 top-1/2 -translate-y-1/2 bg-transparent border-none text-[#A6A6A6] cursor-pointer transition-colors hover:text-gray-600 flex items-center justify-center\"\r\n aria-label={showPassword ? 'Hide password' : 'Show password'}\r\n >\r\n {showPassword ? <EyeOff size={20} /> : <Eye size={20} />}\r\n </button>\r\n </div>\r\n {showStrengthIndicator && showStrength && (\r\n <AuthPasswordStrengthIndicator\r\n password={String(value || '')}\r\n config={emailAuthConfig}\r\n />\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { CircleCheck, Loader2 } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthSubmitButtonProps } from '../../types';\r\n\r\n/**\r\n * Primary submit button for authentication forms with loading and confirmed states.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <AuthSubmitButton isLoading={loading}>\r\n * Sign In\r\n * </AuthSubmitButton>\r\n * \r\n * // With custom styling\r\n * <AuthSubmitButton className=\"bg-purple-600 hover:bg-purple-700\">\r\n * Sign In\r\n * </AuthSubmitButton>\r\n * ```\r\n * \r\n * @param {ReactNode} children - Button text\r\n * @param {boolean} [isLoading] - Loading state (shows spinner)\r\n * @param {boolean} [confirmed] - Confirmed state (shows checkmark)\r\n * @param {boolean} [disabled] - Disabled state\r\n * @param {string} [className] - Button element classes\r\n */\r\nexport function AuthSubmitButton({\r\n children,\r\n isLoading = false,\r\n confirmed = false,\r\n disabled = false,\r\n className,\r\n}: AuthSubmitButtonProps) {\r\n return (\r\n <button\r\n type=\"submit\"\r\n className={cn(\r\n 'rounded-sm bg-black w-full flex mt-4 px-4 py-2',\r\n 'justify-center items-center gap-2.5 self-stretch',\r\n 'text-white font-semibold font-manrope text-base leading-normal',\r\n 'border-none cursor-pointer transition-colors',\r\n 'hover:bg-gray-800',\r\n 'disabled:opacity-50 disabled:cursor-not-allowed',\r\n className\r\n )}\r\n disabled={disabled || isLoading || confirmed}\r\n >\r\n {isLoading && <Loader2 className=\"w-5 h-5 animate-spin\" size={20} />}\r\n {confirmed && <CircleCheck className=\"w-5 h-5\" size={20} />}\r\n {children}\r\n </button>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthLinkProps } from '../../types';\r\n\r\n/**\r\n * Call-to-action link component for navigation between auth pages.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthLink \r\n * text=\"Don't have an account?\" \r\n * linkText=\"Sign up\" \r\n * href=\"/sign-up\" \r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthLink \r\n * text=\"Don't have an account?\" \r\n * linkText=\"Sign up\" \r\n * href=\"/sign-up\"\r\n * appearance={{\r\n * linkClassName: \"text-blue-500\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} text - Regular text before the link\r\n * @param {string} linkText - Clickable link text\r\n * @param {string} href - Link URL\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.linkClassName`: Link element\r\n */\r\nexport function AuthLink({ text, linkText, href, appearance = {} }: AuthLinkProps) {\r\n // Preserve current URL search params when navigating\r\n const currentSearch = typeof window !== 'undefined' ? window.location.search : '';\r\n \r\n const finalHref = (() => {\r\n if (!currentSearch) return href;\r\n \r\n try {\r\n const url = new URL(href, window.location.origin);\r\n const currentParams = new URLSearchParams(currentSearch);\r\n \r\n // Add current params to the target URL (don't override existing params in href)\r\n currentParams.forEach((value, key) => {\r\n if (!url.searchParams.has(key)) {\r\n url.searchParams.set(key, value);\r\n }\r\n });\r\n \r\n return url.pathname + url.search;\r\n } catch {\r\n // Fallback to original href if URL parsing fails\r\n return href;\r\n }\r\n })();\r\n \r\n return (\r\n <p className={cn(\r\n 'text-center text-sm font-normal text-[#828282] leading-6',\r\n appearance.containerClassName\r\n )}>\r\n {text}{' '}\r\n <a \r\n href={finalHref} \r\n className={cn(\r\n 'text-sm font-medium text-black leading-6',\r\n appearance.linkClassName\r\n )}\r\n >\r\n {linkText}\r\n </a>\r\n </p>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthDividerProps } from '../../types';\r\n\r\n/**\r\n * Visual divider with optional centered text for auth forms.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthDivider text=\"or\" />\r\n * ```\r\n * \r\n * @param {string} [text='or'] - Centered text\r\n * @param {string} [className] - Divider element classes\r\n */\r\nexport function AuthDivider({ text = 'or', className }: AuthDividerProps) {\r\n return (\r\n <div className={cn(\r\n 'flex justify-center items-center gap-6 self-stretch',\r\n \"before:content-[''] before:flex-1 before:h-px before:bg-[#E5E5E5]\",\r\n \"after:content-[''] after:flex-1 after:h-px after:bg-[#E5E5E5]\",\r\n className\r\n )}>\r\n <span className=\"text-sm font-semibold font-manrope text-[#A3A3A3] leading-normal\">\r\n {text}\r\n </span>\r\n </div>\r\n );\r\n}\r\n\r\n","import type { OAuthProvider, OAuthProviderConfig } from '../types';\r\n\r\nexport const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig> = {\r\n google: {\r\n name: 'Google',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n <path\r\n d=\"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z\"\r\n fill=\"#4285F4\"\r\n />\r\n <path\r\n d=\"M9 18c2.43 0 4.467-.806 5.956-2.184l-2.908-2.258c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332C2.438 15.983 5.482 18 9 18z\"\r\n fill=\"#34A853\"\r\n />\r\n <path\r\n d=\"M3.964 10.707c-.18-.54-.282-1.117-.282-1.707 0-.593.102-1.17.282-1.709V4.958H.957C.347 6.173 0 7.548 0 9c0 1.452.348 2.827.957 4.042l3.007-2.335z\"\r\n fill=\"#FBBC05\"\r\n />\r\n <path\r\n d=\"M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0 5.482 0 2.438 2.017.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z\"\r\n fill=\"#EA4335\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-google',\r\n },\r\n github: {\r\n name: 'GitHub',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n <path d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-github',\r\n },\r\n discord: {\r\n name: 'Discord',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z\"\r\n fill=\"#5865F2\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-discord',\r\n },\r\n facebook: {\r\n name: 'Facebook',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047v-2.66c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.971H15.83c-1.49 0-1.955.93-1.955 1.886v2.264h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\"\r\n fill=\"#1877F2\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-facebook',\r\n },\r\n linkedin: {\r\n name: 'LinkedIn',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\r\n fill=\"#0A66C2\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-linkedin',\r\n },\r\n microsoft: {\r\n name: 'Microsoft',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 23 23\" fill=\"none\">\r\n <path d=\"M0 0h11v11H0z\" fill=\"#F25022\" />\r\n <path d=\"M12 0h11v11H12z\" fill=\"#7FBA00\" />\r\n <path d=\"M0 12h11v11H0z\" fill=\"#00A4EF\" />\r\n <path d=\"M12 12h11v11H12z\" fill=\"#FFB900\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-microsoft',\r\n },\r\n apple: {\r\n name: 'Apple',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-apple',\r\n },\r\n x: {\r\n name: 'X',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-x',\r\n },\r\n instagram: {\r\n name: 'Instagram',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\r\n fill=\"url(#instagram-gradient)\"\r\n />\r\n <defs>\r\n <linearGradient id=\"instagram-gradient\" x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\">\r\n <stop offset=\"0%\" stopColor=\"#FD5949\" />\r\n <stop offset=\"50%\" stopColor=\"#D6249F\" />\r\n <stop offset=\"100%\" stopColor=\"#285AEB\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-instagram',\r\n },\r\n tiktok: {\r\n name: 'TikTok',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M19.589 6.686a4.793 4.793 0 01-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 01-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 013.183-4.51v-3.5a6.329 6.329 0 00-5.394 10.692 6.33 6.33 0 0010.857-4.424V8.687a8.182 8.182 0 004.773 1.526V6.79a4.831 4.831 0 01-1.003-.104z\"\r\n fill=\"currentColor\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-tiktok',\r\n },\r\n spotify: {\r\n name: 'Spotify',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\r\n fill=\"#1DB954\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-spotify',\r\n },\r\n};\r\n\r\n\r\n/**\r\n * Get OAuth provider configuration by provider name\r\n */\r\nexport function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null {\r\n return OAUTH_PROVIDER_CONFIG[provider] || null;\r\n}\r\n\r\n/**\r\n * Get all available OAuth provider configurations\r\n */\r\nexport function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>> {\r\n return OAUTH_PROVIDER_CONFIG;\r\n}\r\n\r\n","'use client';\r\n\r\nimport { Loader2 } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport { getProviderConfig } from '../../config/oauth-providers';\r\nimport type { AuthOAuthButtonProps } from '../../types';\r\n\r\n/**\r\n * OAuth provider button with adaptive display modes.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthOAuthButton\r\n * provider=\"google\"\r\n * onClick={handleOAuth}\r\n * displayMode=\"full\"\r\n * />\r\n * ```\r\n * \r\n * @param {OAuthProvider} provider - Provider identifier (e.g., 'google', 'github')\r\n * @param {function} onClick - Click handler\r\n * @param {boolean} [disabled] - Disabled state\r\n * @param {boolean} [loading] - Loading state (shows spinner)\r\n * @param {string} [displayMode='full'] - Display mode ('full' | 'short' | 'icon')\r\n * @param {string} [className] - Button element classes\r\n */\r\nexport function AuthOAuthButton({ \r\n provider, \r\n onClick, \r\n disabled, \r\n loading, \r\n displayMode = 'full',\r\n style,\r\n className \r\n}: AuthOAuthButtonProps) {\r\n const config = getProviderConfig(provider);\r\n\r\n if (!config) {\r\n return null;\r\n }\r\n\r\n const getButtonText = () => {\r\n if (loading) return 'Authenticating...';\r\n if (displayMode === 'full') return `Continue with ${config.name}`;\r\n if (displayMode === 'short') return config.name;\r\n return ''; // icon only mode\r\n };\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n onClick={() => onClick(provider)}\r\n className={cn(\r\n 'flex w-full h-9 px-3 py-2',\r\n 'flex-row justify-center items-center gap-3',\r\n 'rounded-md border border-[#E4E4E7] bg-white',\r\n 'shadow-[0_1px_2px_0_rgba(0,0,0,0.10)]',\r\n 'text-[#09090B] text-center text-sm font-medium leading-5',\r\n 'cursor-pointer transition-all duration-200',\r\n 'hover:bg-[#f9fafb] hover:border-[#9ca3af]',\r\n 'disabled:opacity-60 disabled:cursor-not-allowed',\r\n displayMode === 'full' && 'justify-center',\r\n displayMode === 'short' && 'justify-center px-2 gap-2',\r\n displayMode === 'icon' && 'justify-center gap-0',\r\n className\r\n )}\r\n disabled={disabled || loading}\r\n style={style}\r\n >\r\n {loading ? (\r\n <Loader2 className=\"w-[18px] h-[18px] animate-spin\" size={18} />\r\n ) : (\r\n <span className=\"flex items-center justify-center shrink-0\">{config.svg}</span>\r\n )}\r\n {getButtonText() && <span>{getButtonText()}</span>}\r\n </button>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport { AuthOAuthButton } from './AuthOAuthButton';\r\nimport type { AuthOAuthProvidersProps } from '../../types';\r\n\r\n/**\r\n * Smart OAuth provider grid with adaptive layout.\r\n * \r\n * Automatically adjusts layout based on provider count:\r\n * - 1 provider: Full-width\r\n * - 2 or 4 providers: Two columns\r\n * - 3+ providers: Three columns\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthOAuthProviders\r\n * providers={['google', 'github', 'discord']}\r\n * onClick={handleOAuth}\r\n * loading={currentProvider}\r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthOAuthProviders\r\n * providers={['google', 'github']}\r\n * onClick={handleOAuth}\r\n * loading={currentProvider}\r\n * appearance={{\r\n * buttonClassName: \"hover:bg-blue-50\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {OAuthProvider[]} providers - Provider identifiers array\r\n * @param {function} onClick - Provider click handler\r\n * @param {boolean} [disabled] - Disabled state for all buttons\r\n * @param {OAuthProvider | null} loading - Currently loading provider\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Grid container element\r\n * - `appearance.buttonClassName`: OAuth button elements\r\n */\r\nexport function AuthOAuthProviders({\r\n providers,\r\n onClick,\r\n disabled,\r\n loading,\r\n appearance = {},\r\n}: AuthOAuthProvidersProps) {\r\n if (!providers || providers.length === 0) {\r\n return null;\r\n }\r\n\r\n const count = providers.length;\r\n\r\n // Determine display mode based on count\r\n const getDisplayMode = () => {\r\n if (count === 1) return 'full';\r\n if (count === 2 || count === 4) return 'short';\r\n return 'icon';\r\n };\r\n\r\n // Calculate grid column style for each button\r\n // Grid is always 6 columns, but buttons span different widths based on total count\r\n const getGridColumnStyle = (index: number): React.CSSProperties => {\r\n // 1 button: span all 6 columns\r\n if (count === 1) {\r\n return { gridColumn: 'span 6' };\r\n }\r\n\r\n // 2 buttons: each spans 3 columns\r\n if (count === 2) {\r\n return { gridColumn: 'span 3' };\r\n }\r\n\r\n // 3 buttons: each spans 2 columns\r\n if (count === 3) {\r\n return { gridColumn: 'span 2 / span 2' };\r\n }\r\n\r\n // 4 buttons: 2 rows, each button spans 3 columns\r\n if (count === 4) {\r\n return { gridColumn: 'span 3' };\r\n }\r\n\r\n // 5+ buttons: each spans 2 columns, with last row centered if needed\r\n const totalRows = Math.ceil(count / 3);\r\n const lastRowStartIndex = (totalRows - 1) * 3;\r\n const isInLastRow = index >= lastRowStartIndex;\r\n\r\n if (!isInLastRow) {\r\n // Not in last row, use default span 2\r\n return { gridColumn: 'span 2 / span 2' };\r\n }\r\n\r\n // Calculate position in last row (0-based)\r\n const positionInLastRow = index - lastRowStartIndex;\r\n const itemsInLastRow = count - lastRowStartIndex;\r\n\r\n if (itemsInLastRow === 1) {\r\n // Last row has 1 item: center it at columns 3-4 (span 2 in middle)\r\n return { gridColumn: '3 / 5' };\r\n } else if (itemsInLastRow === 2) {\r\n // Last row has 2 items: center them symmetrically\r\n if (positionInLastRow === 0) {\r\n return { gridColumn: '2 / 4' }; // First button: cols 2-3\r\n } else {\r\n return { gridColumn: '4 / 6' }; // Second button: cols 4-5\r\n }\r\n } else {\r\n // Last row has 3 items: normal span 2\r\n return { gridColumn: 'span 2 / span 2' };\r\n }\r\n };\r\n\r\n return (\r\n <div className={cn(\r\n 'grid gap-3 w-full grid-cols-6',\r\n appearance.containerClassName\r\n )}>\r\n {providers.map((provider, index) => (\r\n <AuthOAuthButton\r\n key={provider}\r\n provider={provider}\r\n onClick={onClick}\r\n disabled={disabled}\r\n loading={loading === provider}\r\n displayMode={getDisplayMode()}\r\n style={getGridColumnStyle(index)}\r\n className={appearance.buttonClassName}\r\n />\r\n ))}\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport {\r\n useRef,\r\n KeyboardEvent,\r\n ClipboardEvent,\r\n ChangeEvent,\r\n} from 'react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthVerificationCodeInputProps } from '../../types';\r\n\r\n/**\r\n * 6-digit verification code input component with auto-focus and paste support.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * const [code, setCode] = useState('');\r\n *\r\n * <AuthVerificationCodeInput\r\n * email=\"user@example.com\"\r\n * value={code}\r\n * onChange={setCode}\r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthVerificationCodeInput\r\n * email=\"user@example.com\"\r\n * value={code}\r\n * onChange={setCode}\r\n * appearance={{\r\n * inputClassName: \"border-blue-500\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} email - Email address to display in instructions\r\n * @param {string} value - Current code value\r\n * @param {function} onChange - Code change handler\r\n * @param {number} [length=6] - Number of digits\r\n * @param {boolean} [disabled] - Disabled state\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.inputClassName`: Input elements\r\n */\r\nexport function AuthVerificationCodeInput({\r\n length = 6,\r\n value,\r\n email,\r\n onChange,\r\n disabled = false,\r\n appearance = {},\r\n}: AuthVerificationCodeInputProps) {\r\n const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\r\n\r\n const handleChange = (index: number, digit: string) => {\r\n // Only allow single digits\r\n if (digit.length > 1) return;\r\n\r\n // Only allow numbers\r\n if (digit && !/^\\d$/.test(digit)) return;\r\n\r\n // Update the value\r\n const newValue = value.split('');\r\n newValue[index] = digit;\r\n const updatedValue = newValue.join('');\r\n onChange(updatedValue);\r\n\r\n // Auto-focus next input if digit was entered\r\n if (digit && index < length - 1) {\r\n inputRefs.current[index + 1]?.focus();\r\n }\r\n };\r\n\r\n const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\r\n // Handle backspace\r\n if (e.key === 'Backspace') {\r\n if (!value[index] && index > 0) {\r\n // If current input is empty, focus previous input\r\n inputRefs.current[index - 1]?.focus();\r\n } else {\r\n // Clear current input\r\n handleChange(index, '');\r\n }\r\n }\r\n // Handle arrow keys\r\n else if (e.key === 'ArrowLeft' && index > 0) {\r\n inputRefs.current[index - 1]?.focus();\r\n } else if (e.key === 'ArrowRight' && index < length - 1) {\r\n inputRefs.current[index + 1]?.focus();\r\n }\r\n };\r\n\r\n const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\r\n e.preventDefault();\r\n const pastedData = e.clipboardData.getData('text/plain').trim();\r\n\r\n // Only paste if it's all digits and correct length\r\n if (/^\\d+$/.test(pastedData) && pastedData.length === length) {\r\n onChange(pastedData);\r\n // Focus last input\r\n inputRefs.current[length - 1]?.focus();\r\n }\r\n };\r\n\r\n return (\r\n <div className={cn(\r\n 'flex flex-col justify-center items-center gap-6',\r\n appearance.containerClassName\r\n )}>\r\n <p className=\"text-sm font-normal text-[#525252] leading-5\">\r\n We've sent a verification code to your inbox at{' '}\r\n <span className=\"text-sm font-semibold text-black leading-5\">{email}</span>.\r\n Enter it below to proceed.\r\n </p>\r\n <div className=\"flex flex-row gap-3 justify-center items-center\">\r\n {Array.from({ length }).map((_, index) => (\r\n <input\r\n key={index}\r\n ref={(el) => {\r\n inputRefs.current[index] = el;\r\n }}\r\n type=\"text\"\r\n inputMode=\"numeric\"\r\n maxLength={1}\r\n value={value[index] || ''}\r\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\r\n handleChange(index, e.target.value)\r\n }\r\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) =>\r\n handleKeyDown(index, e)\r\n }\r\n onPaste={handlePaste}\r\n disabled={disabled}\r\n className={cn(\r\n 'w-full h-12 px-3 py-2 rounded border border-[#E0E0E0] bg-white',\r\n 'text-center text-base font-semibold leading-5 text-black',\r\n 'transition-all duration-200 outline-none',\r\n 'focus:border-black focus:shadow-[0_0_0_2px_rgba(0,0,0,0.1)]',\r\n 'disabled:bg-[#F5F5F5] disabled:cursor-not-allowed disabled:opacity-60',\r\n appearance.inputClassName\r\n )}\r\n autoComplete=\"one-time-code\"\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n"]}
1
+ {"version":3,"sources":["../src/components/atoms/AuthBranding.tsx","../src/lib/utils.ts","../src/components/atoms/AuthContainer.tsx","../src/components/atoms/AuthHeader.tsx","../src/components/atoms/AuthErrorBanner.tsx","../src/components/atoms/AuthFormField.tsx","../src/components/atoms/AuthPasswordStrengthIndicator.tsx","../src/components/atoms/AuthPasswordField.tsx","../src/components/atoms/AuthSubmitButton.tsx","../src/components/atoms/AuthLink.tsx","../src/components/atoms/AuthDivider.tsx","../src/config/oauth-providers.tsx","../src/components/atoms/AuthOAuthButton.tsx","../src/components/atoms/AuthOAuthProviders.tsx","../src/components/atoms/AuthVerificationCodeInput.tsx","../src/provider/InsforgeProvider.tsx","../src/components/atoms/AuthEmailVerificationStep.tsx"],"names":["jsxs","jsx","Loader2","useState","createClient","useEffect"],"mappings":"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","file":"atoms.mjs","sourcesContent":["'use client';\r\n\r\n/**\r\n * Insforge branding component for authentication pages.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthBranding />\r\n * ```\r\n */\r\nexport function AuthBranding() {\r\n return (\r\n <div className=\"bg-[#FAFAFA] px-2 py-4 flex flex-row justify-center items-center gap-1\">\r\n <p className=\"text-xs font-medium text-black font-manrope\">Secured by</p>\r\n <a href=\"https://insforge.dev\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg width=\"83\" height=\"20\" viewBox=\"0 0 83 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M2.16783 8.46797C1.9334 8.23325 1.9334 7.85269 2.16783 7.61797L8.11049 1.66797L16.6 1.66797L6.41259 11.868C6.17815 12.1027 5.79807 12.1027 5.56363 11.868L2.16783 8.46797Z\"\r\n fill=\"url(#paint0_linear_2976_9475)\"\r\n />\r\n <path\r\n d=\"M12.8858 6.44922L16.6 10.168V18.668L8.64108 10.6992L12.8858 6.44922Z\"\r\n fill=\"url(#paint1_linear_2976_9475)\"\r\n />\r\n <path\r\n d=\"M67.5439 6.48828C68.2894 6.48828 68.9145 6.67064 69.418 7.03516C69.5229 7.10943 69.6214 7.1907 69.7158 7.27637V6.70703H71.248V14.959C71.248 15.1583 71.2381 15.3485 71.2188 15.5283C71.2042 15.7129 71.1774 15.8925 71.1387 16.0674C71.0225 16.5776 70.7998 16.9957 70.4707 17.3213C70.1415 17.6518 69.7321 17.8972 69.2432 18.0576C68.7592 18.2179 68.2222 18.2988 67.6318 18.2988C67.1962 18.2988 66.7768 18.2308 66.375 18.0947C65.9782 17.9587 65.6202 17.7614 65.3008 17.5039C64.9813 17.2512 64.7199 16.9446 64.5166 16.585L66.1289 15.7832C66.2789 16.0698 66.4888 16.2819 66.7598 16.418C67.0356 16.5589 67.3289 16.6289 67.6387 16.6289C68.0016 16.6289 68.3258 16.5628 68.6113 16.4316C68.8969 16.3053 69.1176 16.116 69.2725 15.8633C69.4321 15.6155 69.5077 15.3047 69.498 14.9307V14.1797C69.4665 14.2037 69.4359 14.229 69.4033 14.252C68.8855 14.6164 68.2441 14.7988 67.4795 14.7988C66.7582 14.7988 66.1281 14.6165 65.5908 14.252C65.0537 13.8875 64.637 13.3915 64.3418 12.7646C64.0467 12.1378 63.8994 11.4307 63.8994 10.6436C63.8994 9.84651 64.0465 9.13673 64.3418 8.51465C64.6419 7.88768 65.0663 7.39481 65.6133 7.03516C66.1601 6.67077 66.8036 6.48836 67.5439 6.48828ZM37.5 6.48828C38.1099 6.48828 38.6496 6.58294 39.1191 6.77246C39.5935 6.96201 39.9762 7.2321 40.2666 7.58203C40.5569 7.93184 40.7359 8.34227 40.8037 8.81348L39.0176 9.13477C38.974 8.79951 38.8218 8.53424 38.5605 8.33984C38.304 8.14547 37.96 8.03605 37.5293 8.01172C37.1178 7.98742 36.7859 8.05051 36.5342 8.20117C36.2825 8.34698 36.1562 8.55398 36.1562 8.82129C36.1563 8.97184 36.208 9.10017 36.3096 9.20703C36.4112 9.31394 36.614 9.42141 36.9189 9.52832C37.2288 9.63524 37.6889 9.76635 38.2988 9.92188C38.9232 10.0823 39.4222 10.2666 39.7949 10.4756C40.1722 10.6796 40.4428 10.9254 40.6074 11.2119C40.7768 11.4987 40.8623 11.8466 40.8623 12.2549C40.8623 13.047 40.574 13.6691 39.998 14.1211C39.4268 14.5731 38.6348 14.7988 37.623 14.7988C36.6551 14.7988 35.8687 14.5799 35.2637 14.1426C34.6587 13.7052 34.2909 13.0908 34.1602 12.2988L35.9463 12.0215C36.0383 12.4102 36.2411 12.7169 36.5557 12.9404C36.8703 13.164 37.2678 13.2754 37.7471 13.2754C38.1681 13.2754 38.4922 13.1926 38.7197 13.0273C38.9521 12.8572 39.0684 12.6266 39.0684 12.335C39.0684 12.1552 39.0245 12.0122 38.9375 11.9053C38.8552 11.7935 38.6713 11.686 38.3857 11.584C38.1001 11.4819 37.6618 11.3528 37.0713 11.1973C36.4131 11.0223 35.8901 10.8359 35.5029 10.6367C35.1158 10.4327 34.8374 10.192 34.668 9.91504C34.4985 9.63801 34.4141 9.30188 34.4141 8.9082C34.4141 8.41746 34.5423 7.98943 34.7988 7.625C35.0553 7.26073 35.4135 6.98146 35.873 6.78711C36.3329 6.58784 36.8755 6.48828 37.5 6.48828ZM53.3047 6.48828C54.0937 6.48828 54.7815 6.66572 55.3672 7.02051C55.9527 7.37528 56.4072 7.86634 56.7314 8.49316C57.0558 9.11525 57.2187 9.83193 57.2188 10.6436C57.2188 11.46 57.0537 12.1817 56.7246 12.8086C56.4003 13.4307 55.9451 13.9196 55.3594 14.2744C54.7737 14.6242 54.0888 14.7988 53.3047 14.7988C52.5205 14.7988 51.8357 14.6214 51.25 14.2666C50.6643 13.9118 50.2091 13.4238 49.8848 12.8018C49.5653 12.1748 49.4053 11.4552 49.4053 10.6436C49.4053 9.81735 49.5703 9.09279 49.8994 8.4707C50.2286 7.8488 50.6859 7.36255 51.2715 7.0127C51.8572 6.66281 52.5351 6.48828 53.3047 6.48828ZM76.7471 6.48828C77.5603 6.48828 78.25 6.68053 78.8164 7.06445C79.3876 7.44351 79.812 7.97991 80.0879 8.6748C80.3638 9.36976 80.4672 10.189 80.3994 11.1318H74.7256C74.7843 11.6972 74.949 12.1516 75.2227 12.4951C75.5711 12.9325 76.0792 13.1513 76.7471 13.1514C77.1779 13.1514 77.5486 13.0567 77.8584 12.8672C78.173 12.6728 78.4146 12.3928 78.584 12.0283L80.3125 12.5537C80.0124 13.2633 79.5473 13.8153 78.918 14.209C78.2936 14.6025 77.6036 14.7988 76.8486 14.7988C76.0549 14.7988 75.358 14.6263 74.7578 14.2812C74.1576 13.9362 73.6875 13.458 73.3486 12.8457C73.0147 12.2334 72.8477 11.5284 72.8477 10.7314C72.8477 9.87126 73.0127 9.12495 73.3418 8.49316C73.671 7.85651 74.1282 7.36263 74.7139 7.0127C75.2995 6.6628 75.9775 6.48832 76.7471 6.48828ZM23.3301 14.5801H21.5801V4.08203H23.3301V14.5801ZM29.6152 6.48047C30.1959 6.48052 30.6753 6.5781 31.0527 6.77246C31.4301 6.96681 31.7305 7.21443 31.9531 7.51562C32.1758 7.81695 32.3398 8.13831 32.4463 8.47852C32.5528 8.81873 32.6213 9.14205 32.6504 9.44824C32.6843 9.74946 32.7012 9.99508 32.7012 10.1846V14.5801H30.9287V10.7891C30.9287 10.5413 30.9118 10.2669 30.8779 9.96582C30.844 9.66449 30.7645 9.37469 30.6387 9.09766C30.5177 8.81592 30.3337 8.58503 30.0869 8.40527C29.8449 8.22551 29.5157 8.13579 29.0996 8.13574C28.8769 8.13574 28.6563 8.17221 28.4385 8.24512C28.2206 8.31802 28.0219 8.4442 27.8428 8.62402C27.6685 8.79899 27.5284 9.04249 27.4219 9.35352C27.3154 9.65965 27.2617 10.0532 27.2617 10.5342V14.5801H25.4902V6.70703H27.0518V7.58301C27.2521 7.34675 27.486 7.14172 27.7559 6.96973C28.2593 6.64409 28.8794 6.48047 29.6152 6.48047ZM48.748 5.83887H44.2021V8.45605H47.876V10.2061H44.2021V14.5801H42.4521V4.08203H48.748V5.83887ZM62.5137 6.67773C62.7606 6.65829 63.001 6.66815 63.2334 6.70703V8.34766C63.001 8.27961 62.7317 8.25695 62.4268 8.28125C62.1267 8.30557 61.8553 8.39134 61.6133 8.53711C61.3715 8.66829 61.1733 8.83606 61.0186 9.04004C60.8686 9.24404 60.7572 9.47701 60.6846 9.73926C60.612 9.99685 60.5752 10.2768 60.5752 10.5781V14.5801H58.8184V6.70703H60.3652V7.96582C60.4243 7.85986 60.4888 7.75824 60.5605 7.66211C60.7251 7.4434 60.9219 7.26302 61.1494 7.12207C61.3429 6.99098 61.5559 6.88926 61.7881 6.81641C62.0251 6.73869 62.267 6.69235 62.5137 6.67773ZM67.8057 8.0625C67.3362 8.06252 66.9485 8.17982 66.6436 8.41309C66.3389 8.64144 66.1139 8.95232 65.9688 9.3457C65.8235 9.7345 65.751 10.1673 65.751 10.6436C65.751 11.1247 65.8215 11.5624 65.9619 11.9561C66.1071 12.3447 66.3269 12.6535 66.6221 12.8818C66.9174 13.1103 67.293 13.2246 67.748 13.2246C68.2174 13.2246 68.5953 13.1171 68.8809 12.9033C69.1711 12.6846 69.3811 12.3808 69.5117 11.9922C69.6473 11.6034 69.7158 11.1539 69.7158 10.6436C69.7158 10.1284 69.6473 9.67886 69.5117 9.29492C69.381 8.90617 69.1753 8.60445 68.8945 8.39062C68.6138 8.17213 68.2508 8.0625 67.8057 8.0625ZM53.3047 8.13574C52.8351 8.13574 52.4475 8.24222 52.1426 8.45605C51.8425 8.66504 51.6198 8.95977 51.4746 9.33887C51.3295 9.71303 51.2568 10.148 51.2568 10.6436C51.2568 11.4066 51.4288 12.0168 51.7725 12.4736C52.121 12.9256 52.6318 13.1514 53.3047 13.1514C54.0017 13.1514 54.5196 12.9177 54.8584 12.4512C55.1971 11.9846 55.3672 11.3822 55.3672 10.6436C55.3672 9.8807 55.1951 9.27324 54.8516 8.82129C54.5079 8.36444 53.9921 8.13575 53.3047 8.13574ZM76.8203 8.02637C76.1039 8.02637 75.5712 8.25013 75.2227 8.69727C74.9987 8.98144 74.8476 9.35094 74.7676 9.80566H78.6221C78.5589 9.29301 78.4236 8.89686 78.2139 8.61719C77.9186 8.22359 77.4543 8.02645 76.8203 8.02637Z\"\r\n fill=\"black\"\r\n />\r\n <defs>\r\n <linearGradient\r\n id=\"paint0_linear_2976_9475\"\r\n x1=\"1.85883\"\r\n y1=\"1.92425\"\r\n x2=\"24.3072\"\r\n y2=\"9.64016\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop />\r\n <stop offset=\"1\" stopOpacity=\"0.4\" />\r\n </linearGradient>\r\n <linearGradient\r\n id=\"paint1_linear_2976_9475\"\r\n x1=\"25.6475\"\r\n y1=\"8.65468\"\r\n x2=\"10.7901\"\r\n y2=\"8.65468\"\r\n gradientUnits=\"userSpaceOnUse\"\r\n >\r\n <stop />\r\n <stop offset=\"1\" stopOpacity=\"0.4\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n </a>\r\n </div>\r\n );\r\n}\r\n\r\n","import { type ClassValue, clsx } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\n/**\r\n * Utility function to merge Tailwind CSS classes with clsx\r\n * Handles conditional classes and prevents style conflicts\r\n */\r\nexport function cn(...inputs: ClassValue[]) {\r\n return twMerge(clsx(inputs));\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport { AuthBranding } from './AuthBranding';\r\nimport type { AuthContainerProps } from '../../types';\r\n\r\n/**\r\n * Main container component for authentication forms.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthContainer>\r\n * <AuthHeader title=\"Sign In\" />\r\n * <form>...</form>\r\n * </AuthContainer>\r\n * \r\n * // With custom styling\r\n * <AuthContainer\r\n * appearance={{\r\n * cardClassName: \"bg-gray-50\"\r\n * }}\r\n * >\r\n * <AuthHeader title=\"Sign In\" />\r\n * <form>...</form>\r\n * </AuthContainer>\r\n * ```\r\n *\r\n * @param {ReactNode} children - Form content\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Outer container element\r\n * - `appearance.cardClassName`: Inner card element (white background area)\r\n */\r\nexport function AuthContainer({ children, appearance = {} }: AuthContainerProps) {\r\n return (\r\n <div\r\n className={cn(\r\n 'w-full max-w-[400px] rounded-xl overflow-hidden shadow-lg',\r\n appearance.containerClassName\r\n )}\r\n >\r\n <div className={cn(\r\n 'bg-white p-6 flex flex-col justify-center items-stretch gap-6',\r\n appearance.cardClassName\r\n )}>\r\n {children}\r\n </div>\r\n <AuthBranding />\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthHeaderProps } from '../../types';\r\n\r\n/**\r\n * Header component for authentication forms displaying title and optional subtitle.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <AuthHeader \r\n * title=\"Welcome Back\" \r\n * subtitle=\"Sign in to continue\" \r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthHeader \r\n * title=\"Welcome Back\"\r\n * appearance={{\r\n * titleClassName: \"text-purple-900 text-3xl\",\r\n * subtitleClassName: \"text-purple-700\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} title - Main heading text\r\n * @param {string} [subtitle] - Optional subheading text\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.titleClassName`: Title element\r\n * - `appearance.subtitleClassName`: Subtitle element\r\n */\r\nexport function AuthHeader({ \r\n title, \r\n subtitle,\r\n appearance = {}\r\n}: AuthHeaderProps) {\r\n return (\r\n <div className={cn(\r\n 'flex flex-col justify-start items-start gap-2',\r\n appearance.containerClassName\r\n )}>\r\n <h1 className={cn(\r\n 'text-2xl font-semibold text-black leading-8',\r\n appearance.titleClassName\r\n )}>\r\n {title}\r\n </h1>\r\n {subtitle && (\r\n <p className={cn(\r\n 'text-sm font-normal text-[#828282] leading-6',\r\n appearance.subtitleClassName\r\n )}>\r\n {subtitle}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { AlertTriangle } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthErrorBannerProps } from '../../types';\r\n\r\n/**\r\n * Error message banner for authentication forms.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthErrorBanner error={error} />\r\n * ```\r\n *\r\n * @param {string} error - Error message to display\r\n * @param {string} [className] - Banner element classes\r\n */\r\nexport function AuthErrorBanner({ error, className }: AuthErrorBannerProps) {\r\n if (!error) return null;\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex items-center gap-2 mb-4 pl-3 py-2 pr-2 bg-red-50 border-2 border-red-600 rounded',\r\n className\r\n )}\r\n >\r\n <AlertTriangle className=\"w-6 h-6 text-red-500 shrink-0\" />\r\n <span className=\"text-sm text-red-600 flex-1\">{error}</span>\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthFormFieldProps } from '../../types';\r\n\r\n/**\r\n * Standard form input field with label for authentication forms.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <AuthFormField\r\n * id=\"email\"\r\n * type=\"email\"\r\n * label=\"Email Address\"\r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthFormField\r\n * id=\"email\"\r\n * label=\"Email\"\r\n * appearance={{\r\n * containerClassName: \"flex flex-col justify-center items-stretch gap-1\",\r\n * inputClassName: \"border-blue-500 focus:ring-blue-500\",\r\n * labelClassName: \"text-blue-900 font-semibold\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} label - Label text\r\n * @param {string} id - Input element ID\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.labelClassName`: Label element\r\n * - `appearance.inputClassName`: Input element\r\n */\r\nexport function AuthFormField({ \r\n label, \r\n id, \r\n appearance = {},\r\n ...props \r\n}: AuthFormFieldProps) {\r\n return (\r\n <div className={cn(\r\n 'flex flex-col justify-center items-stretch gap-1',\r\n appearance.containerClassName\r\n )}>\r\n <label \r\n htmlFor={id} \r\n className={cn(\r\n 'text-sm font-normal text-black leading-6',\r\n appearance.labelClassName\r\n )}\r\n >\r\n {label}\r\n </label>\r\n <input\r\n id={id}\r\n className={cn(\r\n 'w-full flex items-center gap-2 self-stretch',\r\n 'pl-3 pr-2 py-2 rounded-sm border border-[#D4D4D4] bg-white',\r\n 'text-sm font-normal leading-5',\r\n 'placeholder:text-[#A3A3A3] placeholder:font-sm placeholder:font-normal',\r\n 'focus:outline-none focus:border-black',\r\n appearance.inputClassName\r\n )}\r\n {...props}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { Check } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthPasswordStrengthIndicatorProps, AuthConfig } from '../../types';\r\n\r\ninterface PasswordRequirement {\r\n label: string;\r\n test: (password: string) => boolean;\r\n}\r\n\r\n/**\r\n * Password strength indicator showing requirement checklist.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthPasswordStrengthIndicator\r\n * password={password}\r\n * config={emailAuthConfig}\r\n * />\r\n *\r\n * // With custom styling\r\n * <AuthPasswordStrengthIndicator\r\n * password={password}\r\n * config={emailAuthConfig}\r\n * appearance={{\r\n * requirementClassName: \"text-lg\"\r\n * }}\r\n * />\r\n * ```\r\n *\r\n * @param {string} password - Current password value\r\n * @param {object} config - Email auth configuration\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.requirementClassName`: Requirement text elements\r\n */\r\nexport function AuthPasswordStrengthIndicator({\r\n password,\r\n config,\r\n appearance = {},\r\n}: AuthPasswordStrengthIndicatorProps) {\r\n const requirements = createRequirements(config);\r\n\r\n return (\r\n <div\r\n className={cn('mt-3 flex flex-col gap-3', appearance.containerClassName)}\r\n >\r\n {requirements.map((req) => (\r\n <div key={req.label} className=\"flex items-center gap-2\">\r\n <div\r\n className={cn(\r\n 'flex items-center justify-center w-4 h-4 rounded-full border-2 transition-colors',\r\n req.test(password)\r\n ? 'bg-[#059669] border-transparent'\r\n : 'border-neutral-400 bg-white'\r\n )}\r\n >\r\n {req.test(password) && <Check className=\"w-3 h-3 text-white\" />}\r\n </div>\r\n <span\r\n className={cn(\r\n 'text-sm font-normal leading-5 text-[#525252]',\r\n appearance.requirementClassName\r\n )}\r\n >\r\n {req.label}\r\n </span>\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n}\r\n\r\n/**\r\n * Creates password requirements based on email auth configuration\r\n */\r\nfunction createRequirements(\r\n config: AuthConfig\r\n): PasswordRequirement[] {\r\n const requirements: PasswordRequirement[] = [];\r\n\r\n const minLength = config.passwordMinLength;\r\n const requireUppercase = config.requireUppercase;\r\n const requireLowercase = config.requireLowercase;\r\n const requireNumber = config.requireNumber;\r\n const requireSpecialChar = config.requireSpecialChar;\r\n\r\n if (requireUppercase) {\r\n requirements.push({\r\n label: 'At least 1 Uppercase letter',\r\n test: (pwd) => /[A-Z]/.test(pwd),\r\n });\r\n }\r\n\r\n if (requireLowercase) {\r\n requirements.push({\r\n label: 'At least 1 Lowercase letter',\r\n test: (pwd) => /[a-z]/.test(pwd),\r\n });\r\n }\r\n\r\n if (requireNumber) {\r\n requirements.push({\r\n label: 'At least 1 Number',\r\n test: (pwd) => /\\d/.test(pwd),\r\n });\r\n }\r\n\r\n if (requireSpecialChar) {\r\n requirements.push({\r\n label: 'Special character (e.g. !?<>@#$%)',\r\n test: (pwd) => /[!@#$%^&*()_+\\-=[\\]{};\\\\|,.<>/?]/.test(pwd),\r\n });\r\n }\r\n\r\n requirements.push({\r\n label: `${minLength} characters or more`,\r\n test: (pwd) => pwd.length >= minLength,\r\n });\r\n\r\n return requirements;\r\n}\r\n\r\n/**\r\n * Validates that a password meets all strength requirements based on email auth configuration.\r\n *\r\n * @param password - The password string to validate\r\n * @param config - Email authentication configuration from backend\r\n * @returns true if all requirements are met, false otherwise\r\n */\r\nexport function validatePasswordStrength(\r\n password: string,\r\n config: AuthConfig\r\n): boolean {\r\n if (!password) return false;\r\n const requirements = createRequirements(config);\r\n return requirements.every((req) => req.test(password));\r\n}\r\n\r\n","'use client';\r\n\r\nimport { useState } from 'react';\r\nimport { Eye, EyeOff } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport { AuthPasswordStrengthIndicator } from './AuthPasswordStrengthIndicator';\r\nimport type { AuthPasswordFieldProps } from '../../types';\r\n\r\n/**\r\n * Password input field with visibility toggle and optional strength indicator.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * // With forgot password link\r\n * <AuthPasswordField\r\n * id=\"password\"\r\n * label=\"Password\"\r\n * forgotPasswordLink={{ href: '/forgot-password' }}\r\n * emailAuthConfig={config}\r\n * />\r\n *\r\n * // With custom styling\r\n * <AuthPasswordField\r\n * id=\"password\"\r\n * label=\"Password\"\r\n * emailAuthConfig={config}\r\n * appearance={{\r\n * inputClassName: \"border-blue-500\",\r\n * labelClassName: \"text-blue-900\"\r\n * }}\r\n * />\r\n * ```\r\n *\r\n * @param {string} label - Label text\r\n * @param {string} id - Input element ID\r\n * @param {boolean} [showStrengthIndicator] - Show password strength requirements\r\n * @param {object} [forgotPasswordLink] - Forgot password link config\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.labelClassName`: Label element\r\n * - `appearance.inputClassName`: Input element\r\n */\r\nexport function AuthPasswordField({\r\n label,\r\n id,\r\n showStrengthIndicator = false,\r\n emailAuthConfig,\r\n forgotPasswordLink,\r\n value,\r\n appearance = {},\r\n onFocus,\r\n ...props\r\n}: AuthPasswordFieldProps) {\r\n const [showPassword, setShowPassword] = useState(false);\r\n const [showStrength, setShowStrength] = useState(false);\r\n\r\n const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\r\n if (showStrengthIndicator) {\r\n setShowStrength(true);\r\n }\r\n onFocus?.(e);\r\n };\r\n\r\n return (\r\n <div\r\n className={cn(\r\n 'flex flex-col justify-center items-stretch gap-1',\r\n appearance.containerClassName\r\n )}\r\n >\r\n {(label || forgotPasswordLink) && (\r\n <div className=\"flex justify-between items-center\">\r\n <label\r\n htmlFor={id}\r\n className={cn(\r\n 'text-sm font-normal text-black leading-6',\r\n appearance.labelClassName\r\n )}\r\n >\r\n {label}\r\n </label>\r\n {forgotPasswordLink && (\r\n <a\r\n href={forgotPasswordLink.href}\r\n className=\"text-right text-sm font-normal text-[#737373] leading-6\"\r\n >\r\n {forgotPasswordLink.text || 'Forget Password?'}\r\n </a>\r\n )}\r\n </div>\r\n )}\r\n <div className=\"relative\">\r\n <input\r\n id={id}\r\n type={showPassword ? 'text' : 'password'}\r\n className={cn(\r\n 'w-full flex items-center gap-2 self-stretch',\r\n 'pl-3 py-2 pr-8 rounded border border-[#D4D4D4] bg-white',\r\n 'text-sm font-normal leading-5',\r\n 'placeholder:text-[#A3A3A3] placeholder:font-sm placeholder:font-normal',\r\n 'focus:outline-none focus:border-black',\r\n appearance.inputClassName\r\n )}\r\n value={value}\r\n onFocus={handleFocus}\r\n {...props}\r\n />\r\n <button\r\n type=\"button\"\r\n onClick={() => setShowPassword(!showPassword)}\r\n className=\"absolute right-2 top-1/2 -translate-y-1/2 bg-transparent border-none text-[#A6A6A6] cursor-pointer transition-colors hover:text-gray-600 flex items-center justify-center\"\r\n aria-label={showPassword ? 'Hide password' : 'Show password'}\r\n >\r\n {showPassword ? <EyeOff size={20} /> : <Eye size={20} />}\r\n </button>\r\n </div>\r\n {showStrengthIndicator && showStrength && (\r\n <AuthPasswordStrengthIndicator\r\n password={String(value || '')}\r\n config={emailAuthConfig}\r\n />\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { CircleCheck, Loader2 } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthSubmitButtonProps } from '../../types';\r\n\r\n/**\r\n * Primary submit button for authentication forms with loading and confirmed states.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * <AuthSubmitButton isLoading={loading}>\r\n * Sign In\r\n * </AuthSubmitButton>\r\n * \r\n * // With custom styling\r\n * <AuthSubmitButton className=\"bg-purple-600 hover:bg-purple-700\">\r\n * Sign In\r\n * </AuthSubmitButton>\r\n * ```\r\n * \r\n * @param {ReactNode} children - Button text\r\n * @param {boolean} [isLoading] - Loading state (shows spinner)\r\n * @param {boolean} [confirmed] - Confirmed state (shows checkmark)\r\n * @param {boolean} [disabled] - Disabled state\r\n * @param {string} [className] - Button element classes\r\n */\r\nexport function AuthSubmitButton({\r\n children,\r\n isLoading = false,\r\n confirmed = false,\r\n disabled = false,\r\n className,\r\n}: AuthSubmitButtonProps) {\r\n return (\r\n <button\r\n type=\"submit\"\r\n className={cn(\r\n 'rounded-sm bg-black w-full flex mt-4 px-4 py-2',\r\n 'justify-center items-center gap-2.5 self-stretch',\r\n 'text-white font-semibold font-manrope text-base leading-normal',\r\n 'border-none cursor-pointer transition-colors',\r\n 'hover:bg-gray-800',\r\n 'disabled:opacity-50 disabled:cursor-not-allowed',\r\n className\r\n )}\r\n disabled={disabled || isLoading || confirmed}\r\n >\r\n {isLoading && <Loader2 className=\"w-5 h-5 animate-spin\" size={20} />}\r\n {confirmed && <CircleCheck className=\"w-5 h-5\" size={20} />}\r\n {children}\r\n </button>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthLinkProps } from '../../types';\r\n\r\n/**\r\n * Call-to-action link component for navigation between auth pages.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthLink \r\n * text=\"Don't have an account?\" \r\n * linkText=\"Sign up\" \r\n * href=\"/sign-up\" \r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthLink \r\n * text=\"Don't have an account?\" \r\n * linkText=\"Sign up\" \r\n * href=\"/sign-up\"\r\n * appearance={{\r\n * linkClassName: \"text-blue-500\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} text - Regular text before the link\r\n * @param {string} linkText - Clickable link text\r\n * @param {string} href - Link URL\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.linkClassName`: Link element\r\n */\r\nexport function AuthLink({ text, linkText, href, appearance = {} }: AuthLinkProps) {\r\n // Preserve current URL search params when navigating\r\n const currentSearch = typeof window !== 'undefined' ? window.location.search : '';\r\n \r\n const finalHref = (() => {\r\n if (!currentSearch) return href;\r\n \r\n try {\r\n const url = new URL(href, window.location.origin);\r\n const currentParams = new URLSearchParams(currentSearch);\r\n \r\n // Add current params to the target URL (don't override existing params in href)\r\n currentParams.forEach((value, key) => {\r\n if (!url.searchParams.has(key)) {\r\n url.searchParams.set(key, value);\r\n }\r\n });\r\n \r\n return url.pathname + url.search;\r\n } catch {\r\n // Fallback to original href if URL parsing fails\r\n return href;\r\n }\r\n })();\r\n \r\n return (\r\n <p className={cn(\r\n 'text-center text-sm font-normal text-[#828282] leading-6',\r\n appearance.containerClassName\r\n )}>\r\n {text}{' '}\r\n <a \r\n href={finalHref} \r\n className={cn(\r\n 'text-sm font-medium text-black leading-6',\r\n appearance.linkClassName\r\n )}\r\n >\r\n {linkText}\r\n </a>\r\n </p>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthDividerProps } from '../../types';\r\n\r\n/**\r\n * Visual divider with optional centered text for auth forms.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthDivider text=\"or\" />\r\n * ```\r\n * \r\n * @param {string} [text='or'] - Centered text\r\n * @param {string} [className] - Divider element classes\r\n */\r\nexport function AuthDivider({ text = 'or', className }: AuthDividerProps) {\r\n return (\r\n <div className={cn(\r\n 'flex justify-center items-center gap-6 self-stretch',\r\n \"before:content-[''] before:flex-1 before:h-px before:bg-[#E5E5E5]\",\r\n \"after:content-[''] after:flex-1 after:h-px after:bg-[#E5E5E5]\",\r\n className\r\n )}>\r\n <span className=\"text-sm font-semibold font-manrope text-[#A3A3A3] leading-normal\">\r\n {text}\r\n </span>\r\n </div>\r\n );\r\n}\r\n\r\n","import type { OAuthProvider, OAuthProviderConfig } from '../types';\r\n\r\nexport const OAUTH_PROVIDER_CONFIG: Record<OAuthProvider, OAuthProviderConfig> = {\r\n google: {\r\n name: 'Google',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n <path\r\n d=\"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z\"\r\n fill=\"#4285F4\"\r\n />\r\n <path\r\n d=\"M9 18c2.43 0 4.467-.806 5.956-2.184l-2.908-2.258c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332C2.438 15.983 5.482 18 9 18z\"\r\n fill=\"#34A853\"\r\n />\r\n <path\r\n d=\"M3.964 10.707c-.18-.54-.282-1.117-.282-1.707 0-.593.102-1.17.282-1.709V4.958H.957C.347 6.173 0 7.548 0 9c0 1.452.348 2.827.957 4.042l3.007-2.335z\"\r\n fill=\"#FBBC05\"\r\n />\r\n <path\r\n d=\"M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0 5.482 0 2.438 2.017.957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z\"\r\n fill=\"#EA4335\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-google',\r\n },\r\n github: {\r\n name: 'GitHub',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\r\n <path d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-github',\r\n },\r\n discord: {\r\n name: 'Discord',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z\"\r\n fill=\"#5865F2\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-discord',\r\n },\r\n facebook: {\r\n name: 'Facebook',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047v-2.66c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.971H15.83c-1.49 0-1.955.93-1.955 1.886v2.264h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z\"\r\n fill=\"#1877F2\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-facebook',\r\n },\r\n linkedin: {\r\n name: 'LinkedIn',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\r\n fill=\"#0A66C2\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-linkedin',\r\n },\r\n microsoft: {\r\n name: 'Microsoft',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 23 23\" fill=\"none\">\r\n <path d=\"M0 0h11v11H0z\" fill=\"#F25022\" />\r\n <path d=\"M12 0h11v11H12z\" fill=\"#7FBA00\" />\r\n <path d=\"M0 12h11v11H0z\" fill=\"#00A4EF\" />\r\n <path d=\"M12 12h11v11H12z\" fill=\"#FFB900\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-microsoft',\r\n },\r\n apple: {\r\n name: 'Apple',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-apple',\r\n },\r\n x: {\r\n name: 'X',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-x',\r\n },\r\n instagram: {\r\n name: 'Instagram',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\r\n fill=\"url(#instagram-gradient)\"\r\n />\r\n <defs>\r\n <linearGradient id=\"instagram-gradient\" x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\">\r\n <stop offset=\"0%\" stopColor=\"#FD5949\" />\r\n <stop offset=\"50%\" stopColor=\"#D6249F\" />\r\n <stop offset=\"100%\" stopColor=\"#285AEB\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-instagram',\r\n },\r\n tiktok: {\r\n name: 'TikTok',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M19.589 6.686a4.793 4.793 0 01-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 01-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 013.183-4.51v-3.5a6.329 6.329 0 00-5.394 10.692 6.33 6.33 0 0010.857-4.424V8.687a8.182 8.182 0 004.773 1.526V6.79a4.831 4.831 0 01-1.003-.104z\"\r\n fill=\"currentColor\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-tiktok',\r\n },\r\n spotify: {\r\n name: 'Spotify',\r\n svg: (\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path\r\n d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\r\n fill=\"#1DB954\"\r\n />\r\n </svg>\r\n ),\r\n className: 'insforge-oauth-spotify',\r\n },\r\n};\r\n\r\n\r\n/**\r\n * Get OAuth provider configuration by provider name\r\n */\r\nexport function getProviderConfig(provider: OAuthProvider): OAuthProviderConfig | null {\r\n return OAUTH_PROVIDER_CONFIG[provider] || null;\r\n}\r\n\r\n/**\r\n * Get all available OAuth provider configurations\r\n */\r\nexport function getAllProviderConfigs(): Partial<Record<OAuthProvider, OAuthProviderConfig>> {\r\n return OAUTH_PROVIDER_CONFIG;\r\n}\r\n\r\n","'use client';\r\n\r\nimport { Loader2 } from 'lucide-react';\r\nimport { cn } from '../../lib/utils';\r\nimport { getProviderConfig } from '../../config/oauth-providers';\r\nimport type { AuthOAuthButtonProps } from '../../types';\r\n\r\n/**\r\n * OAuth provider button with adaptive display modes.\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthOAuthButton\r\n * provider=\"google\"\r\n * onClick={handleOAuth}\r\n * displayMode=\"full\"\r\n * />\r\n * ```\r\n * \r\n * @param {OAuthProvider} provider - Provider identifier (e.g., 'google', 'github')\r\n * @param {function} onClick - Click handler\r\n * @param {boolean} [disabled] - Disabled state\r\n * @param {boolean} [loading] - Loading state (shows spinner)\r\n * @param {string} [displayMode='full'] - Display mode ('full' | 'short' | 'icon')\r\n * @param {string} [className] - Button element classes\r\n */\r\nexport function AuthOAuthButton({ \r\n provider, \r\n onClick, \r\n disabled, \r\n loading, \r\n displayMode = 'full',\r\n style,\r\n className \r\n}: AuthOAuthButtonProps) {\r\n const config = getProviderConfig(provider);\r\n\r\n if (!config) {\r\n return null;\r\n }\r\n\r\n const getButtonText = () => {\r\n if (loading) return 'Authenticating...';\r\n if (displayMode === 'full') return `Continue with ${config.name}`;\r\n if (displayMode === 'short') return config.name;\r\n return ''; // icon only mode\r\n };\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n onClick={() => onClick(provider)}\r\n className={cn(\r\n 'flex w-full h-9 px-3 py-2',\r\n 'flex-row justify-center items-center gap-3',\r\n 'rounded-md border border-[#E4E4E7] bg-white',\r\n 'shadow-[0_1px_2px_0_rgba(0,0,0,0.10)]',\r\n 'text-[#09090B] text-center text-sm font-medium leading-5',\r\n 'cursor-pointer transition-all duration-200',\r\n 'hover:bg-[#f9fafb] hover:border-[#9ca3af]',\r\n 'disabled:opacity-60 disabled:cursor-not-allowed',\r\n displayMode === 'full' && 'justify-center',\r\n displayMode === 'short' && 'justify-center px-2 gap-2',\r\n displayMode === 'icon' && 'justify-center gap-0',\r\n className\r\n )}\r\n disabled={disabled || loading}\r\n style={style}\r\n >\r\n {loading ? (\r\n <Loader2 className=\"w-[18px] h-[18px] animate-spin\" size={18} />\r\n ) : (\r\n <span className=\"flex items-center justify-center shrink-0\">{config.svg}</span>\r\n )}\r\n {getButtonText() && <span>{getButtonText()}</span>}\r\n </button>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport { cn } from '../../lib/utils';\r\nimport { AuthOAuthButton } from './AuthOAuthButton';\r\nimport type { AuthOAuthProvidersProps } from '../../types';\r\n\r\n/**\r\n * Smart OAuth provider grid with adaptive layout.\r\n * \r\n * Automatically adjusts layout based on provider count:\r\n * - 1 provider: Full-width\r\n * - 2 or 4 providers: Two columns\r\n * - 3+ providers: Three columns\r\n * \r\n * @component\r\n * @example\r\n * ```tsx\r\n * <AuthOAuthProviders\r\n * providers={['google', 'github', 'discord']}\r\n * onClick={handleOAuth}\r\n * loading={currentProvider}\r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthOAuthProviders\r\n * providers={['google', 'github']}\r\n * onClick={handleOAuth}\r\n * loading={currentProvider}\r\n * appearance={{\r\n * buttonClassName: \"hover:bg-blue-50\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {OAuthProvider[]} providers - Provider identifiers array\r\n * @param {function} onClick - Provider click handler\r\n * @param {boolean} [disabled] - Disabled state for all buttons\r\n * @param {OAuthProvider | null} loading - Currently loading provider\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Grid container element\r\n * - `appearance.buttonClassName`: OAuth button elements\r\n */\r\nexport function AuthOAuthProviders({\r\n providers,\r\n onClick,\r\n disabled,\r\n loading,\r\n appearance = {},\r\n}: AuthOAuthProvidersProps) {\r\n if (!providers || providers.length === 0) {\r\n return null;\r\n }\r\n\r\n const count = providers.length;\r\n\r\n // Determine display mode based on count\r\n const getDisplayMode = () => {\r\n if (count === 1) return 'full';\r\n if (count === 2 || count === 4) return 'short';\r\n return 'icon';\r\n };\r\n\r\n // Calculate grid column style for each button\r\n // Grid is always 6 columns, but buttons span different widths based on total count\r\n const getGridColumnStyle = (index: number): React.CSSProperties => {\r\n // 1 button: span all 6 columns\r\n if (count === 1) {\r\n return { gridColumn: 'span 6' };\r\n }\r\n\r\n // 2 buttons: each spans 3 columns\r\n if (count === 2) {\r\n return { gridColumn: 'span 3' };\r\n }\r\n\r\n // 3 buttons: each spans 2 columns\r\n if (count === 3) {\r\n return { gridColumn: 'span 2 / span 2' };\r\n }\r\n\r\n // 4 buttons: 2 rows, each button spans 3 columns\r\n if (count === 4) {\r\n return { gridColumn: 'span 3' };\r\n }\r\n\r\n // 5+ buttons: each spans 2 columns, with last row centered if needed\r\n const totalRows = Math.ceil(count / 3);\r\n const lastRowStartIndex = (totalRows - 1) * 3;\r\n const isInLastRow = index >= lastRowStartIndex;\r\n\r\n if (!isInLastRow) {\r\n // Not in last row, use default span 2\r\n return { gridColumn: 'span 2 / span 2' };\r\n }\r\n\r\n // Calculate position in last row (0-based)\r\n const positionInLastRow = index - lastRowStartIndex;\r\n const itemsInLastRow = count - lastRowStartIndex;\r\n\r\n if (itemsInLastRow === 1) {\r\n // Last row has 1 item: center it at columns 3-4 (span 2 in middle)\r\n return { gridColumn: '3 / 5' };\r\n } else if (itemsInLastRow === 2) {\r\n // Last row has 2 items: center them symmetrically\r\n if (positionInLastRow === 0) {\r\n return { gridColumn: '2 / 4' }; // First button: cols 2-3\r\n } else {\r\n return { gridColumn: '4 / 6' }; // Second button: cols 4-5\r\n }\r\n } else {\r\n // Last row has 3 items: normal span 2\r\n return { gridColumn: 'span 2 / span 2' };\r\n }\r\n };\r\n\r\n return (\r\n <div className={cn(\r\n 'grid gap-3 w-full grid-cols-6',\r\n appearance.containerClassName\r\n )}>\r\n {providers.map((provider, index) => (\r\n <AuthOAuthButton\r\n key={provider}\r\n provider={provider}\r\n onClick={onClick}\r\n disabled={disabled}\r\n loading={loading === provider}\r\n displayMode={getDisplayMode()}\r\n style={getGridColumnStyle(index)}\r\n className={appearance.buttonClassName}\r\n />\r\n ))}\r\n </div>\r\n );\r\n}\r\n\r\n","'use client';\r\n\r\nimport {\r\n useRef,\r\n KeyboardEvent,\r\n ClipboardEvent,\r\n ChangeEvent,\r\n} from 'react';\r\nimport { cn } from '../../lib/utils';\r\nimport type { AuthVerificationCodeInputProps } from '../../types';\r\n\r\n/**\r\n * 6-digit verification code input component with auto-focus and paste support.\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * const [code, setCode] = useState('');\r\n *\r\n * <AuthVerificationCodeInput\r\n * email=\"user@example.com\"\r\n * value={code}\r\n * onChange={setCode}\r\n * />\r\n * \r\n * // With custom styling\r\n * <AuthVerificationCodeInput\r\n * email=\"user@example.com\"\r\n * value={code}\r\n * onChange={setCode}\r\n * appearance={{\r\n * inputClassName: \"border-blue-500\"\r\n * }}\r\n * />\r\n * ```\r\n * \r\n * @param {string} email - Email address to display in instructions\r\n * @param {string} value - Current code value\r\n * @param {function} onChange - Code change handler\r\n * @param {number} [length=6] - Number of digits\r\n * @param {boolean} [disabled] - Disabled state\r\n * @param {object} [appearance] - Tailwind CSS classes for styling\r\n * - `appearance.containerClassName`: Container element\r\n * - `appearance.inputClassName`: Input elements\r\n */\r\nexport function AuthVerificationCodeInput({\r\n length = 6,\r\n value,\r\n email,\r\n onChange,\r\n disabled = false,\r\n onComplete,\r\n appearance = {},\r\n}: AuthVerificationCodeInputProps) {\r\n const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\r\n\r\n const handleChange = (index: number, digit: string) => {\r\n // Only allow single digits\r\n if (digit.length > 1) return;\r\n\r\n // Only allow numbers\r\n if (digit && !/^\\d$/.test(digit)) return;\r\n\r\n // Update the value\r\n const newValue = value.split('');\r\n newValue[index] = digit;\r\n const updatedValue = newValue.join('');\r\n onChange(updatedValue);\r\n\r\n // Auto-focus next input if digit was entered\r\n if (digit && index < length - 1) {\r\n inputRefs.current[index + 1]?.focus();\r\n }\r\n\r\n // Call onComplete if we just filled the last digit\r\n if (digit && index === length - 1 && updatedValue.length === length && onComplete) {\r\n onComplete(updatedValue);\r\n }\r\n };\r\n\r\n const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\r\n // Handle backspace\r\n if (e.key === 'Backspace') {\r\n if (!value[index] && index > 0) {\r\n // If current input is empty, focus previous input\r\n inputRefs.current[index - 1]?.focus();\r\n } else {\r\n // Clear current input\r\n handleChange(index, '');\r\n }\r\n }\r\n // Handle arrow keys\r\n else if (e.key === 'ArrowLeft' && index > 0) {\r\n inputRefs.current[index - 1]?.focus();\r\n } else if (e.key === 'ArrowRight' && index < length - 1) {\r\n inputRefs.current[index + 1]?.focus();\r\n }\r\n };\r\n\r\n const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\r\n e.preventDefault();\r\n const pastedData = e.clipboardData.getData('text/plain').trim();\r\n\r\n // Only paste if it's all digits and correct length\r\n if (/^\\d+$/.test(pastedData) && pastedData.length === length) {\r\n onChange(pastedData);\r\n // Focus last input\r\n inputRefs.current[length - 1]?.focus();\r\n // Call onComplete after paste\r\n if (onComplete) {\r\n onComplete(pastedData);\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <div className={cn(\r\n 'flex flex-col justify-center items-center gap-6',\r\n appearance.containerClassName\r\n )}>\r\n <p className=\"text-sm font-normal text-[#525252] leading-5\">\r\n We've sent a verification code to your inbox at{' '}\r\n <span className=\"text-sm font-semibold text-black leading-5\">{email}</span>.\r\n Enter it below to proceed.\r\n </p>\r\n <div className=\"flex flex-row gap-3 justify-center items-center\">\r\n {Array.from({ length }).map((_, index) => (\r\n <input\r\n key={index}\r\n ref={(el) => {\r\n inputRefs.current[index] = el;\r\n }}\r\n type=\"text\"\r\n inputMode=\"numeric\"\r\n maxLength={1}\r\n value={value[index] || ''}\r\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\r\n handleChange(index, e.target.value)\r\n }\r\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) =>\r\n handleKeyDown(index, e)\r\n }\r\n onPaste={handlePaste}\r\n disabled={disabled}\r\n className={cn(\r\n 'w-full h-12 px-3 py-2 rounded border border-[#E0E0E0] bg-white',\r\n 'text-center text-base font-semibold leading-5 text-black',\r\n 'transition-all duration-200 outline-none',\r\n 'focus:border-black focus:shadow-[0_0_0_2px_rgba(0,0,0,0.1)]',\r\n 'disabled:bg-[#F5F5F5] disabled:cursor-not-allowed disabled:opacity-60',\r\n appearance.inputClassName\r\n )}\r\n autoComplete=\"one-time-code\"\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n","\"use client\";\r\n\r\nimport {\r\n createContext,\r\n useContext,\r\n useEffect,\r\n useState,\r\n useCallback,\r\n useRef,\r\n type ReactNode,\r\n} from \"react\";\r\nimport { createClient } from \"@insforge/sdk\";\r\nimport type { InsforgeUser } from \"../types\";\r\nimport { GetPublicAuthConfigResponse } from \"@insforge/shared-schemas\";\r\n\r\ninterface InsforgeContextValue {\r\n // Auth state\r\n user: InsforgeUser | null;\r\n isLoaded: boolean;\r\n isSignedIn: boolean;\r\n\r\n // Auth methods\r\n setUser: (user: InsforgeUser | null) => void;\r\n signIn: (\r\n email: string,\r\n password: string\r\n ) => Promise<\r\n | {\r\n user?: { id: string; email: string; name: string };\r\n accessToken: string | null;\r\n }\r\n | { error: string; statusCode?: number; errorCode?: string }\r\n >;\r\n signUp: (\r\n email: string,\r\n password: string\r\n ) => Promise<\r\n | {\r\n user?: { id: string; email: string; name: string };\r\n accessToken: string | null;\r\n }\r\n | { error: string; statusCode?: number; errorCode?: string }\r\n >;\r\n signOut: () => Promise<void>;\r\n updateUser: (data: Partial<InsforgeUser>) => Promise<void>;\r\n reloadAuth: () => Promise<{ success: boolean; error?: string }>;\r\n\r\n // Email verification methods\r\n sendPasswordResetCode: (\r\n email: string\r\n ) => Promise<{ success: boolean; message: string } | null>;\r\n resetPassword: (\r\n token: string,\r\n newPassword: string\r\n ) => Promise<{ message: string; redirectTo?: string } | null>;\r\n verifyEmail: (\r\n token: string\r\n ) => Promise<{ accessToken: string; user?: any } | null>;\r\n\r\n // Public auth config\r\n getPublicAuthConfig: () => Promise<GetPublicAuthConfigResponse | null>;\r\n // Base config\r\n baseUrl: string;\r\n}\r\n\r\nconst InsforgeContext = createContext<InsforgeContextValue | undefined>(\r\n undefined\r\n);\r\n\r\nexport interface InsforgeProviderProps {\r\n children: ReactNode;\r\n baseUrl: string;\r\n onAuthChange?: (user: InsforgeUser | null) => void;\r\n // Optional: custom token sync functions (e.g., for Next.js cookie sync)\r\n syncTokenToCookie?: (token: string) => Promise<boolean>;\r\n clearCookie?: () => Promise<void>;\r\n}\r\n\r\n/**\r\n * Unified Insforge Provider - manages authentication state and configuration\r\n *\r\n * Manages user authentication state and provides all necessary context to child components.\r\n * Works with any React framework (Next.js, Vite, Remix, etc.).\r\n *\r\n * @example\r\n * ```tsx\r\n * // Basic usage (React/Vite)\r\n * import { InsforgeProvider } from '@insforge/react';\r\n *\r\n * export default function App() {\r\n * return (\r\n * <InsforgeProvider baseUrl={process.env.VITE_INSFORGE_BASE_URL}>\r\n * {children}\r\n * </InsforgeProvider>\r\n * );\r\n * }\r\n * ```\r\n *\r\n * @example\r\n * ```tsx\r\n * // With cookie sync (Next.js optimization)\r\n * <InsforgeProvider\r\n * baseUrl={baseUrl}\r\n * syncTokenToCookie={async (token) => {\r\n * await fetch('/api/auth', {\r\n * method: 'POST',\r\n * body: JSON.stringify({ token })\r\n * });\r\n * return true;\r\n * }}\r\n * clearCookie={async () => {\r\n * await fetch('/api/auth', { method: 'DELETE' });\r\n * }}\r\n * >\r\n * {children}\r\n * </InsforgeProvider>\r\n * ```\r\n */\r\nexport function InsforgeProvider({\r\n children,\r\n baseUrl,\r\n onAuthChange,\r\n syncTokenToCookie,\r\n clearCookie,\r\n}: InsforgeProviderProps) {\r\n // Auth state\r\n const [user, setUser] = useState<InsforgeUser | null>(null);\r\n const [isLoaded, setIsLoaded] = useState(false);\r\n\r\n const refreshIntervalRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n // Initialize SDK client with lazy initialization - only runs once\r\n const [insforge] = useState(() => createClient({ baseUrl }));\r\n\r\n // Load auth state - returns explicit success/error status\r\n const loadAuthState = useCallback(async (): Promise<{\r\n success: boolean;\r\n error?: string;\r\n }> => {\r\n try {\r\n // Use SDK's getCurrentSession() to check for existing session\r\n const sessionResult = insforge.auth.getCurrentSession();\r\n const session = sessionResult.data?.session;\r\n const token = session?.accessToken || null;\r\n\r\n if (!token) {\r\n // No token, user is not authenticated\r\n setUser(null);\r\n if (onAuthChange) {\r\n onAuthChange(null);\r\n }\r\n setIsLoaded(true);\r\n return { success: false, error: \"no_session\" };\r\n }\r\n\r\n const userResult = await insforge.auth.getCurrentUser();\r\n\r\n if (userResult.data) {\r\n // Token is valid, update user state with fresh data\r\n const profile = userResult.data.profile;\r\n const userData: InsforgeUser = {\r\n id: userResult.data.user.id,\r\n email: userResult.data.user.email,\r\n name: (profile?.nickname as string | undefined) || \"\",\r\n avatarUrl: (profile?.avatarUrl as string | undefined) || \"\",\r\n };\r\n\r\n setUser(userData);\r\n\r\n if (onAuthChange) {\r\n onAuthChange(userData);\r\n }\r\n setIsLoaded(true);\r\n return { success: true };\r\n } else {\r\n // Token invalid or expired\r\n await insforge.auth.signOut();\r\n\r\n // Clear cookie if function provided\r\n if (clearCookie) {\r\n try {\r\n await clearCookie();\r\n } catch (error) {\r\n // Ignore errors\r\n }\r\n }\r\n\r\n setUser(null);\r\n if (onAuthChange) {\r\n onAuthChange(null);\r\n }\r\n setIsLoaded(true);\r\n return { success: false, error: \"invalid_token\" };\r\n }\r\n } catch (error) {\r\n // Token validation failed\r\n console.error(\"[InsforgeProvider] Token validation failed:\", error);\r\n\r\n await insforge.auth.signOut();\r\n\r\n // Clear cookie if function provided\r\n if (clearCookie) {\r\n try {\r\n await clearCookie();\r\n } catch (error) {\r\n // Ignore errors\r\n }\r\n }\r\n\r\n setUser(null);\r\n if (onAuthChange) {\r\n onAuthChange(null);\r\n }\r\n setIsLoaded(true);\r\n\r\n return {\r\n success: false,\r\n error: error instanceof Error ? error.message : \"authentication_failed\",\r\n };\r\n }\r\n }, [insforge, onAuthChange, syncTokenToCookie, clearCookie]);\r\n\r\n useEffect(() => {\r\n // Run loadAuthState only once on mount\r\n loadAuthState();\r\n\r\n return () => {\r\n if (refreshIntervalRef.current) {\r\n clearInterval(refreshIntervalRef.current);\r\n }\r\n };\r\n }, []); // Empty deps - run only on mount\r\n\r\n const getPublicAuthConfig = useCallback(async () => {\r\n try {\r\n const result = await insforge.auth.getPublicAuthConfig();\r\n if (result.data) {\r\n return result.data;\r\n } else {\r\n console.error('[InsforgeProvider] Failed to get public auth config:', result.error);\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\r\n \"[InsforgeProvider] Failed to get public auth config:\",\r\n error\r\n );\r\n return null;\r\n }\r\n }, [insforge]);\r\n\r\n /**\r\n * Helper function to handle successful authentication\r\n */\r\n const handleAuthSuccess = useCallback(\r\n async (\r\n authToken: string,\r\n fallbackUser?: { id?: string; email?: string; name?: string }\r\n ) => {\r\n const userResult = await insforge.auth.getCurrentUser();\r\n\r\n if (userResult.data) {\r\n const profile = userResult.data.profile;\r\n const userData: InsforgeUser = {\r\n id: userResult.data.user.id,\r\n email: userResult.data.user.email,\r\n name: (profile?.nickname as string | undefined) || \"\",\r\n avatarUrl: (profile?.avatarUrl as string | undefined) || \"\",\r\n };\r\n\r\n setUser(userData);\r\n\r\n if (onAuthChange) {\r\n onAuthChange(userData);\r\n }\r\n\r\n // Try to sync token to cookie if function provided\r\n if (syncTokenToCookie) {\r\n try {\r\n await syncTokenToCookie(authToken);\r\n } catch (error) {\r\n // Cookie sync failed - that's okay\r\n }\r\n }\r\n } else if (fallbackUser) {\r\n // Fallback to basic user data if getCurrentUser fails\r\n const userData: InsforgeUser = {\r\n id: fallbackUser.id || \"\",\r\n email: fallbackUser.email || \"\",\r\n name: fallbackUser.name || \"\",\r\n avatarUrl: \"\",\r\n };\r\n\r\n setUser(userData);\r\n\r\n if (onAuthChange) {\r\n onAuthChange(userData);\r\n }\r\n }\r\n },\r\n [insforge, onAuthChange, syncTokenToCookie]\r\n );\r\n\r\n const signIn = useCallback(\r\n async (email: string, password: string) => {\r\n const sdkResult = await insforge.auth.signInWithPassword({\r\n email,\r\n password,\r\n });\r\n\r\n if (sdkResult.data) {\r\n await handleAuthSuccess(\r\n sdkResult.data.accessToken || \"\",\r\n sdkResult.data.user\r\n ? {\r\n id: sdkResult.data.user.id,\r\n email: sdkResult.data.user.email,\r\n name: sdkResult.data.user.name,\r\n }\r\n : undefined\r\n );\r\n return sdkResult.data;\r\n } else {\r\n // Return the full error object to preserve statusCode and other properties\r\n return { \r\n error: sdkResult.error?.message || \"Invalid email or password\",\r\n statusCode: sdkResult.error?.statusCode,\r\n errorCode: sdkResult.error?.error\r\n };\r\n }\r\n },\r\n [insforge, handleAuthSuccess]\r\n );\r\n\r\n const signUp = useCallback(\r\n async (email: string, password: string) => {\r\n const sdkResult = await insforge.auth.signUp({ email, password });\r\n\r\n if (sdkResult.data) {\r\n // Only set auth state if we got a token back (email verification might be required)\r\n if (sdkResult.data.accessToken) {\r\n await handleAuthSuccess(\r\n sdkResult.data.accessToken,\r\n sdkResult.data.user\r\n ? {\r\n id: sdkResult.data.user.id,\r\n email: sdkResult.data.user.email,\r\n name: sdkResult.data.user.name,\r\n }\r\n : undefined\r\n );\r\n }\r\n return sdkResult.data;\r\n } else {\r\n // Return the full error object to preserve statusCode and other properties\r\n return { \r\n error: sdkResult.error?.message || \"Sign up failed\",\r\n statusCode: sdkResult.error?.statusCode,\r\n errorCode: sdkResult.error?.error\r\n };\r\n }\r\n },\r\n [insforge, handleAuthSuccess]\r\n );\r\n\r\n const signOut = useCallback(async () => {\r\n await insforge.auth.signOut();\r\n\r\n // Clear cookie if function provided\r\n if (clearCookie) {\r\n try {\r\n await clearCookie();\r\n } catch (error) {\r\n // Ignore errors\r\n }\r\n }\r\n\r\n // Clear refresh interval if exists\r\n if (refreshIntervalRef.current) {\r\n clearInterval(refreshIntervalRef.current);\r\n }\r\n\r\n setUser(null);\r\n if (onAuthChange) {\r\n onAuthChange(null);\r\n }\r\n }, [insforge, onAuthChange, clearCookie]);\r\n\r\n const updateUser = useCallback(\r\n async (data: Partial<InsforgeUser>) => {\r\n if (!user) throw new Error(\"No user signed in\");\r\n\r\n const profileUpdate: Record<string, any> = {\r\n nickname: data.name,\r\n avatarUrl: data.avatarUrl,\r\n };\r\n\r\n const result = await insforge.auth.setProfile(profileUpdate);\r\n\r\n if (result.data) {\r\n const userResult = await insforge.auth.getCurrentUser();\r\n if (userResult.data) {\r\n const profile = userResult.data.profile;\r\n const updatedUser: InsforgeUser = {\r\n id: userResult.data.user.id,\r\n email: userResult.data.user.email,\r\n name: (profile?.nickname as string | undefined) || \"\",\r\n avatarUrl: (profile?.avatarUrl as string | undefined) || \"\",\r\n };\r\n setUser(updatedUser);\r\n if (onAuthChange) {\r\n onAuthChange(updatedUser);\r\n }\r\n }\r\n }\r\n },\r\n [user, onAuthChange, insforge]\r\n );\r\n\r\n const sendPasswordResetCode = useCallback(\r\n async (email: string) => {\r\n const sdkResult = await insforge.auth.sendPasswordResetCode({ email });\r\n return sdkResult.data;\r\n },\r\n [insforge]\r\n );\r\n\r\n const resetPassword = useCallback(\r\n async (token: string, newPassword: string) => {\r\n const sdkResult = await insforge.auth.resetPassword({\r\n newPassword,\r\n otp: token,\r\n });\r\n return sdkResult.data;\r\n },\r\n [insforge]\r\n );\r\n\r\n const verifyEmail = useCallback(\r\n async (token: string) => {\r\n const sdkResult = await insforge.auth.verifyEmail({ otp: token });\r\n return sdkResult.data;\r\n },\r\n [insforge]\r\n );\r\n\r\n return (\r\n <InsforgeContext.Provider\r\n value={{\r\n user,\r\n isLoaded,\r\n isSignedIn: !!user,\r\n setUser,\r\n signIn,\r\n signUp,\r\n signOut,\r\n updateUser,\r\n reloadAuth: loadAuthState,\r\n baseUrl,\r\n sendPasswordResetCode,\r\n resetPassword,\r\n verifyEmail,\r\n getPublicAuthConfig,\r\n }}\r\n >\r\n {children}\r\n </InsforgeContext.Provider>\r\n );\r\n}\r\n\r\n/**\r\n * Hook to access Insforge context\r\n *\r\n * @example\r\n * ```tsx\r\n * function MyComponent() {\r\n * const { user, isSignedIn, signOut } = useInsforge();\r\n *\r\n * if (!isSignedIn) return <SignIn />;\r\n *\r\n * return (\r\n * <div>\r\n * <p>Welcome {user.email}</p>\r\n * <button onClick={signOut}>Sign Out</button>\r\n * </div>\r\n * );\r\n * }\r\n * ```\r\n */\r\nexport function useInsforge(): InsforgeContextValue {\r\n const context = useContext(InsforgeContext);\r\n if (!context) {\r\n throw new Error(\"useInsforge must be used within InsforgeProvider\");\r\n }\r\n return context;\r\n}\r\n","'use client';\r\n\r\nimport { useState, useEffect } from 'react';\r\nimport { createClient } from '@insforge/sdk';\r\nimport { AuthVerificationCodeInput } from './AuthVerificationCodeInput';\r\nimport { useInsforge } from '../../provider/InsforgeProvider';\r\n\r\ntype VerificationMethod = 'code' | 'link';\r\n\r\ninterface AuthEmailVerificationStepProps {\r\n email: string;\r\n title?: string;\r\n description?: string;\r\n method?: VerificationMethod;\r\n onVerifyCode?: (code: string) => Promise<void>;\r\n}\r\n\r\n/**\r\n * Email verification step component\r\n *\r\n * Handles the email verification flow:\r\n * - Automatically sends verification email on mount\r\n * - Shows countdown timer for resend functionality\r\n * - Manages rate limiting for resend attempts\r\n * - Supports both code and link verification methods\r\n *\r\n * @param method - 'code' for OTP input, 'link' for magic link (default: 'code')\r\n */\r\nexport function AuthEmailVerificationStep({\r\n email,\r\n title = 'Verify Your Email',\r\n description,\r\n method = 'code',\r\n onVerifyCode,\r\n}: AuthEmailVerificationStepProps) {\r\n const { baseUrl } = useInsforge();\r\n const [insforge] = useState(() => createClient({ baseUrl }));\r\n const [resendDisabled, setResendDisabled] = useState(true);\r\n const [resendCountdown, setResendCountdown] = useState(60);\r\n const [isSending, setIsSending] = useState(false);\r\n const [verificationCode, setVerificationCode] = useState('');\r\n const [isVerifying, setIsVerifying] = useState(false);\r\n const [verificationError, setVerificationError] = useState('');\r\n\r\n // Default descriptions based on method\r\n const defaultDescription =\r\n method === 'code'\r\n ? \"We've sent a 6-digit verification code to {email}. Please enter it below to verify your account. The code will expire in 10 minutes.\"\r\n : \"We've sent a verification link to {email}. Please check your email and click the link to verify your account. The link will expire in 10 minutes.\";\r\n\r\n // Auto-send verification email on mount\r\n useEffect(() => {\r\n const sendInitialEmail = async () => {\r\n try {\r\n if (method === 'code') {\r\n await insforge.auth.sendVerificationCode({ email });\r\n } else {\r\n await insforge.auth.sendVerificationLink({ email });\r\n }\r\n } catch {\r\n // Silently fail to prevent email enumeration\r\n // User can still use the resend button if needed\r\n }\r\n };\r\n\r\n void sendInitialEmail();\r\n }, [email, method, insforge.auth]);\r\n\r\n // Countdown timer effect\r\n useEffect(() => {\r\n if (resendCountdown > 0) {\r\n const timer = setInterval(() => {\r\n setResendCountdown((prev) => {\r\n if (prev <= 1) {\r\n setResendDisabled(false);\r\n return 0;\r\n }\r\n return prev - 1;\r\n });\r\n }, 1000);\r\n\r\n return () => clearInterval(timer);\r\n }\r\n }, [resendCountdown]);\r\n\r\n const handleResend = async () => {\r\n setResendDisabled(true);\r\n setResendCountdown(60);\r\n setIsSending(true);\r\n setVerificationError('');\r\n\r\n try {\r\n if (method === 'code') {\r\n await insforge.auth.sendVerificationCode({ email });\r\n } else {\r\n await insforge.auth.sendVerificationLink({ email });\r\n }\r\n } catch {\r\n // If resend fails, re-enable the button immediately\r\n setResendDisabled(false);\r\n setResendCountdown(0);\r\n } finally {\r\n setIsSending(false);\r\n }\r\n };\r\n\r\n const handleVerifyCode = async (code: string) => {\r\n if (!onVerifyCode) {\r\n return;\r\n }\r\n\r\n setIsVerifying(true);\r\n setVerificationError('');\r\n\r\n try {\r\n await onVerifyCode(code);\r\n } catch (error) {\r\n setVerificationError(\r\n error instanceof Error ? error.message : 'Invalid verification code. Please try again.'\r\n );\r\n setVerificationCode('');\r\n } finally {\r\n setIsVerifying(false);\r\n }\r\n };\r\n\r\n const displayDescription = description || defaultDescription;\r\n\r\n return (\r\n <div className=\"w-full flex flex-col gap-6 items-center\">\r\n {/* Message Box */}\r\n <div className=\"w-full bg-neutral-100 dark:bg-neutral-800 rounded-lg px-4 pt-4 pb-6 flex flex-col gap-4\">\r\n <h2 className=\"text-lg font-semibold text-black dark:text-white\">{title}</h2>\r\n <p className=\"text-neutral-600 dark:text-neutral-400 text-sm leading-relaxed\">\r\n {displayDescription.split('{email}').map((part, index, array) => (\r\n <span key={index}>\r\n {part}\r\n {index < array.length - 1 && (\r\n <span className=\"font-medium text-black dark:text-white\">{email}</span>\r\n )}\r\n </span>\r\n ))}\r\n </p>\r\n\r\n {/* Code Input (only for 'code' method) */}\r\n {method === 'code' && (\r\n <div className=\"flex flex-col gap-3 mt-2\">\r\n <AuthVerificationCodeInput\r\n value={verificationCode}\r\n onChange={setVerificationCode}\r\n email={email}\r\n disabled={isVerifying}\r\n onComplete={(code) => {\r\n void handleVerifyCode(code);\r\n }}\r\n />\r\n {verificationError && (\r\n <p className=\"text-sm text-red-600 dark:text-red-400 text-center\">\r\n {verificationError}\r\n </p>\r\n )}\r\n {isVerifying && (\r\n <p className=\"text-sm text-neutral-600 dark:text-neutral-400 text-center\">\r\n Verifying...\r\n </p>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Resend Button */}\r\n <div className=\"w-full text-sm text-center text-neutral-600 dark:text-neutral-400\">\r\n Didn&apos;t receive the email?{' '}\r\n <button\r\n onClick={() => {\r\n void handleResend();\r\n }}\r\n disabled={resendDisabled || isSending}\r\n className=\"text-black dark:text-white font-medium transition-colors disabled:cursor-not-allowed cursor-pointer hover:underline disabled:no-underline disabled:opacity-50\"\r\n >\r\n {isSending\r\n ? 'Sending...'\r\n : resendDisabled\r\n ? `Retry in (${resendCountdown}s)`\r\n : 'Click to resend'}\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\n"]}
package/dist/components.d.mts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { SignInProps, SignUpProps, UserButtonProps, ProtectProps, ConditionalProps } from './types.mjs';
2
+ import { SignInProps, SignUpProps, ForgotPasswordAppearance, ResetPasswordAppearance, VerifyEmailStatusProps, UserButtonProps, ProtectProps, ConditionalProps } from './types.mjs';
3
3
  import * as react from 'react';
4
4
  import { ReactNode } from 'react';
5
5
  export { ForgotPasswordForm, ResetPasswordForm, SignInForm, SignUpForm, VerifyEmailStatus } from './forms.mjs';
6
- export { AuthBranding, AuthContainer, AuthDivider, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, validatePasswordStrength } from './atoms.mjs';
6
+ export { AuthBranding, AuthContainer, AuthDivider, AuthEmailVerificationStep, AuthErrorBanner, AuthFormField, AuthHeader, AuthLink, AuthOAuthButton, AuthOAuthProviders, AuthPasswordField, AuthPasswordStrengthIndicator, AuthSubmitButton, AuthVerificationCodeInput, validatePasswordStrength } from './atoms.mjs';
7
7
  import '@insforge/shared-schemas';
8
8
 
9
9
  /**
@@ -37,6 +37,123 @@ declare function SignIn({ afterSignInUrl, onSuccess, onError, ...uiProps }: Sign
37
37
  */
38
38
  declare function SignUp({ afterSignUpUrl, onSuccess, onError, ...uiProps }: SignUpProps): react_jsx_runtime.JSX.Element | null;
39
39
 
40
+ interface ForgotPasswordProps {
41
+ /** Hierarchical appearance configuration for deep customization */
42
+ appearance?: ForgotPasswordAppearance;
43
+ /** Text customization */
44
+ title?: string;
45
+ subtitle?: string;
46
+ emailLabel?: string;
47
+ emailPlaceholder?: string;
48
+ submitButtonText?: string;
49
+ loadingButtonText?: string;
50
+ backToSignInText?: string;
51
+ backToSignInUrl?: string;
52
+ successTitle?: string;
53
+ successMessage?: string;
54
+ /** Callback when password is successfully reset */
55
+ onSuccess?: () => void;
56
+ /** Callback when an error occurs */
57
+ onError?: (error: Error) => void;
58
+ }
59
+ /**
60
+ * Pre-built forgot password component with full business logic.
61
+ *
62
+ * Supports two password reset methods (auto-detected from backend config):
63
+ * - **Link method**: Sends email with reset link (handled by ResetPassword component)
64
+ * - **Code method**: Three-step flow (email → verify code → reset password)
65
+ *
66
+ * @component
67
+ * @example
68
+ * ```tsx
69
+ * <ForgotPassword
70
+ * backToSignInUrl="/sign-in"
71
+ * onSuccess={() => console.log('Password reset!')}
72
+ * onError={(error) => console.error('Error:', error)}
73
+ * />
74
+ * ```
75
+ */
76
+ declare function ForgotPassword({ backToSignInUrl, onSuccess, onError, ...uiProps }: ForgotPasswordProps): react_jsx_runtime.JSX.Element | null;
77
+
78
+ interface ResetPasswordProps {
79
+ /** Reset password token (from URL query params) */
80
+ token: string;
81
+ /** Hierarchical appearance configuration for deep customization */
82
+ appearance?: ResetPasswordAppearance;
83
+ /** Text customization */
84
+ title?: string;
85
+ subtitle?: string;
86
+ newPasswordLabel?: string;
87
+ newPasswordPlaceholder?: string;
88
+ confirmPasswordLabel?: string;
89
+ confirmPasswordPlaceholder?: string;
90
+ submitButtonText?: string;
91
+ loadingButtonText?: string;
92
+ backToSignInText?: string;
93
+ backToSignInUrl?: string;
94
+ /** Callback when password reset is successful */
95
+ onSuccess?: (redirectTo?: string) => void;
96
+ /** Callback when an error occurs */
97
+ onError?: (error: Error) => void;
98
+ }
99
+ /**
100
+ * Pre-built reset password component with full business logic.
101
+ *
102
+ * @component
103
+ * @example
104
+ * ```tsx
105
+ * const token = new URLSearchParams(window.location.search).get('token');
106
+ *
107
+ * <ResetPassword
108
+ * token={token || ''}
109
+ * backToSignInUrl="/sign-in"
110
+ * onSuccess={(redirectTo) => window.location.href = redirectTo || '/'}
111
+ * onError={(error) => console.error('Error:', error)}
112
+ * />
113
+ * ```
114
+ */
115
+ declare function ResetPassword({ token, backToSignInUrl, onSuccess, onError, ...uiProps }: ResetPasswordProps): react_jsx_runtime.JSX.Element | null;
116
+
117
+ interface VerifyEmailProps {
118
+ /** Verification token (from URL query params) */
119
+ token: string;
120
+ /** Appearance configuration */
121
+ appearance?: VerifyEmailStatusProps["appearance"];
122
+ /** Text customization */
123
+ verifyingTitle?: string;
124
+ successTitle?: string;
125
+ successMessage?: string;
126
+ errorTitle?: string;
127
+ /** Callback when verification is successful */
128
+ onSuccess?: (data: {
129
+ accessToken: string;
130
+ user?: any;
131
+ }) => void;
132
+ /** Callback when verification fails */
133
+ onError?: (error: Error) => void;
134
+ }
135
+ /**
136
+ * Pre-built email verification component with full business logic.
137
+ *
138
+ * Automatically verifies the email when mounted using the provided token.
139
+ *
140
+ * @component
141
+ * @example
142
+ * ```tsx
143
+ * const token = new URLSearchParams(window.location.search).get('token');
144
+ *
145
+ * <VerifyEmail
146
+ * token={token || ''}
147
+ * onSuccess={(data) => {
148
+ * console.log('Email verified!', data);
149
+ * // Optionally navigate or close window
150
+ * }}
151
+ * onError={(error) => console.error('Verification failed:', error)}
152
+ * />
153
+ * ```
154
+ */
155
+ declare function VerifyEmail({ token, onSuccess, onError, ...uiProps }: VerifyEmailProps): react_jsx_runtime.JSX.Element;
156
+
40
157
  /**
41
158
  * User profile button with dropdown menu and sign-out functionality.
42
159
  *
@@ -154,15 +271,20 @@ interface InsforgeCallbackProps {
154
271
  onRedirect?: (url: string) => void;
155
272
  }
156
273
  /**
157
- * InsforgeCallback - Handles OAuth and email/password authentication callbacks
274
+ * InsforgeCallback - Handles OAuth authentication callbacks
158
275
  *
159
276
  * Place this component on your `/auth/callback` page.
160
277
  *
278
+ * How it works:
279
+ * 1. SDK automatically detects OAuth callback parameters and saves to localStorage
280
+ * 2. Provider validates the session from localStorage
281
+ * 3. This component waits for validation and handles redirect
282
+ *
161
283
  * @example
162
284
  * ```tsx
163
285
  * // Minimal usage
164
286
  * export default function CallbackPage() {
165
- * return <InsforgeCallback />;
287
+ * return <InsforgeCallback redirectTo="/dashboard" />;
166
288
  * }
167
289
  * ```
168
290
  *
@@ -184,4 +306,4 @@ interface InsforgeCallbackProps {
184
306
  */
185
307
  declare function InsforgeCallback({ redirectTo, onSuccess, onError, loadingComponent, onRedirect, }: InsforgeCallbackProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element;
186
308
 
187
- export { InsforgeCallback, type InsforgeCallbackProps, Protect, SignIn, SignUp, SignedIn, SignedOut, UserButton };
309
+ export { ForgotPassword, InsforgeCallback, type InsforgeCallbackProps, Protect, ResetPassword, SignIn, SignUp, SignedIn, SignedOut, UserButton, VerifyEmail };