import { type ComponentPropsWithoutRef } from 'react'; import { type VariantProps } from 'class-variance-authority'; declare const productName: (props?: ({ size?: "sm" | "md" | "lg" | "xl" | null | undefined; tone?: "solid" | "gradient" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; type LockupSize = NonNullable['size']>; export type ProductLockupProps = { /** * The product name. Passed verbatim (product names are not translated). * * - `variant="standard"` (default): renders as "Alfadocs " with the * wordmark; accessible name is `Alfadocs `. * - `variant="maker"`: renders as "[mark] by Alfadocs"; accessible * name is ` by Alfadocs`. */ name: string; /** * Which lockup composition to use. * * - `'standard'` (default) — Alfadocs wordmark + product name ("Alfadocs * Builders"). Use for **internal** Alfadocs products (Alfadocs Builders, * Alfadocs API) where the product is part of the Alfadocs family. * - `'maker'` — " by Alfadocs" with the four-pillar mark and the name * as the prominent element. Use for **external** marketplace extensions * ("Scribe by Alfadocs") where the extension's own name leads and * "by Alfadocs" is the maker attribution. */ variant?: 'standard' | 'maker'; /** * Render the name as a solid `--foreground` ink, upright (no gradient, no * italic), and pair it with the monochrome wordmark. Use for print, * single-colour reproductions, or any constrained context where the * gradient/serif treatment is inappropriate. */ monochrome?: boolean; /** * Ink resolution. `'auto'` (default) uses the lockup's intended ink * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride * `currentColor` — use it with `monochrome` on a coloured brand surface (a * tinted header or split-login panel) so the wordmark + name both take the * surface's text colour rather than clashing with a fixed `--foreground`. */ tone?: 'auto' | 'inherit'; /** Lockup size. Drives both the wordmark and the name's cap height. */ size?: LockupSize; className?: string; } & Omit, 'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'>; /** * Pairs a product name with the Alfadocs brand. Two compositions: * * - `variant="standard"` (default) — the Alfadocs wordmark + product name * ("Alfadocs Builders"). For internal Alfadocs products. Exposed to * assistive tech as a single `img` named `Alfadocs `. * - `variant="maker"` — "[mark] by Alfadocs". For external marketplace * extensions where the extension's name leads. Exposed as a single `img` * named ` by Alfadocs`. * * In both cases the inner wordmark/mark and the visible name are decorative so * the brand isn't announced twice. Every marketplace app should use this * rather than hand-rolling a wordmark + typed span. */ export declare const ProductLockup: import("react").ForwardRefExoticComponent<{ /** * The product name. Passed verbatim (product names are not translated). * * - `variant="standard"` (default): renders as "Alfadocs " with the * wordmark; accessible name is `Alfadocs `. * - `variant="maker"`: renders as "[mark] by Alfadocs"; accessible * name is ` by Alfadocs`. */ name: string; /** * Which lockup composition to use. * * - `'standard'` (default) — Alfadocs wordmark + product name ("Alfadocs * Builders"). Use for **internal** Alfadocs products (Alfadocs Builders, * Alfadocs API) where the product is part of the Alfadocs family. * - `'maker'` — " by Alfadocs" with the four-pillar mark and the name * as the prominent element. Use for **external** marketplace extensions * ("Scribe by Alfadocs") where the extension's own name leads and * "by Alfadocs" is the maker attribution. */ variant?: "standard" | "maker"; /** * Render the name as a solid `--foreground` ink, upright (no gradient, no * italic), and pair it with the monochrome wordmark. Use for print, * single-colour reproductions, or any constrained context where the * gradient/serif treatment is inappropriate. */ monochrome?: boolean; /** * Ink resolution. `'auto'` (default) uses the lockup's intended ink * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride * `currentColor` — use it with `monochrome` on a coloured brand surface (a * tinted header or split-login panel) so the wordmark + name both take the * surface's text colour rather than clashing with a fixed `--foreground`. */ tone?: "auto" | "inherit"; /** Lockup size. Drives both the wordmark and the name's cap height. */ size?: LockupSize; className?: string; } & Omit, HTMLSpanElement>, "ref">, "aria-hidden" | "className" | "role" | "children" | "aria-label"> & import("react").RefAttributes>; export {}; //# sourceMappingURL=product-lockup.d.ts.map