@hubspot/ui-extensions 0.12.2 → 0.12.4

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

@@ -1,5 +1,5 @@
-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 [Accordion](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/accordion).
  *

package/dist/shared/types/components/alert.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 [Alert](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/alert).
  *

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

@@ -1,6 +1,6 @@
-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 [HeaderActions](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/create-an-app-home-page#headeractions).
  *

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

@@ -1,5 +1,5 @@
-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 [ButtonRow](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/button-row).
  *

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

@@ -1,6 +1,6 @@
-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 an event object and a reactions object
@@ -10,9 +10,9 @@ export interface BaseButtonProps extends BaseComponentProps {
      */
     onClick?: ReactionsHandler<ExtensionEvent>;
     /**
-     * Include this prop to open a URL on click. Contains the following fields:
+     * Include this prop to open a URL on click. Can be set to a URL string or an object with the following fields:
      * - `url` (string): the URL that will open on click.
-     * - `external` (boolean): set to `true` to open the URL in a new tab and display an external link icon. By default:
+     * - `external` (boolean, optional): set to `true` to open the URL in a new tab and display an external link icon. By default:
      *   - Links to HubSpot app pages will open in the same tab and will not include an icon.
      *   - Links to non-HubSpot app pages will open in a new tab and include the icon.
      *

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.

package/dist/shared/types/components/description-list.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 [DescriptionListItem](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/description-list).
  *

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

@@ -1,4 +1,4 @@
-import { AllDistances, BaseComponentProps } from '../shared.ts';
+import type { AllDistances, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for [Divider](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/divider).
  *

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

package/dist/shared/types/components/empty-state.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';
 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 [EmptyState](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/empty-state).

package/dist/shared/types/components/error-state.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 [ErrorState](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/error-state).
  *

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

@@ -1,6 +1,6 @@
-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 [Form](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/form).

package/dist/shared/types/components/heading.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 [Heading](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/heading).
  *

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

@@ -1,4 +1,4 @@
-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 [Icon](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/icon).
@@ -7,13 +7,13 @@ export type IconColor = 'alert' | 'warning' | 'success' | 'inherit';
  */
 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,4 +1,4 @@
-import { BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for [Illustration](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/illustration).
  *

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

@@ -1,5 +1,5 @@
-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 [Image](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/image).
  *
@@ -12,9 +12,9 @@ export interface ImageProps extends OverlayComponentProps, BaseComponentProps {
      */
     alt?: string;
     /**
-     * When provided, sets the URL that will open when the image is clicked. Contains the following fields:
+     * When provided, sets the URL that will open when the image is clicked. Can be set to a URL string or an object with the following fields:
      * - `url` (string): the URL that will open on click.
-     * - `external` (boolean): set to `true` to open the URL in a new tab. By default:
+     * - `external` (boolean, optional): set to `true` to open the URL in a new tab. By default:
      *   - Links to HubSpot app pages will open in the same tab.
      *   - Links to non-HubSpot app pages will open in a new tab.
      *

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

@@ -1,4 +1,4 @@
-import { BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps } from '../shared.ts';
 /**
  * Generic collection of props for all inputs
  * @internal
@@ -155,6 +155,12 @@ export interface NumberInputProps extends BaseInputForNumber {
     formatStyle?: 'decimal' | 'percentage';
     /** @deprecated use onChange instead. It doesn't guarantee valid format */
     onInput?: (value: number) => void;
+    /**
+     * Sets the horizontal alignment of the text in the input.
+     *
+     * @defaultValue `"left"`
+     */
+    textAlign?: 'left' | 'right';
 }
 /**
  * The props type for [CurrencyInput](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/currency-input).
@@ -185,7 +191,7 @@ export interface CurrencyInputProps extends BaseInputForNumber {
  *
  * @category Component Props
  */
-export interface StepperInputProps extends Omit<NumberInputProps, 'onInput'> {
+export interface StepperInputProps extends Omit<NumberInputProps, 'onInput' | 'textAlign'> {
     /** The amount that the current value will increase or decrease by. Default is `1`.
      * @defaultValue `1`
      */

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { AllDistances, BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { AllDistances, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for [Stack](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/flex).
  *

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { OverlayComponentProps, ExtensionEvent, HrefProp, 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, OverlayComponentProps } from '../shared.ts';
 /**
  * The props type for [Link](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/link).
  *
@@ -13,9 +13,9 @@ export interface LinkProps extends OverlayComponentProps, BaseComponentProps {
      */
     children: ReactNode;
     /**
-     * Sets the link's URL and open behavior. Contains the following fields:
+     * Sets the link's URL and open behavior. Can be set to a URL string or an object with the following fields:
      * - `url` (string): the URL that will open on click.
-     * - `external` (boolean): set to `true` to open the URL in a new tab and display an external link icon. By default:
+     * - `external` (boolean, optional): set to `true` to open the URL in a new tab and display an external link icon. By default:
      *   - Links to HubSpot app pages will open in the same tab and will not include an icon.
      *   - Links to non-HubSpot app pages will open in a new tab and include the icon.
      */

package/dist/shared/types/components/list.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 [List](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/list).
  *

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

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

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps, TShirtSizes } from '../shared.ts';
 export interface ModalProps extends BaseComponentProps {
     /**
      * The modal's accessibility label.

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps, TShirtSizes } from '../shared.ts';
 export interface PanelProps extends BaseComponentProps {
     /**
      * The panel's accessibility label.

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps } from '../shared.ts';
 /**
  * Generic collection of props for select components
  * @internal

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

@@ -1,4 +1,4 @@
-import { AllSizesUnaliased, BaseComponentProps } from '../shared.ts';
+import type { 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)
  *

package/dist/shared/types/components/statistics.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 [StatisticsTrend](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/statistics).
  *

package/dist/shared/types/components/status-tag.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 [StatusTag](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/status-tag).
  *

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

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

package/dist/shared/types/components/table.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';
 export interface AlignmentProps {
     /**
      * Sets the alignment of the table element.

package/dist/shared/types/components/tabs.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';
 export interface TabsProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component.

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { OverlayComponentProps, 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, OverlayComponentProps } from '../shared.ts';
 /**
  * The props type for [Tag](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/tag).
  *

package/dist/shared/types/components/text.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';
 /**
  * @internal
  * Format options for text component.

package/dist/shared/types/components/tile.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 [Tile](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/tile).
  *

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

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

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

@@ -1,4 +1,4 @@
-import { BaseComponentProps } from '../shared.ts';
+import type { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for [Checkbox](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/ui-components/standard-components/checkbox).
  *

package/dist/shared/types/components/tooltip.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';
 export interface TooltipProps extends BaseComponentProps {
     /**
      * Sets the content to render on the screen, and serves as the trigger for the tooltip. This prop is passed implicitly by providing sub-components.

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { TShirtSizes, BaseComponentProps } from './shared.ts';
+import type { ReactNode } from 'react';
+import type { BaseComponentProps, TShirtSizes } from './shared.ts';
 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.

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ReactionsHandler } from './reactions.ts';
-import type { AllDistances, ExtensionEvent, BaseComponentProps } from './shared.ts';
+import type { AllDistances, BaseComponentProps, ExtensionEvent } from './shared.ts';
 /**
  * @ignore
  * @experimental do not use in production

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { ExtensionPointApi, ExtensionPoints } from './extension-points.ts';
+import type { ReactElement } from 'react';
+import type { ExtensionPointApi, ExtensionPoints } from './extension-points.ts';
 export type RenderExtensionCallback<TExtensionPointName extends keyof ExtensionPoints> = (api: ExtensionPointApi<TExtensionPointName>) => ReactElement<any>;
 export type HubspotExtendFunction = <TExtensionPointName extends keyof ExtensionPoints>(renderExtensionCallback: RenderExtensionCallback<TExtensionPointName>) => void;

package/dist/shared/types/extension-points.d.ts

@@ -1,10 +1,9 @@
-import { ComponentType } from 'react';
-import { TypesOfReadOnlyArray } from './shared.ts';
-import type { AppHomeContext, BaseContext, CrmContext } from './context.ts';
+import type { ComponentType } from 'react';
 import type { AppHomeActions, CrmHostActions, SettingsActions, UiePlatformActions } from './actions.ts';
-import type { CrmPropertyListProps, CrmAssociationTableProps, CrmDataHighlightProps, CrmReportProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmSimpleDeadlineProps, CrmRelativeTimelineProps, CrmStageTrackerProps, CrmStatisticsProps, CrmActionButtonProps, CrmActionLinkProps, CrmCardActionsProps } from './crm.ts';
-import type { SettingsContext, GenericContext } from './context.ts';
+import type { AppHomeContext, BaseContext, CrmContext, GenericContext, SettingsContext } from './context.ts';
+import type { CrmActionButtonProps, CrmActionLinkProps, CrmAssociationPivotProps, CrmAssociationPropertyListProps, CrmAssociationStageTrackerProps, CrmAssociationTableProps, CrmCardActionsProps, CrmDataHighlightProps, CrmPropertyListProps, CrmRelativeTimelineProps, CrmReportProps, CrmSimpleDeadlineProps, CrmStageTrackerProps, CrmStatisticsProps } from './crm.ts';
 import type { ServerlessFuncRunner } from './http-requests.ts';
+import type { TypesOfReadOnlyArray } from './shared.ts';
 /** @ignore */
 export type ExtensionPointAction = (...args: any[]) => Promise<any> | void;
 /** @ignore */

package/dist/shared/types/pages/app-pages-types.d.ts

@@ -0,0 +1,75 @@
+import type { ComponentType, ReactElement } from 'react';
+import type { EmptyProps, ReactFragmentProps } from '../shared.ts';
+import type { PageRoutesProps } from './components/page-routes.ts';
+/**
+ * The props type for a PageRouter component.
+ */
+export type PageRouterProps = EmptyProps;
+/**
+ * Represents the current page route that has been matched by the page router.
+ */
+export interface MatchedPageRoute {
+    /**
+     * The id of the route that has been matched.
+     */
+    routeId?: string;
+    /**
+     * The path of the route that has been matched.
+     */
+    path: string;
+    /**
+     * The parameters of the route that has been matched.
+     */
+    params: Record<string, string>;
+}
+/**
+ * The component type for the page router that handles rendering matched routes.
+ *
+ * @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 type PageRouterComponent = ComponentType<PageRouterProps>;
+/**
+ * The function type for [createPageRouter](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/app-pages/reference#createpagerouter).
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * const PageRouter = createPageRouter(
+ *   <PageRoutes layoutComponent={AppLayout}>
+ *     <PageRoutes.IndexRoute component={HomePage} id="home" />
+ *     <PageRoutes.Route path="/docs" component={DocsPage} />
+ *     <PageRoutes path="/customers" layoutComponent={CustomersLayout}>
+ *       <PageRoutes.IndexRoute component={ListCustomersPage} />
+ *       <PageRoutes.Route path="/:customerId" component={ViewCustomerPage} />
+ *     </PageRoutes>
+ *     <PageRoutes.AnyRoute component={NotFoundPage} />
+ *   </PageRoutes>
+ * );
+ *
+ * function AppPages() {
+ *   return <PageRouter />;
+ * }
+ *
+ * hubspot.extend<"pages">(() => <AppPages />);
+ * ```
+ *
+ * @param routes The routes to render.
+ * @returns The page router component.
+ *
+ * @experimental This function is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export type CreatePageRouterFunction = (reactPageRoutesElement: ReactElement<PageRoutesProps> | ReactElement<ReactFragmentProps>) => PageRouterComponent;
+/**
+ * The function type for [usePageRoute](https://developers.hubspot.com/docs/apps/developer-platform/add-features/ui-extensibility/app-pages/reference#usepageroute).
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * const pageRoute = usePageRoute();
+ * ```
+ *
+ * @returns The current page route.
+ *
+ * @experimental This hook is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export type UsePageRouteHook = () => MatchedPageRoute;

package/dist/shared/types/pages/app-pages-types.js

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

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

@@ -0,0 +1,4 @@
+export type * from './page-breadcrumbs.ts';
+export type * from './page-header.ts';
+export type * from './page-link.ts';
+export type * from './page-title.ts';

package/dist/shared/types/pages/components/index.js

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

package/dist/shared/types/pages/components/page-breadcrumbs.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { BaseComponentProps } from '../../shared.ts';
+/**
+ * The props type for [PageBreadcrumbs](https://developers.hubspot.com/docs/reference/ui-components/app-page-components/page-breadcrumbs)
+ */
+export interface PageBreadcrumbsProps extends BaseComponentProps {
+    /**
+     * The links and text to render as breadcrumbs.
+     * Use `PageBreadcrumbs.PageLink` for navigable crumbs and `PageBreadcrumbs.Current` for the current page.
+     */
+    children: ReactNode;
+}
+export interface PageBreadcrumbsPageLinkProps extends BaseComponentProps {
+    /**
+     * The path to navigate to when the link is clicked. Supports path parameters (e.g. `/view-contact/:contactId`).
+     */
+    to: string;
+    /**
+     * Values for path parameters and query string entries.
+     * Parameters matching `:paramName` tokens in `to` are substituted into the path.
+     * Any remaining parameters are appended as query string entries.
+     */
+    params?: Record<string, string>;
+    /**
+     * The visible text of the breadcrumb link.
+     */
+    children: ReactNode;
+}
+export interface PageBreadcrumbsCurrentProps extends BaseComponentProps {
+    /**
+     * Label for the current location.
+     */
+    children: ReactNode;
+}

package/dist/shared/types/pages/components/page-breadcrumbs.js

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