@vencord/types 1.8.4 → 1.11.5

package/Vencord.d.ts

@@ -22,6 +22,7 @@ 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";

package/VencordNative.d.ts

@@ -1,9 +1,7 @@
-/// <reference types="standalone-electron-types" />
-/// <reference types="node" />
+import type { Settings } from "./api/Settings";
 import type { UserThemeHeader } from "./main/themes";
 import { IpcEvents } from "./shared/IpcEvents";
 import { IpcRes } from "./utils/types";
-import type { Settings } from "api/Settings";
 export declare function sendSync<T = any>(event: IpcEvents, ...args: any[]): T;
 declare const _default: {
     themes: {
@@ -15,7 +13,7 @@ declare const _default: {
         getSystemValues: () => Promise<Record<string, string>>;
     };
     updater: {
-        getUpdates: () => Promise<IpcRes<Record<"author" | "message" | "hash", string>[]>>;
+        getUpdates: () => Promise<IpcRes<Record<"message" | "author" | "hash", string>[]>>;
         update: () => Promise<IpcRes<boolean>>;
         rebuild: () => Promise<IpcRes<boolean>>;
         getRepo: () => Promise<IpcRes<string>>;

package/api/Badges.d.ts

@@ -1,4 +1,3 @@
-import { User } from "discord-types/general";
 import { ComponentType, HTMLProps } from "react";
 export declare const enum BadgePosition {
     START = 0,
@@ -22,23 +21,27 @@ export interface ProfileBadge {
     position?: BadgePosition;
     /** The badge name to display, Discord uses this. Required for component badges */
     key?: string;
+    /**
+     * Allows dynamically returning multiple badges
+     */
+    getBadges?(userInfo: BadgeUserArgs): ProfileBadge[];
 }
 /**
  * Register a new badge with the Badges API
  * @param badge The badge to register
  */
-export declare function addBadge(badge: ProfileBadge): void;
+export declare function addProfileBadge(badge: ProfileBadge): void;
 /**
  * Unregister a badge from the Badges API
  * @param badge The badge to remove
  */
-export declare function removeBadge(badge: ProfileBadge): boolean;
+export declare function removeProfileBadge(badge: ProfileBadge): boolean;
 /**
  * Inject badges into the profile badges array.
  * You probably don't need to use this.
  */
 export declare function _getBadges(args: BadgeUserArgs): ProfileBadge[];
 export interface BadgeUserArgs {
-    user: User;
+    userId: string;
     guildId: string;
 }

package/api/ChatButtons.d.ts

@@ -1,6 +1,6 @@
 import "./ChatButton.css";
 import { Channel } from "discord-types/general";
-import { HTMLProps, MouseEventHandler, ReactNode } from "react";
+import { HTMLProps, JSX, MouseEventHandler, ReactNode } from "react";
 export interface ChatBarProps {
     channel: Channel;
     disabled: boolean;
@@ -58,17 +58,18 @@ export interface ChatBarProps {
         sedReplace: boolean;
     };
 }
-export type ChatBarButton = (props: ChatBarProps & {
+export type ChatBarButtonFactory = (props: ChatBarProps & {
     isMainChat: boolean;
 }) => JSX.Element | null;
 export declare function _injectButtons(buttons: ReactNode[], props: ChatBarProps): void;
-export declare const addChatBarButton: (id: string, button: ChatBarButton) => Map<string, ChatBarButton>;
+export declare const addChatBarButton: (id: string, button: ChatBarButtonFactory) => Map<string, ChatBarButtonFactory>;
 export declare const removeChatBarButton: (id: string) => boolean;
 export interface ChatBarButtonProps {
     children: ReactNode;
     tooltip: string;
     onClick: MouseEventHandler<HTMLButtonElement>;
     onContextMenu?: MouseEventHandler<HTMLButtonElement>;
-    buttonProps?: Omit<HTMLProps<HTMLButtonElement>, "size" | "onClick" | "onContextMenu">;
+    onAuxClick?: MouseEventHandler<HTMLButtonElement>;
+    buttonProps?: Omit<HTMLProps<HTMLButtonElement>, "size" | "onClick" | "onContextMenu" | "onAuxClick">;
 }
 export declare const ChatBarButton: import("react").FunctionComponent<ChatBarButtonProps>;

package/api/Commands/types.d.ts

@@ -65,8 +65,10 @@ export interface Command {
     plugin?: string;
     isVencordCommand?: boolean;
     name: string;
+    untranslatedName?: string;
     displayName?: string;
     description: string;
+    untranslatedDescription?: string;
     displayDescription?: string;
     options?: Option[];
     predicate?(ctx: CommandContext): boolean;

package/api/ContextMenu.d.ts

@@ -3,13 +3,13 @@ import type { ReactElement } from "react";
  * @param children The rendered context menu elements
  * @param args Any arguments passed into making the context menu, like the guild, channel, user or message for example
  */
-export type NavContextMenuPatchCallback = (children: Array<ReactElement | null>, ...args: Array<any>) => void;
+export type NavContextMenuPatchCallback = (children: Array<ReactElement<any> | null>, ...args: Array<any>) => void;
 /**
  * @param navId The navId of the context menu being patched
  * @param children The rendered context menu elements
  * @param args Any arguments passed into making the context menu, like the guild, channel, user or message for example
  */
-export type GlobalContextMenuPatchCallback = (navId: string, children: Array<ReactElement | null>, ...args: Array<any>) => void;
+export type GlobalContextMenuPatchCallback = (navId: string, children: Array<ReactElement<any> | null>, ...args: Array<any>) => void;
 export declare const navPatches: Map<string, Set<NavContextMenuPatchCallback>>;
 export declare const globalPatches: Set<GlobalContextMenuPatchCallback>;
 /**
@@ -40,12 +40,13 @@ export declare function removeGlobalContextMenuPatch(patch: GlobalContextMenuPat
  * A helper function for finding the children array of a group nested inside a context menu based on the id(s) of its children
  * @param id The id of the child. If an array is specified, all ids will be tried
  * @param children The context menu children
+ * @param matchSubstring Whether to check if the id is a substring of the child id
  */
-export declare function findGroupChildrenByChildId(id: string | string[], children: Array<ReactElement | null>): Array<ReactElement | null> | null;
+export declare function findGroupChildrenByChildId(id: string | string[], children: Array<ReactElement<any> | null | undefined>, matchSubstring?: boolean): Array<ReactElement<any> | null | undefined> | null;
 interface ContextMenuProps {
-    contextMenuApiArguments?: Array<any>;
+    contextMenuAPIArguments?: Array<any>;
     navId: string;
-    children: Array<ReactElement | null>;
+    children: Array<ReactElement<any> | null>;
     "aria-label": string;
     onSelect: (() => void) | undefined;
     onClose: (callback: (...args: Array<any>) => any) => void;

package/api/MemberListDecorators.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Channel, User } from "discord-types/general/index.js";
+import { JSX } from "react";
 interface DecoratorProps {
     activities: any[];
     channel: Channel;
@@ -20,13 +20,13 @@ interface DecoratorProps {
     user: User;
     [key: string]: any;
 }
-export type Decorator = (props: DecoratorProps) => JSX.Element | null;
+export type MemberListDecoratorFactory = (props: DecoratorProps) => JSX.Element | null;
 type OnlyIn = "guilds" | "dms";
-export declare const decorators: Map<string, {
-    decorator: Decorator;
-    onlyIn?: OnlyIn | undefined;
+export declare const decoratorsFactories: Map<string, {
+    render: MemberListDecoratorFactory;
+    onlyIn?: OnlyIn;
 }>;
-export declare function addDecorator(identifier: string, decorator: Decorator, onlyIn?: OnlyIn): void;
-export declare function removeDecorator(identifier: string): void;
-export declare function __getDecorators(props: DecoratorProps): (JSX.Element | null)[];
+export declare function addMemberListDecorator(identifier: string, render: MemberListDecoratorFactory, onlyIn?: OnlyIn): void;
+export declare function removeMemberListDecorator(identifier: string): void;
+export declare function __getDecorators(props: DecoratorProps): JSX.Element;
 export {};

package/api/MessageAccessories.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export type AccessoryCallback = (props: Record<string, any>) => JSX.Element | null | Array<JSX.Element | null>;
-export type Accessory = {
-    callback: AccessoryCallback;
+import { JSX, ReactNode } from "react";
+export type MessageAccessoryFactory = (props: Record<string, any>) => ReactNode;
+export type MessageAccessory = {
+    render: MessageAccessoryFactory;
     position?: number;
 };
-export declare const accessories: Map<String, Accessory>;
-export declare function addAccessory(identifier: string, callback: AccessoryCallback, position?: number): void;
-export declare function removeAccessory(identifier: string): void;
+export declare const accessories: Map<string, MessageAccessory>;
+export declare function addMessageAccessory(identifier: string, render: MessageAccessoryFactory, position?: number): void;
+export declare function removeMessageAccessory(identifier: string): void;
 export declare function _modifyAccessories(elements: JSX.Element[], props: Record<string, any>): JSX.Element[];

package/api/MessageDecorations.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Channel, Message } from "discord-types/general/index.js";
-interface DecorationProps {
+import { JSX } from "react";
+export interface MessageDecorationProps {
     author: {
         /**
          * Will be username if the user has no nickname
@@ -26,9 +26,8 @@ interface DecorationProps {
     message: Message;
     [key: string]: any;
 }
-export type Decoration = (props: DecorationProps) => JSX.Element | null;
-export declare const decorations: Map<string, Decoration>;
-export declare function addDecoration(identifier: string, decoration: Decoration): void;
-export declare function removeDecoration(identifier: string): void;
-export declare function __addDecorationsToMessage(props: DecorationProps): (JSX.Element | null)[];
-export {};
+export type MessageDecorationFactory = (props: MessageDecorationProps) => JSX.Element | null;
+export declare const decorationsFactories: Map<string, MessageDecorationFactory>;
+export declare function addMessageDecoration(identifier: string, decoration: MessageDecorationFactory): void;
+export declare function removeMessageDecoration(identifier: string): void;
+export declare function __addDecorationsToMessage(props: MessageDecorationProps): JSX.Element;

package/api/MessageEvents.d.ts

@@ -46,10 +46,10 @@ export interface MessageExtra {
     type?: any;
     openWarningPopout: (props: any) => any;
 }
-export type SendListener = (channelId: string, messageObj: MessageObject, extra: MessageExtra) => Promisable<void | {
+export type MessageSendListener = (channelId: string, messageObj: MessageObject, extra: MessageExtra) => Promisable<void | {
     cancel: boolean;
 }>;
-export type EditListener = (channelId: string, messageId: string, messageObj: MessageObject) => Promisable<void | {
+export type MessageEditListener = (channelId: string, messageId: string, messageObj: MessageObject) => Promisable<void | {
     cancel: boolean;
 }>;
 export declare function _handlePreSend(channelId: string, messageObj: MessageObject, extra: MessageExtra, replyOptions: MessageReplyOptions): Promise<boolean>;
@@ -57,15 +57,14 @@ export declare function _handlePreEdit(channelId: string, messageId: string, mes
 /**
  * Note: This event fires off before a message is sent, allowing you to edit the message.
  */
-export declare function addPreSendListener(listener: SendListener): SendListener;
+export declare function addMessagePreSendListener(listener: MessageSendListener): MessageSendListener;
 /**
  * Note: This event fires off before a message's edit is applied, allowing you to further edit the message.
  */
-export declare function addPreEditListener(listener: EditListener): EditListener;
-export declare function removePreSendListener(listener: SendListener): boolean;
-export declare function removePreEditListener(listener: EditListener): boolean;
-type ClickListener = (message: Message, channel: Channel, event: MouseEvent) => void;
+export declare function addMessagePreEditListener(listener: MessageEditListener): MessageEditListener;
+export declare function removeMessagePreSendListener(listener: MessageSendListener): boolean;
+export declare function removeMessagePreEditListener(listener: MessageEditListener): boolean;
+export type MessageClickListener = (message: Message, channel: Channel, event: MouseEvent) => void;
 export declare function _handleClick(message: Message, channel: Channel, event: MouseEvent): void;
-export declare function addClickListener(listener: ClickListener): ClickListener;
-export declare function removeClickListener(listener: ClickListener): boolean;
-export {};
+export declare function addMessageClickListener(listener: MessageClickListener): MessageClickListener;
+export declare function removeMessageClickListener(listener: MessageClickListener): boolean;

package/api/MessagePopover.d.ts

@@ -1,16 +1,16 @@
 import { Channel, Message } from "discord-types/general";
-import type { MouseEventHandler } from "react";
-export interface ButtonItem {
+import type { ComponentType, MouseEventHandler } from "react";
+export interface MessagePopoverButtonItem {
     key?: string;
     label: string;
-    icon: React.ComponentType<any>;
+    icon: ComponentType<any>;
     message: Message;
     channel: Channel;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onContextMenu?: MouseEventHandler<HTMLButtonElement>;
 }
-export type getButtonItem = (message: Message) => ButtonItem | null;
-export declare const buttons: Map<string, getButtonItem>;
-export declare function addButton(identifier: string, item: getButtonItem): void;
-export declare function removeButton(identifier: string): void;
-export declare function _buildPopoverElements(msg: Message, makeButton: (item: ButtonItem) => React.ComponentType): import("react").ComponentType<{}>[];
+export type MessagePopoverButtonFactory = (message: Message) => MessagePopoverButtonItem | null;
+export declare const buttons: Map<string, MessagePopoverButtonFactory>;
+export declare function addMessagePopoverButton(identifier: string, item: MessagePopoverButtonFactory): void;
+export declare function removeMessagePopoverButton(identifier: string): void;
+export declare function _buildPopoverElements(Component: React.ComponentType<MessagePopoverButtonItem>, message: Message): import("react").JSX.Element;

package/api/MessageUpdater.d.ts

@@ -0,0 +1,8 @@
+import { Message } from "discord-types/general";
+/**
+ * Update and re-render a message
+ * @param channelId The channel id of the message
+ * @param messageId The message id
+ * @param fields The fields of the message to change. Leave empty if you just want to re-render
+ */
+export declare function updateMessage(channelId: string, messageId: string, fields?: Partial<Message & Record<string, any>>): void;

package/api/Notifications/NotificationComponent.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import "./styles.css";
 import { NotificationData } from "./Notifications";
 declare const _default: import("react").FunctionComponent<NotificationData & {
-    className?: string | undefined;
+    className?: string;
 }>;
 export default _default;

package/api/Notifications/notificationLog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { NotificationData } from "./Notifications";
 interface PersistentNotificationData extends Pick<NotificationData, "title" | "body" | "image" | "icon" | "color"> {
     timestamp: number;
@@ -10,6 +9,6 @@ export declare function useLogs(): readonly [PersistentNotificationData[], boole
 export declare function NotificationLog({ log, pending }: {
     log: PersistentNotificationData[];
     pending: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function openNotificationLogModal(): void;
 export {};

package/api/ServerList.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { ComponentType } from "react";
 export declare const enum ServerListRenderPosition {
     Above = 0,
     In = 1
 }
-export declare function addServerListElement(position: ServerListRenderPosition, renderFunction: Function): void;
-export declare function removeServerListElement(position: ServerListRenderPosition, renderFunction: Function): void;
-export declare const renderAll: (position: ServerListRenderPosition) => JSX.Element[];
+export declare function addServerListElement(position: ServerListRenderPosition, renderFunction: ComponentType): void;
+export declare function removeServerListElement(position: ServerListRenderPosition, renderFunction: ComponentType): void;
+export declare const renderAll: (position: ServerListRenderPosition) => import("react").JSX.Element[];

package/api/Settings.d.ts

@@ -4,9 +4,10 @@ export interface Settings {
     autoUpdate: boolean;
     autoUpdateNotification: boolean;
     useQuickCss: boolean;
+    eagerPatches: boolean;
+    enabledThemes: string[];
     enableReactDevtools: boolean;
     themeLinks: string[];
-    enabledThemes: string[];
     frameless: boolean;
     transparent: boolean;
     winCtrlQ: boolean;
@@ -57,6 +58,7 @@ export declare const Settings: Settings;
  */
 export declare function useSettings(paths?: UseSettings<Settings>[]): Settings;
 export declare function migratePluginSettings(name: string, ...oldNames: string[]): void;
+export declare function migratePluginSetting(pluginName: string, oldSetting: string, newSetting: string): void;
 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> = {

package/api/Styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="../src/globals" />
 import type { MapValue } from "type-fest/source/entry";
 export type Style = MapValue<typeof VencordStyles>;
 export declare const styleMap: Map<string, {

package/api/UserSettings.d.ts

@@ -0,0 +1,40 @@
+interface UserSettingDefinition<T> {
+    /**
+     * Get the setting value
+     */
+    getSetting(): T;
+    /**
+     * Update the setting value
+     * @param value The new value
+     */
+    updateSetting(value: T): Promise<void>;
+    /**
+     * Update the setting value
+     * @param value A callback that accepts the old value as the first argument, and returns the new value
+     */
+    updateSetting(value: (old: T) => T): Promise<void>;
+    /**
+     * Stateful React hook for this setting value
+     */
+    useSetting(): T;
+    userSettingsAPIGroup: string;
+    userSettingsAPIName: string;
+}
+export declare const UserSettings: Record<PropertyKey, UserSettingDefinition<any>> | undefined;
+/**
+ * Get the setting with the given setting group and name.
+ *
+ * @param group The setting group
+ * @param name The name of the setting
+ */
+export declare function getUserSetting<T = any>(group: string, name: string): UserSettingDefinition<T> | undefined;
+/**
+ * {@link getUserSettingDefinition}, lazy.
+ *
+ * Get the setting with the given setting group and name.
+ *
+ * @param group The setting group
+ * @param name The name of the setting
+ */
+export declare function getUserSettingLazy<T = any>(group: string, name: string): UserSettingDefinition<T> | undefined;
+export {};

package/api/index.d.ts

@@ -8,11 +8,13 @@ import * as $MessageAccessories from "./MessageAccessories";
 import * as $MessageDecorations from "./MessageDecorations";
 import * as $MessageEventsAPI from "./MessageEvents";
 import * as $MessagePopover from "./MessagePopover";
+import * as $MessageUpdater from "./MessageUpdater";
 import * as $Notices from "./Notices";
 import * as $Notifications from "./Notifications";
 import * as $ServerList from "./ServerList";
 import * as $Settings from "./Settings";
 import * as $Styles from "./Styles";
+import * as $UserSettings from "./UserSettings";
 /**
  * An API allowing you to listen to Message Clicks or run your own logic
  * before a message is sent
@@ -89,3 +91,11 @@ export declare const ContextMenu: typeof $ContextMenu;
  * An API allowing you to add buttons to the chat input
  */
 export declare const ChatButtons: typeof $ChatButtons;
+/**
+ * An API allowing you to update and re-render messages
+ */
+export declare const MessageUpdater: typeof $MessageUpdater;
+/**
+ * An API allowing you to get an user setting
+ */
+export declare const UserSettings: typeof $UserSettings;

package/components/Badge.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare function Badge({ text, color }: {
     text: any;
     color: any;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/components/CheckedTextInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TextInputProps {
     /**
      * WARNING: Changing this between renders will have no effect!
@@ -19,5 +18,5 @@ interface TextInputProps {
  * A very simple wrapper around Discord's TextInput that validates input and shows
  * the user an error message and only calls your onChange when the input is valid
  */
-export declare function CheckedTextInput({ value: initialValue, onChange, validate }: TextInputProps): JSX.Element;
+export declare function CheckedTextInput({ value: initialValue, onChange, validate }: TextInputProps): import("react").JSX.Element;
 export {};

package/components/CodeBlock.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 /**
  * Renders code in a Discord codeblock
  */
 export declare function CodeBlock(props: {
     content?: string;
     lang: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/components/DonateButton.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export default function DonateButton(props: any): JSX.Element;
+import { ButtonProps } from "../webpack/common/types";
+export default function DonateButton({ look, color, ...props }: Partial<ButtonProps>): import("react").JSX.Element;

package/components/ErrorBoundary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props<T = any> {
     /** Render nothing if an error occurs */
     noop?: boolean;
@@ -7,6 +6,7 @@ interface Props<T = any> {
         error: any;
         message: string;
         stack: string;
+        wrappedProps: T;
     }>>;
     /** called when an error occurs. The props property is only available if using .wrap */
     onError?(data: {
@@ -19,7 +19,7 @@ interface Props<T = any> {
     /** The props passed to the wrapped component. Only used by wrap */
     wrappedProps?: T;
 }
-declare const ErrorBoundary: import("react").ComponentType<import("react").PropsWithChildren<Props<any>>> & {
+declare const ErrorBoundary: React.ComponentType<React.PropsWithChildren<Props>> & {
     wrap<T extends object = any>(Component: React.ComponentType<T>, errorBoundaryProps?: Omit<Props<T>, "wrappedProps">): React.FunctionComponent<T>;
 };
 export default ErrorBoundary;

package/components/ErrorCard.d.ts

@@ -1,3 +1,3 @@
 import "./ErrorCard.css";
 import type { HTMLProps } from "react";
-export declare function ErrorCard(props: React.PropsWithChildren<HTMLProps<HTMLDivElement>>): JSX.Element;
+export declare function ErrorCard(props: React.PropsWithChildren<HTMLProps<HTMLDivElement>>): import("react").JSX.Element;

package/components/Flex.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare function Flex(props: React.PropsWithChildren<{
     flexDirection?: React.CSSProperties["flexDirection"];
     style?: React.CSSProperties;
     className?: string;
-} & React.HTMLProps<HTMLDivElement>>): JSX.Element;
+} & React.HTMLProps<HTMLDivElement>>): import("react").JSX.Element;

package/components/Grid.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from "react";
+interface Props {
+    columns: number;
+    gap?: string;
+    inline?: boolean;
+}
+export declare function Grid(props: Props & JSX.IntrinsicElements["div"]): JSX.Element;
+export {};

package/components/Heart.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Heart(): JSX.Element;
+import { SVGProps } from "react";
+export declare function Heart(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/components/Icons.d.ts

@@ -1,17 +1,12 @@
 import "./iconStyles.css";
-import type { SVGProps } from "react";
-interface IconProps extends SVGProps<SVGSVGElement> {
-    className?: string;
-    height?: string | number;
-    width?: string | number;
-}
+import type { JSX } from "react";
+type IconProps = JSX.IntrinsicElements["svg"];
 /**
  * Discord's link icon, as seen in the Message context menu "Copy Message Link" option
  */
 export declare function LinkIcon({ height, width, className }: IconProps): JSX.Element;
 /**
- * Discord's copy icon, as seen in the user popout right of the username when clicking
- * your own username in the bottom left user panel
+ * Discord's copy icon, as seen in the user panel popout on the right of the username and in large code blocks
  */
 export declare function CopyIcon(props: IconProps): JSX.Element;
 /**
@@ -33,4 +28,13 @@ export declare function ReplyIcon(props: IconProps): JSX.Element;
 export declare function DeleteIcon(props: IconProps): JSX.Element;
 export declare function PlusIcon(props: IconProps): JSX.Element;
 export declare function NoEntrySignIcon(props: IconProps): JSX.Element;
+export declare function SafetyIcon(props: IconProps): JSX.Element;
+export declare function NotesIcon(props: IconProps): JSX.Element;
+export declare function FolderIcon(props: IconProps): JSX.Element;
+export declare function LogIcon(props: IconProps): JSX.Element;
+export declare function RestartIcon(props: IconProps): JSX.Element;
+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;
 export {};

package/components/Link.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 interface Props extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
     disabled?: boolean;
 }
-export declare function Link(props: React.PropsWithChildren<Props>): JSX.Element;
+export declare function Link(props: React.PropsWithChildren<Props>): import("react").JSX.Element;
 export {};

package/components/PluginSettings/LinkIconButton.d.ts

@@ -0,0 +1,10 @@
+import "./LinkIconButton.css";
+export declare function GithubLinkIcon(): import("react").JSX.Element;
+export declare function WebsiteLinkIcon(): import("react").JSX.Element;
+interface Props {
+    text: string;
+    href: string;
+}
+export declare const WebsiteButton: (props: Props) => import("react").JSX.Element;
+export declare const GithubButton: (props: Props) => import("react").JSX.Element;
+export {};

package/components/PluginSettings/PluginModal.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import "./PluginModal.css";
 import { ModalProps } from "../../utils/modal";
 import { Plugin } from "../../utils/types";
 interface PluginModalProps extends ModalProps {
     plugin: Plugin;
     onRestartNeeded(): void;
 }
-export default function PluginModal({ plugin, onRestartNeeded, onClose, transitionState }: PluginModalProps): JSX.Element;
+export default function PluginModal({ plugin, onRestartNeeded, onClose, transitionState }: PluginModalProps): import("react").JSX.Element;
+export declare function openPluginModal(plugin: Plugin, onRestartNeeded?: (pluginName: string) => void): void;
 export {};

package/components/PluginSettings/components/SettingBooleanComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PluginOptionBoolean } from "../../../utils/types";
 import { ISettingElementProps } from ".";
-export declare function SettingBooleanComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionBoolean>): JSX.Element;
+export declare function SettingBooleanComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionBoolean>): import("react").JSX.Element;

package/components/PluginSettings/components/SettingCustomComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PluginOptionComponent } from "../../../utils/types";
-import { ISettingElementProps } from ".";
-export declare function SettingCustomComponent({ option, onChange, onError }: ISettingElementProps<PluginOptionComponent>): JSX.Element;
+import { ISettingCustomElementProps } from ".";
+export declare function SettingCustomComponent({ option, onChange, onError }: ISettingCustomElementProps<PluginOptionComponent>): import("react").JSX.Element;

package/components/PluginSettings/components/SettingNumericComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PluginOptionNumber } from "../../../utils/types";
 import { ISettingElementProps } from ".";
-export declare function SettingNumericComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionNumber>): JSX.Element;
+export declare function SettingNumericComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionNumber>): import("react").JSX.Element;

package/components/PluginSettings/components/SettingSelectComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PluginOptionSelect } from "../../../utils/types";
 import { ISettingElementProps } from ".";
-export declare function SettingSelectComponent({ option, pluginSettings, definedSettings, onChange, onError, id }: ISettingElementProps<PluginOptionSelect>): JSX.Element;
+export declare function SettingSelectComponent({ option, pluginSettings, definedSettings, onChange, onError, id }: ISettingElementProps<PluginOptionSelect>): import("react").JSX.Element;

package/components/PluginSettings/components/SettingSliderComponent.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { PluginOptionSlider } from "../../../utils/types";
 import { ISettingElementProps } from ".";
 export declare function makeRange(start: number, end: number, step?: number): number[];
-export declare function SettingSliderComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionSlider>): JSX.Element;
+export declare function SettingSliderComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionSlider>): import("react").JSX.Element;