chore(rename): 🚚 move to adaptui

Author: navin-moorthy

.eslintrc.json

@@ -14,7 +14,7 @@
         // https://github.com/lydell/eslint-plugin-simple-import-sort#custom-grouping
         "groups": [
           // Packages. `react` related packages come first.
-          ["^react", "^reakit-system", "^reakit", "^@?\\w"],
+          ["^react", "^ariakit", "^ariakit-utils", "^@?\\w"],
           // Parent imports. Put `..` last.
           ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
           // Other relative imports. Put same-folder imports and `.` last.

.storybook/utils.ts

@@ -40,7 +40,7 @@ interface Props {
 
 export function createPreviewTabs(props: Props) {
   const { js, ts, jsUtils, tsUtils, css, deps: extraDeps = [] } = props;
-  const deps = ["@renderlesskit/react@latest", "reakit@latest", ...extraDeps];
+  const deps = ["@adaptui/react@latest", "reakit@latest", ...extraDeps];
   const tabs = [];
 
   if (js) {

CHANGELOG.md

@@ -1,18 +1,18 @@
-<h1 align="center">Renderlesskit React</h1>
+<h1 align="center">AdaptUI React</h1>
 
 <p align="center">
-  Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by <a href="https://reakit.io/">Reakit</a>
+  Collection of headless components/hooks that are accessible, composable, customizable from low level to build your own UI & Design System powered by <a href="https://ariakit.org/">Reakit</a>
 System.
-<a href="https://renderlesskit-react.vercel.app/"><strong>Explore all components »</strong></a>
+<a href="https://adaptui-react.vercel.app/"><strong>Explore all components »</strong></a>
 </p>
 
 <p align="center">
-  <a href="https://npmjs.org/package/@renderlesskit/react"><img alt="NPM version" src="https://img.shields.io/npm/v/@renderlesskit/react.svg" /></a>
-  <a href="https://npmjs.org/package/@renderlesskit/react"><img alt="NPM downloads" src="https://img.shields.io/npm/dm/@renderlesskit/react.svg"></a>
-  <a href="https://github.com/timelessco/renderlesskit-react/actions"><img alt="Build Status" src="https://github.com/timelessco/renderlesskit-react/workflows/Test/badge.svg?event=push&branch=master" /></a><br/>
-  <a href="https://github.com/timelessco/renderlesskit-react/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License">
+  <a href="https://npmjs.org/package/@adaptui/react"><img alt="NPM version" src="https://img.shields.io/npm/v/@adaptui/react.svg" /></a>
+  <a href="https://npmjs.org/package/@adaptui/react"><img alt="NPM downloads" src="https://img.shields.io/npm/dm/@adaptui/react.svg"></a>
+  <a href="https://github.com/adaptui/react/actions"><img alt="Build Status" src="https://github.com/adaptui/react/workflows/Test/badge.svg?event=push&branch=master" /></a><br/>
+  <a href="https://github.com/adaptui/react/blob/main/LICENSE"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License">
   </a>
-  <a target="_blank" href="https://octo-repo-visualization.vercel.app/?repo=timelessco%2Frenderlesskit-react"><img src="https://img.shields.io/badge/Repo-Visualization-orange" alt="Repo Visualization">
+  <a target="_blank" href="https://octo-repo-visualization.vercel.app/?repo=adaptui%2Freact"><img src="https://img.shields.io/badge/Repo-Visualization-orange" alt="Repo Visualization">
   </a>
 </p>
 
@@ -28,10 +28,10 @@ System.
 
 ```sh
 # npm
-npm install @renderlesskit/react reakit
+npm install @adaptui/react reakit
 
 # Yarn
-yarn add @renderlesskit/react reakit
+yarn add @adaptui/react reakit
 ```
 
 > Make sure `react react-dom` is installed.
@@ -76,8 +76,8 @@ Thanks goes to these wonderful people
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://navinmoorthy.me/"><img src="https://avatars0.githubusercontent.com/u/39694575?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Navin Moorthy</b></sub></a><br /><a href="https://github.com/timelessco/renderlesskit-react/commits?author=navin-moorthy" title="Code">💻</a></td>
-    <td align="center"><a href="http://anuraghazra.github.io/"><img src="https://avatars3.githubusercontent.com/u/35374649?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anurag Hazra</b></sub></a><br /><a href="https://github.com/timelessco/renderlesskit-react/commits?author=anuraghazra" title="Code">💻</a></td>
+    <td align="center"><a href="https://navinmoorthy.me/"><img src="https://avatars0.githubusercontent.com/u/39694575?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Navin Moorthy</b></sub></a><br /><a href="https://github.com/adaptui/react/commits?author=navin-moorthy" title="Code">💻</a></td>
+    <td align="center"><a href="http://anuraghazra.github.io/"><img src="https://avatars3.githubusercontent.com/u/35374649?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anurag Hazra</b></sub></a><br /><a href="https://github.com/adaptui/react/commits?author=anuraghazra" title="Code">💻</a></td>
     <td align="center"><a href="http://timeless.co/"><img src="https://avatars2.githubusercontent.com/u/6380293?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sandeep Prabhakaran</b></sub></a><br /><a href="#ideas-sandeepprabhakaran" title="Ideas, Planning, & Feedback">🤔</a></td>
   </tr>
 </table>

README.md

@@ -19,8 +19,8 @@ keyboard navigaiton & focus management.
 Converting a normal calendar to a range calendar is as easy as just swaping out
 the hook to range calendar hook.
 
-You'll need to import the `useRangeCalendarState` hook from the
-`@renderlesskit/react` first
+You'll need to import the `useRangeCalendarState` hook from the `@adaptui/react`
+first
 
 ```diff
 - const state = useCalendarState(props);

docs-templates/calendar.md

@@ -27,17 +27,17 @@ for
 import * as React from "react";
 
 import {
-  Accordion as RenderlesskitAccordion,
+  Accordion as AdaptUIAccordion,
   AccordionPanel,
   AccordionTrigger,
   useAccordionState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Accordion = props => {
   const state = useAccordionState(props);
 
   return (
-    <RenderlesskitAccordion {...state}>
+    <AdaptUIAccordion {...state}>
       <h2>
         <AccordionTrigger {...state}>Trigger 1</AccordionTrigger>
       </h2>
@@ -66,7 +66,7 @@ export const Accordion = props => {
         <AccordionTrigger {...state}>Trigger 6</AccordionTrigger>
       </h2>
       <AccordionPanel {...state}>Panel 6</AccordionPanel>
-    </RenderlesskitAccordion>
+    </AdaptUIAccordion>
   );
 };
 

docs/accordion.md

@@ -22,12 +22,12 @@ import * as React from "react";
 
 import {
   BreadcrumbLink,
-  Breadcrumbs as RenderlesskitBreadcrumbs,
-} from "@renderlesskit/react";
+  Breadcrumbs as AdaptUIBreadcrumbs,
+} from "@adaptui/react";
 
 export const Breadcrumbs = () => {
   return (
-    <RenderlesskitBreadcrumbs aria-label="Breadcrumb" className="breadcrumb">
+    <AdaptUIBreadcrumbs aria-label="Breadcrumb" className="breadcrumb">
       <ol>
         <li>
           <BreadcrumbLink href="https://www.w3.org/TR/wai-aria-practices-1.1/">
@@ -53,7 +53,7 @@ export const Breadcrumbs = () => {
           </BreadcrumbLink>
         </li>
       </ol>
-    </RenderlesskitBreadcrumbs>
+    </AdaptUIBreadcrumbs>
   );
 };
 

docs/breadcrumb.md

@@ -39,7 +39,7 @@ import {
   CalendarHeader,
   CalendarWeekTitle,
   useCalendarState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 import {
   ChevronLeft,
@@ -112,7 +112,7 @@ Converting a normal calendar to a range calendar is as easy as just swaping out
 the hook to range calendar hook.
 
 You'll need to import the `useRangeCalendarState` hook from the
-`@renderlesskit/react` first
+`@adaptui/react` first
 
 ```diff
 - const state = useCalendarState(props);

docs/calendar.md

@@ -22,11 +22,11 @@ By default, it renders the native `<input type="checkbox">`.
 import * as React from "react";
 
 import {
-  Checkbox as RenderlesskitCheckbox,
+  Checkbox as AdaptUICheckbox,
   splitStateProps,
   USE_CHECKBOX_STATE_KEYS,
   useCheckboxState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Checkbox = props => {
   const [stateProps, checkboxProps] = splitStateProps(
@@ -36,7 +36,7 @@ export const Checkbox = props => {
 
   const state = useCheckboxState(stateProps);
 
-  return <RenderlesskitCheckbox {...state} {...checkboxProps} />;
+  return <AdaptUICheckbox {...state} {...checkboxProps} />;
 };
 
 export default Checkbox;

docs/checkbox.md

@@ -41,7 +41,7 @@ import {
   DatePickerSegmentField,
   DatePickerTrigger,
   useDatePickerState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 import {
   CalendarIcon,
@@ -161,7 +161,7 @@ import {
   DatePickerSegmentField,
   DatePickerTrigger,
   useDateRangePickerState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 import {
   CalendarIcon,