@dressed/react 1.0.0-rc.1

package/README.md

@@ -0,0 +1,37 @@
+# @dressed/react
+
+Create messages using React, patched interaction responses require ComponentsV2 and will not accept a content field.
+
+If you manually call the render function yourself, you can use the old components.
+
+## 📦 Install
+
+```bash
+bun add dressed react @dressed/react
+```
+
+## 🚀 Usage
+
+```tsx
+// src/commands/ping.tsx
+import type { CommandInteraction } from "dressed";
+import { patchInteraction, ActionRow, Button } from "@dressed/react";
+
+export default async function ping(interaction: CommandInteraction) {
+  const patched = patchInteraction(interaction);
+
+  await patched.reply(
+    <>
+      Pong!
+      <ActionRow>
+        <Button custom_id="new-pong" label="Again!" />
+      </ActionRow>
+    </>,
+    { ephemeral: true },
+  );
+}
+```
+
+> [!IMPORTANT]
+> In order for Dressed to bundle your tsx/jsx files, the extension must be added to the build config's extensions array\
+> e.g. `dressed build -E tsx,ts`

package/dist/components/action-row.d.ts

@@ -0,0 +1,7 @@
+import { type ReactElement } from "react";
+import type { APIActionRowComponent, APIComponentInActionRow } from "discord-api-types/v10";
+import { type ComponentNode } from "../react/renderer.ts";
+export declare function ActionRow({ children, }: {
+    children: ReactElement<APIActionRowComponent<APIComponentInActionRow>>;
+}): ReactElement<APIActionRowComponent<APIComponentInActionRow>>;
+export declare function parseActionRow<T extends APIActionRowComponent<APIComponentInActionRow>>(props: T, children: ComponentNode[]): Promise<T>;

package/dist/components/action-row.jsx

@@ -0,0 +1,11 @@
+import { ActionRow as DressedComponent } from "dressed";
+import { createElement } from "react";
+import { renderNode } from "../react/renderer.js";
+export function ActionRow({ children, }) {
+    const props = DressedComponent();
+    return createElement("dressed-node", props, children);
+}
+export async function parseActionRow(props, children) {
+    return { ...props, components: await Promise.all(children.map(renderNode)) };
+}
+//# sourceMappingURL=action-row.jsx.map

package/dist/components/action-row.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-row.jsx","sourceRoot":"","sources":["../../src/components/action-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AAKzD,OAAO,EAAE,UAAU,EAAsB,MAAM,sBAAsB,CAAC;AAEtE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,GAGT;IACC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAElC,KAAQ,EAAE,QAAyB;IACnC,OAAO,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;AAC/E,CAAC"}

package/dist/components/button.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from "react";
+import { type APIButtonComponentWithCustomId, type APIButtonComponentWithSKUId, type APIButtonComponentWithURL, ButtonStyle } from "discord-api-types/v10";
+interface ButtonWithCustomId extends Omit<APIButtonComponentWithCustomId, "type" | "style"> {
+    style?: Exclude<keyof typeof ButtonStyle, "Link" | "Premium">;
+}
+export declare function Button(props: ButtonWithCustomId): ReactElement<APIButtonComponentWithCustomId>;
+export declare function Button(props: Omit<APIButtonComponentWithSKUId, "type" | "style">): ReactElement<APIButtonComponentWithSKUId>;
+export declare function Button(props: Omit<APIButtonComponentWithURL, "type" | "style">): ReactElement<APIButtonComponentWithURL>;
+export {};

package/dist/components/button.jsx

@@ -0,0 +1,8 @@
+import { Button as DressedComponent } from "dressed";
+import { createElement } from "react";
+import { ButtonStyle, } from "discord-api-types/v10";
+export function Button(props) {
+    const component = DressedComponent(props);
+    return createElement("dressed-node", component);
+}
+//# sourceMappingURL=button.jsx.map

package/dist/components/button.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.jsx","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,aAAa,EAAqB,MAAM,OAAO,CAAC;AACzD,OAAO,EAKL,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAiB/B,MAAM,UAAU,MAAM,CACpB,KAGqD;IAErD,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAc,CAAC,CAAC;IACnD,OAAO,aAAa,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAClD,CAAC"}

package/dist/components/container.d.ts

