import type * as componentTypes from './types/components/index.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.
 *
 * @internal
 */
export declare const __hubSpotComponentRegistry: import("./utils/remote-component-registry.tsx").RemoteComponentRegistry;
/**
 * The `Alert` component renders an alert within a card. Use this component to give usage guidance, notify users of action results, or warn them about potential issues or failures.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/alert Docs}
 * - {@link https://app.hubspot.com/docs/48008916/reference/ui-components/standard-components/alert#variants Variants}
 */
export declare const Alert: import("./types/shared.ts").HubSpotReactComponent<componentTypes.AlertProps>;
/**
 * The `Button` component renders a single button. Use this component to enable users to perform actions, such as submitting a form, sending data to an external system, or deleting data.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/button Docs}
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/button#usage-examples Examples}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#button Design Pattern Examples}
 */
export declare const Button: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ButtonProps>;
/**
 * The `ButtonRow` component renders a row of specified `Button` components. Use this component when you want to include multiple buttons in a row.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/button-row Docs}
 */
export declare const ButtonRow: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ButtonRowProps>;
export declare const Card: import("./types/shared.ts").HubSpotReactComponent<componentTypes.CardProps>;
/**
 * The `DescriptionList` component renders pairs of labels and values. Use this component to display pairs of labels and values in a way that's easy to read at a glance.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/description-list Docs}
 */
export declare const DescriptionList: import("./types/shared.ts").HubSpotReactComponent<componentTypes.DescriptionListProps>;
/**
 * The `DescriptionListItem` component renders a single set of a label and value. Use this component within a `DescriptionList` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/description-list Docs}
 */
export declare const DescriptionListItem: import("./types/shared.ts").HubSpotReactComponent<componentTypes.DescriptionListItemProps>;
/**
 * The `Divider` component renders a grey, horizontal line for spacing out components vertically or creating sections in an extension. Use this component to space out other components when the content needs more separation than white space.
 *
 * **Links:**
 *
 * - {@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.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/empty-state Docs}
 */
export declare const EmptyState: import("./types/shared.ts").HubSpotReactComponent<componentTypes.EmptyStateProps>;
/**
 * The `ErrorState` component sets the content of an erroring extension. Use this component to guide users through resolving errors that your extension might encounter.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/error-state Docs}
 */
export declare const ErrorState: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ErrorStateProps>;
/**
 * The `Form` component renders a form that can contain other subcomponents, such as `Input`, `Select`, and `Button`. Use this component to enable users to submit data to HubSpot or an external system.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/form Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#form Design Pattern Examples}
 */
export declare const Form: import("./types/shared.ts").HubSpotReactComponent<componentTypes.FormProps>;
/**
 * The `Heading` component renders large heading text. Use this component to introduce or differentiate sections of your component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/heading Docs}
 */
export declare const Heading: import("./types/shared.ts").HubSpotReactComponent<componentTypes.HeadingProps>;
/**
 * The `Image` component renders an image. Use this component to add a logo or other visual brand identity asset, or to accentuate other content in the extension.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/image Docs}
 */
export declare const Image: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ImageProps>;
/**
 * The `Input` component renders a text input field where a user can enter a custom text value. Like other inputs, this component should be used within a `Form` that has a submit button.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/input Docs}
 */
export declare const Input: import("./types/shared.ts").HubSpotReactComponent<componentTypes.InputProps>;
/**
 * The `Link` component renders a clickable hyperlink. Use links to direct users to an external web page or another part of the HubSpot app.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/link Docs}
 */
export declare const Link: import("./types/shared.ts").HubSpotReactComponent<componentTypes.LinkProps>;
/**
 * The `TextArea` component renders a fillable text field. Like other inputs, this component should be used within a `Form` that has a submit button.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/text-area Docs}
 */
export declare const TextArea: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TextAreaProps>;
/** @deprecated use TextArea instead. With a capital A.*/
export declare const Textarea: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TextAreaProps>;
/**
 * The `LoadingSpinner` component renders a visual indicator for when an extension is loading or processing data.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/loading-spinner Docs}
 */
export declare const LoadingSpinner: import("./types/shared.ts").HubSpotReactComponent<componentTypes.LoadingSpinnerProps>;
/**
 * The `ProgressBar` component renders a visual indicator showing a numeric and/or percentage-based representation of progress. The percentage is calculated based on the maximum possible value specified in the component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/progress-bar Docs}
 */
