@trycourier/react-designer 0.0.0-canary-20251205172857 → 0.0.0-canary-20251207160907

package/dist/cjs/styles.css

@@ -1015,6 +1015,10 @@ body {
 .courier-m-6 {
   margin: 1.5rem;
 }
+.\!courier-my-1 {
+  margin-top: 0.25rem !important;
+  margin-bottom: 0.25rem !important;
+}
 .-courier-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;

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

@@ -3,5 +3,7 @@ import type { Editor } from "@tiptap/react";
 export interface SideBarItemDetailsProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    /** Whether to disable variable autocomplete suggestions in sidebar inputs */
+    disableVariableAutocomplete?: boolean;
 }
-export declare const SideBarItemDetails: ({ element, editor }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SideBarItemDetails: ({ element, editor, disableVariableAutocomplete, }: SideBarItemDetailsProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -3,6 +3,8 @@ import type { Editor } from "@tiptap/react";
 interface ButtonFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    /** Whether to disable variable autocomplete suggestions */
+    disableVariableAutocomplete?: boolean;
 }
-export declare const ButtonForm: ({ element, editor }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ButtonForm: ({ element, editor, disableVariableAutocomplete, }: ButtonFormProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -3,5 +3,7 @@ import type { Editor } from "@tiptap/react";
 export interface ImageBlockFormProps {
     element?: ProseMirrorNode;
     editor: Editor | null;
+    /** Whether to disable variable autocomplete suggestions */
+    disableVariableAutocomplete?: boolean;
 }
-export declare const ImageBlockForm: ({ element, editor }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ImageBlockForm: ({ element, editor, disableVariableAutocomplete, }: ImageBlockFormProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -5,5 +5,7 @@ export interface TextInputProps extends Omit<React.ComponentProps<"input">, "as"
     autoResize?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Whether to disable variable autocomplete suggestions */
+    disableVariableAutocomplete?: boolean;
 }
 export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type VariableEditorBaseProps } from "./shared";
+export interface VariableInputProps extends VariableEditorBaseProps {
+    /** Whether the input is read-only */
+    readOnly?: boolean;
+}
+/**
+ * A single-line input that renders {{variable}} patterns as styled chips.
+ * Uses a minimal TipTap editor under the hood for rich content rendering.
+ */
+export declare const VariableInput: React.ForwardRefExoticComponent<VariableInputProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariableEditorBaseProps } from "./shared";
+export interface VariableTextareaProps extends VariableEditorBaseProps {
+}
+/**
+ * A textarea-like input that renders {{variable}} patterns as styled chips.
+ * Uses a minimal TipTap editor under the hood for rich content rendering.
+ */
+export declare const VariableTextarea: React.ForwardRefExoticComponent<VariableTextareaProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,6 @@
+export { VariableTextarea } from "./VariableTextarea";
+export type { VariableTextareaProps } from "./VariableTextarea";
+export { VariableInput } from "./VariableInput";
+export type { VariableInputProps } from "./VariableInput";
+export { parseStringToContent, contentToString, SimpleVariableNode, SimpleVariableView, VariableChipIcon, } from "./shared";
+export type { VariableEditorBaseProps } from "./shared";

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

@@ -0,0 +1,51 @@
+import { Node } from "@tiptap/core";
+import type { Content, JSONContent } from "@tiptap/core";
+import type { NodeViewProps } from "@tiptap/react";
+import * as React from "react";
+/**
+ * Simple variable icon for the chip
+ */
+export declare const VariableChipIcon: React.FC<{
+    color?: string;
+}>;
+/**
+ * Standalone variable view component
+ * Does not depend on external jotai stores
+ */
+export declare const SimpleVariableView: React.FC<NodeViewProps>;
+/**
+ * Custom VariableNode that uses SimpleVariableView
+ * Used in VariableInput and VariableTextarea components
+ */
+export declare const SimpleVariableNode: Node<any, any>;
+/**
+ * Parses a string with {{variable}} syntax into TipTap JSON content
+ */
+export declare function parseStringToContent(text: string): Content;
+/**
+ * Converts TipTap JSON content back to string with {{variable}} syntax
+ */
+export declare function contentToString(doc: JSONContent): string;
+/**
+ * Base props shared between VariableInput and VariableTextarea
+ */
+export interface VariableEditorBaseProps {
+    /** The current value with {{variable}} syntax */
+    value?: string;
+    /** Called when the value changes */
+    onChange?: (value: string) => void;
+    /** List of available variable names for autocomplete */
+    variables?: string[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether to disable variable autocomplete suggestions */
+    disableVariableAutocomplete?: boolean;
+    /** Called when the input gains focus */
+    onFocus?: () => void;
+    /** Called when the input loses focus */
+    onBlur?: () => void;
+}