@trycourier/react-designer 0.5.1 → 0.7.0

package/dist/components/BrandEditor/Editor/BrandFooter/BrandFooter.d.ts

@@ -1,9 +1,11 @@
+import { type VariableViewMode } from "@/components/TemplateEditor/store";
 import type { Transaction } from "@tiptap/pm/state";
 import type { Editor } from "@tiptap/react";
 interface BrandFooterProps {
     value?: string | null;
     variables?: Record<string, unknown>;
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
     facebookLink?: string;
     linkedinLink?: string;
     instagramLink?: string;
@@ -14,5 +16,5 @@ interface BrandFooterProps {
         transaction: Transaction;
     }) => void;
 }
-export declare const BrandFooter: import("react").MemoExoticComponent<({ facebookLink, linkedinLink, instagramLink, mediumLink, xLink, readOnly, value, onUpdate, }: BrandFooterProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const BrandFooter: import("react").MemoExoticComponent<({ facebookLink, linkedinLink, instagramLink, mediumLink, xLink, readOnly, value, variableViewMode, onUpdate, }: BrandFooterProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Providers/TemplateProvider.d.ts

@@ -14,6 +14,8 @@ export declare const useUploadImage: () => UploadImageFunction | null;
 type TemplateProviderProps = BasicProviderProps & {
     templateId: string;
     uploadImage?: UploadImageFunction;
+    variables?: Record<string, unknown>;
+    disableVariablesAutocomplete?: boolean;
 };
 export declare const TemplateProvider: import("react").NamedExoticComponent<TemplateProviderProps>;
 export {};

package/dist/components/TemplateEditor/Channels/Email/EmailEditor.d.ts

@@ -1,3 +1,4 @@
+import { type VariableViewMode } from "@/components/TemplateEditor/store";
 import type { TiptapDoc } from "@/types";
 import type { Editor } from "@tiptap/core";
 export interface EmailEditorProps {
@@ -6,8 +7,9 @@ export interface EmailEditorProps {
     subject?: string | null;
     variables?: Record<string, unknown>;
     disableVariablesAutocomplete?: boolean;
+    variableViewMode?: VariableViewMode;
     onDestroy?: () => void;
     onUpdate?: (editor: Editor) => void;
 }
-declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, variables, disableVariablesAutocomplete, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, variables, disableVariablesAutocomplete, variableViewMode, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default EmailEditor;

package/dist/components/TemplateEditor/Channels/Inbox/Inbox.d.ts

@@ -7,6 +7,9 @@ import type { AnyExtension, Editor } from "@tiptap/react";
 import type { HTMLAttributes } from "react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 export declare const defaultInboxContent: ElementalNode[];
+export declare const getOrCreateInboxElement: (templateEditorContent: {
+    elements: ElementalNode[];
+} | null | undefined) => ElementalNode;
 export declare const InboxConfig: TextMenuConfig;
 interface InboxEditorContentProps {
     value?: TiptapDoc;

package/dist/components/TemplateEditor/Channels/Inbox/InboxEditor.d.ts

@@ -1,5 +1,7 @@
 import type { InboxRenderProps } from "./Inbox";
+import { type VariableViewMode } from "../../store";
 export interface InboxEditorProps extends InboxRenderProps {
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
 }
-export declare const InboxEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, }: InboxEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const InboxEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, variableViewMode, }: InboxEditorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TemplateEditor/Channels/MSTeams/MSTeams.d.ts

@@ -27,6 +27,7 @@ export interface MSTeamsRenderProps {
     };
     selectedNode: Node | null;
     msteamsEditor: Editor | null;
+    textMenuConfig: TextMenuConfig;
 }
 export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
@@ -37,6 +38,10 @@ export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" |
     }) => React.ReactNode;
     render?: (props: MSTeamsRenderProps) => React.ReactNode;
 }
-export declare const MSTeamsConfig: TextMenuConfig;
+/**
+ * Get text menu configuration for an MS Teams node based on selection state
+ * This function applies MS Teams-specific constraints while respecting text selection
+ */
+export declare const getTextMenuConfigForMSTeamsNode: (nodeName: string, hasTextSelection?: boolean) => TextMenuConfig;
 export declare const MSTeams: React.MemoExoticComponent<React.ForwardRefExoticComponent<MSTeamsProps & React.RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsEditor.d.ts

@@ -1,5 +1,7 @@
 import type { MSTeamsRenderProps } from "./MSTeams";
