docs: fix pmndrs/docs format (#581)

Author: abernier

README.md

@@ -55,10 +55,10 @@ NOTE: Using Leva with React 18 will cause a console error about createRoot which
 
 ### Documentation
 
-- [Getting Started](/docs/getting-started.md)
-- [Inputs](/docs/inputs.md)
-- [Configuration](/docs/configuration.md)
-- [Styling](/docs/styling.md)
+- [Getting Started](/docs/getting-started/introduction.md)
+- [Inputs](/docs/getting-started/inputs.md)
+- [Configuration](/docs/getting-started/configuration.md)
+- [Styling](/docs/getting-started/styling.md)
 
 - [Advanced: Controlled Inputs](/docs/advanced/controlled-inputs.md)
 - [Advanced: Creating Plugins](/docs/advanced/creating-plugins.md)

docs/advanced/controlled-inputs.md

@@ -1,3 +1,9 @@
+---
+title: Controlled Inputs
+description:
+nav: 1
+---
+
 # Controlled Inputs
 
 ## set

docs/advanced/creating-plugins.md

@@ -1,3 +1,9 @@
+---
+title: Creating Plugins
+description:
+nav: 1
+---
+
 # Creating Plugins
 
 Plugins allow you to extend Leva with custom input types. They're perfect for domain-specific controls like bezier curves, spring physics, date pickers, or any custom input type your application needs.

docs/configuration.md renamed to docs/getting-started/configuration.md

@@ -1,3 +1,9 @@
+---
+title: Configuration
+description:
+nav: 0
+---
+
 ## Configuration
 
 You can configure Leva by using the `<Leva>` component anywhere in your App:

docs/inputs.md renamed to docs/getting-started/inputs.md

@@ -1,3 +1,9 @@
+---
+title: Inputs
+description:
+nav: 0
+---
+
 # Input Types
 
 `leva` will check the input settings and provide the best possible component.

docs/getting-started.md renamed to docs/getting-started/introduction.md

@@ -1,3 +1,9 @@
+---
+title: leva introduction
+description:
+nav: 0
+---
+
 # Getting Started
 
 ## Install

docs/plugins.md renamed to docs/getting-started/plugins.md

@@ -1,3 +1,9 @@
+---
+title: Plugins
+description:
+nav: 0
+---
+
 # Plugins
 
 Plugins extend Leva with custom input types beyond the built-in primitives. They allow you to create specialized controls for specific use cases.

docs/getting-started/special-inputs.md

@@ -0,0 +1,11 @@
+---
+title: Special Inputs
+description:
+nav: 0
+---
+
+# Special Inputs
+
+### Button
+
+### Monitor

docs/styling.md renamed to docs/getting-started/styling.md

@@ -1,3 +1,9 @@
+---
+title: Customizing Style
+description:
+nav: 0
+---
+
 # Customizing Style
 
 Leva supports full theme customization through the `theme` prop on the `<Leva>` component. You can customize colors, spacing, typography, and more.

docs/typescript.md renamed to docs/getting-started/typescript.md

@@ -1,3 +1,9 @@
+---
+title: Using With Typescript
+description:
+nav: 0
+---
+
 # Using With TypeScript
 
 Leva has excellent TypeScript support with full type inference for your control values.