export type BadgeVariant = 'counter' | 'dot'; export type BadgeSurface = 'primary' | 'secondary' | 'faint' | 'medium' | 'bold' | 'strong' | 'translucent' | 'inverted' | 'media' | 'navigation' | 'always-dark'; export declare class Badge { el: HTMLElement; /** Render as a compact counter or notification dot. */ variant: BadgeVariant; /** Count shown for counter badges. Count 0 hides the badge. */ count: number; /** Highest count shown before compacting to "{max}+". */ max: number; /** Immediate backing surface matched by the ring around either variant. */ surface: BadgeSurface; /** Direct ring background override for component-local surfaces. */ background: string | undefined; /** Show the separation ring when the badge overlaps an icon or other content. */ hasRing: boolean; /** * Ring samples the shell gradient stack (base fill + wash) instead of a flat * `box-shadow`. Auto-enabled under an ShellApp with an active gradient preset; * set `gradient-background` to opt in/out explicitly. * * The attribute must NOT start with `on` — Stencil's setAccessor routes any * unknown `on*` member down the event-listener path during attribute * reflection, calling addEventListener with a non-listener and throwing. */ gradientBackground: boolean; /** Contextual supplemental text. Omit when the owner hides the badge from assistive technology. */ label: string | undefined; /** Bumps on resize/layout so render recomputes gradient ring position. */ private gradientLayoutVersion; private gradientObserver; private gradientWindowListener; componentDidLoad(): void; disconnectedCallback(): void; gradientBackgroundChanged(): void; /** Imperative opt-in avoids Stencil aborting parent render for nested badges. */ private enableShellGradientRingIfNeeded; private bindGradientRingSync; private unbindGradientRingSync; private ringHostStyle; render(): any; } //# sourceMappingURL=Badge.d.ts.map