@vencord/types 1.13.1 → 1.13.7

package/Vencord.d.ts

@@ -17,14 +17,11 @@
 */
 import "~plugins";
 export * as Api from "./api";
+export * as Plugins from "./api/PluginManager";
 export * as Components from "./components";
-export * as Plugins from "./plugins";
 export * as Util from "./utils";
-export * as QuickCss from "./utils/quickCss";
 export * as Updater from "./utils/updater";
 export * as Webpack from "./webpack";
 export * as WebpackPatcher from "./webpack/patchWebpack";
 export { PlainSettings, Settings };
-import "./utils/quickCss";
-import "./webpack/patchWebpack";
 import { PlainSettings, Settings } from "./api/Settings";

package/VencordNative.d.ts

@@ -0,0 +1,51 @@
+import type { Settings } from "./api/Settings";
+import { CspRequestResult } from "./main/csp/manager";
+import type { UserThemeHeader } from "./main/themes";
+import { IpcEvents } from "./shared/IpcEvents";
+import { IpcRes } from "./utils/types";
+export declare function sendSync<T = any>(event: IpcEvents, ...args: any[]): T;
+declare const _default: {
+    themes: {
+        uploadTheme: (fileName: string, fileData: string) => Promise<void>;
+        deleteTheme: (fileName: string) => Promise<void>;
+        getThemesList: () => Promise<UserThemeHeader[]>;
+        getThemeData: (fileName: string) => Promise<string | undefined>;
+        getSystemValues: () => Promise<Record<string, string>>;
+        openFolder: () => Promise<void>;
+    };
+    updater: {
+        getUpdates: () => Promise<IpcRes<Record<"message" | "author" | "hash", string>[]>>;
+        update: () => Promise<IpcRes<boolean>>;
+        rebuild: () => Promise<IpcRes<boolean>>;
+        getRepo: () => Promise<IpcRes<string>>;
+    };
+    settings: {
+        get: () => Settings;
+        set: (settings: Settings, pathToNotify?: string) => Promise<void>;
+        openFolder: () => Promise<void>;
+    };
+    quickCss: {
+        get: () => Promise<string>;
+        set: (css: string) => Promise<void>;
+        addChangeListener(cb: (newCss: string) => void): void;
+        addThemeChangeListener(cb: () => void): void;
+        openFile: () => Promise<void>;
+        openEditor: () => Promise<void>;
+    };
+    native: {
+        getVersions: () => Partial<NodeJS.ProcessVersions>;
+        openExternal: (url: string) => Promise<void>;
+    };
+    csp: {
+        /**
+         * Note: Only supports full explicit matches, not wildcards.
+         *
+         * If `*.example.com` is allowed, `isDomainAllowed("https://sub.example.com")` will return false.
+         */
+        isDomainAllowed: (url: string, directives: string[]) => Promise<boolean>;
+        removeOverride: (url: string) => Promise<boolean>;
+        requestAddOverride: (url: string, directives: string[], callerName: string) => Promise<CspRequestResult>;
+    };
+    pluginHelpers: Record<string, Record<string, (...args: any[]) => Promise<any>>>;
+};
+export default _default;

package/api/Badges.d.ts