@@ -0,0 +1,9 @@
+import type { APIContainerComponent } from "discord-api-types/v10";
+import { type ReactNode } from "react";
+import { type ComponentNode } from "../react/renderer.ts";
+type ContainerProps = Omit<APIContainerComponent, "components" | "type"> & {
+    children: ReactNode;
+};
+export declare function Container({ children, ...rest }: ContainerProps): import("react").ReactElement<APIContainerComponent, string | import("react").JSXElementConstructor<any>>;
+export declare function parseContainer<T extends APIContainerComponent>(props: T, children: ComponentNode[]): Promise<T>;
+export {};

package/dist/components/container.jsx

@@ -0,0 +1,11 @@
+import { Container as DressedComponent } from "dressed";
+import { createElement } from "react";
+import { renderNode } from "../react/renderer.js";
+export function Container({ children, ...rest }) {
+    const props = DressedComponent([], rest);
+    return createElement("dressed-node", props, children);
+}
+export async function parseContainer(props, children) {
+    return { ...props, components: await Promise.all(children.map(renderNode)) };
+}
+//# sourceMappingURL=container.jsx.map

package/dist/components/container.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.jsx","sourceRoot":"","sources":["../../src/components/container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAsB,MAAM,sBAAsB,CAAC;AAMtE,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAC7D,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACzC,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,KAAQ,EACR,QAAyB;IAEzB,OAAO,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;AAC/E,CAAC"}

package/dist/components/file.d.ts

@@ -0,0 +1,6 @@
+import type { APIFileComponent } from "discord-api-types/v10";
+type FileProps = Omit<APIFileComponent, "file" | "type"> & {
+    file: APIFileComponent["file"] | string;
+};
+export declare function File({ file, ...rest }: FileProps): import("react").ReactElement<APIFileComponent, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/components/file.jsx

@@ -0,0 +1,7 @@
+import { File as DressedComponent } from "dressed";
+import { createElement } from "react";
+export function File({ file, ...rest }) {
+    const props = DressedComponent(file, rest);
+    return createElement("dressed-node", props);
+}
+//# sourceMappingURL=file.jsx.map

package/dist/components/file.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.jsx","sourceRoot":"","sources":["../../src/components/file.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAa;IAC/C,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3C,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAC9C,CAAC"}

package/dist/components/media-gallery.d.ts

@@ -0,0 +1,13 @@
+import type { APIMediaGalleryItem, APIMediaGalleryComponent } from "discord-api-types/v10";
+import { type ReactNode } from "react";
+import type { Node } from "../react/node.ts";
+type MediaGalleryProps = Omit<APIMediaGalleryComponent, "items" | "type"> & {
+    children: ReactNode;
+};
+type ItemProps = Omit<APIMediaGalleryItem, "media" | "type"> & {
+    media: APIMediaGalleryItem["media"] | string;
+};
+export declare function MediaGallery({ children, ...rest }: MediaGalleryProps): import("react").ReactElement<APIMediaGalleryComponent, string | import("react").JSXElementConstructor<any>>;
+export declare function MediaGalleryItem({ media, ...rest }: ItemProps): import("react").ReactElement<APIMediaGalleryItem, string | import("react").JSXElementConstructor<any>>;
+export declare function parseMediaGallery<T extends APIMediaGalleryComponent>(props: T, children: Node<APIMediaGalleryItem>[]): T;
+export {};

package/dist/components/media-gallery.jsx

@@ -0,0 +1,14 @@
+import { MediaGallery as DressedComponent, MediaGalleryItem as DressedItem, } from "dressed";
+import { createElement } from "react";
+export function MediaGallery({ children, ...rest }) {
+    const props = DressedComponent([], rest);
+    return createElement("dressed-node", props, children);
+}
+export function MediaGalleryItem({ media, ...rest }) {
+    const props = DressedItem(media, rest);
+    return createElement("dressed-node", props);
+}
+export function parseMediaGallery(props, children) {
+    return { ...props, items: children.map((c) => c.props) };
+}
+//# sourceMappingURL=media-gallery.jsx.map

package/dist/components/media-gallery.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-gallery.jsx","sourceRoot":"","sources":["../../src/components/media-gallery.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,YAAY,IAAI,gBAAgB,EAChC,gBAAgB,IAAI,WAAW,GAChC,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AAStD,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB;IACnE,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACzC,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAa;IAC5D,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACvC,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAQ,EACR,QAAqC;IAErC,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;AAC3D,CAAC"}

