{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "pricing-single-plan", "title": "Pricing — Single Plan", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/pricing-single-plan/pricing-single-plan.component.ts", "content": "// One-plan pricing section stating the price, what is included, what is explicitly\n// not, and the usage line at which a conversation becomes worthwhile.\n// Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport { ArrowRight, Check, LucideAngularModule, X } from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport { UiCardComponent, UiCardContentComponent } from '@/ui/card/card.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\n\nconst included = [\n 'Unlimited certified metric definitions',\n 'Unlimited viewers and editors',\n 'Row-level access from your identity provider',\n 'Query budgets enforced per team',\n 'Audit log export, 7-year retention',\n 'SOC 2 report under NDA',\n]\n\n// Naming exclusions is what makes a single plan credible. A list of only\n// inclusions invites the reader to assume the gap is hidden somewhere.\nconst excluded = [\n 'On-premise deployment behind your firewall',\n 'Custom SLAs below 99.9%',\n 'Professional services beyond the five-week rollout',\n]\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-pricing-single-plan, [ui-pricing-single-plan]',\n standalone: true,\n // React renders the root
itself: the host stays out of layout and `class` goes to the root.\n host: { '[attr.class]': '\"contents\"' },\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiSeparatorComponent,\n ],\n template: `\n
\n
\n
\n Pricing\n

One plan, one number

\n

\n No seat maths and no feature gates. The only thing that scales is query volume.\n

\n
\n\n
\n
\n
\n £1,400\n per month, billed annually\n
\n

\n Includes 2 million queries a month. Beyond that it is £0.0004 per query, capped by your own budgets.\n

\n\n \n\n \n\n

Included

\n
    \n @for (item of included; track item) {\n
  • \n \n {{ item }}\n
    • \n }\n
\n\n \n\n

Not included

\n
    \n @for (item of excluded; track item) {\n
  • \n \n {{ item }}\n
    • \n }\n
\n\n \n\n

\n Past roughly 20 million queries a month, or if any of the exclusions above are hard requirements, a\n conversation will get you a better answer than this page can.\n

\n \n
\n
\n
\n
\n `,\n})\nexport class UiPricingSinglePlanComponent {\n protected readonly ArrowRight = ArrowRight\n protected readonly Check = Check\n protected readonly X = X\n\n readonly included = included\n readonly excluded = excluded\n\n @Input('class') className?: string\n\n get rootClass(): string {\n return cn('bg-background', this.className)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/pricing-single-plan/pricing-single-plan.component.ts" }, { "path": "packages/registry-angular/blocks/pricing-single-plan/index.ts", "content": "export { UiPricingSinglePlanComponent } from './pricing-single-plan.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/pricing-single-plan/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/separator.json" ], "description": "One-plan pricing section stating the price, what is included, what is explicitly not, and the usage line at which a conversation becomes worthwhile.", "categories": [ "marketing" ], "deprecated": true, "replacedBy": "pricing" }