export declare const ProgressBar: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ProgressBarProps>;
/**
 * The `Select` component renders a dropdown menu select field where a user can select a single value. A search bar will be automatically included when there are more than seven options. Like other inputs, this component should be used within a `Form` that has a submit button.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/select Docs}
 */
export declare const Select: import("./types/shared.ts").HubSpotReactComponent<componentTypes.SelectProps>;
/**
 * The `Tag` component renders a tag to label or categorize information or other components. Tags can be static or clickable for invoking functions.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tag Docs}
 */
export declare const Tag: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TagProps>;
/**
 * The `Text` component renders text with formatting options.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/text Docs}
 */
export declare const Text: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TextProps>;
/**
 * The `Tile` component renders a square tile that can contain other components. Use this component to create groups of related components.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tile Docs}
 */
export declare const Tile: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TileProps>;
/** @deprecated use Flex instead. It will be removed in the next release. */
export declare const Stack: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StackProps>;
/**
 * The `ToggleGroup` component renders a list of selectable options, either in radio button or checkbox form.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/toggle-group Docs}
 */
export declare const ToggleGroup: import("./types/shared.ts").HubSpotReactComponent<({
    toggleType: "checkboxList";
    onChange?: (value: string[]) => void;
    value?: string[];
} & componentTypes.CommonGroupProps) | ({
    toggleType: "radioButtonList";
    onChange?: (value: string) => void;
    value?: string;
} & componentTypes.CommonGroupProps)>;
/**
 * The `StatisticsItem` component renders a single data point within a `Statistics` component. Use this component to display a single data point, such as a number or percentage.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/statistics Docs}
 */
export declare const StatisticsItem: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StatisticsItemProps>;
/**
 * The `Statistics` component renders a visual spotlight of one or more data points. Includes the `StatisticsItem` and `StatisticsTrend` subcomponents.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/statistics Docs}
 */
export declare const Statistics: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StatisticsProps>;
/**
 * The `StatisticsTrend` component renders a percentage trend value and direction alonside a `StatisticsItem` component. Use this component within the `StatisticsItem` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/statistics Docs}
 */
export declare const StatisticsTrend: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StatisticsTrendProps>;
/**
 * The `Table` component renders a table. To format the table, use the subcomponents `TableHead`, `TableRow`, `TableHeader`, `TableBody`, `TableCell`and `TableFooter`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#table Design Pattern Example}
 */
export declare const Table: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableProps>;
/**
 * The `TableFooter` component renders a footer within a `Table` component. Use this component to display totals or other summary information.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 */
export declare const TableFooter: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableElementProps>;
/**
 * The `TableCell` component renders individual cells within the `TableBody` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 */
export declare const TableCell: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableCellProps>;
/**
 * The `TableRow` component renders a row within the `TableBody` or `TableHead` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 */
export declare const TableRow: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableElementProps>;
/**
 * The `TableBody` component renders the body (rows and cells) of a table within the `Table` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 */
export declare const TableBody: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableElementProps>;
/**
 * The `TableHeader` component renders individual cells containing bolded column labels, within `TableHead`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 */
export declare const TableHeader: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableHeaderProps>;
/**
 * The `TableHead` component renders the header section of the `Table` component, containing column labels.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/table Docs}
 */
export declare const TableHead: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TableElementProps>;
/**
 * The `NumberInput` component renders a number input field. Like other inputs, this component should be used within a `Form` that has a submit button.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/number-input Docs}
 */
export declare const NumberInput: import("./types/shared.ts").HubSpotReactComponent<componentTypes.NumberInputProps>;
/**
 * The `Box` component renders an empty div container for fine tuning the spacing of components. Commonly used with the `Flex` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/box Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/flex-and-box Flex and Box Example}
 */
export declare const Box: import("./types/shared.ts").HubSpotReactComponent<componentTypes.BoxProps>;
/**
 * The `StepIndicator` component renders an indicator to show the current step of a multi-step process.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/step-indicator Docs}
 */
export declare const StepIndicator: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StepIndicatorProps>;
/**
 * The `Accordion` component renders an expandable and collapsable section that can contain other components. This component can be helpful for saving space and breaking up extension content.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/accordion Docs}
 */
export declare const Accordion: import("./types/shared.ts").HubSpotReactComponent<componentTypes.AccordionProps>;
/**
 * The MultiSelect component renders a dropdown menu select field where a user can select multiple values. Commonly used within the `Form` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/multi-select Docs}
 */