+import { type VariableViewMode } from "../../store";
 export interface MSTeamsEditorProps extends MSTeamsRenderProps {
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
 }
-export declare const MSTeamsEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, }: MSTeamsEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MSTeamsEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, variableViewMode, textMenuConfig, }: MSTeamsEditorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TemplateEditor/Channels/MSTeams/SideBar/MSTeamsSideBarItemDetails.d.ts

@@ -0,0 +1,8 @@
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import type { Editor } from "@tiptap/react";
+export interface MSTeamsSideBarItemDetailsProps {
+    element: ProseMirrorNode | null;
+    editor: Editor | null;
+    defaultElement: React.ReactNode;
+}
+export declare const MSTeamsSideBarItemDetails: ({ element, editor, defaultElement, }: MSTeamsSideBarItemDetailsProps) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/components/TemplateEditor/Channels/MSTeams/SideBar/index.d.ts

@@ -1 +1,2 @@
 export * from "./SideBar";
+export * from "./MSTeamsSideBarItemDetails";

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

@@ -2,4 +2,4 @@ export * from "./MSTeams";
 export * from "./MSTeamsEditor";
 export * from "./MSTeamsFrame";
 export * from "./MSTeamsLayout";
-export { MSTeamsSideBar } from "./SideBar";
+export * from "./SideBar";

package/dist/components/TemplateEditor/Channels/Push/PushEditor.d.ts

@@ -1,6 +1,8 @@
 import type { HTMLAttributes } from "react";
 import { type PushRenderProps } from "./Push";
+import { type VariableViewMode } from "../../store";
 export interface PushEditorProps extends PushRenderProps, Omit<HTMLAttributes<HTMLDivElement>, "content"> {
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
 }
-export declare const PushEditor: ({ content, extensions, editable, autofocus, onUpdate, className, readOnly, }: PushEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushEditor: ({ content, extensions, editable, autofocus, onUpdate, className, readOnly, variableViewMode, }: PushEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/SMS/SMSEditor.d.ts

@@ -1,6 +1,8 @@
 import type { HTMLAttributes } from "react";
 import type { SMSRenderProps } from "./SMS";
+import { type VariableViewMode } from "../../store";
 export interface SMSEditorProps extends SMSRenderProps, Omit<HTMLAttributes<HTMLDivElement>, "content"> {
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
 }
-export declare const SMSEditor: ({ content, extensions, editable, autofocus, onUpdate, className, readOnly, }: SMSEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SMSEditor: ({ content, extensions, editable, autofocus, onUpdate, className, readOnly, variableViewMode, }: SMSEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/Slack/Slack.d.ts

@@ -27,6 +27,7 @@ export interface SlackRenderProps {
     };
     selectedNode: Node | null;
     slackEditor: Editor | null;
+    textMenuConfig: TextMenuConfig;
 }
 export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
@@ -37,6 +38,10 @@ export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "t
     }) => React.ReactNode;
     render?: (props: SlackRenderProps) => React.ReactNode;
 }
-export declare const SlackConfig: TextMenuConfig;
+/**
+ * Get text menu configuration for a Slack node based on selection state
+ * This function applies Slack-specific constraints while respecting text selection
+ */
+export declare const getTextMenuConfigForSlackNode: (nodeName: string, hasTextSelection?: boolean) => TextMenuConfig;
 export declare const Slack: React.MemoExoticComponent<React.ForwardRefExoticComponent<SlackProps & React.RefAttributes<HTMLDivElement>>>;
 export {};

package/dist/components/TemplateEditor/Channels/Slack/SlackEditor.d.ts

@@ -1,5 +1,7 @@
 import type { SlackRenderProps } from "./Slack";
+import { type VariableViewMode } from "../../store";
 export interface SlackEditorProps extends SlackRenderProps {
     readOnly?: boolean;
+    variableViewMode?: VariableViewMode;
 }
