@hubspot/ui-extensions 0.10.1 → 0.11.1

package/dist/__synced__/types/http-requests.synced.d.ts

@@ -0,0 +1,106 @@
+import type { ExtensionPoints } from './extension-points.synced';
+export interface HubSpotFetchOptions {
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+    timeout?: number;
+    body?: {
+        [key: string]: unknown;
+    };
+    headers?: Headers | Record<string, string>;
+}
+export type HubSpotFetchRequestURI = string | URL;
+export type ProxyMetadata = {
+    userEmail?: string;
+    userId?: number;
+    portalId?: number;
+};
+/**
+ * @category Serverless
+ */
+export interface ServerlessRunnerParams {
+    /**
+     * Name of the serverless function
+     */
+    name: string;
+    /**
+     * Names of CRM object properties to be retrieved and supplied to the function as `context.propertiesToSend`
+     */
+    propertiesToSend?: string[];
+    /**
+     * Additional parameters to be supplied to the function as `context.parameters`
+     */
+    parameters?: JsonValue;
+    /**
+     * @deprecated Optional payload supplied to the function as `context.event.payload`.
+     * Support for this param may be removed in the future. Use `parameters` instead.
+     */
+    payload?: JsonValue;
+}
+/**
+ * @category Serverless
+ */
+export declare enum ServerlessExecutionStatus {
+    Success = "SUCCESS",
+    Error = "ERROR"
+}
+/**
+ * @category Serverless
+ */
+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;
+}
+/**
+ * @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;
+};

package/dist/__synced__/types/http-requests.synced.js

@@ -0,0 +1,8 @@
+/**
+ * @category Serverless
+ */
+export var ServerlessExecutionStatus;
+(function (ServerlessExecutionStatus) {
+    ServerlessExecutionStatus["Success"] = "SUCCESS";
+    ServerlessExecutionStatus["Error"] = "ERROR";
+})(ServerlessExecutionStatus || (ServerlessExecutionStatus = {}));

package/dist/__synced__/types/index.synced.d.ts

@@ -0,0 +1,8 @@
+export type * from './components/index.synced';
+export type * from './actions.synced';
+export type * from './context.synced';
+export type * from './crm.synced';
+export type * from './extension-points.synced';
+export type * from './http-requests.synced';
+export type * from './reactions.synced';
+export * from './shared.synced';

package/dist/__synced__/types/index.synced.js

@@ -0,0 +1 @@
+export * from './shared.synced'; // NOTE: `shared.ts` has some exported classes so we can't use `export type` for now

package/dist/__synced__/types/reactions.synced.d.ts

@@ -0,0 +1,12 @@
+/** @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>;

package/dist/__synced__/types/reactions.synced.js

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

package/dist/__synced__/types/shared.synced.d.ts

@@ -0,0 +1,196 @@
+import type { ReactElement, ComponentType, ReactNode } from 'react';
+export type UnknownComponentProps = Record<string, any>;
+/**
+ * Represents a HubSpot-provided React component.
+ */
+export type HubSpotReactComponent<TProps extends UnknownComponentProps = UnknownComponentProps> = ComponentType<TProps>;
+/**
+ * Represents a fragment property for a HubSpot-provided React component that accepts a React.ReactElement, string, or null.
+ * NOTE: UI extension components do _not_ support arrays as a fragment property values.
+ */
+export type HubSpotReactFragmentProp = ReactElement | string | null;
+export declare class ExtensionEvent {
+    type: string;
+    bubbles: boolean;
+    timeStamp: number;
+    id: string;
+    constructor(event: Event);
+}
+export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
+    targetValue: V;
+    constructor(value: V, event: Event);
+}
+export type OverlayComponentProps = {
+    overlay?: ReactNode;
+};
+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);
+}

package/dist/{types.js → __synced__/types/shared.synced.js}

@@ -1,6 +1,3 @@
-// ============================================
-// From: shared.ts
-// ============================================
 export class ExtensionEvent {
     type;
     bubbles;
@@ -180,68 +177,3 @@ export class RemoteEvent {
         this.targetValue = value;
     }
 }
