chore(rename): 🚚 move to adaptui

.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) {

README.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>

docs-templates/calendar.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/accordion.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/breadcrumb.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/calendar.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/checkbox.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/datepicker.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,

docs/disclosure.md

@@ -25,7 +25,7 @@ import {
   DisclosureButton,
   DisclosureContent,
   useDisclosureState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Disclosure = props => {
   const [hasExpandStarted, setHasExpandStarted] = React.useState(false);

docs/drawer.md

@@ -19,12 +19,12 @@ import React from "react";
 import { css } from "@emotion/css";
 
 import {
-  Drawer as RenderlesskitDrawer,
+  Drawer as AdaptUIDrawer,
   DrawerBackdrop,
   DrawerCloseButton,
   DrawerDisclosure,
   useDrawerState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Drawer = props => {
   const dialog = useDrawerState({ animated: true, ...props });
@@ -44,7 +44,7 @@ export const Drawer = props => {
         <option value="left">Left</option>
       </select>
       <DrawerBackdrop className={backdropStyles} {...dialog}>
-        <RenderlesskitDrawer
+        <AdaptUIDrawer
           {...dialog}
           placement={placement}
           aria-label="Hello world"
@@ -65,7 +65,7 @@ export const Drawer = props => {
           <DrawerCloseButton {...dialog}>X</DrawerCloseButton>
           <p>Welcome to Reakit!</p>
           <input ref={inputRef} />
-        </RenderlesskitDrawer>
+        </AdaptUIDrawer>
       </DrawerBackdrop>
     </div>
   );

docs/getting-started.md

@@ -8,10 +8,10 @@ customizable from low level to build your own UI & Design System powered by
 
 ```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.
@@ -32,7 +32,7 @@ import {
   AccordionPanel,
   AccordionTrigger,
   useAccordionState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 function App() {
   const state = useAccordionState();

docs/link.md

@@ -19,10 +19,10 @@ and
 ```js
 import * as React from "react";
 
-import { Link as RenderlesskitLink } from "@renderlesskit/react";
+import { Link as AdaptUILink } from "@adaptui/react";
 
 export const Link = props => {
-  return <RenderlesskitLink {...props}>Reakit</RenderlesskitLink>;
+  return <AdaptUILink {...props}>Reakit</AdaptUILink>;
 };
 
 export default Link;

docs/meter.md

@@ -20,25 +20,25 @@ that varies within a defined range. It follows the
 import * as React from "react";
 
 import {
-  Meter as RenderlesskitMeter,
+  Meter as AdaptUIMeter,
   useMeterState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Meter = props => {
   const state = useMeterState(props);
   const { percent, status } = state;
 
   return (
     <div className="meter">
-      <RenderlesskitMeter
+      <AdaptUIMeter
         aria-label="meter"
         className="meterbar"
         style={{
           width: `${percent}%`,
           backgroundColor: status == null ? undefined : background[status],
         }}
         {...state}
-      ></RenderlesskitMeter>
+      ></AdaptUIMeter>
     </div>
   );
 };

docs/number-input.md

@@ -24,11 +24,11 @@ for the accessibility features.
 import * as React from "react";
 
 import {
-  NumberInput as RenderlesskitNumberInput,
+  NumberInput as AdaptUINumberInput,
   NumberInputDecrementButton,
   NumberInputIncrementButton,
   useNumberInputState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const NumberInput = props => {
   const state = useNumberInputState(props);
@@ -37,7 +37,7 @@ export const NumberInput = props => {
   return (
     <label htmlFor="number-input" id="numberinput-label">
       <NumberInputDecrementButton {...state}>-</NumberInputDecrementButton>
-      <RenderlesskitNumberInput
+      <AdaptUINumberInput
         placeholder="Enter a number"
         id="number-input"
         aria-labelledby="numberinput-label"

docs/pagination.md

@@ -19,16 +19,16 @@ navigation.
 import * as React from "react";
 
 import {
-  Pagination as RenderlesskitPagination,
+  Pagination as AdaptUIPagination,
   PaginationButton,
   usePaginationState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Pagination = props => {
   const state = usePaginationState({ count: 10, ...props });
 
   return (
-    <RenderlesskitPagination {...state} aria-label="Pagination">
+    <AdaptUIPagination {...state} aria-label="Pagination">
       <ul style={{ display: "flex", listStyle: "none" }}>
         <li>
           <PaginationButton goto="firstPage" {...state}>
@@ -70,7 +70,7 @@ export const Pagination = props => {
           </PaginationButton>
         </li>
       </ul>
-    </RenderlesskitPagination>
+    </AdaptUIPagination>
   );
 };
 

docs/picker-base.md

@@ -20,20 +20,20 @@
 import * as React from "react";
 
 import {
-  PickerBase as RenderlesskitPickerBase,
+  PickerBase as AdaptUIPickerBase,
   PickerBaseContent,
   PickerBaseTrigger,
   usePickerBaseState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const PickerBase = props => {
   const state = usePickerBaseState(props);
 
   return (
     <>
-      <RenderlesskitPickerBase {...state}>
+      <AdaptUIPickerBase {...state}>
         <PickerBaseTrigger {...state}>open</PickerBaseTrigger>
-      </RenderlesskitPickerBase>
+      </AdaptUIPickerBase>
       <PickerBaseContent {...state}>Content</PickerBaseContent>
     </>
   );

docs/progress.md

@@ -19,17 +19,17 @@ of time to load. It follows
 import * as React from "react";
 
 import {
-  Progress as RenderlesskitProgress,
+  Progress as AdaptUIProgress,
   useProgressState,
-} from "@renderlesskit/react";
+} from "@adaptui/react";
 
 export const Progress = props => {
   const state = useProgressState(props);
   const { value, percent, isIndeterminate } = state;
 
   return (
     <div className="progress">
-      <RenderlesskitProgress
+      <AdaptUIProgress
         {...state}
         value={value}
         aria-label="progress"