import { h } from '../../stencil-public-runtime'; /** * Country-flag SVG glyph set used by `mud-phone-input`. * * Each entry is a renderer function that returns a Stencil `h(...)` tree so * the component can compose flags into JSX without setting `innerHTML` (which * the repo anti-pattern gate forbids). * * Design intent: * - 20 × 14 viewBox approximates the real-world 10:7 ratio that most * national flags ship close to. CSS sizes the outer `` so the SVG * scales to whatever the design system asks (20×14 in the trigger, * 16×11 in the listbox option). * - Detailed enough to be recognisable at 20px wide: stars, crescents, * shields, and the Union Jack cross stack are rendered in proportional * positions, not just solid colour blocks. * - Colours come from each flag's official specification. Pantone-accurate * RGB approximations are used where the official spec is print-only. * - `aria-hidden="true"` because the parent `.flag` wrapper carries the * accessible name (country + dial code) and screen readers don't need * to traverse the decorative glyph. */ type FlagNode = ReturnType; type FlagRenderer = () => FlagNode; export declare const PHONE_FLAGS: Record; export {};