@vencord/types 1.13.2 → 1.14.1

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

@@ -1,8 +1,9 @@
 import type { Settings } from "./api/Settings";
-import { CspRequestResult } from "./main/csp/manager";
+import type { CspRequestResult } from "./main/csp/manager";
 import type { UserThemeHeader } from "./main/themes";
 import { IpcEvents } from "./shared/IpcEvents";
-import { IpcRes } from "./utils/types";
+import type { IpcRes } from "./utils/types";
+export declare function invoke<T = any>(event: IpcEvents, ...args: any[]): Promise<T>;
 export declare function sendSync<T = any>(event: IpcEvents, ...args: any[]): T;
 declare const _default: {
     themes: {
@@ -31,10 +32,13 @@ declare const _default: {
         addThemeChangeListener(cb: () => void): void;
         openFile: () => Promise<void>;
         openEditor: () => Promise<void>;
+        getEditorTheme: () => string;
     };
     native: {
         getVersions: () => Partial<NodeJS.ProcessVersions>;
         openExternal: (url: string) => Promise<void>;
+        getRendererCss: () => Promise<string>;
+        onRendererCssUpdate: (cb: (newCss: string) => void) => void;
     };
     csp: {
         /**

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;
@@ -24,7 +24,8 @@ export interface ProfileBadge {
     /** The badge name to display, Discord uses this. Required for component badges */
     key?: string;
     /**
-     * Allows dynamically returning multiple badges
+     * Allows dynamically returning multiple badges.
+     * Must not call hooks
      */
     getBadges?(userInfo: BadgeUserArgs): ProfileBadge[];
 }

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 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): void;
-export declare const addChatBarButton: (id: string, button: ChatBarButtonFactory) => Map<string, ChatBarButtonFactory>;
+/**
+ * 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,12 +1,12 @@
 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 function pluginRequiresRestart(p: Plugin): boolean;
 export declare const startAllPlugins: (target: StartAt) => void;
 export declare function startDependenciesRecursive(p: Plugin): {
     restartNeeded: boolean;
@@ -17,3 +17,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,5 @@
+export declare function shouldCloudSync(direction: "push" | "pull"): boolean;
+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,27 @@
-import type { MapValue } from "type-fest/source/entry";
-export type Style = MapValue<typeof VencordStyles>;
-export declare const styleMap: Map<string, {
+/** @deprecated Import this from `@utils/css` instead */
+export declare const classNameFactory: (prefix?: string) => (...args: import("../utils/css").ClassNameFactoryArg[]) => 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 const vencordRootNode: HTMLElement;
+/**
+ * Houses all Vencord core styles. This includes all imported css files
+ */
+export declare const coreStyleRootNode: HTMLElement;
+/**
+ * Houses all plugin specific managed styles
+ */
+export declare const managedStyleRootNode: HTMLElement;
+/**
+ * Houses the user's themes and quick css
+ */
+export declare const userStyleRootNode: HTMLElement;
+export declare function initStyles(): void;
+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
@@ -75,23 +85,3 @@ export declare const setStyleClassNames: (name: string, classNames: Record<strin
  * @see {@link setStyleClassNames} for more info on style classnames
  */
 export declare const compileStyle: (style: Style) => void;
-/**
- * @param name The classname
- * @param prefix A prefix to add each class, defaults to `""`
- * @return A css selector for the classname
- * @example
- * classNameToSelector("foo bar") // => ".foo.bar"
- */
-export declare const classNameToSelector: (name: string, prefix?: string) => string;
-type ClassNameFactoryArg = string | string[] | Record<string, unknown> | false | null | undefined | 0 | "";
-/**
- * @param prefix The prefix to add to each class, defaults to `""`
- * @returns A classname generator function
- * @example
- * const cl = classNameFactory("plugin-");
- *
- * cl("base", ["item", "editable"], { selected: null, disabled: true })
- * // => "plugin-base plugin-item plugin-editable plugin-disabled"
- */
-export declare const classNameFactory: (prefix?: string) => (...args: ClassNameFactoryArg[]) => string;
-export {};

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" | "iconOnly";
+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/CodeBlock.d.ts

@@ -5,3 +5,9 @@ export declare function CodeBlock(props: {
     content?: string;
     lang: string;
 }): import("react").JSX.Element;
+/**
+ * Renders inline code like `this`
+ */
+export declare function InlineCode({ children }: {
+    children: React.ReactNode;
+}): 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,17 @@ 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 declare function CloudDownloadIcon(props: IconProps): JSX.Element;
+export declare function CloudUploadIcon(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/TooltipContainer.d.ts

@@ -0,0 +1,4 @@
+import { TooltipProps } from "@vencord/discord-types";
+export declare function TooltipContainer({ children, ...props }: Omit<TooltipProps, "children"> & {
+    children: React.ReactNode;
+}): import("react").JSX.Element;

package/components/TooltipFallback.d.ts

@@ -0,0 +1,3 @@
+import { Tooltip } from "@vencord/discord-types";
+/** Don't use this */
+export declare const TooltipFallback: Tooltip;

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

@@ -1,6 +1,6 @@
 import { DefinedSettings, PluginOptionBase } from "../../../../../utils/types";
 import { PropsWithChildren } from "react";
-export declare const cl: (...args: (string | false | 0 | string[] | Record<string, unknown> | null | undefined)[]) => string;
+export declare const cl: (...args: import("../../../../../utils/css").ClassNameFactoryArg[]) => string;
 interface SettingBaseProps<T> {
     option: T;
     onChange(newValue: any): void;
@@ -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/plugins/index.d.ts

@@ -1,6 +1,6 @@
 import "./styles.css";
 import { Logger } from "../../../../utils/Logger";
-export declare const cl: (...args: (string | false | 0 | string[] | Record<string, unknown> | null | undefined)[]) => string;
+export declare const cl: (...args: import("../../../../utils/css").ClassNameFactoryArg[]) => string;
 export declare const logger: Logger;
 declare const _default: import("react").FunctionComponent<any>;
 export default _default;

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/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vencord/types",
     "private": false,
-    "version": "1.13.2",
+    "version": "1.14.1",
     "description": "",
     "types": "index.d.ts",
     "scripts": {