Documentation Updates

apps/docs/pages/docs/_meta.json

@@ -1,4 +1,5 @@
 {
-    "typedef": "Type Definitions",
-    "enums": "Enums"
+    "classes": "Classes",
+    "enums": "Enums",
+    "typedef": "Types"
 }

apps/docs/pages/docs/classes/_meta.json

@@ -0,0 +1,4 @@
+{
+    "CommandKit": "CommandKit",
+    "components": "Components"
+}

apps/docs/pages/docs/classes/components/ButtonKit.mdx

@@ -0,0 +1,49 @@
+import { Callout } from 'nextra/components';
+
+# ButtonKit
+
+<Callout type="info">
+    ButtonKit extends the
+    [ButtonBuilder](https://discord.js.org/docs/packages/discord.js/main/ButtonBuilder:Class) class,
+    provided by discord.js.
+</Callout>
+
+### `onClick`
+
+-   Return type: `ButtonKit`
+-   Arguments:
+    -   handler: [`CommandKitButtonBuilderInteractionCollectorDispatch`](/docs/typedef/CommandKitButtonBuilderInteractionCollectorDispatch)
+    -   data?: [`CommandKitButtonBuilderInteractionCollectorDispatchContextData`](/docs/typedef/CommandKitButtonBuilderInteractionCollectorDispatch) | `undefined`
+
+Sets up an inline interaction collector for this button. This collector by default allows as many interactions as possible if it is actively used. If unused, this expires after 24 hours or custom time if specified.
+
+#### Example
+
+```ts
+const button = new ButtonKit()
+    .setLabel('Click me')
+    .setStyle(ButtonStyle.Primary)
+    .setCustomId('click_me');
+
+const row = new ActionRowBuilder().addComponents(button);
+
+const message = await channel.send({
+    content: 'Click the button',
+    components: [row],
+});
+
+button.onClick(
+    async (interaction) => {
+        await interaction.reply('You clicked me!');
+    },
+    { message },
+);
+
+// Remove onClick handler and destroy the interaction collector
+button.onClick(null);
+```
+
+### onEnd
+
+-   Return type: `ButtonKit`
+-   Props type: [`CommandKitButtonBuilderOnEnd`](/docs/typedef/CommandKitButtonBuilderOnEnd)

apps/docs/pages/docs/classes/components/_meta.json

@@ -0,0 +1,3 @@
+{
+    "ButtonKit": "ButtonKit"
+}

apps/docs/pages/docs/typedef/CommandKitButtonBuilderInteractionCollectorDispatch.mdx

@@ -0,0 +1,7 @@
+# CommandKitButtonBuilderInteractionCollectorDispatch
+
+-   Type: `(interaction: ButtonInteraction) => Awaitable<void>;`
+
+## References
+
+-   [`ButtonInteraction`](https://discord.js.org/docs/packages/discord.js/main/ButtonInteraction:Class)

apps/docs/pages/docs/typedef/CommandKitButtonBuilderInteractionCollectorDispatchContextData.mdx

@@ -0,0 +1,21 @@
+# CommandKitButtonBuilderInteractionCollectorDispatchContextData
+
+Extends `Omit<InteractionCollectorOptions<ButtonInteraction>, 'filter' | 'componentType'>`
+
+### `message`
+
+The message to listen for button interactions on.
+
+-   Type: [Message](https://discord.js.org/docs/packages/discord.js/main/Message:Class)
+
+### `time`
+
+The duration (in ms) that the collector should run for.
+
+-   Type: `number` | `undefined`
+
+### `autoReset`
+
+If the collector should automatically reset the timer when a button is clicked.
+
+-   Type: `boolean` | `undefined`

apps/docs/pages/docs/typedef/CommandKitButtonBuilderOnEnd.mdx

@@ -0,0 +1,3 @@
+# CommandKitButtonBuilderOnEnd
+
+-   Type: `() => Awaitable<void>`

apps/docs/pages/docs/typedef/_meta.json

@@ -1,7 +1,9 @@
 {
     "AutocompleteProps": "AutocompleteProps",
     "CommandData": "CommandData",
-    "CommandKit": "CommandKit",
+    "CommandKitButtonBuilderInteractionCollectorDispatch": "CommandKitButtonBuilderInteractionCollectorDispatch",
+    "CommandKitButtonBuilderInteractionCollectorDispatchContextData": "CommandKitButtonBuilderInteractionCollectorDispatchContextData",
+    "CommandKitButtonBuilderOnEnd": "CommandKitButtonBuilderOnEnd",
     "CommandObject": "CommandObject",
     "CommandOptions": "CommandOptions",
     "ContextMenuCommandProps": "ContextMenuCommandProps",