package/dist/components/section.d.ts

@@ -0,0 +1,10 @@
+import type { APISectionComponent } from "discord-api-types/v10";
+import { type ReactNode } from "react";
+import { type ComponentNode } from "../react/renderer.ts";
+type SectionProps = Omit<APISectionComponent, "accessory" | "components" | "type"> & {
+    children: ReactNode;
+    accessory: ReactNode;
+};
+export declare function Section({ children, accessory, ...rest }: SectionProps): import("react").ReactElement<APISectionComponent, string | import("react").JSXElementConstructor<any>>;
+export declare function parseSection<T extends APISectionComponent>(props: T, children: ComponentNode[]): Promise<T>;
+export {};

package/dist/components/section.jsx

@@ -0,0 +1,21 @@
+import { Section as DressedComponent } from "dressed";
+import { createElement, isValidElement } from "react";
+import { renderNode } from "../react/renderer.js";
+import {} from "../react/node.js";
+import { render } from "../index.jsx";
+export function Section({ children, accessory, ...rest }) {
+    const props = DressedComponent([], accessory, rest);
+    return createElement("dressed-node", props, children);
+}
+export async function parseSection(props, children) {
+    let accessory = props.accessory;
+    if (isValidElement(accessory)) {
+        accessory = (await render(accessory)).components[0];
+    }
+    return {
+        ...props,
+        accessory,
+        components: await Promise.all(children.map(renderNode)),
+    };
+}
+//# sourceMappingURL=section.jsx.map

package/dist/components/section.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.jsx","sourceRoot":"","sources":["../../src/components/section.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,UAAU,EAAsB,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAUtC,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAgB;IACpE,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,EAAE,SAAkB,EAAE,IAAI,CAAC,CAAC;IAC7D,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAChC,KAAQ,EACR,QAAyB;IAEzB,IAAI,SAAS,GAAuC,KAAK,CAAC,SAAkB,CAAC;IAE7E,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9B,SAAS,GAAG,CAAC,MAAM,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAU,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,GAAG,KAAK;QACR,SAAS;QACT,UAAU,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACxD,CAAC;AACJ,CAAC"}

package/dist/components/select-menu.d.ts

@@ -0,0 +1,25 @@
+import { type APISelectMenuOption, type APISelectMenuComponent, ComponentType } from "discord-api-types/v10";
+import { type ReactNode } from "react";
+import type { Node } from "../react/node.ts";
+type SelectType = {
+    Channel: 8;
+    Mentionable: 7;
+    Role: 6;
+    String: 3;
+    User: 5;
+};
+type SelectMap = {
+    [Key in keyof typeof ComponentType]: Extract<APISelectMenuComponent, {
+        type: (typeof ComponentType)[Key];
+    }>;
+};
+type MenuProps<K extends keyof SelectType> = Omit<SelectMap[`${K}Select`], "type" | "options"> & ({
+    children: ReactNode;
+    type: "String";
+} | {
+    type: Exclude<K, "String">;
+});
+export declare function SelectMenu<K extends keyof SelectType>(props: MenuProps<K>): import("react").DOMElement<never, Element>;
+export declare function SelectMenuOption(props: APISelectMenuOption): import("react").ReactElement<APISelectMenuOption, string | import("react").JSXElementConstructor<any>>;
+export declare function parseSelectMenu<T extends APISelectMenuComponent>(props: T, children: Node<APISelectMenuOption>[]): T;
+export {};

package/dist/components/select-menu.jsx

@@ -0,0 +1,19 @@
+import { ComponentType, } from "discord-api-types/v10";
+import { SelectMenu as DressedComponent, SelectMenuOption as DressedOption, } from "dressed";
+import { createElement } from "react";
+export function SelectMenu(props) {
+    const { children, ...rest } = props;
+    const component = DressedComponent(rest);
+    return createElement("dressed-node", component, children);
+}
+export function SelectMenuOption(props) {
+    const component = DressedOption(props.label, props.value, props);
+    return createElement("dressed-node", component);
+}
+export function parseSelectMenu(props, children) {
+    if (props.type === ComponentType.StringSelect) {
+        props.options = children.map((c) => c.props);
+    }
+    return props;
+}
+//# sourceMappingURL=select-menu.jsx.map

