@trycourier/react-designer 0.3.0 → 0.4.0

package/dist/cjs/styles.css

@@ -1000,6 +1000,9 @@ body {
 .courier-z-50 {
   z-index: 50;
 }
+.courier-z-\[9999\] {
+  z-index: 9999;
+}
 .courier-z-\[999\] {
   z-index: 999;
 }
@@ -1276,6 +1279,9 @@ body {
 .courier-h-px {
   height: 1px;
 }
+.courier-max-h-60 {
+  max-height: 15rem;
+}
 .courier-max-h-\[88px\] {
   max-height: 88px;
 }
@@ -4645,6 +4651,10 @@ body {
 .hover\:courier-bg-card:hover {
   background-color: var(--card);
 }
+.hover\:courier-bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .hover\:courier-bg-neutral-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
@@ -4686,12 +4696,20 @@ body {
 .focus\:courier-bg-accent:focus {
   background-color: var(--accent);
 }
+.focus\:courier-bg-gray-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .focus\:courier-text-accent-foreground:focus {
   color: var(--accent-foreground);
 }
 .focus\:courier-text-foreground:focus {
   color: var(--foreground);
 }
+.focus\:courier-outline-none:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .focus-visible\:courier-outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -4913,6 +4931,14 @@ body {
 .dark\:courier-bg-foreground:is(.courier-dark *) {
   background-color: var(--foreground);
 }
+.dark\:courier-bg-gray-700:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
+.dark\:courier-bg-gray-800:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
 .dark\:courier-bg-neutral-700:is(.courier-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
@@ -4981,6 +5007,10 @@ body {
 .dark\:courier-outline-neutral-300:is(.courier-dark *) {
   outline-color: #d4d4d4;
 }
+.dark\:hover\:courier-bg-gray-700:hover:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
 .dark\:hover\:courier-bg-neutral-600:hover:is(.courier-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(82 82 82 / var(--tw-bg-opacity, 1));
@@ -5022,6 +5052,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
+.dark\:focus\:courier-bg-gray-700:focus:is(.courier-dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
 .dark\:active\:courier-bg-neutral-700:active:is(.courier-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ export { TextMenu } from "@/components/ui/TextMenu";
 export { cn, convertElementalToTiptap, convertTiptapToElemental } from "@/lib/utils";
 export { VariableInput, VariableTextarea } from "@/components/ui/VariableEditor";
 export { getFlattenedVariables } from "@/components/utils/getFlattenedVariables";
-export { useChannels } from "./Channels";
+export { useChannels, getChannelDefaults } from "./Channels";
 export { default as EmailEditor } from "./Channels/Email/EmailEditor";
 export * from "./TemplateEditor";
 export { SideBar as EmailSideBar, SideBarItemDetails as EmailSideBarItemDetails, } from "./Channels/Email/SideBar";

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

@@ -1,4 +1,5 @@
 import type { ElementalContent } from "@/types/elemental.types";
+import type { VariableValidationConfig } from "@/types/validation.types";
 import type { Editor } from "@tiptap/react";
 export declare const subjectAtom: import("jotai").PrimitiveAtom<string | null> & {
     init: string | null;
@@ -29,6 +30,15 @@ export declare const isSidebarExpandedAtom: import("jotai").PrimitiveAtom<boolea
 export declare const variableValuesAtom: import("jotai").PrimitiveAtom<Record<string, string>> & {
     init: Record<string, string>;
 };
+export declare const availableVariablesAtom: import("jotai").PrimitiveAtom<Record<string, unknown>> & {
+    init: Record<string, unknown>;
+};
+export declare const disableVariablesAutocompleteAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const variableValidationAtom: import("jotai").PrimitiveAtom<VariableValidationConfig | undefined> & {
+    init: VariableValidationConfig | undefined;
+};
 export declare const isDraggingAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };

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

@@ -1,16 +1,20 @@
 import { Extension, Node } from "@tiptap/core";
-import type { VariableNodeOptions } from "./Variable.types";
+import type { VariableNodeOptions, VariableOptions } from "./Variable.types";
 export declare const VariableNode: Node<VariableNodeOptions, any>;
 /**
  * Extension that inserts an empty variable chip when user types {{
+ * This is used when autocomplete is disabled (disableVariablesAutocomplete=true)
  */
 export declare const VariableInputRule: Extension<any, any>;
 /**
- * @deprecated Use `VariableInputRule` instead. This alias will be removed in a future major version.
+ * Extension that provides variable autocomplete suggestions.
+ * When user types {{, shows a dropdown with available variables.
+ * Pass `variables` option to configure available variables.
+ * Pass `disableSuggestions: true` to disable autocomplete (falls back to VariableInputRule behavior).
  */
-export declare const Variable: Extension<any, any>;
+export declare const Variable: Extension<VariableOptions, any>;
 /**
- * @deprecated This extension has been removed. Variable conversion now happens via VariableInputRule.
+ * @deprecated This extension has been removed. Variable conversion now happens via VariableInputRule or Variable.
  * This is a no-op extension provided for backwards compatibility and will be removed in a future major version.
  */
 export declare const VariableTypeHandler: Extension<any, any>;

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

@@ -8,28 +8,21 @@ export interface VariableNodeAttributes {
     isInvalid: boolean;
 }
 /**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
+ * Options for the Variable suggestion extension that provides autocomplete.
  */
 export interface VariableOptions {
     HTMLAttributes?: Record<string, unknown>;
     suggestion?: Partial<SuggestionOptions>;
+    /** Variables available for autocomplete suggestions */
     variables?: Record<string, unknown>;
+    /** When true, disables the autocomplete dropdown */
     disableSuggestions?: boolean;
 }
-/**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
- */
 export interface VariableCommandProps {
     editor: Editor;
     range: Range;
     props: string;
 }
-/**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
- */
 export interface VariableSuggestionProps {
     editor: Editor;
     range: Range;
@@ -42,10 +35,6 @@ export interface VariableSuggestionProps {
     }) => void;
     selected: number;
 }
-/**
- * @deprecated This interface has been removed as the suggestion feature was removed.
- * Provided for backwards compatibility and will be removed in a future major version.
- */
 export interface VariableSuggestionsProps extends SuggestionProps {
     items: string[];
     command: (item: string) => void;

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

@@ -0,0 +1,7 @@
+interface VariableSuggestionsProps {
+    items: string[];
+    command: (item: string) => void;
+    selected: number;
+}
+export declare const VariableSuggestions: React.FC<VariableSuggestionsProps>;
+export {};

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

@@ -1,3 +1,4 @@
 export * from "./Variable";
 export * from "./Variable.types";
 export * from "./VariablePaste";
+export * from "./VariableSuggestions";

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

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

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

@@ -1,6 +1,11 @@
 import type { Node } from "@tiptap/pm/model";
-export declare const ExtensionKit: (options?: {
+export interface ExtensionKitOptions {
     setSelectedNode?: (node: Node) => void;
     shouldHandleClick?: () => boolean;
-}) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>)[];
+    /** Variables available for autocomplete suggestions */
+    variables?: Record<string, unknown>;
+    /** When true, disables variable autocomplete and allows typing any variable */
+    disableVariablesAutocomplete?: boolean;
+}
+export declare const ExtensionKit: (options?: ExtensionKitOptions) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-underline").UnderlineOptions, any>)[];
 export default ExtensionKit;

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

@@ -0,0 +1,16 @@
+import React from "react";
+export interface VariableAutocompleteProps {
+    /** List of variable suggestions to show */
+    items: string[];
+    /** Called when an item is selected */
+    onSelect: (item: string) => void;
+    /** Currently selected index */
+    selectedIndex: number;
+    /** Reference element to position the dropdown near */
+    anchorRef: React.RefObject<HTMLElement>;
+}
+/**
+ * Autocomplete dropdown for variable suggestions.
+ * Shows a list of available variables that can be selected.
+ */
+export declare const VariableAutocomplete: React.FC<VariableAutocompleteProps>;