-export const chartFieldTypes = {
-    datetime: 'datetime',
-    linear: 'linear',
-    category: 'category',
-};
-export const illustrationNames = {
-    // Standard 1:1 mappings
-    lock: 'lock',
-    unlock: 'unlock',
-    electronicSignature: 'electronic-signature',
-    electronicSignatureEmptyState: 'electronic-signature-empty-state',
-    callingSetUp: 'calling-set-up',
-    companies: 'companies',
-    contacts: 'contacts',
-    multipleObjects: 'multiple-objects',
-    object: 'object',
-    task: 'task',
-    deals: 'deals',
-    registration: 'registration',
-    developerSecurityUpdate: 'developer-security-update',
-    social: 'social',
-    leads: 'leads',
-    target: 'target',
-    emailConfirmation: 'email-confirmation',
-    successfullyConnectedEmail: 'successfully-connected-email',
-    contentStrategy: 'content-strategy',
-    addOnReporting: 'add-on-reporting',
-    productsShoppingCart: 'products-shopping-cart',
-    store: 'store',
-    storeDisabled: 'store-disabled',
-    customerSupport: 'customer-support',
-    customerExperience: 'customer-experience',
-    api: 'api',
-    integrations: 'integrations',
-    sandboxAddOn: 'sandbox-add-on',
-    customObjects: 'custom-objects',
-    paymentsButton: 'payments-button',
-    automatedTesting: 'automated-testing',
-    emptyStateCharts: 'empty-state-charts',
-    // Special mappings that are not 1:1
-    meetings: 'meetings-small',
-    tickets: 'ticket-small',
-    errorGeneral: 'errors/general',
-    errorHourglass: 'errors/hourglass',
-    middlePaneCards: 'settings-middle-pane-cards',
-    propertiesSidebar: 'settings-properties-sidebar',
-    sidebar: 'settings-sidebar',
-};
-export const EXTENSION_POINT_LOCATIONS = [
-    'crm.preview',
-    'crm.record.sidebar',
-    'crm.record.tab',
-    'helpdesk.sidebar',
-    'uie.playground.middle',
-    'settings',
-    'home',
-];
-/**
- * @category Serverless
- */
-export var ServerlessExecutionStatus;
-(function (ServerlessExecutionStatus) {
-    ServerlessExecutionStatus["Success"] = "SUCCESS";
-    ServerlessExecutionStatus["Error"] = "ERROR";
-})(ServerlessExecutionStatus || (ServerlessExecutionStatus = {}));

package/dist/__synced__/utils/remote-component-registry.synced.d.ts