package/dist/components/select-menu.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu.jsx","sourceRoot":"","sources":["../../src/components/select-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,gBAAgB,IAAI,aAAa,GAClC,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AAwBtD,MAAM,UAAU,UAAU,CAA6B,KAAmB;IACxE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAgC,CAAC;IAC/D,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAa,CAAC,CAAC;IAClD,OAAO,aAAa,CAClB,cAAc,EACd,SAAkB,EAClB,QAAqB,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAA0B;IACzD,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACjE,OAAO,aAAa,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAAQ,EACR,QAAqC;IAErC,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,YAAY,EAAE,CAAC;QAC9C,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/components/separator.d.ts

@@ -0,0 +1,6 @@
+import type { APISeparatorComponent, SeparatorSpacingSize } from "discord-api-types/v10";
+type SeparatorProps = Omit<APISeparatorComponent, "type" | "spacing"> & {
+    spacing?: keyof typeof SeparatorSpacingSize;
+};
+export declare function Separator(props: SeparatorProps): import("react").ReactElement<APISeparatorComponent, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/components/separator.jsx

@@ -0,0 +1,7 @@
+import { Separator as DressedComponent } from "dressed";
+import { createElement } from "react";
+export function Separator(props) {
+    const component = DressedComponent(props);
+    return createElement("dressed-node", component);
+}
+//# sourceMappingURL=separator.jsx.map

package/dist/components/separator.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.jsx","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,OAAO,aAAa,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAClD,CAAC"}

package/dist/components/text-display.d.ts

@@ -0,0 +1,7 @@
+import type { APITextDisplayComponent } from "discord-api-types/v10";
+type TextDisplayProps = Omit<APITextDisplayComponent, "content" | "type"> & {
+    children: string;
+};
+export declare function TextDisplay({ children, ...rest }: TextDisplayProps): import("react").ReactElement<APITextDisplayComponent, string | import("react").JSXElementConstructor<any>>;
+export declare function parseTextDisplay<T extends APITextDisplayComponent>(props: T, children: string): T;
+export {};

package/dist/components/text-display.jsx

@@ -0,0 +1,10 @@
+import { TextDisplay as DressedComponent } from "dressed";
+import { createElement } from "react";
+export function TextDisplay({ children, ...rest }) {
+    const props = DressedComponent("", rest);
+    return createElement("dressed-node", props, children);
+}
+export function parseTextDisplay(props, children) {
+    return { ...props, content: children };
+}
+//# sourceMappingURL=text-display.jsx.map

package/dist/components/text-display.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-display.jsx","sourceRoot":"","sources":["../../src/components/text-display.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAoB;IACjE,MAAM,KAAK,GAAG,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IACzC,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,KAAQ,EACR,QAAgB;IAEhB,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AACzC,CAAC"}

package/dist/components/text-input.d.ts

@@ -0,0 +1,6 @@
+import type { APITextInputComponent, TextInputStyle } from "discord-api-types/v10";
+type TextInputProps = Omit<APITextInputComponent, "type" | "style"> & {
+    style?: keyof typeof TextInputStyle;
+};
+export declare function TextInput(props: TextInputProps): import("react").ReactElement<APITextInputComponent, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/components/text-input.jsx

@@ -0,0 +1,7 @@
+import { TextInput as DressedComponent } from "dressed";
+import { createElement } from "react";
+export function TextInput(props) {
+    const component = DressedComponent(props);
+    return createElement("dressed-node", component);
+}
+//# sourceMappingURL=text-input.jsx.map

package/dist/components/text-input.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-input.jsx","sourceRoot":"","sources":["../../src/components/text-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,OAAO,aAAa,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAClD,CAAC"}

package/dist/components/thumbnail.d.ts

@@ -0,0 +1,6 @@
+import type { APIThumbnailComponent } from "discord-api-types/v10";
+type ThumbnailProps = Omit<APIThumbnailComponent, "media" | "type"> & {
+    media: APIThumbnailComponent["media"] | string;
+};
+export declare function Thumbnail({ media, ...rest }: ThumbnailProps): import("react").ReactElement<APIThumbnailComponent, string | import("react").JSXElementConstructor<any>>;
+export {};

package/dist/components/thumbnail.jsx

