[{"data":1,"prerenderedAt":3017},["ShallowReactive",2],{"page:\u002Fdocs\u002F5.x\u002Freference\u002Fjsx":3},{"id":4,"title":5,"body":6,"description":3001,"extension":3002,"frontmatter":3003,"heading":5,"meta":3008,"navigation":3010,"order":2969,"path":3011,"seo":3012,"sitemap":3013,"source":3014,"stem":3015,"__hash__":3016},"docs\u002Fdocs\u002F5.x\u002Freference\u002Fjsx.md","JSX renderer",{"type":7,"value":8,"toc":2967},"minimark",[9,29,34,59,65,78,82,92,165,182,188,206,459,463,470,694,698,711,717,725,845,921,926,932,1035,1077,1090,1148,1153,1159,1246,1324,1329,1334,1406,1472,1475,1485,1490,1493,1598,1652,1657,1660,1814,1885,1890,1902,1930,1991,1995,2001,2067,2111,2114,2127,2398,2403,2410,2469,2515,2520,2525,2557,2611,2616,2619,2664,2701,2706,2709,2751,2791,2796,2799,2826,2852,2855,2860,2866,2893],[10,11,12,16,17,20,21,28],"p",{},[13,14,15],"code",{},"kubb\u002Fjsx"," is Kubb's JSX-based renderer, an alternative to building files with the ",[13,18,19],{},"ast.factory"," node builders from ",[22,23,25],"a",{"href":24},"\u002Fdocs\u002F5.x\u002Freference\u002Fkit",[13,26,27],{},"kubb\u002Fkit",". It provides a JSX runtime and a set of built-in components so a generator can emit files and markdown through JSX.",[30,31,33],"h2",{"id":32},"renderers","Renderers",[10,35,36,37,40,41,44,45,48,49,52,53,55,56,58],{},"A renderer turns the elements a generator returns into ",[13,38,39],{},"FileNode","s. Set it on a generator through its ",[13,42,43],{},"renderer"," field (",[13,46,47],{},"renderer: jsxRenderer","). Leave the field unset, or pass ",[13,50,51],{},"renderer: null",", when the generator builds ",[13,54,39],{},"s with ",[13,57,19],{}," directly.",[10,60,61,64],{},[13,62,63],{},"jsxRenderer"," does not use React. Components run as plain functions, so hooks and suspense are not available.",[10,66,67,70,71,73,74,77],{},[13,68,69],{},"createRenderer"," from ",[13,72,27],{}," takes a builder function and returns a factory that produces a ",[13,75,76],{},"Renderer",". Use it only for a different templating format.",[30,79,81],{"id":80},"setup","Setup",[10,83,84,85,88,89,91],{},"Point your ",[13,86,87],{},"tsconfig.json"," at the ",[13,90,15],{}," runtime so JSX syntax compiles against its components instead of React's:",[93,94,98],"pre",{"language":95,"filename":87,"code":96,"class":97},"json","{\n  \"compilerOptions\": {\n    \"jsx\": \"react-jsx\",\n    \"jsxImportSource\": \"kubb\u002Fjsx\"\n  }\n}","highlights",[13,99,101,110,111,110,125,110,142,110,154,110,161],{"class":100},"language-json",[102,103,106],"span",{"class":104,"style":105},"line","display: inline",[102,107,109],{"style":108},"color:#005cc5;--hls-dark:#79b8ff","{","\n",[102,112,113,116,119,123],{"class":104,"style":105},[102,114,115],{"style":108},"  ",[102,117,118],{"style":108},"\"compilerOptions\"",[102,120,122],{"style":121},"color:#d73a49;--hls-dark:#f97583",": ",[102,124,109],{"style":108},[102,126,127,130,133,135,139],{"class":104,"style":105},[102,128,129],{"style":108},"    ",[102,131,132],{"style":108},"\"jsx\"",[102,134,122],{"style":121},[102,136,138],{"style":137},"color:#032f62;--hls-dark:#9ecbff","\"react-jsx\"",[102,140,141],{"style":121},",",[102,143,144,146,149,151],{"class":104,"style":105},[102,145,129],{"style":121},[102,147,148],{"style":108},"\"jsxImportSource\"",[102,150,122],{"style":121},[102,152,153],{"style":137},"\"kubb\u002Fjsx\"",[102,155,156,158],{"class":104,"style":105},[102,157,115],{"style":137},[102,159,160],{"style":108},"}",[102,162,163],{"class":104,"style":105},[102,164,160],{"style":108},[10,166,167,168,171,172,175,176,70,179,181],{},"With that in place, ",[13,169,170],{},".tsx"," files in the plugin resolve ",[13,173,174],{},"jsx-runtime"," and ",[13,177,178],{},"jsx-dev-runtime",[13,180,15],{}," automatically.",[30,183,185],{"id":184},"jsxrenderer",[13,186,187],{},"jsxRenderer()",[10,189,190,192,193,175,196,199,200,202,203,205],{},[13,191,63],{}," creates a renderer instance with two members, ",[13,194,195],{},"render",[13,197,198],{},"files",". Call ",[13,201,195],{}," with a JSX element, then read the generated files back off ",[13,204,198],{},".",[93,207,211],{"language":208,"filename":209,"code":210,"class":97},"tsx","render.tsx","import { jsxRenderer } from 'kubb\u002Fjsx'\nimport { File, Function, Type } from 'kubb\u002Fjsx'\n\nconst renderer = jsxRenderer()\n\nawait renderer.render(\n  \u003CFile baseName=\"petStore.ts\" path=\"src\u002Fgen\u002FpetStore.ts\">\n    \u003CFile.Source>\n      \u003CType name=\"Pet\">{'{ id: number; name: string }'}\u003C\u002FType>\n      \u003CFunction name=\"getPet\" async>\n        {\"return fetch('\u002Fpets')\"}\n      \u003C\u002FFunction>\n    \u003C\u002FFile.Source>\n  \u003C\u002FFile>,\n)\n\nconst files = renderer.files",[13,212,214,110,235,110,262,110,264,110,280,110,282,110,296,110,327,110,338,110,372,110,393,110,405,110,415,110,425,110,437,110,442,110,444],{"class":213},"language-tsx",[102,215,216,219,222,226,229,232],{"class":104,"style":105},[102,217,218],{"style":121},"import ",[102,220,221],{"style":108},"{ ",[102,223,225],{"style":224},"color:#24292e;--hls-dark:#e1e4e8","jsxRenderer ",[102,227,228],{"style":108},"} ",[102,230,231],{"style":121},"from ",[102,233,234],{"style":137},"'kubb\u002Fjsx'",[102,236,237,239,241,245,248,251,253,256,258,260],{"class":104,"style":105},[102,238,218],{"style":121},[102,240,221],{"style":108},[102,242,244],{"style":243},"color:#6f42c1;--hls-dark:#b392f0","File",[102,246,247],{"style":121},", ",[102,249,250],{"style":243},"Function",[102,252,247],{"style":121},[102,254,255],{"style":243},"Type ",[102,257,228],{"style":108},[102,259,231],{"style":121},[102,261,234],{"style":137},[102,263],{"class":104,"style":105},[102,265,266,269,272,275,277],{"class":104,"style":105},[102,267,268],{"style":121},"const ",[102,270,271],{"style":224},"renderer ",[102,273,274],{"style":121},"= ",[102,276,63],{"style":243},[102,278,279],{"style":108},"()",[102,281],{"class":104,"style":105},[102,283,284,287,289,291,293],{"class":104,"style":105},[102,285,286],{"style":121},"await ",[102,288,43],{"style":224},[102,290,205],{"style":121},[102,292,195],{"style":243},[102,294,295],{"style":108},"(",[102,297,298,300,303,307,310,313,316,319,321,324],{"class":104,"style":105},[102,299,115],{"style":108},[102,301,302],{"style":108},"\u003C",[102,304,306],{"style":305},"color:#22863a;--hls-dark:#85e89d","File ",[102,308,309],{"style":243},"baseName",[102,311,312],{"style":121},"=",[102,314,315],{"style":137},"\"petStore.ts\" ",[102,317,318],{"style":243},"path",[102,320,312],{"style":121},[102,322,323],{"style":137},"\"src\u002Fgen\u002FpetStore.ts\"",[102,325,326],{"style":108},">",[102,328,329,331,333,336],{"class":104,"style":105},[102,330,129],{"style":224},[102,332,302],{"style":108},[102,334,335],{"style":305},"File.Source",[102,337,326],{"style":108},[102,339,340,343,345,347,350,352,355,357,359,362,364,367,370],{"class":104,"style":105},[102,341,342],{"style":224},"      ",[102,344,302],{"style":108},[102,346,255],{"style":305},[102,348,349],{"style":243},"name",[102,351,312],{"style":121},[102,353,354],{"style":137},"\"Pet\"",[102,356,326],{"style":108},[102,358,109],{"style":108},[102,360,361],{"style":137},"'{ id: number; name: string }'",[102,363,160],{"style":108},[102,365,366],{"style":108},"\u003C\u002F",[102,368,369],{"style":305},"Type",[102,371,326],{"style":108},[102,373,374,376,378,381,383,385,388,391],{"class":104,"style":105},[102,375,342],{"style":224},[102,377,302],{"style":108},[102,379,380],{"style":305},"Function ",[102,382,349],{"style":243},[102,384,312],{"style":121},[102,386,387],{"style":137},"\"getPet\" ",[102,389,390],{"style":243},"async",[102,392,326],{"style":108},[102,394,395,398,400,403],{"class":104,"style":105},[102,396,397],{"style":224},"        ",[102,399,109],{"style":108},[102,401,402],{"style":137},"\"return fetch('\u002Fpets')\"",[102,404,160],{"style":108},[102,406,407,409,411,413],{"class":104,"style":105},[102,408,342],{"style":224},[102,410,366],{"style":108},[102,412,250],{"style":305},[102,414,326],{"style":108},[102,416,417,419,421,423],{"class":104,"style":105},[102,418,129],{"style":224},[102,420,366],{"style":108},[102,422,335],{"style":305},[102,424,326],{"style":108},[102,426,427,429,431,433,435],{"class":104,"style":105},[102,428,115],{"style":224},[102,430,366],{"style":108},[102,432,244],{"style":305},[102,434,326],{"style":108},[102,436,141],{"style":121},[102,438,439],{"class":104,"style":105},[102,440,441],{"style":108},")",[102,443],{"class":104,"style":105},[102,445,446,448,451,453,455,457],{"class":104,"style":105},[102,447,268],{"style":121},[102,449,450],{"style":224},"files ",[102,452,274],{"style":121},[102,454,43],{"style":224},[102,456,205],{"style":121},[102,458,198],{"style":108},[30,460,462],{"id":461},"built-in-components","Built-in components",[10,464,465,466,469],{},"Core components declare an output file and its imports, exports, and source blocks. JavaScript components emit TypeScript declarations. Markdown components emit markdown. ",[13,467,468],{},"Jsx"," embeds a raw JSX string.",[471,472,473,489],"table",{},[474,475,476],"thead",{},[477,478,479,483,486],"tr",{},[480,481,482],"th",{},"Component",[480,484,485],{},"Category",[480,487,488],{},"Emits",[490,491,492,508,522,537,552,568,581,595,608,623,637,651,665,679],"tbody",{},[477,493,494,502,505],{},[495,496,497],"td",{},[22,498,500],{"href":499},"#file",[13,501,244],{},[495,503,504],{},"Core",[495,506,507],{},"File entry",[477,509,510,517,519],{},[495,511,512],{},[22,513,515],{"href":514},"#file-source",[13,516,335],{},[495,518,504],{},[495,520,521],{},"Source block",[477,523,524,532,534],{},[495,525,526],{},[22,527,529],{"href":528},"#file-import",[13,530,531],{},"File.Import",[495,533,504],{},[495,535,536],{},"Import statement",[477,538,539,547,549],{},[495,540,541],{},[22,542,544],{"href":543},"#file-export",[13,545,546],{},"File.Export",[495,548,504],{},[495,550,551],{},"Export statement",[477,553,554,562,565],{},[495,555,556],{},[22,557,559],{"href":558},"#const",[13,560,561],{},"Const",[495,563,564],{},"JavaScript",[495,566,567],{},"TypeScript",[477,569,570,577,579],{},[495,571,572],{},[22,573,575],{"href":574},"#function",[13,576,250],{},[495,578,564],{},[495,580,567],{},[477,582,583,591,593],{},[495,584,585],{},[22,586,588],{"href":587},"#function-arrow",[13,589,590],{},"Function.Arrow",[495,592,564],{},[495,594,567],{},[477,596,597,604,606],{},[495,598,599],{},[22,600,602],{"href":601},"#type",[13,603,369],{},[495,605,564],{},[495,607,567],{},[477,609,610,618,621],{},[495,611,612],{},[22,613,615],{"href":614},"#callout",[13,616,617],{},"Callout",[495,619,620],{},"Markdown",[495,622,620],{},[477,624,625,633,635],{},[495,626,627],{},[22,628,630],{"href":629},"#frontmatter",[13,631,632],{},"Frontmatter",[495,634,620],{},[495,636,620],{},[477,638,639,647,649],{},[495,640,641],{},[22,642,644],{"href":643},"#heading",[13,645,646],{},"Heading",[495,648,620],{},[495,650,620],{},[477,652,653,661,663],{},[495,654,655],{},[22,656,658],{"href":657},"#list",[13,659,660],{},"List",[495,662,620],{},[495,664,620],{},[477,666,667,675,677],{},[495,668,669],{},[22,670,672],{"href":671},"#paragraph",[13,673,674],{},"Paragraph",[495,676,620],{},[495,678,620],{},[477,680,681,688,691],{},[495,682,683],{},[22,684,686],{"href":685},"#jsx-component",[13,687,468],{},[495,689,690],{},"JSX",[495,692,693],{},"Raw JSX",[695,696,504],"h3",{"id":697},"core",[10,699,700,702,703,247,705,707,708,710],{},[13,701,244],{}," is the container. Its members ",[13,704,335],{},[13,706,531],{},", and ",[13,709,546],{}," attach source blocks, imports, and exports to it.",[712,713,715],"h4",{"id":714},"file",[13,716,244],{},[10,718,719,720,175,722,724],{},"Declares a generated output file. Pass both ",[13,721,309],{},[13,723,318],{}," to register a file entry. Omit both to render the children inline without creating a file.",[471,726,727,739],{},[474,728,729],{},[477,730,731,734,736],{},[480,732,733],{},"Prop",[480,735,369],{},[480,737,738],{},"Description",[490,740,741,758,772,787,802,816,830],{},[477,742,743,747,752],{},[495,744,745],{},[13,746,309],{},[495,748,749],{},[13,750,751],{},"`${string}.${string}`",[495,753,754,755,205],{},"File name with extension, such as ",[13,756,757],{},"petStore.ts",[477,759,760,764,769],{},[495,761,762],{},[13,763,318],{},[495,765,766],{},[13,767,768],{},"string",[495,770,771],{},"Fully qualified path to the generated file.",[477,773,774,779,784],{},[495,775,776],{},[13,777,778],{},"meta?",[495,780,781],{},[13,782,783],{},"object | null",[495,785,786],{},"Metadata attached to the file node for plugins to read.",[477,788,789,794,799],{},[495,790,791],{},[13,792,793],{},"banner?",[495,795,796],{},[13,797,798],{},"string | null",[495,800,801],{},"Text prepended before the source blocks.",[477,803,804,809,813],{},[495,805,806],{},[13,807,808],{},"footer?",[495,810,811],{},[13,812,798],{},[495,814,815],{},"Text appended after the source blocks.",[477,817,818,823,827],{},[495,819,820],{},[13,821,822],{},"copy?",[495,824,825],{},[13,826,798],{},[495,828,829],{},"Absolute path to copy verbatim into the output, bypassing the parser.",[477,831,832,837,842],{},[495,833,834],{},[13,835,836],{},"children?",[495,838,839],{},[13,840,841],{},"KubbReactNode",[495,843,844],{},"Source blocks, imports, and exports that make up the file.",[93,846,848],{"language":208,"code":847,"class":97},"\u003CFile baseName=\"petStore.ts\" path=\"src\u002Fmodels\u002FpetStore.ts\">\n  \u003CFile.Source name=\"Pet\" isExportable isIndexable>\n    {`export type Pet = { id: number; name: string }`}\n  \u003C\u002FFile.Source>\n\u003C\u002FFile>",[13,849,850,110,871,110,892,110,903,110,913],{"class":213},[102,851,852,854,856,858,860,862,864,866,869],{"class":104,"style":105},[102,853,302],{"style":108},[102,855,306],{"style":305},[102,857,309],{"style":243},[102,859,312],{"style":121},[102,861,315],{"style":137},[102,863,318],{"style":243},[102,865,312],{"style":121},[102,867,868],{"style":137},"\"src\u002Fmodels\u002FpetStore.ts\"",[102,870,326],{"style":108},[102,872,873,875,877,880,882,884,887,890],{"class":104,"style":105},[102,874,115],{"style":224},[102,876,302],{"style":108},[102,878,879],{"style":305},"File.Source ",[102,881,349],{"style":243},[102,883,312],{"style":121},[102,885,886],{"style":137},"\"Pet\" ",[102,888,889],{"style":243},"isExportable isIndexable",[102,891,326],{"style":108},[102,893,894,896,898,901],{"class":104,"style":105},[102,895,129],{"style":224},[102,897,109],{"style":108},[102,899,900],{"style":137},"`export type Pet = { id: number; name: string }`",[102,902,160],{"style":108},[102,904,905,907,909,911],{"class":104,"style":105},[102,906,115],{"style":224},[102,908,366],{"style":108},[102,910,335],{"style":305},[102,912,326],{"style":108},[102,914,915,917,919],{"class":104,"style":105},[102,916,366],{"style":108},[102,918,244],{"style":305},[102,920,326],{"style":108},[712,922,924],{"id":923},"file-source",[13,925,335],{},[10,927,928,929,931],{},"Marks a block of source text that belongs to the enclosing ",[13,930,244],{},". The children are the source string.",[471,933,934,944],{},[474,935,936],{},[477,937,938,940,942],{},[480,939,733],{},[480,941,369],{},[480,943,738],{},[490,945,946,960,979,993,1007,1022],{},[477,947,948,953,957],{},[495,949,950],{},[13,951,952],{},"name?",[495,954,955],{},[13,956,798],{},[495,958,959],{},"Identifies the source for deduplication and barrel generation.",[477,961,962,967,972],{},[495,963,964],{},[13,965,966],{},"isExportable?",[495,968,969],{},[13,970,971],{},"boolean | null",[495,973,974,975,978],{},"Prepend the ",[13,976,977],{},"export"," keyword.",[477,980,981,986,990],{},[495,982,983],{},[13,984,985],{},"isIndexable?",[495,987,988],{},[13,989,971],{},[495,991,992],{},"Include the source in barrel and index generation.",[477,994,995,1000,1004],{},[495,996,997],{},[13,998,999],{},"isTypeOnly?",[495,1001,1002],{},[13,1003,971],{},[495,1005,1006],{},"Mark the source as a type-only export.",[477,1008,1009,1014,1019],{},[495,1010,1011],{},[13,1012,1013],{},"inline?",[495,1015,1016],{},[13,1017,1018],{},"{ expression: string } | null",[495,1020,1021],{},"Let importing files absorb the source instead of importing it.",[477,1023,1024,1028,1032],{},[495,1025,1026],{},[13,1027,836],{},[495,1029,1030],{},[13,1031,841],{},[495,1033,1034],{},"Source text of the block.",[93,1036,1038],{"language":208,"code":1037,"class":97},"\u003CFile.Source name=\"PetId\" isTypeOnly isExportable>\n  {`export type PetId = string`}\n\u003C\u002FFile.Source>",[13,1039,1040,110,1058,110,1069],{"class":213},[102,1041,1042,1044,1046,1048,1050,1053,1056],{"class":104,"style":105},[102,1043,302],{"style":108},[102,1045,879],{"style":305},[102,1047,349],{"style":243},[102,1049,312],{"style":121},[102,1051,1052],{"style":137},"\"PetId\" ",[102,1054,1055],{"style":243},"isTypeOnly isExportable",[102,1057,326],{"style":108},[102,1059,1060,1062,1064,1067],{"class":104,"style":105},[102,1061,115],{"style":224},[102,1063,109],{"style":108},[102,1065,1066],{"style":137},"`export type PetId = string`",[102,1068,160],{"style":108},[102,1070,1071,1073,1075],{"class":104,"style":105},[102,1072,366],{"style":108},[102,1074,335],{"style":305},[102,1076,326],{"style":108},[10,1078,1079,1082,1083,1089],{},[13,1080,1081],{},"inline.expression"," is the right-hand side of the declaration. A file whose sources are all inline is not written: importing files get the expression in place of the name, plus the imports it needs. The parser decides how, through its ",[22,1084,1086],{"href":1085},"\u002Fdocs\u002F5.x\u002Freference\u002Fkit\u002Fparsers",[13,1087,1088],{},"inline"," member.",[93,1091,1093],{"language":208,"code":1092,"class":97},"\u003CFile.Source name=\"AddPetStatus200\" isTypeOnly isExportable inline={{ expression: 'Pet' }}>\n  {`export type AddPetStatus200 = Pet`}\n\u003C\u002FFile.Source>",[13,1094,1095,110,1129,110,1140],{"class":213},[102,1096,1097,1099,1101,1103,1105,1108,1111,1113,1116,1119,1121,1124,1127],{"class":104,"style":105},[102,1098,302],{"style":108},[102,1100,879],{"style":305},[102,1102,349],{"style":243},[102,1104,312],{"style":121},[102,1106,1107],{"style":137},"\"AddPetStatus200\" ",[102,1109,1110],{"style":243},"isTypeOnly isExportable inline",[102,1112,312],{"style":121},[102,1114,1115],{"style":108},"{{ ",[102,1117,1118],{"style":108},"expression",[102,1120,122],{"style":121},[102,1122,1123],{"style":137},"'Pet' ",[102,1125,1126],{"style":108},"}}",[102,1128,326],{"style":108},[102,1130,1131,1133,1135,1138],{"class":104,"style":105},[102,1132,115],{"style":224},[102,1134,109],{"style":108},[102,1136,1137],{"style":137},"`export type AddPetStatus200 = Pet`",[102,1139,160],{"style":108},[102,1141,1142,1144,1146],{"class":104,"style":105},[102,1143,366],{"style":108},[102,1145,335],{"style":305},[102,1147,326],{"style":108},[712,1149,1151],{"id":1150},"file-import",[13,1152,531],{},[10,1154,1155,1156,1158],{},"Declares an import for the enclosing ",[13,1157,244],{},". The renderer emits it at the top of the generated file.",[471,1160,1161,1171],{},[474,1162,1163],{},[477,1164,1165,1167,1169],{},[480,1166,733],{},[480,1168,369],{},[480,1170,738],{},[490,1172,1173,1187,1200,1214,1230],{},[477,1174,1175,1179,1184],{},[495,1176,1177],{},[13,1178,349],{},[495,1180,1181],{},[13,1182,1183],{},"string | Array\u003Cstring | { propertyName: string; name?: string }>",[495,1185,1186],{},"Binding to import. A string for a default or namespace import, an array for named imports.",[477,1188,1189,1193,1197],{},[495,1190,1191],{},[13,1192,318],{},[495,1194,1195],{},[13,1196,768],{},[495,1198,1199],{},"Module specifier to import from.",[477,1201,1202,1207,1211],{},[495,1203,1204],{},[13,1205,1206],{},"root?",[495,1208,1209],{},[13,1210,798],{},[495,1212,1213],{},"Root used to resolve the import path relative to the file.",[477,1215,1216,1220,1224],{},[495,1217,1218],{},[13,1219,999],{},[495,1221,1222],{},[13,1223,971],{},[495,1225,1226,1227,205],{},"Emit ",[13,1228,1229],{},"import type",[477,1231,1232,1237,1241],{},[495,1233,1234],{},[13,1235,1236],{},"isNameSpace?",[495,1238,1239],{},[13,1240,971],{},[495,1242,1226,1243,205],{},[13,1244,1245],{},"import * as name",[93,1247,1249],{"language":208,"code":1248,"class":97},"\u003CFile.Import name={['useState']} path=\"react\" \u002F>\n\u002F\u002F import { useState } from 'react'\n\n\u003CFile.Import name=\"z\" path=\"zod\" isNameSpace \u002F>\n\u002F\u002F import * as z from 'zod'",[13,1250,1251,110,1281,110,1287,110,1289,110,1319],{"class":213},[102,1252,1253,1255,1258,1260,1262,1265,1268,1271,1273,1275,1278],{"class":104,"style":105},[102,1254,302],{"style":108},[102,1256,1257],{"style":305},"File.Import ",[102,1259,349],{"style":243},[102,1261,312],{"style":121},[102,1263,1264],{"style":108},"{[",[102,1266,1267],{"style":137},"'useState'",[102,1269,1270],{"style":108},"]} ",[102,1272,318],{"style":243},[102,1274,312],{"style":121},[102,1276,1277],{"style":137},"\"react\" ",[102,1279,1280],{"style":108},"\u002F>",[102,1282,1283],{"class":104,"style":105},[102,1284,1286],{"style":1285},"color:#6a737d;--hls-dark:#6a737d","\u002F\u002F import { useState } from 'react'",[102,1288],{"class":104,"style":105},[102,1290,1291,1293,1295,1297,1300,1302,1304,1307,1309,1311,1314,1317],{"class":104,"style":105},[102,1292,302],{"style":121},[102,1294,244],{"style":243},[102,1296,205],{"style":121},[102,1298,1299],{"style":108},"Import ",[102,1301,349],{"style":224},[102,1303,312],{"style":121},[102,1305,1306],{"style":137},"\"z\" ",[102,1308,318],{"style":224},[102,1310,312],{"style":121},[102,1312,1313],{"style":137},"\"zod\" ",[102,1315,1316],{"style":224},"isNameSpace ",[102,1318,1280],{"style":121},[102,1320,1321],{"class":104,"style":105},[102,1322,1323],{"style":1285},"\u002F\u002F import * as z from 'zod'",[712,1325,1327],{"id":1326},"file-export",[13,1328,546],{},[10,1330,1331,1332,1158],{},"Declares an export for the enclosing ",[13,1333,244],{},[471,1335,1336,1346],{},[474,1337,1338],{},[477,1339,1340,1342,1344],{},[480,1341,733],{},[480,1343,369],{},[480,1345,738],{},[490,1347,1348,1362,1375,1390],{},[477,1349,1350,1354,1359],{},[495,1351,1352],{},[13,1353,952],{},[495,1355,1356],{},[13,1357,1358],{},"string | Array\u003Cstring> | null",[495,1360,1361],{},"Binding to export. Omit for a wildcard export.",[477,1363,1364,1368,1372],{},[495,1365,1366],{},[13,1367,318],{},[495,1369,1370],{},[13,1371,768],{},[495,1373,1374],{},"Module specifier to export from.",[477,1376,1377,1381,1385],{},[495,1378,1379],{},[13,1380,999],{},[495,1382,1383],{},[13,1384,971],{},[495,1386,1226,1387,205],{},[13,1388,1389],{},"export type",[477,1391,1392,1397,1401],{},[495,1393,1394],{},[13,1395,1396],{},"asAlias?",[495,1398,1399],{},[13,1400,971],{},[495,1402,1226,1403,205],{},[13,1404,1405],{},"export * as name",[93,1407,1409],{"language":208,"code":1408,"class":97},"\u003CFile.Export name={['Pet']} path=\".\u002Fmodels\u002FpetStore\" \u002F>\n\u002F\u002F export { Pet } from '.\u002Fmodels\u002FpetStore'\n\n\u003CFile.Export path=\".\u002Fmodels\u002FpetStore\" isTypeOnly \u002F>\n\u002F\u002F export type * from '.\u002Fmodels\u002FpetStore'",[13,1410,1411,110,1438,110,1443,110,1445,110,1467],{"class":213},[102,1412,1413,1415,1418,1420,1422,1424,1427,1429,1431,1433,1436],{"class":104,"style":105},[102,1414,302],{"style":108},[102,1416,1417],{"style":305},"File.Export ",[102,1419,349],{"style":243},[102,1421,312],{"style":121},[102,1423,1264],{"style":108},[102,1425,1426],{"style":137},"'Pet'",[102,1428,1270],{"style":108},[102,1430,318],{"style":243},[102,1432,312],{"style":121},[102,1434,1435],{"style":137},"\".\u002Fmodels\u002FpetStore\" ",[102,1437,1280],{"style":108},[102,1439,1440],{"class":104,"style":105},[102,1441,1442],{"style":1285},"\u002F\u002F export { Pet } from '.\u002Fmodels\u002FpetStore'",[102,1444],{"class":104,"style":105},[102,1446,1447,1449,1451,1453,1456,1458,1460,1462,1465],{"class":104,"style":105},[102,1448,302],{"style":121},[102,1450,244],{"style":243},[102,1452,205],{"style":121},[102,1454,1455],{"style":108},"Export ",[102,1457,318],{"style":224},[102,1459,312],{"style":121},[102,1461,1435],{"style":137},[102,1463,1464],{"style":224},"isTypeOnly ",[102,1466,1280],{"style":121},[102,1468,1469],{"class":104,"style":105},[102,1470,1471],{"style":1285},"\u002F\u002F export type * from '.\u002Fmodels\u002FpetStore'",[695,1473,564],{"id":1474},"javascript",[10,1476,1477,1478,1480,1481,1484],{},"The JavaScript components emit TypeScript declarations. Nest them inside a ",[13,1479,335],{}," so the renderer writes them into a ",[13,1482,1483],{},".ts"," file.",[712,1486,1488],{"id":1487},"const",[13,1489,561],{},[10,1491,1492],{},"Generates a TypeScript constant declaration. The children are the initializer expression.",[471,1494,1495,1505],{},[474,1496,1497],{},[477,1498,1499,1501,1503],{},[480,1500,733],{},[480,1502,369],{},[480,1504,738],{},[490,1506,1507,1520,1535,1552,1570,1585],{},[477,1508,1509,1513,1517],{},[495,1510,1511],{},[13,1512,349],{},[495,1514,1515],{},[13,1516,768],{},[495,1518,1519],{},"Identifier of the constant.",[477,1521,1522,1527,1531],{},[495,1523,1524],{},[13,1525,1526],{},"export?",[495,1528,1529],{},[13,1530,971],{},[495,1532,974,1533,978],{},[13,1534,977],{},[477,1536,1537,1542,1546],{},[495,1538,1539],{},[13,1540,1541],{},"type?",[495,1543,1544],{},[13,1545,798],{},[495,1547,1548,1549,205],{},"Type annotation written after ",[13,1550,1551],{},"const name:",[477,1553,1554,1559,1563],{},[495,1555,1556],{},[13,1557,1558],{},"asConst?",[495,1560,1561],{},[13,1562,971],{},[495,1564,1565,1566,1569],{},"Append ",[13,1567,1568],{},"as const"," after the initializer.",[477,1571,1572,1577,1582],{},[495,1573,1574],{},[13,1575,1576],{},"JSDoc?",[495,1578,1579],{},[13,1580,1581],{},"JSDoc | null",[495,1583,1584],{},"JSDoc block prepended to the declaration.",[477,1586,1587,1591,1595],{},[495,1588,1589],{},[13,1590,836],{},[495,1592,1593],{},[13,1594,841],{},[495,1596,1597],{},"Initializer expression.",[93,1599,1601],{"language":208,"code":1600,"class":97},"\u003CConst export name=\"petSchema\" type=\"z.ZodType\u003CPet>\">\n  {`z.object({ id: z.number() })`}\n\u003C\u002FConst>\n\u002F\u002F export const petSchema: z.ZodType\u003CPet> = z.object({ id: z.number() })",[13,1602,1603,110,1628,110,1639,110,1647],{"class":213},[102,1604,1605,1607,1610,1613,1615,1618,1621,1623,1626],{"class":104,"style":105},[102,1606,302],{"style":108},[102,1608,1609],{"style":305},"Const ",[102,1611,1612],{"style":243},"export name",[102,1614,312],{"style":121},[102,1616,1617],{"style":137},"\"petSchema\" ",[102,1619,1620],{"style":243},"type",[102,1622,312],{"style":121},[102,1624,1625],{"style":137},"\"z.ZodType\u003CPet>\"",[102,1627,326],{"style":108},[102,1629,1630,1632,1634,1637],{"class":104,"style":105},[102,1631,115],{"style":224},[102,1633,109],{"style":108},[102,1635,1636],{"style":137},"`z.object({ id: z.number() })`",[102,1638,160],{"style":108},[102,1640,1641,1643,1645],{"class":104,"style":105},[102,1642,366],{"style":108},[102,1644,561],{"style":305},[102,1646,326],{"style":108},[102,1648,1649],{"class":104,"style":105},[102,1650,1651],{"style":1285},"\u002F\u002F export const petSchema: z.ZodType\u003CPet> = z.object({ id: z.number() })",[712,1653,1655],{"id":1654},"function",[13,1656,250],{},[10,1658,1659],{},"Generates a TypeScript function declaration. The children are the function body.",[471,1661,1662,1672],{},[474,1663,1664],{},[477,1665,1666,1668,1670],{},[480,1667,733],{},[480,1669,369],{},[480,1671,738],{},[490,1673,1674,1687,1701,1721,1744,1758,1772,1789,1801],{},[477,1675,1676,1680,1684],{},[495,1677,1678],{},[13,1679,349],{},[495,1681,1682],{},[13,1683,768],{},[495,1685,1686],{},"Identifier of the function.",[477,1688,1689,1693,1697],{},[495,1690,1691],{},[13,1692,1526],{},[495,1694,1695],{},[13,1696,971],{},[495,1698,974,1699,978],{},[13,1700,977],{},[477,1702,1703,1708,1712],{},[495,1704,1705],{},[13,1706,1707],{},"default?",[495,1709,1710],{},[13,1711,971],{},[495,1713,1226,1714,1717,1718,1720],{},[13,1715,1716],{},"default"," after ",[13,1719,977],{}," to make this the default export.",[477,1722,1723,1728,1732],{},[495,1724,1725],{},[13,1726,1727],{},"async?",[495,1729,1730],{},[13,1731,971],{},[495,1733,1226,1734,1736,1737,1740,1741,205],{},[13,1735,390],{},". Wraps ",[13,1738,1739],{},"returnType"," in ",[13,1742,1743],{},"Promise\u003C…>",[477,1745,1746,1751,1755],{},[495,1747,1748],{},[13,1749,1750],{},"params?",[495,1752,1753],{},[13,1754,798],{},[495,1756,1757],{},"Parameter list written between the parentheses.",[477,1759,1760,1765,1769],{},[495,1761,1762],{},[13,1763,1764],{},"generics?",[495,1766,1767],{},[13,1768,1358],{},[495,1770,1771],{},"Generic type parameters. An array joins with commas.",[477,1773,1774,1779,1783],{},[495,1775,1776],{},[13,1777,1778],{},"returnType?",[495,1780,1781],{},[13,1782,798],{},[495,1784,1785,1786,205],{},"Return type annotation written after ",[13,1787,1788],{},":",[477,1790,1791,1795,1799],{},[495,1792,1793],{},[13,1794,1576],{},[495,1796,1797],{},[13,1798,1581],{},[495,1800,1584],{},[477,1802,1803,1807,1811],{},[495,1804,1805],{},[13,1806,836],{},[495,1808,1809],{},[13,1810,841],{},[495,1812,1813],{},"Function body.",[93,1815,1817],{"language":208,"code":1816,"class":97},"\u003CFunction export async name=\"getPet\" generics={['TData = Pet']} params=\"petId: string\" returnType=\"TData\">\n  {'return client.get(\"\u002Fpets\u002F\" + petId)'}\n\u003C\u002FFunction>\n\u002F\u002F export async function getPet\u003CTData = Pet>(petId: string): Promise\u003CTData> { … }",[13,1818,1819,110,1861,110,1872,110,1880],{"class":213},[102,1820,1821,1823,1825,1828,1830,1832,1835,1837,1839,1842,1844,1847,1849,1852,1854,1856,1859],{"class":104,"style":105},[102,1822,302],{"style":108},[102,1824,380],{"style":305},[102,1826,1827],{"style":243},"export async name",[102,1829,312],{"style":121},[102,1831,387],{"style":137},[102,1833,1834],{"style":243},"generics",[102,1836,312],{"style":121},[102,1838,1264],{"style":108},[102,1840,1841],{"style":137},"'TData = Pet'",[102,1843,1270],{"style":108},[102,1845,1846],{"style":243},"params",[102,1848,312],{"style":121},[102,1850,1851],{"style":137},"\"petId: string\" ",[102,1853,1739],{"style":243},[102,1855,312],{"style":121},[102,1857,1858],{"style":137},"\"TData\"",[102,1860,326],{"style":108},[102,1862,1863,1865,1867,1870],{"class":104,"style":105},[102,1864,115],{"style":224},[102,1866,109],{"style":108},[102,1868,1869],{"style":137},"'return client.get(\"\u002Fpets\u002F\" + petId)'",[102,1871,160],{"style":108},[102,1873,1874,1876,1878],{"class":104,"style":105},[102,1875,366],{"style":108},[102,1877,250],{"style":305},[102,1879,326],{"style":108},[102,1881,1882],{"class":104,"style":105},[102,1883,1884],{"style":1285},"\u002F\u002F export async function getPet\u003CTData = Pet>(petId: string): Promise\u003CTData> { … }",[712,1886,1888],{"id":1887},"function-arrow",[13,1889,590],{},[10,1891,1892,1893,1895,1896,1898,1899,205],{},"Generates an arrow function assigned to a ",[13,1894,1487],{},". Takes every ",[13,1897,250],{}," prop plus ",[13,1900,1901],{},"singleLine",[471,1903,1904,1914],{},[474,1905,1906],{},[477,1907,1908,1910,1912],{},[480,1909,733],{},[480,1911,369],{},[480,1913,738],{},[490,1915,1916],{},[477,1917,1918,1923,1927],{},[495,1919,1920],{},[13,1921,1922],{},"singleLine?",[495,1924,1925],{},[13,1926,971],{},[495,1928,1929],{},"Render a braceless expression body instead of a block.",[93,1931,1933],{"language":208,"code":1932,"class":97},"\u003CFunction.Arrow export name=\"double\" params=\"n: number\" returnType=\"number\" singleLine>\n  {`n * 2`}\n\u003C\u002FFunction.Arrow>\n\u002F\u002F export const double = (n: number): number => n * 2",[13,1934,1935,110,1967,110,1978,110,1986],{"class":213},[102,1936,1937,1939,1942,1944,1946,1949,1951,1953,1956,1958,1960,1963,1965],{"class":104,"style":105},[102,1938,302],{"style":108},[102,1940,1941],{"style":305},"Function.Arrow ",[102,1943,1612],{"style":243},[102,1945,312],{"style":121},[102,1947,1948],{"style":137},"\"double\" ",[102,1950,1846],{"style":243},[102,1952,312],{"style":121},[102,1954,1955],{"style":137},"\"n: number\" ",[102,1957,1739],{"style":243},[102,1959,312],{"style":121},[102,1961,1962],{"style":137},"\"number\" ",[102,1964,1901],{"style":243},[102,1966,326],{"style":108},[102,1968,1969,1971,1973,1976],{"class":104,"style":105},[102,1970,115],{"style":224},[102,1972,109],{"style":108},[102,1974,1975],{"style":137},"`n * 2`",[102,1977,160],{"style":108},[102,1979,1980,1982,1984],{"class":104,"style":105},[102,1981,366],{"style":108},[102,1983,590],{"style":305},[102,1985,326],{"style":108},[102,1987,1988],{"class":104,"style":105},[102,1989,1990],{"style":1285},"\u002F\u002F export const double = (n: number): number => n * 2",[712,1992,1993],{"id":1620},[13,1994,369],{},[10,1996,1997,1998,2000],{},"Generates a TypeScript type alias. The children are the type expression. ",[13,1999,349],{}," must start with an uppercase letter or the component throws.",[471,2002,2003,2013],{},[474,2004,2005],{},[477,2006,2007,2009,2011],{},[480,2008,733],{},[480,2010,369],{},[480,2012,738],{},[490,2014,2015,2028,2042,2054],{},[477,2016,2017,2021,2025],{},[495,2018,2019],{},[13,2020,349],{},[495,2022,2023],{},[13,2024,768],{},[495,2026,2027],{},"Identifier of the type alias, starting with an uppercase letter.",[477,2029,2030,2034,2038],{},[495,2031,2032],{},[13,2033,1526],{},[495,2035,2036],{},[13,2037,971],{},[495,2039,974,2040,978],{},[13,2041,977],{},[477,2043,2044,2048,2052],{},[495,2045,2046],{},[13,2047,1576],{},[495,2049,2050],{},[13,2051,1581],{},[495,2053,1584],{},[477,2055,2056,2060,2064],{},[495,2057,2058],{},[13,2059,836],{},[495,2061,2062],{},[13,2063,841],{},[495,2065,2066],{},"Type expression on the right-hand side.",[93,2068,2070],{"language":208,"code":2069,"class":97},"\u003CType export name=\"PetId\">\n  {`string | number`}\n\u003C\u002FType>\n\u002F\u002F export type PetId = string | number",[13,2071,2072,110,2087,110,2098,110,2106],{"class":213},[102,2073,2074,2076,2078,2080,2082,2085],{"class":104,"style":105},[102,2075,302],{"style":108},[102,2077,255],{"style":305},[102,2079,1612],{"style":243},[102,2081,312],{"style":121},[102,2083,2084],{"style":137},"\"PetId\"",[102,2086,326],{"style":108},[102,2088,2089,2091,2093,2096],{"class":104,"style":105},[102,2090,115],{"style":224},[102,2092,109],{"style":108},[102,2094,2095],{"style":137},"`string | number`",[102,2097,160],{"style":108},[102,2099,2100,2102,2104],{"class":104,"style":105},[102,2101,366],{"style":108},[102,2103,369],{"style":305},[102,2105,326],{"style":108},[102,2107,2108],{"class":104,"style":105},[102,2109,2110],{"style":1285},"\u002F\u002F export type PetId = string | number",[695,2112,620],{"id":2113},"markdown",[10,2115,2116,2117,2119,2120,2122,2123,2126],{},"The markdown components each emit their own source block, so they go directly inside a ",[13,2118,244],{}," rather than a ",[13,2121,335],{},". Render the file with ",[13,2124,2125],{},"parserMd"," so it is written as markdown.",[93,2128,2131],{"language":208,"filename":2129,"code":2130,"class":97},"docs.tsx","import { jsxRenderer } from 'kubb\u002Fjsx'\nimport { File, Frontmatter, Heading, Paragraph, List, Callout } from 'kubb\u002Fjsx'\n\nconst renderer = jsxRenderer()\n\nawait renderer.render(\n  \u003CFile baseName=\"pets.md\" path=\"src\u002Fdocs\u002Fpets.md\">\n    \u003CFrontmatter data={{ title: 'Pets', layout: 'doc' }} \u002F>\n    \u003CHeading level={2}>Pets\u003C\u002FHeading>\n    \u003CParagraph>{'A pet object with an id and a name.'}\u003C\u002FParagraph>\n    \u003CList items={['id: number', 'name: string']} \u002F>\n    \u003CCallout type=\"tip\">Keep the generator hot with kubb generate --watch.\u003C\u002FCallout>\n  \u003C\u002FFile>,\n)",[13,2132,2133,110,2147,110,2182,110,2184,110,2196,110,2198,110,2210,110,2234,110,2273,110,2305,110,2328,110,2356,110,2382,110,2394],{"class":213},[102,2134,2135,2137,2139,2141,2143,2145],{"class":104,"style":105},[102,2136,218],{"style":121},[102,2138,221],{"style":108},[102,2140,225],{"style":224},[102,2142,228],{"style":108},[102,2144,231],{"style":121},[102,2146,234],{"style":137},[102,2148,2149,2151,2153,2155,2157,2159,2161,2163,2165,2167,2169,2171,2173,2176,2178,2180],{"class":104,"style":105},[102,2150,218],{"style":121},[102,2152,221],{"style":108},[102,2154,244],{"style":243},[102,2156,247],{"style":121},[102,2158,632],{"style":243},[102,2160,247],{"style":121},[102,2162,646],{"style":243},[102,2164,247],{"style":121},[102,2166,674],{"style":243},[102,2168,247],{"style":121},[102,2170,660],{"style":243},[102,2172,247],{"style":121},[102,2174,2175],{"style":243},"Callout ",[102,2177,228],{"style":108},[102,2179,231],{"style":121},[102,2181,234],{"style":137},[102,2183],{"class":104,"style":105},[102,2185,2186,2188,2190,2192,2194],{"class":104,"style":105},[102,2187,268],{"style":121},[102,2189,271],{"style":224},[102,2191,274],{"style":121},[102,2193,63],{"style":243},[102,2195,279],{"style":108},[102,2197],{"class":104,"style":105},[102,2199,2200,2202,2204,2206,2208],{"class":104,"style":105},[102,2201,286],{"style":121},[102,2203,43],{"style":224},[102,2205,205],{"style":121},[102,2207,195],{"style":243},[102,2209,295],{"style":108},[102,2211,2212,2214,2216,2218,2220,2222,2225,2227,2229,2232],{"class":104,"style":105},[102,2213,115],{"style":108},[102,2215,302],{"style":108},[102,2217,306],{"style":305},[102,2219,309],{"style":243},[102,2221,312],{"style":121},[102,2223,2224],{"style":137},"\"pets.md\" ",[102,2226,318],{"style":243},[102,2228,312],{"style":121},[102,2230,2231],{"style":137},"\"src\u002Fdocs\u002Fpets.md\"",[102,2233,326],{"style":108},[102,2235,2236,2238,2240,2243,2246,2248,2250,2253,2255,2258,2260,2263,2265,2268,2271],{"class":104,"style":105},[102,2237,129],{"style":224},[102,2239,302],{"style":108},[102,2241,2242],{"style":305},"Frontmatter ",[102,2244,2245],{"style":243},"data",[102,2247,312],{"style":121},[102,2249,1115],{"style":108},[102,2251,2252],{"style":108},"title",[102,2254,122],{"style":121},[102,2256,2257],{"style":137},"'Pets'",[102,2259,247],{"style":121},[102,2261,2262],{"style":108},"layout",[102,2264,122],{"style":121},[102,2266,2267],{"style":137},"'doc' ",[102,2269,2270],{"style":108},"}} ",[102,2272,1280],{"style":108},[102,2274,2275,2277,2279,2282,2285,2287,2289,2292,2294,2296,2299,2301,2303],{"class":104,"style":105},[102,2276,129],{"style":224},[102,2278,302],{"style":108},[102,2280,2281],{"style":305},"Heading ",[102,2283,2284],{"style":243},"level",[102,2286,312],{"style":121},[102,2288,109],{"style":108},[102,2290,2291],{"style":108},"2",[102,2293,160],{"style":108},[102,2295,326],{"style":108},[102,2297,2298],{"style":224},"Pets",[102,2300,366],{"style":108},[102,2302,646],{"style":305},[102,2304,326],{"style":108},[102,2306,2307,2309,2311,2313,2315,2317,2320,2322,2324,2326],{"class":104,"style":105},[102,2308,129],{"style":224},[102,2310,302],{"style":108},[102,2312,674],{"style":305},[102,2314,326],{"style":108},[102,2316,109],{"style":108},[102,2318,2319],{"style":137},"'A pet object with an id and a name.'",[102,2321,160],{"style":108},[102,2323,366],{"style":108},[102,2325,674],{"style":305},[102,2327,326],{"style":108},[102,2329,2330,2332,2334,2337,2340,2342,2344,2347,2349,2352,2354],{"class":104,"style":105},[102,2331,129],{"style":224},[102,2333,302],{"style":108},[102,2335,2336],{"style":305},"List ",[102,2338,2339],{"style":243},"items",[102,2341,312],{"style":121},[102,2343,1264],{"style":108},[102,2345,2346],{"style":137},"'id: number'",[102,2348,247],{"style":121},[102,2350,2351],{"style":137},"'name: string'",[102,2353,1270],{"style":108},[102,2355,1280],{"style":108},[102,2357,2358,2360,2362,2364,2366,2368,2371,2373,2376,2378,2380],{"class":104,"style":105},[102,2359,129],{"style":224},[102,2361,302],{"style":108},[102,2363,2175],{"style":305},[102,2365,1620],{"style":243},[102,2367,312],{"style":121},[102,2369,2370],{"style":137},"\"tip\"",[102,2372,326],{"style":108},[102,2374,2375],{"style":224},"Keep the generator hot with kubb generate --watch.",[102,2377,366],{"style":108},[102,2379,617],{"style":305},[102,2381,326],{"style":108},[102,2383,2384,2386,2388,2390,2392],{"class":104,"style":105},[102,2385,115],{"style":224},[102,2387,366],{"style":108},[102,2389,244],{"style":305},[102,2391,326],{"style":108},[102,2393,141],{"style":121},[102,2395,2396],{"class":104,"style":105},[102,2397,441],{"style":108},[712,2399,2401],{"id":2400},"callout",[13,2402,617],{},[10,2404,2405,2406,2409],{},"Renders a GitHub-style alert using the ",[13,2407,2408],{},"> [!TYPE]"," blockquote syntax.",[471,2411,2412,2422],{},[474,2413,2414],{},[477,2415,2416,2418,2420],{},[480,2417,733],{},[480,2419,369],{},[480,2421,738],{},[490,2423,2424,2438,2452],{},[477,2425,2426,2430,2435],{},[495,2427,2428],{},[13,2429,1620],{},[495,2431,2432],{},[13,2433,2434],{},"'tip' | 'note' | 'important' | 'warning' | 'caution'",[495,2436,2437],{},"Callout kind, mapped to the uppercase label.",[477,2439,2440,2445,2449],{},[495,2441,2442],{},[13,2443,2444],{},"title?",[495,2446,2447],{},[13,2448,798],{},[495,2450,2451],{},"Title rendered on the marker line.",[477,2453,2454,2459,2463],{},[495,2455,2456],{},[13,2457,2458],{},"children",[495,2460,2461],{},[13,2462,768],{},[495,2464,2465,2466,205],{},"Body text. Each line is quoted with ",[13,2467,2468],{},"> ",[93,2470,2472],{"language":208,"code":2471,"class":97},"\u003CCallout type=\"warning\" title=\"Heads up\">Breaking change in v6.\u003C\u002FCallout>\n\u002F\u002F > [!WARNING] Heads up\n\u002F\u002F > Breaking change in v6.",[13,2473,2474,110,2505,110,2510],{"class":213},[102,2475,2476,2478,2480,2482,2484,2487,2489,2491,2494,2496,2499,2501,2503],{"class":104,"style":105},[102,2477,302],{"style":108},[102,2479,2175],{"style":305},[102,2481,1620],{"style":243},[102,2483,312],{"style":121},[102,2485,2486],{"style":137},"\"warning\" ",[102,2488,2252],{"style":243},[102,2490,312],{"style":121},[102,2492,2493],{"style":137},"\"Heads up\"",[102,2495,326],{"style":108},[102,2497,2498],{"style":224},"Breaking change in v6.",[102,2500,366],{"style":108},[102,2502,617],{"style":305},[102,2504,326],{"style":108},[102,2506,2507],{"class":104,"style":105},[102,2508,2509],{"style":1285},"\u002F\u002F > [!WARNING] Heads up",[102,2511,2512],{"class":104,"style":105},[102,2513,2514],{"style":1285},"\u002F\u002F > Breaking change in v6.",[712,2516,2518],{"id":2517},"frontmatter",[13,2519,632],{},[10,2521,2522,2523,205],{},"Emits a YAML frontmatter envelope at the top of a markdown file. Place it as the first child of the ",[13,2524,244],{},[471,2526,2527,2537],{},[474,2528,2529],{},[477,2530,2531,2533,2535],{},[480,2532,733],{},[480,2534,369],{},[480,2536,738],{},[490,2538,2539],{},[477,2540,2541,2545,2550],{},[495,2542,2543],{},[13,2544,2245],{},[495,2546,2547],{},[13,2548,2549],{},"Record\u003Cstring, unknown>",[495,2551,2552,2553,2556],{},"Object serialized to YAML between ",[13,2554,2555],{},"---"," fences.",[93,2558,2560],{"language":208,"code":2559,"class":97},"\u003CFrontmatter data={{ title: 'Pets', layout: 'doc' }} \u002F>\n\u002F\u002F ---\n\u002F\u002F title: Pets\n\u002F\u002F layout: doc\n\u002F\u002F ---",[13,2561,2562,110,2592,110,2597,110,2602,110,2607],{"class":213},[102,2563,2564,2566,2568,2570,2572,2574,2576,2578,2580,2582,2584,2586,2588,2590],{"class":104,"style":105},[102,2565,302],{"style":108},[102,2567,2242],{"style":305},[102,2569,2245],{"style":243},[102,2571,312],{"style":121},[102,2573,1115],{"style":108},[102,2575,2252],{"style":108},[102,2577,122],{"style":121},[102,2579,2257],{"style":137},[102,2581,247],{"style":121},[102,2583,2262],{"style":108},[102,2585,122],{"style":121},[102,2587,2267],{"style":137},[102,2589,2270],{"style":108},[102,2591,1280],{"style":108},[102,2593,2594],{"class":104,"style":105},[102,2595,2596],{"style":1285},"\u002F\u002F ---",[102,2598,2599],{"class":104,"style":105},[102,2600,2601],{"style":1285},"\u002F\u002F title: Pets",[102,2603,2604],{"class":104,"style":105},[102,2605,2606],{"style":1285},"\u002F\u002F layout: doc",[102,2608,2609],{"class":104,"style":105},[102,2610,2596],{"style":1285},[712,2612,2614],{"id":2613},"heading",[13,2615,646],{},[10,2617,2618],{},"Renders an ATX-style markdown heading.",[471,2620,2621,2631],{},[474,2622,2623],{},[477,2624,2625,2627,2629],{},[480,2626,733],{},[480,2628,369],{},[480,2630,738],{},[490,2632,2633,2651],{},[477,2634,2635,2639,2644],{},[495,2636,2637],{},[13,2638,2284],{},[495,2640,2641],{},[13,2642,2643],{},"1 | 2 | 3 | 4 | 5 | 6",[495,2645,2646,2647,2650],{},"Heading depth, matching the number of ",[13,2648,2649],{},"#"," characters.",[477,2652,2653,2657,2661],{},[495,2654,2655],{},[13,2656,2458],{},[495,2658,2659],{},[13,2660,768],{},[495,2662,2663],{},"Heading text.",[93,2665,2667],{"language":208,"code":2666,"class":97},"\u003CHeading level={2}>Installation\u003C\u002FHeading>\n\u002F\u002F ## Installation",[13,2668,2669,110,2696],{"class":213},[102,2670,2671,2673,2675,2677,2679,2681,2683,2685,2687,2690,2692,2694],{"class":104,"style":105},[102,2672,302],{"style":108},[102,2674,2281],{"style":305},[102,2676,2284],{"style":243},[102,2678,312],{"style":121},[102,2680,109],{"style":108},[102,2682,2291],{"style":108},[102,2684,160],{"style":108},[102,2686,326],{"style":108},[102,2688,2689],{"style":224},"Installation",[102,2691,366],{"style":108},[102,2693,646],{"style":305},[102,2695,326],{"style":108},[102,2697,2698],{"class":104,"style":105},[102,2699,2700],{"style":1285},"\u002F\u002F ## Installation",[712,2702,2704],{"id":2703},"list",[13,2705,660],{},[10,2707,2708],{},"Renders a markdown list, one entry per line.",[471,2710,2711,2721],{},[474,2712,2713],{},[477,2714,2715,2717,2719],{},[480,2716,733],{},[480,2718,369],{},[480,2720,738],{},[490,2722,2723,2737],{},[477,2724,2725,2729,2734],{},[495,2726,2727],{},[13,2728,2339],{},[495,2730,2731],{},[13,2732,2733],{},"ReadonlyArray\u003Cstring>",[495,2735,2736],{},"List entries, one per line.",[477,2738,2739,2744,2748],{},[495,2740,2741],{},[13,2742,2743],{},"ordered?",[495,2745,2746],{},[13,2747,971],{},[495,2749,2750],{},"Emit a numbered list. Defaults to a bullet list.",[93,2752,2754],{"language":208,"code":2753,"class":97},"\u003CList ordered items={['First', 'Second']} \u002F>\n\u002F\u002F 1. First\n\u002F\u002F 2. Second",[13,2755,2756,110,2781,110,2786],{"class":213},[102,2757,2758,2760,2762,2765,2767,2769,2772,2774,2777,2779],{"class":104,"style":105},[102,2759,302],{"style":108},[102,2761,2336],{"style":305},[102,2763,2764],{"style":243},"ordered items",[102,2766,312],{"style":121},[102,2768,1264],{"style":108},[102,2770,2771],{"style":137},"'First'",[102,2773,247],{"style":121},[102,2775,2776],{"style":137},"'Second'",[102,2778,1270],{"style":108},[102,2780,1280],{"style":108},[102,2782,2783],{"class":104,"style":105},[102,2784,2785],{"style":1285},"\u002F\u002F 1. First",[102,2787,2788],{"class":104,"style":105},[102,2789,2790],{"style":1285},"\u002F\u002F 2. Second",[712,2792,2794],{"id":2793},"paragraph",[13,2795,674],{},[10,2797,2798],{},"Renders a markdown paragraph. Inline markdown passes through verbatim.",[471,2800,2801,2811],{},[474,2802,2803],{},[477,2804,2805,2807,2809],{},[480,2806,733],{},[480,2808,369],{},[480,2810,738],{},[490,2812,2813],{},[477,2814,2815,2819,2823],{},[495,2816,2817],{},[13,2818,2458],{},[495,2820,2821],{},[13,2822,768],{},[495,2824,2825],{},"Paragraph text.",[93,2827,2829],{"language":208,"code":2828,"class":97},"\u003CParagraph>{'A pet object with `id` and `name` fields.'}\u003C\u002FParagraph>",[13,2830,2831],{"class":213},[102,2832,2833,2835,2837,2839,2841,2844,2846,2848,2850],{"class":104,"style":105},[102,2834,302],{"style":108},[102,2836,674],{"style":305},[102,2838,326],{"style":108},[102,2840,109],{"style":108},[102,2842,2843],{"style":137},"'A pet object with `id` and `name` fields.'",[102,2845,160],{"style":108},[102,2847,366],{"style":108},[102,2849,674],{"style":305},[102,2851,326],{"style":108},[695,2853,690],{"id":2854},"jsx",[712,2856,2858],{"id":2857},"jsx-component",[13,2859,468],{},[10,2861,2862,2863,2865],{},"Embeds a raw JSX string in the generated source, including fragments. Use it inside a ",[13,2864,250],{}," to emit a component body. The children must be a plain string.",[471,2867,2868,2878],{},[474,2869,2870],{},[477,2871,2872,2874,2876],{},[480,2873,733],{},[480,2875,369],{},[480,2877,738],{},[490,2879,2880],{},[477,2881,2882,2886,2890],{},[495,2883,2884],{},[13,2885,836],{},[495,2887,2888],{},[13,2889,768],{},[495,2891,2892],{},"Raw JSX string embedded verbatim.",[93,2894,2896],{"language":208,"code":2895,"class":97},"\u003CFunction name=\"MyComponent\" export>\n  \u003CJsx>{'return (\\n  \u003C>\\n    \u003Cdiv>Hello\u003C\u002Fdiv>\\n  \u003C\u002F>\\n)'}\u003C\u002FJsx>\n\u003C\u002FFunction>",[13,2897,2898,110,2915,110,2959],{"class":213},[102,2899,2900,2902,2904,2906,2908,2911,2913],{"class":104,"style":105},[102,2901,302],{"style":108},[102,2903,380],{"style":305},[102,2905,349],{"style":243},[102,2907,312],{"style":121},[102,2909,2910],{"style":137},"\"MyComponent\" ",[102,2912,977],{"style":243},[102,2914,326],{"style":108},[102,2916,2917,2919,2921,2923,2925,2927,2930,2933,2936,2938,2941,2943,2946,2948,2951,2953,2955,2957],{"class":104,"style":105},[102,2918,115],{"style":224},[102,2920,302],{"style":108},[102,2922,468],{"style":305},[102,2924,326],{"style":108},[102,2926,109],{"style":108},[102,2928,2929],{"style":137},"'return (",[102,2931,2932],{"style":137},"\\n",[102,2934,2935],{"style":137},"  \u003C>",[102,2937,2932],{"style":137},[102,2939,2940],{"style":137},"    \u003Cdiv>Hello\u003C\u002Fdiv>",[102,2942,2932],{"style":137},[102,2944,2945],{"style":137},"  \u003C\u002F>",[102,2947,2932],{"style":137},[102,2949,2950],{"style":137},")'",[102,2952,160],{"style":108},[102,2954,366],{"style":108},[102,2956,468],{"style":305},[102,2958,326],{"style":108},[102,2960,2961,2963,2965],{"class":104,"style":105},[102,2962,366],{"style":108},[102,2964,250],{"style":305},[102,2966,326],{"style":108},{"title":2968,"searchDepth":2969,"depth":2969,"links":2970},"",5,[2971,2973,2974,2975],{"id":32,"depth":2972,"text":33},2,{"id":80,"depth":2972,"text":81},{"id":184,"depth":2972,"text":187},{"id":461,"depth":2972,"text":462,"children":2976},[2977,2985,2991,2998],{"id":697,"depth":2978,"text":504,"children":2979},3,[2980,2982,2983,2984],{"id":714,"depth":2981,"text":244},4,{"id":923,"depth":2981,"text":335},{"id":1150,"depth":2981,"text":531},{"id":1326,"depth":2981,"text":546},{"id":1474,"depth":2978,"text":564,"children":2986},[2987,2988,2989,2990],{"id":1487,"depth":2981,"text":561},{"id":1654,"depth":2981,"text":250},{"id":1887,"depth":2981,"text":590},{"id":1620,"depth":2981,"text":369},{"id":2113,"depth":2978,"text":620,"children":2992},[2993,2994,2995,2996,2997],{"id":2400,"depth":2981,"text":617},{"id":2517,"depth":2981,"text":632},{"id":2613,"depth":2981,"text":646},{"id":2703,"depth":2981,"text":660},{"id":2793,"depth":2981,"text":674},{"id":2854,"depth":2978,"text":690,"children":2999},[3000],{"id":2857,"depth":2981,"text":468},"The kubb\u002Fjsx surface backed by @kubb\u002Frenderer-jsx. jsxRenderer, the built-in components, and the JSX runtime for component-based code generation.","md",{"layout":3004,"title":5,"description":3001,"outline":3005,"order":2969,"navigation":3006},"doc",[2972,2978],{"title":690,"icon":3007},"i-iconoir-code",{"layout":3004,"outline":3009},[2972,2978],{"title":690,"icon":3007},"\u002Fdocs\u002F5.x\u002Freference\u002Fjsx",{"title":5,"description":3001},{"loc":3011},"kubb-labs\u002Fkubb\u002Fdocs\u002F5.x\u002Freference\u002Fjsx.md","docs\u002F5.x\u002Freference\u002Fjsx","JrqFaMdfMYr3h8Q0xWb7t-CUKSSNvw8iMTOUwrXkqFI",1792931642660]