{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-mark",
  "title": "Logo mark",
  "description": "Sizing slot for the brand mark.",
  "dependencies": [],
  "registryDependencies": [
    "@hjconsult/lib"
  ],
  "files": [
    {
      "path": "src/components/logo-mark/index.tsx",
      "content": "import type { ComponentPropsWithoutRef, Ref } from 'react'\nimport { cn } from '../../lib'\n\nexport type LogoMarkSize = 'sm' | 'md' | 'lg' | 'xl'\n\nconst logoSizes: Record<LogoMarkSize, string> = {\n  sm: 'h-5',\n  md: 'h-7',\n  lg: 'h-9',\n  xl: 'h-12',\n}\n\nexport interface LogoMarkProps extends ComponentPropsWithoutRef<'span'> {\n  size?: LogoMarkSize\n  /** Accessible name. Without it the mark is decorative. */\n  label?: string\n  ref?: Ref<HTMLSpanElement>\n}\n\n/** Sizing slot for the brand mark; the app supplies the SVG or image as children. */\nexport function LogoMark({ size = 'md', label, className, ...props }: LogoMarkProps) {\n  const classes = cn(\n    'inline-flex shrink-0 items-center text-fg [&>img]:h-full [&>img]:w-auto [&>svg]:h-full [&>svg]:w-auto',\n    logoSizes[size],\n    className,\n  )\n  if (label) {\n    return <span role=\"img\" aria-label={label} className={classes} {...props} />\n  }\n  return <span aria-hidden=\"true\" className={classes} {...props} />\n}\n",
      "type": "registry:ui",
      "target": "hj/components/logo-mark/index.tsx"
    }
  ],
  "cssVars": {},
  "type": "registry:ui"
}