docs: add TwcComponentProps to API ref

website/pages/docs/api-reference.mdx

@@ -2,7 +2,7 @@
 
 List of exports available from `react-twc` package.
 
-## `twc`
+### `twc`
 
 Builds a `twc` component.
 
@@ -12,7 +12,7 @@ import { twc } from "react-twc";
 const Title = twc.h2`font-bold`;
 ```
 
-## `createTwc`
+### `createTwc`
 
 Create a custom instance of `twc`.
 
@@ -26,12 +26,12 @@ const twx = createTwc({
 });
 ```
 
-### Options
+#### Options
 
 - `compose`: The compose function to use. Defaults to `clsx`.
 - `shouldForwardProp`: The function to use to determine if a prop should be forwarded to the underlying component. Defaults to `prop => prop[0] !== "$"`.
 
-## `cx`
+### `cx`
 
 Concatenates class names (an alias of [`clsx`](https://github.com/lukeed/clsx)).
 
@@ -40,3 +40,13 @@ import { cx } from "react-twc";
 
 const className = cx(classes);
 ```
+
+### `TwcComponentProps<Component, Compose = typeof clsx>`
+
+Returns props accepted by a `twc` component. Similar to `React.ComponentProps<"button">` with `asChild` prop and `className` type from `clsx`.
+
+```tsx
+import type { TwcComponentProps } from "react-twc";
+
+type ButtonProps = TwcComponentProps<"button">;
+```

website/pages/docs/guides/_meta.json

@@ -1,4 +1,8 @@
 {
   "as-child-prop": "asChild prop",
-  "class-name-prop": "className prop"
+  "class-name-prop": "className prop",
+  "refs": "Refs",
+  "styling-any-component": "Styling any component",
+  "additional-props": "Additional props",
+  "adapting-based-on-props": "Adapting based on props"
 }