@hubspot/ui-extensions 0.12.1 → 0.12.3

package/dist/__tests__/crm/utils/fetchAssociations.spec.js

@@ -1,4 +1,5 @@
 import { vi } from 'vitest';
+import { calculatePaginationFlags, fetchAssociations, } from "../../../crm/utils/fetchAssociations.js";
 // Set up the mock before importing the module
 const mockFetchAssociations = vi.fn();
 const mockSelf = {
@@ -9,7 +10,6 @@ Object.defineProperty(global, 'self', {
     value: mockSelf,
     writable: true,
 });
-import { fetchAssociations, calculatePaginationFlags, } from "../../../crm/utils/fetchAssociations.js";
 describe('fetchAssociations', () => {
     // Helper functions
     const createMockResponse = (data, overrides = {}) => ({

package/dist/__tests__/crm/utils/fetchCrmProperties.spec.js

@@ -1,4 +1,5 @@
 import { vi } from 'vitest';
+import { fetchCrmProperties } from "../../../crm/utils/fetchCrmProperties.js";
 // Set up the mock before importing the module
 const mockFetchCrmProperties = vi.fn();
 const mockSelf = {
@@ -9,7 +10,6 @@ Object.defineProperty(global, 'self', {
     value: mockSelf,
     writable: true,
 });
-import { fetchCrmProperties } from "../../../crm/utils/fetchCrmProperties.js";
 const DEFAULT_OPTIONS = {};
 describe('fetchCrmProperties', () => {
     beforeEach(() => {

package/dist/crm/hooks/useAssociations.d.ts

@@ -1,4 +1,4 @@
-import { type FetchAssociationsRequest, type AssociationResult } from '../utils/fetchAssociations.ts';
+import type { AssociationResult, FetchAssociationsRequest } from '../utils/fetchAssociations.ts';
 import { type FetchCrmPropertiesOptions } from '../utils/fetchCrmProperties.ts';
 export interface UseAssociationsOptions {
     propertiesToFormat?: 'all' | string[];

package/dist/crm/hooks/useAssociations.js

@@ -1,6 +1,6 @@
-import { useEffect, useReducer, useMemo, useRef, useCallback } from 'react';
-import { fetchAssociations, DEFAULT_PAGE_SIZE, calculatePaginationFlags, } from "../utils/fetchAssociations.js";
+import { useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
 import { createMockAwareHook } from "../../internal/hook-utils.js";
+import { calculatePaginationFlags, DEFAULT_PAGE_SIZE, fetchAssociations, } from "../utils/fetchAssociations.js";
 function createInitialState(pageSize) {
     return {
         results: [],

package/dist/crm/hooks/useCrmProperties.d.ts

@@ -1,4 +1,4 @@
-import { type FetchCrmPropertiesOptions } from '../utils/fetchCrmProperties.ts';
+import type { FetchCrmPropertiesOptions } from '../utils/fetchCrmProperties.ts';
 export interface CrmPropertiesState {
     properties: Record<string, string | null>;
     error: Error | null;

package/dist/crm/hooks/useCrmProperties.js

@@ -1,6 +1,6 @@
-import { useEffect, useReducer, useMemo, useRef, useCallback } from 'react';
-import { fetchCrmProperties, } from "../utils/fetchCrmProperties.js";
+import { useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
 import { createMockAwareHook } from "../../internal/hook-utils.js";
+import { fetchCrmProperties } from "../utils/fetchCrmProperties.js";
 const initialState = {
     properties: {},
     error: null,

package/dist/crm/utils/fetchAssociations.d.ts

@@ -1,4 +1,4 @@
-import { FetchCrmPropertiesOptions } from './fetchCrmProperties.ts';
+import type { FetchCrmPropertiesOptions } from './fetchCrmProperties.ts';
 export declare const DEFAULT_PAGE_SIZE = 10;
 /**
  * Calculate pagination flags based on current page and API hasMore flag

package/dist/crm/utils/fetchAssociations.js

@@ -27,7 +27,6 @@ export const fetchAssociations = async (request, options) => {
     let response;
     let result;
     try {
-        // eslint-disable-next-line hubspot-dev/no-confusing-browser-globals
         response = await self.fetchAssociations(request, options);
         result = await response.json();
     }

package/dist/crm/utils/fetchCrmProperties.js

@@ -15,7 +15,6 @@ export const fetchCrmProperties = async (propertyNames, propertiesUpdatedCallbac
     let response;
     let result;
     try {
-        // eslint-disable-next-line hubspot-dev/no-confusing-browser-globals
         response = await self.fetchCrmProperties(propertyNames, propertiesUpdatedCallback, options);
         result = await response.json();
     }

package/dist/experimental/pages/index.d.ts

@@ -0,0 +1,4 @@
+export type * from '../../shared/types/pages/components/index.ts';
+export type * from '../../shared/types/pages/app-pages-types.ts';
+export declare const PageRoutes: import("../../shared/types/pages/components/page-routes.ts").PageRoutesComponent, usePageRoute: import("../../shared/types/pages/app-pages-types.ts").UsePageRouteHook, createPageRouter: import("../../shared/types/pages/app-pages-types.ts").CreatePageRouterFunction;
+export { PageLink } from '../../shared/remoteComponents.tsx';

package/dist/experimental/pages/index.js

@@ -0,0 +1,3 @@
+import { getWorkerGlobals } from "../../internal/global-utils.js";
+export const { PageRoutes, usePageRoute, createPageRouter } = getWorkerGlobals().hsWorkerAPI;
+export { PageLink } from "../../shared/remoteComponents.js";

package/dist/hs-internal/__tests__/createRemoteComponentInternal.spec.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { describe, expect, it } from 'vitest';
-import { createRenderer } from "../../testing/index.js";
-import { createRemoteComponentInternal } from "../index.js";
-import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
 import { Button, Text } from "../../index.js";
+import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
+import { createRenderer } from "../../testing/index.js";
 import { InvalidComponentsError } from "../../testing/internal/errors.js";
-import { useState } from 'react';
+import { createRemoteComponentInternal } from "../index.js";
 // Create custom components once at the top level
 const CustomButton = createRemoteComponentInternal('TestCustomButton');
 const CustomCard = createRemoteComponentInternal('TestCustomCard', {

package/dist/hubspot.js

@@ -1,4 +1,3 @@
-/* eslint-disable hubspot-dev/no-confusing-browser-globals */
 import { getWorkerGlobals } from "./internal/global-utils.js";
 const extend_V2 = getWorkerGlobals().extend_V2;
 export function serverless(name, options) {

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import './clientTypes.ts';
 export { hubspot } from './hubspot.ts';
 export { logger } from './logger.ts';
 export * from './shared/types/index.ts';
-export { Accordion, Alert, AutoGrid, BarChart, Box, Button, ButtonRow, Card, Checkbox, CurrencyInput, DateInput, DescriptionList, DescriptionListItem, Divider, Dropdown, EmptyState, ErrorState, Flex, Form, Heading, Icon, Illustration, Image, Inline, Input, LineChart, Link, List, LoadingButton, LoadingSpinner, Modal, ModalBody, ModalFooter, MultiSelect, NumberInput, Panel, PanelBody, PanelFooter, PanelSection, ProgressBar, RadioButton, ScoreCircle, SearchInput, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, StatusTag, StepIndicator, StepperInput, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextArea, Textarea, Tile, TimeInput, Toggle, ToggleGroup, Tooltip, } from './shared/remoteComponents.tsx';
+export { Accordion, Alert, AutoGrid, BarChart, Box, Button, ButtonRow, Card, Checkbox, CurrencyInput, DateInput, DescriptionList, DescriptionListItem, Divider, Dropdown, EmptyState, ErrorState, Flex, Form, Heading, Icon, Illustration, Image, Inline, Input, LineChart, Link, List, LoadingButton, LoadingSpinner, Modal, ModalBody, ModalFooter, MultiSelect, NumberInput, Panel, PanelBody, PanelFooter, PanelSection, ProgressBar, RadioButton, ScoreCircle, SearchInput, Select, Spacer, Stack, Statistics, StatisticsItem, StatisticsTrend, StatusTag, StepIndicator, StepperInput, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextArea, Textarea, Tile, TimeInput, Toggle, ToggleGroup, Tooltip, } from './shared/remoteComponents.tsx';
 export { useExtensionContext } from './hooks/useExtensionContext.tsx';
 export { useExtensionActions } from './hooks/useExtensionActions.tsx';
 export { useExtensionApi } from './hooks/useExtensionApi.tsx';

package/dist/index.js

@@ -3,7 +3,7 @@ import "./clientTypes.js";
 export { hubspot } from "./hubspot.js";
 export { logger } from "./logger.js";
 export * from "./shared/types/index.js";
-export { Accordion, Alert, AutoGrid, BarChart, Box, Button, ButtonRow, Card, Checkbox, CurrencyInput, DateInput, DescriptionList, DescriptionListItem, Divider, Dropdown, EmptyState, ErrorState, Flex, Form, Heading, Icon, Illustration, Image, Inline, Input, LineChart, Link, List, LoadingButton, LoadingSpinner, Modal, ModalBody, ModalFooter, MultiSelect, NumberInput, Panel, PanelBody, PanelFooter, PanelSection, ProgressBar, RadioButton, ScoreCircle, SearchInput, Select, Stack, Statistics, StatisticsItem, StatisticsTrend, StatusTag, StepIndicator, StepperInput, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextArea, Textarea, Tile, TimeInput, Toggle, ToggleGroup, Tooltip, } from "./shared/remoteComponents.js";
+export { Accordion, Alert, AutoGrid, BarChart, Box, Button, ButtonRow, Card, Checkbox, CurrencyInput, DateInput, DescriptionList, DescriptionListItem, Divider, Dropdown, EmptyState, ErrorState, Flex, Form, Heading, Icon, Illustration, Image, Inline, Input, LineChart, Link, List, LoadingButton, LoadingSpinner, Modal, ModalBody, ModalFooter, MultiSelect, NumberInput, Panel, PanelBody, PanelFooter, PanelSection, ProgressBar, RadioButton, ScoreCircle, SearchInput, Select, Spacer, Stack, Statistics, StatisticsItem, StatisticsTrend, StatusTag, StepIndicator, StepperInput, Tab, Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextArea, Textarea, Tile, TimeInput, Toggle, ToggleGroup, Tooltip, } from "./shared/remoteComponents.js";
 export { useExtensionContext } from "./hooks/useExtensionContext.js";
 export { useExtensionActions } from "./hooks/useExtensionActions.js";
 export { useExtensionApi } from "./hooks/useExtensionApi.js";

package/dist/internal/global-utils.d.ts

@@ -1,4 +1,4 @@
-import { WorkerGlobalsInternal } from '../shared/types/worker-globals.ts';
+import type { WorkerGlobalsInternal } from '../shared/types/worker-globals.ts';
 /**
  * Gets the worker globals object for the current environment.
  * @returns The worker globals object.

package/dist/internal/hook-utils.d.ts

@@ -1,4 +1,4 @@
-import { RendererSpies } from '../testing/types.ts';
+import type { RendererSpies } from '../testing/types.ts';
 type AnyFunction = (...args: any[]) => any;
 /**
  * Creates a mock-aware hook function that can be used to mock the original hook function.
@@ -15,12 +15,12 @@ export declare const createMockAwareHook: <THookName extends keyof RendererSpies
  *
  * @returns The mocks object or null if not in a test environment.
  */
-export declare function useMocksContext(): RendererSpies<"home" | "settings" | "crm.record.tab" | "crm.record.sidebar" | "crm.preview" | "helpdesk.sidebar" | "uie.playground.middle"> | null;
+export declare function useMocksContext(): RendererSpies<"crm.record.tab" | "crm.record.sidebar" | "crm.preview" | "helpdesk.sidebar" | "settings" | "home" | "uie.playground.middle"> | null;
 /**
  * A React component that provides the Mocks context that can be used to provide mocks to the mock-aware hook functions.
  *
  * @param children The children to render.
  * @returns The children wrapped in the Mocks context provider.
  */
-export declare const MocksContextProvider: import("react").Provider<RendererSpies<"home" | "settings" | "crm.record.tab" | "crm.record.sidebar" | "crm.preview" | "helpdesk.sidebar" | "uie.playground.middle"> | null>;
+export declare const MocksContextProvider: import("react").Provider<RendererSpies<"crm.record.tab" | "crm.record.sidebar" | "crm.preview" | "helpdesk.sidebar" | "settings" | "home" | "uie.playground.middle"> | null>;
 export {};

package/dist/shared/remoteComponents.d.ts

@@ -1,6 +1,7 @@
-import type * as experimentalTypes from './types/experimental.ts';
 import type * as componentTypes from './types/components/index.ts';
-import * as crmTypes from './types/crm.ts';
+import type * as crmTypes from './types/crm.ts';
+import type * as experimentalTypes from './types/experimental.ts';
+import type * as pageComponentTypes from './types/pages/components/index.ts';
 /**
  * Represents a registry of HubSpot-provided React components that should only be used **internally** by the UI extension SDK.
  *
@@ -59,6 +60,15 @@ export declare const DescriptionListItem: import("./types/shared.ts").HubSpotRea
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/divider Docs}
  */
 export declare const Divider: import("./types/shared.ts").HubSpotReactComponent<componentTypes.DividerProps>;
+/**
+ * The `Spacer` component renders vertical space between components. Use this component
+ * to add consistent spacing without using empty wrapper components.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/spacer Docs}
+ */
+export declare const Spacer: import("./types/shared.ts").HubSpotReactComponent<componentTypes.SpacerProps>;
 /**
  * The `EmptyState` component sets the content that appears when the extension is in an empty state. Use this component when there's no content or data to help guide users.
  *
@@ -616,6 +626,7 @@ export declare const PrimaryHeaderActionButton: import("./types/shared.ts").HubS
  *
  */
 export declare const SecondaryHeaderActionButton: import("./types/shared.ts").HubSpotReactComponent<componentTypes.HeaderActionButtonProps>;
+export declare const PageLink: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageLinkProps>;
 /**
  * @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.
  */

package/dist/shared/remoteComponents.js

@@ -63,6 +63,15 @@ export const DescriptionListItem = createAndRegisterRemoteReactComponent('Descri
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/divider Docs}
  */
 export const Divider = createAndRegisterRemoteReactComponent('Divider');
+/**
+ * The `Spacer` component renders vertical space between components. Use this component
+ * to add consistent spacing without using empty wrapper components.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/spacer Docs}
+ */
+export const Spacer = createAndRegisterRemoteReactComponent('Spacer');
 /**
  * The `EmptyState` component sets the content that appears when the extension is in an empty state. Use this component when there's no content or data to help guide users.
  *
@@ -637,6 +646,10 @@ export const SecondaryHeaderActionButton = createAndRegisterRemoteReactComponent
     fragmentProps: ['overlay'],
 });
 ////////////////////////////////////////////////////////
+// APP PAGE COMPONENTS
+////////////////////////////////////////////////////////
+export const PageLink = createAndRegisterRemoteReactComponent('PageLink');
+////////////////////////////////////////////////////////
 // EXPERIMENTAL COMPONENTS
 ////////////////////////////////////////////////////////
 /**

package/dist/shared/types/components/accordion.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps, TShirtSizes } from '../shared.ts';
 /**
- * The props type for {@link !components.Accordion}.
+ * The props type for [Accordion](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/accordion).
  *
  * @category Component Props
  */

package/dist/shared/types/components/alert.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Alert}.
+ * The props type for [Alert](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/alert).
  *
  * @category Component Props
  */

package/dist/shared/types/components/app-home-header-actions.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-import { ReactionsHandler } from '../reactions.ts';
-import { ExtensionEvent, OverlayComponentProps, HrefProp, BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { ReactionsHandler } from '../reactions.ts';
+import type { BaseComponentProps, ExtensionEvent, HrefProp, OverlayComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.HeaderActions}.
+ * The props type for [HeaderActions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/create-an-app-home-page#headeractions).
  *
  * @category Component Props
  */
@@ -13,7 +13,7 @@ export interface HeaderActionsProps extends BaseComponentProps {
     children: ReactNode;
 }
 /**
- * The props type for {@link !components.HeaderActions}.
+ * The props type for [HeaderActions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/create-an-app-home-page#headeractions).
  *
  * @category Component Props
  */

package/dist/shared/types/components/button-row.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps, TShirtSizes } from '../shared.ts';
 /**
- * The props type for {@link !components.ButtonRow}.
+ * The props type for [ButtonRow](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/button-row).
  *
  * @category Component Props
  */

package/dist/shared/types/components/button.d.ts

@@ -1,9 +1,10 @@
-import { ReactNode } from 'react';
-import { OverlayComponentProps, HrefProp, TShirtSizes, IconNames, ExtensionEvent, BaseComponentProps } from '../shared.ts';
-import { ReactionsHandler } from '../reactions.ts';
+import type { ReactNode } from 'react';
+import type { ReactionsHandler } from '../reactions.ts';
+import type { BaseComponentProps, ExtensionEvent, HrefProp, IconNames, OverlayComponentProps, TShirtSizes } from '../shared.ts';
 export interface BaseButtonProps extends BaseComponentProps {
     /**
-     * A function that will be invoked when the button is clicked. It receives no arguments and its return value is ignored.
+     * A function that will be invoked when the button is clicked. It receives an event object and a reactions object
+     * with methods to control overlays. Its return value is ignored.
      *
      * @event
      */
@@ -52,7 +53,7 @@ export interface BaseButtonProps extends BaseComponentProps {
     truncate?: boolean;
 }
 /**
- * The props type for {@link !components.Button}.
+ * The props type for [Button](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/button).
  *
  * @category Component Props
  */
@@ -71,7 +72,7 @@ export interface LoadingButtonOverlayOptions {
     openBehavior?: 'onClick' | 'onLoadingFinish';
 }
 /**
- * The props type for {@link !components.LoadingButton}.
+ * The props type for [LoadingButton](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/loading-button).
  *
  * @category Component Props
  */

package/dist/shared/types/components/card.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Card}.
  *

package/dist/shared/types/components/chart.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps } from '../shared.ts';
 export interface ChartProps extends BaseComponentProps {
     /**
      * An object containing the chart's data in an array.
@@ -24,7 +24,7 @@ export interface ChartProps extends BaseComponentProps {
     options?: ChartOptions;
 }
 /**
- * The props type for {@link !components.BarChart}.
+ * The props type for [BarChart](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/charts/bar-chart).
  *
  * @category Component Props
  */
@@ -57,7 +57,7 @@ export interface BarChartProps extends ChartProps {
     axes: ChartAxisPair;
 }
 /**
- * The props type for {@link !components.LineChart}.
+ * The props type for [LineChart](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/charts/line-chart).
  *
  * @category Component Props
  */

package/dist/shared/types/components/description-list.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.DescriptionListItem}.
+ * The props type for [DescriptionListItem](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/description-list).
  *
  * @category Component Props
  */
@@ -18,13 +18,13 @@ export interface DescriptionListItemProps extends BaseComponentProps {
     label: string;
 }
 /**
- * The props type for {@link !components.DescriptionList}.
+ * The props type for [DescriptionList](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/description-list).
  *
  * @category Component Props
  */
 export interface DescriptionListProps extends BaseComponentProps {
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.DescriptionListItem}.
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be [DescriptionListItem](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/description-list).
      *
      */
     children: ReactNode;

package/dist/shared/types/components/divider.d.ts

@@ -1,6 +1,6 @@
-import { AllDistances, BaseComponentProps } from '../shared.ts';
+import type { AllDistances, BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Divider}.
+ * The props type for [Divider](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/divider).
  *
  * @category Component Props
  */
@@ -10,5 +10,9 @@ export interface DividerProps extends BaseComponentProps {
      *
      * @defaultValue `"small"`
      */
+    size?: AllDistances;
+    /**
+     * @deprecated Use `size` instead.
+     */
     distance?: AllDistances;
 }

package/dist/shared/types/components/dropdown.d.ts

@@ -1,7 +1,6 @@
 import type { ReactNode } from 'react';
-import { TShirtSizes, BaseComponentProps } from '../shared.ts';
-import { ExtensionEvent, OverlayComponentProps } from '../shared.ts';
-import { ReactionsHandler } from '../reactions.ts';
+import type { ReactionsHandler } from '../reactions.ts';
+import type { BaseComponentProps, ExtensionEvent, OverlayComponentProps, TShirtSizes } from '../shared.ts';
 /**
  * @deprecated This type is deprecated and will be removed in a future release. Please use the `DropdownButtonItem` component instead.
  */
@@ -20,7 +19,7 @@ export interface DropdownOption {
     onClick?: () => void;
 }
 /**
- * The props type for {@link !components.DropdownButtonItem}.
+ * The props type for [DropdownButtonItem](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/dropdown).
  *
  * @category Component Props
  */
@@ -38,7 +37,7 @@ export interface DropdownButtonItemProps extends OverlayComponentProps, BaseComp
     onClick?: ReactionsHandler<ExtensionEvent>;
 }
 /**
- * The props type for {@link !components.Dropdown}.
+ * The props type for [Dropdown](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/dropdown).
  *
  * @category Component Props
  */

package/dist/shared/types/components/empty-state.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
-import { BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../shared.ts';
 export type EmptyStateImageName = 'addOnReporting' | 'announcement' | 'api' | 'automatedTesting' | 'beta' | 'building' | 'callingSetUp' | 'companies' | 'components' | 'cone' | 'contacts' | 'contentStrategy' | 'customObjects' | 'customerExperience' | 'customerSupport' | 'deals' | 'developerSecurityUpdate' | 'electronicSignature' | 'electronicSignatureEmptyState' | 'emailConfirmation' | 'emptyStateCharts' | 'idea' | 'integrations' | 'leads' | 'lock' | 'meetings' | 'missedGoal' | 'multipleObjects' | 'object' | 'productsShoppingCart' | 'registration' | 'sandboxAddOn' | 'social' | 'store' | 'storeDisabled' | 'successfullyConnectedEmail' | 'target' | 'task' | 'tickets' | 'voteAndSearch';
 /**
- * The props type for {@link !components.EmptyState}.
+ * The props type for [EmptyState](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/empty-state).
  *
  * @category Component Props
  */

package/dist/shared/types/components/error-state.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.ErrorState}.
+ * The props type for [ErrorState](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/error-state).
  *
  * @category Component Props
  */

package/dist/shared/types/components/form.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
-import { FormSubmitExtensionEvent, BaseComponentProps } from '../shared.ts';
-import { ReactionsHandler } from '../reactions.ts';
+import type { ReactNode } from 'react';
+import type { ReactionsHandler } from '../reactions.ts';
+import type { BaseComponentProps, FormSubmitExtensionEvent } from '../shared.ts';
 export type FormInputValues = Record<string, string | number>;
 /**
- * The props type for {@link !components.Form}.
+ * The props type for [Form](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/form).
  *
  * @category Component Props
  */

package/dist/shared/types/components/heading.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-import { BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Heading}.
+ * The props type for [Heading](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/heading).
  *
  * @category Component Props
  */

package/dist/shared/types/components/icon.d.ts

@@ -1,19 +1,19 @@
-import { TShirtSizes, IconNames, BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps, IconNames, TShirtSizes } from '../shared.ts';
 export type IconColor = 'alert' | 'warning' | 'success' | 'inherit';
 /**
- * The props type for {@link !components.Icon}.
+ * The props type for [Icon](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/icon).
  *
  * @category Component Props
  */
 export interface IconProps extends BaseComponentProps {
     /**
-     * The color of the icon.
+     * The color of the icon. See the [colors section](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/icon#colors) for details.
      *
      * @defaultValue `"inherit"`
      */
     color?: IconColor;
     /**
-     * Sets the icon to display.
+     * Sets the icon to display. See [all available icons](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/icon#available-icons).
      */
     name: IconNames;
     /**

package/dist/shared/types/components/iframe.d.ts

@@ -1,4 +1,4 @@
-import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps, TShirtSizes } from '../shared.ts';
 /**
  * The props type for {@link !components.Iframe}.
  *

package/dist/shared/types/components/illustration.d.ts

@@ -1,6 +1,6 @@
-import { BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Illustration}.
+ * The props type for [Illustration](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/illustration).
  *
  * @category Component Props
  */

package/dist/shared/types/components/image.d.ts

@@ -1,7 +1,7 @@
-import { OverlayComponentProps, HrefProp, ExtensionEvent, BaseComponentProps } from '../shared.ts';
-import { ReactionsHandler } from '../reactions.ts';
+import type { ReactionsHandler } from '../reactions.ts';
+import type { BaseComponentProps, ExtensionEvent, HrefProp, OverlayComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Image}.
+ * The props type for [Image](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/image).
  *
  * @category Component Props
  */
@@ -22,7 +22,8 @@ export interface ImageProps extends OverlayComponentProps, BaseComponentProps {
      */
     href?: HrefProp;
     /**
-     * A function that will be called when the image is clicked. This function will receive no arguments and any returned values will be ignored.
+     * A function that will be invoked when the button is clicked. It receives an event object and a reactions object
+     * with methods to control overlays. Its return value is ignored.
      *
      * @event
      */

package/dist/shared/types/components/index.d.ts

@@ -26,6 +26,7 @@ export type * from './panel.ts';
 export type * from './progress-bar.ts';
 export type * from './score.ts';
 export type * from './selects.ts';
+export type * from './spacer.ts';
 export type * from './statistics.ts';
 export type * from './status-tag.ts';
 export type * from './step-indicator.ts';