{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "footer-minimal-row",
  "title": "Footer — Minimal Row",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-angular/blocks/footer-minimal-row/footer-minimal-row.component.ts",
      "content": "// Single-row footer carrying the wordmark, a short inline link list, social icons,\n// and the copyright line, for pages that should end quietly. Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core'\nimport { Github, Layers, Linkedin, LucideAngularModule } from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport { UiSeparatorComponent } from '@/ui/separator/separator.component'\n\ninterface MinimalRowLink {\n  label: string\n  href: string\n}\n\nconst links: MinimalRowLink[] = [\n  { label: 'Product', href: '#product' },\n  { label: 'Pricing', href: '#pricing' },\n  { label: 'Docs', href: '#docs' },\n  { label: 'Privacy', href: '#privacy' },\n  { label: 'Terms', href: '#terms' },\n]\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.Eager,\n  selector: 'ui-footer-minimal-row, [ui-footer-minimal-row]',\n  standalone: true,\n  // React renders the root <footer> itself: the host stays out of layout and `class` goes to the root.\n  host: { '[attr.class]': '\"contents\"' },\n  imports: [LucideAngularModule, UiButtonComponent, UiSeparatorComponent],\n  template: `\n    <footer data-slot=\"footer-minimal-row\" [class]=\"rootClass\">\n      <div class=\"mx-auto flex max-w-6xl flex-col gap-4 px-6 py-6 sm:flex-row sm:items-center\">\n        <a href=\"#top\" class=\"flex shrink-0 items-center gap-2 text-sm font-semibold tracking-tight\">\n          <lucide-icon [img]=\"Layers\" class=\"text-primary size-4\" aria-hidden=\"true\" />\n          Northwind\n        </a>\n\n        <ui-separator orientation=\"vertical\" class=\"hidden h-4 sm:block\" />\n\n        <nav class=\"flex flex-wrap items-center gap-x-5 gap-y-2\" aria-label=\"Footer\">\n          @for (link of linkList; track link.href) {\n            <a [href]=\"link.href\" class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\">\n              {{ link.label }}\n            </a>\n          }\n        </nav>\n\n        <div class=\"flex items-center gap-1 sm:ml-auto\">\n          <button ui-button variant=\"ghost\" size=\"icon\" class=\"size-8\" aria-label=\"GitHub\">\n            <lucide-icon [img]=\"Github\" class=\"size-4\" aria-hidden=\"true\" />\n          </button>\n          <button ui-button variant=\"ghost\" size=\"icon\" class=\"size-8\" aria-label=\"LinkedIn\">\n            <lucide-icon [img]=\"Linkedin\" class=\"size-4\" aria-hidden=\"true\" />\n          </button>\n          <span class=\"text-muted-foreground ml-2 text-xs\">© 2026 Northwind</span>\n        </div>\n      </div>\n    </footer>\n  `,\n})\nexport class UiFooterMinimalRowComponent {\n  protected readonly Github = Github\n  protected readonly Layers = Layers\n  protected readonly Linkedin = Linkedin\n\n  protected readonly linkList = links\n\n  @Input('class') className?: string\n\n  get rootClass(): string {\n    return cn('border-border bg-background border-t', this.className)\n  }\n}\n",
      "type": "registry:block",
      "target": "~/src/app/components/blocks/footer-minimal-row/footer-minimal-row.component.ts"
    },
    {
      "path": "packages/registry-angular/blocks/footer-minimal-row/index.ts",
      "content": "export { UiFooterMinimalRowComponent } from './footer-minimal-row.component'\n",
      "type": "registry:block",
      "target": "~/src/app/components/blocks/footer-minimal-row/index.ts"
    }
  ],
  "dependencies": [
    "lucide-angular"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/angular/button.json",
    "https://uipkge.dev/r/angular/separator.json"
  ],
  "description": "Single-row footer carrying the wordmark, a short inline link list, social icons, and the copyright line, for pages that should end quietly.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "footer"
}