@daisychainapp/maily-to-core 0.1.3 → 0.2.8

package/dist/extensions/index.d.ts

@@ -1,17 +1,50 @@
 import * as _tiptap_core from '@tiptap/core';
-import { Extension, Editor, Range, Node } from '@tiptap/core';
+import { Editor, Extension, Range, Node } from '@tiptap/core';
+import { ColorOptions } from '@tiptap/extension-color';
+import * as _tiptap_extension_horizontal_rule from '@tiptap/extension-horizontal-rule';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
 import * as _tiptap_extension_link from '@tiptap/extension-link';
 import { LinkOptions } from '@tiptap/extension-link';
+import * as _tiptap_extension_placeholder from '@tiptap/extension-placeholder';
 import { SuggestionOptions } from '@tiptap/suggestion';
-import { ColorOptions } from '@tiptap/extension-color';
-import * as _tiptap_extension_horizontal_rule from '@tiptap/extension-horizontal-rule';
 import * as _tiptap_react from '@tiptap/react';
 import * as _tiptap_extension_image from '@tiptap/extension-image';
 import { Node as Node$1 } from '@tiptap/pm/model';
-import { PluginKey } from '@tiptap/pm/state';
 import * as react from 'react';
-import { ComponentType } from 'react';
-import * as _tiptap_extension_placeholder from '@tiptap/extension-placeholder';
+import * as _tiptap_extension_code_block_lowlight from '@tiptap/extension-code-block-lowlight';
+
+type ColorStorage = {
+    /**
+     * Last 5 used colors
+     */
+    colors: Set<string>;
+};
+declare const Color: _tiptap_core.Extension<ColorOptions, ColorStorage>;
+
+declare const HorizontalRule: _tiptap_core.Node<_tiptap_extension_horizontal_rule.HorizontalRuleOptions, any>;
+
+type ImageUploadPluginOptions = {
+    editor: Editor;
+    /**
+     * Allows you to define a list of allowed mime types for dropped or pasted images.
+     * @default ['image/jpeg', 'image/png', 'image/gif', 'image/webp', 'image/svg+xml']
+     */
+    allowedMimeTypes?: string[];
+    /**
+     * The onImageUpload callback that is called when an image is dropped or pasted.
+     * @param file the image file
+     * @returns Returns the image URL as a string.
+     */
+    onImageUpload?: (file: Blob) => Promise<string>;
+};
+declare function ImageUploadPlugin(options: ImageUploadPluginOptions): Plugin<any>;
+
+type ImageUploadOptions = Omit<ImageUploadPluginOptions, 'editor'> & {};
+type ImageUploadStorage = {
+    placeholderImages: Set<string>;
+};
+declare const ImageUploadExtension: Extension<Omit<ImageUploadPluginOptions, "editor">, any>;
+declare function useImageUploadOptions(editor: Editor): ImageUploadOptions;
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
@@ -36,6 +69,8 @@ type MailyKitOptions = {
 };
 declare const MailyKit: Extension<MailyKitOptions, any>;
 
+declare const PlaceholderExtension: _tiptap_core.Extension<_tiptap_extension_placeholder.PlaceholderOptions, any>;
+
 type SlashCommandOptions = {
     suggestion: Omit<SuggestionOptions, 'editor'>;
 };
@@ -72,62 +107,74 @@ type BlockGroupItem = {
 
 declare function getSlashCommandSuggestions(groups?: BlockGroupItem[]): Omit<SuggestionOptions, 'editor'>;
 
-type ColorStorage = {
-    /**
-     * Last 5 used colors
-     */
-    colors: Set<string>;
-};
-declare const Color: _tiptap_core.Extension<ColorOptions, ColorStorage>;
-
-declare const HorizontalRule: _tiptap_core.Node<_tiptap_extension_horizontal_rule.HorizontalRuleOptions, any>;
-
-interface FooterOptions {
-    HTMLAttributes: Record<string, any>;
-}
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        footer: {
-            setFooter: () => ReturnType;
-        };
-    }
+declare const allowedLogoSize: readonly ["sm", "md", "lg"];
+type AllowedLogoSize = (typeof allowedLogoSize)[number];
+declare const allowedLogoAlignment: readonly ["left", "center", "right"];
+type AllowedLogoAlignment = (typeof allowedLogoAlignment)[number];
+interface LogoOptions {
+    src: string;
+    alt?: string;
+    title?: string;
+    size?: AllowedLogoSize;
+    alignment?: AllowedLogoAlignment;
 }
