{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "example-inline-text-01",
  "type": "registry:block",
  "title": "Inline Text",
  "description": "An example of the inline text component with an icon slot.",
  "dependencies": ["lucide-react", "@radix-ui/react-slot"],
  "files": [
    {
      "path": "registry/examples/inline-text-01.tsx",
      "content": "import { InlineText, InlineTextIcon } from \"@/registry/default/ui/inline-text\"\nimport { ExternalLink } from \"lucide-react\"\n\nexport function ExampleInlineText01() {\n  return (\n    <p className=\"max-w-md\">\n      <InlineText asChild className=\"text-primary\">\n        <a href=\"\">\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,\n          quos.\n          <InlineTextIcon>\n            <ExternalLink />\n          </InlineTextIcon>\n        </a>\n      </InlineText>\n    </p>\n  )\n}\n",
      "type": "registry:component"
    },
    {
      "path": "registry/default/ui/inline-text.tsx",
      "content": "import { cn } from \"@/lib/utils\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nexport function InlineText({\n  className,\n  asChild,\n  ...props\n}: React.ComponentProps<\"span\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      className={cn(\"relative inline-block pr-[1.25em]\", className)}\n      data-slot=\"inline-text\"\n      {...props}\n    />\n  )\n}\n\nexport function InlineTextIcon({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"absolute ml-[.25em] inline-flex h-[1lh] flex-none items-center [&>svg]:size-[1em]\",\n        className\n      )}\n      data-slot=\"inline-text-icon\"\n      {...props}\n    />\n  )\n}\n",
      "type": "registry:ui",
      "target": ""
    }
  ]
}