[{"data":1,"prerenderedAt":1261},["ShallowReactive",2],{"navigation_docs":3,"-sdk":57,"-sdk-surround":1256},[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":13,"body":59,"description":1250,"extension":1251,"links":1252,"meta":1253,"navigation":125,"path":14,"seo":1254,"stem":15,"__hash__":1255},"docs\u002F3.sdk.md",{"type":60,"value":61,"toc":1239},"minimark",[62,71,76,202,206,225,237,241,248,434,454,464,468,486,493,659,663,666,830,834,853,858,865,1051,1055,1070,1235],[63,64,65,66,70],"p",{},"The ",[67,68,69],"code",{},"@pichaflow\u002Fsdk"," provides a programmatic way to interact with the PichaFlow API.",[72,73,75],"h2",{"id":74},"initialization","Initialization",[77,78,83],"pre",{"className":79,"code":80,"language":81,"meta":82,"style":82},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { PichaFlowClient } from '@pichaflow\u002Fsdk';\n\nconst client = new PichaFlowClient({\n  apiKey: 'sk_live_your_secret_key',\n  baseUrl: 'https:\u002F\u002Fapi.pichaflow.com' \u002F\u002F Optional\n});\n","typescript","",[67,84,85,120,127,152,172,191],{"__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"," PichaFlowClient",[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,134,137,140,143,146,149],{"class":88,"line":129},3,[86,131,133],{"class":132},"spNyl","const",[86,135,136],{"class":100}," client ",[86,138,139],{"class":96},"=",[86,141,142],{"class":96}," new",[86,144,101],{"class":145},"s2Zo4",[86,147,148],{"class":100},"(",[86,150,151],{"class":96},"{\n",[86,153,155,159,162,164,167,169],{"class":88,"line":154},4,[86,156,158],{"class":157},"swJcz","  apiKey",[86,160,161],{"class":96},":",[86,163,110],{"class":96},[86,165,166],{"class":113},"sk_live_your_secret_key",[86,168,116],{"class":96},[86,170,171],{"class":96},",\n",[86,173,175,178,180,182,185,187],{"class":88,"line":174},5,[86,176,177],{"class":157},"  baseUrl",[86,179,161],{"class":96},[86,181,110],{"class":96},[86,183,184],{"class":113},"https:\u002F\u002Fapi.pichaflow.com",[86,186,116],{"class":96},[86,188,190],{"class":189},"sHwdD"," \u002F\u002F Optional\n",[86,192,194,197,200],{"class":88,"line":193},6,[86,195,196],{"class":96},"}",[86,198,199],{"class":100},")",[86,201,119],{"class":96},[72,203,205],{"id":204},"built-in-auto-optimization","Built-in Auto-Optimization",[63,207,208,209,211,212,215,216,219,220,224],{},"By default, the ",[67,210,69],{}," and all framework UI plugins (",[67,213,214],{},"@pichaflow\u002Freact",", ",[67,217,218],{},"@pichaflow\u002Fvue",", etc.) automatically perform ",[221,222,223],"strong",{},"Client-Side Pre-Optimization",".",[63,226,227,228,231,232,236],{},"If a user uploads a massive 24 Megapixel master image, the SDK intercepts the file, uses the browser's native HTML5 Canvas API to strictly scale the longest edge down to 2048px (maintaining aspect ratio), and natively exports it as a highly compressed ",[67,229,230],{},"image\u002Fwebp"," file. This happens instantly in the browser ",[233,234,235],"em",{},"before"," the network request begins, ensuring blazing-fast uploads and zero API limits exceeded.",[72,238,240],{"id":239},"uploading-images-server-side","Uploading Images (Server-Side)",[63,242,243,244,247],{},"When operating from a trusted backend environment (e.g., Node.js, Cloudflare Workers), use your ",[67,245,246],{},"sk_live_"," secret key for direct, zero-friction uploads.",[77,249,251],{"className":79,"code":250,"language":81,"meta":82,"style":82},"const file = \u002F\u002F ... from a file input\nconst response = await client.upload(file, {\n  directory: 'products\u002Fhero',\n  tags: ['ecommerce', 'boots'],\n  onProgress: (p) => console.log(`Upload progress: ${p}%`)\n});\n\nconsole.log('Asset ID:', response.id);\n",[67,252,253,265,294,310,341,390,398,403],{"__ignoreMap":82},[86,254,255,257,260,262],{"class":88,"line":89},[86,256,133],{"class":132},[86,258,259],{"class":100}," file ",[86,261,139],{"class":96},[86,263,264],{"class":189}," \u002F\u002F ... from a file input\n",[86,266,267,269,272,274,277,280,282,285,288,291],{"class":88,"line":122},[86,268,133],{"class":132},[86,270,271],{"class":100}," response ",[86,273,139],{"class":96},[86,275,276],{"class":92}," await",[86,278,279],{"class":100}," client",[86,281,224],{"class":96},[86,283,284],{"class":145},"upload",[86,286,287],{"class":100},"(file",[86,289,290],{"class":96},",",[86,292,293],{"class":96}," {\n",[86,295,296,299,301,303,306,308],{"class":88,"line":129},[86,297,298],{"class":157},"  directory",[86,300,161],{"class":96},[86,302,110],{"class":96},[86,304,305],{"class":113},"products\u002Fhero",[86,307,116],{"class":96},[86,309,171],{"class":96},[86,311,312,315,317,320,322,325,327,329,331,334,336,339],{"class":88,"line":154},[86,313,314],{"class":157},"  tags",[86,316,161],{"class":96},[86,318,319],{"class":100}," [",[86,321,116],{"class":96},[86,323,324],{"class":113},"ecommerce",[86,326,116],{"class":96},[86,328,290],{"class":96},[86,330,110],{"class":96},[86,332,333],{"class":113},"boots",[86,335,116],{"class":96},[86,337,338],{"class":100},"]",[86,340,171],{"class":96},[86,342,343,346,348,351,354,356,359,362,364,367,369,372,375,378,380,382,385,387],{"class":88,"line":174},[86,344,345],{"class":145},"  onProgress",[86,347,161],{"class":96},[86,349,350],{"class":96}," (",[86,352,63],{"class":353},"sHdIc",[86,355,199],{"class":96},[86,357,358],{"class":132}," =>",[86,360,361],{"class":100}," console",[86,363,224],{"class":96},[86,365,366],{"class":145},"log",[86,368,148],{"class":100},[86,370,371],{"class":96},"`",[86,373,374],{"class":113},"Upload progress: ",[86,376,377],{"class":96},"${",[86,379,63],{"class":100},[86,381,196],{"class":96},[86,383,384],{"class":113},"%",[86,386,371],{"class":96},[86,388,389],{"class":100},")\n",[86,391,392,394,396],{"class":88,"line":193},[86,393,196],{"class":96},[86,395,199],{"class":100},[86,397,119],{"class":96},[86,399,401],{"class":88,"line":400},7,[86,402,126],{"emptyLinePlaceholder":125},[86,404,406,409,411,413,415,417,420,422,424,427,429,432],{"class":88,"line":405},8,[86,407,408],{"class":100},"console",[86,410,224],{"class":96},[86,412,366],{"class":145},[86,414,148],{"class":100},[86,416,116],{"class":96},[86,418,419],{"class":113},"Asset ID:",[86,421,116],{"class":96},[86,423,290],{"class":96},[86,425,426],{"class":100}," response",[86,428,224],{"class":96},[86,430,431],{"class":100},"id)",[86,433,119],{"class":96},[435,436,438,441,442,445,446,449,450,453],"alert",{"type":437},"warning",[221,439,440],{},"Optimization Required",": Unlike the frontend SDK (which automatically scales images using HTML5 Canvas), server-side uploads transmit the raw file. You must strictly ensure that images do not exceed ",[221,443,444],{},"5MB"," in file size and ",[221,447,448],{},"2048x2048"," pixels in dimension. Images exceeding these limits will be rejected by the API with a ",[67,451,452],{},"413 Payload Too Large"," error to prevent Out-Of-Memory (OOM) decompression bombs on the edge network.",[435,455,456,459,460,463],{"type":437},[221,457,458],{},"URL Permanence",": The ",[67,461,462],{},"directory"," path becomes part of the asset's permanent delivery URL. You cannot move assets between directories after upload — doing so would break any live links embedding the URL.",[72,465,467],{"id":466},"secure-client-uploads-hmac-handshake","Secure Client Uploads (HMAC Handshake)",[63,469,470,471,474,475,477,478,481,482,485],{},"When uploading directly from a user's browser, you must ",[221,472,473],{},"never"," expose your ",[67,476,246],{}," secret key. Instead, initialize the client without configuring the ",[67,479,480],{},"apiKey"," property, and use the ",[67,483,484],{},"secureUpload()"," method.",[63,487,488,489,492],{},"This initiates an HMAC-SHA256 handshake. The SDK will make a request to your backend proxy (",[67,490,491],{},"signatureUrl",") to fetch a temporary, 60-second signature, before transmitting the file directly to the PichaFlow Engine. This keeps your secret key safe on your backend while securing client-side uploads.",[77,494,496],{"className":79,"code":495,"language":81,"meta":82,"style":82},"\u002F\u002F 1. Initialize PichaFlowClient without an apiKey\nconst client = new PichaFlowClient();\n\n\u002F\u002F 2. Use secureUpload with your backend proxy signatureUrl\nconst file = \u002F\u002F ... from an input\nconst response = await client.secureUpload(\n  file, \n  {\n    \u002F\u002F Point this to your backend endpoint that proxies the signature request\n    signatureUrl: '\u002Fapi\u002Fmy-backend\u002Fsign-upload', \n    directory: 'ugc\u002Favatars',\n    tags: ['ugc', 'avatar']\n  }\n);\n",[67,497,498,503,520,524,529,540,560,570,575,581,600,617,646,652],{"__ignoreMap":82},[86,499,500],{"class":88,"line":89},[86,501,502],{"class":189},"\u002F\u002F 1. Initialize PichaFlowClient without an apiKey\n",[86,504,505,507,509,511,513,515,518],{"class":88,"line":122},[86,506,133],{"class":132},[86,508,136],{"class":100},[86,510,139],{"class":96},[86,512,142],{"class":96},[86,514,101],{"class":145},[86,516,517],{"class":100},"()",[86,519,119],{"class":96},[86,521,522],{"class":88,"line":129},[86,523,126],{"emptyLinePlaceholder":125},[86,525,526],{"class":88,"line":154},[86,527,528],{"class":189},"\u002F\u002F 2. Use secureUpload with your backend proxy signatureUrl\n",[86,530,531,533,535,537],{"class":88,"line":174},[86,532,133],{"class":132},[86,534,259],{"class":100},[86,536,139],{"class":96},[86,538,539],{"class":189}," \u002F\u002F ... from an input\n",[86,541,542,544,546,548,550,552,554,557],{"class":88,"line":193},[86,543,133],{"class":132},[86,545,271],{"class":100},[86,547,139],{"class":96},[86,549,276],{"class":92},[86,551,279],{"class":100},[86,553,224],{"class":96},[86,555,556],{"class":145},"secureUpload",[86,558,559],{"class":100},"(\n",[86,561,562,565,567],{"class":88,"line":400},[86,563,564],{"class":100},"  file",[86,566,290],{"class":96},[86,568,569],{"class":100}," \n",[86,571,572],{"class":88,"line":405},[86,573,574],{"class":96},"  {\n",[86,576,578],{"class":88,"line":577},9,[86,579,580],{"class":189},"    \u002F\u002F Point this to your backend endpoint that proxies the signature request\n",[86,582,584,587,589,591,594,596,598],{"class":88,"line":583},10,[86,585,586],{"class":157},"    signatureUrl",[86,588,161],{"class":96},[86,590,110],{"class":96},[86,592,593],{"class":113},"\u002Fapi\u002Fmy-backend\u002Fsign-upload",[86,595,116],{"class":96},[86,597,290],{"class":96},[86,599,569],{"class":100},[86,601,603,606,608,610,613,615],{"class":88,"line":602},11,[86,604,605],{"class":157},"    directory",[86,607,161],{"class":96},[86,609,110],{"class":96},[86,611,612],{"class":113},"ugc\u002Favatars",[86,614,116],{"class":96},[86,616,171],{"class":96},[86,618,620,623,625,627,629,632,634,636,638,641,643],{"class":88,"line":619},12,[86,621,622],{"class":157},"    tags",[86,624,161],{"class":96},[86,626,319],{"class":100},[86,628,116],{"class":96},[86,630,631],{"class":113},"ugc",[86,633,116],{"class":96},[86,635,290],{"class":96},[86,637,110],{"class":96},[86,639,640],{"class":113},"avatar",[86,642,116],{"class":96},[86,644,645],{"class":100},"]\n",[86,647,649],{"class":88,"line":648},13,[86,650,651],{"class":96},"  }\n",[86,653,655,657],{"class":88,"line":654},14,[86,656,199],{"class":100},[86,658,119],{"class":96},[72,660,662],{"id":661},"delivery-urls","Delivery URLs",[63,664,665],{},"Generate optimized CDN URLs on the fly.",[77,667,669],{"className":79,"code":668,"language":81,"meta":82,"style":82},"\u002F\u002F Asset at project root\nconst rootUrl = client.getDeliveryUrl('image.jpg', {\n  w: 800,\n  q: 80,\n  f: 'webp'\n});\n\n\u002F\u002F Asset inside a directory\nconst dirUrl = client.getDeliveryUrl('products\u002Fhero\u002Fimage.jpg', {\n  w: 800,\n  q: 80,\n  f: 'webp'\n});\n",[67,670,671,676,705,718,730,745,753,757,762,790,800,810,822],{"__ignoreMap":82},[86,672,673],{"class":88,"line":89},[86,674,675],{"class":189},"\u002F\u002F Asset at project root\n",[86,677,678,680,683,685,687,689,692,694,696,699,701,703],{"class":88,"line":122},[86,679,133],{"class":132},[86,681,682],{"class":100}," rootUrl ",[86,684,139],{"class":96},[86,686,279],{"class":100},[86,688,224],{"class":96},[86,690,691],{"class":145},"getDeliveryUrl",[86,693,148],{"class":100},[86,695,116],{"class":96},[86,697,698],{"class":113},"image.jpg",[86,700,116],{"class":96},[86,702,290],{"class":96},[86,704,293],{"class":96},[86,706,707,710,712,716],{"class":88,"line":129},[86,708,709],{"class":157},"  w",[86,711,161],{"class":96},[86,713,715],{"class":714},"sbssI"," 800",[86,717,171],{"class":96},[86,719,720,723,725,728],{"class":88,"line":154},[86,721,722],{"class":157},"  q",[86,724,161],{"class":96},[86,726,727],{"class":714}," 80",[86,729,171],{"class":96},[86,731,732,735,737,739,742],{"class":88,"line":174},[86,733,734],{"class":157},"  f",[86,736,161],{"class":96},[86,738,110],{"class":96},[86,740,741],{"class":113},"webp",[86,743,744],{"class":96},"'\n",[86,746,747,749,751],{"class":88,"line":193},[86,748,196],{"class":96},[86,750,199],{"class":100},[86,752,119],{"class":96},[86,754,755],{"class":88,"line":400},[86,756,126],{"emptyLinePlaceholder":125},[86,758,759],{"class":88,"line":405},[86,760,761],{"class":189},"\u002F\u002F Asset inside a directory\n",[86,763,764,766,769,771,773,775,777,779,781,784,786,788],{"class":88,"line":577},[86,765,133],{"class":132},[86,767,768],{"class":100}," dirUrl ",[86,770,139],{"class":96},[86,772,279],{"class":100},[86,774,224],{"class":96},[86,776,691],{"class":145},[86,778,148],{"class":100},[86,780,116],{"class":96},[86,782,783],{"class":113},"products\u002Fhero\u002Fimage.jpg",[86,785,116],{"class":96},[86,787,290],{"class":96},[86,789,293],{"class":96},[86,791,792,794,796,798],{"class":88,"line":583},[86,793,709],{"class":157},[86,795,161],{"class":96},[86,797,715],{"class":714},[86,799,171],{"class":96},[86,801,802,804,806,808],{"class":88,"line":602},[86,803,722],{"class":157},[86,805,161],{"class":96},[86,807,727],{"class":714},[86,809,171],{"class":96},[86,811,812,814,816,818,820],{"class":88,"line":619},[86,813,734],{"class":157},[86,815,161],{"class":96},[86,817,110],{"class":96},[86,819,741],{"class":113},[86,821,744],{"class":96},[86,823,824,826,828],{"class":88,"line":648},[86,825,196],{"class":96},[86,827,199],{"class":100},[86,829,119],{"class":96},[72,831,833],{"id":832},"unpic-integration","Unpic Integration",[63,835,836,837,844,845,848,849,852],{},"The SDK exposes a custom provider for the universal responsive image component library ",[838,839,843],"a",{"href":840,"rel":841},"https:\u002F\u002Funpic.pics",[842],"nofollow","Unpic",". You can use this to easily generate responsive images using standard layouts (",[67,846,847],{},"srcset"," and ",[67,850,851],{},"sizes",") automatically handled by PichaFlow's CDN.",[854,855,857],"h3",{"id":856},"programmatic-usage","Programmatic Usage",[63,859,860,861,864],{},"You can import ",[67,862,863],{},"unpicProvider"," to programmatically transform or parse URLs.",[77,866,868],{"className":79,"code":867,"language":81,"meta":82,"style":82},"import { unpicProvider } from '@pichaflow\u002Fsdk';\n\n\u002F\u002F 1. Transform a PichaFlow URL\nconst url = unpicProvider.transform('https:\u002F\u002Fcdn.pichaflow.com\u002Fuser\u002Favatar.png', {\n  width: 400,\n  height: 400,\n  format: 'webp',\n  quality: 85\n});\n\n\u002F\u002F 2. Extract properties from an existing PichaFlow URL\nconst data = unpicProvider.extract('https:\u002F\u002Fcdn.pichaflow.com\u002Fuser\u002Favatar.png?w=400');\nconsole.log(data?.operations.width); \u002F\u002F 400\n",[67,869,870,891,895,900,929,941,952,967,977,985,989,994,1023],{"__ignoreMap":82},[86,871,872,874,876,879,881,883,885,887,889],{"class":88,"line":89},[86,873,93],{"class":92},[86,875,97],{"class":96},[86,877,878],{"class":100}," unpicProvider",[86,880,104],{"class":96},[86,882,107],{"class":92},[86,884,110],{"class":96},[86,886,69],{"class":113},[86,888,116],{"class":96},[86,890,119],{"class":96},[86,892,893],{"class":88,"line":122},[86,894,126],{"emptyLinePlaceholder":125},[86,896,897],{"class":88,"line":129},[86,898,899],{"class":189},"\u002F\u002F 1. Transform a PichaFlow URL\n",[86,901,902,904,907,909,911,913,916,918,920,923,925,927],{"class":88,"line":154},[86,903,133],{"class":132},[86,905,906],{"class":100}," url ",[86,908,139],{"class":96},[86,910,878],{"class":100},[86,912,224],{"class":96},[86,914,915],{"class":145},"transform",[86,917,148],{"class":100},[86,919,116],{"class":96},[86,921,922],{"class":113},"https:\u002F\u002Fcdn.pichaflow.com\u002Fuser\u002Favatar.png",[86,924,116],{"class":96},[86,926,290],{"class":96},[86,928,293],{"class":96},[86,930,931,934,936,939],{"class":88,"line":174},[86,932,933],{"class":157},"  width",[86,935,161],{"class":96},[86,937,938],{"class":714}," 400",[86,940,171],{"class":96},[86,942,943,946,948,950],{"class":88,"line":193},[86,944,945],{"class":157},"  height",[86,947,161],{"class":96},[86,949,938],{"class":714},[86,951,171],{"class":96},[86,953,954,957,959,961,963,965],{"class":88,"line":400},[86,955,956],{"class":157},"  format",[86,958,161],{"class":96},[86,960,110],{"class":96},[86,962,741],{"class":113},[86,964,116],{"class":96},[86,966,171],{"class":96},[86,968,969,972,974],{"class":88,"line":405},[86,970,971],{"class":157},"  quality",[86,973,161],{"class":96},[86,975,976],{"class":714}," 85\n",[86,978,979,981,983],{"class":88,"line":577},[86,980,196],{"class":96},[86,982,199],{"class":100},[86,984,119],{"class":96},[86,986,987],{"class":88,"line":583},[86,988,126],{"emptyLinePlaceholder":125},[86,990,991],{"class":88,"line":602},[86,992,993],{"class":189},"\u002F\u002F 2. Extract properties from an existing PichaFlow URL\n",[86,995,996,998,1001,1003,1005,1007,1010,1012,1014,1017,1019,1021],{"class":88,"line":619},[86,997,133],{"class":132},[86,999,1000],{"class":100}," data ",[86,1002,139],{"class":96},[86,1004,878],{"class":100},[86,1006,224],{"class":96},[86,1008,1009],{"class":145},"extract",[86,1011,148],{"class":100},[86,1013,116],{"class":96},[86,1015,1016],{"class":113},"https:\u002F\u002Fcdn.pichaflow.com\u002Fuser\u002Favatar.png?w=400",[86,1018,116],{"class":96},[86,1020,199],{"class":100},[86,1022,119],{"class":96},[86,1024,1025,1027,1029,1031,1034,1037,1040,1042,1045,1048],{"class":88,"line":648},[86,1026,408],{"class":100},[86,1028,224],{"class":96},[86,1030,366],{"class":145},[86,1032,1033],{"class":100},"(data",[86,1035,1036],{"class":96},"?.",[86,1038,1039],{"class":100},"operations",[86,1041,224],{"class":96},[86,1043,1044],{"class":100},"width)",[86,1046,1047],{"class":96},";",[86,1049,1050],{"class":189}," \u002F\u002F 400\n",[854,1052,1054],{"id":1053},"component-integration-eg-react","Component Integration (e.g. React)",[63,1056,1057,1058,1061,1062,1065,1066,1069],{},"Pass ",[67,1059,1060],{},"unpicProvider.transform"," directly to the ",[67,1063,1064],{},"transformer"," prop of Unpic's ",[67,1067,1068],{},"\u003CImage>"," components:",[77,1071,1075],{"className":1072,"code":1073,"language":1074,"meta":82,"style":82},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { Image } from '@unpic\u002Freact';\nimport { unpicProvider } from '@pichaflow\u002Fsdk';\n\nexport const ProductHero = () => (\n  \u003CImage\n    src=\"https:\u002F\u002Fcdn.pichaflow.com\u002Fproducts\u002Fhero.png\"\n    width={800}\n    height={600}\n    alt=\"Product Hero\"\n    transformer={unpicProvider.transform}\n  \u002F>\n);\n","tsx",[67,1076,1077,1099,1119,1123,1144,1153,1169,1183,1195,1209,1224,1229],{"__ignoreMap":82},[86,1078,1079,1081,1083,1086,1088,1090,1092,1095,1097],{"class":88,"line":89},[86,1080,93],{"class":92},[86,1082,97],{"class":96},[86,1084,1085],{"class":100}," Image",[86,1087,104],{"class":96},[86,1089,107],{"class":92},[86,1091,110],{"class":96},[86,1093,1094],{"class":113},"@unpic\u002Freact",[86,1096,116],{"class":96},[86,1098,119],{"class":96},[86,1100,1101,1103,1105,1107,1109,1111,1113,1115,1117],{"class":88,"line":122},[86,1102,93],{"class":92},[86,1104,97],{"class":96},[86,1106,878],{"class":100},[86,1108,104],{"class":96},[86,1110,107],{"class":92},[86,1112,110],{"class":96},[86,1114,69],{"class":113},[86,1116,116],{"class":96},[86,1118,119],{"class":96},[86,1120,1121],{"class":88,"line":129},[86,1122,126],{"emptyLinePlaceholder":125},[86,1124,1125,1128,1131,1134,1136,1139,1141],{"class":88,"line":154},[86,1126,1127],{"class":92},"export",[86,1129,1130],{"class":132}," const",[86,1132,1133],{"class":100}," ProductHero ",[86,1135,139],{"class":96},[86,1137,1138],{"class":96}," ()",[86,1140,358],{"class":132},[86,1142,1143],{"class":100}," (\n",[86,1145,1146,1149],{"class":88,"line":174},[86,1147,1148],{"class":96},"  \u003C",[86,1150,1152],{"class":1151},"sBMFI","Image\n",[86,1154,1155,1158,1160,1163,1166],{"class":88,"line":193},[86,1156,1157],{"class":132},"    src",[86,1159,139],{"class":96},[86,1161,1162],{"class":96},"\"",[86,1164,1165],{"class":113},"https:\u002F\u002Fcdn.pichaflow.com\u002Fproducts\u002Fhero.png",[86,1167,1168],{"class":96},"\"\n",[86,1170,1171,1174,1177,1180],{"class":88,"line":400},[86,1172,1173],{"class":132},"    width",[86,1175,1176],{"class":96},"={",[86,1178,1179],{"class":714},"800",[86,1181,1182],{"class":96},"}\n",[86,1184,1185,1188,1190,1193],{"class":88,"line":405},[86,1186,1187],{"class":132},"    height",[86,1189,1176],{"class":96},[86,1191,1192],{"class":714},"600",[86,1194,1182],{"class":96},[86,1196,1197,1200,1202,1204,1207],{"class":88,"line":577},[86,1198,1199],{"class":132},"    alt",[86,1201,139],{"class":96},[86,1203,1162],{"class":96},[86,1205,1206],{"class":113},"Product Hero",[86,1208,1168],{"class":96},[86,1210,1211,1214,1216,1218,1220,1222],{"class":88,"line":583},[86,1212,1213],{"class":132},"    transformer",[86,1215,1176],{"class":96},[86,1217,863],{"class":100},[86,1219,224],{"class":96},[86,1221,915],{"class":100},[86,1223,1182],{"class":96},[86,1225,1226],{"class":88,"line":602},[86,1227,1228],{"class":96},"  \u002F>\n",[86,1230,1231,1233],{"class":88,"line":619},[86,1232,199],{"class":100},[86,1234,119],{"class":96},[1236,1237,1238],"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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":82,"searchDepth":122,"depth":122,"links":1240},[1241,1242,1243,1244,1245,1246],{"id":74,"depth":122,"text":75},{"id":204,"depth":122,"text":205},{"id":239,"depth":122,"text":240},{"id":466,"depth":122,"text":467},{"id":661,"depth":122,"text":662},{"id":832,"depth":122,"text":833,"children":1247},[1248,1249],{"id":856,"depth":129,"text":857},{"id":1053,"depth":129,"text":1054},"Programmatic interaction with the PichaFlow API via our SDK.","md",null,{},{"title":13,"description":1250},"cmg0djjSLPqRQ1Uygl5zLiqY-XKZnJ2Fsqu_RGx14ss",[1257,1259],{"title":9,"path":10,"stem":11,"description":1258,"children":-1},"Get up and running with the PichaFlow SDK and components.",{"title":17,"path":18,"stem":19,"description":1260,"children":-1},"Manage projects, assets, pipelines, and team members in the PichaFlow Dashboard.",1789565438817]