-declare const Footer: Node<FooterOptions, any>;
-
-interface SpacerOptions {
-    height: number;
+interface LogoAttributes {
+    src?: string;
+    size?: AllowedLogoSize;
+    alignment?: AllowedLogoAlignment;
     showIfKey: string;
-    HTMLAttributes: Record<string, any>;
+    isSrcVariable?: boolean;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        spacer: {
-            setSpacer: (options: {
-                height: number;
-            }) => ReturnType;
-            setSpacerSize: (height: number) => ReturnType;
-            setSpacerShowIfKey: (showIfKey: string) => ReturnType;
-            unsetSpacer: () => ReturnType;
+        logo: {
+            setLogoImage: (options: LogoOptions) => ReturnType;
+            setLogoAttributes: (attributes: Partial<LogoAttributes>) => ReturnType;
         };
     }
 }
-declare const DEFAULT_SPACER_HEIGHT = 8;
-declare const Spacer: Node<SpacerOptions, any>;
+declare const DEFAULT_LOGO_SIZE: AllowedLogoSize;
+declare const logoSizes: Record<AllowedLogoSize, string>;
+declare const LogoExtension: _tiptap_react.Node<_tiptap_extension_image.ImageOptions, any>;
 
-declare const DEFAULT_COLUMNS_GAP = 8;
-interface ColumnsAttributes {
+declare const DEFAULT_BUTTON_ALIGNMENT: AllowedLogoAlignment;
+declare const DEFAULT_BUTTON_VARIANT: AllowedButtonVariant;
+declare const DEFAULT_BUTTON_BORDER_RADIUS: AllowedButtonBorderRadius;
+declare const DEFAULT_BUTTON_BACKGROUND_COLOR = "#000000";
+declare const DEFAULT_BUTTON_TEXT_COLOR = "#ffffff";
+declare const DEFAULT_BUTTON_PADDING_TOP = 10;
+declare const DEFAULT_BUTTON_PADDING_RIGHT = 32;
+declare const DEFAULT_BUTTON_PADDING_BOTTOM = 10;
+declare const DEFAULT_BUTTON_PADDING_LEFT = 32;
+declare const allowedButtonVariant: readonly ["filled", "outline"];
+type AllowedButtonVariant = (typeof allowedButtonVariant)[number];
+declare const allowedButtonBorderRadius: readonly ["sharp", "smooth", "round"];
+type AllowedButtonBorderRadius = (typeof allowedButtonBorderRadius)[number];
+type ButtonAttributes = {
+    text: string;
+    isTextVariable: boolean;
+    url: string;
+    isUrlVariable: boolean;
+    alignment: AllowedLogoAlignment;
+    variant: AllowedButtonVariant;
+    borderRadius: AllowedButtonBorderRadius;
+    buttonColor: string;
+    textColor: string;
     showIfKey: string;
-    gap: number;
-}
+    paddingTop: number;
+    paddingRight: number;
+    paddingBottom: number;
+    paddingLeft: number;
+};
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            setColumns: () => ReturnType;
-            updateColumns: (attrs: Partial<ColumnsAttributes>) => ReturnType;
+        button: {
+            setButton: () => ReturnType;
+            updateButton: (attrs: Partial<ButtonAttributes>) => ReturnType;
         };
     }
 }
-declare const ColumnsExtension: Node<any, any>;
+declare const ButtonExtension: Node<any, any>;
 
 declare const DEFAULT_COLUMN_WIDTH = "auto";
 type AllowedColumnVerticalAlign = 'top' | 'middle' | 'bottom';
@@ -154,6 +201,59 @@ declare module '@tiptap/core' {
 }
 declare const ColumnExtension: Node<any, any>;
 
