@hubspot/ui-extensions 0.10.1 → 0.11.0

package/dist/{pages/home/components.d.ts → __synced__/appHomeRemoteComponents.synced.d.ts}

@@ -1,28 +1,28 @@
-import type * as types from '../../types';
+import type * as componentTypes from './types/components/index.synced';
 /**
  * The `HeaderActions` component renders a container for action buttons in the app home header. It accepts `PrimaryHeaderActionButton` and `SecondaryHeaderActionButton` as children.
  *
  */
 export declare const HeaderActions: "HeaderActions" & {
     readonly type?: "HeaderActions" | undefined;
-    readonly props?: types.HeaderActionsProps | undefined;
+    readonly props?: componentTypes.HeaderActionsProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"HeaderActions", types.HeaderActionsProps, true>>;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"HeaderActions", componentTypes.HeaderActionsProps, true>>;
 /**
  * The `PrimaryHeaderActionButton` component renders a primary action button in the app home header. This button is styled as the main call-to-action and only one should be used per `HeaderActions` container.
  *
  */
 export declare const PrimaryHeaderActionButton: "PrimaryHeaderActionButton" & {
     readonly type?: "PrimaryHeaderActionButton" | undefined;
-    readonly props?: types.HeaderActionButtonProps | undefined;
+    readonly props?: componentTypes.HeaderActionButtonProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"PrimaryHeaderActionButton", types.HeaderActionButtonProps, true>>;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"PrimaryHeaderActionButton", componentTypes.HeaderActionButtonProps, true>>;
 /**
  * The `SecondaryHeaderActionButton` component renders a secondary action button in the app home header. Multiple secondary actions can be used and they will be grouped appropriately in the header.
  *
  */
 export declare const SecondaryHeaderActionButton: "SecondaryHeaderActionButton" & {
     readonly type?: "SecondaryHeaderActionButton" | undefined;
-    readonly props?: types.HeaderActionButtonProps | undefined;
+    readonly props?: componentTypes.HeaderActionButtonProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SecondaryHeaderActionButton", types.HeaderActionButtonProps, true>>;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SecondaryHeaderActionButton", componentTypes.HeaderActionButtonProps, true>>;

package/dist/{pages/home/components.js → __synced__/appHomeRemoteComponents.synced.js}

@@ -1,3 +1,4 @@
+// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/appHomeRemoteComponents.ts
 import { createRemoteReactComponent } from '@remote-ui/react';
 /**
  * The `HeaderActions` component renders a container for action buttons in the app home header. It accepts `PrimaryHeaderActionButton` and `SecondaryHeaderActionButton` as children.

package/dist/{crm/components.d.ts → __synced__/crmRemoteComponents.synced.d.ts}

@@ -1,67 +1,66 @@
-import { CrmAssociationPivotProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmPropertyListProps, CrmReportProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from '../types';
-declare const CrmPropertyList: "CrmPropertyList" & {
+import * as crmTypes from './types/crm.synced';
+export declare const CrmPropertyList: "CrmPropertyList" & {
     readonly type?: "CrmPropertyList" | undefined;
-    readonly props?: CrmPropertyListProps | undefined;
+    readonly props?: crmTypes.CrmPropertyListProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmPropertyList", CrmPropertyListProps, true>>;
-declare const CrmAssociationTable: "CrmAssociationTable" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmPropertyList", crmTypes.CrmPropertyListProps, true>>;
+export declare const CrmAssociationTable: "CrmAssociationTable" & {
     readonly type?: "CrmAssociationTable" | undefined;
-    readonly props?: CrmAssociationTableProps | undefined;
+    readonly props?: crmTypes.CrmAssociationTableProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationTable", CrmAssociationTableProps, true>>;
-declare const CrmDataHighlight: "CrmDataHighlight" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationTable", crmTypes.CrmAssociationTableProps, true>>;
+export declare const CrmDataHighlight: "CrmDataHighlight" & {
     readonly type?: "CrmDataHighlight" | undefined;
-    readonly props?: CrmDataHighlightProps | undefined;
+    readonly props?: crmTypes.CrmDataHighlightProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmDataHighlight", CrmDataHighlightProps, true>>;
-declare const CrmReport: "CrmReport" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmDataHighlight", crmTypes.CrmDataHighlightProps, true>>;
+export declare const CrmReport: "CrmReport" & {
     readonly type?: "CrmReport" | undefined;
-    readonly props?: CrmReportProps | undefined;
+    readonly props?: crmTypes.CrmReportProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmReport", CrmReportProps, true>>;
-declare const CrmAssociationPivot: "CrmAssociationPivot" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmReport", crmTypes.CrmReportProps, true>>;
+export declare const CrmAssociationPivot: "CrmAssociationPivot" & {
     readonly type?: "CrmAssociationPivot" | undefined;
-    readonly props?: CrmAssociationPivotProps | undefined;
+    readonly props?: crmTypes.CrmAssociationPivotProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPivot", CrmAssociationPivotProps, true>>;
-declare const CrmAssociationPropertyList: "CrmAssociationPropertyList" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPivot", crmTypes.CrmAssociationPivotProps, true>>;
+export declare const CrmAssociationPropertyList: "CrmAssociationPropertyList" & {
     readonly type?: "CrmAssociationPropertyList" | undefined;
-    readonly props?: CrmAssociationPropertyListProps | undefined;
+    readonly props?: crmTypes.CrmAssociationPropertyListProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPropertyList", CrmAssociationPropertyListProps, true>>;
-declare const CrmAssociationStageTracker: "CrmAssociationStageTracker" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationPropertyList", crmTypes.CrmAssociationPropertyListProps, true>>;
+export declare const CrmAssociationStageTracker: "CrmAssociationStageTracker" & {
     readonly type?: "CrmAssociationStageTracker" | undefined;
-    readonly props?: CrmAssociationStageTrackerProps | undefined;
+    readonly props?: crmTypes.CrmAssociationStageTrackerProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationStageTracker", CrmAssociationStageTrackerProps, true>>;
-declare const CrmSimpleDeadline: "CrmSimpleDeadline" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmAssociationStageTracker", crmTypes.CrmAssociationStageTrackerProps, true>>;
+export declare const CrmSimpleDeadline: "CrmSimpleDeadline" & {
     readonly type?: "CrmSimpleDeadline" | undefined;
-    readonly props?: CrmSimpleDeadlineProps | undefined;
+    readonly props?: crmTypes.CrmSimpleDeadlineProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmSimpleDeadline", CrmSimpleDeadlineProps, true>>;
-declare const CrmStageTracker: "CrmStageTracker" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmSimpleDeadline", crmTypes.CrmSimpleDeadlineProps, true>>;
+export declare const CrmStageTracker: "CrmStageTracker" & {
     readonly type?: "CrmStageTracker" | undefined;
-    readonly props?: CrmStageTrackerProps | undefined;
+    readonly props?: crmTypes.CrmStageTrackerProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStageTracker", CrmStageTrackerProps, true>>;
-declare const CrmStatistics: "CrmStatistics" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStageTracker", crmTypes.CrmStageTrackerProps, true>>;
+export declare const CrmStatistics: "CrmStatistics" & {
     readonly type?: "CrmStatistics" | undefined;
-    readonly props?: CrmStatisticsProps | undefined;
+    readonly props?: crmTypes.CrmStatisticsProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStatistics", CrmStatisticsProps, true>>;
-declare const CrmActionButton: "CrmActionButton" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmStatistics", crmTypes.CrmStatisticsProps, true>>;
+export declare const CrmActionButton: "CrmActionButton" & {
     readonly type?: "CrmActionButton" | undefined;
-    readonly props?: CrmActionButtonProps | undefined;
+    readonly props?: crmTypes.CrmActionButtonProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmActionButton", CrmActionButtonProps, true>>;
-declare const CrmActionLink: "CrmActionLink" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmActionButton", crmTypes.CrmActionButtonProps, true>>;
+export declare const CrmActionLink: "CrmActionLink" & {
     readonly type?: "CrmActionLink" | undefined;
-    readonly props?: CrmActionLinkProps | undefined;
+    readonly props?: crmTypes.CrmActionLinkProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmActionLink", CrmActionLinkProps, true>>;
-declare const CrmCardActions: "CrmCardActions" & {
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmActionLink", crmTypes.CrmActionLinkProps, true>>;
+export declare const CrmCardActions: "CrmCardActions" & {
     readonly type?: "CrmCardActions" | undefined;
-    readonly props?: CrmCardActionsProps | undefined;
+    readonly props?: crmTypes.CrmCardActionsProps | undefined;
     readonly children?: true | undefined;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmCardActions", CrmCardActionsProps, true>>;
-export { CrmPropertyList, CrmAssociationTable, CrmDataHighlight, CrmReport, CrmAssociationPivot, CrmAssociationPropertyList, CrmAssociationStageTracker, CrmSimpleDeadline, CrmStageTracker, CrmStatistics, CrmActionButton, CrmActionLink, CrmCardActions, };
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"CrmCardActions", crmTypes.CrmCardActionsProps, true>>;

package/dist/__synced__/crmRemoteComponents.synced.js

@@ -0,0 +1,15 @@
+// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/crmRemoteComponents.ts
+import { createRemoteReactComponent } from '@remote-ui/react';
+export const CrmPropertyList = createRemoteReactComponent('CrmPropertyList');
+export const CrmAssociationTable = createRemoteReactComponent('CrmAssociationTable');
+export const CrmDataHighlight = createRemoteReactComponent('CrmDataHighlight');
+export const CrmReport = createRemoteReactComponent('CrmReport');
+export const CrmAssociationPivot = createRemoteReactComponent('CrmAssociationPivot');
+export const CrmAssociationPropertyList = createRemoteReactComponent('CrmAssociationPropertyList');
+export const CrmAssociationStageTracker = createRemoteReactComponent('CrmAssociationStageTracker');
+export const CrmSimpleDeadline = createRemoteReactComponent('CrmSimpleDeadline');
+export const CrmStageTracker = createRemoteReactComponent('CrmStageTracker');
+export const CrmStatistics = createRemoteReactComponent('CrmStatistics');
+export const CrmActionButton = createRemoteReactComponent('CrmActionButton');
+export const CrmActionLink = createRemoteReactComponent('CrmActionLink');
+export const CrmCardActions = createRemoteReactComponent('CrmCardActions');

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

@@ -0,0 +1,241 @@
+import type { ReactNode } from 'react';
+import type { RemoteFragment } from '@remote-ui/core';
+import type { AllDistances, ExtensionEvent } from '../types/shared.synced';
+import type { ReactionsHandler } from '../types/reactions.synced';
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+interface BaseLayout {
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export type FlexJustify = 'center' | 'end' | 'start' | 'around' | 'between';
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export type FlexAlign = 'start' | 'center' | 'baseline' | 'end' | 'stretch';
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface Stack2Props extends BaseLayout {
+    align?: FlexAlign;
+    gap?: AllDistances;
+    children?: ReactNode;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface CenterProps extends BaseLayout {
+    maxContentSize?: number | string;
+    gutter?: AllDistances;
+    children?: ReactNode;
+}
+/**
+ * @ignore
+ * @experimental
+ */
+export interface MediaObjectProps {
+    align?: 'start' | 'center' | 'baseline' | 'end' | 'stretch';
+    spacing?: 'none' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    children?: ReactNode;
+    itemLeft?: RemoteFragment;
+    itemRight?: RemoteFragment;
+}
+export interface GridProps {
+    justify?: FlexJustify;
+    align?: FlexAlign;
+    gap?: AllDistances;
+    size?: number;
+    children?: ReactNode;
+}
+export interface GridItemProps {
+    size?: number;
+    children?: ReactNode;
+    offset?: number;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface SettingsViewProps {
+    /**
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
+     */
+    children: ReactNode;
+    /**
+     * If set to `true`, will show the save bar with "cancel" and  "save" buttons at the bottom of the page.
+     *
+     * @defaultValue `false`
+     */
+    saveBarVisible?: boolean;
+    /**
+     * Used in the save bar to let the user know how many settings they've changed and not yet saved.
+     */
+    numberOfSettingsChanged?: number;
+    /**
+     * The function that will be invoked when the save button in the save bar is clicked.
+     *
+     * @event
+     */
+    onSave?: ReactionsHandler<ExtensionEvent>;
+    /**
+     * The function that will be invoked when the cancel button in the save bar is clicked.
+     *
+     * @event
+     */
+    onCancel?: ReactionsHandler<ExtensionEvent>;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface ExpandableTextProps {
+    children: ReactNode;
+    maxHeight?: number;
+    expandButtonText?: string;
+    collapseButtonText?: string;
+    expanded?: boolean;
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface PopoverProps {
+    /**
+     * A unique ID for the popover. Used to identify the popover in the overlay system.
+     *
+     */
+    id: string;
+    /**
+     * The content to render inside the popover.
+     */
+    children: ReactNode;
+    /**
+     * The placement of the popover.
+     *
+     * @defaultValue `top`
+     */
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * The variant of the popover.
+     *
+     * @defaultValue `default`
+     */
+    variant?: 'default' | 'shepherd' | 'longform';
+    /**
+     * If set to `true`, will show the close button in the popover. PopoverHeader required to display close button.
+     *
+     * @defaultValue `false`
+     */
+    showCloseButton?: boolean;
+    /**
+     * The size of the arrow in the popover. If set to `none`, the arrow will not be displayed.
+     *
+     * @defaultValue `small`
+     */
+    arrowSize?: 'none' | 'small' | 'medium';
+}
+/**
+ * @ignore
+ * @experimental do not use in production
+ */
+export interface FileInputProps {
+    value?: File | {
+        name: string;
+    };
+    name: string;
+    onChange: (event: any) => void;
+}
+/**
+ * Generic collection of props for all inputs (experimental version)
+ * @internal
+ * */
+export interface BaseInputProps<T = string, V = string> {
+    /**
+     * The label text to display for the form input element.
+     */
+    label: string;
+    /**
+     * The unique identifier for the input element, this could be thought of as the HTML5 [Input element's name attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name).
+     */
+    name: string;
+    /**
+     * The value of the input.
+     */
+    value?: T;
+    /**
+     * Determines if the required indicator should be displayed.
+     *
+     * @defaultValue `false`
+     */
+    required?: boolean;
+    /**
+     * Determines if the field is editable or not.
+     *
+     * @defaultValue `false`
+     */
+    readOnly?: boolean;
+    /**
+     * Instructional message to display to the user to help understand the purpose of the input.
+     */
+    description?: string;
+    /**
+     * Text that will appear in a tooltip next to the input label.
+     */
+    tooltip?: string;
+    /**
+     * Text that appears in the input when it has no value set.
+     */
+    placeholder?: string;
+    /**
+     * If set to `true`, `validationMessage` is displayed as an error message, if it was provided. The input will also render its error state to let the user know there is an error. If set to `false`, `validationMessage` is displayed as a success message.
+     *
+     * @defaultValue `false`
+     */
+    error?: boolean;
+    /**
+     * The value of the input on the first render.
+     */
+    defaultValue?: T;
+    /**
+     * The text to show under the input for error or success validations.
+     */
+    validationMessage?: string;
+    /**
+     * A callback function that is invoked when the value is committed. Currently these times are `onBlur` of the input and when the user submits the form.
+     *
+     * @event
+     */
+    onChange?: (value: V) => void;
+    /**
+     * A function that is called and passed the value every time the field is edited by the user. It is recommended that you do not use this value to update state, that is what `onChange` should be used for. Instead this should be used for validation.
+     *
+     * @event
+     */
+    onInput?: (value: V) => void;
+    /**
+     * A function that is called and passed the value every time the field loses focus.
+     *
+     * @event
+     */
+    onBlur?: (value: V) => void;
+    /**
+     * A function that is called and passed the value every time the field gets focused.
+     *
+     * @event
+     */
+    onFocus?: (value: V) => void;
+}
+export {};
+/**
+ * @ignore
+ * @experimental do not use in production
+ */

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

@@ -0,0 +1,5 @@
+export {};
+/**
+ * @ignore
+ * @experimental do not use in production
+ */

package/dist/__synced__/experimentalRemoteComponents.synced.d.ts

@@ -0,0 +1,94 @@
+import type * as componentTypes from './types/components/index.synced';
+import type * as experimentalTypes from './experimental/types.synced';
+/**
+ * @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.
+ */
+export declare const Iframe: "Iframe" & {
+    readonly type?: "Iframe" | undefined;
+    readonly props?: componentTypes.IframeProps | undefined;
+    readonly children?: true | undefined;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Iframe", componentTypes.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.
+ */
+export 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.
+ */
+export 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.
+ */
+export 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.
+ */
+export 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.
+ */
+export 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>>;
+/**
+ * @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.
+ */
+export 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.
+ *
+ * @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.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/expandable-text ExpandableText Docs}
+ */
+export 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.
+ *
+ * @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.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/popover Popover Docs}
+ */
+export 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>>;
+/**
+ * @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.
+ */
+export 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>>;

package/dist/__synced__/experimentalRemoteComponents.synced.js

@@ -0,0 +1,56 @@
+// Do not manually update this file, changes will be autogenerated by our scripts based on: ui-extensions-remote-renderer/static/js/experimentalRemoteComponents.ts
+import { createRemoteReactComponent } from '@remote-ui/react';
+/**
+ * @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.
+ */
+export const Iframe = createRemoteReactComponent('Iframe');
+/**
+ * @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.
+ */
+export const MediaObject = createRemoteReactComponent('MediaObject', {
+    fragmentProps: ['itemRight', 'itemLeft'],
+});
+/**
+ * @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.
+ */
+export const Stack2 = createRemoteReactComponent('Stack2');
+/**
+ * @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.
+ */
+export const Center = createRemoteReactComponent('Center');
+/**
+ * @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.
+ */
+export const Grid = createRemoteReactComponent('Grid');
+/**
+ * @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.
+ */
+export const GridItem = createRemoteReactComponent('GridItem');
+/**
+ * @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.
+ */
+export const SettingsView = createRemoteReactComponent('SettingsView');
+/**
+ * The `ExpandableText` component renders a text that can be expanded or collapsed based on a maximum height.
+ *
+ * @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.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/expandable-text ExpandableText Docs}
+ */
+export const ExpandableText = createRemoteReactComponent('ExpandableText');
+/**
+ * The `Popover` component renders a popover overlay that can contain other components.
+ *
+ * @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.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/popover Popover Docs}
+ */
+export const Popover = createRemoteReactComponent('Popover');
+/**
+ * @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.
+ */
+export const FileInput = createRemoteReactComponent('FileInput');