Something went wrong. Try again.
ATProto-based AI Assistant Chat interface.
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889import { type ClassValue, clsx } from 'clsx'import { extendTailwindMerge } from 'tailwind-merge'
/** * The theme's names that tailwind-merge can't tell apart on its own, such as text-ui, a size, from * text-muted, a color. A test keeps these in step with styles/theme.css. */export const themeNames = { text: ['caption', 'small', 'ui', 'body', 'heading', 'title', 'display', 'code', 'code-block'], tracking: ['title', 'heading', 'label', 'key'], leading: ['tight', 'snug', 'normal', 'relaxed'], font: ['ui', 'prose', 'mono'], radius: [ 'xs', 'sm', 'md', 'lg', 'xl', 'menu', 'editor', 'secret', 'composer', 'quote', 'thumb', 'bubble-quote', 'toolbar', 'panel', ], shadow: ['float', 'lift'], spacing: [ 'icon', 'sidebar', 'sidebar-pad', 'row-inset', 'drawer', 'settings-nav', 'row', 'bar', 'toggle', 'composer-button', 'composer-max', 'gutter', 'card-pad', 'action', 'within', 'turn', ], container: ['column', 'settings', 'narrow'], ease: ['out', 'slide', 'swap'], animate: [ 'fade-in', 'breathe', 'panel-up', 'fade-in-late', 'panel-in', 'layer-in', 'layer-out', 'layer-settle', 'landed', 'landed-reply', 'skeleton', 'spin', ], breakpoint: ['wide'],}
const merge = extendTailwindMerge({ extend: { theme: { text: themeNames.text, tracking: themeNames.tracking, leading: themeNames.leading, font: themeNames.font, radius: themeNames.radius, shadow: themeNames.shadow, spacing: themeNames.spacing, container: themeNames.container, ease: themeNames.ease, animate: themeNames.animate, breakpoint: themeNames.breakpoint, }, },})
/** Joins class names, letting a later utility win over an earlier one of the same kind. */export function cn(...classes: ClassValue[]) { return merge(clsx(classes))}