{"component":{"aria":"role='radiogroup' on container with aria-label. role='radio' + aria-checked on each chip (not aria-pressed — exclusive selection). Flag emoji is supplementary; ISO code is always rendered as text fallback. Selected state: background + border + aria-checked (not colour alone). Min touch target 44px tall (WCAG 2.2 AAA).","category":"map","css":".ps-country-chips { display: flex; flex-wrap: wrap; gap: var(--pds-space-1); }\n.ps-chip { display: inline-flex; align-items: center; height: 2.25rem; padding: 0 var(--pds-space-2); border-radius: 1.125rem; border: 1px solid var(--pds-border-subtle); background: var(--pds-surface-layer); color: var(--pds-text-primary); font-size: 0.875rem; cursor: pointer; transition: background-color var(--pds-duration-base), border-color var(--pds-duration-base); min-height: 44px; }\n.ps-chip:hover { background: var(--pds-surface-layer-hover); }\n.ps-chip--active, .ps-chip[aria-checked='true'] { background: var(--pds-brand-blue-60); border-color: var(--pds-brand-blue-60); color: var(--pds-text-on-color); }\n.ps-chip:focus-visible { outline: 2px solid var(--pds-focus-ring); outline-offset: 2px; }\n@media (prefers-reduced-motion: reduce) { .ps-chip { transition: none; } }","description":"Horizontal radiogroup of country chips that filter map data and flyTo the selected country's bounds. Default state is ALL (no filter, world view). Single exclusive selection; future multi-select variant planned. Reference implementation: gis.woodfinegroup.com (v0.1.94).","display_name":"Country Filter Chips","html":"<div class=\"ps-country-chips\" role=\"radiogroup\" aria-label=\"Filter by country\">\n  <button type=\"button\" class=\"ps-chip ps-chip--active\" role=\"radio\" aria-checked=\"true\">ALL</button>\n  <button type=\"button\" class=\"ps-chip\" role=\"radio\" aria-checked=\"false\">🇺🇸 US</button>\n  <button type=\"button\" class=\"ps-chip\" role=\"radio\" aria-checked=\"false\">🇨🇦 CA</button>\n  <button type=\"button\" class=\"ps-chip\" role=\"radio\" aria-checked=\"false\">🇲🇽 MX</button>\n  <button type=\"button\" class=\"ps-chip\" role=\"radio\" aria-checked=\"false\">🇪🇸 ES</button>\n</div>","name":"country-filter-chips","registry_type":"component","research_links":["research/zoom-tier-reveal-pattern.md"],"tabs_available":[],"variants":[{"css_class":"","description":"Exclusive selection (radiogroup). Current GIS use.","html":"","name":"default","tokens":[]},{"css_class":"","description":"Multiple chips active simultaneously. role=group + aria-pressed replaces radiogroup + aria-checked. Decision pending first multi-select use-case.","html":"","name":"multi-select","tokens":[]}],"wcag":{"target":"2.2 AA"}},"tenant":"pointsav","theme":"pointsav-brand"}