@@ -0,0 +1,80 @@
+import { HubSpotReactComponent, HubSpotReactFragmentProp, UnknownComponentProps } from '../types/shared.synced';
+/**
+ * Options for creating a remote React component.
+ */
+interface CreateRemoteComponentOptions<TProps extends UnknownComponentProps = UnknownComponentProps> {
+    /**
+     * An array of prop names that are allowed to be used as fragment props.
+     */
+    fragmentProps?: ComponentFragmentPropName<TProps>[];
+}
+/**
+ * Options for creating a remote React component.
+ */
+interface CreateRemoteCompoundComponentOptions<TProps extends UnknownComponentProps, TCompoundComponentProps> {
+    /**
+     * An array of prop names that are allowed to be used as fragment props.
+     */
+    fragmentProps?: ComponentFragmentPropName<TProps>[];
+    compoundComponentProperties: TCompoundComponentProps;
+}
+/**
+ * Utility type for filtering out all of the prop names where the value is a ReactNode (excluding primitives).
+ * We use this to know which props are allowed to be used as fragment props.
+ */
+type ComponentFragmentPropName<TProps extends UnknownComponentProps> = {
+    [K in keyof TProps]: HubSpotReactFragmentProp extends Required<TProps>[K] ? K : never;
+}[keyof TProps & string];
+/**
+ * Represents a registry of HubSpot-provided React components that is used internally by the UI extensions SDK.
+ */
+export interface RemoteComponentRegistry {
+    /**
+     * Creates a new remote React component and registers it with the registry.
+     *
+     * @param componentName The name of the component to create and register.
+     * @param options The options for the remote React component.
+     * @returns The remote React component that can be used as a React component.
+     */
+    createAndRegisterRemoteReactComponent: <TProps extends UnknownComponentProps>(componentName: string, options?: CreateRemoteComponentOptions<TProps>) => HubSpotReactComponent<TProps>;
+    /**
+     * Creates a new remote compound React component and registers it with the registry. A compound component is a component that is
+     * composed of multiple components attached to a single component function.
+     *
+     * @param componentName The name of the component to create and register.
+     * @param options The options for the remote compound React component.
+     * @returns The remote compound React component that can be used as a React component.
+     */
+    createAndRegisterRemoteCompoundReactComponent: <TProps extends UnknownComponentProps, TCompoundComponentProps>(componentName: string, options: CreateRemoteCompoundComponentOptions<TProps, TCompoundComponentProps>) => HubSpotReactComponent<TProps> & TCompoundComponentProps;
+    /**
+     * Returns the name of a HubSpot-provided React component.
+     *
+     * @param component The React component to get the name of.
+     * @returns The name of the HubSpot-provided React component.
+     */
+    getComponentName: (component: HubSpotReactComponent<any>) => string | null;
+    /**
+     * Returns true if the given component name is allowed to be used in HubSpot.
+     *
+     * @param name The name of the component to check if it is allowed to be used in HubSpot.
+     * @returns `true` if the given component name is allowed to be used in HubSpot.
+     */
+    isAllowedComponentName: (name: string) => boolean;
+    /**
+     * Returns true if the given prop name is a fragment prop for the given component name.
+     *
+     * @param componentName The name of the component to check if the prop is a fragment prop for.
+     * @param propName The name of the prop to check if it is a fragment prop.
+     * @returns `true` if the prop name is a fragment prop for the given component name.
+     */
+    isComponentFragmentProp: (componentName: string, propName: string) => boolean;
+    /**
+     * Returns the names of the fragment props for a given component name.
+     *
+     * @param componentName The name of the component to get the fragment props for.
+     * @returns The names of the fragment props for the given component name.
+     */
+    getComponentFragmentPropNames: (componentName: string) => string[];
+}
+export declare const createRemoteComponentRegistry: () => RemoteComponentRegistry;
+export {};

package/dist/__synced__/utils/remote-component-registry.synced.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/utils/remote-component-registry.tsx
+import { createRemoteReactComponent } from '@remote-ui/react';
+export const createRemoteComponentRegistry = () => {
+    const componentMetadataLookup = new Map();
+    const componentNameByComponentMap = new Map();
+    const registerComponent = (component, componentName, fragmentProps) => {
+        componentNameByComponentMap.set(component, componentName);
+        componentMetadataLookup.set(componentName, {
+            fragmentPropsSet: new Set(fragmentProps),
+            fragmentPropsArray: fragmentProps,
+        });
+        return component;
+    };
+    return {
+        getComponentName: (component) => {
+            const componentName = componentNameByComponentMap.get(component);
+            if (!componentName) {
+                return null;
+            }
+            return componentName;
+        },
+        isAllowedComponentName: (componentName) => {
+            return componentMetadataLookup.has(componentName);
+        },
+        isComponentFragmentProp: (componentName, propName) => {
+            const componentMetadata = componentMetadataLookup.get(componentName);
+            if (!componentMetadata) {
+                return false;
+            }
+            return componentMetadata.fragmentPropsSet.has(propName);
+        },
+        getComponentFragmentPropNames: (componentName) => {
+            const componentMetadata = componentMetadataLookup.get(componentName);
+            if (!componentMetadata) {
+                return [];
+            }
+            const { fragmentPropsArray } = componentMetadata;
+            return fragmentPropsArray;
+        },
+        createAndRegisterRemoteReactComponent: (componentName, options = {}) => {
+            const { fragmentProps = [] } = options;
+            const remoteReactComponent = createRemoteReactComponent(componentName, {
+                fragmentProps: fragmentProps,
+            });
+            return registerComponent(remoteReactComponent, componentName, fragmentProps);
+        },
+        createAndRegisterRemoteCompoundReactComponent: (componentName, options) => {
+            const { fragmentProps = [] } = options;
+            const RemoteComponentType = createRemoteReactComponent(componentName, {
+                fragmentProps,
+            });
+            // We can only attach properties to a function component type, so we need to check if the remote component type is a function.
+            // If the remote component type is not a function, we need to wrap it in a function component.
+            const CompoundFunctionComponentType = typeof RemoteComponentType === 'function'
+                ? RemoteComponentType
+                : (props) => (_jsx(RemoteComponentType, { ...props }));
+            // Attach the compound component properties to the function component that we will be returning.
+            Object.assign(CompoundFunctionComponentType, options.compoundComponentProperties);
+            // Register the compound function component with the registry and return it.
+            return registerComponent(CompoundFunctionComponentType, componentName, fragmentProps);
+        },
+    };
+};

