docs(guides): 📝 improve docs/guides

Author: mcnaveen

pages/guides/typescript-guide.mdx

@@ -2,8 +2,8 @@ import Image from "next/image";
 
 # TypeScript Support
 
-Renderlesskit provides a full typesafe theming system which can help you get
-better intellisense while working with the components.
+AdaptUI provides a full typesafe theming system which can help you get better
+intellisense while working with the components.
 
 In this guide we are going to see how to setup TypeScript, and see how we can
 add extra typesafe variants to component themes.
@@ -18,8 +18,8 @@ we can infer it's types.
 which helps us infer the type of the customTheme, and provide intellisense.
 
 ```ts
-// renderlesskit.config.ts
-import { extendTheme } from "@renderlesski/react-tailwind";
+// adaptui.config.ts
+import { extendTheme } from "@adaptui/react-tailwind";
 
 export const customTheme = extendTheme({
   extend: {
@@ -34,20 +34,20 @@ export const customTheme = extendTheme({
 
 ## Creating declaration file
 
-TypeScript definitions for the Renderlesskit's theme can be extended by using
+TypeScript definitions for the AdaptUI's theme can be extended by using
 [declaration merging](https://www.typescriptlang.org/docs/handbook/declaration-merging.html).
 So the first step is creating a declarations file. Let's name it `global.d.ts`
 for example.
 
 ```ts
 // global.d.ts
-import { DefaultTheme } from "@renderlesskit/react-tailwind";
+import { DefaultTheme } from "@adaptui/react-tailwind";
 import { customTheme } from "./my-theme";
 
 type UserTheme = typeof customTheme.extend;
 
 declare global {
-  namespace Renderlesskit {
+  namespace AdaptUI {
     interface Theme {
       components: MergeTheme<DefaultTheme, UserTheme>;
     }
@@ -69,6 +69,6 @@ called `red`
   width="600"
   height="300"
   layout="intrinsic"
-  src="/ts-renderlesskit-variant.png"
+  src="/ts-adaptui-variant.png"
   quality={100}
 />

pages/guides/usage-with-cra.mdx

@@ -1,4 +1,4 @@
-# Setting up CRA with Renderlesskit
+# Setting up CRA with AdaptUI
 
 First let's create a new CRA project.
 
@@ -8,32 +8,32 @@ npx create-react-app my-website
 
 ## Setup TailwindCSS
 
-To get started with renderlesskit first step is to setup Tailwind CSS in your
-CRA project. Refer to tailwind documentation for
+To get started with AdaptUI first step is to setup Tailwind CSS in your CRA
+project. Refer to tailwind documentation for
 [Setting up Tailwind CSS in a Create React App project](https://tailwindcss.com/docs/guides/create-react-app)
 
 After setting up tailwind in your project, all you need to do inside your
 `tailwind.config.js` is import our `preset` function and use it.
 
 ```js
 module.exports = preset({
-  presets: [require("@renderlesskit/react-tailwind/preset")],
+  presets: [require("@adaptui/react-tailwind/preset")],
   purge: [
     // Make sure to add this purge to generate the component's default styling
-    "node_modules/@renderlesskit/react-tailwind/**/*",
+    "node_modules/@adaptui/react-tailwind/**/*",
   ],
 });
 ```
 
 <Nextra.Callout>
-  `presets` merges your taiwind config with renderlesskit's internal tailwind
-  configs and enables certain plugins
+  `presets` merges your taiwind config with AdaptUI's internal tailwind configs
+  and enables certain plugins
 </Nextra.Callout>
 
-## Renderlesskit Setup
+## AdaptUI Setup
 
 After following all the steps and correctly setting up tailwind, now let's add
-the `RenderlesskitProvider`
+the `AdaptUIProvider`
 
 Follow [Setting Up Provider](/docs/getting-started#setting-up-provider) to setup
 the provider for your app.

pages/guides/usage-with-nextjs.mdx

@@ -1,4 +1,4 @@
-# Setting up Next.js with Renderlesskit
+# Setting up Next.js with AdaptUI
 
 First let's create a new Nextjs project.
 
@@ -8,32 +8,32 @@ npx create-next-app my-website
 
 ## Setup TailwindCSS
 
-To get started with renderlesskit first step is to setup Tailwind CSS in your
-CRA project. Refer to tailwind documentation for
+To get started with AdaptUI first step is to setup Tailwind CSS in your CRA
+project. Refer to tailwind documentation for
 [Setting up Tailwind CSS in a Next.js project](https://tailwindcss.com/docs/guides/nextjs)
 
 After setting up tailwind in your project, all you need to do inside your
 `tailwind.config.js` is import our `preset` function and use it.
 
 ```js
 module.exports = preset({
-  presets: [require("@renderlesskit/react-tailwind/preset")],
+  presets: [require("@adaptui/react-tailwind/preset")],
   purge: [
     // Make sure to add this purge to generate the component's default styling
-    "node_modules/@renderlesskit/react-tailwind/**/*",
+    "node_modules/@adaptui/react-tailwind/**/*",
   ],
 });
 ```
 
 <Nextra.Callout>
-  `presets` merges your taiwind config with renderlesskit's internal tailwind
-  configs and enables certain plugins
+  `presets` merges your taiwind config with AdaptUI's internal tailwind configs
+  and enables certain plugins
 </Nextra.Callout>
 
-## Renderlesskit Setup
+## AdaptUI Setup
 
 After following all the steps and correctly setting up tailwind, now let's add
-the `RenderlesskitProvider`
+the `AdaptUIProvider`
 
 Follow [Setting Up Provider](/docs/getting-started#setting-up-provider) to setup
 the provider for your app.