@trycourier/react-designer 0.0.9 → 0.1.0

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

@@ -28,13 +28,13 @@ export interface EmailProps extends Pick<TemplateEditorProps, "hidePublish" | "b
         channels?: ChannelType[];
         routing?: MessageRouting;
     }) => React.ReactNode;
-    render?: ({ subject, handleSubjectChange, selectedNode, setSelectedNode, previewMode, emailEditor, ref, isBrandApply, brandSettings, items, content, strategy, syncEditorItems, brandEditorContent, templateData, togglePreviewMode, }: {
+    render?: ({ subject, handleSubjectChange, selectedNode, setSelectedNode, previewMode, templateEditor, ref, isBrandApply, brandSettings, items, content, strategy, syncEditorItems, brandEditorContent, templateData, togglePreviewMode, }: {
         subject: string | null;
         handleSubjectChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
         selectedNode: Node | null;
         setSelectedNode: (node: Node | null) => void;
         previewMode: "desktop" | "mobile" | undefined;
-        emailEditor: Editor | null;
+        templateEditor: Editor | null;
         ref: React.RefObject<HTMLDivElement> | null;
         isBrandApply: boolean;
         brandSettings: BrandSettingsData | null;

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

@@ -1,10 +1,5 @@
 import type { TiptapDoc } from "@/types";
 import type { Editor } from "@tiptap/core";
-declare global {
-    interface Window {
-        editor: Editor | null;
-    }
-}
 export interface EmailEditorProps {
     value?: TiptapDoc;
     readOnly?: boolean;

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

@@ -0,0 +1,40 @@
+import type { MessageRouting } from "@/components/Providers/store";
+import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
+import type { TiptapDoc } from "@/lib/utils";
+import type { ChannelType } from "@/store";
+import type { ElementalNode } from "@/types/elemental.types";
+import { type UniqueIdentifier } from "@dnd-kit/core";
+import type { Node } from "@tiptap/pm/model";
+import type { AnyExtension, Editor } from "@tiptap/react";
+import React, { type HTMLAttributes } from "react";
+import type { TemplateEditorProps } from "../../TemplateEditor";
+export declare const defaultMSTeamsContent: ElementalNode[];
+export declare const MSTeamsEditorContent: ({ value }: {
+    value?: TiptapDoc;
+}) => null;
+export interface MSTeamsRenderProps {
+    content: TiptapDoc;
+    extensions: AnyExtension[];
+    editable: boolean;
+    autofocus: boolean;
+    onUpdate: ({ editor }: {
+        editor: Editor;
+    }) => void;
+    items: {
+        Sidebar: string[];
+        Editor: UniqueIdentifier[];
+    };
+    selectedNode: Node | null;
+    msteamsEditor: Editor | null;
+}
+export interface MSTeamsProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+    readOnly?: boolean;
+    headerRenderer?: ({ hidePublish, channels, routing, }: {
+        hidePublish?: boolean;
+        channels?: ChannelType[];
+        routing?: MessageRouting;
+    }) => React.ReactNode;
+    render?: (props: MSTeamsRenderProps) => React.ReactNode;
+}
+export declare const MSTeamsConfig: TextMenuConfig;
+export declare const MSTeams: React.MemoExoticComponent<React.ForwardRefExoticComponent<MSTeamsProps & React.RefAttributes<HTMLDivElement>>>;

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

@@ -0,0 +1,4 @@
+import type { MSTeamsRenderProps } from "./MSTeams";
+export interface MSTeamsEditorProps extends MSTeamsRenderProps {
+}
+export declare const MSTeamsEditor: ({ content, extensions, editable, autofocus, onUpdate, items, }: MSTeamsEditorProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface MSTeamsFrameProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const MSTeamsFrame: ({ children, className }: MSTeamsFrameProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { MSTeamsProps } from "./MSTeams";
+import { type HTMLAttributes } from "react";
+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, }: MSTeamsLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { UniqueIdentifier } from "@dnd-kit/core";
+export interface MSTeamsSideBarProps {
+    items: UniqueIdentifier[];
+    label?: string;
+}
+export declare const MSTeamsSideBar: ({ items, label }: MSTeamsSideBarProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,5 @@
+export * from "./MSTeams";
+export * from "./MSTeamsEditor";
+export * from "./MSTeamsFrame";
+export * from "./MSTeamsLayout";
+export { MSTeamsSideBar } from "./SideBar";

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

@@ -2,6 +2,7 @@ import type { MessageRouting } from "@/components/Providers/store";
 import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 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";
@@ -26,11 +27,6 @@ export interface PushProps extends Pick<TemplateEditorProps, "hidePublish" | "th
     }) => React.ReactNode;
     render?: (props: PushRenderProps) => React.ReactNode;
 }
-export declare const defaultPushContent: {
-    raw: {
-        title: string;
-        text: string;
-    };
-};
+export declare const defaultPushContent: ElementalNode[];
 export declare const PushConfig: TextMenuConfig;
 export declare const Push: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<PushProps & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -1,15 +1,12 @@
 import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
 import type { TiptapDoc } from "@/lib/utils";
+import type { ElementalNode } from "@/types/elemental.types";
 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";
-export declare const defaultSMSContent: {
-    raw: {
-        text: string;
-    };
-};
+export declare const defaultSMSContent: ElementalNode[];
 export declare const SMSEditorContent: ({ value }: {
     value?: TiptapDoc | null;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { UniqueIdentifier } from "@dnd-kit/core";
+export interface SlackSideBarProps {
+    items: UniqueIdentifier[];
+    label?: string;
+}
+export declare const SlackSideBar: ({ items, label }: SlackSideBarProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from "./SideBar";
+export * from "./SlackSideBarItemDetails";
+export * from "./SlackButtonForm";

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

@@ -0,0 +1,40 @@
+import type { MessageRouting } from "@/components/Providers/store";
+import type { TextMenuConfig } from "@/components/ui/TextMenu/config";
+import type { TiptapDoc } from "@/lib/utils";
+import type { ChannelType } from "@/store";
+import type { ElementalNode } from "@/types/elemental.types";
+import { type UniqueIdentifier } from "@dnd-kit/core";
+import type { Node } from "@tiptap/pm/model";
+import type { AnyExtension, Editor } from "@tiptap/react";
+import React, { type HTMLAttributes } from "react";
+import type { TemplateEditorProps } from "../../TemplateEditor";
+export declare const defaultSlackContent: ElementalNode[];
+export declare const SlackEditorContent: ({ value }: {
+    value?: TiptapDoc;
+}) => null;
+export interface SlackRenderProps {
+    content: TiptapDoc;
+    extensions: AnyExtension[];
+    editable: boolean;
+    autofocus: boolean;
+    onUpdate: ({ editor }: {
+        editor: Editor;
+    }) => void;
+    items: {
+        Sidebar: string[];
+        Editor: UniqueIdentifier[];
+    };
+    selectedNode: Node | null;
+    slackEditor: Editor | null;
+}
+export interface SlackProps extends Pick<TemplateEditorProps, "hidePublish" | "theme" | "variables" | "channels" | "routing" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+    readOnly?: boolean;
+    headerRenderer?: ({ hidePublish, channels, routing, }: {
+        hidePublish?: boolean;
+        channels?: ChannelType[];
+        routing?: MessageRouting;
+    }) => React.ReactNode;
+    render?: (props: SlackRenderProps) => React.ReactNode;
+}
+export declare const SlackConfig: TextMenuConfig;
+export declare const Slack: React.MemoExoticComponent<React.ForwardRefExoticComponent<SlackProps & React.RefAttributes<HTMLDivElement>>>;

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

@@ -0,0 +1,4 @@
+import type { SlackRenderProps } from "./Slack";
+export interface SlackEditorProps extends SlackRenderProps {
+}
+export declare const SlackEditor: ({ content, extensions, editable, autofocus, onUpdate, items, }: SlackEditorProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface SlackFrameProps {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const SlackFrame: ({ children, className }: SlackFrameProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { SlackProps } from "./Slack";
+import { type HTMLAttributes } from "react";
+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, }: SlackLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export * from "./Slack";
+export * from "./SlackEditor";
+export * from "./SlackFrame";
+export * from "./SlackLayout";
+export * from "./SideBar";

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

@@ -1,6 +1,8 @@
 export * from "./Channels";
 export * from "./Email";
 export * from "./Inbox";
+export * from "./MSTeams";
 export * from "./Push";
+export * from "./Slack";
 export * from "./SMS";
 export * from "./useChannels";

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

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

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

@@ -0,0 +1,31 @@
+import { MeasuringStrategy, type CollisionDetection, type DragEndEvent, type DragMoveEvent, type DragStartEvent, type UniqueIdentifier } from "@dnd-kit/core";
+import type { Editor } from "@tiptap/react";
+interface UseEditorDndProps {
+    items: {
+        Sidebar: string[];
+        Editor: UniqueIdentifier[];
+    };
+    setItems: React.Dispatch<React.SetStateAction<{
+        Sidebar: string[];
+        Editor: UniqueIdentifier[];
+    }>>;
+    editor?: Editor | null;
+}
+export declare const useEditorDnd: ({ items, setItems, editor }: UseEditorDndProps) => {
+    dndProps: {
+        sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+        collisionDetection: CollisionDetection;
+        measuring: {
+            droppable: {
+                strategy: MeasuringStrategy;
+            };
+        };
+        onDragStart: ({ active }: DragStartEvent) => void;
+        onDragMove: ({ active, over }: DragMoveEvent) => void;
+        onDragEnd: ({ active, over }: DragEndEvent) => void;
+        onDragCancel: () => void;
+    };
+    activeDragType: string | null;
+    activeId: UniqueIdentifier | null;
+};
+export {};

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

@@ -0,0 +1,14 @@
+import type { UniqueIdentifier } from "@dnd-kit/core";
+import type { Editor } from "@tiptap/react";
+interface UseSyncEditorItemsProps {
+    setItems: React.Dispatch<React.SetStateAction<{
+        Sidebar: string[];
+        Editor: UniqueIdentifier[];
+    }>>;
+    rafId: React.MutableRefObject<number | null>;
+    editor?: Editor | null;
+}
+export declare const useSyncEditorItems: ({ setItems, rafId, editor }: UseSyncEditorItemsProps) => {
+    syncEditorItems: (editor: Editor) => () => void;
+};
+export {};

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

@@ -8,15 +8,19 @@ 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 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 { EmailEditorContainer, EmailEditorMain, type EmailEditorProps, type InboxEditorProps, type PushEditorProps, type SMSEditorProps, } from "./Channels";
+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 type { ChannelType } from "@/store";
 export type { ElementalContent } from "@/types";
 export { ChannelRootContainer, EditorSidebar } from "./Layout";
-export { InboxEditor, PushEditor, SMSEditor } from "./Channels";
+export { InboxEditor, MSTeamsEditor, PushEditor, SlackEditor, SMSEditor } from "./Channels";
 export { useAutoSave } from "@/hooks/useAutoSave";
 export { Status as TemplateStatus } from "@/components/ui/Status";
 export { MonacoCodeEditor } from "@/components/extensions/CustomCode/MonacoCodeEditor";

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

@@ -12,7 +12,7 @@ export declare const templateEditorPublishedAtAtom: import("jotai").PrimitiveAto
 export declare const templateEditorVersionAtom: import("jotai").PrimitiveAtom<string | null | undefined> & {
     init: string | null | undefined;
 };
-export declare const emailEditorAtom: import("jotai").PrimitiveAtom<Editor | null> & {
+export declare const templateEditorAtom: import("jotai").PrimitiveAtom<Editor | null> & {
     init: Editor | null;
 };
 export declare const brandEditorAtom: import("jotai").PrimitiveAtom<Editor | null> & {

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

@@ -16,12 +16,12 @@ export declare const buttonSchema: z.ZodObject<{
     isStrike: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
     padding: number;
-    borderWidth: number;
     label: string;
     backgroundColor: string;
     textColor: string;
     borderColor: string;
     size: "full" | "default";
+    borderWidth: number;
     borderRadius: number;
     alignment: "left" | "center" | "right";
     fontStyle: "italic" | "normal";
@@ -31,12 +31,12 @@ export declare const buttonSchema: z.ZodObject<{
     link?: string | undefined;
 }, {
     padding: number;
-    borderWidth: number;
     label: string;
     backgroundColor: string;
     textColor: string;
     borderColor: string;
     size: "full" | "default";
+    borderWidth: number;
     borderRadius: number;
     alignment: "left" | "center" | "right";
     fontStyle: "italic" | "normal";

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

@@ -12,8 +12,8 @@ export declare const imageBlockSchema: z.ZodObject<{
     imageNaturalWidth: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     width: number;
-    borderWidth: number;
     borderColor: string;
+    borderWidth: number;
     borderRadius: number;
     alignment: "left" | "center" | "right";
     sourcePath: string;
@@ -23,8 +23,8 @@ export declare const imageBlockSchema: z.ZodObject<{
     isUploading?: boolean | undefined;
 }, {
     width: number;
-    borderWidth: number;
     borderColor: string;
+    borderWidth: number;
     borderRadius: number;
     alignment: "left" | "center" | "right";
     sourcePath: string;

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

@@ -11,23 +11,23 @@ export declare const textBlockSchema: z.ZodObject<{
     selected: z.ZodDefault<z.ZodBoolean>;
     id: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    borderWidth: number;
     backgroundColor: string;
     textColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
     borderColor: string;
+    borderWidth: number;
     borderRadius: number;
     textAlign: "left" | "center" | "right" | "justify";
     selected: boolean;
     id?: string | undefined;
 }, {
-    borderWidth: number;
     backgroundColor: string;
     textColor: string;
     paddingVertical: number;
     paddingHorizontal: number;
     borderColor: string;
+    borderWidth: number;
     borderRadius: number;
     id?: string | undefined;
     textAlign?: "left" | "center" | "right" | "justify" | undefined;

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

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from "react";
 interface PreviewPanelProps extends HTMLAttributes<HTMLDivElement> {
     previewMode: "desktop" | "mobile" | undefined;
     togglePreviewMode: (mode?: "desktop" | "mobile" | undefined) => void;
+    hideMobileToggle?: boolean;
 }
-export declare const PreviewPanel: ({ previewMode, togglePreviewMode, ...props }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PreviewPanel: ({ previewMode, togglePreviewMode, hideMobileToggle, ...props }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

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

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

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

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

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

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

@@ -28,8 +28,9 @@ export { ItalicIcon } from "./ItalicIcon";
 export { LeftAlignIcon } from "./LeftAlignIcon";
 export { LetterSpacingIcon } from "./LetterSpacingIcon";
 export { LineHeightIcon } from "./LineHeightIcon";
-export { LinkedinIcon } from "./LinkedinIcon";
 export { LinkIcon } from "./LinkIcon";
+export { LinkedinIcon } from "./LinkedinIcon";
+export { MSTeamsIcon } from "./MSTeamsIcon";
 export { MediumIcon } from "./MediumIcon";
 export { MobileIcon } from "./MobileIcon";
 export { MoreMenuIcon } from "./MoreMenuIcon";
@@ -43,11 +44,14 @@ 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 { SignalIcon } from "./SignalIcon";
+export { SlackIcon } from "./SlackIcon";
 export { StrikethroughIcon } from "./StrikethroughIcon";
 export { UnderlineIcon } from "./UnderlineIcon";
+export { UnionIcon } from "./UnionIcon";
 export { UpIcon } from "./UpIcon";
+export { UserIcon } from "./UserIcon";
 export { VariableIcon } from "./VariableIcon";
 export { WiFiIcon } from "./WiFiIcon";
 export { XIcon } from "./XIcon";

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}}}.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}}}
+.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:"Use the right panel to 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;}}}.courier-slack-editor,.courier-msteams-editor{.ProseMirror{@apply courier-p-0;>.react-renderer{@apply courier-my-2 first:courier-mt-0 last:courier-mb-0;&.node-dragPlaceholder{@apply courier-m-0;}&.node-button,&.node-divider,&.node-paragraph,&.node-heading,&.node-blockquote,&.node-buttonRow{@apply courier-m-0 courier-relative;&.node-button{.node-element{>div{@apply !courier-justify-start;>div{@apply !courier-bg-transparent !courier-mr-auto !courier-ml-0;border:1px solid #E5E5E5!important;border-radius:6px!important;color:#171717!important;padding:6px 9.6px!important;font-weight:500!important;font-size:14px!important;font-style:normal!important;line-height:24px!important;box-shadow:0 1px 2px #0000000f!important;&:hover{@apply courier-bg-gray-50;}}}}}[data-cypress=draggable-handle]{@apply courier-invisible;}&:hover,&:active{[data-cypress=draggable-handle]{@apply courier-visible;}.node-element{>div,>hr{&: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;}}}}}}[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 */