{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error-message",
  "title": "ErrorMessage",
  "description": "What went wrong and what to do next.",
  "registryDependencies": [
    "https://creance.pages.dev/r/creance-base.json"
  ],
  "files": [
    {
      "path": "error-message/ErrorMessage.css",
      "content": ".cr-error-message {\n  display: flex;\n  align-items: flex-start;\n  gap: 6px;\n  margin: 0;\n  color: var(--cr-color-status-failed-fg);\n  font-family: var(--cr-font-family-sans);\n  font-size: var(--cr-font-size-md);\n  line-height: var(--cr-font-line-height-normal);\n}\n\n.cr-error-message > .cr-icon {\n  flex: none;\n  margin-top: 0.25em;\n}\n",
      "type": "registry:file",
      "target": "@components/creance/error-message/ErrorMessage.css"
    },
    {
      "path": "error-message/ErrorMessage.tsx",
      "content": "import type { HTMLAttributes } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport { InfoIcon } from '@/lib/creance/icons';\nimport './ErrorMessage.css';\n\nexport interface ErrorMessageProps extends HTMLAttributes<HTMLParagraphElement> {\n  /** Announce it when it appears, for errors that follow an action such as Save. Default false. */\n  live?: boolean;\n}\n\n/** What went wrong and what to do next, in one line of red text. Never apologises, never vague. */\nexport function ErrorMessage({ live, className, children, ...props }: ErrorMessageProps) {\n  return (\n    <p role={live ? 'alert' : undefined} className={cx('cr-error-message', className)} {...props}>\n      <InfoIcon />\n      <span>{children}</span>\n    </p>\n  );\n}\n",
      "type": "registry:ui",
      "target": "@components/creance/error-message/ErrorMessage.tsx"
    }
  ],
  "categories": [
    "atom",
    "feedback"
  ],
  "type": "registry:ui"
}