+declare const DEFAULT_COLUMNS_GAP = 8;
+interface ColumnsAttributes {
+    showIfKey: string;
+    gap: number;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        columns: {
+            setColumns: () => ReturnType;
+            updateColumns: (attrs: Partial<ColumnsAttributes>) => ReturnType;
+        };
+    }
+}
+declare const ColumnsExtension: Node<any, any>;
+
+interface FooterOptions {
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        footer: {
+            setFooter: () => ReturnType;
+        };
+    }
+}
+declare const Footer: Node<FooterOptions, any>;
+
+declare const ImageExtension: _tiptap_react.Node<_tiptap_extension_image.ImageOptions, any>;
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        customLink: {
+            setIsUrlVariable: (isUrlVariable: boolean) => ReturnType;
+        };
+    }
+}
+declare const LinkExtension: _tiptap_core.Mark<_tiptap_extension_link.LinkOptions, any>;
+
+type RepeatAttributes = {
+    each: string;
+    isUpdatingKey: boolean;
+    showIfKey: string;
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        repeat: {
+            setRepeat: () => ReturnType;
+            updateRepeat: (attrs: Partial<RepeatAttributes>) => ReturnType;
+        };
+    }
+}
+declare const RepeatExtension: Node<any, any>;
+
 declare const DEFAULT_SECTION_BACKGROUND_COLOR = "#f7f7f7";
 declare const DEFAULT_SECTION_ALIGN = "left";
 declare const DEFAULT_SECTION_BORDER_WIDTH = 2;
@@ -163,10 +263,10 @@ declare const DEFAULT_SECTION_MARGIN_TOP = 0;
 declare const DEFAULT_SECTION_MARGIN_RIGHT = 0;
 declare const DEFAULT_SECTION_MARGIN_BOTTOM = 0;
 declare const DEFAULT_SECTION_MARGIN_LEFT = 0;
