@plexcord/types 1.18.6 → 1.19.2

package/PlexcordNative.d.ts

@@ -1,15 +1,18 @@
 import type { Settings } from "./api/Settings";
-import { CspRequestResult } from "./main/csp/manager";
-import type { UserThemeHeader } from "./main/themes";
+import type { CspRequestResult } from "./main/csp/manager";
 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: {
         uploadTheme: (fileName: string, fileData: string) => Promise<void>;
         deleteTheme: (fileName: string) => Promise<void>;
         getThemesDir: () => Promise<string>;
-        getThemesList: () => Promise<UserThemeHeader[]>;
+        getThemesList: () => Promise<{
+            fileName: string;
+            content: string;
+        }[]>;
         getThemeData: (fileName: string) => Promise<string | undefined>;
         getSystemValues: () => Promise<Record<string, string>>;
         openFolder: () => Promise<void>;
@@ -33,10 +36,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;
     };
     i18n: {
         updateMainLocale: (locale?: string) => Promise<boolean>;

package/api/Badges.d.ts

@@ -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.
+     * May call hooks but then you must not use shouldShow
      */
     getBadges?(userInfo: BadgeUserArgs): ProfileBadge[];
 }

package/api/HeaderBar.d.ts

@@ -1,41 +1,114 @@
-import type { ComponentType, JSX, MouseEventHandler, ReactNode, RefObject } from "react";
-export type HeaderBarButtonFactory = () => JSX.Element | null;
-export interface HeaderBarButtonData {
-    render: HeaderBarButtonFactory;
-    icon: ComponentType<any>;
-    priority?: number;
-}
-interface HeaderBarButton {
-    render: HeaderBarButtonFactory;
-    priority: number;
-}
-export declare const buttons: Map<string, HeaderBarButton>;
+import type { ComponentType, JSX, MouseEventHandler, ReactNode } from "react";
 export interface HeaderBarButtonProps {
+    /** The icon component to render inside the button */
     icon: ComponentType<any>;
+    /** Tooltip text shown on hover. Pass null to disable tooltip */
     tooltip: ReactNode;
+    /** Called when the button is clicked */
     onClick?: MouseEventHandler<HTMLDivElement>;
+    /** Called when the button is right-clicked */
     onContextMenu?: MouseEventHandler<HTMLDivElement>;
+    /** Additional CSS class names */
     className?: string;
+    /** CSS class name for the icon element */
     iconClassName?: string;
+    /** Tooltip position relative to the button */
     position?: "top" | "bottom" | "left" | "right";
+    /** Whether the button appears in a selected/active state */
     selected?: boolean;
+    /** Whether the button is disabled */
     disabled?: boolean;
+    /** Whether to show a notification badge */
     showBadge?: boolean;
+    /** Position of the notification badge */
     badgePosition?: "top" | "bottom";
-    ref?: RefObject<any>;
+    /** Size of the icon in pixels */
+    iconSize?: number;
+    /** Ref to the button element */
+    ref?: React.RefObject<any>;
+}
+export type HeaderBarButtonFactory = () => JSX.Element | null;
+export interface HeaderBarButtonData {
+    /** Function that renders the button component */
+    render: HeaderBarButtonFactory;
+    /** Icon component used for settings UI display */
+    icon: ComponentType<any>;
+    /** Higher priority buttons appear further right. Default: 0 */
+    priority?: number;
+    /** Where to render the button. Default: "headerbar" */
+    location?: "headerbar" | "channeltoolbar";
 }
+/**
+ * Button component for the top header bar (title bar area).
+ *
+ * @example
+ * <HeaderBarButton
+ *     icon={MyIcon}
+ *     tooltip="My Button"
+ *     onClick={() => console.log("clicked")}
+ * />
+ */
 export declare const HeaderBarButton: ComponentType<HeaderBarButtonProps>;
 /**
- * Add a button to the header bar.
- * @param id Unique identifier for the button.
- * @param render Function that renders the button component.
- * @param priority Higher priority = more to the right. Default is 0.
+ * Button component for the channel toolbar (below the search bar).
+ * Automatically handles selected state styling.
+ *
+ * @example
+ * <ChannelToolbarButton
+ *     icon={MyIcon}
+ *     tooltip={isOpen ? null : "My Button"}
+ *     onClick={() => setOpen(v => !v)}
+ *     selected={isOpen}
+ * />
+ */
+export declare function ChannelToolbarButton(props: HeaderBarButtonProps): JSX.Element;
+/**
+ * Adds a button to the header bar (title bar area).
+ *
+ * @param id - Unique identifier for the button (e.g., "my-plugin-button")
+ * @param render - Function that returns the button JSX
+ * @param priority - Higher values appear further right. Default: 0
+ *
+ * @example
+ * addHeaderBarButton("my-button", () => (
+ *     <HeaderBarButton
+ *         icon={MyIcon}
+ *         tooltip="My Button"
+ *         onClick={handleClick}
+ *     />
+ * ));
  */
 export declare function addHeaderBarButton(id: string, render: HeaderBarButtonFactory, priority?: number): void;
 /**
- * Remove a button from the header bar.
- * @param id The identifier of the button to remove.
+ * Removes a button from the header bar.
+ *
+ * @param id - The identifier used when adding the button
  */
 export declare function removeHeaderBarButton(id: string): void;
