@trycourier/react-designer 0.2.0 → 0.4.0

package/dist/components/TemplateEditor/index.d.ts

@@ -2,8 +2,9 @@ export { BrandFooter } from "@/components/BrandEditor/Editor/BrandFooter";
 export { PreviewPanel } from "@/components/ui/PreviewPanel";
 export { TextMenu } from "@/components/ui/TextMenu";
 export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
-export { SortableContext } from "@dnd-kit/sortable";
-export { useChannels } from "./Channels";
+export { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
+export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
+export { useChannels, getChannelDefaults } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";
 export * from "./TemplateEditor";
 export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails, } from "./Channels/Email/SideBar";
@@ -17,11 +18,13 @@ export declare const InboxChannel: import("react").MemoExoticComponent<import("r
 export declare const MSTeamsChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").MSTeamsProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const SlackChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SlackProps & import("react").RefAttributes<HTMLDivElement>>>;
 export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
+export { CHANNELS } from "@/channels";
 export type { ChannelType } from "@/store";
 export type { ElementalContent } from "@/types";
 export { ChannelRootContainer, EditorSidebar } from "./Layout";
 export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
 export { useAutoSave } from "@/hooks/useAutoSave";
+export { useDebouncedFlush } from "./hooks/useDebouncedFlush";
 export { Status as TemplateStatus } from "@/components/ui/Status";
 export { MonacoCodeEditor } from "@/components/extensions/CustomCode/MonacoCodeEditor";
 export { ToggleGroup } from "@/components/ui-kit";

package/dist/components/TemplateEditor/store.d.ts

@@ -1,4 +1,5 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { Editor } from "@tiptap/react";
 export declare const subjectAtom: import("jotai").PrimitiveAtom<string | null> & {
     init: string | null;
@@ -26,3 +27,152 @@ export declare const isTemplateTransitioningAtom: import("jotai").PrimitiveAtom<
 export declare const isSidebarExpandedAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
+export declare const variableValuesAtom: import("jotai").PrimitiveAtom<Record<string, string>> & {
+    init: Record<string, string>;
+};
+export declare const availableVariablesAtom: import("jotai").PrimitiveAtom<Record<string, unknown>> & {
+    init: Record<string, unknown>;
+};
+export declare const disableVariablesAutocompleteAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const variableValidationAtom: import("jotai").PrimitiveAtom<VariableValidationConfig | undefined> & {
+    init: VariableValidationConfig | undefined;
+};
+export declare const isDraggingAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const pendingAutoSaveAtom: import("jotai").PrimitiveAtom<ElementalContent | null> & {
+    init: ElementalContent | null;
+};
+export declare const lastSavedContentAtom: import("jotai").PrimitiveAtom<string | null> & {
+    init: string | null;
+};
+export type FlushFunction = () => void;
+export declare const flushFunctionsAtom: import("jotai").WritableAtom<Map<string, FlushFunction>, [update: {
+    action: "register" | "unregister";
+    id: string;
+    fn?: FlushFunction;
+}], void>;
+export declare const flushAllPendingUpdates: (flushFunctions: Map<string, FlushFunction>) => void;
+/**
+ * Available block element types that can be used in the sidebar
+ */
+export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote";
+/**
+ * Attributes that can be set as defaults or in presets for blocks.
+ * Types match the actual TipTap node attribute types for each extension.
+ */
+export interface BlockAttributes {
+    /** Background color (string, e.g., "#ffffff" or "transparent") */
+    backgroundColor?: string;
+    /** Border color */
+    borderColor?: string;
+    /** Border width in pixels */
+    borderWidth?: number;
+    /** Border radius in pixels */
+    borderRadius?: number;
+    /** Vertical padding in pixels */
+    paddingVertical?: number;
+    /** Horizontal padding in pixels */
+    paddingHorizontal?: number;
+    /** Text alignment */
+    textAlign?: "left" | "center" | "right" | "justify";
+    /** Button label text */
+    label?: string;
+    /** Button link URL */
+    link?: string;
+    /** Button alignment */
+    alignment?: "left" | "center" | "right";
+    /** Button padding in pixels */
+    padding?: number;
+    /** Font weight */
+    fontWeight?: "normal" | "bold";
+    /** Font style */
+    fontStyle?: "normal" | "italic";
+    /** Underline text */
+    isUnderline?: boolean;
+    /** Strikethrough text */
+    isStrike?: boolean;
+    /** @deprecated Text color - legacy property */
+    textColor?: string;
+    /** Divider color */
+    color?: string;
+    /** Divider line thickness in pixels */
+    size?: number;
+    /** Divider corner radius */
+    radius?: number;
+    /** Divider variant type */
+    variant?: "divider" | "spacer";
+    /** Image source path/URL */
+    sourcePath?: string;
+    /** Image alt text */
+    alt?: string;
+    /** Image width as ratio (0-1, where 1 = 100%) */
+    width?: number;
+    /** HTML code content */
+    code?: string;
+    /** Number of columns (1-4) */
+    columnsCount?: number;
+    /** Left border width for blockquote */
+    borderLeftWidth?: number;
+    [key: string]: unknown;
+}
+/**
+ * A block preset is a pre-configured variant of an existing block type.
+ * For example, a "Portal Button" preset is a button with specific href and label.
+ */
+export interface BlockPreset {
+    /** The base block type this preset is built on */
+    type: BlockElementType;
+    /** Unique identifier for this preset */
+    key: string;
+    /** Display label in the sidebar */
+    label: string;
+    /** Optional custom icon (React node) */
+    icon?: React.ReactNode;
+    /** Pre-configured attributes for this preset */
+    attributes: BlockAttributes;
+}
+/**
+ * A reference to a preset in the visible blocks list
+ */
+export interface PresetReference {
+    /** The base block type */
+    type: BlockElementType;
+    /** The preset key */
+    preset: string;
+}
+/**
+ * A visible block item can be either:
+ * - A built-in block type string (e.g., "text", "button")
+ * - A preset reference (e.g., { type: "button", preset: "portal" })
+ */
+export type VisibleBlockItem = BlockElementType | PresetReference;
+/**
+ * Type guard to check if a VisibleBlockItem is a PresetReference
+ */
+export declare const isPresetReference: (item: VisibleBlockItem) => item is PresetReference;
+/**
+ * Default block elements available in the sidebar
+ */
+export declare const DEFAULT_VISIBLE_BLOCKS: VisibleBlockItem[];
+/**
+ * Atom to store visible blocks in the sidebar (and their order)
+ */
+export declare const visibleBlocksAtom: import("jotai").PrimitiveAtom<VisibleBlockItem[]> & {
+    init: VisibleBlockItem[];
+};
+/**
+ * Atom to store default attributes for each block type
+ * When a new block is created, these defaults are applied
+ */
+export declare const blockDefaultsAtom: import("jotai").PrimitiveAtom<Partial<Record<BlockElementType, BlockAttributes>>> & {
+    init: Partial<Record<BlockElementType, BlockAttributes>>;
+};
+/**
+ * Atom to store registered block presets
+ */
+export declare const blockPresetsAtom: import("jotai").PrimitiveAtom<BlockPreset[]> & {
+    init: BlockPreset[];
+};

package/dist/components/extensions/Blockquote/Blockquote.types.d.ts

@@ -8,16 +8,16 @@ export declare const blockquoteSchema: z.ZodObject<{
     id: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     backgroundColor: string;
+    borderColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderLeftWidth: number;
     id?: string | undefined;
 }, {
     backgroundColor: string;
+    borderColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
-    borderColor: string;
     borderLeftWidth: number;
     id?: string | undefined;
 }>;

package/dist/components/extensions/Button/Button.types.d.ts

@@ -3,61 +3,55 @@ export declare const buttonSchema: z.ZodObject<{
     label: z.ZodString;
     link: z.ZodOptional<z.ZodString>;
     alignment: z.ZodEnum<["left", "center", "right"]>;
-    size: z.ZodEnum<["default", "full"]>;
     backgroundColor: z.ZodString;
-    textColor: z.ZodString;
-    borderWidth: z.ZodNumber;
     borderRadius: z.ZodNumber;
-    borderColor: z.ZodString;
     padding: z.ZodNumber;
     fontWeight: z.ZodEnum<["normal", "bold"]>;
     fontStyle: z.ZodEnum<["normal", "italic"]>;
     isUnderline: z.ZodBoolean;
     isStrike: z.ZodBoolean;
+    textColor: z.ZodOptional<z.ZodString>;
+    borderColor: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    padding: number;
-    label: string;
     backgroundColor: string;
-    textColor: string;
-    borderColor: string;
-    size: "full" | "default";
-    borderWidth: number;
     borderRadius: number;
+    label: string;
     alignment: "left" | "center" | "right";
-    fontStyle: "italic" | "normal";
-    fontWeight: "bold" | "normal";
+    padding: number;
+    fontWeight: "normal" | "bold";
+    fontStyle: "normal" | "italic";
     isUnderline: boolean;
     isStrike: boolean;
     link?: string | undefined;
+    borderColor?: string | undefined;
+    textColor?: string | undefined;
 }, {
-    padding: number;
-    label: string;
     backgroundColor: string;
-    textColor: string;
-    borderColor: string;
-    size: "full" | "default";
-    borderWidth: number;
     borderRadius: number;
+    label: string;
     alignment: "left" | "center" | "right";
-    fontStyle: "italic" | "normal";
-    fontWeight: "bold" | "normal";
+    padding: number;
+    fontWeight: "normal" | "bold";
+    fontStyle: "normal" | "italic";
     isUnderline: boolean;
     isStrike: boolean;
     link?: string | undefined;
+    borderColor?: string | undefined;
+    textColor?: string | undefined;
 }>;
 export interface ButtonProps {
     label: string;
     link?: string;
     alignment: "left" | "center" | "right";
-    size: "default" | "full";
     backgroundColor: string;
-    textColor: string;
-    borderWidth: number;
     borderRadius: number;
-    borderColor: string;
     padding: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;
     isStrike: boolean;
+    /** @deprecated Legacy property - not supported by Elemental */
+    textColor?: string;
+    /** @deprecated Legacy property - not supported by Elemental */
+    borderColor?: string;
 }

package/dist/components/extensions/Button/ButtonComponent.d.ts

@@ -7,5 +7,6 @@ export declare const ButtonComponent: React.FC<ButtonProps & {
     fontWeight?: string;
     isUnderline?: boolean;
     isStrike?: boolean;
+    children?: React.ReactNode;
 }>;
 export declare const ButtonComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/ButtonRow/ButtonRowComponent.d.ts

@@ -1,5 +1,9 @@
 import { type NodeViewProps } from "@tiptap/react";
 import React from "react";
 import type { ButtonRowProps } from "./ButtonRow.types";
-export declare const ButtonRowComponent: React.FC<ButtonRowProps>;
+export declare const ButtonRowComponent: React.FC<ButtonRowProps & {
+    onButton1LabelChange?: (label: string) => void;
+    onButton2LabelChange?: (label: string) => void;
+    editable?: boolean;
+}>;
 export declare const ButtonRowComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/Column/Column.d.ts

@@ -0,0 +1,11 @@
+import { Node } from "@tiptap/core";
+import type { ColumnProps } from "./Column.types";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        column: {
+            setColumn: (props: Partial<ColumnProps>) => ReturnType;
+        };
+    }
+}
+export declare const defaultColumnProps: ColumnProps;
+export declare const Column: Node<any, any>;

