Update readme

README.md

@@ -1,17 +1,15 @@
-![React Ranger Header](https://github.com/tannerlinsley/react-ranger/raw/main/media/header.png)
-
-<img src='https://github.com/tanstack/ranger/raw/main/media/logo.png' width='300'/>
-
-Hooks for building range and multi-range sliders in React
-
-<a href="https://twitter.com/search?q=%23TanStack" target="\_parent">
-  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
-</a><a href="https://github.com/tanstack/ranger/actions?query=workflow%3A%22react-ranger+tests%22">
-<img src="https://github.com/tanstack/ranger/workflows/react-ranger%20tests/badge.svg" />
-</a><a href="https://npmjs.com/package/react-ranger" target="\_parent">
-  <img alt="" src="https://img.shields.io/npm/dm/react-ranger.svg" />
-</a><a href="https://bundlephobia.com/result?p=react-ranger@latest" target="\_parent">
-  <img alt="" src="https://badgen.net/bundlephobia/minzip/react-ranger@latest" />
+![React Ranger Header](https://github.com/tanstack/ranger/raw/main/media/header.png)
+
+Headless UI for building ranger component in TS/JS and React
+
+<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
+  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack" />
+</a><a href="https://github.com/TanStack/ranger/actions/workflows/ci.yml">
+<img src="https://github.com/tanstack/ranger/actions/workflows/ci.yml/badge.svg" />
+</a><a href="https://npmjs.com/package/@tanstack/ranger-core" target="\_parent">
+  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/ranger-core.svg" />
+</a><a href="https://bundlephobia.com/result?p=@tanstack/ranger@latest" target="\_parent">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/ranger@latest" />
 </a><a href="#badge">
     <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
   </a><a href="https://github.com/tanstack/ranger/discussions">
@@ -22,13 +20,12 @@ Hooks for building range and multi-range sliders in React
   <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
 </a>
 
-Enjoy this library? Try them all! [React Table](https://github.com/tannerlinsley/react-table), [React Query](https://github.com/tannerlinsley/react-query), [React Form](https://github.com/tannerlinsley/react-form), [React Charts](https://github.com/tannerlinsley/react-charts)
+<br />
+<br />
 
-<p align="center">
-  <img src='https://github.com/tanstack/ranger/raw/main/media/screenshot.png' width="700"/>
-</p>
+Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [React Query](https://github.com/TanStack/react-query), [TanStack Table](https://github.com/TanStack/table), [React Charts](https://github.com/TanStack/react-charts)
 
-## Visit [/docs](https://github.com/tanstack/react-ranger/tree/alpha/docs) for docs, guides, API and more!
+## Visit [tanstack.com/ranger](https://tanstack.com/ranger) for docs, guides, API and more!
 
 ## Quick Features
 
@@ -37,28 +34,5 @@ Enjoy this library? Try them all! [React Table](https://github.com/tannerlinsley
 - Handle Devider Items
 - Custom Steps or Step-Size
 - Custom Ticks
-- <a href="https://bundlephobia.com/result?p=react-ranger@latest" target="\_parent">
-  <img alt="" src="https://badgen.net/bundlephobia/minzip/react-ranger@latest" />
-  </a>
-
-# Installation
-
-```bash
-$ npm i --save react-ranger
-# or
-$ yarn add react-ranger
-```
-
-## How to help?
-
-- Try out the already-migrated examples
-- Try it out in your own projects.
-- Introspect the types! Even without the docs finished, the library ships with 100% typescript to help you explore its capabilities.
-- [Read the contribution guidelines](https://github.com/tanstack/react-table/tree/alpha/CONTRIBUTING.md)
-- Write some docs! Start with the [API docs](https://github.com/tanstack/react-table/tree/alpha/docs/docs/api-reference) and try adding some information about one or more of the features. The types do a decent job of showing what's supported and the capabilities of the library.
-- Try your hand at migrating an example to v8! The todo list for the examples is above!
-- **Using a plugin?** Try rewriting your plugin (v8 doesn't have a plugin system any more) as a wrapping hook/function that uses `useTable` internally. The new API is much more powerful and easier to compose. If you find something you can't figure out, let us know and we'll add it to the API.
-
-### [Become a Sponsor](https://github.com/sponsors/tannerlinsley/)
 
-<!-- USE THE FORCE, LUKE -->
+<!-- Force  -->