{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "tokenui",
  "homepage": "https://tokenui.dev",
  "items": [
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "A button component with multiple variants and sizes.",
      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
      "files": [
        {
          "path": "registry/ui/button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "A tooltip component for displaying contextual information.",
      "dependencies": ["@radix-ui/react-tooltip"],
      "files": [
        {
          "path": "registry/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "token",
      "type": "registry:component",
      "title": "Token",
      "description": "A tooltip-based component for documenting design tokens. Includes TokenIndicator for visual value display.",
      "registryDependencies": ["@tokenui/tooltip", "@tokenui/button"],
      "files": [
        {
          "path": "registry/components/token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "icon-token",
      "type": "registry:component",
      "title": "BaseIconToken",
      "description": "A base token variant that renders an icon next to the token name; use it to build custom icon tokens.",
      "registryDependencies": ["@tokenui/token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/icon-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "color-token",
      "type": "registry:component",
      "title": "ColorToken",
      "description": "A specialized component for documenting color tokens.",
      "registryDependencies": ["@tokenui/token"],
      "files": [
        {
          "path": "registry/components/color-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "elevation-token",
      "type": "registry:component",
      "title": "ElevationToken",
      "description": "A token variant with a layers icon for elevation and shadow values.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/elevation-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "duration-token",
      "type": "registry:component",
      "title": "DurationToken",
      "description": "A token variant with a timer icon for animation or transition durations.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/duration-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "spacing-token",
      "type": "registry:component",
      "title": "SpacingToken",
      "description": "A token variant with a ruler icon for spacing, padding, and gap values.",
      "registryDependencies": ["@tokenui/icon-token"],
      "files": [
        {
          "path": "registry/components/spacing-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "typography-token",
      "type": "registry:component",
      "title": "TypographyToken",
      "description": "A token variant with a typography icon for font, size, and line-height values.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/typography-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "order-token",
      "type": "registry:component",
      "title": "OrderToken",
      "description": "A token variant with a layers-2 icon for z-index and stacking contexts.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/order-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "radius-token",
      "type": "registry:component",
      "title": "RadiusToken",
      "description": "A token variant with a spline icon for border radius values.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/radius-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "font-family-token",
      "type": "registry:component",
      "title": "FontFamilyToken",
      "description": "A token variant with a type icon for font family values.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/font-family-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "font-weight-token",
      "type": "registry:component",
      "title": "FontWeightToken",
      "description": "A token variant with a weight icon for font weight values.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/font-weight-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "number-token",
      "type": "registry:component",
      "title": "NumberToken",
      "description": "A token variant with a hash icon for numeric values like line-height.",
      "registryDependencies": ["@tokenui/icon-token"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/number-token.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "color-swatch",
      "type": "registry:component",
      "title": "ColorSwatch",
      "description": "A primitive component for displaying a single color swatch with an optional hover label.",
      "files": [
        {
          "path": "registry/components/color-swatch.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "color-contrast",
      "type": "registry:component",
      "title": "ColorContrast",
      "description": "A component for displaying accessibility contrast algorithms visually inline, natively hooking into ColorSwatch.",
      "registryDependencies": ["@tokenui/color-swatch"],
      "dependencies": ["lucide-react"],
      "files": [
        {
          "path": "registry/components/color-contrast.tsx",
          "type": "registry:component"
        }
      ]
    },
    {
      "name": "color-palette",
      "type": "registry:component",
      "title": "ColorPalette",
      "description": "A component for displaying color collections including ramps, scales, and palettes",
      "registryDependencies": ["@tokenui/color-swatch"],
      "files": [
        {
          "path": "registry/components/color-palette.tsx",
          "type": "registry:component"
        }
      ]
    }
  ]
}