import { CSSProperties } from 'react'; import { ReactNode } from 'react'; import { SVGProps } from 'react'; /** Raw bolt path data, for apps that need to compose their own SVG. */ export declare const VOLTRO_BOLT_PATH: { readonly full: "M28 5 13 27 22 26 20 43 35 21 26 22Z"; readonly front: "M28 5 13 27 22 26 20 43Z"; readonly back: "M28 5 20 43 35 21 26 22Z"; }; /** Brand violet — the canonical primary. Exposed for ad-hoc usage. */ export declare const VOLTRO_VIOLET = "#7C3AED"; /** * The app / advertising icon: the bolt centred on a rounded square with * its own background, so it stands on a home screen, store listing, or * ad placement regardless of the surface behind it. */ export declare const VoltroIcon: ({ size, tone, radius, title, className, style, }: VoltroIconProps) => ReactNode; export declare interface VoltroIconProps { /** Pixel size (square). Default 40. */ readonly size?: number; /** `brand` (violet squircle + white bolt — works on any surface) · `dark` (near-black squircle + glowing violet bolt). */ readonly tone?: VoltroIconTone; /** Corner radius as a fraction of size. Default 0.225 (iOS-style squircle look). */ readonly radius?: number; readonly title?: string; readonly className?: string; readonly style?: CSSProperties; } export declare type VoltroIconTone = 'brand' | 'dark'; /** The bolt mark on a transparent background. */ export declare const VoltroMark: ({ size, variant, title, className, ...rest }: VoltroMarkProps) => ReactNode; export declare interface VoltroMarkProps extends Omit, 'width' | 'height' | 'viewBox' | 'fill' | 'xmlns' | 'children' | 'ref' | 'role' | 'aria-label' | 'aria-hidden'> { /** Pixel size (square). Default 32. Pass a string like '1em' to track font-size. */ readonly size?: number | string; /** `gradient` (default, two-facet violet) · `mono` (currentColor) · `white`. */ readonly variant?: VoltroMarkVariant; /** Accessible label. Omit + set `aria-hidden` when paired with a text label. */ readonly title?: string; } export declare type VoltroMarkVariant = 'gradient' | 'mono' | 'white'; /** * Mark + wordmark lock-up for headers / marketing. The text is real * type set in the surrounding font and `currentColor`, so it inherits * the app's typography and is correct in light + dark automatically. */ export declare const VoltroWordmark: ({ size, markVariant, label, className, style, }: VoltroWordmarkProps) => ReactNode; export declare interface VoltroWordmarkProps { /** Mark height in px; the wordmark text scales with it. Default 28. */ readonly size?: number; readonly markVariant?: VoltroMarkVariant; /** Wordmark label. Default "Voltro". */ readonly label?: string; readonly className?: string; readonly style?: CSSProperties; } export { } declare global { var __voltroShikiHighlighter: Highlighter | null | undefined; var __voltroShikiHighlighterPromise: Promise | null | undefined; }