1"use client";2import { css } from "styled-system/css";
Violations
69 counted, under 10 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:48:20 · 2rem`2rem` is a raw length. Use a token.
page.tsx:63:31 · 600px`600px` is a raw length. Use a token.
page.tsx:63:48 · 2rem auto`2rem auto` is a raw length. Use a token.
page.tsx:71:20 · 1rem`1rem` is a raw length. Use a token.
page.tsx:72:25 · 1.5rem`1.5rem` is a raw length. Use a token.
page.tsx:99:52 · 1rem`1rem` is a raw length. Use a token.
Steps
One row per model call, with the tools it asked for. An agent that reads the guidelines before writing shows it here; what a checker or submit_view answered is under its call.
page.tsx:47:9Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:63:10Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:68:9Type '{ css: string; children: Element[]; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
page.tsx:99:37Type '{ onSubmit: (e: FormEvent<Element>) => void; css: string; children: ("" | Element | undefined)[]; }' is not assignable to type 'DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>'.
page.tsx:101:16Type '{ css: string; children: (string | Element)[]; }' is not assignable to type 'DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>'.
page.tsx:110:13Type '{ value: string; onChange: (e: ChangeEvent<HTMLSelectElement, HTMLSelectElement>) => void; required: true; css: string; children: (Element[] | Element)[]; }' is not assignable to type 'DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>'.
page.tsx:121:14Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:127:16Type '{ css: string; children: (string | Element)[]; }' is not assignable to type 'DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>'.
page.tsx:137:13Type '{ value: string; onChange: (e: ChangeEvent<HTMLTextAreaElement, HTMLTextAreaElement>) => void; placeholder: string; rows: number; minlength: number; required: true; css: string; }' is not assignable to type 'DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>'.
page.tsx:143:14Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:149:16Type '{ css: string; children: (string | Element)[]; }' is not assignable to type 'DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>'.
page.tsx:162:14Type '{ css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>'.
page.tsx:167:31Type '{ type: "submit"; css: string; children: string; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.
page.tsx:29:17Type 'undefined' is not assignable to type 'string' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the type of the target.
page.tsx:30:35Type 'undefined' is not assignable to type 'string' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the type of the target.
page.tsx:31:20Type 'undefined' is not assignable to type 'string' with 'exactOptionalPropertyTypes: true'. Consider adding 'undefined' to the type of the target.