{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "rich-text-toolbar",
  "type": "registry:ui",
  "title": "Rich text toolbar",
  "description": "Formatting toolbar with bold and italic toggles, link, bullet and numbered list buttons, and a divider. Uses role toolbar with labelled icon toggles in React.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.minidev.pro/r/separator.json",
    "https://ui.minidev.pro/r/toggle.json",
    "https://ui.minidev.pro/r/toggle-group.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/rich-text-toolbar.tsx",
      "type": "registry:ui",
      "target": "components/ui/rich-text-toolbar.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { BoldIcon, ItalicIcon, LinkIcon, ListIcon, ListOrderedIcon } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\nimport { Toggle } from \"@/components/ui/toggle\"\nimport { ToggleGroup } from \"@/components/ui/toggle-group\"\nimport { Separator } from \"@/components/ui/separator\"\n\nfunction RichTextToolbar({ className }: { className?: string }) {\n  return (\n    <div\n      data-slot=\"rich-text-toolbar\"\n      role=\"toolbar\"\n      aria-label=\"Formatting\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1 rounded-xl border border-border bg-surface p-1\",\n        className\n      )}\n    >\n      <ToggleGroup multiple>\n        <Toggle value=\"bold\" size=\"sm\" aria-label=\"Bold\"><BoldIcon className=\"size-4\" /></Toggle>\n        <Toggle value=\"italic\" size=\"sm\" aria-label=\"Italic\"><ItalicIcon className=\"size-4\" /></Toggle>\n      </ToggleGroup>\n      <Separator orientation=\"vertical\" className=\"mx-1 h-6\" />\n      <Toggle size=\"sm\" aria-label=\"Link\"><LinkIcon className=\"size-4\" /></Toggle>\n      <Toggle size=\"sm\" aria-label=\"Bullet list\"><ListIcon className=\"size-4\" /></Toggle>\n      <Toggle size=\"sm\" aria-label=\"Numbered list\"><ListOrderedIcon className=\"size-4\" /></Toggle>\n    </div>\n  )\n}\nexport { RichTextToolbar }\n"
    }
  ]
}