x-post-card 0.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes.ts","../src/PostCard.tsx","../src/XCard.tsx"],"names":["jsxs","jsx","error"],"mappings":";;;;;;AAGO,IAAM,WAAA,GAA0C;AAAA,EACrD,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,SAAA;AAAA,IACJ,WAAA,EAAa,SAAA;AAAA,IACb,aAAA,EAAe,SAAA;AAAA,IACf,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,gBAAA,EAAkB,qBAAA;AAAA,IAClB,aAAA,EAAe,+BAAA;AAAA,IACf,YAAA,EAAc,+BAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,EAAA,EAAI,SAAA;AAAA,IACJ,WAAA,EAAa,SAAA;AAAA,IACb,aAAA,EAAe,SAAA;AAAA,IACf,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,gBAAA,EAAkB,2BAAA;AAAA,IAClB,aAAA,EAAe,8BAAA;AAAA,IACf,YAAA,EAAc,+BAAA;AAAA,IACd,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,WAAA,EAAa,SAAA;AAAA,IACb,aAAA,EAAe,SAAA;AAAA,IACf,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,SAAA;AAAA,IACR,gBAAA,EAAkB,2BAAA;AAAA,IAClB,aAAA,EAAe,8BAAA;AAAA,IACf,YAAA,EAAc,+BAAA;AAAA,IACd,UAAA,EAAY;AAAA;AAEhB;AAGO,SAAS,eAAe,KAAA,EAA2B;AACxD,EAAA,OAAO,YAAY,KAAK,CAAA;AAC1B;AAGO,SAAS,qBAAA,CACd,OACA,SAAA,EACQ;AACR,EAAA,QAAQ,SAAA;AAAW,IACjB,KAAK,MAAA;AACH,MAAA,OAAO,MAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAA,OAAO,KAAA,CAAM,aAAA;AAAA,IACf,KAAK,UAAA;AACH,MAAA,OAAO,KAAA,CAAM,YAAA;AAAA,IACf,KAAK,UAAA;AACH,MAAA,OAAO,KAAA,CAAM,UAAA;AAAA,IACf;AACE,MAAA,OAAO,KAAA,CAAM,YAAA;AAAA;AAEnB;AChDA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAM,EAAsB;AACnD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAA;AAAA,MACP,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAM,KAAA;AAAA,MACN,aAAA,EAAY,MAAA;AAAA,MACZ,KAAA,EAAO,EAAE,UAAA,EAAY,CAAA,EAAE;AAAA,MAEvB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,kcAAA,EAAmc;AAAA;AAAA,GAC7c;AAEJ;AAGO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,MAAA,EAAO,EAAsC;AACrF,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA;AAAA,QACA,OAAA,EAAS,EAAA;AAAA,QACT,YAAA,EAAc,MAAA;AAAA,QACd,eAAA,EAAiB,SAAA;AAAA,QACjB,SAAA,EAAW;AAAA,OACb;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,QAAA,EAAU,GAAA,EAAK,EAAA,EAAI,YAAA,EAAc,EAAA,EAAG,EAC7E,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,EAAA;AAAA,gBACP,MAAA,EAAQ,EAAA;AAAA,gBACR,YAAA,EAAc,KAAA;AAAA,gBACd,eAAA,EAAiB;AAAA;AACnB;AAAA,WACF;AAAA,+BACC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,IAAA,EAAM,GAAE,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO;AAAA,kBACL,KAAA,EAAO,KAAA;AAAA,kBACP,MAAA,EAAQ,EAAA;AAAA,kBACR,YAAA,EAAc,CAAA;AAAA,kBACd,eAAA,EAAiB,SAAA;AAAA,kBACjB,YAAA,EAAc;AAAA;AAChB;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO;AAAA,kBACL,KAAA,EAAO,KAAA;AAAA,kBACP,MAAA,EAAQ,EAAA;AAAA,kBACR,YAAA,EAAc,CAAA;AAAA,kBACd,eAAA,EAAiB;AAAA;AACnB;AAAA;AACF,WAAA,EACF;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,KAAA,EAAO,MAAA;AAAA,cACP,MAAA,EAAQ,EAAA;AAAA,cACR,YAAA,EAAc,CAAA;AAAA,cACd,eAAA,EAAiB;AAAA;AACnB;AAAA;AACF;AAAA;AAAA,GACF;AAEJ;AAGO,SAAS,SAAS,EAAE,IAAA,EAAM,OAAO,MAAA,EAAQ,KAAA,EAAO,QAAO,EAAkB;AAC9E,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,OAAA,CAAQ,MAAA,CAAO,MAAA,GAAS,CAAA;AAG/C,EAAA,MAAM,YAAA,GAAe,EAAA;AACrB,EAAA,MAAM,eAAe,SAAA,GAAY,IAAA,CAAK,IAAI,CAAA,EAAG,MAAA,GAAS,YAAY,CAAA,GAAI,EAAA;AAEtE,EAAA,MAAM,SAAA,GAAY,qBAAA,CAAsB,KAAA,EAAO,MAAM,CAAA;AAErD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA;AAAA,QACA,OAAA,EAAS,YAAA;AAAA,QACT,iBAAiB,KAAA,CAAM,EAAA;AAAA,QACvB,WAAA,EAAa,CAAA;AAAA,QACb,WAAA,EAAa,OAAA;AAAA,QACb,aAAa,KAAA,CAAM,MAAA;AAAA,QACnB,YAAA,EAAc,MAAA;AAAA,QACd,SAAA;AAAA,QACA,SAAA,EAAW,YAAA;AAAA,QACX,UAAA,EACE;AAAA,OACJ;AAAA,MAGA,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,OAAA,EAAS,MAAA;AAAA,cACT,UAAA,EAAY,QAAA;AAAA,cACZ,GAAA,EAAK,EAAA;AAAA,cACL,YAAA,EAAc;AAAA,aAChB;AAAA,YAGA,QAAA,EAAA;AAAA,8BAAA,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO;AAAA,oBACL,QAAA,EAAU,UAAA;AAAA,oBACV,KAAA,EAAO,EAAA;AAAA,oBACP,MAAA,EAAQ,EAAA;AAAA,oBACR,YAAA,EAAc,KAAA;AAAA,oBACd,QAAA,EAAU,QAAA;AAAA,oBACV,UAAA,EAAY;AAAA,mBACd;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAK,OAAO,MAAA,mBACX,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,GAAA,EAAK,KAAK,MAAA,CAAO,MAAA;AAAA,wBACjB,GAAA,EAAK,KAAK,MAAA,CAAO,IAAA;AAAA,wBACjB,KAAA,EAAO;AAAA,0BACL,KAAA,EAAO,MAAA;AAAA,0BACP,MAAA,EAAQ,MAAA;AAAA,0BACR,SAAA,EAAW;AAAA,yBACb;AAAA,wBACA,WAAA,EAAY,WAAA;AAAA,wBACZ,cAAA,EAAe;AAAA;AAAA,qBACjB,mBAEA,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,KAAA,EAAO;AAAA,0BACL,KAAA,EAAO,MAAA;AAAA,0BACP,MAAA,EAAQ,MAAA;AAAA,0BACR,OAAA,EAAS,MAAA;AAAA,0BACT,UAAA,EAAY,QAAA;AAAA,0BACZ,cAAA,EAAgB,QAAA;AAAA,0BAChB,iBAAiB,KAAA,CAAM,MAAA;AAAA,0BACvB,OAAO,KAAA,CAAM,aAAA;AAAA,0BACb,QAAA,EAAU,EAAA;AAAA,0BACV,UAAA,EAAY;AAAA,yBACd;AAAA,wBAEC,QAAA,EAAA,IAAA,CAAK,MAAA,CAAO,IAAA,CAAK,MAAA,CAAO,CAAC;AAAA;AAAA,qBAC5B;AAAA,oCAGF,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,KAAA,EAAO;AAAA,0BACL,QAAA,EAAU,UAAA;AAAA,0BACV,KAAA,EAAO,CAAA;AAAA,0BACP,YAAA,EAAc,KAAA;AAAA,0BACd,SAAA,EAAW,CAAA,gBAAA,EAAmB,KAAA,CAAM,gBAAgB,CAAA,CAAA;AAAA,0BACpD,aAAA,EAAe;AAAA;AACjB;AAAA;AACF;AAAA;AAAA,eACF;AAAA,8BAGA,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO;AAAA,oBACL,IAAA,EAAM,CAAA;AAAA,oBACN,QAAA,EAAU,CAAA;AAAA,oBACV,OAAA,EAAS,MAAA;AAAA,oBACT,aAAA,EAAe,QAAA;AAAA,oBACf,cAAA,EAAgB,QAAA;AAAA,oBAChB,GAAA,EAAK;AAAA,mBACP;AAAA,kBAEA,QAAA,EAAA;AAAA,oCAAA,IAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,OAAA,EAAS,QAAQ,UAAA,EAAY,QAAA,EAAU,GAAA,EAAK,CAAA,EAAE,EAC1D,QAAA,EAAA;AAAA,sCAAA,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,KAAA,EAAO;AAAA,4BACL,UAAA,EAAY,GAAA;AAAA,4BACZ,QAAA,EAAU,EAAA;AAAA,4BACV,OAAO,KAAA,CAAM,WAAA;AAAA,4BACb,QAAA,EAAU,QAAA;AAAA,4BACV,YAAA,EAAc,UAAA;AAAA,4BACd,UAAA,EAAY;AAAA,2BACd;AAAA,0BAEC,eAAK,MAAA,CAAO;AAAA;AAAA,uBACf;AAAA,sBACC,KAAK,MAAA,CAAO,QAAA,wBAAa,aAAA,EAAA,EAAc,KAAA,EAAO,MAAM,MAAA,EAAQ;AAAA,qBAAA,EAC/D,CAAA;AAAA,oCACA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,KAAA,EAAO;AAAA,0BACL,QAAA,EAAU,EAAA;AAAA,0BACV,OAAO,KAAA,CAAM;AAAA,yBACf;AAAA,wBAEC,eAAK,MAAA,CAAO;AAAA;AAAA;AACf;AAAA;AAAA;AACF;AAAA;AAAA,SACF;AAAA,wBAGA,GAAA,CAAC,SAAI,KAAA,EAAO,EAAE,cAAc,SAAA,GAAY,EAAA,GAAK,GAAE,EAC7C,QAAA,kBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ,CAAA;AAAA,cACR,QAAA,EAAU,EAAA;AAAA,cACV,UAAA,EAAY,GAAA;AAAA,cACZ,OAAO,KAAA,CAAM,WAAA;AAAA,cACb,UAAA,EAAY,UAAA;AAAA,cACZ,SAAA,EAAW;AAAA,aACb;AAAA,YAEC,eAAK,OAAA,CAAQ;AAAA;AAAA,SAChB,EACF,CAAA;AAAA,QAGC,SAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,UAAA,EAAY,GAAA,EAAK,WAAA,EAAa,GAAA,EAAK,WAAA,EAAa,EAAA,EAAI,YAAA,EAAc,IAAG,EACjF,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,OAAA,EAAS,MAAA;AAAA,cACT,GAAA,EAAK,CAAA;AAAA,cACL,qBAAqB,IAAA,CAAK,OAAA,CAAQ,MAAA,CAAO,MAAA,KAAW,IAAI,KAAA,GAAQ;AAAA,aAClE;AAAA,YAEC,eAAK,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,CAAC,OAAO,KAAA,KAAU;AACzC,cAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,OAAA,CAAQ,MAAA,CAAO,MAAA;AAClC,cAAA,MAAM,YAAA,GAAe,KAAA,KAAU,CAAA,IAAK,KAAA,KAAU,CAAA;AAE9C,cAAA,uBACE,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBAEC,KAAA,EAAO;AAAA,oBACL,QAAA,EAAU,UAAA;AAAA,oBACV,KAAA,EAAO,MAAA;AAAA,oBACP,QAAA,EAAU,QAAA;AAAA,oBACV,YAAA,EAAc,YAAA;AAAA,oBACd,WAAA,EAAa,KAAA,KAAU,CAAA,GAAI,MAAA,GAAS,eAAe,MAAA,GAAS,GAAA;AAAA,oBAC5D,UAAA,EAAY,eAAe,QAAA,GAAW;AAAA,mBACxC;AAAA,kBAEA,QAAA,EAAA;AAAA,oCAAA,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,GAAA,EAAK,KAAA;AAAA,wBACL,GAAA,EAAK,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,CAAA;AAAA,wBAC5B,KAAA,EAAO;AAAA,0BACL,QAAA,EAAU,UAAA;AAAA,0BACV,KAAA,EAAO,CAAA;AAAA,0BACP,KAAA,EAAO,MAAA;AAAA,0BACP,MAAA,EAAQ,MAAA;AAAA,0BACR,SAAA,EAAW,OAAA;AAAA,0BACX,cAAA,EAAgB;AAAA,yBAClB;AAAA,wBACA,WAAA,EAAY,WAAA;AAAA,wBACZ,cAAA,EAAe;AAAA;AAAA,qBACjB;AAAA,oCAEA,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,KAAA,EAAO;AAAA,0BACL,QAAA,EAAU,UAAA;AAAA,0BACV,KAAA,EAAO,CAAA;AAAA,0BACP,YAAA,EAAc,YAAA;AAAA,0BACd,SAAA,EAAW,CAAA,gBAAA,EAAmB,KAAA,CAAM,gBAAgB,CAAA,CAAA;AAAA,0BACpD,aAAA,EAAe;AAAA;AACjB;AAAA;AACF;AAAA,iBAAA;AAAA,gBAjCK;AAAA,eAkCP;AAAA,YAEJ,CAAC;AAAA;AAAA,SACH,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ;AC9QA,IAAM,eAAA,GAAkB,gDAAA;AAGxB,SAAS,KAAA,CAAM,KAAA,EAAe,GAAA,EAAa,GAAA,EAAqB;AAC9D,EAAA,OAAO,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,CAAC,CAAA;AAC3C;AAGA,SAAS,YAAA,CAAa;AAAA,EACpB,KAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,uBACEA,IAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA;AAAA,QACA,OAAA,EAAS,EAAA;AAAA,QACT,YAAA,EAAc,MAAA;AAAA,QACd,eAAA,EAAiB,SAAA;AAAA,QACjB,MAAA,EAAQ,mBAAA;AAAA,QACR,KAAA,EAAO,SAAA;AAAA,QACP,QAAA,EAAU,EAAA;AAAA,QACV,SAAA,EAAW,QAAA;AAAA,QACX,UAAA,EACE;AAAA,OACJ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,OAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,UAAA,EAAY,GAAA,EAAI,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,wBAC7DA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,OAAA,EAAS,GAAA,EAAK,QAAA,EAAU,EAAA,EAAG,EAAI,gBAAM,OAAA,EAAQ;AAAA;AAAA;AAAA,GAC9E;AAEJ;AAsBO,SAAS,KAAA,CAAM;AAAA,EACpB,GAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR,MAAA,GAAS,UAAA;AAAA,EACT,KAAA,GAAQ,GAAA;AAAA,EACR,MAAA,GAAS,EAAA;AAAA,EACT,MAAA,GAAS,eAAA;AAAA,EACT,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAAe;AACb,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA0B,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAuB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAG3C,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,KAAA,EAAO,GAAA,EAAK,GAAG,CAAA;AAC1C,EAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,MAAA,EAAQ,CAAA,EAAG,EAAE,CAAA;AAGzC,EAAA,MAAM,WAAA,GAAc,eAAe,KAAc,CAAA;AAEjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,GAAY,KAAA;AAEhB,IAAA,eAAe,SAAA,GAAY;AACzB,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAA,IAAI;AACF,QAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,MAAA,EAAQ;AAAA,UACnC,MAAA,EAAQ,MAAA;AAAA,UACR,OAAA,EAAS;AAAA,YACP,cAAA,EAAgB;AAAA,WAClB;AAAA,UACA,IAAA,EAAM,IAAA,CAAK,SAAA,CAAU,EAAE,KAAK;AAAA,SAC7B,CAAA;AAED,QAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,UAAA,MAAM,SAAA,GAAY,MAAM,QAAA,CAAS,IAAA,GAAO,KAAA,CAAM,OAAO,EAAC,CAAE,CAAA;AACxD,UAAA,MAAM,IAAI,KAAA,CAAM,SAAA,CAAU,SAAS,CAAA,sBAAA,EAAyB,QAAA,CAAS,MAAM,CAAA,CAAA,CAAG,CAAA;AAAA,QAChF;AAEA,QAAA,MAAM,IAAA,GAAO,MAAM,QAAA,CAAS,IAAA,EAAK;AAEjC,QAAA,IAAI,SAAA,EAAW;AAEf,QAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,QAAA,MAAA,GAAS,IAAI,CAAA;AAAA,MACf,SAAS,GAAA,EAAK;AACZ,QAAA,IAAI,SAAA,EAAW;AAEf,QAAA,MAAMC,SAAQ,GAAA,YAAe,KAAA,GAAQ,GAAA,GAAM,IAAI,MAAM,wBAAwB,CAAA;AAC7E,QAAA,QAAA,CAASA,MAAK,CAAA;AACd,QAAA,OAAA,GAAUA,MAAK,CAAA;AAAA,MACjB,CAAA,SAAE;AACA,QAAA,IAAI,CAAC,SAAA,EAAW;AACd,UAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAEA,IAAA,SAAA,EAAU;AAEV,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,GAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,OAAA,EAAS,MAAM,CAAC,CAAA;AAGjC,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACED,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EACF,QAAA,EAAA,QAAA,oBAAYA,GAAAA,CAAC,gBAAA,EAAA,EAAiB,KAAA,EAAO,YAAA,EAAc,MAAA,EAAQ,aAAA,EAAe,CAAA,EAC7E,CAAA;AAAA,EAEJ;AAGA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EACH,QAAA,kBAAAA,GAAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAc,KAAA,EAAO,YAAA,EAAc,MAAA,EAAQ,aAAA,EAAe,CAAA,EAC1E,CAAA;AAAA,EAEJ;AAGA,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EACH,QAAA,kBAAAA,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,KAAA,EAAO,WAAA;AAAA,QACP,MAAA;AAAA,QACA,KAAA,EAAO,YAAA;AAAA,QACP,MAAA,EAAQ;AAAA;AAAA,KACV,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT","file":"index.js","sourcesContent":["import type { Theme, ThemeStyles, ShadowIntensity } from './types'\n\n/** Theme color configurations */\nexport const themeConfig: Record<Theme, ThemeStyles> = {\n  light: {\n    bg: '#FFFFFF',\n    textPrimary: '#000000',\n    textSecondary: '#666666',\n    border: '#E6E6E6',\n    accent: '#1D9BF0',\n    imageInnerStroke: 'rgba(0, 0, 0, 0.08)',\n    shadowShallow: '0 1px 3px rgba(0, 0, 0, 0.06)',\n    shadowMedium: '0 2px 8px rgba(0, 0, 0, 0.08)',\n    shadowDeep: '0 4px 16px rgba(0, 0, 0, 0.12)',\n  },\n  dim: {\n    bg: '#15202B',\n    textPrimary: '#F2F2F2',\n    textSecondary: '#8899A6',\n    border: '#38444D',\n    accent: '#1D9BF0',\n    imageInnerStroke: 'rgba(255, 255, 255, 0.08)',\n    shadowShallow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n    shadowMedium: '0 2px 8px rgba(0, 0, 0, 0.25)',\n    shadowDeep: '0 4px 16px rgba(0, 0, 0, 0.3)',\n  },\n  dark: {\n    bg: '#000000',\n    textPrimary: '#FFFFFF',\n    textSecondary: '#71767B',\n    border: '#2F3336',\n    accent: '#1D9BF0',\n    imageInnerStroke: 'rgba(255, 255, 255, 0.08)',\n    shadowShallow: '0 1px 3px rgba(0, 0, 0, 0.3)',\n    shadowMedium: '0 2px 8px rgba(0, 0, 0, 0.35)',\n    shadowDeep: '0 4px 16px rgba(0, 0, 0, 0.4)',\n  },\n}\n\n/** Get theme styles for a given theme */\nexport function getThemeStyles(theme: Theme): ThemeStyles {\n  return themeConfig[theme]\n}\n\n/** Get the appropriate shadow value for an intensity level */\nexport function getShadowForIntensity(\n  theme: ThemeStyles,\n  intensity: ShadowIntensity\n): string {\n  switch (intensity) {\n    case 'flat':\n      return 'none'\n    case 'raised':\n      return theme.shadowShallow\n    case 'floating':\n      return theme.shadowMedium\n    case 'elevated':\n      return theme.shadowDeep\n    default:\n      return theme.shadowMedium\n  }\n}\n","import * as React from 'react'\nimport type { PostData, ShadowIntensity, ThemeStyles } from './types'\nimport { getShadowForIntensity } from './themes'\n\ninterface PostCardProps {\n  post: PostData\n  theme: ThemeStyles\n  shadow: ShadowIntensity\n  width: number\n  radius: number\n}\n\n/** Verified badge SVG icon */\nfunction VerifiedBadge({ color }: { color: string }) {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 24 24\"\n      fill={color}\n      aria-hidden=\"true\"\n      style={{ flexShrink: 0 }}\n    >\n      <path d=\"M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.33 2.19c-1.4-.46-2.91-.2-3.92.81s-1.26 2.52-.8 3.91c-1.31.67-2.2 1.91-2.2 3.34s.89 2.67 2.2 3.34c-.46 1.39-.21 2.9.8 3.91s2.52 1.26 3.91.81c.67 1.31 1.91 2.19 3.34 2.19s2.68-.88 3.34-2.19c1.39.45 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z\" />\n    </svg>\n  )\n}\n\n/** Default loading skeleton */\nexport function PostCardSkeleton({ width, radius }: { width: number; radius: number }) {\n  return (\n    <div\n      style={{\n        width,\n        padding: 24,\n        borderRadius: radius,\n        backgroundColor: '#f3f4f6',\n        animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n      }}\n    >\n      <div style={{ display: 'flex', alignItems: 'center', gap: 12, marginBottom: 16 }}>\n        <div\n          style={{\n            width: 48,\n            height: 48,\n            borderRadius: '50%',\n            backgroundColor: '#e5e7eb',\n          }}\n        />\n        <div style={{ flex: 1 }}>\n          <div\n            style={{\n              width: '60%',\n              height: 16,\n              borderRadius: 4,\n              backgroundColor: '#e5e7eb',\n              marginBottom: 8,\n            }}\n          />\n          <div\n            style={{\n              width: '40%',\n              height: 14,\n              borderRadius: 4,\n              backgroundColor: '#e5e7eb',\n            }}\n          />\n        </div>\n      </div>\n      <div\n        style={{\n          width: '100%',\n          height: 60,\n          borderRadius: 4,\n          backgroundColor: '#e5e7eb',\n        }}\n      />\n    </div>\n  )\n}\n\n/** The styled post card component */\nexport function PostCard({ post, theme, shadow, width, radius }: PostCardProps) {\n  const hasImages = post.content.images.length > 0\n\n  // Nested radii for images (concentric with card corners)\n  const CARD_PADDING = 24\n  const nestedRadius = hasImages ? Math.max(0, radius - CARD_PADDING) : 16\n\n  const boxShadow = getShadowForIntensity(theme, shadow)\n\n  return (\n    <div\n      style={{\n        width,\n        padding: CARD_PADDING,\n        backgroundColor: theme.bg,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: theme.border,\n        borderRadius: radius,\n        boxShadow,\n        boxSizing: 'border-box',\n        fontFamily:\n          '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n      }}\n    >\n      {/* Author Section */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 12,\n          marginBottom: 16,\n        }}\n      >\n        {/* Avatar */}\n        <div\n          style={{\n            position: 'relative',\n            width: 48,\n            height: 48,\n            borderRadius: '50%',\n            overflow: 'hidden',\n            flexShrink: 0,\n          }}\n        >\n          {post.author.avatar ? (\n            <img\n              src={post.author.avatar}\n              alt={post.author.name}\n              style={{\n                width: '100%',\n                height: '100%',\n                objectFit: 'cover',\n              }}\n              crossOrigin=\"anonymous\"\n              referrerPolicy=\"no-referrer\"\n            />\n          ) : (\n            <div\n              style={{\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: theme.border,\n                color: theme.textSecondary,\n                fontSize: 20,\n                fontWeight: 700,\n              }}\n            >\n              {post.author.name.charAt(0)}\n            </div>\n          )}\n          {/* Inner stroke overlay */}\n          <div\n            style={{\n              position: 'absolute',\n              inset: 0,\n              borderRadius: '50%',\n              boxShadow: `inset 0 0 0 1px ${theme.imageInnerStroke}`,\n              pointerEvents: 'none',\n            }}\n          />\n        </div>\n\n        {/* Name and handle */}\n        <div\n          style={{\n            flex: 1,\n            minWidth: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'center',\n            gap: 2,\n          }}\n        >\n          <div style={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n            <span\n              style={{\n                fontWeight: 700,\n                fontSize: 16,\n                color: theme.textPrimary,\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                whiteSpace: 'nowrap',\n              }}\n            >\n              {post.author.name}\n            </span>\n            {post.author.verified && <VerifiedBadge color={theme.accent} />}\n          </div>\n          <span\n            style={{\n              fontSize: 14,\n              color: theme.textSecondary,\n            }}\n          >\n            {post.author.handle}\n          </span>\n        </div>\n      </div>\n\n      {/* Content */}\n      <div style={{ marginBottom: hasImages ? 16 : 0 }}>\n        <p\n          style={{\n            margin: 0,\n            fontSize: 16,\n            lineHeight: 1.5,\n            color: theme.textPrimary,\n            whiteSpace: 'pre-wrap',\n            wordBreak: 'break-word',\n          }}\n        >\n          {post.content.text}\n        </p>\n      </div>\n\n      {/* Images */}\n      {hasImages && (\n        <div style={{ marginLeft: -24, marginRight: -24, paddingLeft: 24, paddingRight: 24 }}>\n          <div\n            style={{\n              display: 'grid',\n              gap: 8,\n              gridTemplateColumns: post.content.images.length === 1 ? '1fr' : '1fr 1fr',\n            }}\n          >\n            {post.content.images.map((image, index) => {\n              const count = post.content.images.length\n              const isThirdImage = count === 3 && index === 2\n\n              return (\n                <div\n                  key={index}\n                  style={{\n                    position: 'relative',\n                    width: '100%',\n                    overflow: 'hidden',\n                    borderRadius: nestedRadius,\n                    aspectRatio: count === 1 ? '16/9' : isThirdImage ? '16/9' : '1',\n                    gridColumn: isThirdImage ? 'span 2' : undefined,\n                  }}\n                >\n                  <img\n                    src={image}\n                    alt={`Post image ${index + 1}`}\n                    style={{\n                      position: 'absolute',\n                      inset: 0,\n                      width: '100%',\n                      height: '100%',\n                      objectFit: 'cover',\n                      objectPosition: 'center',\n                    }}\n                    crossOrigin=\"anonymous\"\n                    referrerPolicy=\"no-referrer\"\n                  />\n                  {/* Inner stroke overlay */}\n                  <div\n                    style={{\n                      position: 'absolute',\n                      inset: 0,\n                      borderRadius: nestedRadius,\n                      boxShadow: `inset 0 0 0 1px ${theme.imageInnerStroke}`,\n                      pointerEvents: 'none',\n                    }}\n                  />\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n","'use client'\n\nimport * as React from 'react'\nimport { useState, useEffect } from 'react'\nimport type { XCardProps, PostData, Theme, ShadowIntensity } from './types'\nimport { getThemeStyles } from './themes'\nimport { PostCard, PostCardSkeleton } from './PostCard'\n\n/** Default API endpoint for fetching post data */\nconst DEFAULT_API_URL = 'https://x-post-card.vercel.app/api/scrape-post'\n\n/** Clamp a value between min and max */\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value))\n}\n\n/** Default error display */\nfunction ErrorDisplay({\n  error,\n  width,\n  radius,\n}: {\n  error: Error\n  width: number\n  radius: number\n}) {\n  return (\n    <div\n      style={{\n        width,\n        padding: 24,\n        borderRadius: radius,\n        backgroundColor: '#fef2f2',\n        border: '1px solid #fecaca',\n        color: '#dc2626',\n        fontSize: 14,\n        textAlign: 'center',\n        fontFamily:\n          '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif',\n      }}\n    >\n      <p style={{ margin: 0, fontWeight: 500 }}>Failed to load post</p>\n      <p style={{ margin: '8px 0 0', opacity: 0.8, fontSize: 13 }}>{error.message}</p>\n    </div>\n  )\n}\n\n/**\n * XCard - Embed beautifully styled X (Twitter) post cards in your React app.\n *\n * @example\n * ```tsx\n * import { XCard } from 'x-post-card'\n *\n * function MyComponent() {\n *   return (\n *     <XCard\n *       url=\"https://x.com/elonmusk/status/123456789\"\n *       theme=\"dark\"\n *       shadow=\"floating\"\n *       width={450}\n *       radius={20}\n *     />\n *   )\n * }\n * ```\n */\nexport function XCard({\n  url,\n  theme = 'light',\n  shadow = 'floating',\n  width = 450,\n  radius = 20,\n  apiUrl = DEFAULT_API_URL,\n  className,\n  fallback,\n  onError,\n  onLoad,\n}: XCardProps) {\n  const [post, setPost] = useState<PostData | null>(null)\n  const [error, setError] = useState<Error | null>(null)\n  const [loading, setLoading] = useState(true)\n\n  // Clamp values to valid ranges\n  const clampedWidth = clamp(width, 350, 700)\n  const clampedRadius = clamp(radius, 0, 24)\n\n  // Get theme styles\n  const themeStyles = getThemeStyles(theme as Theme)\n\n  useEffect(() => {\n    let cancelled = false\n\n    async function fetchPost() {\n      setLoading(true)\n      setError(null)\n\n      try {\n        const response = await fetch(apiUrl, {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          body: JSON.stringify({ url }),\n        })\n\n        if (!response.ok) {\n          const errorData = await response.json().catch(() => ({}))\n          throw new Error(errorData.error || `Failed to fetch post (${response.status})`)\n        }\n\n        const data = await response.json()\n\n        if (cancelled) return\n\n        setPost(data)\n        onLoad?.(data)\n      } catch (err) {\n        if (cancelled) return\n\n        const error = err instanceof Error ? err : new Error('Unknown error occurred')\n        setError(error)\n        onError?.(error)\n      } finally {\n        if (!cancelled) {\n          setLoading(false)\n        }\n      }\n    }\n\n    fetchPost()\n\n    return () => {\n      cancelled = true\n    }\n  }, [url, apiUrl, onError, onLoad])\n\n  // Loading state\n  if (loading) {\n    return (\n      <div className={className}>\n        {fallback || <PostCardSkeleton width={clampedWidth} radius={clampedRadius} />}\n      </div>\n    )\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className={className}>\n        <ErrorDisplay error={error} width={clampedWidth} radius={clampedRadius} />\n      </div>\n    )\n  }\n\n  // Success state\n  if (post) {\n    return (\n      <div className={className}>\n        <PostCard\n          post={post}\n          theme={themeStyles}\n          shadow={shadow as ShadowIntensity}\n          width={clampedWidth}\n          radius={clampedRadius}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"]}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "x-post-card",
+  "version": "0.1.0",
+  "description": "Embed beautifully styled X (Twitter) post cards in your React app",
+  "author": "John Cafazza",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/johncafazza/x-post-card-visualizer"
+  },
+  "keywords": [
+    "react",
+    "twitter",
+    "x",
+    "embed",
+    "card",
+    "social",
+    "component"
+  ],
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}