@hubspot/ui-extensions 0.12.1 → 0.12.2

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/shared/remoteComponents.d.ts

@@ -59,6 +59,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.
  *

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.
  *

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { TShirtSizes, BaseComponentProps } 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';
 /**
- * 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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { ReactionsHandler } from '../reactions.ts';
 import { ExtensionEvent, OverlayComponentProps, HrefProp, BaseComponentProps } 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';
 /**
- * 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

@@ -3,7 +3,8 @@ import { OverlayComponentProps, HrefProp, TShirtSizes, IconNames, ExtensionEvent
 import { ReactionsHandler } from '../reactions.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/chart.d.ts

@@ -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';
 /**
- * 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';
 /**
- * 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

@@ -20,7 +20,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 +38,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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { 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';
 /**
- * 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

@@ -3,7 +3,7 @@ import { FormSubmitExtensionEvent, BaseComponentProps } from '../shared.ts';
 import { ReactionsHandler } from '../reactions.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';
 /**
- * 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,7 +1,7 @@
 import { TShirtSizes, IconNames, BaseComponentProps } 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
  */

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

@@ -1,6 +1,6 @@
 import { 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';
 /**
- * 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';

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

@@ -80,7 +80,7 @@ interface BaseInputProps<T = string, V = string> extends BaseComponentProps {
     onFocus?: (value: V) => void;
 }
 /**
- * The props type for {@link !components.Input}.
+ * The props type for [Input](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/input).
  *
  * @category Component Props
  */
@@ -93,7 +93,7 @@ export interface InputProps extends BaseInputProps {
     type?: 'text' | 'password';
 }
 /**
- * The props type for {@link !components.TextArea}.
+ * The props type for [TextArea](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/text-area).
  *
  * @category Component Props
  */
@@ -130,7 +130,7 @@ export type TextareaProps = TextAreaProps;
  * */
 type BaseInputForNumber = Omit<BaseInputProps<number, number>, 'onInput'>;
 /**
- * The props type for {@link !components.NumberInput}.
+ * The props type for [NumberInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/number-input).
  *
  * @category Component Props
  */
@@ -157,7 +157,7 @@ export interface NumberInputProps extends BaseInputForNumber {
     onInput?: (value: number) => void;
 }
 /**
- * The props type for {@link !components.CurrencyInput}.
+ * The props type for [CurrencyInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/currency-input).
  *
  * @category Component Props
  */
@@ -181,7 +181,7 @@ export interface CurrencyInputProps extends BaseInputForNumber {
     max?: number;
 }
 /**
- * The props type for {@link !components.StepperInput}.
+ * The props type for [StepperInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/stepper-input).
  *
  * @category Component Props
  */
@@ -219,7 +219,7 @@ export interface DateInputEventsPayload extends BaseDate {
  * */
 type BaseDateInputForDate = Omit<BaseInputProps<BaseDate | null, DateInputEventsPayload>, 'onInput' | 'placeholder'>;
 /**
- * The props type for {@link !components.DateInput}.
+ * The props type for [DateInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/date-input).
  *
  * @category Component Props
  */
@@ -306,7 +306,7 @@ export interface TimeInputEventsPayload extends BaseTime {
  * */
 type BaseTimeInputForTime = Omit<BaseInputProps<BaseTime | null, TimeInputEventsPayload>, 'onInput' | 'placeholder' | 'onChange'>;
 /**
- * The props type for {@link !components.TimeInput}.
+ * The props type for [TimeInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/time-input).
  *
  * @category Component Props
  */
@@ -338,7 +338,7 @@ export interface TimeInputProps extends BaseTimeInputForTime {
     timezone?: 'userTz' | 'portalTz';
 }
 /**
- * The props type for {@link !components.SearchInput}.
+ * The props type for [SearchInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/search-input).
  *
  * @category Component Props
  */

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { AllDistances, BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Stack}.
+ * The props type for [Stack](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/flex).
  *
  * @category Component Props
  */
@@ -34,7 +34,7 @@ export interface StackProps extends BaseComponentProps {
 export type FlexJustify = 'center' | 'end' | 'start' | 'around' | 'between';
 export type FlexAlign = 'start' | 'center' | 'baseline' | 'end' | 'stretch';
 /**
- * The props type for {@link !components.Flex}.
+ * The props type for [Flex](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/flex).
  *
  * @category Component Props
  */
@@ -80,7 +80,7 @@ export interface FlexProps extends BaseComponentProps {
     wrap?: boolean | 'wrap' | 'nowrap';
 }
 /**
- * The props type for {@link !components.Box}.
+ * The props type for [Box](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/box).
  *
  * @category Component Props
  */
@@ -108,7 +108,7 @@ export interface BoxProps extends BaseComponentProps {
     flex?: 'initial' | 'auto' | 'none' | number;
 }
 /**
- * The props type for {@link !components.Inline}.
+ * The props type for [Inline](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/inline).
  *
  * @category Component Props
  */
@@ -137,7 +137,7 @@ export interface InlineProps extends BaseComponentProps {
     gap?: AllDistances;
 }
 /**
- * The props type for {@link !components.AutoGrid}.
+ * The props type for [AutoGrid](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/autogrid).
  *
  * @category Component Props
  */

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { OverlayComponentProps, ExtensionEvent, HrefProp, BaseComponentProps } from '../shared.ts';
 import { ReactionsHandler } from '../reactions.ts';
 /**
- * The props type for {@link !components.Link}.
+ * The props type for [Link](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/link).
  *
  * @category Component Props
  */
@@ -27,7 +27,8 @@ export interface LinkProps extends OverlayComponentProps, BaseComponentProps {
      */
     variant?: 'primary' | 'destructive' | 'light' | 'dark';
     /**
-     * A function that is invoked when the link is clicked. The function 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
      */

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

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

package/dist/shared/types/components/loading-spinner.d.ts

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

package/dist/shared/types/components/progress-bar.d.ts

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

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

@@ -57,7 +57,7 @@ export interface BaseSelectProps extends BaseComponentProps {
     variant?: 'transparent' | 'input';
 }
 /**
- * The props type for {@link !components.Select}.
+ * The props type for [Select](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/select).
  *
  * @category Component Props
  */
@@ -95,7 +95,7 @@ export interface SelectProps extends BaseSelectProps {
     }[];
 }
 /**
- * The props type for {@link !components.MultiSelect}.
+ * The props type for [MultiSelect](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/multi-select).
  *
  * @category Component Props
  */

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

@@ -0,0 +1,14 @@
+import { AllSizesUnaliased, BaseComponentProps } from '../shared.ts';
+/**
+ * The props type for [Spacer](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/spacer)
+ *
+ * @category Component Props
+ */
+export interface SpacerProps extends BaseComponentProps {
+    /**
+     * The amount of vertical space to render.
+     *
+     * @defaultValue `"small"`
+     */
+    size?: AllSizesUnaliased;
+}

package/dist/shared/types/components/spacer.js

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

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.StatisticsTrend}.
+ * The props type for [StatisticsTrend](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/statistics).
  *
  * @category Component Props
  */
@@ -22,7 +22,7 @@ export interface StatisticsTrendProps extends BaseComponentProps {
     color?: 'red' | 'green';
 }
 /**
- * The props type for {@link !components.StatisticsItem}.
+ * The props type for [StatisticsItem](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/statistics).
  *
  * @category Component Props
  */
@@ -40,18 +40,18 @@ export interface StatisticsItemProps extends BaseComponentProps {
      */
     number: string | number;
     /**
-     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.StatisticsTrend} or {@link !components.Text}.
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be [StatisticsTrend](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/statistics) or [Text](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/text).
      */
     children?: ReactNode;
 }
 /**
- * The props type for {@link !components.Statistics}.
+ * The props type for [Statistics](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/statistics).
  *
  * @category Component Props
  */
 export interface StatisticsProps 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.StatisticsItem}.
+     * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be [StatisticsItem](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/statistics).
      */
     children: ReactNode;
 }

package/dist/shared/types/components/status-tag.d.ts

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

package/dist/shared/types/components/step-indicator.d.ts

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

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

@@ -32,7 +32,7 @@ export type TableCellProps = TableElementProps & AlignmentProps & WidthProps & {
     colSpan?: number;
 } & BaseComponentProps;
 /**
- * The props type for {@link !components.TableHeader} when sorted === never.
+ * The props type for [TableHeader](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/table) when sorted === never.
  *
  * @category Component Props
  */
@@ -40,7 +40,7 @@ export interface UnSortedTableHeaderProps extends BaseTableHeaderProps {
     sortDirection?: 'never';
 }
 /**
- * The props type for {@link !components.TableHeader} when sorted !== never.
+ * The props type for [TableHeader](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/table) when sorted !== never.
  *
  * @category Component Props
  */
@@ -65,7 +65,7 @@ export interface SortedTableHeaderProps extends BaseTableHeaderProps {
     disabled?: boolean;
 }
 /**
- * The props type for {@link !components.TableHeader}.
+ * The props type for [TableHeader](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/table).
  *
  * @category Component Props
  */
@@ -141,7 +141,7 @@ export interface TablePaginatedProps extends BaseTableProps {
     onPageChange: (pageNumber: number) => void;
 }
 /**
- * The props type for {@link !components.Table}.
+ * The props type for [Table](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/table).
  *
  * @category Component Props
  */

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { OverlayComponentProps, ExtensionEvent, BaseComponentProps } from '../shared.ts';
 import { ReactionsHandler } from '../reactions.ts';
 /**
- * The props type for {@link !components.Tag}.
+ * The props type for [Tag](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/tag).
  *
  * @category Component Props
  */
@@ -18,7 +18,8 @@ export interface TagProps extends OverlayComponentProps, BaseComponentProps {
      */
     variant?: 'default' | 'warning' | 'success' | 'error' | 'info';
     /**
-     * A function that will be invoked when the tag is clicked. The function 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
      */

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

@@ -41,7 +41,7 @@ export interface TruncateOptions {
     tooltipText?: string;
 }
 /**
- * The props type for {@link !components.Text}.
+ * The props type for [Text](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/text).
  *
  * @interface
  * @category Component Props

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { BaseComponentProps } from '../shared.ts';
 /**
- * The props type for {@link !components.Checkbox}.
+ * The props type for [Checkbox](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/checkbox).
  *
  * @category Component Props
  */
@@ -61,7 +61,7 @@ export interface CheckboxProps extends BaseComponentProps {
     'aria-label'?: string;
 }
 /**
- * The props type for {@link !components.RadioButton}.
+ * The props type for [RadioButton](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/radio-button).
  * @category Component Props
  * @interface
  */
@@ -189,7 +189,7 @@ type DefaultToggleTypeProps = {
     toggleType?: never;
 } & CheckboxGroupProps;
 /**
- * The props type for {@link !components.ToggleGroup}.
+ * The props type for [ToggleGroup](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/toggle-group).
  *
  * @interface
  * @category Component Props

package/dist/shared/types/crm.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { TShirtSizes, BaseComponentProps } from './shared.ts';
-/** @ignore */
 export interface CrmDataHighlightProps extends BaseComponentProps {
     /**
      * The properties to display, up to four. By default, will display property data from the currently displaying record. To pull data from a specific record, include the `objectTypeId` and `objectId` props.
@@ -15,7 +14,6 @@ export interface CrmDataHighlightProps extends BaseComponentProps {
      */
     objectId?: number;
 }
-/** @ignore */
 export interface CrmReportProps extends BaseComponentProps {
     /**
      * The numeric ID of the single object report, which can be found in the URL when viewing the report in HubSpot.
@@ -31,7 +29,6 @@ export interface CrmReportProps extends BaseComponentProps {
      */
     use?: 'associations' | 'subject' | 'unfiltered';
 }
-/** @ignore */
 export interface CrmPropertyListProps extends BaseComponentProps {
     /**
      * The properties to display, up to 24. By default, will display property data from the currently displaying record. To pull data from a specific record, include the `objectTypeId` and `objectId` props.
@@ -52,12 +49,10 @@ export interface CrmPropertyListProps extends BaseComponentProps {
      */
     objectId?: number;
 }
-/** @ignore */
 type CrmSortDescriptor = {
     columnName: string;
     direction: 1 | -1;
 };
-/** @ignore */
 interface CrmSearchFilter {
     operator: 'EQ' | 'NEQ' | 'LT' | 'LTE' | 'GT' | 'GTE' | 'BETWEEN' | 'IN' | 'NOT_IN' | 'HAS_PROPERTY' | 'NOT_HAS_PROPERTY';
     value?: string | number;
@@ -65,56 +60,132 @@ interface CrmSearchFilter {
     highValue?: string | number;
     property: string;
 }
-/** @ignore */
 export interface CrmAssociationTableProps extends BaseComponentProps {
+    /**
+     * The numeric ID of the type of associated object to display (e.g., `0-1` for contacts). See [complete list](https://developers.hubspot.com/guides/crm/understanding-the-crm#object-type-ids) of object IDs.
+     */
     objectTypeId: string;
+    /**
+     * The properties to display as table columns.
+     */
     propertyColumns: Array<string>;
+    /**
+     * The properties that appear as filters above the table. When included, the "Association label" quick filter will always display. See note below for more details on this prop.
+     */
     quickFilterProperties?: Array<string>;
+    /**
+     * When set to `false`, hides the search bar above the table.
+     */
     searchable?: boolean;
+    /**
+     * When set to `false`, hides the pagination navigation below the table.
+     */
     pagination?: boolean;
+    /**
+     * When set to `false`, hides the "Association label" quick filter above the table.
+     */
     associationLabelFilter?: boolean;
+    /**
+     * The number of rows to include per page of results. Include the `pagination` property to enable users to navigate through returned results.
+     */
     pageSize?: number;
+    /**
+     * Filters the data by specific values of the associated records. Review the [CRM data filter options](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-data-components/overview#filtering-data) for more information.
+     */
     preFilters?: Array<CrmSearchFilter>;
+    /**
+     * The default sorting behavior for the table. In each sort object in the array, you'll specify the following:
+     * - `columnName`: the column to sort by.
+     * - `direction`: the direction to sort by. Can be either `1` (ascending) or `-1` (descending). By default, order is ascending.
+     */
     sort?: Array<CrmSortDescriptor>;
 }
-/** @ignore */
 export interface CrmAssociationPivotProps extends BaseComponentProps {
+    /**
+     * The numeric ID of the type of associated object to display (e.g., `0-1` for contacts). See [complete list](https://developers.hubspot.com/guides/crm/understanding-the-crm#object-type-ids) of object IDs.
+     */
     objectTypeId: string;
+    /**
+     * Filters results by specific association labels. By default, all association labels will appear.
+     */
     associationLabels?: Array<string>;
+    /**
+     * The number of items to return in each association label group before displaying a "Show more" button.
+     */
     maxAssociations?: number;
+    /**
+     * Filters the data by specific values of the associated records. Review the [CRM data filter options](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-data-components/overview#filtering-data) for more information.
+     */
     preFilters?: Array<CrmSearchFilter>;
+    /**
+     * The default sorting behavior for the table. In the array, you'll include an object for the column you want to sort by, which specifies:
+     * - `columnName`: the column to sort by.
+     * - `direction`: the direction to sort by. Can be either `1` (ascending) or `-1` (descending). By default, order is ascending.
+     */
     sort?: Array<CrmSortDescriptor>;
 }
-/** @ignore */
 export interface CrmAssociationStageTrackerProps extends BaseComponentProps {
+    /**
+     * The numeric ID of the type of associated object to display data from (e.g., `0-1` for contacts). See [complete list](https://developers.hubspot.com/guides/crm/understanding-the-crm#object-type-ids) of object IDs.
+     */
     objectTypeId: string;
+    /**
+     * The properties of the associated records to display, up to four.
+     */
     properties: Array<string>;
+    /**
+     * If provided, will only request a list of associated records with the specified label (case sensitive).
+     */
     associationLabels?: Array<string>;
+    /**
+     * If provided, the component will request a list of associated records that match the specified criteria. Learn more about [filtering in CRM data components](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-data-components/overview#filtering-data).
+     */
     filters?: Array<CrmSearchFilter>;
+    /**
+     * Whether to display the properties below the progress indicator. When set to `false`, properties will not display.
+     */
     showProperties?: boolean;
+    /**
+     * If provided, overrides the default sorting rules used in the search query. In the array, you'll include an object for the column you want to sort by, which specifies:
+     * - `columnName`: the column to sort by.
+     * - `direction`: the direction to sort by. Can be either `1` (ascending) or `-1` (descending). By default, order is ascending.
+     */
     sort?: Array<CrmSortDescriptor>;
 }
-/** @ignore */
 export interface CrmSimpleDeadlineProps extends BaseComponentProps {
+    /**
+     * The name of the property that contains the deadline date.
+     */
     endDatePropertyName: string;
+    /**
+     * The properties to display below the progress bar.
+     */
     properties: Array<string>;
+    /**
+     * The theme to apply to the progress bar.
+     */
     progressTheme?: ProgressTheme;
+    /**
+     * Whether to show provided properties below the progress bar.
+     */
     showProperties?: boolean;
+    /**
+     * The name of the property that contains the start date.
+     */
     startDatePropertyName: string;
 }
-/** @ignore */
 export interface CrmRelativeTimelineProps {
+    /**
+     * The names of the properties to display.
+     */
     properties: Array<string>;
 }
-/** @ignore */
 interface BaseCrmStatisticItem {
     label: string;
 }
-/** @ignore */
 interface FilterGroup {
     filters: Array<CrmSearchFilter>;
 }
-/** @ignore */
 interface ProgressTheme {
     backgroundColor?: string;
     completedColor?: string;
@@ -124,16 +195,13 @@ interface ProgressTheme {
     completedGradient?: Gradient;
     upcomingGradient?: Gradient;
 }
-/** @ignore */
 interface PercentileMetricItem extends BaseCrmStatisticItem {
     statisticType: 'PERCENTILES';
     propertyName: string;
     percentile: number;
     filterGroups?: Array<FilterGroup>;
 }
-/** @ignore */
 type CrmStatisticItem = BasicMetricItem | PercentileMetricItem;
-/** @ignore */
 export interface CrmStatisticsProps extends BaseComponentProps {
     /**
      * The numeric ID of the type of object to fetch statistics about (e.g., `0-1` for contacts).
@@ -144,50 +212,61 @@ export interface CrmStatisticsProps extends BaseComponentProps {
      */
     statistics: Array<CrmStatisticItem>;
 }
-/** @ignore */
 interface BasicMetricItem extends BaseCrmStatisticItem {
     statisticType: 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'DISTINCT_APPROX' | 'COUNT';
     propertyName: string;
     filterGroups?: Array<FilterGroup>;
 }
-/** @ignore */
 interface Gradient {
     startColor: string;
     endColor: string;
 }
-/** @ignore */
 export interface CrmStageTrackerProps extends BaseComponentProps {
     /**
      * The ID of the CRM record to display property data from.
      */
     objectId?: number;
     /**
-     * The numeric ID of the type of associated object to display (e.g., `0-1` for contacts).
+     * The numeric ID of the type of associated object to display (e.g., `0-1` for contacts). See [complete list](https://developers.hubspot.com/guides/crm/understanding-the-crm#object-type-ids) of object IDs.
      */
     objectTypeId?: string;
     /**
-     * The properties to display, up to four. By default, will display property data from the currently displaying record.
+     * The properties to display, up to four. By default, will display property data from the currently displaying record. To pull data from a specific record, include the `objectTypeId` and `objectId` props.
      */
     properties: Array<string>;
     /**
-     * Whether to display the properties below the progress indicator.
+     * Whether to display the properties below the progress indicator. When set to `false`, properties will not display.
      */
     showProperties?: boolean;
 }
-/** @ignore */
 export interface CrmAssociationPropertyListProps extends BaseComponentProps {
+    /**
+     * The numeric ID of the type of associated object to display (e.g., `0-1` for contacts). See [complete list](https://developers.hubspot.com/guides/crm/understanding-the-crm#object-type-ids) of object IDs.
+     */
     objectTypeId: string;
+    /**
+     * The list of properties to display from the associated record, up to 24.
+     */
     properties: Array<string>;
+    /**
+     * When provided, returns associated records that have all the specified labels.
+     */
     associationLabels?: Array<string>;
+    /**
+     * Filters the data by specific values of the associated records. Review the [CRM data filter options](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-data-components/overview#filtering-data) for more information.
+     */
     filters?: Array<CrmSearchFilter>;
+    /**
+     * The default sorting behavior for the table. In each sort object in the array, you'll specify the following:
+     * - `columnName`: the column to sort by.
+     * - `direction`: the direction to sort by. Can be either `1` (ascending) or `-1` (descending). By default, order is ascending.
+     */
     sort?: Array<CrmSortDescriptor>;
 }
-/** @ignore */
 interface ObjectCoordinates {
     objectTypeId: string;
     objectId: number;
 }
-/** @ignore */
 interface OpenRecordAssociationFormArgs {
     objectTypeId: string;
     association: {
@@ -195,7 +274,6 @@ interface OpenRecordAssociationFormArgs {
         objectId: number;
     };
 }
-/** @ignore */
 interface ActivityCreatorActionArgs {
     objectTypeId: string;
     objectId: number;
@@ -203,34 +281,28 @@ interface ActivityCreatorActionArgs {
     initialEmailBody?: string;
     initialEmailSubject?: string;
 }
-/** @ignore */
 interface EngagementAppLinkArgs {
     objectId: number | string;
     objectTypeId: string;
     engagementId: number | string;
     external?: boolean;
 }
-/** @ignore */
 interface RecordAppLinkArgs {
     includeEschref?: boolean;
     objectId: number;
     objectTypeId: string;
     external?: boolean;
 }
-/** @ignore */
 interface PageAppLinkArgs {
     path: string;
     external?: boolean;
 }
-/** @ignore */
 interface ExternalUrlArgs {
     href: string;
 }
-/** @ignore */
 interface OpenRecordCreatorFormArgs {
     objectTypeId: string;
 }
-/** @ignore */
 interface ActionArgs {
     PREVIEW_OBJECT: ObjectCoordinates;
     ADD_NOTE: ActivityCreatorActionArgs;
@@ -245,56 +317,128 @@ interface ActionArgs {
     EXTERNAL_URL: ExternalUrlArgs;
     OPEN_WORKFLOW_ENROLLMENT_MODAL: ObjectCoordinates;
 }
-/** @ignore */
 export type ArgsFor<SpecificActionType extends ActionType> = ActionArgs[SpecificActionType];
 export type ActionType = 'PREVIEW_OBJECT' | 'ADD_NOTE' | 'ADD_TASK' | 'SEND_EMAIL' | 'SCHEDULE_MEETING' | 'OPEN_RECORD_CREATOR_FORM' | 'OPEN_RECORD_ASSOCIATION_FORM' | 'ENGAGEMENT_APP_LINK' | 'RECORD_APP_LINK' | 'PAGE_APP_LINK' | 'EXTERNAL_URL' | 'OPEN_WORKFLOW_ENROLLMENT_MODAL';
-/** @ignore */
 interface BaseActionComponent extends BaseComponentProps {
+    /**
+     * The content that will render inside the component.
+     */
     children: ReactNode;
+    /**
+     * The type of action to perform. See [list of available actions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-action-components/overview#available-actions) for more information.
+     */
     actionType: ActionType;
+    /**
+     * An object containing the CRM object and record context for performing the action. See [list of available actions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-action-components/overview#available-actions) for required context values.
+     */
     actionContext: ArgsFor<ActionType>;
+    /**
+     * An optional callback that will pass any error messages that were generated. Common errors include missing required context values or the user not having sufficient permissions to perform an action.
+     */
     onError?: (errors: string[]) => void;
 }
-/** @ignore */
 export interface CrmActionButtonProps extends BaseActionComponent {
+    /**
+     * The color variation of the button.
+     *
+     * @defaultValue `"secondary"`
+     */
     variant?: 'primary' | 'secondary' | 'destructive';
+    /**
+     * The button's HTML `role` attribute.
+     *
+     * @defaultValue `"button"`
+     */
     type?: 'button' | 'reset' | 'submit';
+    /**
+     * The size of the button.
+     *
+     * @defaultValue `"medium"`
+     */
     size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * A function that will be invoked when the button is clicked. It receives no arguments and its return value is ignored.
+     */
     onClick?: () => void;
+    /**
+     * When set to `true`, button renders in a disabled, greyed-out state and cannot be clicked.
+     */
+    disabled?: boolean;
 }
-/** @ignore */
 export interface CrmActionLinkProps extends BaseActionComponent {
+    /**
+     * The color variation of the link. See the [variants section](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-action-components/crm-action-link#variants) for more information.
+     *
+     * @defaultValue `"primary"`
+     */
     variant?: 'primary' | 'light' | 'dark' | 'destructive';
 }
-/** @ignore */
 export interface ActionLibraryButtonCardActionConfig<SpecificActionType extends ActionType = ActionType> {
+    /**
+     * The type of button to render:
+     * - `action-library-button`: a standalone button that can perform one action.
+     * - `dropdown`: a dropdown menu button containing multiple `'action-library-button'` actions. When using this type, you'll need to include an `options` array containing each action.
+     */
     type: 'action-library-button';
+    /**
+     * The type of action to perform. See [list of available actions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-action-components/overview#available-actions) for more information.
+     */
     actionType: SpecificActionType;
+    /**
+     * An object containing the CRM object and record context for performing the action. See [list of available actions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/crm-action-components/overview#available-actions) for required context values.
+     */
     actionContext: ArgsFor<SpecificActionType>;
+    /**
+     * The button's label text.
+     */
     label?: string;
+    /**
+     * When set to `true`, the button or dropdown menu option will render in a disabled, greyed-out state and can't be clicked.
+     */
     disabled?: boolean;
+    /**
+     * Tooltip text that appears when hovering over the button or dropdown menu option.
+     */
     tooltipText?: string;
 }
-/** @ignore */
 export type DropdownCardActionConfigOptions = [
     ActionLibraryButtonCardActionConfig,
     ...ActionLibraryButtonCardActionConfig[]
 ];
-/** @ignore */
 export interface DropdownCardActionConfig {
+    /**
+     * The type of button to render:
+     * - `action-library-button`: a standalone button that can perform one action.
+     * - `dropdown`: a dropdown menu button containing multiple `'action-library-button'` actions. When using this type, you'll need to include an `options` array containing each action.
+     */
     type: 'dropdown';
+    /**
+     * For `dropdown` type buttons, this array stores objects for each action in the dropdown menu. Each action should be set to the `'action-library-button'` type.
+     */
     options: DropdownCardActionConfigOptions;
+    /**
+     * The button's label text.
+     */
     label?: string;
+    /**
+     * When set to `true`, the button or dropdown menu option will render in a disabled, greyed-out state and can't be clicked.
+     */
     disabled?: boolean;
+    /**
+     * Tooltip text that appears when hovering over the button or dropdown menu option.
+     */
     tooltipText?: string;
 }
-/** @ignore */
 type ErrorHandler = (errors: string[]) => void;
-/** @ignore */
 type CardActionConfig = ActionLibraryButtonCardActionConfig | DropdownCardActionConfig;
-/** @ignore */
 export type CrmCardActionsProps = BaseComponentProps & {
+    /**
+     * An array that stores fields for configuration button actions. See below for list of supported fields.
+     */
     actionConfigs: Array<CardActionConfig>;
+    /**
+     * An optional callback that will pass any error messages that were generated. Common errors include missing required context values or the user not having sufficient permissions to perform an action.
+     */
     onError?: ErrorHandler;
 };
 export {};

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

@@ -21,6 +21,13 @@ export declare class FormSubmitExtensionEvent<V> extends ExtensionEvent {
     constructor(value: V, event: Event);
 }
 export type OverlayComponentProps = {
+    /**
+     * Include a [Modal](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/modal) or
+     * [Panel](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/panel) component to
+     * open it as an overlay on click.
+     *
+     * Learn more about [using overlays](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-extensions-sdk#open-overlays).
+     */
     overlay?: ReactNode;
 };
 export type HrefOptions = {
@@ -36,6 +43,7 @@ export interface TShirtSizes {
     xl: 'extra-large' | 'xl';
 }
 export type AllSizes = TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'] | TShirtSizes['lg'] | TShirtSizes['xl'];
+export type AllSizesUnaliased = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
 export type AllDistances = 'flush' | AllSizes;
 export declare const iconNames: {
     readonly add: "add";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions",
-  "version": "0.12.1",
+  "version": "0.12.2",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -61,19 +61,19 @@
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^14.1.2",
-    "@types/node": "^20.11.0",
+    "@types/node": "^22.14.0",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
-    "@vitest/coverage-v8": "2.1.8",
+    "@vitest/coverage-v8": "4.0.18",
     "jsdom": "26.1.0",
     "react-dom": "18.3.1",
     "react-reconciler": "^0.29.0",
     "tsd": "^0.33.0",
     "typescript": "5.9.3",
-    "vitest": "2.1.9"
+    "vitest": "4.0.18"
   },
   "tsd": {
     "directory": "src/__tests__/test-d"
   },
-  "gitHead": "3da4a07183d48528ef431d46a8d327c053c4fe94"
+  "gitHead": "b8c8170048a28b28112833cb552be43d4587c2ed"
 }