@hubspot/ui-extensions 0.8.52 → 0.8.54

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import { RemoteFragment } from '@remote-ui/core';
 import { ReactNode, ComponentType } from 'react';
+import { RemoteFragment } from '@remote-ui/core';
 export declare class ExtensionEvent {
     type: string;
     bubbles: boolean;
@@ -7,52 +7,360 @@ export declare class ExtensionEvent {
     id: string;
     constructor(event: Event);
 }
-export type TypesOfReadOnlyArray<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;
 export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     targetValue: V;
     constructor(value: V, event: Event);
 }
-export type ReactionsHandler<T> = (event: T, reactions: Reactions) => void | Promise<void>;
 export type OverlayComponentProps = {
     overlay?: RemoteFragment;
 };
+export type HrefOptions = {
+    url: string;
+    external?: boolean;
+};
+export type HrefProp = string | HrefOptions;
+export interface TShirtSizes {
+    xs: 'extra-small' | 'xs';
+    sm: 'small' | 'sm';
+    md: 'medium' | 'md';
+    lg: 'large' | 'lg';
+    xl: 'extra-large' | 'xl';
+}
+export type AllSizes = TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'] | TShirtSizes['xl'];
+export type AllDistances = 'flush' | AllSizes;
+export declare const iconNames: {
+    readonly success: "success";
+    readonly remove: "remove";
+    readonly add: "add";
+    readonly attach: "attach";
+    readonly date: "date";
+    readonly copy: "duplicate";
+    readonly delete: "delete";
+    readonly edit: "edit";
+    readonly email: "email";
+    readonly exclamation: "exclamation";
+    readonly question: "question";
+    readonly home: "home";
+    readonly location: "location";
+    readonly upCarat: "upCarat";
+    readonly downCarat: "downCarat";
+    readonly warning: "warning";
+    readonly shoppingCart: "cart";
+    readonly clock: "time";
+    readonly comment: "comments";
+    readonly contact: "contacts";
+    readonly star: "favorite";
+    readonly file: "file";
+    readonly reports: "reports";
+    readonly video: "video";
+    readonly robot: "simpleBot";
+    readonly refresh: "refresh";
+    readonly faceHappy: "emoji";
+    readonly faceNeutral: "emojiLineNeutral";
+    readonly faceSad: "emojiLineSad";
+    readonly upload: "upload";
+    readonly download: "download";
+    readonly left: "left";
+    readonly right: "right";
+    readonly dataSync: "dataSync";
+    readonly imageGallery: "imageGallery";
+    readonly search: "search";
+    readonly save: "saveEditableView";
+    readonly notification: "notification";
+    readonly bulb: "bulb";
+    readonly settings: "settings";
+    readonly filter: "filter";
+    readonly gauge: "gauge";
+    readonly enroll: "enroll";
+    readonly generateChart: "generateChart";
+    readonly gift: "gift";
+    readonly flame: "highlyEngagedLead";
+    readonly inbox: "inbox";
+    readonly image: "insertImage";
+    readonly quote: "insertQuote";
+    readonly insertVideo: "insertVideo";
+    readonly invoice: "invoice";
+    readonly key: "key";
+    readonly book: "knowledgeBase";
+    readonly globe: "language";
+    readonly lesson: "lesson";
+    readonly link: "link";
+    readonly listView: "listView";
+    readonly locked: "locked";
+    readonly mention: "mention";
+    readonly messages: "messages";
+    readonly mobile: "mobile";
+    readonly notificationOff: "notificationOff";
+    readonly hash: "numericDataType";
+    readonly objectAssociations: "objectAssociations";
+    readonly objectAssociationsManyToMany: "objectAssociationsManyToMany";
+    readonly objectAssociationsManyToOne: "objectAssociationsManyToOne";
+    readonly office365: "office365";
+    readonly order: "order";
+    readonly paymentSubscriptions: "paymentSubscriptions";
+    readonly product: "product";
+    readonly powerPointFile: "powerPointFile";
+    readonly presentation: "presentation";
+    readonly publish: "publish";
+    readonly questionAnswer: "questionAnswer";
+    readonly quickbooks: "quickbooks";
+    readonly readMore: "readMore";
+    readonly realEstateListing: "realEstateListing";
+    readonly readOnlyView: "readOnlyView";
+    readonly recentlySelected: "recentlySelected";
+    readonly record: "record";
+    readonly redo: "redo";
+    readonly undo: "undo";
+    readonly registration: "registration";
+    readonly replace: "replace";
+    readonly rotate: "rotate";
+    readonly salesQuote: "salesQuote";
+    readonly salesTemplates: "salesTemplates";
+    readonly sequences: "sequences";
+    readonly spellCheck: "spellCheck";
+    readonly strike: "strike";
+    readonly tablet: "tablet";
+    readonly tag: "tag";
+    readonly tasks: "tasks";
+    readonly test: "test";
+    readonly ticket: "ticket";
+    readonly thumbsUp: "thumbsUp";
+    readonly thumbsDown: "thumbsDown";
+    readonly translate: "translate";
+    readonly trophy: "trophy";
+    readonly videoFile: "videoFile";
+    readonly videoPlayerSubtitles: "videoPlayerSubtitles";
+    readonly view: "view";
+    readonly viewDetails: "viewDetails";
+    readonly website: "website";
+    readonly workflows: "workflows";
+    readonly zoomIn: "zoomIn";
+    readonly zoomOut: "zoomOut";
+    readonly goal: "goal";
+    readonly campaigns: "campaigns";
+    readonly cap: "cap";
+    readonly block: "block";
+    readonly bank: "bank";
+    readonly approvals: "approvals";
+    readonly appointment: "appointment";
+    readonly facebook: "socialBlockFacebook";
+    readonly googlePlus: "socialBlockGoogleplus";
+    readonly instagram: "socialBlockInstagram";
+    readonly linkedin: "socialBlockLinkedin";
+    readonly pinterest: "socialBlockPinterest";
+    readonly rss: "socialBlockRss";
+    readonly twitter: "socialBlockTwitter";
+    readonly x: "socialBlockX";
+    readonly xing: "socialBlockXing";
+    readonly youtube: "socialBlockYoutube";
+    readonly youtubePlay: "socialBlockYoutubeplay";
+    readonly sortAlpAsc: "sortAlpAsc";
+    readonly sortAlpDesc: "sortAlpDesc";
+    readonly sortAmtAsc: "sortAmtAsc";
+    readonly sortAmtDesc: "sortAmtDesc";
+    readonly sortNumAsc: "sortNumAsc";
+    readonly sortNumDesc: "sortNumDesc";
+    readonly sortTableAsc: "sortTableAsc";
+    readonly sortTableDesc: "sortTableDesc";
+    readonly text: "text";
+    readonly textColor: "textColor";
+    readonly textDataType: "textDataType";
+    readonly textSnippet: "textSnippet";
+    readonly calling: "calling";
+    readonly callingHangup: "callingHangup";
+    readonly callingMade: "callingMade";
+    readonly callingMissed: "callingMissed";
+    readonly callingVoicemail: "callingVoicemail";
+    readonly faceHappyFilled: "emojiFillHappy";
+    readonly faceNeutralFilled: "emojiFillNeutral";
+    readonly faceSadFilled: "emojiFillSad";
+};
+export type IconNames = keyof typeof iconNames;
+export type TypesOfReadOnlyArray<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;
+/** @deprecated use ExtensionEvent/FormSubmitExtensionEvent instead */
+export declare class RemoteEvent<V> {
+    type: string;
+    bubbles: boolean;
+    timeStamp: number;
+    targetValue: V;
+    constructor(value: V, event: Event);
+}
+/** @ignore */
+type AlertType = 'info' | 'warning' | 'success' | 'danger' | 'tip' | undefined;
+/** @ignore */
+export type AddAlertAction = (args: {
+    type?: AlertType;
+    message: string;
+    title?: string;
+}) => void;
+/** @ignore */
+export type ReloadPageAction = () => void;
+/** @ignore */
+export type FetchCrmObjectPropertiesAction = (properties: string[] | '*') => Promise<Record<string, string>>;
+/** @ignore */
+interface OpenIframeActionPayload {
+    uri: string;
+    height: number;
+    width: number;
+    /** @deprecated This property is no longer functional and has no effect. Please avoid using it, as it will be removed in future updates */
+    associatedObjectProperties?: string[];
+    title?: string;
+    flush?: boolean;
+}
+/** @ignore */
+export type OpenIframeModalAction = (action: OpenIframeActionPayload, onClose?: () => void) => void;
+/** @ignore */
+export type refreshObjectPropertiesAction = () => void;
+/** @ignore */
+export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback: (properties: Record<string, string>, error?: {
+    message: string;
+}) => void) => void;
+/** @ignore */
+export type CloseOverlayAction = (id: string) => void;
+/** @ignore */
+export interface CrmHostActions {
+    addAlert: AddAlertAction;
+    reloadPage: ReloadPageAction;
+    fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
+    openIframeModal: OpenIframeModalAction;
+    refreshObjectProperties: refreshObjectPropertiesAction;
+    onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
+}
+/** @ignore */
+export interface SettingsActions {
+    addAlert: AddAlertAction;
+}
+/** @ignore */
+export interface UiePlatformActions {
+    copyTextToClipboard: Clipboard['writeText'];
+    closeOverlay: CloseOverlayAction;
+    reloadPage: ReloadPageAction;
+}
 /**
- * The props type for {@link !components.Alert}.
+ * The props type for {@link !components.Accordion}.
  *
  * @category Component Props
  */
-export interface AlertProps {
+export interface AccordionProps {
     /**
-     * The bolded title text of the alert.
+     * The title text for the accordion.
      *
      */
     title: string;
     /**
-     * The main content of the alert message.
+     * The main content of the accordion when it opens.
      *
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
-     * The color of the alert.
+     * Defines default open behavior on page load. When set to `true`, the accordion will be open by default on initial load.
      *
-     * @defaultValue `"info"`
+     * @defaultValue `false`
      */
-    variant?: 'info' | 'warning' | 'success' | 'error' | 'danger' | 'tip';
-}
-export interface BaseButtonProps {
+    defaultOpen?: boolean;
     /**
-     * A function that will be invoked when the button is clicked. Do not use this function for submitting a form; use Form's `onSubmit` function instead.
+     * When set to `true`, the accordion's open state cannot be changed.
      *
-     * @event
+     * @defaultValue `false`
      */
-    onClick?: ReactionsHandler<ExtensionEvent>;
+    disabled?: boolean;
     /**
-     * A URL that will be opened when the button is clicked. If the value is a URL external to `hubspot.com` it will be opened in a new tab.
+     * For controlling the accordion's open state programmatically. When set to `true`, the accordion will open. Takes precedence over `defaultOpen`.
+     *
      */
-    href?: HrefProp;
+    open?: boolean;
     /**
-     * Determines whether or not the button should be disabled.
-     */
+     * The size of the accordion title.
+     *
+     * @defaultValue `"small"`
+     */
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * A function that will be invoked when the title is clicked. It receives no arguments and its return value is ignored.
+     *
+     * @event
+     */
+    onClick?: () => void;
+}
+/**
+ * The props type for {@link !components.Alert}.
+ *
+ * @category Component Props
+ */
+export interface AlertProps {
+    /**
+     * The bolded title text of the alert.
+     *
+     */
+    title: string;
+    /**
+     * The main content of the alert message.
+     *
+     */
+    children?: ReactNode;
+    /**
+     * The color of the alert.
+     *
+     * @defaultValue `"info"`
+     */
+    variant?: 'info' | 'warning' | 'success' | 'error' | 'danger' | 'tip';
+}
+/**
+ * The props type for {@link !components.ButtonRow}.
+ *
+ * @category Component Props
+ */
+export interface ButtonRowProps {
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * Disables the dropdown list of buttons that appears when the children expand beyond the horizontal space.
+     *
+     * @defaultValue `false`
+     */
+    disableDropdown?: boolean;
+    /**
+     * Controls the appearance and text content of the dropdown button.
+     */
+    dropDownButtonOptions?: ButtonRownDropDownButtonOptionsProps;
+}
+/** Configures the Dropdown Button in the ButtonRow component */
+export interface ButtonRownDropDownButtonOptionsProps {
+    /**
+     * Sets the content for the dropdown button.
+     *
+     * @defaultValue `"More"`
+     */
+    text?: string;
+    /**
+     * Sets the size of the dropdown button.
+     *
+     * @defaultValue `"md"`
+     */
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * Controls the appearance of the dropdown button
+     *
+     * @defaultValue `"secondary"`
+     */
+    variant?: 'primary' | 'secondary' | 'transparent';
+}
+export interface BaseButtonProps {
+    /**
+     * A function that will be invoked when the button is clicked. Do not use this function for submitting a form; use Form's `onSubmit` function instead.
+     *
+     * @event
+     */
+    onClick?: ReactionsHandler<ExtensionEvent>;
+    /**
+     * A URL that will be opened when the button is clicked. If the value is a URL external to `hubspot.com` it will be opened in a new tab.
+     */
+    href?: HrefProp;
+    /**
+     * Determines whether or not the button should be disabled.
+     */
     disabled?: boolean;
     /**
      * Sets the color variation of the button.
@@ -125,48 +433,6 @@ export interface LoadingButtonProps extends BaseButtonProps, OverlayComponentPro
      */
     resultIconName?: IconNames;
 }
-/**
- * The props type for {@link !components.ButtonRow}.
- *
- * @category Component Props
- */
-export interface ButtonRowProps {
-    /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
-     */
-    children: ReactNode;
-    /**
-     * Disables the dropdown list of buttons that appears when the children expand beyond the horizontal space.
-     *
-     * @defaultValue `false`
-     */
-    disableDropdown?: boolean;
-    /**
-     * Controls the appearance and text content of the dropdown button.
-     */
-    dropDownButtonOptions?: ButtonRownDropDownButtonOptionsProps;
-}
-/** Configures the Dropdown Button in the ButtonRow component */
-export interface ButtonRownDropDownButtonOptionsProps {
-    /**
-     * Sets the content for the dropdown button.
-     *
-     * @defaultValue `"More"`
-     */
-    text?: string;
-    /**
-     * Sets the size of the dropdown button.
-     *
-     * @defaultValue `"md"`
-     */
-    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
-    /**
-     * Controls the appearance of the dropdown button
-     *
-     * @defaultValue `"secondary"`
-     */
-    variant?: 'primary' | 'secondary' | 'transparent';
-}
 /**
  * The props type for {@link !components.Card}.
  *
@@ -363,6 +629,56 @@ export interface DividerProps {
      */
     distance?: AllDistances;
 }
+export interface DropdownOption {
+    /**
+     * Text to be displayed as the menu item text.
+     *
+     */
+    label: string;
+    /**
+     * A function that will be invoked when the item is clicked.
+     * It receives no arguments and its return value is ignored.
+     *
+     * @event
+     */
+    onClick?: () => void;
+}
+/**
+ * The props type for {@link !components.Dropdown}.
+ *
+ * @category Component Props
+ */
+export interface DropdownProps {
+    /**
+     * The list of options to be rendered within the dropdown menu.
+     * Each option represents an entry in the Dropdown.
+     */
+    options: DropdownOption[];
+    /**
+     * Controls the appearance of the dropdown button
+     *
+     * @defaultValue `"secondary"`
+     */
+    variant?: 'primary' | 'secondary' | 'transparent';
+    /**
+     * Sets the content for the dropdown button.
+     *
+     * @defaultValue `"More"`
+     */
+    buttonText?: string;
+    /**
+     * Sets the size of the dropdown button.
+     *
+     * @defaultValue `"md"`
+     */
+    buttonSize?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * Disables the ability to focus and click-to-expand of the dropdown button
+     *
+     * @defaultValue `false`
+     */
+    disabled?: boolean;
+}
 /**
  * The props type for {@link !components.EmptyState}.
  *
@@ -473,6 +789,27 @@ export interface HeadingProps {
      */
     inline?: boolean;
 }
