@trycourier/react-designer 0.0.7 → 0.0.9

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

@@ -6,10 +6,10 @@ export interface BasicProviderProps {
     token: string;
 }
 export interface ImageUploadConfig {
-    file: File;
+    file: Blob;
     onProgress?: (progress: number) => void;
 }
 export interface ImageUploadResponse {
     url: string;
 }
-export type UploadImageFunction = (config: ImageUploadConfig) => Promise<ImageUploadResponse>;
+export type UploadImageFunction = ((file: Blob) => Promise<string>) | ((file: File) => Promise<string>) | ((config: ImageUploadConfig) => Promise<ImageUploadResponse>);

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

@@ -1,15 +1,19 @@
 import type { BasicProviderProps, UploadImageFunction } from "./Providers.types";
-import { type TemplateActions, type MessageRouting } from "./store";
+export declare const useTemplateStore: () => {
+    store: {
+        get: <Value>(atom: import("jotai").Atom<Value>) => Value;
+        set: <Value, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value, Args, Result>, ...args: Args) => Result;
+        sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
+    } | ({
+        get: <Value>(atom: import("jotai").Atom<Value>) => Value;
+        set: <Value, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value, Args, Result>, ...args: Args) => Result;
+        sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
+    } & import("jotai/vanilla/store").INTERNAL_DevStoreRev4);
+};
+export declare const useUploadImage: () => UploadImageFunction | null;
 type TemplateProviderProps = BasicProviderProps & {
     templateId: string;
-    getTemplate?: (actions: TemplateActions) => Promise<void>;
-    saveTemplate?: (actions: TemplateActions, options?: MessageRouting) => Promise<void>;
     uploadImage?: UploadImageFunction;
 };
-export declare const overrideFunctions: {
-    getTemplate: TemplateProviderProps["getTemplate"] | null;
-    saveTemplate: TemplateProviderProps["saveTemplate"] | null;
-    uploadImage: TemplateProviderProps["uploadImage"] | null;
-};
 export declare const TemplateProvider: import("react").NamedExoticComponent<TemplateProviderProps>;
 export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,6 @@
 export { BrandProvider } from "./BrandProvider";
 export * from "./store";
-export { TemplateProvider } from "./TemplateProvider";
+export { TemplateProvider, useTemplateStore } from "./TemplateProvider";
 export { useBrandActions } from "./useBrandActions";
 export { useTemplateActions } from "./useTemplateActions";
 export { useImageUpload } from "./useImageUpload";

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

@@ -72,15 +72,6 @@ export interface TenantData {
     };
     [key: string]: unknown;
 }
-export declare const editorStore: {
-    get: <Value>(atom: import("jotai").Atom<Value>) => Value;
-    set: <Value, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value, Args, Result>, ...args: Args) => Result;
-    sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
-} | ({
-    get: <Value>(atom: import("jotai").Atom<Value>) => Value;
-    set: <Value, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value, Args, Result>, ...args: Args) => Result;
-    sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
-} & import("jotai/vanilla/store").INTERNAL_DevStoreRev4);
 export declare const apiUrlAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };
@@ -132,13 +123,3 @@ export interface TemplateActions {
     createCustomError: (message: string, details?: Record<string, unknown>) => TemplateError;
     convertLegacyError: (error: string | TemplateError) => TemplateError;
 }
-export declare const getTemplateOverrideAtom: import("jotai").PrimitiveAtom<((options?: {
-    includeBrand?: boolean;
-}) => Promise<void>) | null> & {
-    init: ((options?: {
-        includeBrand?: boolean;
-    }) => Promise<void>) | null;
-};
-export declare const saveTemplateOverrideAtom: import("jotai").PrimitiveAtom<((actions: TemplateActions, options?: MessageRouting) => Promise<void>) | null> & {
-    init: ((actions: TemplateActions, options?: MessageRouting) => Promise<void>) | null;
-};

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

@@ -1,10 +1,9 @@
 import { type TemplateError } from "@/lib/utils/errors";
-import { type MessageRouting } from "./store";
 export declare function useBrandActions(): {
     getTemplate: (options?: {
         includeBrand?: boolean;
-    }) => Promise<void>;
-    saveTemplate: (options?: MessageRouting) => Promise<void>;
+    } | undefined) => Promise<void>;
+    saveTemplate: (routing?: import("./store").MessageRouting | undefined) => Promise<any>;
     saveBrand: (settings?: Record<string, unknown> | undefined) => Promise<any>;
     publishBrand: () => Promise<any>;
     isTemplateLoading: boolean | null;

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

@@ -1,10 +1,9 @@
 import { type TemplateError } from "@/lib/utils/errors";
-import { type MessageRouting } from "./store";
 export declare function useTemplateActions(): {
     getTemplate: (options?: {
         includeBrand?: boolean;
-    }) => Promise<void>;
-    saveTemplate: (options?: MessageRouting) => Promise<void>;
+    } | undefined) => Promise<void>;
+    saveTemplate: (routing?: import("./store").MessageRouting | undefined) => Promise<any>;
     publishTemplate: () => Promise<any>;
     isTemplateLoading: boolean | null;
     setIsTemplateLoading: (args_0: boolean | ((prev: boolean | null) => boolean | null) | null) => void;

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

@@ -5,6 +5,7 @@ import type { UniqueIdentifier } from "@dnd-kit/core";
 import type { SortingStrategy } from "@dnd-kit/sortable";
 import type { Node } from "@tiptap/pm/model";
 import type { Editor } from "@tiptap/react";
