{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "app-frame",
  "title": "App Frame",
  "description": "A ruled window bar for showing a product surface.",
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/app-frame.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype AppFrameProps = React.ComponentProps<\"div\"> & {\n  /** Printed at the right of the window bar. */\n  title?: string\n}\n\nexport function AppFrame({ title, className, children, ...props }: AppFrameProps) {\n  return (\n    <div className={cn(\"border-ink bg-raise relative overflow-hidden border-(length:--rule) font-(family-name:--f-body)\", className)} {...props}>\n      <div className=\"border-ink text-mute flex items-center justify-between border-b-(length:--rule) px-2.5 py-1.5 font-(family-name:--f-mono) text-[11px]\">\n        <span aria-hidden className=\"flex gap-1\">\n          <i className=\"border-ink size-[9px] border-[1.5px]\" />\n          <i className=\"border-ink size-[9px] border-[1.5px]\" />\n          <i className=\"border-ink size-[9px] border-[1.5px]\" />\n        </span>\n        <span>{title}</span>\n      </div>\n      {children}\n    </div>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}