[{"data":1,"prerenderedAt":397},["ShallowReactive",2],{"navigation_docs":3,"-ui":194,"-ui-surround":392},[4,22,82,124,146,168,190],{"title":5,"path":6,"stem":7,"children":8},"Getting started","/getting-started","1.getting-started/0.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"MCP quickstart","/getting-started/mcp-quickstart","1.getting-started/1.mcp-quickstart",{"title":15,"path":16,"stem":17},"REST quickstart","/getting-started/rest-quickstart","1.getting-started/2.rest-quickstart",{"title":19,"path":20,"stem":21},"UI quickstart","/getting-started/ui-quickstart","1.getting-started/3.ui-quickstart",{"title":23,"path":24,"stem":25,"children":26},"MCP server","/mcp","2.mcp/0.index",[27,28,32,36,40],{"title":23,"path":24,"stem":25},{"title":29,"path":30,"stem":31},"Connecting","/mcp/connection","2.mcp/1.connection",{"title":33,"path":34,"stem":35},"Envelope","/mcp/envelope","2.mcp/2.envelope",{"title":37,"path":38,"stem":39},"Resources","/mcp/resources","2.mcp/3.resources",{"title":41,"path":42,"stem":43,"children":44},"Tools","/mcp/tools","2.mcp/4.tools/0.index",[45,46,50,54,58,62,66,70,74,78],{"title":41,"path":42,"stem":43},{"title":47,"path":48,"stem":49},"list_schema_versions","/mcp/tools/list-schema-versions","2.mcp/4.tools/1.list-schema-versions",{"title":51,"path":52,"stem":53},"get_schema","/mcp/tools/get-schema","2.mcp/4.tools/2.get-schema",{"title":55,"path":56,"stem":57},"list_categories","/mcp/tools/list-categories","2.mcp/4.tools/3.list-categories",{"title":59,"path":60,"stem":61},"list_elements","/mcp/tools/list-elements","2.mcp/4.tools/4.list-elements",{"title":63,"path":64,"stem":65},"get_element","/mcp/tools/get-element","2.mcp/4.tools/5.get-element",{"title":67,"path":68,"stem":69},"get_elements","/mcp/tools/get-elements","2.mcp/4.tools/6.get-elements",{"title":71,"path":72,"stem":73},"validate_datachain","/mcp/tools/validate-datachain","2.mcp/4.tools/7.validate-datachain",{"title":75,"path":76,"stem":77},"render_datachain","/mcp/tools/render-datachain","2.mcp/4.tools/8.render-datachain",{"title":79,"path":80,"stem":81},"get_icon_url","/mcp/tools/get-icon-url","2.mcp/4.tools/9.get-icon-url",{"title":83,"path":84,"stem":85,"children":86},"REST API (v2)","/rest","3.rest/0.index",[87,88,92,96,100,104,108,112,116,120],{"title":83,"path":84,"stem":85},{"title":89,"path":90,"stem":91},"GET /schemas","/rest/schemas","3.rest/1.schemas",{"title":93,"path":94,"stem":95},"GET /schemas/:version/manifest","/rest/manifest","3.rest/2.manifest",{"title":97,"path":98,"stem":99},"GET /schemas/:version/categories","/rest/categories","3.rest/3.categories",{"title":101,"path":102,"stem":103},"GET /schemas/:version/elements","/rest/elements-list","3.rest/4.elements-list",{"title":105,"path":106,"stem":107},"GET /schemas/:version/elements/:element_id","/rest/element-detail","3.rest/5.element-detail",{"title":109,"path":110,"stem":111},"POST /schemas/:version/validate","/rest/validate","3.rest/6.validate",{"title":113,"path":114,"stem":115},"Icon routes","/rest/icons","3.rest/7.icons",{"title":117,"path":118,"stem":119},"Pagination & fields","/rest/pagination-and-fields","3.rest/8.pagination-and-fields",{"title":121,"path":122,"stem":123},"Errors","/rest/errors","3.rest/9.errors",{"title":125,"path":126,"stem":127,"children":128},"Icon composition","/icons","4.icons/0.index",[129,130,134,138,142],{"title":125,"path":126,"stem":127},{"title":131,"path":132,"stem":133},"Shapes","/icons/shapes","4.icons/1.shapes",{"title":135,"path":136,"stem":137},"Symbols","/icons/symbols","4.icons/2.symbols",{"title":139,"path":140,"stem":141},"Composed variants","/icons/composed-variants","4.icons/3.composed-variants",{"title":143,"path":144,"stem":145},"URLs","/icons/urls","4.icons/4.urls",{"title":147,"path":148,"stem":149,"children":150},"@dtpr/ui","/ui","5.ui/0.index",[151,152,156,160,164],{"title":147,"path":148,"stem":149},{"title":153,"path":154,"stem":155},"@dtpr/ui/core","/ui/core","5.ui/1.core",{"title":157,"path":158,"stem":159},"@dtpr/ui/vue","/ui/vue","5.ui/2.vue",{"title":161,"path":162,"stem":163},"@dtpr/ui/html","/ui/html","5.ui/3.html",{"title":165,"path":166,"stem":167},"Theming","/ui/theming","5.ui/4.theming",{"title":169,"path":170,"stem":171,"children":172},"Concepts","/concepts","6.concepts/0.index",[173,174,178,182,186],{"title":169,"path":170,"stem":171},{"title":175,"path":176,"stem":177},"Datachains","/concepts/datachains","6.concepts/1.datachains",{"title":179,"path":180,"stem":181},"Elements & categories","/concepts/elements-categories","6.concepts/2.elements-categories",{"title":183,"path":184,"stem":185},"Versions & releases","/concepts/versions-and-releases","6.concepts/3.versions-and-releases",{"title":187,"path":188,"stem":189},"Content hash","/concepts/content-hash","6.concepts/4.content-hash",{"title":191,"path":192,"stem":193},"Changelog","/changelog","7.changelog",{"id":195,"title":147,"body":196,"description":385,"extension":386,"links":387,"meta":388,"navigation":389,"path":148,"seo":390,"stem":149,"__hash__":391},"docs/5.ui/0.index.md",{"type":197,"value":198,"toc":380},"minimark",[199,203,210,235,317,322,357,361,376],[200,201,147],"h1",{"id":202},"dtprui",[204,205,206,209],"p",{},[207,208,147],"code",{}," is the component library for rendering DTPR datachains. It ships three subpath exports so you can pull only the layer you need.",[211,212,217],"pre",{"className":213,"code":214,"language":215,"meta":216,"style":216},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @dtpr/ui\n","bash","",[207,218,219],{"__ignoreMap":216},[220,221,224,228,232],"span",{"class":222,"line":223},"line",1,[220,225,227],{"class":226},"sBMFI","pnpm",[220,229,231],{"class":230},"sfazB"," add",[220,233,234],{"class":230}," @dtpr/ui\n",[236,237,238,254],"table",{},[239,240,241],"thead",{},[242,243,244,248,251],"tr",{},[245,246,247],"th",{},"Subpath",[245,249,250],{},"For",[245,252,253],{},"What's inside",[255,256,257,270,302],"tbody",{},[242,258,259,264,267],{},[260,261,262],"td",{},[207,263,153],{},[260,265,266],{},"Any JavaScript / TypeScript runtime",[260,268,269],{},"Framework-neutral helpers (locale projection, category grouping, display derivation, validation).",[242,271,272,276,279],{},[260,273,274],{},[207,275,157],{},[260,277,278],{},"Vue 3 apps",[260,280,281,282,285,286,285,289,285,292,285,295,285,298,301],{},"6 Single-File Components (",[207,283,284],{},"DtprIcon",", ",[207,287,288],{},"DtprElement",[207,290,291],{},"DtprElementDetail",[207,293,294],{},"DtprCategorySection",[207,296,297],{},"DtprDatachain",[207,299,300],{},"DtprElementGrid",").",[242,303,304,308,311],{},[260,305,306],{},[207,307,161],{},[260,309,310],{},"Any server-side Node runtime",[260,312,313,316],{},[207,314,315],{},"renderDatachainDocument"," — SSR HTML for MCP Apps iframes.",[318,319,321],"h2",{"id":320},"in-this-section","In this section",[323,324,325,333,339,348],"ul",{},[326,327,328,332],"li",{},[329,330,331],"a",{"href":154},"Core"," — framework-neutral helpers + types.",[326,334,335,338],{},[329,336,337],{"href":158},"Vue"," — the 6 Vue components with props, slots, examples.",[326,340,341,344,345,347],{},[329,342,343],{"href":162},"HTML (SSR)"," — ",[207,346,315],{}," for the MCP Apps flow.",[326,349,350,352,353,356],{},[329,351,165],{"href":166}," — the ",[207,354,355],{},"dtpr"," cascade layer and CSS custom properties.",[318,358,360],{"id":359},"related","Related",[323,362,363,371],{},[326,364,365,370],{},[329,366,367,368],{"href":76},"MCP: ",[207,369,75],{}," — the tool that produces the HTML served to iframes.",[326,372,373,375],{},[329,374,19],{"href":20}," — minimal Vue 3 app fetching from the REST API.",[377,378,379],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}",{"title":216,"searchDepth":381,"depth":381,"links":382},2,[383,384],{"id":320,"depth":381,"text":321},{"id":359,"depth":381,"text":360},"Framework-neutral helpers, Vue components, and SSR HTML renderer for DTPR content.","md",null,{},true,{"title":147,"description":385},"eMKTGy1wO_1bx-YyX8cRvMQLl9E67I4rYE71gcD0m_M",[393,395],{"title":143,"path":144,"stem":145,"description":394,"children":-1},"Derive an icon URL from any (version, element, variant) triple.",{"title":153,"path":154,"stem":155,"description":396,"children":-1},"Framework-neutral helpers for locale extraction, interpolation, category grouping, display derivation, and validation.",1776525921439]