-declare const DEFAULT_SECTION_PADDING_TOP = 5;
-declare const DEFAULT_SECTION_PADDING_RIGHT = 5;
-declare const DEFAULT_SECTION_PADDING_BOTTOM = 5;
-declare const DEFAULT_SECTION_PADDING_LEFT = 5;
+declare const DEFAULT_SECTION_PADDING_TOP = 0;
+declare const DEFAULT_SECTION_PADDING_RIGHT = 0;
+declare const DEFAULT_SECTION_PADDING_BOTTOM = 0;
+declare const DEFAULT_SECTION_PADDING_LEFT = 0;
 declare const DEFAULT_SECTION_SHOW_IF_KEY: null;
 type SectionAttributes = {
     borderRadius: number;
@@ -194,100 +294,36 @@ declare module '@tiptap/core' {
 }
 declare const SectionExtension: Node<any, any>;
 
-type RepeatAttributes = {
-    each: string;
-    isUpdatingKey: boolean;
-    showIfKey: string;
-};
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        repeat: {
-            setRepeat: () => ReturnType;
-            updateRepeat: (attrs: Partial<RepeatAttributes>) => ReturnType;
-        };
-    }
-}
-declare const RepeatExtension: Node<any, any>;
-
-declare const allowedLogoSize: readonly ["sm", "md", "lg"];
-type AllowedLogoSize = (typeof allowedLogoSize)[number];
-declare const allowedLogoAlignment: readonly ["left", "center", "right"];
-type AllowedLogoAlignment = (typeof allowedLogoAlignment)[number];
-interface LogoOptions {
-    src: string;
-    alt?: string;
-    title?: string;
-    size?: AllowedLogoSize;
-    alignment?: AllowedLogoAlignment;
-}
-interface LogoAttributes {
-    src?: string;
-    size?: AllowedLogoSize;
-    alignment?: AllowedLogoAlignment;
+interface SpacerOptions {
+    height: number;
     showIfKey: string;
-    isSrcVariable?: boolean;
+    HTMLAttributes: Record<string, any>;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        logo: {
-            setLogoImage: (options: LogoOptions) => ReturnType;
-            setLogoAttributes: (attributes: Partial<LogoAttributes>) => ReturnType;
+        spacer: {
+            setSpacer: (options: {
+                height: number;
+            }) => ReturnType;
+            setSpacerSize: (height: number) => ReturnType;
+            setSpacerShowIfKey: (showIfKey: string) => ReturnType;
+            unsetSpacer: () => ReturnType;
         };
     }
 }
-declare const DEFAULT_LOGO_SIZE: AllowedLogoSize;
-declare const logoSizes: Record<AllowedLogoSize, string>;
-declare const LogoExtension: _tiptap_react.Node<_tiptap_extension_image.ImageOptions, any>;
+declare const DEFAULT_SPACER_HEIGHT = 8;
+declare const Spacer: Node<SpacerOptions, any>;
 
-declare const DEFAULT_BUTTON_ALIGNMENT: AllowedLogoAlignment;
-declare const DEFAULT_BUTTON_VARIANT: AllowedButtonVariant;
-declare const DEFAULT_BUTTON_BORDER_RADIUS: AllowedButtonBorderRadius;
-declare const DEFAULT_BUTTON_BACKGROUND_COLOR = "#000000";
-declare const DEFAULT_BUTTON_TEXT_COLOR = "#ffffff";
-declare const DEFAULT_BUTTON_PADDING_TOP = 10;
-declare const DEFAULT_BUTTON_PADDING_RIGHT = 32;
-declare const DEFAULT_BUTTON_PADDING_BOTTOM = 10;
-declare const DEFAULT_BUTTON_PADDING_LEFT = 32;
-declare const allowedButtonVariant: readonly ["filled", "outline"];
-type AllowedButtonVariant = (typeof allowedButtonVariant)[number];
-declare const allowedButtonBorderRadius: readonly ["sharp", "smooth", "round"];
-type AllowedButtonBorderRadius = (typeof allowedButtonBorderRadius)[number];
-type ButtonAttributes = {
-    text: string;
-    isTextVariable: boolean;
-    url: string;
-    isUrlVariable: boolean;
-    alignment: AllowedLogoAlignment;
-    variant: AllowedButtonVariant;
-    borderRadius: AllowedButtonBorderRadius;
-    buttonColor: string;
-    textColor: string;
-    showIfKey: string;
-    paddingTop: number;
-    paddingRight: number;
-    paddingBottom: number;
-    paddingLeft: number;
+type VariableSuggestionsPopoverProps = {
+    items: Variable[];
+    onSelectItem: (item: Variable) => void;
 };
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        button: {
-            setButton: () => ReturnType;
-            updateButton: (attrs: Partial<ButtonAttributes>) => ReturnType;
-        };
-    }
-}
-declare const ButtonExtension: Node<any, any>;
-
-declare const ImageExtension: _tiptap_react.Node<_tiptap_extension_image.ImageOptions, any>;
-
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        customLink: {
-            setIsUrlVariable: (isUrlVariable: boolean) => ReturnType;
-        };
-    }
-}
-declare const LinkExtension: _tiptap_core.Mark<_tiptap_extension_link.LinkOptions, any>;
+type VariableSuggestionsPopoverRef = {
+    moveUp: () => void;
+    moveDown: () => void;
+    select: () => void;
+};
+type VariableSuggestionsPopoverType = React.ForwardRefExoticComponent<VariableSuggestionsPopoverProps & React.RefAttributes<VariableSuggestionsPopoverRef>>;
 
 type Variable = {
     name: string;
@@ -301,15 +337,38 @@ type VariableFunctionOptions = {
 };
 type VariablesFunction = (opts: VariableFunctionOptions) => Array<Variable>;
 type Variables = Array<Variable> | VariablesFunction;
-
+declare const DEFAULT_VARIABLE_TRIGGER_CHAR = "@";
+declare const DEFAULT_VARIABLES: Variables;
+declare const DEFAULT_RENDER_VARIABLE_FUNCTION: RenderVariableFunction;
+declare const DEFAULT_VARIABLE_SUGGESTION_POPOVER: VariableSuggestionsPopoverType;
+type RenderVariableOptions = {
+    variable: Variable;
+    fallback?: string;
+    editor: Editor;
+    from: 'content-variable' | 'bubble-variable' | 'button-variable';
+};
+type RenderVariableFunction = (opts: RenderVariableOptions) => JSX.Element | null;
 type VariableOptions = {
     renderLabel: (props: {
         options: VariableOptions;
         node: Node$1;
     }) => string;
     suggestion: Omit<SuggestionOptions, 'editor'>;
-    variables?: Variables;
-    triggerChar?: string;
+    /**
+     * Variables is the array of variables that will be used to render the variable pill.
+     */
+    variables: Variables;
+    /**
+     * Render variable is the function that will be used to render the variable pill.
+     * @default DefaultRenderVariable
+     */
+    renderVariable: RenderVariableFunction;
+    /**
+     * Variable suggestion popover is the component that will be used to render
+     * the variable suggestions for the content, bubble menu variables
+     * @default VariableSuggestionPopover
+     */
+    variableSuggestionsPopover: VariableSuggestionsPopoverType;
 };
 type VariableStorage = {
     popover: boolean;
@@ -323,10 +382,44 @@ type VariableListProps = {
         required: boolean;
     }) => void;
     items: Variable[];
-};
-declare const VariableList: react.ForwardRefExoticComponent<VariableListProps & react.RefAttributes<unknown>>;
-declare function getVariableSuggestions(variables?: Variables, char?: string, variableListComponent?: ComponentType<VariableListProps>): Omit<SuggestionOptions, 'editor'>;
+} & SuggestionOptions;
+declare const VariableList: react.ForwardRefExoticComponent<{
+    command: (params: {
+        id: string;
+        required: boolean;
+    }) => void;
+    items: Variable[];
+} & SuggestionOptions<any, any> & react.RefAttributes<unknown>>;
+declare function getVariableSuggestions(char?: string): Omit<SuggestionOptions, 'editor'>;
 
