[{"data":1,"prerenderedAt":1105},["ShallowReactive",2],{"navigation_docs":3,"-frameworks-react":57,"-frameworks-react-surround":1100},[4,8,12,16,20,24,28],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","1.introduction",{"title":9,"path":10,"stem":11},"Installation","\u002Finstallation","2.installation",{"title":13,"path":14,"stem":15},"SDKs","\u002Fsdk","3.sdk",{"title":17,"path":18,"stem":19},"Dashboard","\u002Fdashboard","4.dashboard",{"title":21,"path":22,"stem":23},"HTTP API","\u002Fhttp-api","5.http-api",{"title":25,"path":26,"stem":27},"Image Transformations","\u002Ftransformations","6.transformations",{"title":29,"path":30,"stem":31,"children":32},"Framework Components","\u002Fframeworks","frameworks",[33,37,41,45,49,53],{"title":34,"path":35,"stem":36},"Dart","\u002Fframeworks\u002Fdart","frameworks\u002Fdart",{"title":38,"path":39,"stem":40},"Flutter","\u002Fframeworks\u002Fflutter","frameworks\u002Fflutter",{"title":42,"path":43,"stem":44},"Qwik","\u002Fframeworks\u002Fqwik","frameworks\u002Fqwik",{"title":46,"path":47,"stem":48},"React","\u002Fframeworks\u002Freact","frameworks\u002Freact",{"title":50,"path":51,"stem":52},"Svelte","\u002Fframeworks\u002Fsvelte","frameworks\u002Fsvelte",{"title":54,"path":55,"stem":56},"Vue","\u002Fframeworks\u002Fvue","frameworks\u002Fvue",{"id":58,"title":46,"body":59,"description":1094,"extension":1095,"links":1096,"meta":1097,"navigation":125,"path":47,"seo":1098,"stem":48,"__hash__":1099},"docs\u002Fframeworks\u002Freact.md",{"type":60,"value":61,"toc":1086},"minimark",[62,71,76,326,330,518,534,693,696,700,709,714,729,884,888,894,1082],[63,64,65,66,70],"p",{},"The ",[67,68,69],"code",{},"@pichaflow\u002Freact"," package provides a functional upload component.",[72,73,75],"h2",{"id":74},"usage","Usage",[77,78,83],"pre",{"className":79,"code":80,"language":81,"meta":82,"style":82},"language-jsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { PichaUpload } from '@pichaflow\u002Freact';\n\nexport default function MyPage() {\n  const handleSuccess = (res) => {\n    console.log('Upload complete:', res.id);\n  };\n\n  return (\n    \u003CPichaUpload\n      useSecure={true}\n      signatureUrl=\"\u002Fapi\u002Fmedia\u002Fv1\u002Fupload\u002Fsign\"\n      onSuccess={handleSuccess}\n      className=\"my-custom-dropzone\"\n    \u002F>\n  );\n}\n","jsx","",[67,84,85,120,127,150,177,215,221,226,235,245,261,279,292,307,313,321],{"__ignoreMap":82},[86,87,90,94,98,102,105,108,111,114,117],"span",{"class":88,"line":89},"line",1,[86,91,93],{"class":92},"s7zQu","import",[86,95,97],{"class":96},"sMK4o"," {",[86,99,101],{"class":100},"sTEyZ"," PichaUpload",[86,103,104],{"class":96}," }",[86,106,107],{"class":92}," from",[86,109,110],{"class":96}," '",[86,112,69],{"class":113},"sfazB",[86,115,116],{"class":96},"'",[86,118,119],{"class":96},";\n",[86,121,123],{"class":88,"line":122},2,[86,124,126],{"emptyLinePlaceholder":125},true,"\n",[86,128,130,133,136,140,144,147],{"class":88,"line":129},3,[86,131,132],{"class":92},"export",[86,134,135],{"class":92}," default",[86,137,139],{"class":138},"spNyl"," function",[86,141,143],{"class":142},"s2Zo4"," MyPage",[86,145,146],{"class":96},"()",[86,148,149],{"class":96}," {\n",[86,151,153,156,159,162,165,169,172,175],{"class":88,"line":152},4,[86,154,155],{"class":138},"  const",[86,157,158],{"class":100}," handleSuccess",[86,160,161],{"class":96}," =",[86,163,164],{"class":96}," (",[86,166,168],{"class":167},"sHdIc","res",[86,170,171],{"class":96},")",[86,173,174],{"class":138}," =>",[86,176,149],{"class":96},[86,178,180,183,186,189,193,195,198,200,203,206,208,211,213],{"class":88,"line":179},5,[86,181,182],{"class":100},"    console",[86,184,185],{"class":96},".",[86,187,188],{"class":142},"log",[86,190,192],{"class":191},"swJcz","(",[86,194,116],{"class":96},[86,196,197],{"class":113},"Upload complete:",[86,199,116],{"class":96},[86,201,202],{"class":96},",",[86,204,205],{"class":100}," res",[86,207,185],{"class":96},[86,209,210],{"class":100},"id",[86,212,171],{"class":191},[86,214,119],{"class":96},[86,216,218],{"class":88,"line":217},6,[86,219,220],{"class":96},"  };\n",[86,222,224],{"class":88,"line":223},7,[86,225,126],{"emptyLinePlaceholder":125},[86,227,229,232],{"class":88,"line":228},8,[86,230,231],{"class":92},"  return",[86,233,234],{"class":191}," (\n",[86,236,238,241],{"class":88,"line":237},9,[86,239,240],{"class":96},"    \u003C",[86,242,244],{"class":243},"sBMFI","PichaUpload\n",[86,246,248,251,254,258],{"class":88,"line":247},10,[86,249,250],{"class":138},"      useSecure",[86,252,253],{"class":96},"={",[86,255,257],{"class":256},"sfNiH","true",[86,259,260],{"class":96},"}\n",[86,262,264,267,270,273,276],{"class":88,"line":263},11,[86,265,266],{"class":138},"      signatureUrl",[86,268,269],{"class":96},"=",[86,271,272],{"class":96},"\"",[86,274,275],{"class":113},"\u002Fapi\u002Fmedia\u002Fv1\u002Fupload\u002Fsign",[86,277,278],{"class":96},"\"\n",[86,280,282,285,287,290],{"class":88,"line":281},12,[86,283,284],{"class":138},"      onSuccess",[86,286,253],{"class":96},[86,288,289],{"class":100},"handleSuccess",[86,291,260],{"class":96},[86,293,295,298,300,302,305],{"class":88,"line":294},13,[86,296,297],{"class":138},"      className",[86,299,269],{"class":96},[86,301,272],{"class":96},[86,303,304],{"class":113},"my-custom-dropzone",[86,306,278],{"class":96},[86,308,310],{"class":88,"line":309},14,[86,311,312],{"class":96},"    \u002F>\n",[86,314,316,319],{"class":88,"line":315},15,[86,317,318],{"class":191},"  )",[86,320,119],{"class":96},[86,322,324],{"class":88,"line":323},16,[86,325,260],{"class":96},[72,327,329],{"id":328},"props","Props",[331,332,333,352],"table",{},[334,335,336],"thead",{},[337,338,339,343,346,349],"tr",{},[340,341,342],"th",{},"Prop",[340,344,345],{},"Type",[340,347,348],{},"Default",[340,350,351],{},"Description",[353,354,355,391,411,452,469,486,502],"tbody",{},[337,356,357,363,368,373],{},[358,359,360],"td",{},[67,361,362],{},"apiKey",[358,364,365],{},[67,366,367],{},"string",[358,369,370],{},[67,371,372],{},"undefined",[358,374,375,376,379,380,383,384,387,388,390],{},"Optional if using ",[67,377,378],{},"signatureUrl"," or ",[67,381,382],{},"customUploadEndpoint",". Your PichaFlow Secret Key (",[67,385,386],{},"sk_live_...","). Note: Exposing your secret key on the frontend is insecure; use ",[67,389,378],{}," instead.",[337,392,393,398,403,408],{},[358,394,395],{},[67,396,397],{},"useSecure",[358,399,400],{},[67,401,402],{},"boolean",[358,404,405],{},[67,406,407],{},"false",[358,409,410],{},"Enable the HMAC-SHA256 handshake flow for secure browser uploads.",[337,412,413,417,421,426],{},[358,414,415],{},[67,416,378],{},[358,418,419],{},[67,420,367],{},[358,422,423],{},[67,424,425],{},"-",[358,427,428,429,431,432,435,436,435,439,435,442,435,445,448,449,185],{},"Your backend endpoint for signing the upload request (Required if ",[67,430,397],{}," is true). Must return a JSON object with ",[67,433,434],{},"signature",", ",[67,437,438],{},"timestamp",[67,440,441],{},"tenantId",[67,443,444],{},"directory",[67,446,447],{},"maxSize",", and ",[67,450,451],{},"allowedTypes",[337,453,454,458,462,466],{},[358,455,456],{},[67,457,382],{},[358,459,460],{},[67,461,367],{},[358,463,464],{},[67,465,372],{},[358,467,468],{},"A complete URL to a proxy endpoint for upload bypassing PichaFlow Edge Engine completely.",[337,470,471,476,481,483],{},[358,472,473],{},[67,474,475],{},"onSuccess",[358,477,478],{},[67,479,480],{},"function",[358,482,425],{},[358,484,485],{},"Callback for successful uploads.",[337,487,488,493,497,499],{},[358,489,490],{},[67,491,492],{},"onError",[358,494,495],{},[67,496,480],{},[358,498,425],{},[358,500,501],{},"Callback for failed uploads.",[337,503,504,509,513,515],{},[358,505,506],{},[67,507,508],{},"onProgress",[358,510,511],{},[67,512,480],{},[358,514,425],{},[358,516,517],{},"Callback for progress updates.",[519,520,521],"blockquote",{},[63,522,523,526,530,531,533],{},[86,524,525],{},"!CAUTION",[527,528,529],"strong",{},"Authentication Check Required",": You must secure your backend ",[67,532,378],{}," endpoint with appropriate session or token authentication middleware. If this route is left public and unauthenticated, any user or bot can request valid signatures to upload files directly to your account, risking billing spikes or bucket abuse.",[519,535,536,552,684],{},[63,537,538,541,544,545,547,548,551],{},[86,539,540],{},"!NOTE",[527,542,543],{},"Signature Response Contract",": Your ",[67,546,378],{}," endpoint must return a JSON body with the following fields. The component uses all of them to construct the five ",[67,549,550],{},"X-Picha-*"," headers sent to the Edge Engine:",[77,553,557],{"className":554,"code":555,"language":556,"meta":82,"style":82},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"signature\":    \"\u003Chmac-sha256-hex>\",\n  \"timestamp\":    1234567890000,\n  \"tenantId\":     \"pf_prj_...\",\n  \"directory\":    \"products\u002Fsummer\u002F\",\n  \"maxSize\":      \"5242880\",\n  \"allowedTypes\": \"image\u002Fwebp,image\u002Fjpeg\"\n}\n","json",[67,558,559,564,587,603,623,642,662,680],{"__ignoreMap":82},[86,560,561],{"class":88,"line":89},[86,562,563],{"class":96},"{\n",[86,565,566,569,571,573,576,579,582,584],{"class":88,"line":122},[86,567,568],{"class":96},"  \"",[86,570,434],{"class":138},[86,572,272],{"class":96},[86,574,575],{"class":96},":",[86,577,578],{"class":96},"    \"",[86,580,581],{"class":113},"\u003Chmac-sha256-hex>",[86,583,272],{"class":96},[86,585,586],{"class":96},",\n",[86,588,589,591,593,595,597,601],{"class":88,"line":129},[86,590,568],{"class":96},[86,592,438],{"class":138},[86,594,272],{"class":96},[86,596,575],{"class":96},[86,598,600],{"class":599},"sbssI","    1234567890000",[86,602,586],{"class":96},[86,604,605,607,609,611,613,616,619,621],{"class":88,"line":152},[86,606,568],{"class":96},[86,608,441],{"class":138},[86,610,272],{"class":96},[86,612,575],{"class":96},[86,614,615],{"class":96},"     \"",[86,617,618],{"class":113},"pf_prj_...",[86,620,272],{"class":96},[86,622,586],{"class":96},[86,624,625,627,629,631,633,635,638,640],{"class":88,"line":179},[86,626,568],{"class":96},[86,628,444],{"class":138},[86,630,272],{"class":96},[86,632,575],{"class":96},[86,634,578],{"class":96},[86,636,637],{"class":113},"products\u002Fsummer\u002F",[86,639,272],{"class":96},[86,641,586],{"class":96},[86,643,644,646,648,650,652,655,658,660],{"class":88,"line":217},[86,645,568],{"class":96},[86,647,447],{"class":138},[86,649,272],{"class":96},[86,651,575],{"class":96},[86,653,654],{"class":96},"      \"",[86,656,657],{"class":113},"5242880",[86,659,272],{"class":96},[86,661,586],{"class":96},[86,663,664,666,668,670,672,675,678],{"class":88,"line":223},[86,665,568],{"class":96},[86,667,451],{"class":138},[86,669,272],{"class":96},[86,671,575],{"class":96},[86,673,674],{"class":96}," \"",[86,676,677],{"class":113},"image\u002Fwebp,image\u002Fjpeg",[86,679,278],{"class":96},[86,681,682],{"class":88,"line":228},[86,683,260],{"class":96},[63,685,686,687,692],{},"See ",[688,689,691],"a",{"href":690},"\u002Fhttp-api#_10-client-side-upload-signatures","HTTP API → Client-Side Upload Signatures"," for the full HMAC construction guide.",[694,695],"hr",{},[72,697,699],{"id":698},"nextjs-image-integration","Next.js Image Integration",[63,701,65,702,704,705,708],{},[67,703,69],{}," package exports a custom loader function compatible with Next.js's built-in ",[67,706,707],{},"next\u002Fimage"," component. This allows you to route Next.js image optimization tasks directly through the PichaFlow CDN edge.",[710,711,713],"h3",{"id":712},"per-image-loader","Per-Image Loader",[63,715,716,717,720,721,724,725,728],{},"Pass the ",[67,718,719],{},"pichaflowLoader"," helper to the ",[67,722,723],{},"\u003CImage>"," component's ",[67,726,727],{},"loader"," prop:",[77,730,734],{"className":731,"code":732,"language":733,"meta":82,"style":82},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import Image from 'next\u002Fimage';\nimport { pichaflowLoader } from '@pichaflow\u002Freact';\n\nexport default function Profile() {\n  return (\n    \u003CImage\n      loader={pichaflowLoader}\n      src=\"\u002Fuser\u002Favatar.png\"\n      width={400}\n      height={300}\n      alt=\"User Profile\"\n    \u002F>\n  );\n}\n","tsx",[67,735,736,754,775,779,794,800,807,818,832,844,856,870,874,880],{"__ignoreMap":82},[86,737,738,740,743,746,748,750,752],{"class":88,"line":89},[86,739,93],{"class":92},[86,741,742],{"class":100}," Image ",[86,744,745],{"class":92},"from",[86,747,110],{"class":96},[86,749,707],{"class":113},[86,751,116],{"class":96},[86,753,119],{"class":96},[86,755,756,758,760,763,765,767,769,771,773],{"class":88,"line":122},[86,757,93],{"class":92},[86,759,97],{"class":96},[86,761,762],{"class":100}," pichaflowLoader",[86,764,104],{"class":96},[86,766,107],{"class":92},[86,768,110],{"class":96},[86,770,69],{"class":113},[86,772,116],{"class":96},[86,774,119],{"class":96},[86,776,777],{"class":88,"line":129},[86,778,126],{"emptyLinePlaceholder":125},[86,780,781,783,785,787,790,792],{"class":88,"line":152},[86,782,132],{"class":92},[86,784,135],{"class":92},[86,786,139],{"class":138},[86,788,789],{"class":142}," Profile",[86,791,146],{"class":96},[86,793,149],{"class":96},[86,795,796,798],{"class":88,"line":179},[86,797,231],{"class":92},[86,799,234],{"class":191},[86,801,802,804],{"class":88,"line":217},[86,803,240],{"class":96},[86,805,806],{"class":243},"Image\n",[86,808,809,812,814,816],{"class":88,"line":223},[86,810,811],{"class":138},"      loader",[86,813,253],{"class":96},[86,815,719],{"class":100},[86,817,260],{"class":96},[86,819,820,823,825,827,830],{"class":88,"line":228},[86,821,822],{"class":138},"      src",[86,824,269],{"class":96},[86,826,272],{"class":96},[86,828,829],{"class":113},"\u002Fuser\u002Favatar.png",[86,831,278],{"class":96},[86,833,834,837,839,842],{"class":88,"line":237},[86,835,836],{"class":138},"      width",[86,838,253],{"class":96},[86,840,841],{"class":599},"400",[86,843,260],{"class":96},[86,845,846,849,851,854],{"class":88,"line":247},[86,847,848],{"class":138},"      height",[86,850,253],{"class":96},[86,852,853],{"class":599},"300",[86,855,260],{"class":96},[86,857,858,861,863,865,868],{"class":88,"line":263},[86,859,860],{"class":138},"      alt",[86,862,269],{"class":96},[86,864,272],{"class":96},[86,866,867],{"class":113},"User Profile",[86,869,278],{"class":96},[86,871,872],{"class":88,"line":281},[86,873,312],{"class":96},[86,875,876,878],{"class":88,"line":294},[86,877,318],{"class":191},[86,879,119],{"class":96},[86,881,882],{"class":88,"line":309},[86,883,260],{"class":96},[710,885,887],{"id":886},"custom-base-url-loader","Custom Base URL Loader",[63,889,890,891,575],{},"If you route your CDN traffic through a custom domain or reverse proxy, configure a custom loader using ",[67,892,893],{},"createPichaflowLoader",[77,895,897],{"className":731,"code":896,"language":733,"meta":82,"style":82},"import Image from 'next\u002Fimage';\nimport { createPichaflowLoader } from '@pichaflow\u002Freact';\n\nconst myCustomLoader = createPichaflowLoader({\n  baseURL: 'https:\u002F\u002Fimages.mycompany.com'\n});\n\nexport default function CustomProfile() {\n  return (\n    \u003CImage\n      loader={myCustomLoader}\n      src=\"\u002Fuser\u002Favatar.png\"\n      width={400}\n      height={300}\n      alt=\"User Profile\"\n    \u002F>\n  );\n}\n",[67,898,899,915,936,940,956,971,980,984,999,1005,1011,1022,1034,1044,1054,1066,1070,1077],{"__ignoreMap":82},[86,900,901,903,905,907,909,911,913],{"class":88,"line":89},[86,902,93],{"class":92},[86,904,742],{"class":100},[86,906,745],{"class":92},[86,908,110],{"class":96},[86,910,707],{"class":113},[86,912,116],{"class":96},[86,914,119],{"class":96},[86,916,917,919,921,924,926,928,930,932,934],{"class":88,"line":122},[86,918,93],{"class":92},[86,920,97],{"class":96},[86,922,923],{"class":100}," createPichaflowLoader",[86,925,104],{"class":96},[86,927,107],{"class":92},[86,929,110],{"class":96},[86,931,69],{"class":113},[86,933,116],{"class":96},[86,935,119],{"class":96},[86,937,938],{"class":88,"line":129},[86,939,126],{"emptyLinePlaceholder":125},[86,941,942,945,948,950,952,954],{"class":88,"line":152},[86,943,944],{"class":138},"const",[86,946,947],{"class":100}," myCustomLoader ",[86,949,269],{"class":96},[86,951,923],{"class":142},[86,953,192],{"class":100},[86,955,563],{"class":96},[86,957,958,961,963,965,968],{"class":88,"line":179},[86,959,960],{"class":191},"  baseURL",[86,962,575],{"class":96},[86,964,110],{"class":96},[86,966,967],{"class":113},"https:\u002F\u002Fimages.mycompany.com",[86,969,970],{"class":96},"'\n",[86,972,973,976,978],{"class":88,"line":217},[86,974,975],{"class":96},"}",[86,977,171],{"class":100},[86,979,119],{"class":96},[86,981,982],{"class":88,"line":223},[86,983,126],{"emptyLinePlaceholder":125},[86,985,986,988,990,992,995,997],{"class":88,"line":228},[86,987,132],{"class":92},[86,989,135],{"class":92},[86,991,139],{"class":138},[86,993,994],{"class":142}," CustomProfile",[86,996,146],{"class":96},[86,998,149],{"class":96},[86,1000,1001,1003],{"class":88,"line":237},[86,1002,231],{"class":92},[86,1004,234],{"class":191},[86,1006,1007,1009],{"class":88,"line":247},[86,1008,240],{"class":96},[86,1010,806],{"class":243},[86,1012,1013,1015,1017,1020],{"class":88,"line":263},[86,1014,811],{"class":138},[86,1016,253],{"class":96},[86,1018,1019],{"class":100},"myCustomLoader",[86,1021,260],{"class":96},[86,1023,1024,1026,1028,1030,1032],{"class":88,"line":281},[86,1025,822],{"class":138},[86,1027,269],{"class":96},[86,1029,272],{"class":96},[86,1031,829],{"class":113},[86,1033,278],{"class":96},[86,1035,1036,1038,1040,1042],{"class":88,"line":294},[86,1037,836],{"class":138},[86,1039,253],{"class":96},[86,1041,841],{"class":599},[86,1043,260],{"class":96},[86,1045,1046,1048,1050,1052],{"class":88,"line":309},[86,1047,848],{"class":138},[86,1049,253],{"class":96},[86,1051,853],{"class":599},[86,1053,260],{"class":96},[86,1055,1056,1058,1060,1062,1064],{"class":88,"line":315},[86,1057,860],{"class":138},[86,1059,269],{"class":96},[86,1061,272],{"class":96},[86,1063,867],{"class":113},[86,1065,278],{"class":96},[86,1067,1068],{"class":88,"line":323},[86,1069,312],{"class":96},[86,1071,1073,1075],{"class":88,"line":1072},17,[86,1074,318],{"class":191},[86,1076,119],{"class":96},[86,1078,1080],{"class":88,"line":1079},18,[86,1081,260],{"class":96},[1083,1084,1085],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":82,"searchDepth":122,"depth":122,"links":1087},[1088,1089,1090],{"id":74,"depth":122,"text":75},{"id":328,"depth":122,"text":329},{"id":698,"depth":122,"text":699,"children":1091},[1092,1093],{"id":712,"depth":129,"text":713},{"id":886,"depth":129,"text":887},"Integrate PichaFlow into your React and Next.js applications.","md",null,{},{"title":46,"description":1094},"daWfoovP_WQUvrynW0HVYYzs9GoFgCmxHcstMN2Rpoo",[1101,1103],{"title":42,"path":43,"stem":44,"description":1102,"children":-1},"Integrate PichaFlow into your Qwik applications with fine-grained reactivity.",{"title":50,"path":51,"stem":52,"description":1104,"children":-1},"Integrate PichaFlow into your Svelte and SvelteKit applications with ease.",1789565439841]