export declare const MultiSelect: import("./types/shared.ts").HubSpotReactComponent<componentTypes.MultiSelectProps>;
/**
 * The `Flex` component renders a flex container that can contain other components, and arrange them with props. Use this component to create a flexible and responsive layout.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/flex Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/flex-and-box Flex and Box Example}
 */
export declare const Flex: import("./types/shared.ts").HubSpotReactComponent<componentTypes.FlexProps>;
/**
 * The `DateInput` component renders an input field where a user can select a date. Commonly used within the `Form` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/date-input Docs}
 */
export declare const DateInput: import("./types/shared.ts").HubSpotReactComponent<componentTypes.DateInputProps>;
/**
 * The `Checkbox` component renders a single checkbox input. Commonly used within the `Form` component. If you want to display multiple checkboxes, you should use `ToggleGroup` instead, as it comes with extra logic for handling multiple checkboxes.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/checkbox Docs}
 */
export declare const Checkbox: import("./types/shared.ts").HubSpotReactComponent<componentTypes.CheckboxProps>;
/**
 * The `RadioButton` component renders a single radio input. Commonly used within the `Form` component. If you want to display multiple radio inputs, you should use `ToggleGroup` instead, as it comes with extra logic for handling multiple inputs.
 */
export declare const RadioButton: import("./types/shared.ts").HubSpotReactComponent<componentTypes.RadioButtonProps>;
/**
 * The `List` component renders a list of items. Use this component to display a list of items, such as a list of contacts, tasks, or other data. A list can be styled as a bulleted list or a numbered list.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/list Docs}
 */
export declare const List: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ListProps>;
/**
 * The `Toggle` component renders a boolean toggle switch that can be configured with sizing, label position, read-only, and more.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/toggle Docs}
 */
export declare const Toggle: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ToggleProps>;
/**
 * The `Dropdown` component renders a dropdown menu that can appear as a button or hyperlink. Use this component to enable users to select from multiple options in a compact list.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/dropdown Docs}
 */
export declare const Dropdown: import("./types/shared.ts").HubSpotReactComponent<import("./types/shared.ts").UnknownComponentProps> & {
    /**
     * The `Dropdown.ButtonItem` component represents a single option within a `Dropdown` menu. Use this component as a child of the `Dropdown` component.
     *
     * **Links:**
     *
     * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/dropdown Docs}
     */
    ButtonItem: import("./types/shared.ts").HubSpotReactComponent<componentTypes.DropdownButtonItemProps>;
};
/**
 * The Panel component renders a panel overlay on the right side of the page and contains other components.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/panel Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#panel Design Pattern Examples}
 */
export declare const Panel: import("./types/shared.ts").HubSpotReactComponent<componentTypes.PanelProps>;
/**
 * The `PanelFooter` is a sticky footer component displayed at the bottom of a `Panel` component. Use this component to display actions or other content that should be visible at all times. Include only one `PanelFooter` component per `Panel`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/panel-footer Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 */
export declare const PanelFooter: import("./types/shared.ts").HubSpotReactComponent<componentTypes.PanelFooterProps>;
/**
 * The `PanelBody` component is a container that wraps the panel's content and makes it scrollable. Include only one `PanelBody` component per `Panel`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/panel-footer Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 */
export declare const PanelBody: import("./types/shared.ts").HubSpotReactComponent<componentTypes.PanelBodyProps>;
/**
 * The `PanelSection` component is a container that adds padding and bottom margin to provide spacing between content. Use the `PanelSection` component to separate content within a `PanelBody`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/panel-footer Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 */
export declare const PanelSection: import("./types/shared.ts").HubSpotReactComponent<componentTypes.PanelSectionProps>;
/**
 * The `StepperInput` component renders a number input field that can be increased or decreased by a set number. Commonly used within the `Form` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/stepper-input Docs}
 */
export declare const StepperInput: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StepperInputProps>;
/**
 * The Modal component renders a pop-up overlay that can contain other components.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/modal Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/design-patterns#modal Design Pattern Examples}
 */
export declare const Modal: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ModalProps>;
/**
 * The `ModalBody` component contains the main content of the modal. One `ModalBody` is required per `Modal`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/modal Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 */
export declare const ModalBody: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ModalBodyProps>;
/**
 * The `ModalFooter` component is an optional component to format the footer section of the modal. Use one `ModalFooter` per `Modal`.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/modal Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/overlay-example Overlay Example}
 */