-declare const PlaceholderExtension: _tiptap_core.Extension<_tiptap_extension_placeholder.PlaceholderOptions, any>;
+type HtmlCodeBlockAttributes = {
+    activeTab: string;
+    showIfKey: string;
+    language: string;
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        htmlCodeBlock: {
+            /**
+             * Set a code block
+             * @param attributes Code block attributes
+             * @example editor.commands.setCodeBlock({ language: 'javascript' })
+             */
+            setHtmlCodeBlock: (attributes?: {
+                language: string;
+            }) => ReturnType;
+            /**
+             * Toggle a code block
+             * @param attributes Code block attributes
+             * @example editor.commands.toggleCodeBlock({ language: 'javascript' })
+             */
+            toggleHtmlCodeBlock: (attributes?: {
+                language: string;
+            }) => ReturnType;
+            updateHtmlCodeBlock: (attrs: Partial<HtmlCodeBlockAttributes>) => ReturnType;
+        };
+    }
+}
+declare const HTMLCodeBlockExtension: _tiptap_react.Node<_tiptap_extension_code_block_lowlight.CodeBlockLowlightOptions, any>;
 
-export { type AllowedButtonBorderRadius, type AllowedButtonVariant, type AllowedColumnVerticalAlign, type AllowedLogoAlignment, type AllowedLogoSize, type ButtonAttributes, ButtonExtension, Color, ColumnExtension, ColumnsExtension, DEFAULT_BUTTON_ALIGNMENT, DEFAULT_BUTTON_BACKGROUND_COLOR, DEFAULT_BUTTON_BORDER_RADIUS, DEFAULT_BUTTON_PADDING_BOTTOM, DEFAULT_BUTTON_PADDING_LEFT, DEFAULT_BUTTON_PADDING_RIGHT, DEFAULT_BUTTON_PADDING_TOP, DEFAULT_BUTTON_TEXT_COLOR, DEFAULT_BUTTON_VARIANT, DEFAULT_COLUMNS_GAP, DEFAULT_COLUMN_VERTICAL_ALIGN, DEFAULT_COLUMN_WIDTH, DEFAULT_LOGO_SIZE, DEFAULT_SECTION_ALIGN, DEFAULT_SECTION_BACKGROUND_COLOR, DEFAULT_SECTION_BORDER_COLOR, DEFAULT_SECTION_BORDER_RADIUS, DEFAULT_SECTION_BORDER_WIDTH, DEFAULT_SECTION_MARGIN_BOTTOM, DEFAULT_SECTION_MARGIN_LEFT, DEFAULT_SECTION_MARGIN_RIGHT, DEFAULT_SECTION_MARGIN_TOP, DEFAULT_SECTION_PADDING_BOTTOM, DEFAULT_SECTION_PADDING_LEFT, DEFAULT_SECTION_PADDING_RIGHT, DEFAULT_SECTION_PADDING_TOP, DEFAULT_SECTION_SHOW_IF_KEY, DEFAULT_SPACER_HEIGHT, Footer, type FooterOptions, HorizontalRule, ImageExtension, LinkExtension, type LogoAttributes, LogoExtension, MailyKit, type MailyKitOptions, PlaceholderExtension, RepeatExtension, SectionExtension, SlashCommandExtension, type SlashCommandOptions, Spacer, type SpacerOptions, VariableExtension, VariableList, type VariableListProps, type VariableOptions, VariablePluginKey, type VariableStorage, allowedButtonBorderRadius, allowedButtonVariant, allowedLogoAlignment, allowedLogoSize, getSlashCommandSuggestions, getVariableSuggestions, logoSizes };
+export { type AllowedButtonBorderRadius, type AllowedButtonVariant, type AllowedColumnVerticalAlign, type AllowedLogoAlignment, type AllowedLogoSize, type ButtonAttributes, ButtonExtension, Color, ColumnExtension, ColumnsExtension, DEFAULT_BUTTON_ALIGNMENT, DEFAULT_BUTTON_BACKGROUND_COLOR, DEFAULT_BUTTON_BORDER_RADIUS, DEFAULT_BUTTON_PADDING_BOTTOM, DEFAULT_BUTTON_PADDING_LEFT, DEFAULT_BUTTON_PADDING_RIGHT, DEFAULT_BUTTON_PADDING_TOP, DEFAULT_BUTTON_TEXT_COLOR, DEFAULT_BUTTON_VARIANT, DEFAULT_COLUMNS_GAP, DEFAULT_COLUMN_VERTICAL_ALIGN, DEFAULT_COLUMN_WIDTH, DEFAULT_LOGO_SIZE, DEFAULT_RENDER_VARIABLE_FUNCTION, DEFAULT_SECTION_ALIGN, DEFAULT_SECTION_BACKGROUND_COLOR, DEFAULT_SECTION_BORDER_COLOR, DEFAULT_SECTION_BORDER_RADIUS, DEFAULT_SECTION_BORDER_WIDTH, DEFAULT_SECTION_MARGIN_BOTTOM, DEFAULT_SECTION_MARGIN_LEFT, DEFAULT_SECTION_MARGIN_RIGHT, DEFAULT_SECTION_MARGIN_TOP, DEFAULT_SECTION_PADDING_BOTTOM, DEFAULT_SECTION_PADDING_LEFT, DEFAULT_SECTION_PADDING_RIGHT, DEFAULT_SECTION_PADDING_TOP, DEFAULT_SECTION_SHOW_IF_KEY, DEFAULT_SPACER_HEIGHT, DEFAULT_VARIABLES, DEFAULT_VARIABLE_SUGGESTION_POPOVER, DEFAULT_VARIABLE_TRIGGER_CHAR, Footer, type FooterOptions, HTMLCodeBlockExtension, HorizontalRule, type HtmlCodeBlockAttributes, ImageExtension, ImageUploadExtension, type ImageUploadOptions, ImageUploadPlugin, type ImageUploadPluginOptions, type ImageUploadStorage, LinkExtension, type LogoAttributes, LogoExtension, MailyKit, type MailyKitOptions, PlaceholderExtension, type RenderVariableFunction, type RenderVariableOptions, RepeatExtension, SectionExtension, SlashCommandExtension, type SlashCommandOptions, Spacer, type SpacerOptions, type Variable, VariableExtension, type VariableFunctionOptions, VariableList, type VariableListProps, type VariableOptions, VariablePluginKey, type VariableStorage, type Variables, type VariablesFunction, allowedButtonBorderRadius, allowedButtonVariant, allowedLogoAlignment, allowedLogoSize, getSlashCommandSuggestions, getVariableSuggestions, logoSizes, useImageUploadOptions };