@@ -0,0 +1,7 @@
+import { Thumbnail as DressedComponent } from "dressed";
+import { createElement } from "react";
+export function Thumbnail({ media, ...rest }) {
+    const props = DressedComponent(media, rest);
+    return createElement("dressed-node", props);
+}
+//# sourceMappingURL=thumbnail.jsx.map

package/dist/components/thumbnail.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.jsx","sourceRoot":"","sources":["../../src/components/thumbnail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAkB;IAC1D,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC5C,OAAO,aAAa,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAC9C,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from "react";
+import { type APIInteractionResponseCallbackData } from "discord-api-types/v10";
+import { createInteraction, type RawFile } from "dressed/server";
+type ReplyProps = [
+    components: ReactNode,
+    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
+        /** Whether the message is ephemeral */
+        ephemeral?: boolean;
+        /** The files to send with the message */
+        files?: RawFile[];
+        /** Whether to return the source message with the response */
+        with_response?: boolean;
+    }
+];
+type EditReplyProps = [
+    components: ReactNode,
+    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
+        /** The files to send with the message */
+        files?: RawFile[];
+    }
+];
+type FollowUpProps = [
+    components: ReactNode,
+    data?: Omit<APIInteractionResponseCallbackData, "content"> & {
+        /** The files to send with the message */
+        files?: RawFile[];
+        /** Whether the message is ephemeral */
+        ephemeral?: boolean;
+    }
+];
+type ReactivatedInteraction<T extends NonNullable<ReturnType<typeof createInteraction>>> = OverrideMethodParams<T, {
+    reply: ReplyProps;
+    editReply: EditReplyProps;
+    update: EditReplyProps;
+    followUp: FollowUpProps;
+}>;
+type OverrideMethodParams<T, Overrides extends Record<string, unknown[]>> = {
+    [K in keyof T]: K extends keyof Overrides ? T[K] extends (...args: any) => any ? (...args: Overrides[K]) => ReturnType<T[K]> : T[K] : T[K];
+};
+export declare function render(component: ReactNode): Promise<import("./react/renderer.ts").Renderer>;
+export declare function patchInteraction<T extends NonNullable<ReturnType<typeof createInteraction>>>(interaction: T): ReactivatedInteraction<T>;
+export * from "./components/action-row.tsx";
+export * from "./components/button.tsx";
+export * from "./components/container.tsx";
+export * from "./components/file.tsx";
+export * from "./components/media-gallery.tsx";
+export * from "./components/section.tsx";
+export * from "./components/select-menu.tsx";
+export * from "./components/separator.tsx";
+export * from "./components/text-display.tsx";
+export * from "./components/text-input.tsx";
+export * from "./components/thumbnail.tsx";

package/dist/index.jsx

@@ -0,0 +1,49 @@
+import { MessageFlags, } from "discord-api-types/v10";
+import { createRenderer } from "./react/renderer.js";
+import { reconciler } from "./react/reconciler.js";
+import { createInteraction } from "dressed/server";
+export async function render(component) {
+    const container = createRenderer();
+    const root = reconciler.createContainer(container, 0, null, false, null, "dressed", (error) => console.error(error), null);
+    if (root !== null) {
+        await new Promise((r) => reconciler.updateContainer(component, root, null, r));
+        await container.render();
+    }
+    return container;
+}
+export function patchInteraction(interaction) {
+    if (!interaction)
+        throw new Error("No interaction");
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const newInteraction = interaction;
+    for (const method of [
+        "reply",
+        "editReply",
+        "update",
+        "followUp",
+    ]) {
+        if (!(method in interaction))
+            continue;
+        const original = interaction[method];
+        newInteraction[method] = async (components, data = {}) => {
+            var _a;
+            const flags = ((_a = data.flags) !== null && _a !== void 0 ? _a : 0) | MessageFlags.IsComponentsV2;
+            data.flags = flags;
+            data.components = (await render(components)).components;
+            return original(data);
+        };
+    }
+    return newInteraction;
+}
+export * from "./components/action-row.jsx";
+export * from "./components/button.jsx";
+export * from "./components/container.jsx";
+export * from "./components/file.jsx";
+export * from "./components/media-gallery.jsx";
+export * from "./components/section.jsx";
+export * from "./components/select-menu.jsx";
+export * from "./components/separator.jsx";
+export * from "./components/text-display.jsx";
+export * from "./components/text-input.jsx";
+export * from "./components/thumbnail.jsx";
+//# sourceMappingURL=index.jsx.map