+/**
+ * The props type for {@link !components.Icon}.
+ *
+ * @category Component Props
+ */
+export interface IconProps {
+    /**
+     * Sets the specific icon to display.
+     */
+    name: IconNames;
+    /**
+     * Sets the size of the icon. If this prop is not provided, the icon will default to the size of its parent.
+     *
+     * @defaultValue `"medium"`
+     */
+    size?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
+    /**
+     * Sets the text that a screenreader will read for this icon.
+     */
+    screenReaderText?: string;
+}
 /**
  * The props type for {@link !components.Iframe}.
  *
@@ -493,174 +830,58 @@ export interface IframeProps {
     src: string;
 }
 /**
- * The props type for {@link !components.Icon}.
+ * The props type for {@link !components.Illustration}.
  *
  * @category Component Props
  */
-export interface IconProps {
-    /**
-     * Sets the specific icon to display.
-     */
-    name: IconNames;
-    /**
-     * Sets the size of the icon. If this prop is not provided, the icon will default to the size of its parent.
-     *
-     * @defaultValue `"medium"`
-     */
-    size?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
-    /**
-     * Sets the text that a screenreader will read for this icon.
-     */
-    screenReaderText?: string;
+export interface IllustrationProps {
+    name: IllustrationNames;
+    alt: string;
+    width?: number;
+    height?: number;
 }
-export declare const iconNames: {
-    readonly success: "success";
-    readonly remove: "remove";
-    readonly add: "add";
-    readonly attach: "attach";
-    readonly date: "date";
-    readonly copy: "duplicate";
-    readonly delete: "delete";
-    readonly edit: "edit";
-    readonly email: "email";
-    readonly exclamation: "exclamation";
-    readonly question: "question";
-    readonly home: "home";
-    readonly location: "location";
-    readonly upCarat: "upCarat";
-    readonly downCarat: "downCarat";
-    readonly warning: "warning";
-    readonly shoppingCart: "cart";
-    readonly clock: "time";
-    readonly comment: "comments";
-    readonly contact: "contacts";
-    readonly star: "favorite";
-    readonly file: "file";
-    readonly reports: "reports";
-    readonly video: "video";
-    readonly robot: "simpleBot";
-    readonly refresh: "refresh";
-    readonly faceHappy: "emoji";
-    readonly faceNeutral: "emojiLineNeutral";
-    readonly faceSad: "emojiLineSad";
-    readonly upload: "upload";
-    readonly download: "download";
-    readonly left: "left";
-    readonly right: "right";
-    readonly dataSync: "dataSync";
-    readonly imageGallery: "imageGallery";
-    readonly search: "search";
-    readonly save: "saveEditableView";
-    readonly notification: "notification";
-    readonly bulb: "bulb";
-    readonly settings: "settings";
-    readonly filter: "filter";
-    readonly gauge: "gauge";
-    readonly enroll: "enroll";
-    readonly generateChart: "generateChart";
-    readonly gift: "gift";
-    readonly flame: "highlyEngagedLead";
-    readonly inbox: "inbox";
-    readonly image: "insertImage";
-    readonly quote: "insertQuote";
-    readonly insertVideo: "insertVideo";
-    readonly invoice: "invoice";
-    readonly key: "key";
-    readonly book: "knowledgeBase";
-    readonly globe: "language";
-    readonly lesson: "lesson";
-    readonly link: "link";
-    readonly listView: "listView";
-    readonly locked: "locked";
-    readonly mention: "mention";
-    readonly messages: "messages";
-    readonly mobile: "mobile";
-    readonly notificationOff: "notificationOff";
-    readonly hash: "numericDataType";
-    readonly objectAssociations: "objectAssociations";
-    readonly objectAssociationsManyToMany: "objectAssociationsManyToMany";
-    readonly objectAssociationsManyToOne: "objectAssociationsManyToOne";
-    readonly office365: "office365";
-    readonly order: "order";
-    readonly paymentSubscriptions: "paymentSubscriptions";
-    readonly product: "product";
-    readonly powerPointFile: "powerPointFile";
-    readonly presentation: "presentation";
-    readonly publish: "publish";
-    readonly questionAnswer: "questionAnswer";
-    readonly quickbooks: "quickbooks";
-    readonly readMore: "readMore";
-    readonly realEstateListing: "realEstateListing";
-    readonly readOnlyView: "readOnlyView";
-    readonly recentlySelected: "recentlySelected";
-    readonly record: "record";
-    readonly redo: "redo";
-    readonly undo: "undo";
+export declare const illustrationNames: {
+    readonly lock: "lock";
+    readonly unlock: "unlock";
+    readonly electronicSignature: "electronic-signature";
+    readonly electronicSignatureEmptyState: "electronic-signature-empty-state";
+    readonly callingSetUp: "calling-set-up";
+    readonly companies: "companies";
+    readonly contacts: "contacts";
+    readonly multipleObjects: "multiple-objects";
+    readonly object: "object";
+    readonly task: "task";
+    readonly deals: "deals";
     readonly registration: "registration";
-    readonly replace: "replace";
-    readonly rotate: "rotate";
-    readonly salesQuote: "salesQuote";
-    readonly salesTemplates: "salesTemplates";
-    readonly sequences: "sequences";
-    readonly spellCheck: "spellCheck";
-    readonly strike: "strike";
-    readonly tablet: "tablet";
-    readonly tag: "tag";
-    readonly tasks: "tasks";
-    readonly test: "test";
-    readonly ticket: "ticket";
-    readonly thumbsUp: "thumbsUp";
-    readonly thumbsDown: "thumbsDown";
-    readonly translate: "translate";
-    readonly trophy: "trophy";
-    readonly videoFile: "videoFile";
-    readonly videoPlayerSubtitles: "videoPlayerSubtitles";
-    readonly view: "view";
-    readonly viewDetails: "viewDetails";
-    readonly website: "website";
-    readonly workflows: "workflows";
-    readonly zoomIn: "zoomIn";
-    readonly zoomOut: "zoomOut";
-    readonly goal: "goal";
-    readonly campaigns: "campaigns";
-    readonly cap: "cap";
-    readonly block: "block";
-    readonly bank: "bank";
-    readonly approvals: "approvals";
-    readonly appointment: "appointment";
-    readonly facebook: "socialBlockFacebook";
-    readonly googlePlus: "socialBlockGoogleplus";
-    readonly instagram: "socialBlockInstagram";
-    readonly linkedin: "socialBlockLinkedin";
-    readonly pinterest: "socialBlockPinterest";
-    readonly rss: "socialBlockRss";
-    readonly twitter: "socialBlockTwitter";
-    readonly x: "socialBlockX";
-    readonly xing: "socialBlockXing";
-    readonly youtube: "socialBlockYoutube";
-    readonly youtubePlay: "socialBlockYoutubeplay";
-    readonly sortAlpAsc: "sortAlpAsc";
-    readonly sortAlpDesc: "sortAlpDesc";
-    readonly sortAmtAsc: "sortAmtAsc";
-    readonly sortAmtDesc: "sortAmtDesc";
-    readonly sortNumAsc: "sortNumAsc";
-    readonly sortNumDesc: "sortNumDesc";
-    readonly sortTableAsc: "sortTableAsc";
-    readonly sortTableDesc: "sortTableDesc";
-    readonly text: "text";
-    readonly textColor: "textColor";
-    readonly textDataType: "textDataType";
-    readonly textSnippet: "textSnippet";
-    readonly calling: "calling";
-    readonly callingHangup: "callingHangup";
-    readonly callingMade: "callingMade";
-    readonly callingMissed: "callingMissed";
-    readonly callingVoicemail: "callingVoicemail";
-    readonly faceHappyFilled: "emojiFillHappy";
-    readonly faceNeutralFilled: "emojiFillNeutral";
-    readonly faceSadFilled: "emojiFillSad";
+    readonly developerSecurityUpdate: "developer-security-update";
+    readonly social: "social";
+    readonly leads: "leads";
+    readonly target: "target";
+    readonly emailConfirmation: "email-confirmation";
+    readonly successfullyConnectedEmail: "successfully-connected-email";
+    readonly contentStrategy: "content-strategy";
+    readonly addOnReporting: "add-on-reporting";
+    readonly productsShoppingCart: "products-shopping-cart";
+    readonly store: "store";
+    readonly storeDisabled: "store-disabled";
+    readonly customerSupport: "customer-support";
+    readonly customerExperience: "customer-experience";
+    readonly api: "api";
+    readonly integrations: "integrations";
+    readonly sandboxAddOn: "sandbox-add-on";
+    readonly customObjects: "custom-objects";
+    readonly paymentsButton: "payments-button";
+    readonly automatedTesting: "automated-testing";
+    readonly emptyStateCharts: "empty-state-charts";
+    readonly meetings: "meetings-small";
+    readonly tickets: "ticket-small";
+    readonly errorGeneral: "errors/general";
+    readonly errorHourglass: "errors/hourglass";
+    readonly middlePaneCards: "settings-middle-pane-cards";
+    readonly propertiesSidebar: "settings-properties-sidebar";
+    readonly sidebar: "settings-sidebar";
 };
-export type IconNames = keyof typeof iconNames;
+export type IllustrationNames = keyof typeof illustrationNames;
 /**
  * The props type for {@link !components.Image}.
  *
@@ -962,1802 +1183,1633 @@ export interface DateInputProps extends BaseDateInputForDate {
     todayButtonLabel?: string;
 }
 /**
- * The props type for {@link !components.ProgressBar}.
+ * The props type for {@link !components.Stack}.
  *
  * @category Component Props
  */
-export interface ProgressBarProps {
-    /**
-     * The text that displays above the progress bar.
-     *
-     */
-    title?: string;
+export interface StackProps {
     /**
-     * Accessibility label.
-     *
+     * Sets the spacing between components.
      */
-    'aria-label'?: string;
+    distance?: AllDistances;
     /**
-     * Whether the progress bar displays the completion percentage.
-     *
-     * @defaultValue `false`
+     * Sets the content that will render inside the component.
      */
-    showPercentage?: boolean;
+    children?: React.ReactNode;
     /**
-     * The number representing the progress so far.
-     *
-     * @defaultValue `0`
+     * Arranges components `horizontally` or `vertically` by setting the main axis.
      */
-    value?: number;
+    direction?: 'row' | 'column';
     /**
-     * The maximum value of the progress bar.
-     *
-     * @defaultValue `100`
+     * Distributes components along the main axis using the available free space.
      */
-    maxValue?: number;
+    justify?: 'center' | 'end' | 'start';
     /**
-     * The text that explains the current state of the value property. For example, "150 out of 250". Displays above the progress bar on the right side.
-     *
+     * Distributes components along the cross-axis using the available free space.
      */
-    valueDescription?: string;
+    align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
     /**
-     * The color that indicates the type of progress bar.
-     *
-     * @defaultValue `"success"`
+     * Sets the width of the stack.
      */
-    variant?: 'success' | 'danger' | 'warning';
-    /** @deprecated use maxValue instead */
-    valueMax?: number;
+    width?: 'auto' | '100%';
 }
 /**
- * Generic collection of props for select components
- * @internal
- * */
-export interface BaseSelectProps {
+ * The props type for {@link !components.Flex}.
+ *
+ * @category Component Props
+ */
+export interface FlexProps {
     /**
-     * The text that displays above to the dropdown menu.
+     * Sets the spacing between components.
      *
+     * @defaultValue `"flush"`
      */
-    label?: string;
+    gap?: AllDistances;
     /**
-     * The unique identifier for the select element.
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *
      */
-    name?: string;
+    children?: ReactNode;
     /**
-     * When set to `true`, displays a required field indicator.
+     * Arranges components `horizontally` or `vertically` by setting the main axis.
      *
-     * @defaultValue `false`
+     * @defaultValue `"row"`
      */
-    required?: boolean;
+    direction?: 'row' | 'column';
     /**
-     * When set to `true`, sets the field as read-only on the CRM record, and users will not be able to fill the input field.
+     * Distributes components along the main axis using the available free space.
      *
-     * @defaultValue `false`
+     * @defaultValue `"start"`
      */
-    readOnly?: boolean;
+    justify?: 'center' | 'end' | 'start' | 'around' | 'between';
     /**
-     * Displayed text that describes the field's purpose.
+     * Distributes components along the cross-axis using the available free space.
      *
+     * @defaultValue `"stretch"`
      */
-    description?: string;
+    align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
     /**
-     * The text that displays in a tooltip next to the label.
+     * Overrides Flex's `alignItem` value for this element.
      *
      */
-    tooltip?: string;
+    alignSelf?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
     /**
-     * Text that appears in the input when no value is set.
+     * Whether components will wrap instead of trying to fit on one line.
      *
+     * @defaultValue `"nowrap"`
      */
-    placeholder?: string;
+    wrap?: boolean | 'wrap' | 'nowrap';
+}
+/**
+ * The props type for {@link !components.Box}.
+ *
+ * @category Component Props
+ */
+export interface BoxProps {
     /**
-     * When set to `true`, `validationMessage` is displayed as an error message if provided.
-     * The input will also render its error state to let the user know there's an error.
-     * If left `false` (default), `validationMessage` is displayed as a success message.
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *
-     * @defaultValue `false`
      */
-    error?: boolean;
+    children: ReactNode;
     /**
-     * The text to show if the input has an error.
+     * Overrides Flex's `alignItem` value for this element.
      *
+     * @defaultValue `"auto"`
      */
-    validationMessage?: string;
-    /**
-     * The options to display in the dropdown menu.
-     */
-    options: {
-        /** Will be used as the display text. **/
-        label: string;
-        /** Should be the option's unique identifier, which is submitted with the form. **/
-        value: string | number;
-    }[];
+    alignSelf?: 'start' | 'center' | 'baseline' | 'end' | 'stretch' | 'auto';
     /**
-     * The variant type for the select.
+     * Sets how the item will grow or shrink when it's a direct ancestor of the Flex component.
+     * ##### Options in detail
      *
-     * @defaultValue `"input"`
+     *- `initial`: The item is sized according to its width and height properties. It shrinks to its minimum size to fit the container, but does not grow to absorb any extra free space in the flex container.
+     *- `auto`: The item is sized according to its width and height properties, but grows to absorb any extra free space in the flex container, and shrinks to its minimum size to fit the container.
+     *- `none`: The item is sized according to its width and height properties. It is fully inflexible: it neither shrinks nor grows in relation to the flex container.
+     *- `number`:  Tells a component to fill all available space, shared evenly amongst other components with the same parent. The larger the flex given, the higher the ratio of space a component will take compared to its siblings.
+     *
+     * @defaultValue `"initial"`
      */
-    variant?: 'transparent' | 'input';
+    flex?: 'initial' | 'auto' | 'none' | number;
 }
 /**
- * The props type for {@link !components.Select}.
+ * The props type for {@link !components.Link}.
  *
  * @category Component Props
  */
-export interface SelectProps extends BaseSelectProps {
+export interface LinkProps extends OverlayComponentProps {
     /**
-     * The value of the select input.
+     * Sets the content that will render inside the component.
      *
      */
-    value?: string | number;
+    children: ReactNode;
     /**
-     * A callback function that is invoked when the value is committed.
+     * The URL that will be opened on click. Links to pages in the HubSpot account will open in the same tab, while non-HubSpot links will open in a new tab.
+     *
+     */
+    href: HrefProp;
+    /**
+     * The color variation of the link.
+     *
+     * @defaultValue `"primary"`
+     */
+    variant?: 'primary' | 'destructive' | 'light' | 'dark';
+    /**
+     * A function that will be invoked with the link is clicked.
      *
      * @event
      */
-    onChange?: (value: NonNullable<SelectProps['value']>) => void;
+    onClick?: ReactionsHandler<ExtensionEvent>;
     /**
-     * The variant type for the select.
+     * When set to true, `event.preventDefault()` will be invoked before the `onClick` function is called, preventing automatic navigation to the href URL.
      *
-     * @defaultValue `"input"`
+     * @defaultValue `false`
      */
-    variant?: 'transparent' | 'input';
+    preventDefault?: boolean;
 }
 /**
- * The props type for {@link !components.MultiSelect}.
+ * The props type for {@link !components.List}.
  *
  * @category Component Props
  */
-export interface MultiSelectProps extends BaseSelectProps {
+export interface ListProps {
     /**
-     * The value of the select input.
-     *
+     * The content of the list. Each child will be wrapped in an `li` tag.
      */
-    value?: (string | number)[];
+    children: ReactNode;
     /**
-     * A callback function that is invoked when the value is committed.
+     * The type of list to render.
      *
-     * @event
+     * @defaultValue `"unordered"`
      */
-    onChange?: (value: NonNullable<MultiSelectProps['value']>) => void;
+    variant?: 'unordered' | 'unordered-styled' | 'ordered' | 'ordered-styled' | 'inline' | 'inline-divided';
 }
 /**
- * The props type for {@link !components.StatusTag}.
+ * The props type for {@link !components.LoadingSpinner}.
  *
  * @category Component Props
  */
-export interface StatusTagProps {
+export interface LoadingSpinnerProps {
     /**
-     * The status tag's indicator color.
+     * The text that displays next to the spinner. Note: the label is not shown by default, you must set `showLabel` to `true` to display the label.
      *
-     * @defaultValue `"default"`
      */
-    variant?: 'danger' | 'warning' | 'info' | 'success' | 'default';
+    label: string;
     /**
-     * When set to true, the status tag's dot will be a ring instead.
+     * When set to `true`, the label will appear next to the spinner.
      *
-     * @defaultValue `false `
+     * @defaultValue `false`
      */
-    hollow?: boolean;
+    showLabel?: boolean;
     /**
-     * A function that will be invoked when the status tag is clicked. It receives no arguments and its return value is ignored.
+     * The size of the spinner.
      *
-     * @event
+     * @defaultValue `"sm"`
      */
-    onClick?: () => void;
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
     /**
-     * When set to true, the status tag will show a small clickable 'x' icon.
+     * The position of the spinner. Can be one of `inline` or `centered`.
      *
-     * @defaultValue `false`
+     * @defaultValue `"inline"`
      */
-    showRemoveIcon?: boolean;
+    layout?: 'inline' | 'centered';
+}
+export interface ModalProps {
     /**
-     * A function that will be invoked when the 'x' icon is clicked. It receives no arguments and its return value is ignored.
+     * Accessibility label.
      *
-     * @event
      */
-    onRemoveClick?: () => void;
+    'aria-label'?: string;
     /**
-     * Sets the content that will render inside the StatusTag. This prop is passed implicitly by providing sub-components. We recommend only using a small amount of text.
+     * The main content of the modal when it opens.
+     *
      */
-    children: ReactNode;
-}
-/**
- * The props type for {@link !components.Tag}.
- *
- * @category Component Props
- */
-export interface TagProps extends OverlayComponentProps {
+    children?: ReactNode;
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     * A unique ID for the modal
+     *
      */
-    children: ReactNode;
+    id: string;
     /**
-     * The tag's color. The following variants are available.
+     * A function that will be invoked when the modal has finished opening.
      *
-     * @defaultValue `"default"`
      */
-    variant?: 'default' | 'warning' | 'success' | 'error' | 'info';
+    onOpen?: () => void;
     /**
-     * A function that will be invoked when the tag is clicked.
+     * A function that will be invoked when the modal has finished closing.
      *
-     * @event
      */
-    onClick?: ReactionsHandler<ExtensionEvent>;
+    onClose?: () => void;
     /**
-     * When set to true, this component can be aligned side-by-side with text.
+     * The width of the modal
      *
-     * @defaultValue `false`
+     * @defaultValue `"sm"`
      */
-    inline?: boolean;
-}
-/**
- * @internal
- * Format options for text component.
- */
-export interface TextFormatOptions {
+    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
     /**
-     * Weight of the font.
+     * The title of the modal
      *
-     * @defaultValue `"regular"`
      */
-    fontWeight?: 'regular' | 'bold' | 'demibold';
+    title?: string;
     /**
-     * If `true`, font will be in italicized.
+     * The variant of the modal
      *
-     * @defaultValue `false`
+     * @defaultValue `"default"`
      */
-    italic?: boolean;
+    variant?: 'danger' | 'default';
+}
+export interface ModalBodyProps {
     /**
-     * Line decoration of the font.
+     * The main content of the modal
      *
-     * @defaultValue `"none"`
      */
-    lineDecoration?: 'none' | 'underline' | 'strikethrough';
+    children: ReactNode;
 }
-/**
- * The props type for {@link !components.Text}.
- *
- * @interface
- * @category Component Props
- */
-export type TextProps = {
+export interface ModalFooterProps {
     /**
-     * The style of text to display. Can be either of:
+     * The footer of the modal
      *
-     * - bodytext: the default value which renders the standard text size.
-     * - microcopy: smaller text used for adding context.
+     */
+    children: ReactNode;
+}
+export interface PanelProps {
+    /**
+     * Accessibility label.
      *
-     * @defaultValue `"bodytext"`
      */
-    variant?: 'bodytext' | 'microcopy';
+    'aria-label'?: string;
     /**
-     * When set to `true`, inserts a line break.
+     * The main content of the panel when it opens.
      *
-     * @defaultValue `false`
      */
-    inline?: boolean;
+    children?: ReactNode;
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     * A unique ID for the panel
+     *
      */
-    children: ReactNode;
+    id: string;
     /**
-     * @interface
-     * The style of text to display. Can be any of:
+     * A function that will be invoked when the panel has finished opening.
      *
-     * - { fontWeight: 'bold' }
-     * - { fontWeight: 'demibold' }
-     * - { italic: true }
-     * - { lineDecoration: 'strikethrough' }
-     * - { lineDecoration: 'underline' }
-     * - <Text inline={true}>
      */
-    format?: TextFormatOptions;
+    onOpen?: () => void;
     /**
-     * @interface
-     * truncates long strings to a single line. If the full string doesn't fit in one line,
-     * it's shown in a tooltip on hover.
+     * A function that will be invoked when the panel has finished closing.
      *
-     * - `false` => no truncation(default).
-     * - `true` => truncates the string to a single line. Full-text will show inside the tooltip.
-     * - { tooltipText: 'some text' } => truncates the string and lets you control the contents of the tooltip.
-     * - { maxWidth: 150 } => sets the width(in pixel) of the line.
+     */
+    onClose?: () => void;
+    /**
+     * The width of the panel
      *
-     * @defaultValue `false`
+     * @defaultValue `"sm"`
      */
-    truncate?: boolean | TruncateOptions;
-};
-export interface TruncateOptions {
-    maxWidth?: number;
-    tooltipText?: string;
-}
-/**
- * The props type for {@link !components.Tile}.
- *
- * @category Component Props
- */
-export interface TileProps {
+    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     * The title of the panel
+     *
      */
-    children: ReactNode;
+    title?: string;
     /**
-     * When set to `true`, reduces the default amount of padding around the contents of the Tile.
+     * The variant of the panel
      *
-     * @defaultValue `false`
+     * @defaultValue `"default"`
      */
-    compact?: boolean;
+    variant?: 'modal' | 'default';
+}
+export interface PanelSectionProps {
     /**
-     * When set to `true`, removes left and right padding from tile contents.
+     * When set to `true`, the section will have no bottom margin
      *
      * @defaultValue `false`
      */
     flush?: boolean;
-}
-/** @ignore */
-interface Team {
-    id: number;
-    name: string;
-    teammates: number[];
-}
-/**
- * The props type for {@link !components.Checkbox}.
- *
- * @category Component Props
- */
-export interface CheckboxProps {
     /**
-     * A string representing the value of the input. This is not displayed on the client-side,
-     * but on the server this is the value given to the data submitted with the checkbox's name.
+     * The main content of the section
+     *
      */
-    value?: string;
+    children: ReactNode;
+}
+export interface PanelBodyProps {
     /**
-     * The current status of the input.
+     * The main content of the body
+     *
      */
-    checked?: boolean;
-    /** @deprecated use readOnly instead */
-    readonly?: boolean;
+    children: ReactNode;
+}
+export interface PanelFooterProps {
     /**
-     * When set to `true`, the option cannot be selected.
+     * The main content of the footer
+     *
      */
-    readOnly?: boolean;
+    children: ReactNode;
+}
+/**
+ * The props type for {@link !components.ProgressBar}.
+ *
+ * @category Component Props
+ */
+export interface ProgressBarProps {
     /**
-     * The string that displays below the toggle.
+     * The text that displays above the progress bar.
+     *
      */
-    description?: string;
+    title?: string;
     /**
-     * The unique identifier for the checkbox element.
+     * Accessibility label.
+     *
      */
-    name?: string;
+    'aria-label'?: string;
     /**
-     * The size variation of the checkbox.
+     * Whether the progress bar displays the completion percentage.
      *
-     * @defaultValue `"default"`
+     * @defaultValue `false`
      */
-    variant?: 'default' | 'small';
+    showPercentage?: boolean;
     /**
-     * A function that is called when the `checked` input status changes.
+     * The number representing the progress so far.
      *
-     * @event
+     * @defaultValue `0`
      */
-    onChange?: (checked: boolean, value: string) => void;
-    /** The text that displays in the dropdown menu. */
-    children?: React.ReactNode;
+    value?: number;
     /**
-     * Use the inline prop to arrange checkboxes side-by-side.
+     * The maximum value of the progress bar.
+     *
+     * @defaultValue `100`
      */
-    inline?: boolean;
+    maxValue?: number;
     /**
-     * When set to `true`, the option will be selected by default. Use it to
-     * set the default `checked` state when the component is **uncontrolled**.
+     * The text that explains the current state of the value property. For example, "150 out of 250". Displays above the progress bar on the right side.
+     *
      */
-    initialIsChecked?: boolean;
+    valueDescription?: string;
     /**
-     * Accessibility label. It should be present when the checkbox has no label(children).
+     * The color that indicates the type of progress bar.
+     *
+     * @defaultValue `"success"`
      */
-    'aria-label'?: string;
+    variant?: 'success' | 'danger' | 'warning';
+    /** @deprecated use maxValue instead */
+    valueMax?: number;
 }
 /**
- * The props type for {@link !components.RadioButton}.
- * @category Component Props
- * @interface
- */
-export type RadioButtonProps = Omit<CheckboxProps, 'aria-label'>;
-export type ToggleGroupOption = {
-    /** The text that displays in the dropdown menu. */
-    label: string;
-    /** The unique value that is submitted with the form. */
-    value: string;
-    /** When set to `true`, the option will be selected by default. */
-    initialIsChecked?: boolean;
-    /** When set to `true`, the option cannot be selected. */
-    readonly?: boolean;
-    /** The string that displays below the toggle. */
-    description?: string;
-};
-interface ToggleGroupListBaseProps {
-    name: ToggleGroupProps['name'];
-    options: ToggleGroupProps['options'];
-    variant: ToggleGroupProps['variant'];
-    inline?: boolean;
-}
-export interface CheckboxListProps extends ToggleGroupListBaseProps {
-    value?: CheckboxGroupProps['value'];
-    onChange?: CheckboxGroupProps['onChange'];
-}
-export interface RadioButtonListProps extends ToggleGroupListBaseProps {
-    value?: RadioButtonGroupProps['value'];
-    onChange?: RadioButtonGroupProps['onChange'];
-}
-type ToggleType = 'checkboxList' | 'radioButtonList';
-export interface CommonGroupProps {
+ * Generic collection of props for select components
+ * @internal
+ * */
+export interface BaseSelectProps {
     /**
-     * Denotes the type of list to render.
+     * The text that displays above to the dropdown menu.
+     *
      */
-    toggleType?: ToggleType;
+    label?: string;
     /**
-     * The unique identifier for the toggle group element.
+     * The unique identifier for the select element.
+     *
      */
-    name: string;
+    name?: string;
     /**
-     * The label that displays above the toggle group.
+     * When set to `true`, displays a required field indicator.
+     *
+     * @defaultValue `false`
      */
-    label: string;
+    required?: boolean;
     /**
-     * The text to display if the input has an error.
+     * When set to `true`, sets the field as read-only on the CRM record, and users will not be able to fill the input field.
+     *
+     * @defaultValue `false`
      */
-    validationMessage?: string;
+    readOnly?: boolean;
     /**
-     * When set to `true`, displays a required indicator next to the toggle group.
+     * Displayed text that describes the field's purpose.
      *
-     * @defaultValue `false`
      */
-    required?: boolean;
+    description?: string;
     /**
-     * Text that will appear in a tooltip next to the toggle group label.
+     * The text that displays in a tooltip next to the label.
+     *
      */
     tooltip?: string;
     /**
-     * When set to `true`, `validationMessage` is displayed as an error message if provided. The input will also render its error state to let the user know there is an error. If left false, `validationMessage` is displayed as a success message.
+     * Text that appears in the input when no value is set.
+     *
+     */
+    placeholder?: string;
+    /**
+     * When set to `true`, `validationMessage` is displayed as an error message if provided.
+     * The input will also render its error state to let the user know there's an error.
+     * If left `false` (default), `validationMessage` is displayed as a success message.
      *
      * @defaultValue `false`
      */
     error?: boolean;
     /**
-     * An array of options to display in the dropdown menu.
+     * The text to show if the input has an error.
      *
-     * @defaultValue `[]`
      */
-    options: Array<ToggleGroupOption>;
+    validationMessage?: string;
     /**
-     * When set to `true`, stacks the options horizontally.
-     *
-     * @defaultValue `false`
+     * The options to display in the dropdown menu.
      */
-    inline?: boolean;
+    options: {
+        /** Will be used as the display text. **/
+        label: string;
+        /** Should be the option's unique identifier, which is submitted with the form. **/
+        value: string | number;
+    }[];
     /**
-     * The size variation of the individual options.
+     * The variant type for the select.
      *
-     * @defaultValue `"default"`
+     * @defaultValue `"input"`
      */
-    variant?: 'default' | 'small';
-    value?: string[] | string;
+    variant?: 'transparent' | 'input';
 }
-type CheckboxGroupProps = {
+/**
+ * The props type for {@link !components.Select}.
+ *
+ * @category Component Props
+ */
+export interface SelectProps extends BaseSelectProps {
     /**
-     * Denotes the type of list to render.
+     * The value of the select input.
      *
-     * @defaultValue `"checkboxList"`
      */
-    toggleType: 'checkboxList';
+    value?: string | number;
     /**
-     * A function that is called with the new value or values when the list is updated.
+     * A callback function that is invoked when the value is committed.
      *
      * @event
      */
-    onChange?: (value: string[]) => void;
+    onChange?: (value: NonNullable<SelectProps['value']>) => void;
     /**
-     * The value of the toggle group.
+     * The variant type for the select.
+     *
+     * @defaultValue `"input"`
      */
-    value?: string[];
-} & CommonGroupProps;
-type RadioButtonGroupProps = {
+    variant?: 'transparent' | 'input';
     /**
-     * Denotes the type of list to render.
+     * A function that is called and passed the value every time the search field is
+     * edited by the user. Prefer updating state in onChange as it fires less
+     * frequently, and if you need to update state here, consider debouncing your function.
      *
-     * @defaultValue `"checkboxList"`
+     * @event
      */
-    toggleType: 'radioButtonList';
+    onInput?: (value: string) => void;
+}
+/**
+ * The props type for {@link !components.MultiSelect}.
+ *
+ * @category Component Props
+ */
+export interface MultiSelectProps extends BaseSelectProps {
     /**
-     * A function that is called with the new value or values when the list is updated.
+     * The value of the select input.
      *
-     * @event
      */
-    onChange?: (value: string) => void;
+    value?: (string | number)[];
     /**
-     * The value of the toggle group.
+     * A callback function that is invoked when the value is committed.
+     *
+     * @event
      */
-    value?: string;
-} & CommonGroupProps;
-type DefaultToggleTypeProps = {
-    toggleType?: never;
-} & CheckboxGroupProps;
+    onChange?: (value: NonNullable<MultiSelectProps['value']>) => void;
+}
 /**
- * The props type for {@link !components.ToggleGroup}.
+ * The props type for {@link !components.StatisticsTrend}.
  *
- * @interface
  * @category Component Props
  */
-export type ToggleGroupProps = CheckboxGroupProps | RadioButtonGroupProps | DefaultToggleTypeProps;
-/** @ignore */
-export interface UserContext {
-    id: number;
-    emails: string[];
-    email: string;
-    firstName: string;
-    lastName: string;
-    /** @deprecated Roles will always be empty. Please use teams instead */
-    roles: string[];
-    teams: Team[];
-    locale?: string;
-}
-/** @ignore */
-export interface PortalContext {
-    id: number;
-    timezone: string;
-}
-/** @ignore */
-export interface CrmRecordContext {
-    objectId: number;
-    objectTypeId: string;
-}
-/** @ignore */
-export interface AppContext {
-    appId: number | string;
-    appName?: string;
-    cardTitle?: string;
-}
-/** @ignore */
-export interface BaseContext {
-    user: UserContext;
-    portal: PortalContext;
-}
-/** @ignore */
-export interface CrmContext extends BaseContext {
-    location: 'crm.record.tab' | 'crm.record.sidebar' | 'crm.preview' | 'helpdesk.sidebar';
-    crm: CrmRecordContext;
-    extension?: AppContext;
-}
-/** @ignore */
-export interface SettingsContext extends BaseContext {
-    location: 'settings';
-}
-/** @ignore */
-export interface GenericContext extends BaseContext {
-    location: 'uie.playground.middle';
-}
-export interface StackProps {
-    distance?: AllDistances;
-    children?: React.ReactNode;
-    direction?: 'row' | 'column';
-    justify?: 'center' | 'end' | 'start';
-    align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
-    width?: 'auto' | '100%';
+export interface StatisticsTrendProps {
+    /**
+     * The text to be displayed as the trend value.
+     */
+    value: string;
+    /**
+     * The direction of the trend arrow.
+     *
+     * @defaultValue `"increase"`
+     */
+    direction: 'increase' | 'decrease';
+    /**
+     * The color of the trend arrow.
+     */
+    color?: 'red' | 'green';
 }
 /**
- * The props type for {@link !components.Flex}.
+ * The props type for {@link !components.StatisticsItem}.
  *
  * @category Component Props
  */
-export interface FlexProps {
+export interface StatisticsItemProps {
     /**
-     * Sets the spacing between components.
-     *
-     * @defaultValue `"flush"`
+     * The unique identifier.
      */
-    gap?: AllDistances;
+    id?: string;
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
-     *
+     * The item's label text.
+     */
+    label: string;
+    /**
+     * The string to be displayed as the item's primary number.
+     */
+    number: string | number;
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.StatisticsTrend} or {@link !components.Text}.
      */
     children?: ReactNode;
+}
+/**
+ * The props type for {@link !components.Statistics}.
+ *
+ * @category Component Props
+ */
+export interface StatisticsProps {
     /**
-     * Arranges components `horizontally` or `vertically` by setting the main axis.
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.StatisticsItem}.
+     */
+    children: ReactNode;
+}
+/**
+ * The props type for {@link !components.StatusTag}.
+ *
+ * @category Component Props
+ */
+export interface StatusTagProps {
+    /**
+     * The status tag's indicator color.
      *
-     * @defaultValue `"row"`
+     * @defaultValue `"default"`
      */
-    direction?: 'row' | 'column';
+    variant?: 'danger' | 'warning' | 'info' | 'success' | 'default';
     /**
-     * Distributes components along the main axis using the available free space.
+     * When set to true, the status tag's dot will be a ring instead.
      *
-     * @defaultValue `"start"`
+     * @defaultValue `false `
      */
-    justify?: 'center' | 'end' | 'start' | 'around' | 'between';
+    hollow?: boolean;
     /**
-     * Distributes components along the cross-axis using the available free space.
+     * A function that will be invoked when the status tag is clicked. It receives no arguments and its return value is ignored.
      *
-     * @defaultValue `"stretch"`
+     * @event
      */
-    align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
+    onClick?: () => void;
     /**
-     * Distributes a child component along the cross-axis using the available free space. Use this prop for nested child Flex and Box components to align them differently from other child components in the Flex.
+     * When set to true, the status tag will show a small clickable 'x' icon.
      *
+     * @defaultValue `false`
      */
-    alignSelf?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
+    showRemoveIcon?: boolean;
     /**
-     * Whether components will wrap instead of trying to fit on one line.
+     * A function that will be invoked when the 'x' icon is clicked. It receives no arguments and its return value is ignored.
      *
-     * @defaultValue `"nowrap"`
+     * @event
      */
-    wrap?: boolean | 'wrap' | 'nowrap';
+    onRemoveClick?: () => void;
+    /**
+     * Sets the content that will render inside the StatusTag. This prop is passed implicitly by providing sub-components. We recommend only using a small amount of text.
+     */
+    children: ReactNode;
 }
 /**
- * The props type for {@link !components.StatisticsTrend}.
+ * The props type for {@link !components.StepIndicator}.
  *
  * @category Component Props
  */
-export interface StatisticsTrendProps {
+export interface StepIndicatorProps {
     /**
-     * The text to be displayed as the trend value.
+     * An array containing the name of each step.
      */
-    value: string;
+    stepNames: string[];
     /**
-     * The direction of the trend arrow.
+     * The orientation of the indicator.
      *
-     * @defaultValue `"increase"`
+     * @defaultValue `"horizontal"`
      */
-    direction: 'increase' | 'decrease';
+    direction?: 'horizontal' | 'vertical';
     /**
-     * The color of the trend arrow.
+     * The size of the indicator circles.
+     *
+     * @defaultValue `"small"`
      */
-    color?: 'red' | 'green';
+    circleSize?: AllSizes;
+    /**
+     * The currently active step. Steps are 0-based.
+     */
+    currentStep?: number;
+    /**
+     * The visual style of the component.
+     *
+     * - default: default spacing.
+     * - compact: only shows the title of the currently active step.
+     * - flush: only shows the title of the currently active step and removes left and right margins.
+     *
+     * @defaultValue `"default"`
+     */
+    variant?: 'default' | 'compact' | 'flush';
+    /**
+     * A function that will be invoked when a step in the indicator is clicked. The function receives the current step index as an argument (zero-based). Use this to update the currently active step.
+     *
+     * @event
+     */
+    onClick?: (stepIndex: number) => void;
+}
+export interface AlignmentProps {
+    align?: 'left' | 'center' | 'right';
+}
+export interface WidthProps {
+    width?: 'min' | 'max' | 'auto' | number;
+}
+export interface TableElementProps {
+    children: ReactNode;
 }
 /**
- * The props type for {@link !components.StatisticsItem}.
+ * @property align Sets the alignment of a table header.
+ * @property width Sets the width of a table header.
+ *
+ * @interface
+ */
+export type BaseTableHeaderProps = TableElementProps & AlignmentProps & WidthProps;
+export type TableCellProps = TableElementProps & AlignmentProps & WidthProps;
+/**
+ * The props type for {@link !components.TableHeader} when sorted === never.
  *
  * @category Component Props
  */
-export interface StatisticsItemProps {
-    /**
-     * The unique identifier.
-     */
-    id?: string;
+export interface UnSortedTableHeaderProps extends BaseTableHeaderProps {
+    sortDirection?: 'never';
+}
+/**
+ * The props type for {@link !components.TableHeader} when sorted !== never.
+ *
+ * @category Component Props
+ */
+export interface SortedTableHeaderProps extends BaseTableHeaderProps {
     /**
-     * The item's label text.
+     * Sets the current direction in which the column is sorted (if any). It's a visual indicator, it doesn't modify the data.
+     *
+     * @defaultValue `"none"`
      */
-    label: string;
+    sortDirection: 'ascending' | 'descending' | 'none';
     /**
-     * The string to be displayed as the item's primary number.
+     * A callback function that is invoked when the header is clicked. It recieves the new `sortDirection` as an argument.
+     * It's required when sort = `ascending`, `descending` or `none`.
+     *
+     * @event
+     * @defaultValue `"none"`
      */
-    number: string | number;
+    onSortChange: (value: NonNullable<SortedTableHeaderProps['sortDirection']>) => void;
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.StatisticsTrend} or {@link !components.Text}.
+     * If `true`, users cannot change the sort ordering. It has no effect if sort=`never` or `undefined`.
+     *
+     *  @defaultValue `false`
      */
-    children?: ReactNode;
+    disabled?: boolean;
 }
 /**
- * The props type for {@link !components.Statistics}.
+ * The props type for {@link !components.TableHeader}.
  *
  * @category Component Props
  */
-export interface StatisticsProps {
+export type TableHeaderProps = SortedTableHeaderProps | UnSortedTableHeaderProps;
+interface BaseTableProps {
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.StatisticsItem}.
+     * When set to false, the table will not have borders.
+     *
+     * @defaultValue `true`
+     */
+    bordered?: boolean;
+    /**
+     * When set to `true`, the table will not have bottom margin.
+     *
+     * @defaultValue `false`
+     */
+    flush?: boolean;
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be one of Table's subcomponents.
      */
     children: ReactNode;
 }
 /**
- * @category Serverless
+ * @internal
  */
-export interface ServerlessRunnerParams {
+export interface TableNoPaginatedProps extends BaseTableProps {
     /**
-     * Name of the serverless function
+     * When set to `true`, the table will include pagination navigation. Take a look at {@link !types.TablePaginatedProps} for pagination props.
+     *
+     * @defaultValue `false`
      */
-    name: string;
+    paginated?: false;
+}
+/**
+ * @internal
+ */
+export interface TablePaginatedProps extends BaseTableProps {
     /**
-     * Names of CRM object properties to be retrieved and supplied to the function as `context.propertiesToSend`
+     * When set to `true`, the table will include pagination navigation. Take a look at {@link !types.TablePaginatedProps} for pagination props.
+     *
+     * @defaultValue `false`
      */
-    propertiesToSend?: string[];
+    paginated: true;
     /**
-     * Additional parameters to be supplied to the function as `context.parameters`
+     * The total number of pages available.
      */
-    parameters?: JsonValue;
+    pageCount: number;
     /**
-     * @deprecated Optional payload supplied to the function as `context.event.payload`.
-     * Support for this param may be removed in the future. Use `parameters` instead.
+     * When set to `false`, hides the text labels for the First/Prev/Next buttons. The button labels will still be accessible to screen readers.
+     *
+     * @defaultValue `true`
      */
-    payload?: JsonValue;
-}
-/**
- * @category Serverless
- */
-export declare enum ServerlessExecutionStatus {
-    Success = "SUCCESS",
-    Error = "ERROR"
+    showButtonLabels?: boolean;
+    /**
+     * When set to `true`, displays the **First/Last** page buttons.
+     *
+     * @defaultValue `false`
+     */
+    showFirstLastButtons?: boolean;
+    /**
+     * Sets how many page buttons are displayed.
+     */
+    maxVisiblePageButtons?: number;
+    /**
+     * Denotes the current page.
+     */
+    page?: number;
+    /**
+     * A function that will be invoked when the pagination button is clicked. It receives the new page number as argument.
+     *
+     * @event
+     */
+    onPageChange: (pageNumber: number) => void;
 }
 /**
- * @category Serverless
+ * The props type for {@link !components.Table}.
+ *
+ * @category Component Props
  */
-export type ServerlessExecutionResult = {
-    status: ServerlessExecutionStatus.Success;
-    response: JsonValue;
-} | {
-    status: ServerlessExecutionStatus.Error;
-    message: string;
-};
+export type TableProps = TableNoPaginatedProps | TablePaginatedProps;
+export interface TabsProps {
+    /**
+     * Sets the content that will render inside the component.
+     */
+    children?: ReactNode;
+    /**
+     * Callback when the selected tab changes.
+     */
+    onSelectedChange?: ((selectedId: string) => void) | ((selectedId: number) => void) | ((selectedId: number | string) => void);
+    /**
+     * The initially selected tab ID.
+     */
+    defaultSelected?: string | number;
+    /**
+     * The currently selected tab ID (controlled component).
+     */
+    selected?: string | number;
+    /**
+     * Visual style variant of the tabs.
+     * @defaultValue 'default'
+     */
+    variant?: 'default' | 'enclosed';
+    /**
+     * Whether the tab should fill available space.
+     */
+    fill?: boolean;
+}
+export interface TabProps {
+    /**
+     * Whether the tab is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Unique identifier for the tab.
+     */
+    tabId?: string | number;
+    /**
+     * The title text of the tab.
+     */
+    title?: string;
+    /**
+     * The content to display when this tab is selected.
+     */
+    children?: ReactNode;
+    /**
+     * The tooltip text of the tab.
+     */
+    tooltip?: string;
+    /**
+     * The tab's tooltip placement
+     * @defaultValue 'top'
+     */
+    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+}
 /**
- * @category Serverless
+ * The props type for {@link !components.Tag}.
+ *
+ * @category Component Props
  */
-export type ServerlessFuncRunner = (params: ServerlessRunnerParams) => Promise<ServerlessExecutionResult>;
+export interface TagProps extends OverlayComponentProps {
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * The tag's color. The following variants are available.
+     *
+     * @defaultValue `"default"`
+     */
+    variant?: 'default' | 'warning' | 'success' | 'error' | 'info';
+    /**
+     * A function that will be invoked when the tag is clicked.
+     *
+     * @event
+     */
+    onClick?: ReactionsHandler<ExtensionEvent>;
+    /**
+     * When set to true, this component can be aligned side-by-side with text.
+     *
+     * @defaultValue `false`
+     */
+    inline?: boolean;
+}
 /**
- *  @ignore
- *  @category Serverless
+ * @internal
+ * Format options for text component.
  */
-export interface ServerlessExecutionRequest {
-    appId: number;
-    extensibleCardId: number;
-    serverlessFunction: string;
-    location: keyof ExtensionPoints;
-    objectQuery?: {
-        objectId: number;
-        objectTypeId: string;
-        objectPropertyNames: string[];
-    };
-    parameters?: JsonValue;
-    event?: {
-        type: 'SERVERLESS_ACTION_HOOK';
-        payload: JsonValue;
-    };
-    objectId?: number;
-    objectTypeId?: string;
+export interface TextFormatOptions {
+    /**
+     * Weight of the font.
+     *
+     * @defaultValue `"regular"`
+     */
+    fontWeight?: 'regular' | 'bold' | 'demibold';
+    /**
+     * If `true`, font will be in italicized.
+     *
+     * @defaultValue `false`
+     */
+    italic?: boolean;
+    /**
+     * Line decoration of the font.
+     *
+     * @defaultValue `"none"`
+     */
+    lineDecoration?: 'none' | 'underline' | 'strikethrough';
+    /**
+     * Controls the capitalization of text.
+     *
+     * - `none`: No capitalization changes (default)
+     * - `uppercase`: Transforms all characters to uppercase
+     * - `lowercase`: Transforms all characters to lowercase
+     * - `capitalize`: Capitalizes the first letter of each word
+     * - `sentenceCase`: Capitalizes the first letter of the text and makes the rest lowercase
+     *
+     * @defaultValue `"none"`
+     */
+    textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize' | 'sentenceCase';
+}
+export interface TruncateOptions {
+    maxWidth?: number;
+    tooltipText?: string;
 }
 /**
- * @category Serverless
+ * The props type for {@link !components.Text}.
+ *
+ * @interface
+ * @category Component Props
  */
-export interface ServerlessExecutionResponse {
-    logId: string;
-    response?: JsonValue;
+export type TextProps = {
+    /**
+     * The style of text to display. Can be either of:
+     *
+     * - bodytext: the default value which renders the standard text size.
+     * - microcopy: smaller text used for adding context.
+     *
+     * @defaultValue `"bodytext"`
+     */
+    variant?: 'bodytext' | 'microcopy';
+    /**
+     * When set to `true`, inserts a line break.
+     *
+     * @defaultValue `false`
+     */
+    inline?: boolean;
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * @interface
+     * The style of text to display. Can be any of:
+     *
+     * - { fontWeight: 'bold' }
+     * - { fontWeight: 'demibold' }
+     * - { italic: true }
+     * - { lineDecoration: 'strikethrough' }
+     * - { lineDecoration: 'underline' }
+     * - <Text inline={true}>
+     */
+    format?: TextFormatOptions;
+    /**
+     * @interface
+     * truncates long strings to a single line. If the full string doesn't fit in one line,
+     * it's shown in a tooltip on hover.
+     *
+     * - `false` => no truncation(default).
+     * - `true` => truncates the string to a single line. Full-text will show inside the tooltip.
+     * - { tooltipText: 'some text' } => truncates the string and lets you control the contents of the tooltip.
+     * - { maxWidth: 150 } => sets the width(in pixel) of the line.
+     *
+     * @defaultValue `false`
+     */
+    truncate?: boolean | TruncateOptions;
+};
+/**
+ * The props type for {@link !components.Tile}.
+ *
+ * @category Component Props
+ */
+export interface TileProps {
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * When set to `true`, reduces the default amount of padding around the contents of the Tile.
+     *
+     * @defaultValue `false`
+     */
+    compact?: boolean;
+    /**
+     * When set to `true`, removes left and right padding from tile contents.
+     *
+     * @defaultValue `false`
+     */
+    flush?: boolean;
 }
 /**
- * @category Serverless
+ * The props type for {@link !components.Toggle}.
+ *
+ * @category Component Props
  */
-export interface ServerlessErrorResponse {
-    responseJSON?: {
-        message: string;
-        correlationId: string;
-        category: string;
-        subCategory?: string;
-        errors?: {
-            message: string;
-            subCategory: string;
-        }[];
-    };
-    status: number;
-}
-/** @ignore */
-export interface BaseExtensionContextData {
-    appId: number | string;
-    appName?: string;
-    cardId: string;
-    cardTitle?: string;
-    location: keyof ExtensionPoints;
-    sourceId?: string | null;
-    appAccessLevel: 'PUBLIC' | 'PRIVATE';
-    additionalProperties?: {
-        [key: string]: string;
-    } | null;
-}
-/** @ignore */
-export interface CrmExtensionContextData extends BaseExtensionContextData {
-    objectId: number | string;
-    objectTypeId: string;
-}
-/** @ignore */
-export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
-/** @ignore */
-export interface ExtensionPointContract {
-    actions?: {
-        [k: string]: ExtensionPointAction;
-    } | {};
-    context: BaseContext;
-    customComponents: Record<string, ComponentType<any>>;
-}
-/** @ignore */
-type AlertType = 'info' | 'warning' | 'success' | 'danger' | 'tip' | undefined;
-/** @ignore */
-export type AddAlertAction = (args: {
-    type?: AlertType;
-    message: string;
-    title?: string;
-}) => void;
-/** @ignore */
-export type ReloadPageAction = () => void;
-/** @ignore */
-export type FetchCrmObjectPropertiesAction = (properties: string[] | '*') => Promise<Record<string, string>>;
-/** @ignore */
-export type OpenIframeModalAction = (action: OpenIframeActionPayload, onClose?: () => void) => void;
-/** @ignore */
-export type refreshObjectPropertiesAction = () => void;
-/** @ignore */
-export type onCrmPropertiesUpdateAction = (properties: string[] | '*', callback: (properties: Record<string, string>, error?: {
-    message: string;
-}) => void) => void;
-/** @ignore */
-export type CloseOverlayAction = (id: string) => void;
-/** @ignore */
-export interface CrmHostActions {
-    addAlert: AddAlertAction;
-    reloadPage: ReloadPageAction;
-    fetchCrmObjectProperties: FetchCrmObjectPropertiesAction;
-    openIframeModal: OpenIframeModalAction;
-    refreshObjectProperties: refreshObjectPropertiesAction;
-    onCrmPropertiesUpdate: onCrmPropertiesUpdateAction;
-}
-/** @ignore */
-export interface UiePlatformActions {
-    copyTextToClipboard: Clipboard['writeText'];
-    closeOverlay: CloseOverlayAction;
-    reloadPage: ReloadPageAction;
-}
-/** @ignore */
-export interface StandardCrmExtensionPoint extends ExtensionPointContract {
-    actions: CrmHostActions & UiePlatformActions;
-    context: CrmContext;
-    customComponents: {
-        CrmPropertyList: ComponentType<CrmPropertyListProps>;
-        CrmAssociationTable: ComponentType<CrmAssociationTableProps>;
-        CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
-        CrmReport: ComponentType<CrmReportProps>;
-        CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
-        CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
-        CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
-        CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
-        CrmRelativeTimeline?: ComponentType<CrmRelativeTimelineProps>;
-        CrmStageTracker: ComponentType<CrmStageTrackerProps>;
-        CrmStatistics?: ComponentType<CrmStatisticsProps>;
-        CrmActionButton?: ComponentType<CrmActionButtonProps>;
-        CrmActionLink?: ComponentType<CrmActionLinkProps>;
-        CrmCardActions?: ComponentType<CrmCardActionsProps>;
-    };
-}
-/** @deprecated this interface has been replaced by StandardCrmExtensionPoint */
-export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
-    actions: CrmHostActions;
-    context: CrmContext;
-    customComponents: {
-        CrmPropertyList: ComponentType<CrmPropertyListProps>;
-        CrmAssociationTable: ComponentType<CrmAssociationTableProps>;
-        CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
-        CrmReport: ComponentType<CrmReportProps>;
-        CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
-        CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
-        CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
-        CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
-        CrmRelativeTimeline?: ComponentType<CrmRelativeTimelineProps>;
-        CrmStageTracker: ComponentType<CrmStageTrackerProps>;
-        CrmStatistics?: ComponentType<CrmStatisticsProps>;
-        CrmActionButton?: ComponentType<CrmActionButtonProps>;
-        CrmActionLink?: ComponentType<CrmActionLinkProps>;
-        CrmCardActions?: ComponentType<CrmCardActionsProps>;
-    };
-}
-/** @ignore */
-export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
-    actions: CrmHostActions & UiePlatformActions;
-    context: CrmContext;
-    customComponents: {
-        CrmActionButton?: ComponentType<CrmActionButtonProps>;
-        CrmActionLink?: ComponentType<CrmActionLinkProps>;
-    };
-}
-/** @ignore */
-export interface SettingsExtensionPoint extends ExtensionPointContract {
-    actions: UiePlatformActions;
-    context: SettingsContext;
-}
-/** @ignore */
-export interface CrmDataHighlightProps {
-    properties: Array<string>;
-    objectTypeId?: string;
-    objectId?: number;
-}
-/** @ignore */
-export interface CrmReportProps {
-    reportId: string;
-    use?: 'associations' | 'subject' | 'unfiltered';
-}
-/** @ignore */
-export interface CrmPropertyListProps {
-    properties: Array<string>;
-    direction?: string;
-    objectTypeId?: string;
-    objectId?: number;
-}
-/** @ignore */
-type CrmSortDescriptor = {
-    columnName: string;
-    direction: 1 | -1;
-};
-/** @ignore */
-interface CrmSearchFilter {
-    operator: 'EQ' | 'NEQ' | 'LT' | 'LTE' | 'GT' | 'GTE' | 'BETWEEN' | 'IN' | 'NOT_IN' | 'HAS_PROPERTY' | 'NOT_HAS_PROPERTY';
-    value?: string | number;
-    values?: string | number;
-    highValue?: string | number;
-    property: string;
-}
-/** @ignore */
-export interface CrmAssociationTableProps {
-    objectTypeId: string;
-    propertyColumns: Array<string>;
-    quickFilterProperties?: Array<string>;
-    searchable?: boolean;
-    pagination?: boolean;
-    associationLabelFilter?: boolean;
-    pageSize?: number;
-    preFilters?: Array<CrmSearchFilter>;
-    sort?: Array<CrmSortDescriptor>;
-}
-/** @ignore */
-export interface CrmAssociationPivotProps {
-    objectTypeId: string;
-    associationLabels?: Array<string>;
-    maxAssociations?: number;
-    preFilters?: Array<CrmSearchFilter>;
-    sort?: Array<CrmSortDescriptor>;
-}
-/** @ignore */
-export interface CrmAssociationPropertyListProps {
-    objectTypeId: string;
-    properties: Array<string>;
-    associationLabels?: Array<string>;
-    filters?: Array<CrmSearchFilter>;
-    sort?: Array<CrmSortDescriptor>;
-}
-/** @ignore */
-export interface CrmAssociationStageTrackerProps {
-    objectTypeId: string;
-    properties: Array<string>;
-    associationLabels?: Array<string>;
-    filters?: Array<CrmSearchFilter>;
-    showProperties?: boolean;
-    sort?: Array<CrmSortDescriptor>;
-}
-/** @ignore */
-export interface CrmSimpleDeadlineProps {
-    endDatePropertyName: string;
-    properties: Array<string>;
-    progressTheme?: ProgressTheme;
-    showProperties?: boolean;
-    startDatePropertyName: string;
-}
-/** @ignore */
-export interface CrmRelativeTimelineProps {
-    properties: Array<string>;
-}
-/** @ignore */
-export interface CrmStageTrackerProps {
-    objectId?: number;
-    objectTypeId?: string;
-    properties: Array<string>;
-    showProperties?: boolean;
-}
-/** @ignore */
-interface BaseCrmStatisticItem {
-    label: string;
-}
-/** @ignore */
-interface FilterGroup {
-    filters: Array<CrmSearchFilter>;
-}
-/** @ignore */
-interface ProgressTheme {
-    backgroundColor?: string;
-    completedColor?: string;
-    upcomingColor?: string;
-    borderRadius?: string | number;
-    height?: string | number;
-    completedGradient?: Gradient;
-    upcomingGradient?: Gradient;
-}
-/** @ignore */
-interface Gradient {
-    startColor: string;
-    endColor: string;
-}
-/** @ignore */
-interface BasicMetricItem extends BaseCrmStatisticItem {
-    statisticType: 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'DISTINCT_APPROX' | 'COUNT';
-    propertyName: string;
-    filterGroups?: Array<FilterGroup>;
-}
-/** @ignore */
-interface PercentileMetricItem extends BaseCrmStatisticItem {
-    statisticType: 'PERCENTILES';
-    propertyName: string;
-    percentile: number;
-    filterGroups?: Array<FilterGroup>;
-}
-/** @ignore */
-type CrmStatisticItem = BasicMetricItem | PercentileMetricItem;
-/** @ignore */
-export interface CrmStatisticsProps {
-    objectTypeId: string;
-    statistics: Array<CrmStatisticItem>;
-}
-/** @ignore */
-interface ObjectCoordinates {
-    objectTypeId: string;
-    objectId: number;
-}
-/** @ignore */
-interface OpenRecordAssociationFormArgs {
-    objectTypeId: string;
-    association: {
-        objectTypeId: string;
-        objectId: number;
-    };
-}
-/** @ignore */
-interface ActivityCreatorActionArgs {
-    objectTypeId: string;
-    objectId: number;
-    windowVariant?: 'windowed' | 'fullscreen';
-}
-/** @ignore */
-interface EngagementAppLinkArgs {
-    objectId: number | string;
-    objectTypeId: string;
-    engagementId: number | string;
-    external?: boolean;
-}
-/** @ignore */
-interface RecordAppLinkArgs {
-    includeEschref?: boolean;
-    objectId: number;
-    objectTypeId: string;
-    external?: boolean;
-}
-/** @ignore */
-interface PageAppLinkArgs {
-    path: string;
-    external?: boolean;
-}
-/** @ignore */
-interface ExternalUrlArgs {
-    href: string;
-}
-interface OpenRecordCreatorFormArgs {
-    objectTypeId: string;
-}
-/** @ignore */
-interface ActionArgs {
-    PREVIEW_OBJECT: ObjectCoordinates;
-    ADD_NOTE: ActivityCreatorActionArgs;
-    ADD_TASK: ActivityCreatorActionArgs;
-    SEND_EMAIL: ActivityCreatorActionArgs;
-    SCHEDULE_MEETING: ActivityCreatorActionArgs;
-    OPEN_RECORD_CREATOR_FORM: OpenRecordCreatorFormArgs;
-    OPEN_RECORD_ASSOCIATION_FORM: OpenRecordAssociationFormArgs;
-    ENGAGEMENT_APP_LINK: EngagementAppLinkArgs;
-    RECORD_APP_LINK: RecordAppLinkArgs;
-    PAGE_APP_LINK: PageAppLinkArgs;
-    EXTERNAL_URL: ExternalUrlArgs;
-    OPEN_WORKFLOW_ENROLLMENT_MODAL: ObjectCoordinates;
-}
-/** @ignore */
-export type ArgsFor<SpecificActionType extends ActionType> = ActionArgs[SpecificActionType];
-export type ActionType = 'PREVIEW_OBJECT' | 'ADD_NOTE' | 'ADD_TASK' | 'SEND_EMAIL' | 'SCHEDULE_MEETING' | 'OPEN_RECORD_CREATOR_FORM' | 'OPEN_RECORD_ASSOCIATION_FORM' | 'ENGAGEMENT_APP_LINK' | 'RECORD_APP_LINK' | 'PAGE_APP_LINK' | 'EXTERNAL_URL' | 'OPEN_WORKFLOW_ENROLLMENT_MODAL';
-/** @ignore */
-interface BaseActionComponent {
-    children: ReactNode;
-    actionType: ActionType;
-    actionContext: ArgsFor<ActionType>;
-    onError?: (errors: string[]) => void;
-}
-/** @ignore */
-export interface CrmActionButtonProps extends BaseActionComponent {
-    variant?: 'primary' | 'secondary' | 'destructive';
-    type?: 'button' | 'reset' | 'submit';
-    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
-    onClick?: () => void;
-}
-/** @ignore */
-export interface CrmActionLinkProps extends BaseActionComponent {
-    variant?: 'primary' | 'light' | 'dark' | 'destructive';
-}
-/** @ignore */
-export interface ActionLibraryButtonCardActionConfig<SpecificActionType extends ActionType = ActionType> {
-    type: 'action-library-button';
-    actionType: SpecificActionType;
-    actionContext: ArgsFor<SpecificActionType>;
-    label?: string;
-    disabled?: boolean;
-    tooltipText?: string;
-}
-/** @ignore */
-export type DropdownCardActionConfigOptions = [
-    ActionLibraryButtonCardActionConfig,
-    ...ActionLibraryButtonCardActionConfig[]
-];
-/** @ignore */
-export interface DropdownCardActionConfig {
-    type: 'dropdown';
-    options: DropdownCardActionConfigOptions;
-    label?: string;
-    disabled?: boolean;
-    tooltipText?: string;
-}
-/** @ignore */
-type ErrorHandler = (errors: string[]) => void;
-/** @ignore */
-type CardActionConfig = ActionLibraryButtonCardActionConfig | DropdownCardActionConfig;
-/** @ignore */
-export type CrmCardActionsProps = {
-    actionConfigs: Array<CardActionConfig>;
-    onError?: ErrorHandler;
-};
-/** @ignore */
-interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
-    actions: {
-        warn: () => void;
-    };
-    context: GenericContext;
-    customComponents: {
-        ExampleCrmComponent: ComponentType<ExampleCrmComponentProps>;
-    };
-}
-export declare const EXTENSION_POINT_LOCATIONS: readonly ["crm.preview", "crm.record.sidebar", "crm.record.tab", "helpdesk.sidebar", "uie.playground.middle", "settings"];
-export type ExtensionPointLocation = TypesOfReadOnlyArray<typeof EXTENSION_POINT_LOCATIONS>;
-/** @ignore */
-interface LocationToExtensionPoint {
-    'uie.playground.middle': RemotePlaygroundExtensionPoint;
-    'crm.record.tab': StandardCrmExtensionPoint;
-    'crm.preview': StandardCrmExtensionPoint;
-    'crm.record.sidebar': CrmSidebarExtensionPoint;
-    'helpdesk.sidebar': StandardCrmExtensionPoint;
-    settings: SettingsExtensionPoint;
-}
-/**
- * While this resolves to the same result as LocationToExtensionPoint, it ensures that every location
- * from ExtensionPointLocation is explicitly included. This way, EXTENSION_POINT_LOCATIONS becomes
- * the single source of truth for defining all locations.
- */
-type _ExtensionPoints = {
-    [key in ExtensionPointLocation]: LocationToExtensionPoint[key];
-};
-export interface ExtensionPoints extends _ExtensionPoints {
-}
-export interface ExampleCrmComponentProps {
-    name: string;
-    size: 'sm' | 'md' | 'lg';
-    count: number;
-}
-/** @ignore */
-export type PanelAction = (panelId: string) => void;
-/** @ignore */
-export type ModalAction = (modalId: string) => void;
-/** @ignore */
-export interface Reactions {
-    openPanel: PanelAction;
-    closePanel: PanelAction;
-    openModal: ModalAction;
-    closeModal: ModalAction;
-}
-/** @ignore */
-export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
-    runServerlessFunction: ServerlessFuncRunner;
-    actions: ExtensionPoints[ExtensionPointName]['actions'];
-    context: ExtensionPoints[ExtensionPointName]['context'];
-}
-/** @ignore */
-interface OpenIframeActionPayload {
-    uri: string;
-    height: number;
-    width: number;
-    /** @deprecated This property is no longer functional and has no effect. Please avoid using it, as it will be removed in future updates */
-    associatedObjectProperties?: string[];
-    title?: string;
-    flush?: boolean;
-}
-/**
- * The props type for {@link !components.LoadingSpinner}.
- *
- * @category Component Props
- */
-export interface LoadingSpinnerProps {
+export interface ToggleProps {
+    /**
+     * The current status of the input.
+     */
+    checked?: boolean;
+    /**
+     * When set to `true`, the option cannot be selected.
+     */
+    readonly?: boolean;
+    /**
+     * The unique identifier for the toggle element.
+     */
+    name?: string;
+    /**
+     * The size variation of the toggle.
+     *
+     * @defaultValue `"medium"`
+     */
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | 'default';
     /**
-     * The text that displays next to the spinner.
+     * A function that is called when the `checked` input status changes.
      *
+     * @event
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * When set to `true`, the option will be selected by default. Use it to
+     * set the default `checked` state when the component is **uncontrolled**.
+     */
+    initialIsChecked?: boolean;
+    /**
+     * The companion text of for Toggle. It can be displayed on top,
+     * inline, or hidden. When hidden, it will remain usable for screen readers.
      */
     label: string;
     /**
-     * When set to `true`, the label will appear next to the spinner.
+     * Controls the display setting of the label prop.
      *
-     * @defaultValue `false`
+     * @defaultValue `"inline"`
      */
-    showLabel?: boolean;
+    labelDisplay?: 'inline' | 'top' | 'hidden';
     /**
-     * The size of the spinner.
+     * The text that appears on the Toggle when `checked={true}`.
      *
-     * @defaultValue `"sm"`
+     * @defaultValue `"ON"`
      */
-    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    textChecked?: string;
     /**
-     * The position of the spinner. Can be one of `inline` or `centered`.
+     * The text that appears on the Toggle when `checked={false}`.
      *
-     * @defaultValue `"inline"`
+     * @defaultValue `"ON"`
      */
-    layout?: 'inline' | 'centered';
-}
-export interface AlignmentProps {
-    align?: 'left' | 'center' | 'right';
-}
-export interface WidthProps {
-    width?: 'min' | 'max' | 'auto' | number;
-}
-export interface TableElementProps {
-    children: React.ReactNode;
-}
-/**
- * @property align Sets the alignment of a table header.
- * @property width Sets the width of a table header.
- *
- * @interface
- */
-export type BaseTableHeaderProps = TableElementProps & AlignmentProps & WidthProps;
-export type TableCellProps = TableElementProps & AlignmentProps & WidthProps;
-/**
- * The props type for {@link !components.TableHeader} when sorted === never.
- *
- * @category Component Props
- */
-export interface UnSortedTableHeaderProps extends BaseTableHeaderProps {
-    sortDirection?: 'never';
+    textUnchecked?: string;
 }
 /**
- * The props type for {@link !components.TableHeader} when sorted !== never.
+ * The props type for {@link !components.Checkbox}.
  *
  * @category Component Props
  */
-export interface SortedTableHeaderProps extends BaseTableHeaderProps {
+export interface CheckboxProps {
     /**
-     * Sets the current direction in which the column is sorted (if any). It's a visual indicator, it doesn't modify the data.
+     * A string representing the value of the input. This is not displayed on the client-side,
+     * but on the server this is the value given to the data submitted with the checkbox's name.
+     */
+    value?: string;
+    /**
+     * The current status of the input.
+     */
+    checked?: boolean;
+    /** @deprecated use readOnly instead */
+    readonly?: boolean;
+    /**
+     * When set to `true`, the option cannot be selected.
+     */
+    readOnly?: boolean;
+    /**
+     * The string that displays below the toggle.
+     */
+    description?: string;
+    /**
+     * The unique identifier for the checkbox element.
+     */
+    name?: string;
+    /**
+     * The size variation of the checkbox.
      *
-     * @defaultValue `"none"`
+     * @defaultValue `"default"`
      */
-    sortDirection: 'ascending' | 'descending' | 'none';
+    variant?: 'default' | 'small';
     /**
-     * A callback function that is invoked when the header is clicked. It recieves the new `sortDirection` as an argument.
-     * It's required when sort = `ascending`, `descending` or `none`.
+     * A function that is called when the `checked` input status changes.
      *
      * @event
-     * @defaultValue `"none"`
      */
-    onSortChange: (value: NonNullable<SortedTableHeaderProps['sortDirection']>) => void;
+    onChange?: (checked: boolean, value: string) => void;
+    /** The text that displays in the dropdown menu. */
+    children?: React.ReactNode;
     /**
-     * If `true`, users cannot change the sort ordering. It has no effect if sort=`never` or `undefined`.
-     *
-     *  @defaultValue `false`
+     * Use the inline prop to arrange checkboxes side-by-side.
      */
-    disabled?: boolean;
+    inline?: boolean;
+    /**
+     * When set to `true`, the option will be selected by default. Use it to
+     * set the default `checked` state when the component is **uncontrolled**.
+     */
+    initialIsChecked?: boolean;
+    /**
+     * Accessibility label. It should be present when the checkbox has no label(children).
+     */
+    'aria-label'?: string;
 }
 /**
- * The props type for {@link !components.TableHeader}.
- *
+ * The props type for {@link !components.RadioButton}.
  * @category Component Props
+ * @interface
  */
-export type TableHeaderProps = SortedTableHeaderProps | UnSortedTableHeaderProps;
-interface BaseTableProps {
+export type RadioButtonProps = Omit<CheckboxProps, 'aria-label'>;
+export type ToggleGroupOption = {
+    /** The text that displays in the dropdown menu. */
+    label: string;
+    /** The unique value that is submitted with the form. */
+    value: string;
+    /** When set to `true`, the option will be selected by default. */
+    initialIsChecked?: boolean;
+    /** When set to `true`, the option cannot be selected. */
+    readonly?: boolean;
+    /** The string that displays below the toggle. */
+    description?: string;
+};
+interface ToggleGroupListBaseProps {
+    name: ToggleGroupProps['name'];
+    options: ToggleGroupProps['options'];
+    variant: ToggleGroupProps['variant'];
+    inline?: boolean;
+}
+export interface CheckboxListProps extends ToggleGroupListBaseProps {
+    value?: CheckboxGroupProps['value'];
+    onChange?: CheckboxGroupProps['onChange'];
+}
+export interface RadioButtonListProps extends ToggleGroupListBaseProps {
+    value?: RadioButtonGroupProps['value'];
+    onChange?: RadioButtonGroupProps['onChange'];
+}
+type ToggleType = 'checkboxList' | 'radioButtonList';
+export interface CommonGroupProps {
     /**
-     * When set to false, the table will not have borders.
-     *
-     * @defaultValue `true`
+     * Denotes the type of list to render.
      */
-    bordered?: boolean;
+    toggleType?: ToggleType;
     /**
-     * When set to `true`, the table will not have bottom margin.
-     *
-     * @defaultValue `false`
+     * The unique identifier for the toggle group element.
      */
-    flush?: boolean;
+    name: string;
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be one of Table's subcomponents.
+     * The label that displays above the toggle group.
      */
-    children: React.ReactNode;
-}
-/**
- * @internal
- */
-export interface TableNoPaginatedProps extends BaseTableProps {
+    label: string;
     /**
-     * When set to `true`, the table will include pagination navigation. Take a look at {@link !types.TablePaginatedProps} for pagination props.
-     *
-     * @defaultValue `false`
+     * The text to display if the input has an error.
      */
-    paginated?: false;
-}
-/**
- * @internal
- */
-export interface TablePaginatedProps extends BaseTableProps {
+    validationMessage?: string;
     /**
-     * When set to `true`, the table will include pagination navigation. Take a look at {@link !types.TablePaginatedProps} for pagination props.
+     * When set to `true`, displays a required indicator next to the toggle group.
      *
      * @defaultValue `false`
      */
-    paginated: true;
-    /**
-     * The total number of pages available.
-     */
-    pageCount: number;
+    required?: boolean;
     /**
-     * When set to `false`, hides the text labels for the First/Prev/Next buttons. The button labels will still be accessible to screen readers.
-     *
-     * @defaultValue `true`
+     * Text that will appear in a tooltip next to the toggle group label.
      */
-    showButtonLabels?: boolean;
+    tooltip?: string;
     /**
-     * When set to `true`, displays the **First/Last** page buttons.
+     * When set to `true`, `validationMessage` is displayed as an error message if provided. The input will also render its error state to let the user know there is an error. If left false, `validationMessage` is displayed as a success message.
      *
      * @defaultValue `false`
      */
-    showFirstLastButtons?: boolean;
+    error?: boolean;
     /**
-     * Sets how many page buttons are displayed.
+     * An array of options to display in the dropdown menu.
+     *
+     * @defaultValue `[]`
      */
-    maxVisiblePageButtons?: number;
+    options: Array<ToggleGroupOption>;
     /**
-     * Denotes the current page.
+     * When set to `true`, stacks the options horizontally.
+     *
+     * @defaultValue `false`
      */
-    page?: number;
+    inline?: boolean;
     /**
-     * A function that will be invoked when the pagination button is clicked. It receives the new page number as argument.
+     * The size variation of the individual options.
      *
-     * @event
+     * @defaultValue `"default"`
      */
-    onPageChange: (pageNumber: number) => void;
-}
-/**
- * The props type for {@link !components.Table}.
- *
- * @category Component Props
- */
-export type TableProps = TableNoPaginatedProps | TablePaginatedProps;
-/** @deprecated use ExtensionEvent/FormSubmitExtensionEvent instead */
-export declare class RemoteEvent<V> {
-    type: string;
-    bubbles: boolean;
-    timeStamp: number;
-    targetValue: V;
-    constructor(value: V, event: Event);
+    variant?: 'default' | 'small';
+    value?: string[] | string;
 }
-export type HrefOptions = {
-    url: string;
-    external?: boolean;
-};
-export type HrefProp = string | HrefOptions;
-/**
- * The props type for {@link !components.Link}.
- *
- * @category Component Props
- */
-export interface LinkProps extends OverlayComponentProps {
+type CheckboxGroupProps = {
     /**
-     * Sets the content that will render inside the component.
+     * Denotes the type of list to render.
      *
+     * @defaultValue `"checkboxList"`
      */
-    children: ReactNode;
+    toggleType: 'checkboxList';
     /**
-     * The URL that will be opened on click. Links to pages in the HubSpot account will open in the same tab, while non-HubSpot links will open in a new tab.
+     * A function that is called with the new value or values when the list is updated.
      *
+     * @event
      */
-    href: HrefProp;
+    onChange?: (value: string[]) => void;
     /**
-     * The color variation of the link.
+     * The value of the toggle group.
+     */
+    value?: string[];
+} & CommonGroupProps;
+type RadioButtonGroupProps = {
+    /**
+     * Denotes the type of list to render.
      *
-     * @defaultValue `"primary"`
+     * @defaultValue `"checkboxList"`
      */
-    variant?: 'primary' | 'destructive' | 'light' | 'dark';
+    toggleType: 'radioButtonList';
     /**
-     * A function that will be invoked with the link is clicked.
+     * A function that is called with the new value or values when the list is updated.
      *
      * @event
      */
-    onClick?: ReactionsHandler<ExtensionEvent>;
+    onChange?: (value: string) => void;
     /**
-     * When set to true, `event.preventDefault()` will be invoked before the `onClick` function is called, preventing automatic navigation to the href URL.
-     *
-     * @defaultValue `false`
+     * The value of the toggle group.
      */
-    preventDefault?: boolean;
+    value?: string;
+} & CommonGroupProps;
+type DefaultToggleTypeProps = {
+    toggleType?: never;
+} & CheckboxGroupProps;
+/**
+ * The props type for {@link !components.ToggleGroup}.
+ *
+ * @interface
+ * @category Component Props
+ */
+export type ToggleGroupProps = CheckboxGroupProps | RadioButtonGroupProps | DefaultToggleTypeProps;
+/** @ignore */
+interface Team {
+    id: number;
+    name: string;
+    teammates: number[];
+}
+/** @ignore */
+export interface UserContext {
+    id: number;
+    emails: string[];
+    email: string;
+    firstName: string;
+    lastName: string;
+    /** @deprecated Roles will always be empty. Please use teams instead */
+    roles: string[];
+    teams: Team[];
+    locale?: string;
+}
+/** @ignore */
+export interface PortalContext {
+    id: number;
+    timezone: string;
+}
+/** @ignore */
+export interface CrmRecordContext {
+    objectId: number;
+    objectTypeId: string;
+}
+/** @ignore */
+export interface AppContext {
+    appId: number | string;
+    appName?: string;
+    cardTitle?: string;
+}
+/** @ignore */
+export interface BaseContext {
+    user: UserContext;
+    portal: PortalContext;
+}
+/** @ignore */
+export interface CrmContext extends BaseContext {
+    location: 'crm.record.tab' | 'crm.record.sidebar' | 'crm.preview' | 'helpdesk.sidebar';
+    crm: CrmRecordContext;
+    extension?: AppContext;
+}
+/** @ignore */
+export interface SettingsContext extends BaseContext {
+    location: 'settings';
+}
+/** @ignore */
+export interface GenericContext extends BaseContext {
+    location: 'uie.playground.middle';
+}
+/** @ignore */
+export interface BaseExtensionContextData {
+    appId: number | string;
+    appName?: string;
+    cardId: string;
+    cardTitle?: string;
+    location: keyof ExtensionPoints;
+    sourceId?: string | null;
+    appAccessLevel: 'PUBLIC' | 'PRIVATE';
+    additionalProperties?: {
+        [key: string]: string;
+    } | null;
+}
+/** @ignore */
+export interface CrmExtensionContextData extends BaseExtensionContextData {
+    objectId: number | string;
+    objectTypeId: string;
+}
+/** @ignore */
+export interface CrmDataHighlightProps {
+    properties: Array<string>;
+    objectTypeId?: string;
+    objectId?: number;
+}
+/** @ignore */
+export interface CrmReportProps {
+    reportId: string;
+    use?: 'associations' | 'subject' | 'unfiltered';
+}
+/** @ignore */
+export interface CrmPropertyListProps {
+    properties: Array<string>;
+    direction?: string;
+    objectTypeId?: string;
+    objectId?: number;
+}
+/** @ignore */
+type CrmSortDescriptor = {
+    columnName: string;
+    direction: 1 | -1;
+};
+/** @ignore */
+interface CrmSearchFilter {
+    operator: 'EQ' | 'NEQ' | 'LT' | 'LTE' | 'GT' | 'GTE' | 'BETWEEN' | 'IN' | 'NOT_IN' | 'HAS_PROPERTY' | 'NOT_HAS_PROPERTY';
+    value?: string | number;
+    values?: string | number;
+    highValue?: string | number;
+    property: string;
+}
+/** @ignore */
+export interface CrmAssociationTableProps {
+    objectTypeId: string;
+    propertyColumns: Array<string>;
+    quickFilterProperties?: Array<string>;
+    searchable?: boolean;
+    pagination?: boolean;
+    associationLabelFilter?: boolean;
+    pageSize?: number;
+    preFilters?: Array<CrmSearchFilter>;
+    sort?: Array<CrmSortDescriptor>;
+}
+/** @ignore */
+export interface CrmAssociationPivotProps {
+    objectTypeId: string;
+    associationLabels?: Array<string>;
+    maxAssociations?: number;
+    preFilters?: Array<CrmSearchFilter>;
+    sort?: Array<CrmSortDescriptor>;
+}
+/** @ignore */
+export interface CrmAssociationStageTrackerProps {
+    objectTypeId: string;
+    properties: Array<string>;
+    associationLabels?: Array<string>;
+    filters?: Array<CrmSearchFilter>;
+    showProperties?: boolean;
+    sort?: Array<CrmSortDescriptor>;
+}
+/** @ignore */
+export interface CrmSimpleDeadlineProps {
+    endDatePropertyName: string;
+    properties: Array<string>;
+    progressTheme?: ProgressTheme;
+    showProperties?: boolean;
+    startDatePropertyName: string;
+}
+/** @ignore */
+export interface CrmRelativeTimelineProps {
+    properties: Array<string>;
+}
+/** @ignore */
+interface BaseCrmStatisticItem {
+    label: string;
+}
+/** @ignore */
+interface FilterGroup {
+    filters: Array<CrmSearchFilter>;
+}
+/** @ignore */
+interface ProgressTheme {
+    backgroundColor?: string;
+    completedColor?: string;
+    upcomingColor?: string;
+    borderRadius?: string | number;
+    height?: string | number;
+    completedGradient?: Gradient;
+    upcomingGradient?: Gradient;
+}
+/** @ignore */
+interface PercentileMetricItem extends BaseCrmStatisticItem {
+    statisticType: 'PERCENTILES';
+    propertyName: string;
+    percentile: number;
+    filterGroups?: Array<FilterGroup>;
+}
+/** @ignore */
+type CrmStatisticItem = BasicMetricItem | PercentileMetricItem;
+/** @ignore */
+export interface CrmStatisticsProps {
+    objectTypeId: string;
+    statistics: Array<CrmStatisticItem>;
+}
+/** @ignore */
+interface BasicMetricItem extends BaseCrmStatisticItem {
+    statisticType: 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'DISTINCT_APPROX' | 'COUNT';
+    propertyName: string;
+    filterGroups?: Array<FilterGroup>;
 }
-export type JsonValue = string | number | boolean | null | JsonValue[] | {
-    [key: string]: JsonValue;
-};
-/**
- * The props type for {@link !components.Box}.
- *
- * @category Component Props
- */
-export interface BoxProps {
-    /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
-     *
-     */
-    children: ReactNode;
-    /**
-     * Overrides Flex's `alignItem` value for this element.
-     *
-     * @defaultValue `"auto"`
-     */
-    alignSelf?: 'start' | 'center' | 'baseline' | 'end' | 'stretch' | 'auto';
-    /**
-     * Sets how the item will grow or shrink when it's a direct ancestor of the Flex component.
-     * ##### Options in detail
-     *
-     *- `initial`: The item is sized according to its width and height properties. It shrinks to its minimum size to fit the container, but does not grow to absorb any extra free space in the flex container.
-     *- `auto`: The item is sized according to its width and height properties, but grows to absorb any extra free space in the flex container, and shrinks to its minimum size to fit the container.
-     *- `none`: The item is sized according to its width and height properties. It is fully inflexible: it neither shrinks nor grows in relation to the flex container.
-     *- `number`:  Tells a component to fill all available space, shared evenly amongst other components with the same parent. The larger the flex given, the higher the ratio of space a component will take compared to its siblings.
-     *
-     * @defaultValue `"initial"`
-     */
-    flex?: 'initial' | 'auto' | 'none' | number;
+/** @ignore */
+interface Gradient {
+    startColor: string;
+    endColor: string;
 }
-export interface TShirtSizes {
-    xs: 'extra-small' | 'xs';
-    sm: 'small' | 'sm';
-    md: 'medium' | 'md';
-    lg: 'large' | 'lg';
-    xl: 'extra-large' | 'xl';
+/** @ignore */
+export interface CrmStageTrackerProps {
+    objectId?: number;
+    objectTypeId?: string;
+    properties: Array<string>;
+    showProperties?: boolean;
 }
-export type AllSizes = TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'] | TShirtSizes['xl'];
-export type AllDistances = 'flush' | AllSizes;
-/**
- * The props type for {@link !components.StepIndicator}.
- *
- * @category Component Props
- */
-export interface StepIndicatorProps {
-    /**
-     * An array containing the name of each step.
-     */
-    stepNames: string[];
-    /**
-     * The orientation of the indicator.
-     *
-     * @defaultValue `"horizontal"`
-     */
-    direction?: 'horizontal' | 'vertical';
-    /**
-     * The size of the indicator circles.
-     *
-     * @defaultValue `"small"`
-     */
-    circleSize?: AllSizes;
-    /**
-     * The currently active step. Steps are 0-based.
-     */
-    currentStep?: number;
-    /**
-     * The visual style of the component.
-     *
-     * - default: default spacing.
-     * - compact: only shows the title of the currently active step.
-     * - flush: only shows the title of the currently active step and removes left and right margins.
-     *
-     * @defaultValue `"default"`
-     */
-    variant?: 'default' | 'compact' | 'flush';
-    /**
-     * A function that will be invoked when a step in the indicator is clicked. The function receives the current step index as an argument (zero-based). Use this to update the currently active step.
-     *
-     * @event
-     */
-    onClick?: (stepIndex: number) => void;
+/** @ignore */
+export interface CrmAssociationPropertyListProps {
+    objectTypeId: string;
+    properties: Array<string>;
+    associationLabels?: Array<string>;
+    filters?: Array<CrmSearchFilter>;
+    sort?: Array<CrmSortDescriptor>;
 }
-/**
- * The props type for {@link !components.Accordion}.
- *
- * @category Component Props
- */
-export interface AccordionProps {
-    /**
-     * The title text for the accordion.
-     *
-     */
-    title: string;
-    /**
-     * The main content of the accordion when it opens.
-     *
-     */
-    children: ReactNode;
-    /**
-     * Defines default open behavior on page load. When set to `true`, the accordion will be open by default on initial load.
-     *
-     * @defaultValue `false`
-     */
-    defaultOpen?: boolean;
-    /**
-     * When set to `true`, the accordion's open state cannot be changed.
-     *
-     * @defaultValue `false`
-     */
-    disabled?: boolean;
-    /**
-     * For controlling the accordion's open state programmatically. When set to `true`, the accordion will open. Takes precedence over `defaultOpen`.
-     *
-     */
-    open?: boolean;
-    /**
-     * The size of the accordion title.
-     *
-     * @defaultValue `"small"`
-     */
-    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
-    /**
-     * A function that will be invoked when the title is clicked. It receives no arguments and its return value is ignored.
-     *
-     * @event
-     */
-    onClick?: () => void;
+/** @ignore */
+interface ObjectCoordinates {
+    objectTypeId: string;
+    objectId: number;
 }
-/**
- * The props type for {@link !components.List}.
- *
- * @category Component Props
- */
-export interface ListProps {
-    /**
-     * The content of the list. Each child will be wrapped in an `li` tag.
-     */
-    children: ReactNode;
-    /**
-     * The type of list to render.
-     *
-     * @defaultValue `"unordered"`
-     */
-    variant?: 'unordered' | 'unordered-styled' | 'ordered' | 'ordered-styled' | 'inline' | 'inline-divided';
+/** @ignore */
+interface OpenRecordAssociationFormArgs {
+    objectTypeId: string;
+    association: {
+        objectTypeId: string;
+        objectId: number;
+    };
 }
-/**
- * The props type for {@link !components.Toggle}.
- *
- * @category Component Props
- */
-export interface ToggleProps {
-    /**
-     * The current status of the input.
-     */
-    checked?: boolean;
-    /**
-     * When set to `true`, the option cannot be selected.
-     */
-    readonly?: boolean;
-    /**
-     * The unique identifier for the toggle element.
-     */
-    name?: string;
-    /**
-     * The size variation of the toggle.
-     *
-     * @defaultValue `"medium"`
-     */
-    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | 'default';
-    /**
-     * A function that is called when the `checked` input status changes.
-     *
-     * @event
-     */
-    onChange?: (checked: boolean) => void;
-    /**
-     * When set to `true`, the option will be selected by default. Use it to
-     * set the default `checked` state when the component is **uncontrolled**.
-     */
-    initialIsChecked?: boolean;
-    /**
-     * The companion text of for Toggle. It can be displayed on top,
-     * inline, or hidden. When hidden, it will remain usable for screen readers.
-     */
-    label: string;
-    /**
-     * Controls the display setting of the label prop.
-     *
-     * @defaultValue `"inline"`
-     */
-    labelDisplay?: 'inline' | 'top' | 'hidden';
-    /**
-     * The text that appears on the Toggle when `checked={true}`.
-     *
-     * @defaultValue `"ON"`
-     */
-    textChecked?: string;
-    /**
-     * The text that appears on the Toggle when `checked={false}`.
-     *
-     * @defaultValue `"ON"`
-     */
-    textUnchecked?: string;
+/** @ignore */
+interface ActivityCreatorActionArgs {
+    objectTypeId: string;
+    objectId: number;
+    windowVariant?: 'windowed' | 'fullscreen';
+}
+/** @ignore */
+interface EngagementAppLinkArgs {
+    objectId: number | string;
+    objectTypeId: string;
+    engagementId: number | string;
+    external?: boolean;
+}
+/** @ignore */
+interface RecordAppLinkArgs {
+    includeEschref?: boolean;
+    objectId: number;
+    objectTypeId: string;
+    external?: boolean;
+}
+/** @ignore */
+interface PageAppLinkArgs {
+    path: string;
+    external?: boolean;
+}
+/** @ignore */
+interface ExternalUrlArgs {
+    href: string;
 }
-export interface PanelProps {
-    /**
-     * Accessibility label.
-     *
-     */
-    'aria-label'?: string;
-    /**
-     * The main content of the panel when it opens.
-     *
-     */
-    children?: React.ReactNode;
-    /**
-     * A unique ID for the panel
-     *
-     */
-    id: string;
-    /**
-     * A function that will be invoked when the panel has finished opening.
-     *
-     */
-    onOpen?: () => void;
-    /**
-     * A function that will be invoked when the panel has finished closing.
-     *
-     */
-    onClose?: () => void;
-    /**
-     * The width of the panel
-     *
-     * @defaultValue `"sm"`
-     */
-    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
-    /**
-     * The title of the panel
-     *
-     */
-    title?: string;
-    /**
-     * The variant of the panel
-     *
-     * @defaultValue `"default"`
-     */
-    variant?: 'modal' | 'default';
+/** @ignore */
+interface OpenRecordCreatorFormArgs {
+    objectTypeId: string;
 }
-export interface PanelSectionProps {
-    /**
-     * When set to `true`, the section will have no bottom margin
-     *
-     * @defaultValue `false`
-     */
-    flush?: boolean;
-    /**
-     * The main content of the section
-     *
-     */
-    children: React.ReactNode;
+/** @ignore */
+interface ActionArgs {
+    PREVIEW_OBJECT: ObjectCoordinates;
+    ADD_NOTE: ActivityCreatorActionArgs;
+    ADD_TASK: ActivityCreatorActionArgs;
+    SEND_EMAIL: ActivityCreatorActionArgs;
+    SCHEDULE_MEETING: ActivityCreatorActionArgs;
+    OPEN_RECORD_CREATOR_FORM: OpenRecordCreatorFormArgs;
+    OPEN_RECORD_ASSOCIATION_FORM: OpenRecordAssociationFormArgs;
+    ENGAGEMENT_APP_LINK: EngagementAppLinkArgs;
+    RECORD_APP_LINK: RecordAppLinkArgs;
+    PAGE_APP_LINK: PageAppLinkArgs;
+    EXTERNAL_URL: ExternalUrlArgs;
+    OPEN_WORKFLOW_ENROLLMENT_MODAL: ObjectCoordinates;
 }
-export interface ModalProps {
-    /**
-     * Accessibility label.
-     *
-     */
-    'aria-label'?: string;
-    /**
-     * The main content of the modal when it opens.
-     *
-     */
-    children?: React.ReactNode;
-    /**
-     * A unique ID for the modal
-     *
-     */
-    id: string;
-    /**
-     * A function that will be invoked when the modal has finished opening.
-     *
-     */
-    onOpen?: () => void;
-    /**
-     * A function that will be invoked when the modal has finished closing.
-     *
-     */
-    onClose?: () => void;
-    /**
-     * The width of the modal
-     *
-     * @defaultValue `"sm"`
-     */
-    width?: TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'];
-    /**
-     * The title of the modal
-     *
-     */
-    title?: string;
-    /**
-     * The variant of the modal
-     *
-     * @defaultValue `"default"`
-     */
-    variant?: 'danger' | 'default';
+/** @ignore */
+export type ArgsFor<SpecificActionType extends ActionType> = ActionArgs[SpecificActionType];
+export type ActionType = 'PREVIEW_OBJECT' | 'ADD_NOTE' | 'ADD_TASK' | 'SEND_EMAIL' | 'SCHEDULE_MEETING' | 'OPEN_RECORD_CREATOR_FORM' | 'OPEN_RECORD_ASSOCIATION_FORM' | 'ENGAGEMENT_APP_LINK' | 'RECORD_APP_LINK' | 'PAGE_APP_LINK' | 'EXTERNAL_URL' | 'OPEN_WORKFLOW_ENROLLMENT_MODAL';
+/** @ignore */
+interface BaseActionComponent {
+    children: ReactNode;
+    actionType: ActionType;
+    actionContext: ArgsFor<ActionType>;
+    onError?: (errors: string[]) => void;
 }
-export interface ModalBodyProps {
-    /**
-     * The main content of the modal
-     *
-     */
-    children: React.ReactNode;
+/** @ignore */
+export interface CrmActionButtonProps extends BaseActionComponent {
+    variant?: 'primary' | 'secondary' | 'destructive';
+    type?: 'button' | 'reset' | 'submit';
+    size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    onClick?: () => void;
 }
-export interface ModalFooterProps {
-    /**
-     * The footer of the modal
-     *
-     */
-    children: React.ReactNode;
+/** @ignore */
+export interface CrmActionLinkProps extends BaseActionComponent {
+    variant?: 'primary' | 'light' | 'dark' | 'destructive';
 }
-export interface PanelBodyProps {
-    /**
-     * The main content of the body
-     *
-     */
-    children: React.ReactNode;
+/** @ignore */
+export interface ActionLibraryButtonCardActionConfig<SpecificActionType extends ActionType = ActionType> {
+    type: 'action-library-button';
+    actionType: SpecificActionType;
+    actionContext: ArgsFor<SpecificActionType>;
+    label?: string;
+    disabled?: boolean;
+    tooltipText?: string;
 }
-export interface PanelFooterProps {
-    /**
-     * The main content of the footer
-     *
-     */
-    children: React.ReactNode;
+/** @ignore */
+export type DropdownCardActionConfigOptions = [
+    ActionLibraryButtonCardActionConfig,
+    ...ActionLibraryButtonCardActionConfig[]
+];
+/** @ignore */
+export interface DropdownCardActionConfig {
+    type: 'dropdown';
+    options: DropdownCardActionConfigOptions;
+    label?: string;
+    disabled?: boolean;
+    tooltipText?: string;
+}
+/** @ignore */
+type ErrorHandler = (errors: string[]) => void;
+/** @ignore */
+type CardActionConfig = ActionLibraryButtonCardActionConfig | DropdownCardActionConfig;
+/** @ignore */
+export type CrmCardActionsProps = {
+    actionConfigs: Array<CardActionConfig>;
+    onError?: ErrorHandler;
+};
+/** @ignore */
+export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
+/** @ignore */
+export interface ExtensionPointContract {
+    actions?: {
+        [k: string]: ExtensionPointAction;
+    } | {};
+    context: BaseContext;
+    customComponents: Record<string, ComponentType<any>>;
+}
+/** @ignore */
+export interface StandardCrmExtensionPoint extends ExtensionPointContract {
+    actions: CrmHostActions & UiePlatformActions;
+    context: CrmContext;
+    customComponents: {
+        CrmPropertyList: ComponentType<CrmPropertyListProps>;
+        CrmAssociationTable: ComponentType<CrmAssociationTableProps>;
+        CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
+        CrmReport: ComponentType<CrmReportProps>;
+        CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
+        CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
+        CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
+        CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
+        CrmRelativeTimeline?: ComponentType<CrmRelativeTimelineProps>;
+        CrmStageTracker: ComponentType<CrmStageTrackerProps>;
+        CrmStatistics?: ComponentType<CrmStatisticsProps>;
+        CrmActionButton?: ComponentType<CrmActionButtonProps>;
+        CrmActionLink?: ComponentType<CrmActionLinkProps>;
+        CrmCardActions?: ComponentType<CrmCardActionsProps>;
+    };
+}
+/** @deprecated this interface has been replaced by StandardCrmExtensionPoint */
+export interface CrmMiddleExtensionPoint extends ExtensionPointContract {
+    actions: CrmHostActions;
+    context: CrmContext;
+    customComponents: {
+        CrmPropertyList: ComponentType<CrmPropertyListProps>;
+        CrmAssociationTable: ComponentType<CrmAssociationTableProps>;
+        CrmDataHighlight: ComponentType<CrmDataHighlightProps>;
+        CrmReport: ComponentType<CrmReportProps>;
+        CrmAssociationPivot: ComponentType<CrmAssociationPivotProps>;
+        CrmAssociationPropertyList: ComponentType<CrmAssociationPropertyListProps>;
+        CrmAssociationStageTracker?: ComponentType<CrmAssociationStageTrackerProps>;
+        CrmSimpleDeadline?: ComponentType<CrmSimpleDeadlineProps>;
+        CrmRelativeTimeline?: ComponentType<CrmRelativeTimelineProps>;
+        CrmStageTracker: ComponentType<CrmStageTrackerProps>;
+        CrmStatistics?: ComponentType<CrmStatisticsProps>;
+        CrmActionButton?: ComponentType<CrmActionButtonProps>;
+        CrmActionLink?: ComponentType<CrmActionLinkProps>;
+        CrmCardActions?: ComponentType<CrmCardActionsProps>;
+    };
+}
+/** @ignore */
+export interface CrmSidebarExtensionPoint extends ExtensionPointContract {
+    actions: CrmHostActions & UiePlatformActions;
+    context: CrmContext;
+    customComponents: {
+        CrmActionButton?: ComponentType<CrmActionButtonProps>;
+        CrmActionLink?: ComponentType<CrmActionLinkProps>;
+    };
+}
+/** @ignore */
+export interface SettingsExtensionPoint extends ExtensionPointContract {
+    actions: SettingsActions & UiePlatformActions;
+    context: SettingsContext;
+}
+export interface ExampleCrmComponentProps {
+    name: string;
+    size: 'sm' | 'md' | 'lg';
+    count: number;
+}
+/** @ignore */
+interface RemotePlaygroundExtensionPoint extends ExtensionPointContract {
+    actions: {
+        warn: () => void;
+    };
+    context: GenericContext;
+    customComponents: {
+        ExampleCrmComponent: ComponentType<ExampleCrmComponentProps>;
+    };
 }
-export interface DropdownOption {
-    /**
-     * Text to be displayed as the menu item text.
-     *
-     */
-    label: string;
-    /**
-     * A function that will be invoked when the item is clicked.
-     * It receives no arguments and its return value is ignored.
-     *
-     * @event
-     */
-    onClick?: () => void;
+export declare const EXTENSION_POINT_LOCATIONS: readonly ["crm.preview", "crm.record.sidebar", "crm.record.tab", "helpdesk.sidebar", "uie.playground.middle", "settings"];
+export type ExtensionPointLocation = TypesOfReadOnlyArray<typeof EXTENSION_POINT_LOCATIONS>;
+/** @ignore */
+interface LocationToExtensionPoint {
+    'uie.playground.middle': RemotePlaygroundExtensionPoint;
+    'crm.record.tab': StandardCrmExtensionPoint;
+    'crm.preview': StandardCrmExtensionPoint;
+    'crm.record.sidebar': CrmSidebarExtensionPoint;
+    'helpdesk.sidebar': StandardCrmExtensionPoint;
+    settings: SettingsExtensionPoint;
 }
 /**
- * The props type for {@link !components.Dropdown}.
- *
- * @category Component Props
+ * While this resolves to the same result as LocationToExtensionPoint, it ensures that every location
+ * from ExtensionPointLocation is explicitly included. This way, EXTENSION_POINT_LOCATIONS becomes
+ * the single source of truth for defining all locations.
  */
-export interface DropdownProps {
-    /**
-     * The list of options to be rendered within the dropdown menu.
-     * Each option represents an entry in the Dropdown.
-     */
-    options: DropdownOption[];
-    /**
-     * Controls the appearance of the dropdown button
-     *
-     * @defaultValue `"secondary"`
-     */
-    variant?: 'primary' | 'secondary' | 'transparent';
-    /**
-     * Sets the content for the dropdown button.
-     *
-     * @defaultValue `"More"`
-     */
-    buttonText?: string;
-    /**
-     * Sets the size of the dropdown button.
-     *
-     * @defaultValue `"md"`
-     */
-    buttonSize?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
-    /**
-     * Disables the ability to focus and click-to-expand of the dropdown button
-     *
-     * @defaultValue `false`
-     */
-    disabled?: boolean;
+type _ExtensionPoints = {
+    [key in ExtensionPointLocation]: LocationToExtensionPoint[key];
+};
+export interface ExtensionPoints extends _ExtensionPoints {
+}
+/** @ignore */
+export interface ExtensionPointApi<ExtensionPointName extends keyof ExtensionPoints> {
+    runServerlessFunction: ServerlessFuncRunner;
+    actions: ExtensionPoints[ExtensionPointName]['actions'];
+    context: ExtensionPoints[ExtensionPointName]['context'];
 }
 export interface HubSpotFetchOptions {
     method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
@@ -2773,111 +2825,107 @@ export type ProxyMetadata = {
     userId?: number;
     portalId?: number;
 };
-export interface TabsProps {
-    /**
-     * Sets the content that will render inside the component.
-     */
-    children?: ReactNode;
-    /**
-     * Callback when the selected tab changes.
-     */
-    onSelectedChange?: ((selectedId: string) => void) | ((selectedId: number) => void) | ((selectedId: number | string) => void);
+/**
+ * @category Serverless
+ */
+export interface ServerlessRunnerParams {
     /**
-     * The initially selected tab ID.
+     * Name of the serverless function
      */
-    defaultSelected?: string | number;
+    name: string;
     /**
-     * The currently selected tab ID (controlled component).
+     * Names of CRM object properties to be retrieved and supplied to the function as `context.propertiesToSend`
      */
-    selected?: string | number;
+    propertiesToSend?: string[];
     /**
-     * Visual style variant of the tabs.
-     * @defaultValue 'default'
+     * Additional parameters to be supplied to the function as `context.parameters`
      */
-    variant?: 'default' | 'enclosed';
+    parameters?: JsonValue;
     /**
-     * Whether the tab should fill available space.
+     * @deprecated Optional payload supplied to the function as `context.event.payload`.
+     * Support for this param may be removed in the future. Use `parameters` instead.
      */
-    fill?: boolean;
+    payload?: JsonValue;
 }
-export interface TabProps {
-    /**
-     * Whether the tab is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Unique identifier for the tab.
-     */
-    tabId?: string | number;
-    /**
-     * The title text of the tab.
-     */
-    title?: string;
-    /**
-     * The content to display when this tab is selected.
-     */
-    children?: ReactNode;
-    /**
-     * The tooltip text of the tab.
-     */
-    tooltip?: string;
-    /**
-     * The tab's tooltip placement
-     * @defaultValue 'top'
-     */
-    tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
+/**
+ * @category Serverless
+ */
+export declare enum ServerlessExecutionStatus {
+    Success = "SUCCESS",
+    Error = "ERROR"
 }
 /**
- * The props type for {@link !components.Illustration}.
- *
- * @category Component Props
+ * @category Serverless
  */
-export interface IllustrationProps {
-    name: IllustrationNames;
-    alt: string;
-    width?: number;
-    height?: number;
+export type ServerlessExecutionResult = {
+    status: ServerlessExecutionStatus.Success;
+    response: JsonValue;
+} | {
+    status: ServerlessExecutionStatus.Error;
+    message: string;
+};
+/**
+ * @category Serverless
+ */
+export type ServerlessFuncRunner = (params: ServerlessRunnerParams) => Promise<ServerlessExecutionResult>;
+/**
+ *  @ignore
+ *  @category Serverless
+ */
+export interface ServerlessExecutionRequest {
+    appId: number;
+    extensibleCardId: number;
+    serverlessFunction: string;
+    location: keyof ExtensionPoints;
+    objectQuery?: {
+        objectId: number;
+        objectTypeId: string;
+        objectPropertyNames: string[];
+    };
+    parameters?: JsonValue;
+    event?: {
+        type: 'SERVERLESS_ACTION_HOOK';
+        payload: JsonValue;
+    };
+    objectId?: number;
+    objectTypeId?: string;
 }
-export declare const illustrationNames: {
-    readonly lock: "lock";
-    readonly unlock: "unlock";
-    readonly electronicSignature: "electronic-signature";
-    readonly electronicSignatureEmptyState: "electronic-signature-empty-state";
-    readonly callingSetUp: "calling-set-up";
-    readonly companies: "companies";
-    readonly contacts: "contacts";
-    readonly multipleObjects: "multiple-objects";
-    readonly object: "object";
-    readonly task: "task";
-    readonly deals: "deals";
-    readonly registration: "registration";
-    readonly developerSecurityUpdate: "developer-security-update";
-    readonly social: "social";
-    readonly leads: "leads";
-    readonly target: "target";
-    readonly emailConfirmation: "email-confirmation";
-    readonly successfullyConnectedEmail: "successfully-connected-email";
-    readonly contentStrategy: "content-strategy";
-    readonly addOnReporting: "add-on-reporting";
-    readonly productsShoppingCart: "products-shopping-cart";
-    readonly store: "store";
-    readonly storeDisabled: "store-disabled";
-    readonly customerSupport: "customer-support";
-    readonly customerExperience: "customer-experience";
-    readonly api: "api";
-    readonly integrations: "integrations";
-    readonly sandboxAddOn: "sandbox-add-on";
-    readonly customObjects: "custom-objects";
-    readonly paymentsButton: "payments-button";
-    readonly automatedTesting: "automated-testing";
-    readonly middlePaneCards: "middle-pane-cards";
-    readonly propertiesSidebar: "properties-sidebar";
-    readonly emptyStateCharts: "empty-state-charts";
-    readonly meetings: "meetings-small";
-    readonly tickets: "ticket-small";
-    readonly sidebar: "settings-sidebar";
-    readonly errorGeneral: "errors/general";
-    readonly errorHourglass: "errors/hourglass";
+/**
+ * @category Serverless
+ */
+export interface ServerlessExecutionResponse {
+    logId: string;
+    response?: JsonValue;
+}
+/**
+ * @category Serverless
+ */
+export interface ServerlessErrorResponse {
+    responseJSON?: {
+        message: string;
+        correlationId: string;
+        category: string;
+        subCategory?: string;
+        errors?: {
+            message: string;
+            subCategory: string;
+        }[];
+    };
+    status: number;
+}
+export type JsonValue = string | number | boolean | null | JsonValue[] | {
+    [key: string]: JsonValue;
 };
-export type IllustrationNames = keyof typeof illustrationNames;
+/** @ignore */
+export type PanelAction = (panelId: string) => void;
+/** @ignore */
+export type ModalAction = (modalId: string) => void;
+/** @ignore */
+export interface Reactions {
+    openPanel: PanelAction;
+    closePanel: PanelAction;
+    openModal: ModalAction;
+    closeModal: ModalAction;
+}
+export type ReactionsHandler<T> = (event: T, reactions: Reactions) => void | Promise<void>;
 export {};