export declare const ModalFooter: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ModalFooterProps>;
/**
 * Use the `Icon` component to render a visual icon within other components. It can generally be used inside most components, excluding ones that don't support child components.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/icon Docs}
 */
export declare const Icon: import("./types/shared.ts").HubSpotReactComponent<componentTypes.IconProps>;
/**
 * The `StatusTag` component renders a visual indicator to display the current status of an item. Status tags can be static or clickable.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/status-tag Docs}
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/status-tag#variants Variants}
 */
export declare const StatusTag: import("./types/shared.ts").HubSpotReactComponent<componentTypes.StatusTagProps>;
/**
 * The `LoadingButton` component renders a button with loading state options.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/loading-button Docs}
 */
export declare const LoadingButton: import("./types/shared.ts").HubSpotReactComponent<componentTypes.LoadingButtonProps>;
/**
 * The `BarChart` component renders a bar chart for visualizing data. This type of chart is best suited for comparing categorical data.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/bar-chart BarChart Docs}
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/charts Charts Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/charts-example Charts Example}
 */
export declare const BarChart: import("./types/shared.ts").HubSpotReactComponent<componentTypes.BarChartProps>;
/**
 * The `LineChart` component renders a line chart for visualizing data. This type of chart is best suited for time series plots or trend data.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/line-chart LineChart Docs}
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/charts Charts Docs}
 * - {@link https://github.com/HubSpot/ui-extensions-examples/tree/main/charts-example Charts Example}
 */
export declare const LineChart: import("./types/shared.ts").HubSpotReactComponent<componentTypes.LineChartProps>;
/**
 * The `ScoreCircle` component displays a score value (0-100) as a circular progress indicator with color-coded bands.
 * Scores are color-coded: 0-32 (alert/red), 33-65 (warning/yellow), 66-100 (success/green).
 * @example
 * ```tsx
 *   <ScoreCircle score={75} />
 * ```
 */
export declare const ScoreCircle: import("./types/shared.ts").HubSpotReactComponent<componentTypes.ScoreProps>;
/**
 * `Tabs` allow you to group related content in a compact space, allowing users to switch between views without leaving the page.
 * @example
 * ```tsx
 * <Tabs defaultSelected="1">
 *   <Tab tabId="1">First tab content</Tab>
 *   <Tab tabId="2">Second tab content</Tab>
 * </Tabs>
 * ```
 *
 * **Links:**
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tabs Documentation}
 * - {@link https://github.com/hubspotdev/uie-tabbed-product-carousel Tabs Example}
 */
export declare const Tabs: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TabsProps>;
/**
 * Each `Tab` represents a single tab (or "view") within the parent `Tabs` component.
 * @example
 * ```tsx
 * <Tabs defaultSelected="1">
 *   <Tab tabId="1">First tab content</Tab>
 *   <Tab tabId="2">Second tab content</Tab>
 * </Tabs>
 * ```
 *
 * **Links:**
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tabs Documentation}
 * - {@link https://github.com/hubspotdev/uie-tabbed-product-carousel Tabs Example}
 */
export declare const Tab: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TabProps>;
/**
 * The `Illustration` component renders an illustration.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/illustration Illustration Docs}
 */
export declare const Illustration: import("./types/shared.ts").HubSpotReactComponent<componentTypes.IllustrationProps>;
/**
 * The `Tooltip` component renders a tooltip for a component.
 *
 * **Links:**
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/tooltip Documentation}
 */
export declare const Tooltip: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TooltipProps>;
/**
 * The `SearchInput` component renders a search input field.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/search-input SearchInput Docs}
 */
export declare const SearchInput: import("./types/shared.ts").HubSpotReactComponent<componentTypes.SearchInputProps>;
/**
 * The `TimeInput` component renders an input field where a user can select a time. Commonly used within the `Form` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/time-input Docs}
 */
export declare const TimeInput: import("./types/shared.ts").HubSpotReactComponent<componentTypes.TimeInputProps>;
/**
 * The `CurrencyInput` component renders a currency input field with proper formatting,
 * currency symbols, and locale-specific display patterns. Commonly used within the `Form` component.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/currency-input Docs}
 */
export declare const CurrencyInput: import("./types/shared.ts").HubSpotReactComponent<componentTypes.CurrencyInputProps>;
/**
 * The `Inline` component spreads aligns its children horizontally (along the x-axis).
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/inline Docs}
 */ export declare const Inline: import("./types/shared.ts").HubSpotReactComponent<componentTypes.InlineProps>;