package/dist/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,GAEb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAmDjE,MAAM,CAAC,KAAK,UAAU,MAAM,CAAC,SAAoB;IAC/C,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CACrC,SAAS,EACT,CAAC,EACD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EACtC,IAAI,CACL,CAAC;IAEF,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,MAAM,IAAI,OAAO,CAAO,CAAC,CAAC,EAAE,EAAE,CAC5B,UAAU,CAAC,eAAe,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CACrD,CAAC;QACF,MAAM,SAAS,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAE9B,WAAc;IACd,IAAI,CAAC,WAAW;QAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACpD,8DAA8D;IAC9D,MAAM,cAAc,GAAG,WAAkB,CAAC;IAC1C,KAAK,MAAM,MAAM,IAAI;QACnB,OAAO;QACP,WAAW;QACX,QAAQ;QACR,UAAU;KACI,EAAE,CAAC;QACjB,IAAI,CAAC,CAAC,MAAM,IAAI,WAAW,CAAC;YAAE,SAAS;QACvC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAA4B,CAAC;QAChE,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,EAC5B,UAAyB,EACzB,OAAsB,EAAE,EACxB,EAAE;;YACF,MAAM,KAAK,GAAG,CAAC,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC;YAC9D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAmB,CAAC;YACjE,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,cAA2C,CAAC;AACrD,CAAC;AAED,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC"}

package/dist/react/node.d.ts

@@ -0,0 +1,7 @@
+export interface Node<Props, Children = unknown> {
+    props: Props;
+    children: Node<Children>[];
+    text: () => string;
+}
+export declare function createNode<Props>(props: Props): Node<Props>;
+export declare function isNode(obj: unknown): obj is Node<unknown>;

package/dist/react/node.js

@@ -0,0 +1,20 @@
+export function createNode(props) {
+    const children = [];
+    function text() {
+        return children.map((c) => c.text()).join("");
+    }
+    return {
+        props,
+        children,
+        text,
+    };
+}
+export function isNode(obj) {
+    return (obj !== null &&
+        typeof obj === "object" &&
+        "props" in obj &&
+        "children" in obj &&
+        "text" in obj &&
+        typeof obj.text === "function");
+}
+//# sourceMappingURL=node.js.map

package/dist/react/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../src/react/node.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,UAAU,CAAQ,KAAY;IAC5C,MAAM,QAAQ,GAAoB,EAAE,CAAC;IAErC,SAAS,IAAI;QACX,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,OAAO;QACL,KAAK;QACL,QAAQ;QACR,IAAI;KACL,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,GAAY;IACjC,OAAO,CACL,GAAG,KAAK,IAAI;QACZ,OAAO,GAAG,KAAK,QAAQ;QACvB,OAAO,IAAI,GAAG;QACd,UAAU,IAAI,GAAG;QACjB,MAAM,IAAI,GAAG;QACb,OAAO,GAAG,CAAC,IAAI,KAAK,UAAU,CAC/B,CAAC;AACJ,CAAC"}

package/dist/react/reconciler.d.ts

@@ -0,0 +1,5 @@
+import ReactReconciler from "react-reconciler";
+import { type Node } from "./node.ts";
+import type { Renderer } from "./renderer.ts";
+import { type TextNode } from "./text-node.ts";
+export declare const reconciler: ReactReconciler.Reconciler<Renderer, Node<unknown, unknown>, TextNode, never, never, never>;

package/dist/react/reconciler.js