package/dist/components/extensions/Column/Column.types.d.ts

@@ -0,0 +1,44 @@
+import { z } from "zod";
+import type { JSONContent } from "@tiptap/core";
+export interface CellContent {
+    elements: JSONContent[];
+}
+export declare const columnSchema: z.ZodObject<{
+    columnsCount: z.ZodDefault<z.ZodNumber>;
+    paddingHorizontal: z.ZodDefault<z.ZodNumber>;
+    paddingVertical: z.ZodDefault<z.ZodNumber>;
+    backgroundColor: z.ZodDefault<z.ZodString>;
+    borderWidth: z.ZodDefault<z.ZodNumber>;
+    borderRadius: z.ZodDefault<z.ZodNumber>;
+    borderColor: z.ZodDefault<z.ZodString>;
+    cells: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        elements: z.ZodArray<z.ZodAny, "many">;
+    }, "strip", z.ZodTypeAny, {
+        elements: any[];
+    }, {
+        elements: any[];
+    }>, "many">>;
+}, "strip", z.ZodTypeAny, {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
+    columnsCount: number;
+    cells?: {
+        elements: any[];
+    }[] | undefined;
+}, {
+    backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    borderRadius?: number | undefined;
+    paddingVertical?: number | undefined;
+    paddingHorizontal?: number | undefined;
+    columnsCount?: number | undefined;
+    cells?: {
+        elements: any[];
+    }[] | undefined;
+}>;
+export type ColumnProps = z.infer<typeof columnSchema>;

