docs: better docs (#41)

* chore: themes

* docs: first docs iteration

* docs: better docs

* fix: type errors and format

* docs: community pages

* chore: redirect home page to intro for now

* fix: format

* docs: color system page

* docs: more docs pages

* fix: format

* chore: remove git hooks

* chore: update themes page

* docs: update intro

Author: mehdibha

.husky/pre-commit

@@ -48,7 +48,6 @@
     "eslint-config-next": "^14.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-turbo": "^2.1.3",
-    "lefthook": "^1.7.18",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.8",
     "turbo": "^2.0.12"

.husky/prepare-commit-msg

@@ -104,13 +104,13 @@ To add additional context for a button label, such as a search icon next to the
 <Button suffix={<UplaodIcon />}>Upload</Button>`}
 />
 
-### Loading
+### Pending
 
-Use the `isLoading` prop to control the loading state of the button, if you need to wait for a button's action to be completed.
+Use the `isPending` prop to control the loading state of the button, if you need to wait for a button's action to be completed.
 
 <ComponentPreview
   name="core/button-loading"
-  preview={`<Button isLoading>Button</Button>`}
+  preview={`<Button isPending>Button</Button>`}
 />
 
 ### Disabled

lefthook.yml

@@ -54,7 +54,7 @@ Use `Progress` to show the completion progress of a task. It can represent eithe
 ### Best pratices
 
 When possible, use a determinate progress indicator.<br/>
-An indeterminate progress indicator shows that a process is occurring, but it doesn’t help people estimate how long a task will take.<br/>
+An indeterminate progress indicator shows that a process is occurring, but it doesn't help people estimate how long a task will take.<br/>
 A determinate progress indicator can help people decide whether to do something else while waiting for the task to complete, restart the task at a different time, or abandon the task.
 
 ## Options

package.json

@@ -1,3 +1,3 @@
 {
-  "pages": ["aspect-ratio", "scroll-area"]
+  "pages": ["aspect-ratio", "scroll-area", "table"]
 }

pnpm-lock.yaml

@@ -0,0 +1,15 @@
+---
+title: Table
+description: Displays content within a desired ratio.
+thumbnail:
+  image: /previews/components/core/aspect-ratio.jpeg
+links:
+  - label: Radix docs
+    href: https://www.radix-ui.com/primitives/docs/components/aspect-ratio
+  - label: Report an issue
+    href: https://github.com/mehdibha/dotUI/issues/new/choose
+  - label: Edit this page
+    href: https://github.com/mehdibha/dotUI/tree/main/content/components/layout/aspect-ratio.mdx?plain=1
+---
+
+SALEM TAREK

www/content/docs/components/buttons/button.mdx

@@ -107,7 +107,7 @@ The offset is the distance between the end of the tip and the target.
 
 ### Container padding
 
-To make sure that the tooltip will stay within certain boundaries (e.g., a browser window) it’s possible to define a container and a container padding value to respect. The default value for this is 12 px.
+To make sure that the tooltip will stay within certain boundaries (e.g., a browser window) it's possible to define a container and a container padding value to respect. The default value for this is 12 px.
 
 <ComponentPreview
   name="core/tooltip-container-padding"