{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "case-study-results-strip",
  "title": "Case Studies — Results Strip",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-angular/blocks/case-study-results-strip/case-study-results-strip.component.ts",
      "content": "// Compact proof band pairing each customer wordmark with its single headline result,\n// sized for the gap between a feature section and a pricing table. Port of the React\n// block 1:1.\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport { ArrowRight, LucideAngularModule } from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\n\nexport interface CaseStudyStripResult {\n  wordmark: string\n  metric: string\n  label: string\n}\n\n// One result per customer. A second number halves the weight of the first.\nconst defaultResults: CaseStudyStripResult[] = [\n  { wordmark: 'Northwind', metric: '5 days', label: 'off the monthly close' },\n  { wordmark: 'Halden', metric: '71%', label: 'fewer ad-hoc requests' },\n  { wordmark: 'Verity', metric: '2.4pp', label: 'tighter forecast band' },\n  { wordmark: 'Calder', metric: '11 → 1', label: 'reporting spreadsheets' },\n]\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.Eager,\n  selector: 'ui-case-study-results-strip, [ui-case-study-results-strip]',\n  standalone: true,\n  // React renders the root <section> itself: the host stays out of layout and `class` goes to the root.\n  host: { '[attr.class]': '\"contents\"' },\n  imports: [LucideAngularModule, UiBadgeComponent, UiButtonComponent, UiSeparatorComponent],\n  template: `\n    <section data-slot=\"case-study-results-strip\" [class]=\"rootClass\">\n      <div class=\"mx-auto max-w-6xl px-6 py-10\">\n        <div class=\"flex flex-wrap items-center justify-between gap-4\">\n          <span ui-badge variant=\"secondary\">Proven</span>\n          <button ui-button variant=\"link\" class=\"h-auto p-0 text-sm\">\n            All case studies\n            <lucide-icon [img]=\"ArrowRight\" class=\"ml-1.5 size-3.5\" aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        <div class=\"mt-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-4 lg:gap-0\">\n          @for (result of results; track result.wordmark; let last = $last) {\n            <div class=\"relative lg:px-6 lg:first:pl-0\">\n              <p class=\"text-sm font-semibold tracking-[0.18em] uppercase\">{{ result.wordmark }}</p>\n              <p class=\"font-display mt-3 text-3xl font-bold tracking-tight\">{{ result.metric }}</p>\n              <p class=\"text-muted-foreground mt-1 text-sm\">{{ result.label }}</p>\n\n              @if (!last) {\n                <ui-separator orientation=\"vertical\" class=\"absolute top-0 right-0 hidden h-full lg:block\" />\n              }\n            </div>\n          }\n        </div>\n      </div>\n    </section>\n  `,\n})\nexport class UiCaseStudyResultsStripComponent {\n  protected readonly ArrowRight = ArrowRight\n\n  @Input() results: CaseStudyStripResult[] = defaultResults.map((r) => ({ ...r }))\n  @Input('class') className?: string\n\n  get rootClass(): string {\n    return cn('border-border bg-card border-y', this.className)\n  }\n}\n",
      "type": "registry:block",
      "target": "~/src/app/components/blocks/case-study-results-strip/case-study-results-strip.component.ts"
    },
    {
      "path": "packages/registry-angular/blocks/case-study-results-strip/index.ts",
      "content": "export { UiCaseStudyResultsStripComponent, type CaseStudyStripResult } from './case-study-results-strip.component'\n",
      "type": "registry:block",
      "target": "~/src/app/components/blocks/case-study-results-strip/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/separator.json"
  ],
  "description": "Compact proof band pairing each customer wordmark with its single headline result, sized for the gap between a feature section and a pricing table.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "case-study"
}