-export declare function _addButtons(): JSX.Element[];
-export {};
+/**
+ * Adds a button to the channel toolbar (below the search bar, next to pins/members).
+ *
+ * @param id - Unique identifier for the button (e.g., "my-plugin-toolbar")
+ * @param render - Function that returns the button JSX
+ * @param priority - Higher values appear further right. Default: 0
+ *
+ * @example
+ * addChannelToolbarButton("my-toolbar", () => (
+ *     <ChannelToolbarButton
+ *         icon={MyIcon}
+ *         tooltip="My Button"
+ *         onClick={handleClick}
+ *     />
+ * ));
+ */
+export declare function addChannelToolbarButton(id: string, render: HeaderBarButtonFactory, priority?: number): void;
+/**
+ * Removes a button from the channel toolbar.
+ *
+ * @param id - The identifier used when adding the button
+ */
+export declare function removeChannelToolbarButton(id: string): void;
+/** @internal Injected by HeaderBarAPI patch (do NOT call directly) */
+export declare function _addHeaderBarButtons(): JSX.Element[];
+/** @internal Injected by HeaderBarAPI patch (do NOT call directly) */
+export declare function _addChannelToolbarButtons(toolbar: ReactNode[]): void;

package/api/PluginManager.d.ts

@@ -4,16 +4,10 @@ import { Patch, Plugin, StartAt } from "../utils/types";
 import { FluxDispatcher } from "../webpack/common";
 import Plugins from "~plugins";
 export declare const PMLogger: Logger;
-/**
- * Whether a plugin is required (or dependency of another enabled plugin)
- */
-export declare function isPluginRequired(name: string): boolean | undefined;
-/**
- * A map of plugin names to the plugins that depend on them
- */
-export declare const calculatePluginDependencyMap: () => Record<string, string[]>;
 export declare function isPluginEnabled(p: string): boolean;