-export declare const SlackEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, }: SlackEditorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SlackEditor: ({ content, extensions, editable, autofocus, onUpdate, readOnly, variableViewMode, textMenuConfig, }: SlackEditorProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -6,5 +6,6 @@ export declare const ChannelRootContainer: import("react").ForwardRefExoticCompo
 export declare const EditorSidebar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     previewMode?: "desktop" | "mobile" | undefined;
     skipExpanded?: boolean;
+    collapsed?: boolean;
     width?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -12,6 +12,8 @@ export interface TemplateEditorProps extends Omit<HTMLAttributes<HTMLDivElement>
     /**
      * Variables available for autocomplete suggestions.
      * When provided, typing {{ will show a dropdown with matching variables.
+     * When not provided (undefined), all variable functionality is disabled:
+     * the variable toolbar button is hidden and typing {{ will not create variable chips.
      */
     variables?: Record<string, unknown>;
     /**

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

@@ -0,0 +1,27 @@
+import { type VariableViewMode } from "./store";
+import { getVariableViewMode } from "../extensions/Variable/variable-storage.utils";
+interface VariableViewModeSyncProps {
+    variableViewMode: VariableViewMode;
+}
+/**
+ * Syncs the variableViewMode prop to editor storage and dispatches a transaction
+ * to notify VariableView components to re-render.
+ *
+ * Also syncs the variablesEnabled state to the VariableInputRule extension storage,
+ * disabling the {{ input rule when the variables prop is not provided.
+ *
+ * This component should be placed inside an EditorProvider.
+ */
+export declare const VariableViewModeSync: ({ variableViewMode }: VariableViewModeSyncProps) => null;
+/**
+ * Hook to get the current variable view mode from the editor.
+ * Useful for reading the variable view mode outside of VariableView components.
+ *
+ * @example
+ * ```typescript
+ * const { editor } = useCurrentEditor();
+ * const viewMode = useVariableViewMode(editor);
+ * ```
+ */
+export declare function useVariableViewMode(editor: Parameters<typeof getVariableViewMode>[0]): VariableViewMode;
+export {};

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

@@ -4,7 +4,7 @@ export { default as EmailEditor } from "./Channels/Email/EmailEditor";
 export * from "./TemplateEditor";
 export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails, } from "./Channels/Email/SideBar";
 export { SideBar as InboxSideBar } from "./Channels/Inbox/SideBar";
-export { MSTeamsSideBar } from "./Channels/MSTeams/SideBar";
+export { MSTeamsSideBar, MSTeamsSideBarItemDetails } from "./Channels/MSTeams/SideBar";
 export { SlackSideBar, SlackSideBarItemDetails } from "./Channels/Slack/SideBar";
 export { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type MSTeamsEditorProps, type PushEditorProps, type SlackEditorProps, type SMSEditorProps, } from "./Channels";
 export declare const EmailChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").EmailProps & import("react").RefAttributes<HTMLDivElement>>>;
@@ -14,5 +14,6 @@ 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 { ChannelRootContainer, EditorSidebar } from "./Layout";
+export { isSidebarExpandedAtom } from "./store";
 export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
 export { useDebouncedFlush } from "./hooks/useDebouncedFlush";

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

@@ -30,6 +30,9 @@ export declare const isSidebarExpandedAtom: import("jotai").PrimitiveAtom<boolea
 export declare const variableValuesAtom: import("jotai").PrimitiveAtom<Record<string, string>> & {
     init: Record<string, string>;
 };
+export declare const variablesEnabledAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
 export declare const availableVariablesAtom: import("jotai").PrimitiveAtom<Record<string, unknown>> & {
     init: Record<string, unknown>;
 };
@@ -39,9 +42,24 @@ export declare const disableVariablesAutocompleteAtom: import("jotai").Primitive
 export declare const variableValidationAtom: import("jotai").PrimitiveAtom<VariableValidationConfig | undefined> & {
     init: VariableValidationConfig | undefined;
 };
+export type VariableViewMode = "show-variables" | "wysiwyg";
 export declare const isDraggingAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
+/**
+ * Increments or decrements the form updating counter.
+ * When true, increments the counter (starting an update).
+ * When false, decrements the counter (ending an update).
+ */
+export declare const setFormUpdating: (value: boolean) => void;
+/**
+ * Returns true if any form update is in progress (counter > 0)
+ */
+export declare const getFormUpdating: () => boolean;
+/**
+ * Resets the form updating counter to 0 (for cleanup/testing)
+ */
+export declare const resetFormUpdating: () => void;
 export declare const pendingAutoSaveAtom: import("jotai").PrimitiveAtom<ElementalContent | null> & {
     init: ElementalContent | null;
 };
