/** * **Deprecated — moved to `@blobatar/react`.** * * This entry point still works and still renders exactly what it always did. * It is frozen, not maintained in parallel: `@blobatar/react` re-exports this * component, so the two are the same object and cannot drift. * * ```sh * bunx blobatar-codemod . * bun add @blobatar/react * ``` * * Removed in v3. Nothing else about the component changes when you move — same * props, same output, only the specifier. * * The reason it is still here rather than deleted: removing it is breaking, and * a break costs a major, and a major is how a consumer opts into their users' * faces changing (ADR-0008). Spending one on a repackaging would force every * consumer to take a new generation to get a new import path. So the two travel * separately, and this subpath waits for the major that was going to happen * anyway. */ import { type ImgHTMLAttributes, type SVGProps } from "react"; import type { Animate } from "./animate"; import { type BlobatarOptions } from "./blobatar"; /** * Two rendering modes, and the props follow the mode. * * Static blobatars render as an ``: a list of a few hundred is exactly the * case where you do not want extra DOM nodes per screen, and nothing here uses * `currentColor`, so inline SVG would buy nothing. * * Animated blobatars cannot. Content inside an `` is an isolated, * non-interactive document — `:hover` never fires inside it and host-page CSS * cannot reach the shapes — so `animate` switches to inline SVG and costs * roughly a dozen nodes per blobatar. That trade is the reason animation is * opt-in rather than a default. * * The union is deliberate: `onLoad` should stop type-checking the moment you * turn animation on, because it stops firing. */ type StaticProps = { animate?: false; } & Omit, "src">; type AnimatedProps = { animate: Animate; } & Omit, "children" | "dangerouslySetInnerHTML" | "viewBox">; export type BlobatarProps = { /** * Who the blobatar is for. A username, a display name, an email, a bot's * handle, a user id — any string, and the same string always renders the * same blobatar. The only required prop. * * Named for what the value is rather than for what the library does with it. * A blobatar always stands for somebody, and that somebody has a name; `seed` * describes the hashing step, which is this module's business and not the * call site's. Internally it is still a seed, and the docs that are about * derivation still call it one — see `CONTEXT.md`. */ name: string; } & BlobatarOptions & (StaticProps | AnimatedProps); export declare function Blobatar({ name: seed, size, background, palette, hue, tone, normalize, contrast, title, animate, expression, traits, ...rest }: BlobatarProps): import("react").JSX.Element; export {}; //# sourceMappingURL=react.d.ts.map