[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_123":124},"routes/modules.$creator.$moduleId",{"_14":15,"_16":17,"_18":19,"_20":21},"routes/modules.$creator.$moduleId.endpoints",{"_11":12,"_13":-5},"error","Module not found","tools","module",{"_20":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":26,"_36":37,"_38":-5,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_57":49,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":49,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":-5,"_81":-5,"_82":49,"_83":-5,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95},"apiUrl","https://odel.app/api","creator","anousss007","moduleId","ng-blatui","@anousss007/ng-blatui","displayName","ng blatui","tagline","ng-blatui for Angular — search components, blocks, charts & templates and read their typed API.","iconKey","https://avatars.githubusercontent.com/u/4137453?v=4","category","remote","status","published","visibility","public","metaDescription","deploymentType","external","workerName","bindingName","mcpConfig","{\"url\":\"https://ngblatui.remix-it.com/mcp\",\"transport\":\"streamable-http\",\"authType\":\"none\"}","pricingModel","free","creatorUserId","system:external-import","createdAt",1783337906000,"updatedAt",1788777579000,"sourceRegistry","official-mcp-registry","sourceUrl","https://registry.modelcontextprotocol.io/v0/servers?search=io.github.anousss007%2Fng-blatui","sourceVerified",true,"sourceMissingSince","importedAt","upstreamStars",16,"upstreamUpdatedAt",1788428271000,"detectedTransport","streamable-http","detectedAuthType","none","probeStatus","ok","lastProbedAt","githubRepoUrl","https://github.com/anousss007/ng-blatui","githubRepoFullName","anousss007/ng-blatui","releaseId","ext-anousss007-ng-blatui","version","1.1.0","descriptionMarkdown","# ng-blatui\n\n[![npm](https://img.shields.io/npm/v/ng-blatui.svg)](https://www.npmjs.com/package/ng-blatui)\n[![license](https://img.shields.io/npm/l/ng-blatui.svg)](./LICENSE)\n[![Angular](https://img.shields.io/badge/Angular-21%20%26%2022-dd0031.svg)](https://angular.dev)\n\nAccessible **Angular UI library** — a faithful port of [BlatUI](https://ngblatui.remix-it.com)'s visual system to Angular. Built on the official Angular headless stack (Angular Aria + CDK), styled with Tailwind CSS v4 + oklch design tokens.\n\n**157 components · 16 blocks · 70 charts · 35 page templates** — all standalone, signal-based, zoneless and SSR-safe.\n\n🔗 **[Docs & live demo →](https://ngblatui.remix-it.com)** · 📦 **[npm](https://www.npmjs.com/package/ng-blatui)** · 🤖 **[Using with AI →](https://github.com/anousss007/ng-blatui/blob/main/USING-WITH-AI.md)**\n\n---\n\n## Highlights\n\n- **Angular 21 & 22** — standalone components, **signals** (`input()`/`model()`/`output()`), **zoneless** change detection, `OnPush` by default.\n- **SSR-ready** — every component renders correctly under server-side rendering (the docs site prerenders 280+ static routes).\n- **Accessible** — behavior built on `@angular/aria` + `@angular/cdk`; passes AXE / WCAG AA.\n- **Forms-native** — every form control implements `ControlValueAccessor`, so the same component works with Reactive, Template-driven and Signal forms.\n- **Themeable** — Tailwind v4 utilities + CSS variables (oklch tokens); light/dark out of the box.\n- **AI-ready** — ships an MCP server, an `llms.txt` index and a machine-readable registry (see below).\n\n## Installation\n\n```bash\nnpm i ng-blatui\n```\n\nPeer dependencies (Angular **21 or 22**): `@angular/core`, `@angular/common`, `@angular/forms`, `@angular/cdk`, `@angular/aria`.\n\n### Tailwind CSS setup\n\nStyling is **Tailwind CSS v4**. In your app's global stylesheet (e.g. `src/styles.css`) add three lines:\n\n```css\n@import 'tailwindcss';\n@import 'ng-blatui/foundations/blatui.css'; /* design tokens + dark theme */\n@source '../node_modules/ng-blatui'; /* ← generate the utilities the lib's classes use */\n```\n\nThe **`@source`** line is the easy one to miss: without it Tailwind never scans ng-blatui's\ncompiled templates, so the components render **unstyled**. Point it at wherever `ng-blatui` lives\nrelative to the stylesheet (adjust the `../` depth). Dark mode is a `dark` class on a parent\n(``); override any oklch token in `:root` / `.dark` to re-theme. Full guide:\n**https://ngblatui.remix-it.com/docs/installation**.\n\n### Icons\n\nng-blatui ships no icon set — wire your own (e.g. [`@ng-icons`](https://ng-icons.github.io/ng-icons/))\nwith `provideIcons(...)` and register each icon you use. Components that take an icon accept an SVG\npath `d` string, so any icon source works.\n\n## Usage\n\nImport the component class from the `ng-blatui` barrel and add it to a standalone component's `imports[]` — no NgModule. Selectors are prefixed **`bui`**.\n\n```ts\nimport { Component } from '@angular/core';\nimport { BuiButton, BuiBadge, BuiInput } from 'ng-blatui';\n\n@Component({\n selector: 'app-demo',\n imports: [BuiButton, BuiBadge, BuiInput],\n template: `\n \n Email\n \n \n \n `,\n})\nexport class Demo {}\n```\n\n- **Element selectors**: ``, ``, …\n- **Attribute/directive selectors**: `