4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T10e1,/** * The shadcn registry item, served from `blobatar.dev/r/avatar.json`. * * ## Why this file is not typechecked by the site * * It is authored against the *consumer's* aliases — `@/components/ui/avatar` is * theirs, not this app's, and `apps/site` has no shadcn install for it to * resolve to. `shadcn build` inlines this file's bytes verbatim into the item * JSON and the CLI rewrites the import to whatever the installing project's * `components.json` declares, so the alias has to stay written the default way. * `tsconfig.json` excludes this directory for exactly that reason. * * ## Why it wraps rather than inlines * * The usual shadcn item copies its implementation into the consumer's tree and * they own it from then on. A blobatar cannot work that way: under ADR-0008 the * package major *is* the generation, so a copied generator is a frozen gen2 that * no `shadcn add` will ever move forward, and the golden fixture that guarantees * a name renders the same picture everywhere would be guaranteeing it only for * whichever copy a project happened to take. So the determinism stays in the * published packages — listed as `dependencies` in `registry.json` — and what * gets copied is the composition, which is the part a consumer genuinely does * want to own. */ "use client"; import type * as React from "react"; /** * Aliased, because the component this file exports is also called `Blobatar` — * `BlobatarAvatar` says blob-avatar-avatar, and the name a shadcn project wants * at its call sites is the short one. * * The two are not interchangeable and the alias is what keeps that visible * here: this one takes a `name` and renders a picture, the export below takes a * `name` *and* a `src` and renders an Avatar that falls back to the picture. A * project that imports both wants the aliasing to be deliberate. */ import { Blobatar as Generated } from "@blobatar/react"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; /** * Distributive, and that is not pedantry. The generated blobatar's props are a * union — the animated arm carries props the static one does not — and a plain * `Omit` over a union collapses it to the keys the arms share, silently * dropping `animate` and everything gated behind it. */ type DistributiveOmit = T extends unknown ? Omit : never; type GeneratedOptions = DistributiveOmit, "name">; export type BlobatarProps = React.ComponentProps & { /** * Who the avatar is for. A username, a display name, an email, an id — any * string, and the same string always renders the same blobatar. */ name: string; /** A real profile image, when there is one. The blobatar is the fallback. */ src?: string; /** Defaults to `name`. Ignored when there is no `src`. */ alt?: string; /** * Anything else the blobatar takes: `palette`, `animate`, `expression`, … * * Including `title`, which is how you label it. Without one the blobatar is * decorative — `alt=""`, skipped by screen readers — which is the right * default when the name is already written next to the avatar, and the wrong * one when the avatar stands alone. Pass `{ title: name }` in that case. */ blobatar?: GeneratedOptions; }; export function Blobatar({ name, src, alt, blobatar, ...props }: BlobatarProps) { return ( {src ? : null} {/* `bg-transparent` overrides the fallback's `bg-muted`, and it is the one place this file touches a component's own colors. It has to: the blobatar *is* the fill, and a muted plate behind a transparent-background blobatar reads as a loading state that never resolves. Give the blobatar a `background` instead if you want a plate. `size-full` overrides the width/height attributes the blobatar renders from its `size`, so the picture follows the Avatar's box — `size-8` by default, whatever you pass otherwise — rather than fighting it. */} ); } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","blobatar",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/blobatar","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"blobatar"}]]}]}],["$","li","@blobatar/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40blobatar%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@blobatar/react"}]]}]}]]}],["$","$L4c",null,{"namespace":"@blobatar","registryDependencies":["avatar"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"registry/blobatar.tsx","content":"$4e","type":"registry:ui","target":"components/ui/blobatar.tsx"}],"className":"h-[70svh] min-h-80"}]]}]