+import type { HTMLAttributes } from "react";
 import type { MessageRouting, TenantData } from "../../../Providers/store";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 interface BrandSettingsData {
@@ -20,7 +21,7 @@ interface BrandSettingsData {
     mediumLink?: string;
     xLink?: string;
 }
-export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "theme" | "routing" | "value"> {
+export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "brandEditor" | "channels" | "variables" | "theme" | "routing" | "value" | "dataMode">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     isLoading?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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, }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmailLayout: ({ variables, theme, isLoading, hidePublish, channels, brandEditor, routing, dataMode, ...rest }: EmailLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,6 +4,7 @@ import type { TiptapDoc } from "@/lib/utils";
 import type { ChannelType } from "@/store";
 import type { ElementalNode } from "@/types/elemental.types";
 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 InboxConfig: TextMenuConfig;
@@ -20,7 +21,7 @@ export interface InboxRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value"> {
+export interface InboxProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

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

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, }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxLayout: ({ hidePublish, theme, variables, channels, routing, ...rest }: InboxLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,7 @@ import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
 import type { ChannelType } from "@/store";
 import type { AnyExtension, Editor } from "@tiptap/react";
+import type { HTMLAttributes } from "react";
 import type { TemplateEditorProps } from "../../TemplateEditor";
 export declare const PushEditorContent: ({ value }: {
     value?: TiptapDoc | null;
@@ -16,7 +17,7 @@ export interface PushRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value"> {
+export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

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

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, }: PushLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushLayout: ({ hidePublish, theme, variables, channels, routing, ...rest }: PushLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
 import type { AnyExtension, Editor } from "@tiptap/react";
+import type { HTMLAttributes } from "react";
 import type { MessageRouting } from "../../../Providers/store";
 import type { ChannelType } from "@/store";
 import type { TemplateEditorProps } from "../../TemplateEditor";
@@ -21,7 +22,7 @@ export interface SMSRenderProps {
         editor: Editor;
     }) => void;
 }
-export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value"> {
+export interface SMSProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value" | "dataMode">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
     readOnly?: boolean;
     headerRenderer?: ({ hidePublish, channels, routing, }: {
         hidePublish?: boolean;

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

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

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 }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SMSLayout: ({ hidePublish, theme, variables, channels, routing, dataMode, ...rest }: SMSLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,9 +1,10 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { HTMLAttributes } from "react";
 import type { ChannelType } from "../../store";
 import type { BrandEditorProps } from "../BrandEditor";
 import { type MessageRouting } from "../Providers/store";
 import type { Theme } from "../ui-kit/ThemeProvider/ThemeProvider.types";
-export interface TemplateEditorProps {
+export interface TemplateEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "autoSave" | "value" | "onChange"> {
     theme?: Theme | string;
     value?: ElementalContent | null;
     onChange?: (value: ElementalContent) => void;
@@ -16,5 +17,6 @@ export interface TemplateEditorProps {
     /** @deprecated Use routing.channels instead. Will be removed in a future version. */
     channels?: ChannelType[];
     routing?: MessageRouting;
+    dataMode?: "light" | "dark";
 }
 export declare const TemplateEditor: import("react").NamedExoticComponent<TemplateEditorProps>;

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

@@ -1,7 +1,7 @@
 export { BrandFooter } from "@/components/BrandEditor/Editor/BrandFooter";
 export { PreviewPanel } from "@/components/ui/PreviewPanel";
 export { TextMenu } from "@/components/ui/TextMenu";
-export { cn } from "@/lib/utils";
+export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
 export { SortableContext } from "@dnd-kit/sortable";
 export { useChannels } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";
@@ -19,3 +19,5 @@ export { ChannelRootContainer, EditorSidebar } from "./Layout";
 export { InboxEditor, PushEditor, SMSEditor } from "./Channels";
 export { useAutoSave } from "@/hooks/useAutoSave";
 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

@@ -21,3 +21,6 @@ export declare const brandEditorAtom: import("jotai").PrimitiveAtom<Editor | nul
 export declare const isTemplateTransitioningAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
+export declare const isSidebarExpandedAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};

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

@@ -0,0 +1,11 @@
+import { Node } from "@tiptap/core";
+import type { CustomCodeProps } from "./CustomCode.types";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        customCode: {
+            setCustomCode: (props: Partial<CustomCodeProps>) => ReturnType;
+        };
+    }
+}
+export declare const defaultCustomCodeProps: CustomCodeProps;
+export declare const CustomCode: Node<any, any>;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import { z } from "zod";
+export declare const customCodeSchema: z.ZodObject<{
+    code: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    code: string;
+}, {
+    code: string;
+}>;
+export interface CustomCodeProps {
+    code: string;
+}

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

@@ -0,0 +1,9 @@
+import { type NodeViewProps } from "@tiptap/react";
+import React from "react";
+import type { CustomCodeProps } from "./CustomCode.types";
+export declare const CustomCodeComponent: React.FC<CustomCodeProps & {
+    nodeKey?: string;
+    selected?: boolean;
+    updateAttributes?: (attrs: Partial<CustomCodeProps>) => void;
+}>;
+export declare const CustomCodeComponentNode: (props: NodeViewProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,22 @@
+import React from "react";
+import type { Monaco } from "@monaco-editor/react";
+import type { editor } from "monaco-editor";
+export type HTMLValidator = (code: string, editor: editor.IStandaloneCodeEditor, monaco: Monaco) => boolean;
+interface MonacoCodeEditorProps {
+    code: string;
+    onSave: (code: string) => void;
+    onCancel: () => void;
+    onValidationChange?: (isValid: boolean) => void;
+    validator?: HTMLValidator;
+}
+/**
+ * Default HTML validator using Monaco's markers and DOMParser
+ * Checks for:
+ * - Monaco language service errors
+ * - Incomplete/malformed tags
+ * - Mismatched angle brackets
+ * - Unclosed tags
+ */
+export declare const defaultHTMLValidator: HTMLValidator;
+export declare const MonacoCodeEditor: React.FC<MonacoCodeEditorProps>;
+export {};

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

@@ -0,0 +1,6 @@
+export { CustomCode, defaultCustomCodeProps } from "./CustomCode";
+export { CustomCodeComponent, CustomCodeComponentNode } from "./CustomCodeComponent";
+export { MonacoCodeEditor } from "./MonacoCodeEditor";
+export { CustomCodeForm } from "./CustomCodeForm";
+export type { CustomCodeProps } from "./CustomCode.types";
+export { customCodeSchema } from "./CustomCode.types";

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

@@ -10,6 +10,7 @@ export { StarterKit } from "@tiptap/starter-kit";
 export { Blockquote } from "./Blockquote";
 export { Button } from "./Button";
 export { ButtonRow } from "./ButtonRow";
+export { CustomCode } from "./CustomCode";
 export { Divider } from "./Divider";
 export { Document } from "./Document";
 export * from "./DragPlaceholder";

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

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

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

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

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

@@ -1,6 +1,7 @@
 export * from "./Block";
 export * from "./BlockquoteBlock";
 export * from "./ButtonBlock";
+export * from "./CustomCodeBlock";
 export * from "./DividerBlock";
 export * from "./HeadingBlock";
 export * from "./ImageBlock";

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

@@ -5,3 +5,4 @@ export declare const ButtonElementIcon: ({ ...props }: IconProps) => import("rea
 export declare const ImageElementIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DividerElementIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
 export declare const VariableElementIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomCodeElementIcon: ({ ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,9 +1,11 @@
 import type { Theme } from "@/components/ui-kit/ThemeProvider/ThemeProvider.types";
-export interface MainLayoutProps {
+import { type HTMLAttributes } from "react";
+export interface MainLayoutProps extends HTMLAttributes<HTMLDivElement> {
     theme?: Theme | string;
     children: React.ReactNode;
     isLoading?: boolean;
     SideBar?: React.ReactNode;
     Header?: React.ReactNode;
+    dataMode?: "light" | "dark";
 }
 export declare const MainLayout: import("react").ForwardRefExoticComponent<MainLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui-kit/Icon/RightToLineIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from "./Icon";
+export declare const RightToLineIcon: ({ color, width, height, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default RightToLineIcon;

package/dist/components/ui-kit/Icon/index.d.ts

@@ -42,6 +42,7 @@ export { QuoteIcon } from "./QuoteIcon";
 export { RemoveFormattingIcon } from "./RemoveFormattingIcon";
 export { RightAlignIcon } from "./RightAlignIcon";
 export { RightArrowIcon } from "./RightArrowIcon";
+export { RightToLineIcon } from "./RightToLineIcon";
 export { SignalIcon } from "./SignalIcon";
 export { SMSIcon } from "./SMSIcon";
 export { StrikethroughIcon } from "./StrikethroughIcon";

package/dist/components/ui-kit/ThemeProvider/ThemeProvider.d.ts

@@ -3,6 +3,8 @@ import type { Theme } from "./ThemeProvider.types";
 interface ThemeProviderProps {
     children: ReactNode;
     theme?: Theme | string;
+    dataMode?: "light" | "dark";
+    className?: string;
 }
 export declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const useTheme: () => Theme;

package/dist/components/ui-kit/ThemeProvider/ThemeProvider.types.d.ts

@@ -1,4 +1,5 @@
 export interface Theme {
+    colorScheme?: "light" | "dark";
     background?: string;
     foreground?: string;
     muted?: string;
@@ -21,3 +22,5 @@ export interface Theme {
     radius?: string;
 }
 export declare const defaultTheme: Theme;
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;

package/dist/esm/index.css

@@ -1,2 +1,2 @@
-.ProseMirror{h1{@apply courier-text-3xl;}h2{@apply courier-text-2xl;}h3{@apply courier-text-xl;}h4{@apply courier-text-lg;}h5{@apply courier-text-base;}h6{@apply courier-text-sm;}h1,h2,h3,h4,h5,h6{@apply courier-font-bold first:courier-mt-0 last:courier-mb-0;}h1,h2,h3{@apply courier-mt-12;}h4,h5,h6{@apply courier-mt-8;}a.link{@apply courier-text-blue-700 courier-underline;}mark{@apply courier-bg-red-500 courier-rounded-sm courier-decoration-clone courier-text-inherit courier-py-1 courier-px-0 dark:courier-bg-red-400;}& img{@apply courier-h-auto courier-w-full courier-max-w-full;}[data-type=divider]{@apply courier-py-4 courier-transition-all courier-duration-100 courier-ease-in-out courier-cursor-pointer;&.ProseMirror-selectednode{@apply courier-bg-black/5 dark:courier-bg-white/10;hr{@apply courier-border-t-black/30 dark:courier-border-t-white/30;}}hr{@apply courier-border-0 courier-border-t courier-border-black/20 courier-bg-black/80 courier-m-0 courier-h-px;@apply dark:courier-border-white/20 dark:courier-bg-white/80;}}[data-type=emoji]{display:inline-block;img{width:1em;height:1em;object-fit:cover;display:block}}}.lightTheme{--background: #ffffff;--foreground: #292929;--muted: #D9D9D9;--muted-foreground: #A3A3A3;--popover: #ffffff;--popover-foreground: #292929;--border: #DCDEE4;--input: #DCDEE4;--card: #FAF9F8;--card-foreground: #292929;--primary: #ffffff;--primary-foreground: #696F8C;--secondary: #F5F5F5;--secondary-foreground: #171717;--accent: #E5F3FF;--accent-foreground: #1D4ED8;--destructive: #292929;--destructive-foreground: #FF3363;--ring: #80849D;--radius: 6px}.ProseMirror{>*:first-child,[data-type=column]>*{@apply first:courier-mt-0 last:courier-mb-0;}>*+*{margin-top:.75em}.node-imageUpload{@apply courier-rounded courier-border-2 courier-border-dotted courier-border-black courier-border-opacity-10 courier-p-2 dark:courier-border-neutral-500;transition:border .16s cubic-bezier(.45,.05,.55,.95);&:hover{@apply courier-border-opacity-30;}&:has(.is-active),&.has-focus{@apply courier-border-opacity-40;}}[data-type=columns]{&.has-focus [data-type=column],&:hover [data-type=column]{@apply courier-border-neutral-300 dark:courier-border-neutral-700;}[data-type=column].has-focus{@apply courier-border-neutral-400 dark:courier-border-neutral-600;}}[data-type=column]{@apply courier-rounded courier-border-2 courier-border-dotted courier-border-transparent courier-p-1;transition:border .16s cubic-bezier(.45,.05,.55,.95);&:hover{@apply courier-border-neutral-100 dark:courier-border-neutral-900;}&:has(.is-active),&.has-focus{@apply courier-border-neutral-100 dark:courier-border-neutral-900;}}.node-imageBlock{& img{@apply courier-border-2 courier-border-transparent courier-rounded-xl courier-overflow-hidden;}&:hover img{@apply courier-border-2 courier-border-neutral-100 dark:courier-border-neutral-900;}&:has(.is-active) img,&.has-focus img{@apply courier-border-2 courier-border-neutral-800 dark:courier-border-neutral-200;}}.node-aiWriter,.node-aiImage,.node-tableOfContentsNode{&.has-focus [data-node-view-wrapper]>*{@apply courier-shadow-[0_0_0_2px] courier-shadow-black/30 dark:courier-shadow-white/30 courier-transition-all courier-rounded-lg;}}.ProseMirror-gapcursor+.node-imageBlock,.ProseMirror-gapcursor+.node-imageUpload,.ProseMirror-gapcursor+.node-blockquote{@apply courier-outline-neutral-700 hover:courier-outline-neutral-600 dark:courier-outline-neutral-300 dark:hover:courier-outline-neutral-400;}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes pop{0%{transform:scale(1);box-shadow:var(--box-shadow)}to{transform:scale(var(--scale));box-shadow:var(--box-shadow-picked-up)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightTheme{height:100%}@layer base{*{@apply courier-border-border courier-outline-ring;}body{@apply courier-font-sans courier-antialiased courier-bg-background courier-text-foreground;}}.courier-main-layout{@apply courier-relative courier-flex-grow courier-rounded-sm courier-border courier-border-border courier-bg-card courier-flex courier-flex-col courier-text-foreground courier-min-w-[812px] courier-min-h-[600px] courier-overflow-hidden courier-z-10;&:before{@apply courier-absolute courier-inset-0 -courier-z-10;content:"";background:radial-gradient(#0A0A0A32 1px,transparent 1px);background-size:15px 15px}}.courier-editor-container{@apply courier-relative courier-flex-1 courier-flex courier-flex-col courier-p-6 courier-overflow-y-auto courier-transition-all courier-duration-300 courier-ease-in-out;}.courier-editor-sidebar{@apply courier-rounded-br-sm courier-border-border courier-bg-white courier-border-l courier-overflow-y-auto courier-transition-all courier-duration-300 courier-ease-in-out;}.courier-editor-loading{@apply courier-w-full courier-h-full courier-flex courier-items-center courier-justify-center courier-grow courier-z-50 courier-absolute courier-top-0 courier-left-0 courier-right-0 courier-bottom-0 courier-bg-card;}.courier-brand-editor-readonly{@apply courier-pointer-events-none;.ProseMirror{@apply courier-cursor-default courier-p-0;.react-renderer{@apply courier-cursor-default;&.node-paragraph{p{@apply courier-text-sm;}.is-empty{p{&:after{content:""}}}}.draggable-item{@apply courier-p-0;}}}}.courier-theme-editor-main{@apply courier-bg-white courier-rounded-lg courier-border courier-border-border courier-shadow-sm courier-max-w-2xl courier-select-none courier-self-center courier-w-full;>div{@apply courier-w-full;.ProseMirror{@apply courier-p-0;.react-renderer{&.node-paragraph{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}p{@apply courier-text-sm;}.is-empty{p{&:after{content:"Write footer text..."}}}&:hover{.draggable-item{>button{@apply courier-hidden;}}}.draggable-item{@apply courier-p-0;}}}}}}.courier-editor-main{@apply courier-relative courier-bg-white courier-rounded-lg courier-border courier-border-border courier-shadow-sm courier-max-w-2xl courier-select-none courier-self-center courier-w-full;>div{@apply courier-w-full;}}.courier-editor-preview-mode,.courier-editor-readonly{&.courier-editor-preview-mode-mobile{.courier-editor-main{@apply courier-max-w-sm;&:hover{>button{@apply courier-hidden;}}}}.ProseMirror{@apply courier-pointer-events-none;>.react-renderer{&.node-imageBlock,&.node-button,&.node-divider,&.node-paragraph,&.node-heading,&.node-blockquote,&.node-buttonRow{*{@apply courier-cursor-default courier-pointer-events-none;}[data-cypress=draggable-handle]{@apply courier-hidden;}.selected-element{.courier-actions-panel{@apply courier-hidden;}.node-element{&:before{@apply courier-hidden;}}}&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div,>hr,&.courier-empty-image{&:before{@apply courier-hidden;}}}}}&.node-imageBlock{.courier-empty-image{@apply courier-hidden;}}&.node-paragraph,&.node-blockquote{.is-empty{p,blockquote{&:after{@apply courier-hidden;}}}}&.node-heading{.is-empty{h1,h2,h3{&:after{@apply courier-hidden;}}}}}}}.courier-sms-editor{@apply courier-flex courier-flex-col courier-py-2 courier-rounded-lg courier-bg-card courier-m-6 courier-mr-14 courier-mt-10;.ProseMirror{@apply courier-p-0;>.react-renderer{.draggable-item{@apply courier-px-4;}&.node-paragraph{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}}&:hover{.draggable-item{@apply courier-px-4;}[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div{&:before{@apply courier-hidden;}}}}}}}.courier-push-editor{@apply courier-py-2 courier-pr-4 courier-rounded-lg courier-bg-card courier-m-6 courier-relative;&:before{content:"now";@apply courier-absolute courier-top-3 courier-right-3 courier-z-10 courier-text-xs courier-text-gray-500;}.ProseMirror{@apply courier-p-0 courier-gap-0.5 courier-flex courier-flex-col;>.react-renderer{.node-element{>div{@apply !courier-p-0;}h2,p{@apply courier-text-sm;}}.draggable-item{@apply courier-px-4;}&.node-paragraph,&.node-heading{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}}&:hover{.draggable-item{@apply courier-px-4;}[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div{&:before{@apply courier-hidden;}}}}}}}.courier-inbox-editor{@apply courier-overflow-auto courier-flex-1 courier-border-y courier-border-border;max-height:calc(90% - 56px);.ProseMirror{@apply courier-p-4 courier-pr-10 courier-gap-0.5 courier-flex courier-flex-col;&:before{content:"now";@apply courier-absolute courier-top-4 courier-right-4 courier-z-10 courier-text-sm courier-text-gray-500;}>.react-renderer{.node-element{>div{@apply !courier-p-0;}h2,p{@apply courier-text-sm;}}&.node-button{@apply courier-mt-2;.node-element{>div{>div{@apply courier-py-1 courier-px-2 courier-text-sm;}}}}&.node-buttonRow{@apply courier-mt-2;.draggable-item{justify-content:flex-start!important}[data-cypress=draggable-handle]{@apply courier-hidden;}}.draggable-item{@apply courier-p-0;}&.node-paragraph,&.node-heading,&.node-buttonRow{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}}&:hover{[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div{&:before{@apply courier-hidden;}}}}}}}.ProseMirror{@apply courier-caret-black dark:courier-caret-white courier-outline-0 courier-pr-10 courier-pl-4 courier-py-10 courier-z-0 lg:courier-pl-2 lg:courier-pr-10 courier-max-w-2xl courier-h-full;.selection{@apply courier-inline;}.selection,*::selection{@apply courier-bg-black/10 dark:courier-bg-white/20 courier-inline;}>.react-renderer{@apply courier-my-12 first:courier-mt-0 last:courier-mb-0;&.node-divider{@apply courier-flex courier-flex-col courier-justify-center;}&.node-variable{@apply courier-inline-block courier-m-0;}&.node-dragPlaceholder{@apply courier-m-0;}&.node-paragraph{@apply courier-m-0;&:focus,&:focus-visible{outline:none}}&.node-paragraph,&.node-blockquote{p{>div{@apply courier-block courier-relative courier-cursor-text;&[contenteditable=true]{outline:none;caret-color:currentColor}}}.is-empty{p,blockquote{position:relative;&:after{content:"Write body text...";@apply courier-absolute courier-top-0 courier-left-0 courier-text-neutral-500 dark:courier-text-neutral-400 -courier-z-10;}}}}&.node-heading{h1,h2,h3{>div{@apply courier-block courier-relative courier-cursor-text;&[contenteditable=true]{outline:none;caret-color:currentColor}}}.is-empty{h1,h2,h3{position:relative;&:after{content:"Write heading...";@apply courier-absolute courier-top-0 courier-left-0 courier-text-neutral-500 dark:courier-text-neutral-400 -courier-z-10;}}}}&.node-imageBlock,&.node-button,&.node-divider,&.node-paragraph,&.node-heading,&.node-blockquote{@apply courier-m-0 courier-relative;[data-cypress=draggable-handle]{@apply courier-invisible;}&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-visible;}.node-element{>div,>hr,&.courier-empty-image{&:before{@apply courier-left-[-12px] courier-right-[-12px] courier-top-0 courier-bottom-0 courier-rounded-md courier-border-2 courier-border-border courier-absolute courier-content-[""];}}}}.node-element{@apply courier-relative;&:focus,&:focus-visible{outline:none}}.selected-element{.node-element{@apply courier-relative courier-z-20;&:before{@apply courier-left-[-12px] courier-right-[-12px] courier-top-0 courier-bottom-0 courier-rounded-md courier-border courier-border-[#0085FF] courier-absolute courier-content-[""] -courier-z-10;}.node-element{&:before{@apply courier-hidden;}}}.courier-actions-panel{@apply courier-block;}}}&.node-blockquote{@apply courier-m-0;@apply courier-text-foreground;@apply dark:courier-text-white;&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-visible;}.node-element{&:before{@apply courier-left-[-12px] courier-right-[-12px] courier-top-0 courier-bottom-0 courier-rounded-md !courier-border-2 !courier-border-border courier-absolute courier-content-[""] -courier-z-20;}>div{&:before{@apply courier-hidden;}}.node-element{&:before{@apply courier-hidden;}}}.selected-element{.node-element{.node-element{&:before{@apply courier-hidden -courier-z-20;}}}}}}}&.resize-cursor{@apply courier-cursor-col-resize;}.ProseMirror-gapcursor{@apply courier-relative courier-w-full courier-max-w-2xl courier-mx-auto;&:after{@apply courier-border-t-black/40 dark:courier-border-t-white/40 courier-w-full courier-top-[-1.5em] courier-max-w-2xl courier-mx-auto courier-left-0 courier-right-0;}}}[data-theme=slash-command]{@apply courier-w-full;}.tiptap{outline:none;:first-child{margin-top:0}ul,ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem;li p{margin-top:.25em;margin-bottom:.25em}}h1,h2,h3,h4,h5,h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}h1,h2{margin-top:3.5rem;margin-bottom:1.5rem}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4,h5,h6{font-size:1rem}code{background-color:var(--purple-light);border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem;code{background:none;color:inherit;font-size:.8rem;padding:0}}}@layer utilities{.animate-pop{animation:pop .2s cubic-bezier(.18,.67,.6,1.22)}.animate-fadeIn{animation:fadeIn .5s ease}.touch-transparent{-webkit-tap-highlight-color:transparent}.courier-editor-preview-mode{&.courier-main-content{flex-grow:1;width:100%}>div:last-child{width:0}}}
+.ProseMirror{h1{@apply courier-text-3xl;}h2{@apply courier-text-2xl;}h3{@apply courier-text-xl;}h4{@apply courier-text-lg;}h5{@apply courier-text-base;}h6{@apply courier-text-sm;}h1,h2,h3,h4,h5,h6{@apply courier-font-bold first:courier-mt-0 last:courier-mb-0;}h1,h2,h3{@apply courier-mt-12;}h4,h5,h6{@apply courier-mt-8;}a.link{@apply courier-text-blue-700 courier-underline;}mark{@apply courier-bg-red-500 courier-rounded-sm courier-decoration-clone courier-text-inherit courier-py-1 courier-px-0 dark:courier-bg-red-400;}& img{@apply courier-h-auto courier-w-full courier-max-w-full;}[data-type=divider]{@apply courier-py-4 courier-transition-all courier-duration-100 courier-ease-in-out courier-cursor-pointer;&.ProseMirror-selectednode{@apply courier-bg-black/5 dark:courier-bg-white/10;hr{@apply courier-border-t-black/30 dark:courier-border-t-white/30;}}hr{@apply courier-border-0 courier-border-t courier-border-black/20 courier-bg-black/80 courier-m-0 courier-h-px;@apply dark:courier-border-white/20 dark:courier-bg-white/80;}}[data-type=emoji]{display:inline-block;img{width:1em;height:1em;object-fit:cover;display:block}}}.theme-container{--color-scheme: light;--background: #ffffff;--foreground: #404040;--muted: #D9D9D9;--muted-foreground: #A3A3A3;--popover: #ffffff;--popover-foreground: #292929;--border: #DCDEE4;--input: #DCDEE4;--card: #FAF9F8;--card-foreground: #292929;--primary: #ffffff;--primary-foreground: #696F8C;--secondary: #F5F5F5;--secondary-foreground: #171717;--accent: #E5F3FF;--accent-foreground: #1D4ED8;--destructive: #292929;--destructive-foreground: #FF3363;--ring: #80849D;--radius: 6px}.ProseMirror{>*:first-child,[data-type=column]>*{@apply first:courier-mt-0 last:courier-mb-0;}>*+*{margin-top:.75em}.node-imageUpload{@apply courier-rounded courier-border-2 courier-border-dotted courier-border-black courier-border-opacity-10 courier-p-2 dark:courier-border-neutral-500;transition:border .16s cubic-bezier(.45,.05,.55,.95);&:hover{@apply courier-border-opacity-30;}&:has(.is-active),&.has-focus{@apply courier-border-opacity-40;}}[data-type=columns]{&.has-focus [data-type=column],&:hover [data-type=column]{@apply courier-border-neutral-300 dark:courier-border-neutral-700;}[data-type=column].has-focus{@apply courier-border-neutral-400 dark:courier-border-neutral-600;}}[data-type=column]{@apply courier-rounded courier-border-2 courier-border-dotted courier-border-transparent courier-p-1;transition:border .16s cubic-bezier(.45,.05,.55,.95);&:hover{@apply courier-border-neutral-100 dark:courier-border-neutral-900;}&:has(.is-active),&.has-focus{@apply courier-border-neutral-100 dark:courier-border-neutral-900;}}.node-imageBlock{& img{@apply courier-border-2 courier-border-transparent courier-rounded-xl courier-overflow-hidden;}&:hover img{@apply courier-border-2 courier-border-neutral-100 dark:courier-border-neutral-900;}&:has(.is-active) img,&.has-focus img{@apply courier-border-2 courier-border-neutral-800 dark:courier-border-neutral-200;}}.node-aiWriter,.node-aiImage,.node-tableOfContentsNode{&.has-focus [data-node-view-wrapper]>*{@apply courier-shadow-[0_0_0_2px] courier-shadow-black/30 dark:courier-shadow-white/30 courier-transition-all courier-rounded-lg;}}.ProseMirror-gapcursor+.node-imageBlock,.ProseMirror-gapcursor+.node-imageUpload,.ProseMirror-gapcursor+.node-blockquote{@apply courier-outline-neutral-700 hover:courier-outline-neutral-600 dark:courier-outline-neutral-300 dark:hover:courier-outline-neutral-400;}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes pop{0%{transform:scale(1);box-shadow:var(--box-shadow)}to{transform:scale(var(--scale));box-shadow:var(--box-shadow-picked-up)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@layer base{*{@apply courier-border-border courier-outline-ring;}body{@apply courier-font-sans courier-antialiased courier-bg-background courier-text-foreground;}}.courier-main-layout{@apply courier-relative courier-flex-grow courier-rounded-sm courier-border courier-border-border courier-bg-card courier-flex courier-flex-col courier-text-foreground courier-min-w-[812px] courier-h-[700px] courier-overflow-hidden courier-z-10;&:before{@apply courier-absolute courier-inset-0 -courier-z-10;content:"";background:radial-gradient(#0A0A0A32 1px,transparent 1px);background-size:15px 15px}}.courier-editor-container{@apply courier-relative courier-flex-1 courier-flex courier-flex-col courier-p-6 courier-overflow-y-auto courier-transition-all courier-duration-300 courier-ease-in-out;}.courier-editor-sidebar{@apply courier-rounded-br-sm courier-border-border courier-bg-white courier-border-l courier-overflow-y-auto courier-transition-all courier-duration-300 courier-ease-in-out dark:courier-bg-black;}.courier-editor-loading{@apply courier-w-full courier-h-full courier-flex courier-items-center courier-justify-center courier-grow courier-z-50 courier-absolute courier-top-0 courier-left-0 courier-right-0 courier-bottom-0 courier-bg-card;}.courier-brand-editor-readonly{@apply courier-pointer-events-none;.ProseMirror{@apply courier-cursor-default courier-p-0;.react-renderer{@apply courier-cursor-default;&.node-paragraph{p{@apply courier-text-sm;}.is-empty{p{&:after{content:""}}}}.draggable-item{@apply courier-p-0;}}}}.courier-theme-editor-main{@apply courier-bg-white courier-rounded-lg courier-border courier-border-border courier-shadow-sm courier-max-w-2xl courier-select-none courier-self-center courier-w-full;>div{@apply courier-w-full;.ProseMirror{@apply courier-p-0;.react-renderer{&.node-paragraph{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}p{@apply courier-text-sm;}.is-empty{p{&:after{content:"Write footer text..."}}}&:hover{.draggable-item{>button{@apply courier-hidden;}}}.draggable-item{@apply courier-p-0;}}}}}}.courier-editor-main{@apply courier-relative courier-bg-white courier-rounded-lg courier-border courier-border-border courier-shadow-sm courier-max-w-2xl courier-select-none courier-self-center courier-w-full;>div{@apply courier-w-full;}}.courier-editor-preview-mode,.courier-editor-readonly{&.courier-editor-preview-mode-mobile{.courier-editor-main{@apply courier-max-w-sm;&:hover{>button{@apply courier-hidden;}}}}.ProseMirror{@apply courier-pointer-events-none;>.react-renderer{&.node-imageBlock,&.node-button,&.node-divider,&.node-paragraph,&.node-heading,&.node-blockquote,&.node-buttonRow,&.node-customCode{*{@apply courier-cursor-default courier-pointer-events-none;}[data-cypress=draggable-handle]{@apply courier-hidden;}.selected-element{.courier-actions-panel{@apply courier-hidden;}.node-element{&:before{@apply courier-hidden;}}}&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div,>hr,&.courier-empty-image{&:before{@apply courier-hidden;}}}}}&.node-imageBlock{.courier-empty-image{@apply courier-hidden;}}&.node-paragraph,&.node-blockquote{.is-empty{p,blockquote{&:after{@apply courier-hidden;}}}}&.node-heading{.is-empty{h1,h2,h3{&:after{@apply courier-hidden;}}}}}}}.courier-sms-editor{@apply courier-flex courier-flex-col courier-py-2 courier-rounded-lg courier-bg-card courier-m-6 courier-mr-14 courier-mt-10;.ProseMirror{@apply courier-p-0;>.react-renderer{.draggable-item{@apply courier-px-4;}&.node-paragraph{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}}&:hover{.draggable-item{@apply courier-px-4;}[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div{&:before{@apply courier-hidden;}}}}}}}.courier-push-editor{@apply courier-py-2 courier-pr-4 courier-rounded-lg courier-bg-card courier-m-6 courier-relative;&:before{content:"now";@apply courier-absolute courier-top-3 courier-right-3 courier-z-10 courier-text-xs courier-text-gray-500;}.ProseMirror{@apply courier-p-0 courier-gap-0.5 courier-flex courier-flex-col;>.react-renderer{.node-element{>div{@apply !courier-p-0;}h2,p{@apply courier-text-sm;}}.draggable-item{@apply courier-px-4;}&.node-paragraph,&.node-heading{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}}&:hover{.draggable-item{@apply courier-px-4;}[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div{&:before{@apply courier-hidden;}}}}}}}.courier-inbox-editor{@apply courier-overflow-auto courier-flex-1 courier-border-y courier-border-border;max-height:calc(90% - 56px);.ProseMirror{@apply courier-p-4 courier-pr-10 courier-gap-0.5 courier-flex courier-flex-col;&:before{content:"now";@apply courier-absolute courier-top-4 courier-right-4 courier-z-10 courier-text-sm courier-text-gray-500;}>.react-renderer{.node-element{>div{@apply !courier-p-0;}h2,p{@apply courier-text-sm;}}&.node-button{@apply courier-mt-2;.node-element{>div{>div{@apply courier-py-1 courier-px-2 courier-text-sm;}}}}&.node-buttonRow{@apply courier-mt-2;.draggable-item{justify-content:flex-start!important}[data-cypress=draggable-handle]{@apply courier-hidden;}}.draggable-item{@apply courier-p-0;}&.node-paragraph,&.node-heading,&.node-buttonRow{.selected-element{.node-element{&:before{@apply courier-hidden;}}.courier-actions-panel{@apply courier-hidden;}}}&:hover{[data-cypress=draggable-handle]{@apply courier-hidden;}.node-element{>div{&:before{@apply courier-hidden;}}}}}}}.ProseMirror{@apply courier-caret-black dark:courier-caret-white courier-outline-0 courier-pr-10 courier-pl-4 courier-py-10 courier-z-0 lg:courier-pl-2 lg:courier-pr-10 courier-max-w-2xl courier-h-full;.selection{@apply courier-inline;}.selection,*::selection{@apply courier-bg-black/10 dark:courier-bg-white/20 courier-inline;}>.react-renderer{@apply courier-my-12 first:courier-mt-0 last:courier-mb-0;&.node-divider{@apply courier-flex courier-flex-col courier-justify-center;}&.node-variable{@apply courier-inline-block courier-m-0;}&.node-dragPlaceholder{@apply courier-m-0;}&.node-paragraph{@apply courier-m-0;&:focus,&:focus-visible{outline:none}}&.node-paragraph,&.node-blockquote,&.node-customCode{p{>div{@apply courier-block courier-relative courier-cursor-text;&[contenteditable=true]{outline:none;caret-color:currentColor}}}.is-empty{p,blockquote{position:relative;&:after{content:"Write body text...";@apply courier-absolute courier-top-0 courier-left-0 courier-text-neutral-500 dark:courier-text-neutral-400 -courier-z-10;}}.courier-custom-code{&:after{content:"Add custom HTML code...";@apply courier-absolute courier-left-0 courier-text-neutral-500 dark:courier-text-neutral-400 -courier-z-10;}}}}&.node-heading{h1,h2,h3{>div{@apply courier-block courier-relative courier-cursor-text;&[contenteditable=true]{outline:none;caret-color:currentColor}}}.is-empty{h1,h2,h3{position:relative;&:after{content:"Write heading...";@apply courier-absolute courier-top-0 courier-left-0 courier-text-neutral-500 dark:courier-text-neutral-400 -courier-z-10;}}}}&.node-imageBlock,&.node-button,&.node-divider,&.node-paragraph,&.node-heading,&.node-blockquote,&.node-customCode{@apply courier-m-0 courier-relative;[data-cypress=draggable-handle]{@apply courier-invisible;}&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-visible;}.node-element{>div,>hr,&.courier-empty-image{&:before{@apply courier-left-[-12px] courier-right-[-12px] courier-top-0 courier-bottom-0 courier-rounded-md courier-border-2 courier-border-border courier-absolute courier-content-[""];}}}}.node-element{@apply courier-relative;&:focus,&:focus-visible{outline:none}}.selected-element{.node-element{@apply courier-relative courier-z-20;&:before{@apply courier-left-[-12px] courier-right-[-12px] courier-top-0 courier-bottom-0 courier-rounded-md courier-border courier-border-[#0085FF] courier-absolute courier-content-[""] -courier-z-10;}.node-element{&:before{@apply courier-hidden;}}}.courier-actions-panel{@apply courier-block;}}}&.node-blockquote{@apply courier-m-0;@apply courier-text-foreground;@apply dark:courier-text-white;&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-visible;}.node-element{&:before{@apply courier-left-[-12px] courier-right-[-12px] courier-top-0 courier-bottom-0 courier-rounded-md !courier-border-2 !courier-border-border courier-absolute courier-content-[""] -courier-z-20;}>div{&:before{@apply courier-hidden;}}.node-element{&:before{@apply courier-hidden;}}}.selected-element{.node-element{.node-element{&:before{@apply courier-hidden -courier-z-20;}}}}}}}&.resize-cursor{@apply courier-cursor-col-resize;}.ProseMirror-gapcursor{@apply courier-relative courier-w-full courier-max-w-2xl courier-mx-auto;&:after{@apply courier-border-t-black/40 dark:courier-border-t-white/40 courier-w-full courier-top-[-1.5em] courier-max-w-2xl courier-mx-auto courier-left-0 courier-right-0;}}}[data-theme=slash-command]{@apply courier-w-full;}.tiptap{outline:none;:first-child{margin-top:0}ul,ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem;li p{margin-top:.25em;margin-bottom:.25em}}h1,h2,h3,h4,h5,h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}h1,h2{margin-top:3.5rem;margin-bottom:1.5rem}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4,h5,h6{font-size:1rem}code{background-color:var(--purple-light);border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem;code{background:none;color:inherit;font-size:.8rem;padding:0}}}@layer utilities{.animate-pop{animation:pop .2s cubic-bezier(.18,.67,.6,1.22)}.animate-fadeIn{animation:fadeIn .5s ease}.touch-transparent{-webkit-tap-highlight-color:transparent}.courier-editor-preview-mode{&.courier-main-content{flex-grow:1;width:100%}>div:last-child{width:0}}}
 /*# sourceMappingURL=index.css.map */