@@ -0,0 +1,77 @@
+import ReactReconciler, {} from "react-reconciler";
+import { DefaultEventPriority, NoEventPriority, } from "react-reconciler/constants.js";
+import { createNode, isNode } from "./node.js";
+import { createTextNode } from "./text-node.js";
+import { createContext } from "react";
+let currentUpdatePriority = NoEventPriority;
+const config = {
+    supportsMutation: true,
+    supportsPersistence: false,
+    supportsHydration: false,
+    isPrimaryRenderer: true,
+    scheduleTimeout: globalThis.setTimeout,
+    cancelTimeout: globalThis.clearTimeout,
+    noTimeout: -1,
+    getRootHostContext: () => true,
+    getChildHostContext: () => true,
+    createInstance: (type, props) => {
+        if (type !== "dressed-node") {
+            throw new Error(`Unknown node type: ${type}`);
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { children, ...rest } = props;
+        const node = createNode(rest);
+        if (!isNode(node)) {
+            throw new Error(`createNode function did not return a Node`);
+        }
+        return node;
+    },
+    createTextInstance: (text) => createTextNode(text),
+    shouldSetTextContent: () => false,
+    detachDeletedInstance: () => { },
+    beforeActiveInstanceBlur: () => { },
+    afterActiveInstanceBlur: () => { },
+    getInstanceFromNode: () => null,
+    getInstanceFromScope: () => null,
+    clearContainer: (renderer) => {
+        renderer.nodes.length = 0;
+    },
+    appendChildToContainer: (renderer, child) => {
+        renderer.nodes.push(child);
+    },
+    appendInitialChild: (parent, child) => {
+        parent.children.push(child);
+    },
+    prepareForCommit: () => null,
+    resetAfterCommit: () => null,
+    prepareScopeUpdate: () => { },
+    preparePortalMount: () => {
+        throw new Error("Portals are not supported");
+    },
+    getPublicInstance: () => {
+        throw new Error("Refs are currently not supported");
+    },
+    finalizeInitialChildren: () => false,
+    setCurrentUpdatePriority: (newPriority) => {
+        currentUpdatePriority = newPriority;
+    },
+    getCurrentUpdatePriority: () => currentUpdatePriority,
+    resolveUpdatePriority: () => currentUpdatePriority !== NoEventPriority
+        ? currentUpdatePriority
+        : DefaultEventPriority,
+    maySuspendCommit: () => false,
+    NotPendingTransition: null,
+    HostTransitionContext: createContext(null),
+    resetFormInstance: () => { },
+    requestPostPaintCallback: () => { },
+    shouldAttemptEagerTransition: () => false,
+    trackSchedulerEvent: () => { },
+    resolveEventType: () => null,
+    resolveEventTimeStamp: () => -1,
+    preloadInstance: () => false,
+    startSuspendingCommit: () => { },
+    suspendInstance: () => { },
+    waitForCommitToBeReady: () => null,
+};
+export const reconciler = ReactReconciler(config);
+//# sourceMappingURL=reconciler.js.map

package/dist/react/reconciler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reconciler.js","sourceRoot":"","sources":["../../src/react/reconciler.ts"],"names":[],"mappings":"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"}

package/dist/react/renderer.d.ts

@@ -0,0 +1,10 @@
+import type { Node } from "./node.ts";
+import { type APIMessageComponent, type APIModalComponent } from "discord-api-types/v10";
+export interface Renderer {
+    nodes: Node<unknown>[];
+    render: () => Promise<void>;
+    components: (APIMessageComponent | APIModalComponent)[];
+}
+export type ComponentNode = Node<APIMessageComponent | APIModalComponent, APIMessageComponent | APIModalComponent>;
+export declare function createRenderer(): Renderer;
+export declare function renderNode(node: ComponentNode): Promise<APIMessageComponent | APIModalComponent>;

package/dist/react/renderer.js

@@ -0,0 +1,61 @@
+import { ComponentType, } from "discord-api-types/v10";
+import { parseActionRow } from "../components/action-row.jsx";
+import { parseContainer } from "../components/container.jsx";
+import { TextDisplay } from "dressed";
+import { parseTextDisplay } from "../components/text-display.jsx";
+import { parseSelectMenu } from "../components/select-menu.jsx";
+import { parseMediaGallery } from "../components/media-gallery.jsx";
+import { parseSection } from "../components/section.jsx";
+export function createRenderer() {
+    const components = [];
+    const nodes = [];
+    return {
+        nodes,
+        async render() {
+            for (const node of nodes) {
+                components.push(await renderNode(node));
+            }
+        },
+        components,
+    };
+}
+export async function renderNode(node) {
+    switch (node.props.type) {
+        case ComponentType.ActionRow: {
+            return parseActionRow(node.props, node.children);
+        }
+        case ComponentType.Button:
+        case ComponentType.TextInput:
+        case ComponentType.Thumbnail:
+        case ComponentType.File:
+        case ComponentType.Separator: {
+            return node.props;
+        }
+        case ComponentType.StringSelect:
+        case ComponentType.UserSelect:
+        case ComponentType.RoleSelect:
+        case ComponentType.MentionableSelect:
+        case ComponentType.ChannelSelect: {
+            return parseSelectMenu(node.props, node.children);
+        }
+        case ComponentType.Section: {
+            return parseSection(node.props, node.children);
+        }
+        case ComponentType.TextDisplay: {
+            return parseTextDisplay(node.props, node.text());
+        }
+        case ComponentType.MediaGallery: {
+            return parseMediaGallery(node.props, node.children);
+        }
+        case ComponentType.Container: {
+            return parseContainer(node.props, node.children);
+        }
+        default: {
+            if (typeof node.props === "string") {
+                return TextDisplay(node.text());
+            }
+            throw new Error("Unknown node");
+        }
+    }
+}
+//# sourceMappingURL=renderer.js.map

package/dist/react/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../src/react/renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAazD,MAAM,UAAU,cAAc;IAC5B,MAAM,UAAU,GAAgD,EAAE,CAAC;IACnE,MAAM,KAAK,GAAoD,EAAE,CAAC;IAElE,OAAO;QACL,KAAK;QACL,KAAK,CAAC,MAAM;YACV,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,UAAU,CAAC,IAAI,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC1C,CAAC;QACH,CAAC;QACD,UAAU;KACX,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,UAAU,CAC9B,IAAmB;IAEnB,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACxB,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7B,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnD,CAAC;QACD,KAAK,aAAa,CAAC,MAAM,CAAC;QAC1B,KAAK,aAAa,CAAC,SAAS,CAAC;QAC7B,KAAK,aAAa,CAAC,SAAS,CAAC;QAC7B,KAAK,aAAa,CAAC,IAAI,CAAC;QACxB,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7B,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;QACD,KAAK,aAAa,CAAC,YAAY,CAAC;QAChC,KAAK,aAAa,CAAC,UAAU,CAAC;QAC9B,KAAK,aAAa,CAAC,UAAU,CAAC;QAC9B,KAAK,aAAa,CAAC,iBAAiB,CAAC;QACrC,KAAK,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;YACjC,OAAO,eAAe,CACpB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAuC,CAC7C,CAAC;QACJ,CAAC;QACD,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3B,OAAO,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjD,CAAC;QACD,KAAK,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/B,OAAO,gBAAgB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACnD,CAAC;QACD,KAAK,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC;YAChC,OAAO,iBAAiB,CACtB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,QAAuC,CAC7C,CAAC;QACJ,CAAC;QACD,KAAK,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7B,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnD,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACnC,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAClC,CAAC;YAED,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/react/text-node.d.ts

@@ -0,0 +1,3 @@
+import { type Node } from "./node.ts";
+export type TextNode = Node<string>;
+export declare function createTextNode(props: string): TextNode;

package/dist/react/text-node.js

@@ -0,0 +1,12 @@
+import { createNode } from "./node.js";
+export function createTextNode(props) {
+    const node = createNode(props);
+    function text() {
+        return node.props;
+    }
+    return {
+        ...node,
+        text,
+    };
+}
+//# sourceMappingURL=text-node.js.map

package/dist/react/text-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-node.js","sourceRoot":"","sources":["../../src/react/text-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,WAAW,CAAC;AAIlD,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,MAAM,IAAI,GAAG,UAAU,CAAS,KAAK,CAAC,CAAC;IAEvC,SAAS,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,OAAO;QACL,GAAG,IAAI;QACP,IAAI;KACL,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@dressed/react",
+  "version": "1.0.0-rc.1",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Inbestigator/dressed.git",
+    "directory": "packages/dressed-react"
+  },
+  "peerDependencies": {
+    "dressed": "^1.8.0-rc",
+    "react": "^19.1.0"
+  },
+  "exports": "./dist/index.js",
+  "description": "Render Dressed's components using React",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://dressed.vercel.app",
+  "keywords": [
+    "dressed",
+    "react",
+    "jsx",
+    "discord"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "dist": "rm -fr dist && tsc",
+    "check-types": "tsc --noEmit",
+    "dry-publish": "bun publish --dry-run"
+  },
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "discord-api-types": "^0.38.10",
+    "react-reconciler": "^0.32.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.6",
+    "@types/react-reconciler": "^0.32.0"
+  }
+}