@@ -58,7 +76,7 @@ export declare const flushAllPendingUpdates: (flushFunctions: Map<string, FlushF
 /**
  * Available block element types that can be used in the sidebar
  */
-export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote";
+export type BlockElementType = "heading" | "text" | "image" | "spacer" | "divider" | "button" | "customCode" | "column" | "blockquote" | "list";
 /**
  * Attributes that can be set as defaults or in presets for blocks.
  * Types match the actual TipTap node attribute types for each extension.

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

@@ -1,4 +1,8 @@
+import { PluginKey } from "@tiptap/pm/state";
 import type { BlockquoteProps } from "./Blockquote.types";
+import { QUOTE_TEXT_STYLE, QUOTE_TEXT_STYLE_VARIANTS } from "@/lib/constants/email-editor-tiptap-styles";
+export { QUOTE_TEXT_STYLE, QUOTE_TEXT_STYLE_VARIANTS };
+export declare const BlockquotePastePluginKey: PluginKey<any>;
 export declare const defaultBlockquoteProps: BlockquoteProps;
 export declare const Blockquote: import("@tiptap/core").Node<import("@tiptap/extension-blockquote").BlockquoteOptions, any>;
 export default Blockquote;

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

@@ -4,9 +4,6 @@ declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         button: {
             setButton: (props: Partial<ButtonProps>) => ReturnType;
-            toggleBold: () => ReturnType;
-            toggleItalic: () => ReturnType;
-            toggleUnderline: () => ReturnType;
         };
     }
 }

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

@@ -5,7 +5,8 @@ export declare const buttonSchema: z.ZodObject<{
     alignment: z.ZodEnum<["left", "center", "right"]>;
     backgroundColor: z.ZodString;
     borderRadius: z.ZodNumber;
-    padding: z.ZodNumber;
+    paddingVertical: z.ZodNumber;
+    paddingHorizontal: z.ZodNumber;
     fontWeight: z.ZodEnum<["normal", "bold"]>;
     fontStyle: z.ZodEnum<["normal", "italic"]>;
     isUnderline: z.ZodBoolean;
@@ -15,9 +16,10 @@ export declare const buttonSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     backgroundColor: string;
     borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     label: string;
     alignment: "left" | "center" | "right";
-    padding: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;
@@ -28,9 +30,10 @@ export declare const buttonSchema: z.ZodObject<{
 }, {
     backgroundColor: string;
     borderRadius: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     label: string;
     alignment: "left" | "center" | "right";
-    padding: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;
@@ -45,7 +48,8 @@ export interface ButtonProps {
     alignment: "left" | "center" | "right";
     backgroundColor: string;
     borderRadius: number;
-    padding: number;
+    paddingVertical: number;
+    paddingHorizontal: number;
     fontWeight: "normal" | "bold";
     fontStyle: "normal" | "italic";
     isUnderline: boolean;

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

@@ -4,9 +4,8 @@ import type { ButtonProps } from "./Button.types";
 export declare const ButtonComponent: React.FC<ButtonProps & {
     nodeKey?: string;
     selected?: boolean;
-    fontWeight?: string;
-    isUnderline?: boolean;
-    isStrike?: boolean;
     children?: React.ReactNode;
+    isPreviewMode?: boolean;
+    link?: string;
 }>;
 export declare const ButtonComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import type { EditorState, Transaction } from "@tiptap/pm/state";
+export declare function findButtonNodeById(doc: ProseMirrorNode, id: string): {
+    pos: number;
+    node: ProseMirrorNode;
+} | null;
+export declare function findButtonNodeAtPosition(doc: ProseMirrorNode, position: number): {
+    pos: number;
+    node: ProseMirrorNode;
+} | null;
+export declare function extractButtonTextContent(node: ProseMirrorNode): string;
+export declare function syncButtonContentToLabelAttr(state: EditorState): Transaction | null;
+export declare function updateButtonLabelAndContent(tr: Transaction, buttonPos: number, newLabel: string): boolean;

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

@@ -0,0 +1,12 @@
+/**
+ * Custom HardBreak extension that extends the default TipTap HardBreak.
+ *
+ * This extension modifies the DOM rendering to include a zero-width space
+ * after the <br> element. This helps with cursor visibility when the cursor
+ * is positioned right after a hardBreak (e.g., before an inline node like a variable).
+ *
+ * Without this, the browser has no text node to anchor the cursor, making it invisible
+ * even though ProseMirror knows the correct cursor position.
+ */
+export declare const HardBreak: import("@tiptap/core").Node<import("@tiptap/extension-hard-break").HardBreakOptions, any>;
+export default HardBreak;

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

@@ -0,0 +1 @@
+export { HardBreak } from "./HardBreak";

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

@@ -1,4 +1,4 @@
-import type { Editor, NodeViewProps } from "@tiptap/react";
+import type { NodeViewProps } from "@tiptap/react";
 import React from "react";
 import type { ImageBlockProps } from "../ImageBlock.types";
 export declare const ImageBlockComponent: React.FC<ImageBlockProps & {
@@ -7,7 +7,5 @@ export declare const ImageBlockComponent: React.FC<ImageBlockProps & {
     draggable?: boolean;
     onFileSelect?: (file: File) => void;
     width: number;
-    imageNaturalWidth: number;
-    editor?: Editor;
 }>;
 export declare const ImageBlockView: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,6 @@ declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         list: {
             setList: (props?: Partial<ListProps>) => ReturnType;
-            toggleList: () => ReturnType;
             toggleOrderedList: () => ReturnType;
             toggleUnorderedList: () => ReturnType;
         };

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

@@ -2,20 +2,14 @@ import { z } from "zod";
 export declare const listSchema: z.ZodObject<{
     id: z.ZodOptional<z.ZodString>;
     listType: z.ZodEnum<["ordered", "unordered"]>;
-    borderColor: z.ZodString;
-    borderWidth: z.ZodNumber;
     paddingVertical: z.ZodNumber;
     paddingHorizontal: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    borderColor: string;
-    borderWidth: number;
     paddingVertical: number;
     paddingHorizontal: number;
     listType: "ordered" | "unordered";
     id?: string | undefined;
 }, {
-    borderColor: string;
-    borderWidth: number;
     paddingVertical: number;
     paddingHorizontal: number;
     listType: "ordered" | "unordered";
@@ -26,10 +20,6 @@ export interface ListProps {
     listType: "ordered" | "unordered";
     /** Unique identifier for the list node */
     id?: string;
-    /** Border color for list markers (bullets/numbers) */
-    borderColor?: string;
-    /** Border width in pixels */
-    borderWidth?: number;
     /** Vertical padding in pixels */
     paddingVertical?: number;
     /** Horizontal padding in pixels */

package/dist/components/extensions/List/ListForm.d.ts

@@ -4,6 +4,11 @@ interface ListFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
     hideCloseButton?: boolean;
+    /**
+     * When true, only shows the list type toggle (ordered/unordered).
+     * Used for channels like Slack and MS Teams that don't support styling options.
+     */
+    minimalMode?: boolean;
 }
-export declare const ListForm: ({ element, editor, hideCloseButton }: ListFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ListForm: ({ element, editor, hideCloseButton, minimalMode, }: ListFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1,11 @@
+import { Extension } from "@tiptap/core";
+export interface MessagingChannelPasteOptions {
+    /** Convert all headings to this level, or "strip" to convert headings to paragraphs. */
+    headingBehavior: {
+        level: number;
+    } | "strip";
+    /** Node type names that should be silently dropped on paste (e.g. "button" for Teams). */
+    blockedNodeTypes?: string[];
+}
+export declare const MessagingChannelPaste: Extension<MessagingChannelPasteOptions, any>;
+export default MessagingChannelPaste;

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

@@ -0,0 +1,2 @@
+export { MessagingChannelPaste } from "./MessagingChannelPaste";
+export type { MessagingChannelPasteOptions } from "./MessagingChannelPaste";

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

@@ -4,6 +4,11 @@ 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)
+ *
+ * Storage:
+ * - `disabled`: When true, typing {{ will not create variable chips.
+ *   Set this from React via `editor.storage.variableInputRule.disabled = true`
+ *   when the `variables` prop is not provided to TemplateEditor.
  */
 export declare const VariableInputRule: Extension<any, any>;
 /**

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

@@ -2,3 +2,5 @@ export * from "./Variable";
 export * from "./Variable.types";
 export * from "./VariablePaste";
 export * from "./VariableSuggestions";
+export type { VariableStorage } from "./variable-storage.types";
+export { getVariableViewMode, setVariableViewMode, getVariableStorage, initializeVariableStorage, hasVariableStorage, } from "./variable-storage.utils";

package/dist/components/extensions/Variable/variable-storage.types.d.ts

@@ -0,0 +1,26 @@
+import type { VariableViewMode } from "../../TemplateEditor/store";
+/**
+ * Type definition for the Variable extension storage in TipTap editor.
+ * This storage is used to maintain variable-related state across the editor instance.
+ *
+ * Usage:
+ * ```typescript
+ * import type { VariableStorage, EditorWithVariableStorage } from './variable-storage.types';
+ * import { getVariableViewMode, setVariableViewMode } from './variable-storage.utils';
+ *
+ * // Access storage
+ * const editor: EditorWithVariableStorage = ...;
+ * const viewMode = getVariableViewMode(editor);
+ *
+ * // Update storage
+ * setVariableViewMode(editor, 'wysiwyg');
+ * ```
+ */
+export interface VariableStorage {
+    /**
+     * Controls how variables are displayed in the editor:
+     * - 'show-variables': Display as interactive chip components with icons
+     * - 'wysiwyg': Display as plain text values (preview mode)
+     */
+    variableViewMode: VariableViewMode;
+}

package/dist/components/extensions/Variable/variable-storage.utils.d.ts

@@ -0,0 +1,72 @@
+import type { Editor } from "@tiptap/core";
+import type { VariableViewMode } from "../../TemplateEditor/store";
+import { type VariableStorage } from "./variable-storage.types";
+/**
+ * Gets the variable view mode from the editor storage.
+ * Safely handles cases where storage or variable storage is not initialized.
+ *
+ * @param editor - The TipTap editor instance
+ * @param fallback - Fallback value if storage is not available (default: "show-variables")
+ * @returns The current variable view mode
+ *
+ * @example
+ * ```typescript
+ * const editor = useCurrentEditor();
+ * const viewMode = getVariableViewMode(editor);
+ * ```
+ */
+export declare function getVariableViewMode(editor: Editor | null | undefined, fallback?: VariableViewMode): VariableViewMode;
+/**
+ * Sets the variable view mode in the editor storage.
+ * Safely handles cases where storage or variable storage is not initialized.
+ *
+ * @param editor - The TipTap editor instance
+ * @param mode - The new variable view mode to set
+ * @returns true if the mode was set successfully, false otherwise
+ *
+ * @example
+ * ```typescript
+ * const editor = useCurrentEditor();
+ * setVariableViewMode(editor, 'wysiwyg');
+ * ```
+ */
+export declare function setVariableViewMode(editor: Editor | null | undefined, mode: VariableViewMode): boolean;
+/**
+ * Gets the entire variable storage object from the editor.
+ * Safely handles cases where storage is not initialized.
+ *
+ * @param editor - The TipTap editor instance
+ * @returns The variable storage object, or undefined if not available
+ *
+ * @example
+ * ```typescript
+ * const editor = useCurrentEditor();
+ * const storage = getVariableStorage(editor);
+ * if (storage) {
+ *   console.log('View mode:', storage.variableViewMode);
+ * }
+ * ```
+ */
+export declare function getVariableStorage(editor: Editor | null | undefined): VariableStorage | undefined;
+/**
+ * Initializes the variable storage on an editor instance.
+ * Should be called in the Variable extension's addStorage() method.
+ *
+ * @param defaultViewMode - The default variable view mode (default: "show-variables")
+ * @returns The initial storage object
+ *
+ * @example
+ * ```typescript
+ * // In Variable extension
+ * addStorage() {
+ *   return initializeVariableStorage();
+ * }
+ * ```
+ */
+export declare function initializeVariableStorage(defaultViewMode?: VariableViewMode): VariableStorage;
+/**
+ * Type guard to check if an object has variable storage
+ */
+export declare function hasVariableStorage(storage: unknown): storage is {
+    variable: VariableStorage;
+};

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

@@ -1,4 +1,14 @@
 import type { Node } from "@tiptap/pm/model";
+export interface RichTextMarksConfig {
+    /** Controls bold mark behavior: 'disabled' to disable, 'default' or undefined to enable */
+    bold?: "disabled" | "default";
+    /** Controls italic mark behavior: 'disabled' to disable, 'default' or undefined to enable */
+    italic?: "disabled" | "default";
+    /** Controls underline mark behavior: 'disabled' to disable, 'default' or undefined to enable */
+    underline?: "disabled" | "default";
+    /** Controls strike mark behavior: 'disabled' to disable, 'default' or undefined to enable */
+    strike?: "disabled" | "default";
+}
 export interface ExtensionKitOptions {
     setSelectedNode?: (node: Node) => void;
     shouldHandleClick?: () => boolean;
@@ -6,6 +16,13 @@ export interface ExtensionKitOptions {
     variables?: Record<string, unknown>;
     /** When true, disables variable autocomplete and allows typing any variable */
     disableVariablesAutocomplete?: boolean;
+    /**
+     * Controls rich text formatting marks (bold, italic, underline, strike).
+     * - `'plain-text'`: Disables all rich text marks (for SMS, Push, In-App)
+     * - Object with mark configurations: Enables granular control per mark
+     * - `undefined`: All marks enabled (default)
+     */
+    textMarks?: "plain-text" | RichTextMarksConfig;
 }
 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;