chore(rename): 🚚 remove the reakit usage

Author: navin-moorthy

.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 = ["@adaptui/react@latest", "reakit@latest", ...extraDeps];
+  const deps = ["@adaptui/react@latest", ...extraDeps];
   const tabs = [];
 
   if (js) {

.vscode/reakit.code-snippets

@@ -1,7 +1,7 @@
 <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://ariakit.org/">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/">Ariakit</a>
 System.
 <a href="https://adaptui-react.vercel.app/"><strong>Explore all components »</strong></a>
 </p>
@@ -28,10 +28,10 @@ System.
 
 ```sh
 # npm
-npm install @adaptui/react reakit
+npm install @adaptui/react
 
 # Yarn
-yarn add @adaptui/react reakit
+yarn add @adaptui/react
 ```
 
 > Make sure `react react-dom` is installed.

README.md

@@ -8,7 +8,7 @@
     "a11y",
     "ui",
     "toolkit",
-    "reakit",
+    "ariakit",
     "react",
     "components",
     "nostyle",
@@ -195,8 +195,6 @@
     "react-test-renderer": "18.1.0",
     "react-transition-group": "4.4.2",
     "react-virtual": "2.10.4",
-    "reakit": "1.3.11",
-    "reakit-test-utils": "0.15.2",
     "release-it": "15.0.0",
     "rimraf": "3.0.2",
     "sort-package-json": "1.57.0",
@@ -212,7 +210,6 @@
     "yaml": "2.1.1"
   },
   "peerDependencies": {
-    "ariakit": "2.0.0-next.29",
     "react": "16.x || 17.x || 18.x",
     "react-dom": "16.x || 17.x || 18.x"
   },

package.json

@@ -71,7 +71,6 @@ const getSandboxShortURL = async parsed => {
 
 const getSandboxContents = (files, extraDeps) => {
   const deps = {
-    reakit: "latest",
     "@adaptui/react": "latest",
     react: "^16.8.0",
     "react-dom": "^16.8.0",

scripts/utils/inject-csb-links.js

@@ -1,6 +1,6 @@
 import * as React from "react";
+import { Button } from "ariakit";
 import { css, keyframes } from "@emotion/css";
-import { Button } from "reakit";
 
 import {
   Progress,
@@ -17,7 +17,9 @@ export interface CircularProgressProps extends ProgressStateProps {
   withLabel?: boolean;
 }
 
-export const CircularProgress: React.FC<CircularProgressProps> = props => {
+export const CircularProgress: React.FC<
+  React.PropsWithChildren<CircularProgressProps>
+> = props => {
   const { withLabel = false, children, ...rest } = props;
   const [value, setValue] = React.useState<number | null>(0);
   const state = useProgressState({

src/progress/stories/CircularProgress.component.tsx

@@ -17,7 +17,7 @@ export default {
     preview: createPreviewTabs({
       js,
       ts,
-      deps: ["reakit@latest", "@emotion/css@latest"],
+      deps: ["@emotion/css@latest"],
     }),
   },
 } as Meta;

src/progress/stories/CircularProgress.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
+import { Button } from "ariakit";
 import { cx } from "ariakit-utils";
 import { css, keyframes } from "@emotion/css";
-import { Button } from "reakit";
 
 import {
   Progress,
@@ -24,7 +24,9 @@ export interface LinearProgressProps extends ProgressStateProps {
   withStripeAnimation?: boolean;
 }
 
-export const LinearProgress: React.FC<LinearProgressProps> = props => {
+export const LinearProgress: React.FC<
+  React.PropsWithChildren<LinearProgressProps>
+> = props => {
   const {
     children,
     withLabel = false,

src/progress/stories/LinearProgress.component.tsx

@@ -17,7 +17,7 @@ export default {
     preview: createPreviewTabs({
       js,
       ts,
-      deps: ["reakit@latest", "@emotion/css@latest"],
+      deps: ["@emotion/css@latest"],
     }),
   },
 } as Meta;