{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dot-grid","title":"Dot Grid","description":"A responsive patterned panel with adjustable spacing.","dependencies":[],"registryDependencies":[],"files":[{"path":"registry/ward/DotGrid.tsx","content":"import \"./styles/dot-grid.css\";\nexport default function DotGrid({ variant = \"Fine\" }: { variant?: string }) {\n  return <div className={`ward-dot-grid ${variant === \"Wide\" ? \"is-wide\" : \"\"}`} aria-label=\"Subtle dot grid background\"><span>Make room for the work.</span></div>;\n}\n","type":"registry:component","target":"components/ward/DotGrid.tsx"},{"path":"registry/ward/styles/dot-grid.css","content":".ward-dot-grid { display: grid; place-items: center; width: 100%; min-height: 240px; border: 1px solid var(--border); border-radius: 12px; color: var(--foreground); background-color: var(--muted); background-image: radial-gradient(circle, color-mix(in oklab, var(--foreground) 22%, transparent) 1px, transparent 1px); background-size: 20px 20px; }\n.ward-dot-grid.is-wide { background-size: 36px 36px; }\n.ward-dot-grid span { padding: 6px 12px; border-radius: 999px; background: var(--background); box-shadow: 0 0 0 1px var(--border); font-weight: 500; }\n","type":"registry:file","target":"components/ward/styles/dot-grid.css"}],"meta":{"variants":["Fine","Wide"],"version":"1.1.0","source":null,"access":"free"},"categories":["backgrounds"],"type":"registry:component"}