{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"focus-halo","title":"Focus Halo","description":"A keyboard-visible glow for primary controls.","dependencies":[],"registryDependencies":[],"files":[{"path":"registry/ward/FocusHalo.tsx","content":"\"use client\";\nimport \"./styles/focus-halo.css\";\nexport default function FocusHalo({ variant = \"Soft\" }: { variant?: string }) {\n  return <button className={`ward-focus-halo ${variant === \"Bright\" ? \"is-bright\" : \"\"}`} type=\"button\">Focus this control</button>;\n}\n","type":"registry:component","target":"components/ward/FocusHalo.tsx"},{"path":"registry/ward/styles/focus-halo.css","content":".ward-focus-halo { height: 36px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--primary); color: var(--primary-foreground); font: inherit; font-weight: 500; cursor: pointer; transition: box-shadow 180ms cubic-bezier(.2, 0, 0, 1), transform 180ms cubic-bezier(.2, 0, 0, 1); }\n.ward-focus-halo:hover, .ward-focus-halo:focus-visible { box-shadow: 0 0 0 3px var(--background), 0 0 0 5px var(--ring); transform: translateY(-1px); outline: 0; }\n.ward-focus-halo.is-bright:hover, .ward-focus-halo.is-bright:focus-visible { box-shadow: 0 0 0 3px var(--background), 0 0 0 5px var(--foreground), 0 0 24px color-mix(in oklab, var(--foreground) 35%, transparent); }\n@media (prefers-reduced-motion: reduce) { .ward-focus-halo { transition: none; } .ward-focus-halo:hover, .ward-focus-halo:focus-visible { transform: none; } }\n","type":"registry:file","target":"components/ward/styles/focus-halo.css"}],"meta":{"variants":["Soft","Bright"],"version":"1.1.0","source":null,"access":"free"},"categories":["effects"],"type":"registry:component"}