+export declare function isPluginRequired(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;

package/api/Settings.d.ts

@@ -16,6 +16,9 @@ export interface Settings {
     eagerPatches: boolean;
     enabledThemes: string[];
     enabledThemeLinks: string[];
+    enableOnlineThemes: boolean;
+    pinnedThemes: string[];
+    themeNames: Record<string, string>;
     enableReactDevtools: boolean;
     themeLinks: string[];
     frameless: boolean;
@@ -88,7 +91,7 @@ export declare const Settings: Settings;
  * @returns Settings
  */
 export declare function useSettings(paths?: UseSettings<Settings>[]): Settings;
-export declare function migratePluginToSetting(newName: string, oldName: string, settingName: string): void;
+export declare function migratePluginToSettings(newName: string, oldName: string, ...settingNames: string[]): void;
 export declare function migratePluginSettings(name: string, ...oldNames: string[]): void;
 export declare function migratePluginSetting(pluginName: string, newSetting: string, oldSetting: string): void;
 export declare function migrateSettingFromPlugin(newPlugin: string, newSetting: string, oldPlugin: string, oldSetting: string): void;

package/api/SettingsSync/cloudSync.d.ts

@@ -1,3 +1,4 @@
+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>;

package/api/SettingsSync/offline.d.ts

@@ -5,15 +5,6 @@ export declare function exportSettings({ syncDataStore, type, minify }: {
     type?: BackupType;
     minify?: boolean;
 }): Promise<string>;
-export declare function exportPlugins({ minify }?: {
-    minify?: boolean;
-}): Promise<string>;
-export declare function exportCSS({ minify }?: {
-    minify?: boolean;
-}): Promise<string>;
-export declare function exportDataStores({ minify }?: {
-    minify?: boolean;
-}): Promise<string>;
 export declare function downloadSettingsBackup(type?: BackupType, { minify }?: {
     minify?: boolean;
 }): Promise<void>;

package/api/Styles.d.ts

@@ -1,3 +1,7 @@
+/** @deprecated Import this from `@utils/css` instead */
+export declare const classNameFactory: (prefix?: string) => (...args: import("../utils/css").ClassNameFactoryArg[]
+/** @deprecated Import this from `@utils/css` instead */
+) => string;
 export interface Style {
     name: string;
     source: string;
@@ -5,6 +9,20 @@ export interface Style {
     dom: HTMLStyleElement | null;
 }
 export declare const styleMap: Map<string, Style>;
+export declare const plexcordRootNode: HTMLElement;
+/**
+ * Houses all Plexcord 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
@@ -69,23 +87,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/UserArea.d.ts

@@ -0,0 +1,38 @@
+import type { ComponentType, MouseEventHandler, ReactNode } from "react";
+export interface UserAreaButtonProps {
+    icon: ReactNode;
+    tooltipText?: ReactNode;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: MouseEventHandler<HTMLDivElement>;
+    className?: string;
+    role?: string;
+    "aria-label"?: string;
+    "aria-checked"?: boolean;
+    disabled?: boolean;
+    plated?: boolean;
+    redGlow?: boolean;
+    orangeGlow?: boolean;
+}
+export interface UserAreaRenderProps {
+    nameplate?: any;
+    iconForeground?: string;
+    hideTooltips?: boolean;
+}
+export type UserAreaButtonFactory = (props: UserAreaRenderProps) => ReactNode;
+export interface UserAreaButtonData {
+    render: UserAreaButtonFactory;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    priority?: number;
+}
+interface ButtonEntry {
+    render: UserAreaButtonFactory;
+    priority: number;
+}
+export declare const UserAreaButton: ComponentType<UserAreaButtonProps>;
+export declare const buttons: Map<string, ButtonEntry>;
+export declare function addUserAreaButton(id: string, render: UserAreaButtonFactory, priority?: number): void;
+export declare function removeUserAreaButton(id: string): void;
+export declare function _renderButtons(props: UserAreaRenderProps): import("react").JSX.Element[];
+export {};

package/api/index.d.ts

@@ -4,6 +4,7 @@ import * as $ChatButtons from "./ChatButtons";
 import * as $Commands from "./Commands";
 import * as $ContextMenu from "./ContextMenu";
 import * as $DataStore from "./DataStore";
+import * as $HeaderBar from "./HeaderBar";
 import * as $i18n from "./i18n";
 import * as $MemberListDecorators from "./MemberListDecorators";
 import * as $MessageAccessories from "./MessageAccessories";
@@ -14,8 +15,8 @@ import * as $MessageUpdater from "./MessageUpdater";
 import * as $NicknameIcons from "./NicknameIcons";
 import * as $Notices from "./Notices";
 import * as $Notifications from "./Notifications";
+import * as $UserArea from "./UserArea";
 export * as PluginManager from "./PluginManager";
-import * as $HeaderBar from "./HeaderBar";
 import * as $ServerList from "./ServerList";
 import * as $Settings from "./Settings";
 import * as $Styles from "./Styles";
@@ -23,27 +24,27 @@ import * as $Themes from "./Themes";
 import * as $UserSettings from "./UserSettings";
 /**
  * An API allowing you to listen to Message Clicks or run your own logic
- * before a message is sent
+ * before a message is sent.
  *
- * If your plugin uses this, you must add MessageEventsAPI to its dependencies
+ * If your plugin uses this, you must add MessageEventsAPI to its dependencies.
  */
 export declare const MessageEvents: typeof $MessageEventsAPI;
 /**
  * An API allowing you to create custom notices
- * (snackbars on the top, like the Update prompt)
+ * (snackbars on the top, like the Update prompt).
  */
 export declare const Notices: typeof $Notices;
 /**
- * An API allowing you to register custom commands
+ * An API allowing you to register custom commands.
  */
 export declare const Commands: typeof $Commands;
 /**
  * A wrapper around IndexedDB. This can store arbitrarily
  * large data and supports a lot of datatypes (Blob, Map, ...).
- * For a full list, see the mdn link below
+ * For a full list, see the mdn link below.
  *
  * This should always be preferred over the Settings API if possible, as
- * localstorage has very strict size restrictions and blocks the event loop
+ * localstorage has very strict size restrictions and blocks the event loop.
  *
  * Make sure your keys are unique (tip: prefix them with ur plugin name)
  * and please clean up no longer needed entries.
@@ -53,40 +54,40 @@ export declare const Commands: typeof $Commands;
  */
 export declare const DataStore: typeof $DataStore;
 /**
- * An API allowing you to add custom components as message accessories
+ * An API allowing you to add custom components as message accessories.
  */
 export declare const MessageAccessories: typeof $MessageAccessories;
 /**
- * An API allowing you to add custom buttons in the message popover
+ * An API allowing you to add custom buttons in the message popover.
  */
 export declare const MessagePopover: typeof $MessagePopover;
 /**
- * An API allowing you to add badges to user profiles
+ * An API allowing you to add badges to user profiles.
  */
 export declare const Badges: typeof $Badges;
 /**
- * An API allowing you to add custom elements to the server list
+ * An API allowing you to add custom elements to the server list.
  */
 export declare const ServerList: typeof $ServerList;
 /**
- * An API allowing you to add components as message accessories
+ * An API allowing you to add components as message accessories.
  */
 export declare const MessageDecorations: typeof $MessageDecorations;
 /**
- * An API allowing you to add components to member list users, in both DM's and servers
+ * An API allowing you to add components to member list users, in both DM's and servers.
  */
 export declare const MemberListDecorators: typeof $MemberListDecorators;
 /**
- * An API allowing you to persist data
+ * An API allowing you to persist data.
  */
 export declare const Settings: typeof $Settings;
 /**
- * An API allowing you to dynamically load styles
+ * An API allowing you to dynamically load styles.
  * a
  */
 export declare const Styles: typeof $Styles;
 /**
- * An API allowing you to display notifications
+ * An API allowing you to display notifications.
  */
 export declare const Notifications: typeof $Notifications;
 /**
@@ -95,27 +96,31 @@ export declare const Notifications: typeof $Notifications;
  */
 export declare const i18n: typeof $i18n;
 /**
- * An api allowing you to patch and add/remove items to/from context menus
+ * An api allowing you to patch and add/remove items to/from context menus.
  */
 export declare const ContextMenu: typeof $ContextMenu;
 /**
- * An API allowing you to add buttons to the chat input
+ * An API allowing you to add buttons to the chat input.
  */
 export declare const ChatButtons: typeof $ChatButtons;
 /**
- * An API allowing you to add buttons to the header bar.
+ * An API allowing you to add buttons to the header bar or channel toolbar.
  */
 export declare const HeaderBar: typeof $HeaderBar;
 /**
- * An API allowing you to update and re-render messages
+ * 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
+ * An API allowing you to get an user setting.
  */
 export declare const UserSettings: typeof $UserSettings;
 /**
- * An API allowing you to add icons to the nickname, in profiles
+ * Don't use this
+ */
+export declare const Themes: typeof $Themes;
+/**
+ * An API allowing you to add icons to the nickname, in profiles.
  */
 export declare const NicknameIcons: typeof $NicknameIcons;
 /**
@@ -123,9 +128,9 @@ export declare const NicknameIcons: typeof $NicknameIcons;
  */
 export declare const AudioPlayer: typeof $AudioPlayer;
 /**
- * Don't use this
+ * An API allowing you to add buttons to the user area panel.
  */
-export declare const Themes: typeof $Themes;
+export declare const UserArea: typeof $UserArea;
 /**
  * LocaleLoader for managing plugin translations
  */

package/components/BaseText.d.ts

@@ -21,11 +21,10 @@ export declare const TextWeights: {
     readonly extrabold: "800";
 };
 export declare const TextColors: {
-    readonly "header-primary": "var(--header-primary)";
     readonly "text-default": "var(--text-default)";
     readonly "text-muted": "var(--text-muted)";
     readonly "text-link": "var(--text-link)";
-    readonly "text-danger": "var(--redesign-button-danger-background, var(--button-danger-background))";
+    readonly "text-danger": "var(--text-feedback-critical)";
     readonly "text-brand": "var(--text-brand)";
     readonly "text-strong": "var(--text-strong)";
     readonly "text-subtle": "var(--text-subtle)";

package/components/ErrorCard.d.ts

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

package/components/Flex.d.ts

@@ -4,5 +4,6 @@ export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
     gap?: CSSProperties["gap"];
     justifyContent?: CSSProperties["justifyContent"];
     alignItems?: CSSProperties["alignItems"];
+    flexWrap?: CSSProperties["flexWrap"];
 }
-export declare function Flex({ flexDirection, gap, justifyContent, alignItems, children, style, ...restProps }: FlexProps): import("react").JSX.Element;
+export declare function Flex({ flexDirection, gap, justifyContent, alignItems, flexWrap, children, style, ...restProps }: FlexProps): import("react").JSX.Element;

package/components/Grid.d.ts

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

package/components/Heart.d.ts

@@ -1,2 +1,6 @@
 import { SVGAttributes } from "react";
-export declare function Heart(props: SVGAttributes<SVGSVGElement>): import("react").JSX.Element;
+interface HeartProps extends SVGAttributes<SVGSVGElement> {
+    fill?: string;
+}
+export declare function Heart({ fill, ...props }: HeartProps): import("react").JSX.Element;
+export {};

package/components/Icons.d.ts

@@ -27,14 +27,17 @@ export declare function Microphone(props: IconProps): import("react").JSX.Elemen
 export declare function CogWheel(props: IconProps): import("react").JSX.Element;
 export declare function ReplyIcon(props: IconProps): import("react").JSX.Element;
 export declare function DeleteIcon(props: IconProps): import("react").JSX.Element;
+export declare function PluginIcon(props: IconProps): import("react").JSX.Element;
 export declare function PlusIcon(props: IconProps): import("react").JSX.Element;
 export declare function NoEntrySignIcon(props: IconProps): import("react").JSX.Element;
+export declare function PasteIcon(props: IconProps): import("react").JSX.Element;
+export declare function ResetIcon(props: IconProps): import("react").JSX.Element;
 export declare function SafetyIcon(props: IconProps): import("react").JSX.Element;
 export declare function NotesIcon(props: IconProps): import("react").JSX.Element;
+export declare function IDIcon(props: IconProps): import("react").JSX.Element;
 export declare function FolderIcon(props: IconProps): import("react").JSX.Element;
 export declare function LogIcon(props: IconProps): import("react").JSX.Element;
 export declare function RestartIcon(props: IconProps): import("react").JSX.Element;
-export declare function IDIcon(props: IconProps): import("react").JSX.Element;
 export declare function PaintbrushIcon(props: IconProps): import("react").JSX.Element;
 export declare function PencilIcon(props: IconProps): import("react").JSX.Element;
 export declare function QuoteIcon(): import("react").JSX.Element;
@@ -55,4 +58,6 @@ export declare function PlextronSettingsIcon(props: IconProps): import("react").
 export declare function EyeIcon(props: IconProps): import("react").JSX.Element;
 export declare function ColorPaletteIcon(props: IconProps): import("react").JSX.Element;
 export declare function MagnifyingGlassIcon(props: IconProps): import("react").JSX.Element;
+export declare function CloudDownloadIcon(props: IconProps): import("react").JSX.Element;
+export declare function CloudUploadIcon(props: IconProps): import("react").JSX.Element;
 export {};

package/components/Notice.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentType, CSSProperties, ReactNode } from "react";
+export type NoticeType = "warn" | "info" | "danger" | "positive" | "preview";
+export declare const NoticeTypes: Record<"WARNING" | "INFO" | "ERROR" | "POSITIVE" | "PREVIEW", NoticeType>;
+export interface NoticeProps {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    icon?: ComponentType<{
+        className?: string;
+        color?: string;
+    }>;
+    action?: ReactNode;
+    textColor?: string;
+    textVariant?: string;
+    hidden?: boolean;
+}
+declare function Warning({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+declare function Info({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+declare function Error({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+declare function Positive({ children, className, style, icon, action, textColor, textVariant, hidden }: NoticeProps): import("react").JSX.Element;
+export declare const Notice: {
+    Warning: typeof Warning;
+    Info: typeof Info;
+    Error: typeof Error;
+    Positive: typeof Positive;
+};
+export {};

package/components/ThemeSettings/ThemesTab.d.ts

@@ -0,0 +1,4 @@
+import "./themesStyles.css";
+export declare function CspErrorCard(): import("react").JSX.Element | null;
+declare const _default: import("react").FunctionComponent<any>;
+export default _default;

package/components/ThemeSettings/UserCSSModal.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from "../../utils/modal";
+import { UserstyleHeader } from "usercss-meta";
+interface UserCSSSettingsModalProps {
+    modalProps: ModalProps;
+    theme: UserstyleHeader;
+    onSettingsReset: () => void;
+}
+export declare function UserCSSSettingsModal({ modalProps, theme, onSettingsReset }: UserCSSSettingsModalProps): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingBooleanComponent.d.ts

@@ -0,0 +1,8 @@
+import "./styles.css";
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingBooleanComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingColorComponent.d.ts

@@ -0,0 +1,8 @@
+import "./colorStyles.css";
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingColorComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingNumberComponent.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label: string;
+    name: string;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingNumberComponent({ label, name, themeSettings }: Props): import("react").JSX.Element;
+export {};

package/components/ThemeSettings/components/SettingRangeComponent.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    label: string;
+    name: string;
+    default: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    themeSettings: Record<string, string>;
+}
+export declare function SettingRangeComponent({ label, name, default: def, min, max, step, themeSettings }: Props): import("react").JSX.Element;
+export {};