{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "truncated-text",
  "title": "Truncated Text",
  "description": "Single-line text that truncates with an ellipsis when it exceeds a configurable max width.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/truncated-text/truncated-text.tsx",
      "content": "import { cn } from \"@vllnt/ui\";\n\nexport type TruncatedTextProps = {\n  /**\n   * The text content to display\n   */\n  children: string;\n  /**\n   * Optional CSS class name\n   */\n  className?: string;\n  /**\n   * Max width for the visible container (default: 'calc(100vw - 220px)')\n   */\n  maxWidth?: string;\n};\n\n/**\n * TruncatedText component with ellipsis for long text\n *\n * Displays text with ellipsis (...) when content overflows.\n * On mobile, truncates within a constrained container.\n * On desktop (≥640px), displays full text.\n *\n * @example\n * ```tsx\n * <TruncatedText>\n *   Production Claude Code Workflows\n * </TruncatedText>\n * ```\n */\nexport function TruncatedText({\n  children,\n  className,\n  maxWidth = \"calc(100vw - 220px)\",\n}: TruncatedTextProps) {\n  return (\n    <span\n      className={cn(\n        \"inline-block align-middle overflow-hidden text-ellipsis whitespace-nowrap sm:max-w-none sm:overflow-visible\",\n        className,\n      )}\n      style={{\n        maxWidth,\n      }}\n      title={children}\n    >\n      {children}\n    </span>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.2.1",
  "stability": "stable"
}