package/dist/components/extensions/Column/ColumnComponent.d.ts

@@ -0,0 +1,9 @@
+import { type NodeViewProps } from "@tiptap/react";
+import type { Node } from "@tiptap/pm/model";
+import type { ColumnProps } from "./Column.types";
+export declare const ColumnComponent: React.FC<ColumnProps & {
+    node: Node;
+    columnsCount: number;
+    isPreviewMode?: boolean;
+}>;
+export declare const ColumnComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/Column/ColumnForm.d.ts

@@ -0,0 +1,8 @@
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import type { Editor } from "@tiptap/react";
+interface ColumnFormProps {
+    element?: ProseMirrorNode;
+    editor: Editor | null;
+}
+export declare const ColumnForm: ({ element, editor }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/extensions/Column/index.d.ts

@@ -0,0 +1,5 @@
+export { Column, defaultColumnProps } from "./Column";
+export { ColumnComponent, ColumnComponentNode } from "./ColumnComponent";
+export { ColumnForm } from "./ColumnForm";
+export type { ColumnProps } from "./Column.types";
+export { columnSchema } from "./Column.types";

package/dist/components/extensions/ColumnCell/ColumnCell.d.ts

@@ -0,0 +1,10 @@
+import { Node } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        columnCell: {
+            insertColumnCell: () => ReturnType;
+        };
+    }
+}
+export declare const ColumnCell: Node<any, any>;
+export default ColumnCell;