package/dist/crm/index.d.ts

@@ -1,4 +1,4 @@
-import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions } from './components';
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from '../__synced__/crmRemoteComponents.synced';
 export { useCrmProperties } from './hooks/useCrmProperties';
 export { useAssociations } from './hooks/useAssociations';
+export type * from '../__synced__/types/crm.synced';

package/dist/crm/index.js

@@ -1,4 +1,3 @@
-import { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from './components';
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, } from '../__synced__/crmRemoteComponents.synced';
 export { useCrmProperties } from './hooks/useCrmProperties';
 export { useAssociations } from './hooks/useAssociations';

package/dist/experimental/index.d.ts

@@ -1,75 +1,4 @@
-import type * as types from '../types';
-import type * as experimentalTypes from './types';
 export { useCrmProperties } from '../crm/hooks/useCrmProperties';
 export { useAssociations } from '../crm/hooks/useAssociations';
-/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
-declare const Iframe: "Iframe" & {
-    readonly type?: "Iframe" | undefined;
-    readonly props?: types.IframeProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Iframe", types.IframeProps, true>>;
-/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
-declare const MediaObject: "MediaObject" & {
-    readonly type?: "MediaObject" | undefined;
-    readonly props?: experimentalTypes.MediaObjectProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"MediaObject", experimentalTypes.MediaObjectProps, true>>;
-/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
-declare const Stack2: "Stack2" & {
-    readonly type?: "Stack2" | undefined;
-    readonly props?: experimentalTypes.Stack2Props | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Stack2", experimentalTypes.Stack2Props, true>>;
-/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
-declare const Center: "Center" & {
-    readonly type?: "Center" | undefined;
-    readonly props?: experimentalTypes.CenterProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Center", experimentalTypes.CenterProps, true>>;
-/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
-declare const Grid: "Grid" & {
-    readonly type?: "Grid" | undefined;
-    readonly props?: experimentalTypes.GridProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Grid", experimentalTypes.GridProps, true>>;
-/** @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates. */
-declare const GridItem: "GridItem" & {
-    readonly type?: "GridItem" | undefined;
-    readonly props?: experimentalTypes.GridItemProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"GridItem", experimentalTypes.GridItemProps, true>>;
-declare const SettingsView: "SettingsView" & {
-    readonly type?: "SettingsView" | undefined;
-    readonly props?: experimentalTypes.SettingsViewProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SettingsView", experimentalTypes.SettingsViewProps, true>>;
-/**
- * The `ExpandableText` component renders a text that can be expanded or collapsed based on a maximum height.
- *
- * **Links:**
- *
- * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/expandable-text ExpandableText Docs}
- */
-declare const ExpandableText: "ExpandableText" & {
-    readonly type?: "ExpandableText" | undefined;
-    readonly props?: experimentalTypes.ExpandableTextProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ExpandableText", experimentalTypes.ExpandableTextProps, true>>;
-/**
- * The `Popover` component renders a popover overlay that can contain other components.
- *
- * **Links:**
- *
- * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/popover Popover Docs}
- */
-declare const Popover: "Popover" & {
-    readonly type?: "Popover" | undefined;
-    readonly props?: experimentalTypes.PopoverProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Popover", experimentalTypes.PopoverProps, true>>;
-declare const FileInput: "FileInput" & {
-    readonly type?: "FileInput" | undefined;
-    readonly props?: experimentalTypes.FileInputProps | undefined;
-    readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"FileInput", experimentalTypes.FileInputProps, true>>;
-export { Iframe, MediaObject, Stack2, Center, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, };
+export { Iframe, MediaObject, Stack2, Center, GridItem, Grid, SettingsView, ExpandableText, Popover, FileInput, } from '../__synced__/experimentalRemoteComponents.synced';
+export type * from '../__synced__/experimental/types.synced';