/**
 * Safari macOS browser bar — RECONSTRUCTED layout (not a stretched asset).
 *
 * The Figma export (1280×52 visible toolbar) used to be drawn with
 * `preserveAspectRatio="none"` on a FIXED viewBox, so any target width whose
 * aspect ratio differed from 1280:52 horizontally squished every icon — worse
 * the wider the mockup got. This now mirrors the Chrome generator
 * (`browser-bar.ts`): a height-driven UNIFORM scale + a DYNAMIC-width viewBox,
 * with the toolbar's icon GLYPHS reused verbatim from the asset but re-anchored
 *   - left group  (traffic lights, sidebar, back/forward) pinned left,
 *   - right group (share, open, new tab, tab overview) pinned right via `dx`,
 *   - center address pill: dynamic width, centered, inner icons follow its edges.
 * Only the container and pill backgrounds are redrawn; the Figma blur/blend
 * layers are dropped (resvg ignores them anyway and they are invisible on the
 * white/dark toolbar). Colors and glyph shapes are preserved from the asset.
 *
 * Two outputs:
 *  - HTML (Playwright preview / React) — inline SVG inside a scaled wrapper
 *  - SVG (sharp / resvg server compositing)
 */
import type { BrowserBarRenderOptions } from './browser-bar.js';
export declare function generateSafariBrowserBarHtml(options: BrowserBarRenderOptions): string;
export declare function generateSafariBrowserBarSvg(options: BrowserBarRenderOptions): string;