chip-styles.ts953 BView on GitHub /**
* Shared geometry for inline reference chips.
*
* A chip has to look the same wherever it is mounted, because the table grid renders the
* SAME components the prose editor does (apps/mail/docs/table-documents.md §3.2 step 10).
* A per-surface class string would be the one thing that could still make a cell chip and
* a prose chip diverge, so the geometry lives here and the mount point only ever adds
* position nudges (`mb-[-3px]` for a prose baseline) or interaction affordances
* (`cursor-pointer` when the chip is clickable).
*/
export const REF_CHIP_CLASS =
'bg-muted hover:bg-muted/70 text-foreground/90 mx-0.5 inline-flex max-w-64 select-none items-center gap-1 rounded-full px-2 py-0.5 align-baseline text-sm leading-none transition-colors';
/** Applied on top of `REF_CHIP_CLASS` when the referenced object could not be resolved. */
export const REF_CHIP_MISSING_CLASS = 'text-muted-foreground/60 line-through decoration-1';