/**
 * The `AutoGrid` component renders a responsive grid layout that automatically adjusts the number of columns based on available space. Use this component to create flexible grid layouts for cards, tiles, or other content.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/simple-grid Docs}
 */
export declare const AutoGrid: import("./types/shared.ts").HubSpotReactComponent<componentTypes.AutoGridProps>;
export declare const CrmPropertyList: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmPropertyListProps>;
export declare const CrmAssociationTable: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmAssociationTableProps>;
export declare const CrmDataHighlight: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmDataHighlightProps>;
export declare const CrmReport: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmReportProps>;
export declare const CrmAssociationPivot: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmAssociationPivotProps>;
export declare const CrmAssociationPropertyList: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmAssociationPropertyListProps>;
export declare const CrmAssociationStageTracker: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmAssociationStageTrackerProps>;
export declare const CrmSimpleDeadline: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmSimpleDeadlineProps>;
export declare const CrmStageTracker: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmStageTrackerProps>;
export declare const CrmStatistics: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmStatisticsProps>;
export declare const CrmActionButton: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmActionButtonProps>;
export declare const CrmActionLink: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmActionLinkProps>;
export declare const CrmCardActions: import("./types/shared.ts").HubSpotReactComponent<crmTypes.CrmCardActionsProps>;
/**
 * The `HeaderActions` component renders a container for action buttons in the app home header. It accepts `PrimaryHeaderActionButton` and `SecondaryHeaderActionButton` as children.
 *
 */
export declare const HeaderActions: import("./types/shared.ts").HubSpotReactComponent<componentTypes.HeaderActionsProps>;
/**
 * The `PrimaryHeaderActionButton` component renders a primary action button in the app home header. This button is styled as the main call-to-action and only one should be used per `HeaderActions` container.
 *
 */
export declare const PrimaryHeaderActionButton: import("./types/shared.ts").HubSpotReactComponent<componentTypes.HeaderActionButtonProps>;
/**
 * The `SecondaryHeaderActionButton` component renders a secondary action button in the app home header. Multiple secondary actions can be used and they will be grouped appropriately in the header.
 *
 */
export declare const SecondaryHeaderActionButton: import("./types/shared.ts").HubSpotReactComponent<componentTypes.HeaderActionButtonProps>;
/**
 * The `PageHeader` component renders the actions within the header of the page. It accepts `PrimaryAction` and `SecondaryActions` as children.
 *
 * **Links:**
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/app-page-components/page-header Docs}
 */
export declare const PageHeader: import("./types/shared.ts").HubSpotReactComponent<import("./types/shared.ts").UnknownComponentProps> & {
    PrimaryAction: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageHeaderPrimaryActionProps>;
    SecondaryActions: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageHeaderSecondaryActionsProps>;
    Link: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageHeaderLinkProps>;
    PageLink: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageHeaderPageLinkProps>;
};
/**
 * The 'PageBreadcrumbs' component renders a list of links to show the user's current location within the app and allow them to navigate back to previous pages.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/app-page-components/page-breadcrumbs Docs}
 */
export declare const PageBreadcrumbs: import("./types/shared.ts").HubSpotReactComponent<import("./types/shared.ts").UnknownComponentProps> & {
    PageLink: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageBreadcrumbsPageLinkProps>;
    Current: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageBreadcrumbsCurrentProps>;
};
export declare const PageLink: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageLinkProps>;
export declare const PageTitle: import("./types/shared.ts").HubSpotReactComponent<pageComponentTypes.PageTitleProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const Iframe: import("./types/shared.ts").HubSpotReactComponent<componentTypes.IframeProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const MediaObject: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.MediaObjectProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const Stack2: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.Stack2Props>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const Center: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.CenterProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const Grid: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.GridProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const GridItem: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.GridItemProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const SettingsView: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.SettingsViewProps>;
/**
 * The `ExpandableText` component renders a text that can be expanded or collapsed based on a maximum height.
 *
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/expandable-text ExpandableText Docs}
 */
export declare const ExpandableText: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.ExpandableTextProps>;
/**
 * The `Popover` component renders a popover overlay that can contain other components.
 *
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 *
 * **Links:**
 *
 * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/popover Popover Docs}
 */
export declare const Popover: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.PopoverProps>;
/**
 * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
 */
export declare const FileInput: import("./types/shared.ts").HubSpotReactComponent<experimentalTypes.FileInputProps>;