@trycourier/react-designer 0.0.0-canary-20251219131027 → 0.0.0-canary-20251229151230

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

@@ -58,7 +58,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/List/List.d.ts

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

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

@@ -0,0 +1,9 @@
+export interface ListProps {
+    /** Whether the list is ordered (numbered) or unordered (bulleted) */
+    listType: "ordered" | "unordered";
+    /** Unique identifier for the list node */
+    id?: string;
+    /** Locale-specific content overrides */
+    locales?: Record<string, unknown>;
+}
+export declare const defaultListProps: ListProps;

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

@@ -0,0 +1,9 @@
+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).
+ */
+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,8 @@
+import type { Editor } from "@tiptap/core";
+import type { Node } from "@tiptap/pm/model";
+interface ListFormProps {
+    element: Node;
+    editor: Editor | null;
+}
+export declare const ListForm: ({ element, editor }: ListFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ListForm;

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

@@ -0,0 +1,3 @@
+export { List, defaultListProps } from "./List";
+export { ListForm } from "./ListForm";
+export type { ListProps } 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/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,3 @@
+import { type BlockBaseProps } from "../Block";
+export declare const ListBlockIcon: () => import("react/jsx-runtime").JSX.Element;
+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";

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

@@ -6,5 +6,6 @@ export * from "./CustomCodeBlock";
 export * from "./DividerBlock";
 export * from "./HeadingBlock";
 export * from "./ImageBlock";
+export * from "./ListBlock";
 export * from "./SpacerBlock";
 export * from "./TextBlock";

package/dist/components/ui/FormHeader/FormHeader.d.ts

@@ -1,5 +1,5 @@
 interface FormHeaderProps {
-    type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column";
+    type: "text" | "image" | "spacer" | "divider" | "button" | "blockquote" | "heading" | "customCode" | "column" | "list";
     label?: string;
 }
 export declare const FormHeader: ({ type }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/VariableEditor/VariableChipBase.d.ts

@@ -31,5 +31,7 @@ export interface VariableChipBaseProps {
     textColorOverride?: string;
     /** Custom color getter function (kept for API compatibility, colors handled by CSS) */
     getColors?: (isInvalid: boolean, hasValue: boolean) => VariableColors;
+    /** Whether the chip is read-only (prevents editing) */
+    readOnly?: boolean;
 }
 export declare const VariableChipBase: React.FC<VariableChipBaseProps>;