@@ -9,7 +9,7 @@ export interface ProfileBadge {
     /** Custom component for the badge (tooltip not included) */
     component?: ComponentType<ProfileBadge & BadgeUserArgs>;
     /** The custom image to use */
-    image?: string;
+    iconSrc?: string;
     link?: string;
     /** Action to perform when you click the badge */
     onClick?(event: React.MouseEvent, props: ProfileBadge & BadgeUserArgs): void;

package/api/ChatButtons.d.ts

@@ -1,4 +1,5 @@
 import "./ChatButton.css";
+import { IconComponent } from "../utils/types";
 import { Channel } from "@vencord/discord-types";
 import { HTMLProps, JSX, MouseEventHandler, ReactNode } from "react";
 export interface ChatBarProps {
@@ -60,16 +61,33 @@ export interface ChatBarProps {
 }
 export type ChatBarButtonFactory = (props: ChatBarProps & {
     isMainChat: boolean;
+    isAnyChat: boolean;
 }) => JSX.Element | null;
-export declare function _injectButtons(buttons: ReactNode[], props: ChatBarProps): void;
-export declare const addChatBarButton: (id: string, button: ChatBarButtonFactory) => Map<string, ChatBarButtonFactory>;
+export type ChatBarButtonData = {
+    render: ChatBarButtonFactory;
+    /**
+     * This icon is used only for Settings UI. Your render function must still render an icon,
+     * and it can be different from this one.
+     */
+    icon: IconComponent;
+};
+/**
+ * Don't use this directly, use {@link addChatBarButton} and {@link removeChatBarButton} instead.
+ */
+export declare const ChatBarButtonMap: Map<string, ChatBarButtonData>;
+export declare function _injectButtons(buttons: ReactNode[], props: ChatBarProps): ReactNode[] | undefined;
+/**
+ * The icon argument is used only for Settings UI. Your render function must still render an icon,
+ * and it can be different from this one.
+ */
+export declare const addChatBarButton: (id: string, render: ChatBarButtonFactory, icon: IconComponent) => Map<string, ChatBarButtonData>;
 export declare const removeChatBarButton: (id: string) => boolean;
 export interface ChatBarButtonProps {
     children: ReactNode;
     tooltip: string;
-    onClick: MouseEventHandler<HTMLButtonElement>;
-    onContextMenu?: MouseEventHandler<HTMLButtonElement>;
-    onAuxClick?: MouseEventHandler<HTMLButtonElement>;
-    buttonProps?: Omit<HTMLProps<HTMLButtonElement>, "size" | "onClick" | "onContextMenu" | "onAuxClick">;
+    onClick: MouseEventHandler;
+    onContextMenu?: MouseEventHandler;
+    onAuxClick?: MouseEventHandler;
+    buttonProps?: Omit<HTMLProps<HTMLDivElement>, "size" | "onClick" | "onContextMenu" | "onAuxClick">;
 }
 export declare const ChatBarButton: import("react").FunctionComponent<ChatBarButtonProps>;

package/api/MessagePopover.d.ts

@@ -1,3 +1,4 @@
+import { IconComponent } from "../utils/types";
 import { Channel, Message } from "@vencord/discord-types";
 import type { ComponentType, MouseEventHandler } from "react";
 export interface MessagePopoverButtonItem {
@@ -10,7 +11,19 @@ export interface MessagePopoverButtonItem {
     onContextMenu?: MouseEventHandler<HTMLButtonElement>;
 }
 export type MessagePopoverButtonFactory = (message: Message) => MessagePopoverButtonItem | null;
-export declare const buttons: Map<string, MessagePopoverButtonFactory>;
-export declare function addMessagePopoverButton(identifier: string, item: MessagePopoverButtonFactory): void;
+export type MessagePopoverButtonData = {
+    render: MessagePopoverButtonFactory;
+    /**
+     * This icon is used only for Settings UI. Your render function must still return an icon,
+     * and it can be different from this one.
+     */
+    icon: IconComponent;
+};
+export declare const MessagePopoverButtonMap: Map<string, MessagePopoverButtonData>;
+/**
+ * The icon argument is used only for Settings UI. Your render function must still return an icon,
+ * and it can be different from this one.
+ */
+export declare function addMessagePopoverButton(identifier: string, render: MessagePopoverButtonFactory, icon: IconComponent): void;
 export declare function removeMessagePopoverButton(identifier: string): void;
 export declare function _buildPopoverElements(Component: React.ComponentType<MessagePopoverButtonItem>, message: Message): import("react").JSX.Element;

package/{plugins/index.d.ts → api/PluginManager.d.ts}

@@ -1,10 +1,9 @@
 import { Logger } from "../utils/Logger";
 import { Patch, Plugin, StartAt } from "../utils/types";
 import { FluxDispatcher } from "../webpack/common";
-import { patches } from "../webpack/patchWebpack";
+import Plugins from "~plugins";
+export { Plugins as plugins };
 export declare const PMLogger: Logger;
-export declare const plugins: Record<string, Plugin>;
-export { patches };
 export declare function isPluginEnabled(p: string): boolean;
 export declare function addPatch(newPatch: Omit<Patch, "plugin">, pluginName: string, pluginPath?: string): void;
 export declare const startAllPlugins: (target: StartAt) => void;
@@ -17,3 +16,4 @@ export declare function unsubscribePluginFluxEvents(p: Plugin, fluxDispatcher: t
 export declare function subscribeAllPluginsFluxEvents(fluxDispatcher: typeof FluxDispatcher): void;
 export declare const startPlugin: (p: Plugin) => boolean;
 export declare const stopPlugin: (p: Plugin) => boolean;
+export declare const initPluginManager: () => void;

package/api/Settings.d.ts

@@ -1,5 +1,14 @@
 import { SettingsStore as SettingsStoreClass } from "../shared/SettingsStore";
 import { DefinedSettings, SettingsChecks, SettingsDefinition } from "../utils/types";
+export interface SettingsPluginUiElement {
+    enabled: boolean;
+    /** not implemented for now */
+    order?: number;
+}
+export type SettingsPluginUiElements = {
+    /** id will be whatever id the element was registered with. Usually, but not always, the plugin name */
+    [id: string]: SettingsPluginUiElement;
+};
 export interface Settings {
     autoUpdate: boolean;
     autoUpdateNotification: boolean;
@@ -20,6 +29,10 @@ export interface Settings {
             [setting: string]: any;
         };
     };
+    uiElements: {
+        messagePopoverButtons: SettingsPluginUiElements;
+        chatBarButtons: SettingsPluginUiElements;
+    };
     notifications: {
         timeout: number;
         position: "top-right" | "bottom-right";
@@ -62,6 +75,6 @@ export declare function migratePluginSetting(pluginName: string, oldSetting: str
 export declare function definePluginSettings<Def extends SettingsDefinition, Checks extends SettingsChecks<Def>, PrivateSettings extends object = {}>(def: Def, checks?: Checks): DefinedSettings<Def, Checks, PrivateSettings>;
 type UseSettings<T extends object> = ResolveUseSettings<T>[keyof T];
 type ResolveUseSettings<T extends object> = {
-    [Key in keyof T]: Key extends string ? T[Key] extends Record<string, unknown> ? UseSettings<T[Key]> extends string ? `${Key}.${UseSettings<T[Key]>}` : never : Key : never;
+    [Key in keyof T]: Key extends string ? T[Key] extends Record<string, unknown> ? `${Key}.*` | (ResolveUseSettings<T[Key]> extends Record<string, string> ? `${Key}.${ResolveUseSettings<T[Key]>[keyof T[Key]]}` : never) : Key : never;
 };
 export {};

package/{utils/cloud.d.ts → api/SettingsSync/cloudSetup.d.ts}

@@ -1,5 +1,5 @@
-import { Logger } from "./Logger";
-export declare const cloudLogger: Logger;
+import { Logger } from "../../utils/Logger";
+export declare const logger: Logger;
 export declare const getCloudUrl: () => URL;
 export declare function checkCloudUrlCsp(): Promise<boolean>;
 export declare function getAuthorization(): Promise<string>;

package/api/SettingsSync/cloudSync.d.ts

@@ -0,0 +1,4 @@
+export declare function putCloudSettings(manual?: boolean): Promise<void>;
+export declare function getCloudSettings(shouldNotify?: boolean, force?: boolean): Promise<boolean | undefined>;
+export declare function deleteCloudSettings(): Promise<void>;
+export declare function eraseAllCloudData(): Promise<void>;

package/{utils/settingsSync.d.ts → api/SettingsSync/offline.d.ts}

@@ -4,6 +4,3 @@ export declare function exportSettings({ minify }?: {
 }): Promise<string>;
 export declare function downloadSettingsBackup(): Promise<void>;
 export declare function uploadSettingsBackup(showToast?: boolean): Promise<void>;
-export declare function putCloudSettings(manual?: boolean): Promise<void>;
-export declare function getCloudSettings(shouldNotify?: boolean, force?: boolean): Promise<boolean | undefined>;
-export declare function deleteCloudSettings(): Promise<void>;

package/api/Styles.d.ts

@@ -1,17 +1,11 @@
-import type { MapValue } from "type-fest/source/entry";
-export type Style = MapValue<typeof VencordStyles>;
-export declare const styleMap: Map<string, {
+export interface Style {
     name: string;
     source: string;
     classNames: Record<string, string>;
     dom: HTMLStyleElement | null;
-}>;
-export declare function requireStyle(name: string): {
-    name: string;
-    source: string;
-    classNames: Record<string, string>;
-    dom: HTMLStyleElement | null;
-};
+}
+export declare const styleMap: Map<string, Style>;
+export declare function requireStyle(name: string): Style;
 /**
  * A style's name can be obtained from importing a stylesheet with `?managed` at the end of the import
  * @param name The name of the style

package/api/Themes.d.ts

@@ -0,0 +1,2 @@
+import { ThemeStore } from "@vencord/discord-types";
+export declare function initQuickCssThemeStore(themeStore: ThemeStore): void;

package/api/index.d.ts

@@ -11,9 +11,11 @@ import * as $MessagePopover from "./MessagePopover";
 import * as $MessageUpdater from "./MessageUpdater";
 import * as $Notices from "./Notices";
 import * as $Notifications from "./Notifications";
+export * as PluginManager from "./PluginManager";
 import * as $ServerList from "./ServerList";
 import * as $Settings from "./Settings";
 import * as $Styles from "./Styles";
+import * as $Themes from "./Themes";
 import * as $UserSettings from "./UserSettings";
 /**
  * An API allowing you to listen to Message Clicks or run your own logic
@@ -99,3 +101,7 @@ export declare const MessageUpdater: typeof $MessageUpdater;
  * An API allowing you to get an user setting
  */
 export declare const UserSettings: typeof $UserSettings;
+/**
+ * Don't use this
+ */
+export declare const Themes: typeof $Themes;

package/components/BaseText.d.ts

@@ -0,0 +1,34 @@
+import "./BaseText.css";
+import type { Text as DiscordText } from "@vencord/discord-types";
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+declare const Sizes: {
+    readonly xxs: "0.625rem";
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly md: "1rem";
+    readonly lg: "1.25rem";
+    readonly xl: "1.5rem";
+    readonly xxl: "2rem";
+};
+declare const Weights: {
+    readonly thin: "100";
+    readonly extralight: "200";
+    readonly light: "300";
+    readonly normal: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+    readonly extrabold: "800";
+};
+export declare function generateTextCss(): string;
+export type TextSize = keyof typeof Sizes;
+export type TextWeight = keyof typeof Weights;
+export type TextTag = "div" | "span" | "p" | `h${1 | 2 | 3 | 4 | 5 | 6}`;
+export type BaseTextProps<Tag extends TextTag = "div"> = ComponentPropsWithoutRef<Tag> & {
+    size?: TextSize;
+    weight?: TextWeight;
+    tag?: Tag;
+};
+export declare function BaseText<T extends TextTag = "div">(props: BaseTextProps<T>): ReactNode;
+export declare const TextCompat: DiscordText;
+export {};

package/components/Button.d.ts

@@ -0,0 +1,21 @@
+import "./Button.css";
+import type { Button as DiscordButton } from "@vencord/discord-types";
+import type { ComponentPropsWithRef } from "react";
+export type ButtonVariant = "primary" | "secondary" | "dangerPrimary" | "dangerSecondary" | "overlayPrimary" | "positive" | "link" | "none";
+export type ButtonSize = "min" | "xs" | "small" | "medium";
+export type ButtonProps = ComponentPropsWithRef<"button"> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+export type LinkButtonProps = ComponentPropsWithRef<"a"> & {
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
+export declare function Button({ variant, size, children, className, ...restProps }: ButtonProps): import("react").JSX.Element;
+export declare function LinkButton({ variant, size, className, children, ...restProps }: LinkButtonProps): import("react").JSX.Element;
+export type TextButtonVariant = "primary" | "secondary" | "danger" | "link";
+export type TextButtonProps = ComponentPropsWithRef<"button"> & {
+    variant?: TextButtonVariant;
+};
+export declare function TextButton({ variant, className, ...restProps }: TextButtonProps): import("react").JSX.Element;
+export declare const ButtonCompat: DiscordButton;

package/components/Card.d.ts

@@ -0,0 +1,8 @@
+import "./Card.css";
+import { ComponentPropsWithRef } from "react";
+export interface CardProps extends ComponentPropsWithRef<"div"> {
+    variant?: "normal" | "warning" | "danger";
+    /** Add a default padding of 1em to the card. This is implied if no className prop is passed */
+    defaultPadding?: boolean;
+}
+export declare function Card({ variant, defaultPadding, children, className, ...restProps }: CardProps): import("react").JSX.Element;

package/components/Divider.d.ts

@@ -0,0 +1,4 @@
+import "./Divider.css";
+import type { ComponentPropsWithoutRef } from "react";
+export type DividerProps = ComponentPropsWithoutRef<"hr">;
+export declare function Divider({ className, ...restProps }: DividerProps): import("react").JSX.Element;

package/components/ErrorBoundary.d.ts

@@ -21,6 +21,8 @@ interface Props<T = any> {
     wrappedProps?: T;
 }
 declare const ErrorBoundary: LazyComponentWrapper<React.ComponentType<React.PropsWithChildren<Props>> & {
-    wrap<T extends object = any>(Component: React.ComponentType<T>, errorBoundaryProps?: Omit<Props<T>, "wrappedProps">): React.FunctionComponent<T>;
+    wrap<T extends object = any>(Component: React.ComponentType<T>, errorBoundaryProps?: Omit<Props<T>, "wrappedProps"> & {
+        displayName?: string;
+    }): React.FunctionComponent<T>;
 }>;
 export default ErrorBoundary;

package/components/Flex.d.ts

@@ -1,5 +1,9 @@
-export declare function Flex(props: React.PropsWithChildren<{
-    flexDirection?: React.CSSProperties["flexDirection"];
-    style?: React.CSSProperties;
-    className?: string;
-} & React.HTMLProps<HTMLDivElement>>): import("react").JSX.Element;
+import type { CSSProperties, HTMLAttributes } from "react";
+export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
+    flexDirection?: CSSProperties["flexDirection"];
+    gap?: CSSProperties["gap"];
+    justifyContent?: CSSProperties["justifyContent"];
+    alignItems?: CSSProperties["alignItems"];
+    flexWrap?: CSSProperties["flexWrap"];
+}
+export declare function Flex({ flexDirection, gap, justifyContent, alignItems, flexWrap, children, style, ...restProps }: FlexProps): import("react").JSX.Element;

package/components/FormSwitch.d.ts

@@ -10,5 +10,4 @@ export interface FormSwitchProps {
     hideBorder?: boolean;
 }
 export declare function FormSwitch({ onChange, title, value, description, disabled, className, hideBorder }: FormSwitchProps): import("react").JSX.Element;
-/** Compatibility with Discord's old FormSwitch */
-export declare function FormSwitchCompat(props: PropsWithChildren<any>): import("react").JSX.Element;
+export declare function FormSwitchCompat({ note, children, ...restProps }: PropsWithChildren<any>): import("react").JSX.Element;

package/components/Heading.d.ts

@@ -0,0 +1,15 @@
+import "./Heading.css";
+import type { ComponentPropsWithoutRef } from "react";
+export type HeadingTag = `h${1 | 2 | 3 | 4 | 5 | 6}`;
+export type HeadingProps<Tag extends HeadingTag> = ComponentPropsWithoutRef<Tag> & {
+    tag?: Tag;
+};
+/**
+ * A simple heading component that automatically sizes according to the tag used.
+ *
+ * If you need more control, use the BaseText component instead.
+ */
+export declare function Heading<T extends HeadingTag>(props: HeadingProps<T>): import("react").JSX.Element;
+export declare function HeadingPrimary({ children, ...restProps }: HeadingProps<"h2">): import("react").JSX.Element;
+export declare function HeadingSecondary({ children, ...restProps }: HeadingProps<"h3">): import("react").JSX.Element;
+export declare function HeadingTertiary({ children, ...restProps }: HeadingProps<"h4">): import("react").JSX.Element;

package/components/Icons.d.ts

@@ -37,4 +37,15 @@ export declare function PaintbrushIcon(props: IconProps): JSX.Element;
 export declare function PencilIcon(props: IconProps): JSX.Element;
 export declare function GithubIcon(props: IconProps): JSX.Element;
 export declare function WebsiteIcon(props: IconProps): JSX.Element;
+/**
+ * A question mark inside a square, used as a placeholder icon when no other icon is available
+ */
+export declare function PlaceholderIcon(props: IconProps): JSX.Element;
+export declare function MainSettingsIcon(props: IconProps): JSX.Element;
+export declare function PluginsIcon(props: IconProps): JSX.Element;
+export declare function CloudIcon(props: IconProps): JSX.Element;
+export declare function BackupRestoreIcon(props: IconProps): JSX.Element;
+export declare function UpdaterIcon(props: IconProps): JSX.Element;
+export declare function PatchHelperIcon(props: IconProps): JSX.Element;
+export declare function VesktopSettingsIcon(props: IconProps): JSX.Element;
 export {};

package/components/Paragraph.d.ts

@@ -0,0 +1,3 @@
+import { type BaseTextProps } from "./BaseText";
+export type ParagraphProps = BaseTextProps<"p">;
+export declare function Paragraph({ children, ...restProps }: ParagraphProps): import("react").JSX.Element;

package/components/Span.d.ts

@@ -0,0 +1,3 @@
+import { type BaseTextProps } from "./BaseText";
+export type SpanProps = BaseTextProps<"span">;
+export declare function Span({ children, ...restProps }: SpanProps): import("react").JSX.Element;

package/components/Switch.d.ts

@@ -1,8 +1,7 @@
 import "./Switch.css";
-interface SwitchProps {
+export interface SwitchProps {
+    disabled?: boolean;
     checked: boolean;
     onChange: (checked: boolean) => void;
-    disabled?: boolean;
 }
 export declare function Switch({ checked, onChange, disabled }: SwitchProps): import("react").JSX.Element;
-export {};

package/components/css.d.ts

@@ -0,0 +1 @@
+export declare function addVencordUiStyles(): void;

package/components/index.d.ts

@@ -1,13 +1,20 @@
+export * from "./BaseText";
+export * from "./Button";
+export * from "./Card";
 export * from "./CheckedTextInput";
 export * from "./CodeBlock";
+export * from "./Divider";
 export { default as ErrorBoundary } from "./ErrorBoundary";
 export * from "./ErrorCard";
 export * from "./Flex";
-export * from "./FormDivider";
 export * from "./FormSwitch";
 export * from "./Grid";
+export * from "./Heading";
 export * from "./Heart";
 export * from "./Icons";
 export * from "./Link";
+export * from "./margins";
+export * from "./Paragraph";
 export * from "./settings";
+export * from "./Span";
 export * from "./Switch";

package/components/margins.d.ts

@@ -0,0 +1,7 @@
+declare const Directions: readonly ["top", "bottom", "left", "right"];
+declare const Sizes: readonly [8, 16, 20];
+export type MarginDirection = (typeof Directions)[number];
+export type MarginSize = (typeof Sizes)[number];
+export declare const Margins: Record<`${MarginDirection}${MarginSize}`, string>;
+export declare function generateMarginCss(): string;
+export {};

package/components/settings/tabs/BaseTab.d.ts

@@ -1,7 +1,6 @@
 import { handleComponentFailed } from "../../handleComponentFailed";
 import type { ComponentType, PropsWithChildren } from "react";
-export declare function SettingsTab({ title, children }: PropsWithChildren<{
-    title: string;
-}>): import("react").JSX.Element;
+export declare function SettingsTab({ children }: PropsWithChildren): import("react").JSX.Element;
 export declare const handleSettingsTabError: typeof handleComponentFailed;
 export declare function wrapTab(component: ComponentType<any>, tab: string): import("react").FunctionComponent<any>;
+export declare function openSettingsTabModal(Tab: ComponentType<any>): void;

package/components/settings/tabs/index.d.ts

@@ -7,5 +7,5 @@ export { openPluginModal } from "./plugins/PluginModal";
 export { default as BackupAndRestoreTab } from "./sync/BackupAndRestoreTab";
 export { default as CloudTab } from "./sync/CloudTab";
 export { default as ThemesTab } from "./themes";
-export { openUpdaterModal, default as UpdaterTab } from "./updater";
+export { default as UpdaterTab } from "./updater";
 export { default as VencordTab } from "./vencord";

package/components/settings/tabs/plugins/PluginCard.d.ts

@@ -1,5 +1,4 @@
 import { Plugin } from "../../../../utils/types";
-export declare const ButtonClasses: any;
 interface PluginCardProps extends React.HTMLProps<HTMLDivElement> {
     plugin: Plugin;
     disabled: boolean;

package/components/settings/tabs/plugins/UIElements.d.ts

@@ -0,0 +1,2 @@
+import "./UIElements.css";
+export declare function UIElementsButton(): import("react").JSX.Element;

package/components/settings/tabs/plugins/components/Common.d.ts

@@ -19,6 +19,7 @@ interface SettingsSectionProps extends PropsWithChildren {
     description: string;
     error?: string | null;
     inlineSetting?: boolean;
+    tag?: "label" | "div";
 }
-export declare function SettingsSection({ name, description, error, inlineSetting, children }: SettingsSectionProps): import("react").JSX.Element;
+export declare function SettingsSection({ tag: Tag, name, description, error, inlineSetting, children }: SettingsSectionProps): import("react").JSX.Element;
 export {};

package/components/settings/tabs/updater/index.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import("react").FunctionComponent<any> | null;
 export default _default;
-export declare const openUpdaterModal: (() => void) | null;

package/nativeModules.d.ts

@@ -0,0 +1,12 @@
+/*
+ * Vencord, a Discord client mod
+ * Copyright (c) 2025 Vendicated and contributors
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+/// <reference types="standalone-electron-types"/>
+
+declare module "~pluginNatives" {
+    const pluginNatives: Record<string, Record<string, (event: Electron.IpcMainInvokeEvent, ...args: unknown[]) => unknown>>;
+    export default pluginNatives;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vencord/types",
     "private": false,
-    "version": "1.13.1",
+    "version": "1.13.7",
     "description": "",
     "types": "index.d.ts",
     "scripts": {
@@ -19,6 +19,10 @@
     "dependencies": {
         "@types/lodash": "4.17.15",
         "@types/node": "^22.13.4",
+        "@vencord/discord-types": "^1.0.0",
+        "highlight.js": "11.11.1",
+        "moment": "^2.22.2",
+        "ts-pattern": "^5.6.0",
         "type-fest": "^4.35.0"
     },
     "peerDependencies": {

package/plugins/_api/badges/index.d.ts

@@ -17,13 +17,10 @@ declare const _default: {
         };
     } | {
         find: string;
-        replacement: ({
-            match: RegExp;
-            replace: (_: string, rest: string, originalSrc: string, badge: string) => string;
-        } | {
+        replacement: {
             match: RegExp;
             replace: string;
-        })[];
+        }[];
     })[];
     readonly DonorBadges: Record<string, Record<"tooltip" | "badge", string>[]>;
     toolboxActions: {
@@ -40,7 +37,7 @@ declare const _default: {
     renderBadgeComponent: import("react").FunctionComponent<ProfileBadge & BadgeUserArgs>;
     getBadgeMouseEventHandlers(badge: ProfileBadge & BadgeUserArgs): Record<string, (e: React.MouseEvent) => void>;
     getDonorBadges(userId: string): {
-        image: string;
+        iconSrc: string;
         description: string;
         position: BadgePosition.START;
         props: {