package/dist/components/extensions/ColumnCell/ColumnCellComponent.d.ts

@@ -0,0 +1,2 @@
+import { type NodeViewProps } from "@tiptap/react";
+export declare const ColumnCellComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/ColumnCell/index.d.ts

@@ -0,0 +1,2 @@
+export { ColumnCell, default } from "./ColumnCell";
+export { ColumnCellComponentNode } from "./ColumnCellComponent";

package/dist/components/extensions/ColumnRow/ColumnRow.d.ts

@@ -0,0 +1,10 @@
+import { Node } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        columnRow: {
+            insertColumnRow: () => ReturnType;
+        };
+    }
+}
+export declare const ColumnRow: Node<any, any>;
+export default ColumnRow;

package/dist/components/extensions/ColumnRow/ColumnRowComponent.d.ts

@@ -0,0 +1,2 @@
+import { type NodeViewProps } from "@tiptap/react";
+export declare const ColumnRowComponentNode: (_props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/extensions/ColumnRow/index.d.ts

@@ -0,0 +1,2 @@
+export { ColumnRow, default } from "./ColumnRow";
+export { ColumnRowComponentNode } from "./ColumnRowComponent";

package/dist/components/extensions/ImageBlock/ImageBlock.types.d.ts

@@ -6,28 +6,25 @@ export declare const imageBlockSchema: z.ZodObject<{
     alignment: z.ZodEnum<["left", "center", "right"]>;
     width: z.ZodNumber;
     borderWidth: z.ZodNumber;
-    borderRadius: z.ZodNumber;
     borderColor: z.ZodString;
     isUploading: z.ZodOptional<z.ZodBoolean>;
     imageNaturalWidth: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    width: number;
     borderColor: string;
     borderWidth: number;
-    borderRadius: number;
     alignment: "left" | "center" | "right";
     sourcePath: string;
+    width: number;
     imageNaturalWidth: number;
     link?: string | undefined;
     alt?: string | undefined;
     isUploading?: boolean | undefined;
 }, {
-    width: number;
     borderColor: string;
     borderWidth: number;
-    borderRadius: number;
     alignment: "left" | "center" | "right";
     sourcePath: string;
+    width: number;
     imageNaturalWidth: number;
     link?: string | undefined;
     alt?: string | undefined;
@@ -40,7 +37,6 @@ export interface ImageBlockProps {
     alignment: "left" | "center" | "right";
     width: number;
     borderWidth: number;
-    borderRadius: number;
     borderColor: string;
     isUploading?: boolean;
     imageNaturalWidth: number;

package/dist/components/extensions/Selection/Selection.d.ts

@@ -4,6 +4,7 @@ import { PluginKey } from "@tiptap/pm/state";
 export interface SelectionOptions {
     HTMLAttributes: Record<string, unknown>;
     setSelectedNode: (node: Node) => void;
+    shouldHandleClick?: () => boolean;
 }
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {

package/dist/components/extensions/TextBlock/TextBlock.types.d.ts

@@ -4,31 +4,25 @@ export declare const textBlockSchema: z.ZodObject<{
     paddingHorizontal: z.ZodNumber;
     backgroundColor: z.ZodString;
     borderWidth: z.ZodNumber;
-    borderRadius: z.ZodNumber;
     borderColor: z.ZodString;
-    textColor: z.ZodString;
     textAlign: z.ZodDefault<z.ZodEnum<["left", "center", "right", "justify"]>>;
     selected: z.ZodDefault<z.ZodBoolean>;
     id: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     backgroundColor: string;
-    textColor: string;
-    paddingVertical: number;
-    paddingHorizontal: number;
     borderColor: string;
     borderWidth: number;
-    borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     textAlign: "left" | "center" | "right" | "justify";
     selected: boolean;
     id?: string | undefined;
 }, {
     backgroundColor: string;
-    textColor: string;
-    paddingVertical: number;
-    paddingHorizontal: number;
     borderColor: string;
     borderWidth: number;
-    borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     id?: string | undefined;
     textAlign?: "left" | "center" | "right" | "justify" | undefined;
     selected?: boolean | undefined;
@@ -38,9 +32,7 @@ export interface TextBlockProps {
     paddingHorizontal: number;
     backgroundColor: string;
     borderWidth: number;
-    borderRadius: number;
     borderColor: string;
-    textColor: string;
     textAlign: "left" | "center" | "right" | "justify";
     selected: boolean;
     id?: string;

package/dist/components/extensions/Variable/Variable.d.ts

@@ -1,4 +1,20 @@
 import { Extension, Node } from "@tiptap/core";
 import type { VariableNodeOptions, VariableOptions } from "./Variable.types";
 export declare const VariableNode: Node<VariableNodeOptions, any>;
+/**
+ * Extension that inserts an empty variable chip when user types {{
+ * This is used when autocomplete is disabled (disableVariablesAutocomplete=true)
+ */
+export declare const VariableInputRule: Extension<any, any>;
+/**
+ * Extension that provides variable autocomplete suggestions.
+ * When user types {{, shows a dropdown with available variables.
+ * Pass `variables` option to configure available variables.
+ * Pass `disableSuggestions: true` to disable autocomplete (falls back to VariableInputRule behavior).
+ */
 export declare const Variable: Extension<VariableOptions, any>;
+/**
+ * @deprecated This extension has been removed. Variable conversion now happens via VariableInputRule or Variable.
+ * This is a no-op extension provided for backwards compatibility and will be removed in a future major version.
+ */
+export declare const VariableTypeHandler: Extension<any, any>;

package/dist/components/extensions/Variable/Variable.types.d.ts

@@ -1,35 +1,40 @@
 import type { Editor, Range } from "@tiptap/core";
 import type { SuggestionOptions, SuggestionProps } from "@tiptap/suggestion";
-interface Props {
-    editor: Editor;
-    range: Range;
-    clientRect: () => DOMRect | null;
-    items: string[];
-    command: (props: {
-        editor: Editor;
-        range: Range;
-        props: string;
-    }) => void;
+export interface VariableNodeOptions {
+    HTMLAttributes?: Record<string, unknown>;
 }
+export interface VariableNodeAttributes {
+    id: string;
+    isInvalid: boolean;
+}
+/**
+ * Options for the Variable suggestion extension that provides autocomplete.
+ */
 export interface VariableOptions {
     HTMLAttributes?: Record<string, unknown>;
     suggestion?: Partial<SuggestionOptions>;
+    /** Variables available for autocomplete suggestions */
     variables?: Record<string, unknown>;
+    /** When true, disables the autocomplete dropdown */
+    disableSuggestions?: boolean;
 }
 export interface VariableCommandProps {
     editor: Editor;
     range: Range;
     props: string;
 }
-export interface VariableSuggestionProps extends Props {
+export interface VariableSuggestionProps {
+    editor: Editor;
+    range: Range;
+    clientRect: () => DOMRect | null;
+    items: string[];
+    command: (props: {
+        editor: Editor;
+        range: Range;
+        props: string;
+    }) => void;
     selected: number;
 }
-export interface VariableNodeOptions {
-    HTMLAttributes?: Record<string, unknown>;
-}
-export interface VariableNodeAttributes {
-    id: string | null;
-}
 export interface VariableSuggestionsProps extends SuggestionProps {
     items: string[];
     command: (item: string) => void;
@@ -37,4 +42,3 @@ export interface VariableSuggestionsProps extends SuggestionProps {
     query: string;
     selected: number;
 }
-export {};

package/dist/components/extensions/Variable/VariableIcon.d.ts

@@ -1,2 +1,6 @@
 import React from "react";
-export declare const VariableIcon: React.FC;
+interface VariableIconProps {
+    color?: string;
+}
+export declare const VariableIcon: React.FC<VariableIconProps>;
+export {};

package/dist/components/extensions/Variable/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Variable";
 export * from "./Variable.types";
 export * from "./VariablePaste";
+export * from "./VariableSuggestions";

package/dist/components/extensions/extension-kit.d.ts

@@ -1,6 +1,11 @@
 import type { Node } from "@tiptap/pm/model";
-export declare const ExtensionKit: (options?: {
-    variables?: Record<string, unknown>;
+export interface ExtensionKitOptions {
     setSelectedNode?: (node: Node) => void;
-}) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>)[];
+    shouldHandleClick?: () => boolean;
+    /** Variables available for autocomplete suggestions */
+    variables?: Record<string, unknown>;
+    /** When true, disables variable autocomplete and allows typing any variable */
+    disableVariablesAutocomplete?: boolean;
+}
+export declare const ExtensionKit: (options?: ExtensionKitOptions) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>)[];
 export default ExtensionKit;

package/dist/components/extensions/index.d.ts

@@ -10,6 +10,9 @@ export { StarterKit } from "@tiptap/starter-kit";
 export { Blockquote } from "./Blockquote";
 export { Button } from "./Button";
 export { ButtonRow } from "./ButtonRow";
+export { Column } from "./Column";
+export { ColumnRow } from "./ColumnRow";
+export { ColumnCell } from "./ColumnCell";
 export { CustomCode } from "./CustomCode";
 export { Divider } from "./Divider";
 export { Document } from "./Document";
@@ -24,4 +27,4 @@ export { Paragraph } from "./Paragraph";
 export { Selection } from "./Selection";
 export { SlashMenu } from "./SlashMenu";
 export { UniqueId } from "./UniqueId";
-export { Variable, VariableNode, VariablePaste } from "./Variable";
+export { VariableNode, VariableInputRule, VariablePaste, Variable, VariableTypeHandler, } from "./Variable";