@trycourier/react-designer 0.3.0 → 0.5.0

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

@@ -1,11 +1,26 @@
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { BrandEditorFormValues } from "../BrandEditor.types";
 export interface EditorProps {
     hidePublish?: boolean;
     autoSaveDebounce?: number;
     autoSave?: boolean;
     templateEditor?: boolean;
-    /** @deprecated The variables prop is no longer used. Users can now type any variable directly without autocomplete suggestions. */
+    /**
+     * Variables available for autocomplete suggestions.
+     * When provided, typing {{ will show a dropdown with matching variables.
+     */
     variables?: Record<string, unknown>;
+    /**
+     * When true, disables variable autocomplete and allows users to type any variable name.
+     * When false (default), shows autocomplete dropdown with variables from the `variables` prop.
+     * @default false
+     */
+    disableVariablesAutocomplete?: boolean;
+    /**
+     * Configuration for custom variable validation.
+     * Allows restricting which variable names are allowed and defining behavior on validation failure.
+     */
+    variableValidation?: VariableValidationConfig;
     value?: BrandEditorFormValues;
 }
 export declare const Editor: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -19,8 +19,8 @@ export declare function useTemplateActions(): {
     setTemplateError: (error: string | TemplateError | null) => void;
     templateData: import("./store").TenantData | null;
     setTemplateData: (args_0: import("./store").TenantData | ((prev: import("./store").TenantData | null) => import("./store").TenantData | null) | null) => void;
-    templateEditorContent: import("../TemplateEditor").ElementalContent | null | undefined;
-    setTemplateEditorContent: (content: import("../TemplateEditor").ElementalContent | null | undefined) => void;
+    templateEditorContent: import("../..").ElementalContent | null | undefined;
+    setTemplateEditorContent: (content: import("../..").ElementalContent | null | undefined) => void;
     createCustomError: (message: string, toastProps?: import("sonner").ExternalToast) => TemplateError;
     convertLegacyError: (error: string | TemplateError) => TemplateError;
     /**

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

@@ -20,7 +20,7 @@ interface BrandSettingsData {
     mediumLink?: string;
     xLink?: string;
 }
-export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "theme" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "disableVariablesAutocomplete" | "theme" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     isLoading?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -5,8 +5,9 @@ export interface EmailEditorProps {
     readOnly?: boolean;
     subject?: string | null;
     variables?: Record<string, unknown>;
+    disableVariablesAutocomplete?: boolean;
     onDestroy?: () => void;
     onUpdate?: (editor: Editor) => void;
 }
-declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const EmailEditor: ({ value, readOnly, onDestroy, onUpdate, subject: propSubject, variables, disableVariablesAutocomplete, }: EmailEditorProps) => import("react/jsx-runtime").JSX.Element;
 export default EmailEditor;

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

@@ -6,4 +6,4 @@ export declare const EmailEditorMain: import("react").ForwardRefExoticComponent<
 } & import("react").RefAttributes<HTMLDivElement>>;
 export interface EmailLayoutProps extends EmailProps {
 }
-export declare const EmailLayout: ({ variables, theme, isLoading, hidePublish, channels, brandEditor, routing, colorScheme, ...rest }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailLayout: ({ variables, disableVariablesAutocomplete, theme, isLoading, hidePublish, channels, brandEditor, routing, colorScheme, ...rest }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarItemDetails/SideBarItemDetails.d.ts

@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
 export interface SideBarItemDetailsProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const SideBarItemDetails: ({ element, editor }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SideBarItemDetails: ({ element, editor, hideCloseButton, }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -21,7 +21,7 @@ export interface InboxRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,4 +1,4 @@
 import type { InboxProps } from "./Inbox";
 export interface InboxLayoutProps extends InboxProps {
 }
-export declare const InboxLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -28,7 +28,7 @@ export interface MSTeamsRenderProps {
     selectedNode: Node | null;
     msteamsEditor: Editor | null;
 }
-export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -4,4 +4,4 @@ export interface MSTeamsLayoutProps extends MSTeamsProps {
 }
 export declare const MSTeamsEditorContainer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MSTeamsEditorMain: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MSTeamsLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MSTeamsLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -18,7 +18,7 @@ export interface PushRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,4 +1,4 @@
 import type { PushProps } from "./Push";
 export interface PushLayoutProps extends PushProps {
 }
-export declare const PushLayout: ({ hidePublish, theme, variables, channels, routing, ...rest }: PushLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, ...rest }: PushLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,7 @@ export interface SMSRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -1,4 +1,4 @@
 import type { SMSProps } from "./SMS";
 export interface SMSLayoutProps extends SMSProps {
 }
-export declare const SMSLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SMSLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -28,7 +28,7 @@ export interface SlackRenderProps {
     selectedNode: Node | null;
     slackEditor: Editor | null;
 }
-export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "disableVariablesAutocomplete" | "channels" | "routing" | "value" | "colorScheme">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

@@ -4,4 +4,4 @@ export interface SlackLayoutProps extends SlackProps {
 }
 export declare const SlackEditorContainer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const SlackEditorMain: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SlackLayout: ({ hidePublish, theme, variables, channels, routing, colorScheme, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlackLayout: ({ hidePublish, theme, variables, disableVariablesAutocomplete, channels, routing, colorScheme, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,13 @@
 import { type Channel, type ChannelType } from "@/store";
+import type { ElementalNode } from "@/types/elemental.types";
 import type { TemplateEditorProps } from "../TemplateEditor";
+export declare const getChannelDefaults: (type: ChannelType) => {
+    elements: ElementalNode[];
+    raw?: {
+        title?: string;
+        text?: string;
+    };
+};
 export declare const useChannels: ({ channels, routing, }: {
     /** @deprecated Use routing.channels instead. Will be removed in a future version. */
     channels?: ChannelType[];

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

@@ -1,4 +1,5 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { HTMLAttributes } from "react";
 import type { ChannelType } from "../../store";
 import type { BrandEditorProps } from "../BrandEditor";
@@ -8,8 +9,22 @@ export interface TemplateEditorProps extends Omit<HTMLAttributes<HTMLDivElement>
     theme?: Theme | string;
     value?: ElementalContent | null;
     onChange?: (value: ElementalContent) => void;
-    /** @deprecated The variables prop is no longer used. Users can now type any variable directly without autocomplete suggestions. */
+    /**
+     * Variables available for autocomplete suggestions.
+     * When provided, typing {{ will show a dropdown with matching variables.
+     */
     variables?: Record<string, unknown>;
+    /**
+     * When true, disables variable autocomplete and allows users to type any variable name.
+     * When false (default), shows autocomplete dropdown with variables from the `variables` prop.
+     * @default false
+     */
+    disableVariablesAutocomplete?: boolean;
+    /**
+     * Configuration for custom variable validation.
+     * Allows restricting which variable names are allowed and defining behavior on validation failure.
+     */
+    variableValidation?: VariableValidationConfig;
     hidePublish?: boolean;
     autoSave?: boolean;
     autoSaveDebounce?: number;

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

@@ -1,30 +1,18 @@
 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 { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
-export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
-export { useChannels } from "./Channels";
+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";
 export { SideBar as InboxSideBar } from "./Channels/Inbox/SideBar";
 export { MSTeamsSideBar } 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>>>;
 export declare const SMSChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").SMSProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const PushChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").PushProps & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const InboxChannel: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Channels").InboxProps & import("react").RefAttributes<HTMLDivElement>>>;
 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;
@@ -29,6 +30,15 @@ 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 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;
 };

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

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface BlockquoteFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const BlockquoteForm: ({ element, editor }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BlockquoteForm: ({ element, editor, hideCloseButton, }: BlockquoteFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface ButtonFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const ButtonForm: ({ element, editor }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ButtonForm: ({ element, editor, hideCloseButton }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface ColumnFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const ColumnForm: ({ element, editor }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ColumnForm: ({ element, editor, hideCloseButton }: ColumnFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/extensions/CustomCode/CustomCodeForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface CustomCodeFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const CustomCodeForm: ({ element, editor }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CustomCodeForm: ({ element, editor, hideCloseButton, }: CustomCodeFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/extensions/Divider/DividerForm.d.ts

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface DividerFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const DividerForm: ({ element, editor }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DividerForm: ({ element, editor, hideCloseButton }: DividerFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -3,5 +3,6 @@ import type { Editor } from "@tiptap/react";
 export interface ImageBlockFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const ImageBlockForm: ({ element, editor }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ImageBlockForm: ({ element, editor, hideCloseButton, }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,15 @@
+import { Node } from "@tiptap/core";
+import { defaultListProps, type ListProps } from "./List.types";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        list: {
+            setList: (props?: Partial<ListProps>) => ReturnType;
+            toggleList: () => ReturnType;
+            toggleOrderedList: () => ReturnType;
+            toggleUnorderedList: () => ReturnType;
+        };
+    }
+}
+export { defaultListProps };
+export declare const List: Node<any, any>;
+export default List;

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

@@ -0,0 +1,38 @@
+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";
+    id?: string | undefined;
+}>;
+export interface ListProps {
+    /** Whether the list is ordered (numbered) or unordered (bulleted) */
+    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 */
+    paddingHorizontal?: number;
+}
+export declare const defaultListProps: ListProps;

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

@@ -0,0 +1,12 @@
+import { type NodeViewProps } from "@tiptap/react";
+/**
+ * List NodeView component that renders the list.
+ *
+ * Uses SortableItemWrapper for proper drag-and-drop reordering,
+ * selection styling, and action buttons (duplicate, delete).
+ *
+ * When nested inside a blockquote, uses a simpler wrapper without
+ * drag handles or selection behavior to let the blockquote handle those.
+ */
+export declare const ListComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ListComponentNode;

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

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

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

@@ -0,0 +1,4 @@
+export { List, defaultListProps } from "./List";
+export { ListForm } from "./ListForm";
+export type { ListProps } from "./List.types";
+export { listSchema } from "./List.types";

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

@@ -0,0 +1,34 @@
+import { Node } from "@tiptap/core";
+import type { ListItemProps } from "./ListItem.types";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        listItem: {
+            /** Split the list item at the current cursor position */
+            splitListItem: (typeOrName: string) => ReturnType;
+            /** Lift the list item out of the list (outdent) */
+            liftListItem: (typeOrName: string) => ReturnType;
+            /** Sink the list item into a nested list (indent) */
+            sinkListItem: (typeOrName: string) => ReturnType;
+            /** Wrap selection in a list */
+            wrapInList: (typeOrName: string, attrs?: Record<string, unknown>) => ReturnType;
+        };
+    }
+}
+export declare const defaultListItemProps: ListItemProps;
+/**
+ * Custom ListItem extension with prosemirror-schema-list commands.
+ *
+ * Provides commands:
+ * - splitListItem: Split list item at cursor (creates new bullet)
+ * - liftListItem: Lift list item out of list (outdent)
+ * - sinkListItem: Sink list item into nested list (indent)
+ * - wrapInList: Wrap selection in a list
+ *
+ * Keyboard shortcuts:
+ * - Enter: Split list item (handled in List extension)
+ * - Tab: Sink list item (handled in List extension)
+ * - Shift-Tab: Lift list item (handled in List extension)
+ * - Shift-Enter: Add a hard break (new line within the paragraph)
+ */
+export declare const ListItem: Node<any, any>;
+export default ListItem;

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

@@ -0,0 +1,7 @@
+export interface ListItemProps {
+    /** Background color for the list item */
+    backgroundColor?: string;
+    /** Unique identifier for the list item node */
+    id?: string;
+}
+export declare const defaultListItemProps: ListItemProps;

package/dist/components/extensions/ListItem/ListItemComponent.d.ts

@@ -0,0 +1,7 @@
+import { type NodeViewProps } from "@tiptap/react";
+/**
+ * Simple ListItem NodeView that renders as a standard <li> element.
+ * Uses NodeViewContent to allow prosemirror to manage the content.
+ */
+export declare const ListItemComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ListItemComponentNode;

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

@@ -0,0 +1,2 @@
+export { ListItem, defaultListItemProps } from "./ListItem";
+export type { ListItemProps } from "./ListItem.types";

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

@@ -3,6 +3,7 @@ import type { Editor } from "@tiptap/react";
 interface TextBlockFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    hideCloseButton?: boolean;
 }
-export declare const TextBlockForm: ({ element, editor }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TextBlockForm: ({ element, editor, hideCloseButton }: TextBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,16 +1,20 @@
 import { Extension, Node } from "@tiptap/core";
-import type { VariableNodeOptions } from "./Variable.types";
+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>;
 /**
- * @deprecated Use `VariableInputRule` instead. This alias will be removed in a future major version.
+ * 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<any, any>;
+export declare const Variable: Extension<VariableOptions, any>;
 /**
- * @deprecated This extension has been removed. Variable conversion now happens via VariableInputRule.
+ * @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

@@ -8,28 +8,21 @@ export interface VariableNodeAttributes {
     isInvalid: boolean;
 }
 /**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
+ * 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;
 }
-/**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
- */
 export interface VariableCommandProps {
     editor: Editor;
     range: Range;
     props: string;
 }
-/**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
- */
 export interface VariableSuggestionProps {
     editor: Editor;
     range: Range;
@@ -42,10 +35,6 @@ export interface VariableSuggestionProps {
     }) => void;
     selected: number;
 }
-/**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
- */
 export interface VariableSuggestionsProps extends SuggestionProps {
     items: string[];
     command: (item: string) => void;

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

@@ -0,0 +1,7 @@
+interface VariableSuggestionsProps {
+    items: string[];
+    command: (item: string) => void;
+    selected: number;
+}
+export declare const VariableSuggestions: React.FC<VariableSuggestionsProps>;
+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/Variable/suggestion.d.ts

@@ -0,0 +1,2 @@
+import type { SuggestionOptions } from "@tiptap/suggestion";
+export declare const suggestion: Partial<SuggestionOptions>;

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

@@ -1,6 +1,11 @@
 import type { Node } from "@tiptap/pm/model";
-export declare const ExtensionKit: (options?: {
+export interface ExtensionKitOptions {
     setSelectedNode?: (node: Node) => void;
     shouldHandleClick?: () => boolean;
-}) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>)[];
+    /** 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

@@ -23,6 +23,8 @@ export { FixedChannelSelection } from "./FixedChannelSelection";
 export { Heading } from "./Heading";
 export { ImageBlock } from "./ImageBlock";
 export { Link } from "./Link";
+export { List } from "./List";
+export { ListItem } from "./ListItem";
 export { Paragraph } from "./Paragraph";
 export { Selection } from "./Selection";
 export { SlashMenu } from "./SlashMenu";

package/dist/components/ui/Blocks/ListBlock/ListBlock.d.ts

@@ -0,0 +1,2 @@
+import { type BlockBaseProps } from "../Block";
+export declare const ListBlock: ({ draggable }: Pick<BlockBaseProps, "draggable">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Blocks/ListBlock/index.d.ts

@@ -0,0 +1 @@
+export * from "./ListBlock";