{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "description",
  "title": "Description",
  "description": "Terms and their values.",
  "registryDependencies": [
    "https://creance.pages.dev/r/creance-base.json"
  ],
  "files": [
    {
      "path": "description/Description.css",
      "content": ".cr-description {\n  display: grid;\n  gap: var(--cr-space-3);\n  margin: 0;\n  color: var(--cr-color-text-default);\n  font-family: var(--cr-font-family-sans);\n  font-size: var(--cr-font-size-md);\n}\n\n.cr-description[data-layout='columns'] {\n  grid-template-columns: auto 1fr;\n  column-gap: var(--cr-space-5);\n}\n\n.cr-description__row {\n  display: contents;\n}\n\n.cr-description[data-layout='stacked'] .cr-description__row {\n  display: grid;\n  gap: 2px;\n}\n\n.cr-description__term {\n  color: var(--cr-color-text-muted);\n}\n\n.cr-description__details {\n  margin: 0;\n  min-width: 0;\n  overflow-wrap: anywhere;\n}\n",
      "type": "registry:file",
      "target": "@components/creance/description/Description.css"
    },
    {
      "path": "description/Description.tsx",
      "content": "import type { ReactNode } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport './Description.css';\n\nexport interface DescriptionProps {\n  items: { term: ReactNode; details: ReactNode }[];\n  /** `columns` puts terms beside details; `stacked` puts them above. Default columns. */\n  layout?: 'columns' | 'stacked';\n  className?: string;\n}\n\n/** Terms and their values, such as a run's goal, model and budget, as a real description list. */\nexport function Description({ items, layout = 'columns', className }: DescriptionProps) {\n  return (\n    <dl className={cx('cr-description', className)} data-layout={layout}>\n      {items.map((item, i) => (\n        <div key={i} className=\"cr-description__row\">\n          <dt className=\"cr-description__term\">{item.term}</dt>\n          <dd className=\"cr-description__details\">{item.details}</dd>\n        </div>\n      ))}\n    </dl>\n  );\n}\n",
      "type": "registry:ui",
      "target": "@components/creance/description/Description.tsx"
    }
  ],
  "categories": [
    "molecule",
    "data-display"
  ],
  "type": "registry:ui"
}