@forge/react

11.17.0-experimental-04cc2b911.18.0-next.0
out/components/ui-kit-components.d.ts
~out/components/ui-kit-components.d.tsModified
+80−79
Index: package/out/components/ui-kit-components.d.ts
===================================================================
--- package/out/components/ui-kit-components.d.ts
+++ package/out/components/ui-kit-components.d.ts
@@ -1,485 +1,486 @@
+/// <reference types="react" />
 import { ForgeElement } from '../types/index';
 import type { TBadge, TBarChart, TBleed, TBox, TBreadcrumbs, TBreadcrumbsItem, TButton, TButtonGroup, TCalendar, TCheckbox, TCode, TCodeBlock, TDatePicker, TDonutChart, TErrorMessage, TFileCard, TFilePicker, THeading, THelperMessage, THorizontalBarChart, THorizontalStackBarChart, TImage, TInline, TLabel, TList, TListItem, TLozenge, TLineChart, TLinkButton, TModal, TModalHeader, TModalBody, TModalFooter, TModalTitle, TModalTransition, TPagination, TPieChart, TProgressBar, TProgressTracker, TRadio, TRadioGroup, TRange, TSectionMessage, TSectionMessageAction, TSpinner, TStack, TStackBarChart, TTabs, TTab, TTabList, TTabPanel, TTag, TTagGroup, TTimePicker, TForm, TFormHeader, TFormFooter, TFormSection, TTooltip, TTextArea, TTextfield, TText, TToggle, TUser, TValidMessage, TLoadingButton, TSelect, TIcon, TEmptyState, TPressable, TCommentEditor, TChromelessEditor, TTile, TAtlassianTile, TAtlassianIcon, TLink, TUserPicker, TFrame, TUserGroup } from '@atlaskit/forge-react-types';
 /**
  * A badge is a visual indicator for numeric values such as tallies and scores.
  *
  * @see [Badge](https://developer.atlassian.com/platform/forge/ui-kit/components/badge/) in UI Kit documentation for more information
  */
-export declare const Badge: TBadge<ForgeElement>;
+export declare const Badge: TBadge<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data using rectangular bars of varying heights to compare different categories or values.
  *
  * @see [BarChart](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/) in UI Kit documentation for more information
  */
-export declare const BarChart: TBarChart<ForgeElement>;
+export declare const BarChart: TBarChart<ForgeElement<Record<string, any>>>;
 /**
  * A box is a generic container that provides managed access to design tokens.
  *
  * @see [Box](https://developer.atlassian.com/platform/forge/ui-kit/components/box/) in UI Kit documentation for more information
  */
-export declare const Box: TBox<ForgeElement>;
+export declare const Box: TBox<ForgeElement<Record<string, any>>>;
 /**
  * A button triggers an event or action. They let users know what will happen next.
  *
  * @see [Button](https://developer.atlassian.com/platform/forge/ui-kit/components/button/) in UI Kit documentation for more information
  */
-export declare const Button: TButton<ForgeElement>;
+export declare const Button: TButton<ForgeElement<Record<string, any>>>;
 /**
  * A button group gives users access to frequently performed, related actions.
  *
  * @see [ButtonGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/button-group/) in UI Kit documentation for more information
  */
-export declare const ButtonGroup: TButtonGroup<ForgeElement>;
+export declare const ButtonGroup: TButtonGroup<ForgeElement<Record<string, any>>>;
 /**
  * An interactive calendar for date selection experiences.
  *
  * @see [Calendar](https://developer.atlassian.com/platform/forge/ui-kit/components/calendar/) in UI Kit documentation for more information
  */
-export declare const Calendar: TCalendar<ForgeElement>;
+export declare const Calendar: TCalendar<ForgeElement<Record<string, any>>>;
 /**
  * A checkbox is an input control that allows a user to select one or more options from a number of choices.
  *
  * @see [Checkbox](https://developer.atlassian.com/platform/forge/ui-kit/components/checkbox/) in UI Kit documentation for more information
  */
-export declare const Checkbox: TCheckbox<ForgeElement>;
+export declare const Checkbox: TCheckbox<ForgeElement<Record<string, any>>>;
 /**
  * Code highlights short strings of code snippets inline with body text.
  *
  * @see [Code](https://developer.atlassian.com/platform/forge/ui-kit/components/code/) in UI Kit documentation for more information
  */
-export declare const Code: TCode<ForgeElement>;
+export declare const Code: TCode<ForgeElement<Record<string, any>>>;
 /**
  * Code highlights short strings of code snippets inline with body text.
  *
  * @see [CodeBlock](https://developer.atlassian.com/platform/forge/ui-kit/components/code-block/) in UI Kit documentation for more information
  */
-export declare const CodeBlock: TCodeBlock<ForgeElement>;
+export declare const CodeBlock: TCodeBlock<ForgeElement<Record<string, any>>>;
 /**
  * A date picker allows the user to select a particular date.
  *
  * @see [DatePicker](https://developer.atlassian.com/platform/forge/ui-kit/components/date-picker/) in UI Kit documentation for more information
  */
-export declare const DatePicker: TDatePicker<ForgeElement>;
+export declare const DatePicker: TDatePicker<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data proportions in a donut format.
  *
  * @see [DonutChart](https://developer.atlassian.com/platform/forge/ui-kit/components/donut-chart/) in UI Kit documentation for more information
  */
-export declare const DonutChart: TDonutChart<ForgeElement>;
+export declare const DonutChart: TDonutChart<ForgeElement<Record<string, any>>>;
 /**
  * An empty state appears when there is no data to display and describes what the user can do next.
  *
  * @see [EmptyState](https://developer.atlassian.com/platform/forge/ui-kit/components/empty-state/) in UI Kit documentation for more information
  */
-export declare const EmptyState: TEmptyState<ForgeElement>;
+export declare const EmptyState: TEmptyState<ForgeElement<Record<string, any>>>;
 /**
  * An error message is used to tell a user that the field input is invalid.
  * For example, an error message could be "Invalid username, needs to be more than 4 characters".
  *
  * @see [ErrorMessage](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#error-message) in UI Kit documentation for more information
  */
-export declare const ErrorMessage: TErrorMessage<ForgeElement>;
+export declare const ErrorMessage: TErrorMessage<ForgeElement<Record<string, any>>>;
 /**
  * A file card component that displays file information with actions
  *
  * @see [FileCard](https://developer.atlassian.com/platform/forge/ui-kit/components/file-card/) in UI Kit documentation for more information
  */
-export declare const FileCard: TFileCard<ForgeElement>;
+export declare const FileCard: TFileCard<ForgeElement<Record<string, any>>>;
 /**
  * A file picker component that allows users to select and upload files
  *
  * @see [FilePicker](https://developer.atlassian.com/platform/forge/ui-kit/components/file-picker/) in UI Kit documentation for more information
  */
-export declare const FilePicker: TFilePicker<ForgeElement>;
+export declare const FilePicker: TFilePicker<ForgeElement<Record<string, any>>>;
 /**
  * A form allows users to input information.
  *
  * @see [Form](https://developer.atlassian.com/platform/forge/ui-kit/components/form/) in UI Kit documentation for more information
  */
-export declare const Form: TForm<ForgeElement>;
+export declare const Form: TForm<ForgeElement<Record<string, any>>>;
 /**
  * Use a form footer to set the content at the end of the form. This is used for a button that submits the form.
  *
  * This is positioned after the last field in the form.
  *
  * @see [FormFooter](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#form-footer) in UI Kit documentation for more information
  */
-export declare const FormFooter: TFormFooter<ForgeElement>;
+export declare const FormFooter: TFormFooter<ForgeElement<Record<string, any>>>;
 /**
  * Use a form header to describe the contents of the form. This is the title and description of the form.
  * If your form contains required fields, the form header is also where you should include a legend
  * for sighted users to know that * indicates a required field.
  *
  * @see [FormHeader](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#form-header) in UI Kit documentation for more information
  */
-export declare const FormHeader: TFormHeader<ForgeElement>;
+export declare const FormHeader: TFormHeader<ForgeElement<Record<string, any>>>;
 /**
  * Use a form section to group related information together, so that longer forms are easier to understand.
  * There can be multiple form sections in one form.
  *
  * @see [FormSection](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#form-section) in UI Kit documentation for more information
  */
-export declare const FormSection: TFormSection<ForgeElement>;
+export declare const FormSection: TFormSection<ForgeElement<Record<string, any>>>;
 /**
  * A heading is a typography component used to display text in different sizes and formats.
  *
  * @see [Heading](https://developer.atlassian.com/platform/forge/ui-kit/components/heading/) in UI Kit documentation for more information
  */
-export declare const Heading: THeading<ForgeElement>;
+export declare const Heading: THeading<ForgeElement<Record<string, any>>>;
 /**
  * A helper message tells the user what kind of input the field takes.
  * For example, a helper message could be "Password should be more than 4 characters".
  *
  * @see [HelperMessage](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#helper-message) in UI Kit documentation for more information
  */
-export declare const HelperMessage: THelperMessage<ForgeElement>;
+export declare const HelperMessage: THelperMessage<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data using horizontal rectangular bars of varying lengths to compare different categories or values.
  *
  * @see [HorizontalBarChart](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-bar-chart/) in UI Kit documentation for more information
  */
-export declare const HorizontalBarChart: THorizontalBarChart<ForgeElement>;
+export declare const HorizontalBarChart: THorizontalBarChart<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data using horizontal rectangular bars of varying lengths to demonstrate comparisons between categories of data.
  *
  * @see [HorizontalStackBarChart](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-stack-bar-chart/) in UI Kit documentation for more information
  */
-export declare const HorizontalStackBarChart: THorizontalStackBarChart<ForgeElement>;
+export declare const HorizontalStackBarChart: THorizontalStackBarChart<ForgeElement<Record<string, any>>>;
 /**
  * An icon is a visual representation of a command, device, directory, or common action.
  *
  * @see [Icon](https://developer.atlassian.com/platform/forge/ui-kit/components/icon/) in UI Kit documentation for more information
  */
-export declare const Icon: TIcon<ForgeElement>;
+export declare const Icon: TIcon<ForgeElement<Record<string, any>>>;
 /**
  * An image component to display images.
  *
  * @see [Image](https://developer.atlassian.com/platform/forge/ui-kit/components/image/) in UI Kit documentation
  */
-export declare const Image: TImage<ForgeElement>;
+export declare const Image: TImage<ForgeElement<Record<string, any>>>;
 /**
  * An inline manages the horizontal layout of direct children using flexbox.
  *
  * @see [Inline](https://developer.atlassian.com/platform/forge/ui-kit/components/inline/) in UI Kit documentation for more information
  */
-export declare const Inline: TInline<ForgeElement>;
+export declare const Inline: TInline<ForgeElement<Record<string, any>>>;
 /**
  * A label represents a caption for an item in a user interface.
  *
  * @see [Label](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#label) in UI Kit documentation for more information
  */
-export declare const Label: TLabel<ForgeElement>;
+export declare const Label: TLabel<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data showing trends.
  *
  * @see [LineChart](https://developer.atlassian.com/platform/forge/ui-kit/components/line-chart/) in UI Kit documentation for more information
  */
-export declare const LineChart: TLineChart<ForgeElement>;
+export declare const LineChart: TLineChart<ForgeElement<Record<string, any>>>;
 /**
  * Renders a link in the style of a button.
  *
  * @see [LinkButton](https://developer.atlassian.com/platform/forge/ui-kit/components/button/#linkbutton-props) in UI Kit documentation for more information
  */
-export declare const LinkButton: TLinkButton<ForgeElement>;
+export declare const LinkButton: TLinkButton<ForgeElement<Record<string, any>>>;
 /**
  * An unordered (bulleted) or ordered (numbered) list.
  *
  * @see [List](https://developer.atlassian.com/platform/forge/ui-kit/components/list/) in UI Kit documentation for more information
  */
-export declare const List: TList<ForgeElement>;
-export declare const ListItem: TListItem<ForgeElement>;
+export declare const List: TList<ForgeElement<Record<string, any>>>;
+export declare const ListItem: TListItem<ForgeElement<Record<string, any>>>;
 /**
  * A button that shows an spinner as an overlay on the button when you set an isLoading prop to true.
  *
  * @see [LoadingButton](https://developer.atlassian.com/platform/forge/ui-kit/components/button/#loadingbutton-props) in UI Kit documentation for more information
  */
-export declare const LoadingButton: TLoadingButton<ForgeElement>;
+export declare const LoadingButton: TLoadingButton<ForgeElement<Record<string, any>>>;
 /**
  * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
  *
  * @see [Lozenge](https://developer.atlassian.com/platform/forge/ui-kit/components/lozenge/) in UI Kit documentation for more information
  */
-export declare const Lozenge: TLozenge<ForgeElement>;
+export declare const Lozenge: TLozenge<ForgeElement<Record<string, any>>>;
 /**
  * A modal dialog displays content that requires user interaction, in a layer above the page.
  *
  * @see [Modal](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/) in UI Kit documentation for more information
  */
-export declare const Modal: TModal<ForgeElement>;
+export declare const Modal: TModal<ForgeElement<Record<string, any>>>;
 /**
  * A modal body is used to display the main content of a modal.
  *
  * @see [ModalBody](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#body) in UI Kit documentation for more information
  */
-export declare const ModalBody: TModalBody<ForgeElement>;
+export declare const ModalBody: TModalBody<ForgeElement<Record<string, any>>>;
 /**
  * A modal footer often contains a primary action and the ability to cancel and close the dialog,
  * though can contain any React element.
  *
  * @see [ModalFooter](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#footer) in UI Kit documentation for more information
  */
-export declare const ModalFooter: TModalFooter<ForgeElement>;
+export declare const ModalFooter: TModalFooter<ForgeElement<Record<string, any>>>;
 /**
  * A modal header contains the title of the modal and can contain other React elements such as a close button.
  *
  * @see [ModalHeader](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#header) in UI Kit documentation for more information
  */
-export declare const ModalHeader: TModalHeader<ForgeElement>;
+export declare const ModalHeader: TModalHeader<ForgeElement<Record<string, any>>>;
 /**
  * A modal title is used to display a title within a modal.
  *
  * @see [ModalTitle](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#title) in UI Kit documentation for more information
  */
-export declare const ModalTitle: TModalTitle<ForgeElement>;
+export declare const ModalTitle: TModalTitle<ForgeElement<Record<string, any>>>;
 /**
  * A modal transition wraps a modal to provide a fluid transition upon opening and closing.
  *
  * @see [ModalTransition](https://developer.atlassian.com/platform/forge/ui-kit/components/modal/#modal-transition) in UI Kit documentation for more information
  */
-export declare const ModalTransition: TModalTransition<ForgeElement>;
+export declare const ModalTransition: TModalTransition<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data proportions in a circular format.
  *
  * @see [PieChart](https://developer.atlassian.com/platform/forge/ui-kit/components/pie-chart/) in UI Kit documentation for more information
  */
-export declare const PieChart: TPieChart<ForgeElement>;
+export declare const PieChart: TPieChart<ForgeElement<Record<string, any>>>;
 /**
  * A progress bar communicates the status of a system process.
  *
  * @see [ProgressBar](https://developer.atlassian.com/platform/forge/ui-kit/components/progress-bar/) in UI Kit documentation for more information
  */
-export declare const ProgressBar: TProgressBar<ForgeElement>;
+export declare const ProgressBar: TProgressBar<ForgeElement<Record<string, any>>>;
 /**
  * A progress tracker displays the steps and progress through a journey.
  *
  * @see [ProgressTracker](https://developer.atlassian.com/platform/forge/ui-kit/components/progress-tracker/) in UI Kit documentation for more information
  */
-export declare const ProgressTracker: TProgressTracker<ForgeElement>;
+export declare const ProgressTracker: TProgressTracker<ForgeElement<Record<string, any>>>;
 /**
  * A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.
  *
  * @see [Radio](https://developer.atlassian.com/platform/forge/ui-kit/components/radio/) in UI Kit documentation for more information
  */
-export declare const Radio: TRadio<ForgeElement>;
+export declare const Radio: TRadio<ForgeElement<Record<string, any>>>;
 /**
  * A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.
  *
  * @see [RadioGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/radio-group/) in UI Kit documentation for more information
  */
-export declare const RadioGroup: TRadioGroup<ForgeElement>;
+export declare const RadioGroup: TRadioGroup<ForgeElement<Record<string, any>>>;
 /**
  * A range lets users choose an approximate value on a slider.
  *
  * @see [Range](https://developer.atlassian.com/platform/forge/ui-kit/components/range/) in UI Kit documentation for more information
  */
-export declare const Range: TRange<ForgeElement>;
+export declare const Range: TRange<ForgeElement<Record<string, any>>>;
 /**
  * Select allows users to make a single selection or multiple selections from a list of options.
  *
  * @see [Select](https://developer.atlassian.com/platform/forge/ui-kit/components/select/) in UI Kit documentation for more information
  */
-export declare const Select: TSelect<ForgeElement>;
+export declare const Select: TSelect<ForgeElement<Record<string, any>>>;
 /**
  * A section message is used to alert users to a particular section of the screen.
  *
  * @see [SectionMessage](https://developer.atlassian.com/platform/forge/ui-kit/components/section-message/) in UI Kit documentation for more information
  */
-export declare const SectionMessage: TSectionMessage<ForgeElement>;
+export declare const SectionMessage: TSectionMessage<ForgeElement<Record<string, any>>>;
 /**
  * A section message is used to alert users to a particular section of the screen.
  *
  * @see [SectionMessageAction](https://developer.atlassian.com/platform/forge/ui-kit/components/section-message/#section-message-action) in UI Kit documentation for more information
  */
-export declare const SectionMessageAction: TSectionMessageAction<ForgeElement>;
+export declare const SectionMessageAction: TSectionMessageAction<ForgeElement<Record<string, any>>>;
 /**
  * A spinner is an animated spinning icon that lets users know content is being loaded.
  *
  * @see [Spinner](https://developer.atlassian.com/platform/forge/ui-kit/components/spinner/) in UI Kit documentation for more information
  */
-export declare const Spinner: TSpinner<ForgeElement>;
+export declare const Spinner: TSpinner<ForgeElement<Record<string, any>>>;
 /**
  * A stack manages the vertical layout of direct children using flexbox.
  *
  * @see [Stack](https://developer.atlassian.com/platform/forge/ui-kit/components/stack/) in UI Kit documentation for more information
  */
-export declare const Stack: TStack<ForgeElement>;
+export declare const Stack: TStack<ForgeElement<Record<string, any>>>;
 /**
  * A visual representation of data using rectangular bars of varying heights to demonstrate comparisons between categories of data.
  *
  * @see [StackBarChart](https://developer.atlassian.com/platform/forge/ui-kit/components/stack-bar-chart/) in UI Kit documentation for more information
  */
-export declare const StackBarChart: TStackBarChart<ForgeElement>;
+export declare const StackBarChart: TStackBarChart<ForgeElement<Record<string, any>>>;
 /**
  * `Tab` represents an individual tab displayed in a TabList.
  *
  * @see [Tab](https://developer.atlassian.com/platform/forge/ui-kit/components/tabs/) in UI Kit documentation for more information
  */
-export declare const Tab: TTab<ForgeElement>;
+export declare const Tab: TTab<ForgeElement<Record<string, any>>>;
 /**
  * A `TabList` groups `Tab` components together.
  *
  * @see [TabList](https://developer.atlassian.com/platform/forge/ui-kit/components/tab-list/) in UI Kit documentation for more information
  */
-export declare const TabList: TTabList<ForgeElement>;
+export declare const TabList: TTabList<ForgeElement<Record<string, any>>>;
 /**
  * A `TabPanel` houses the contents of a `Tab`.
  *
  * @see [TabPanel](https://developer.atlassian.com/platform/forge/ui-kit/components/tabs/) in UI Kit documentation for more information
  */
-export declare const TabPanel: TTabPanel<ForgeElement>;
+export declare const TabPanel: TTabPanel<ForgeElement<Record<string, any>>>;
 /**
  * Tabs are used to organize content by grouping similar information on the same page.
  *
  * @see [Tabs](https://developer.atlassian.com/platform/forge/ui-kit/components/tabs/) in UI Kit documentation for more information
  */
-export declare const Tabs: TTabs<ForgeElement>;
-export declare const Tag: TTag<ForgeElement>;
+export declare const Tabs: TTabs<ForgeElement<Record<string, any>>>;
+export declare const Tag: TTag<ForgeElement<Record<string, any>>>;
 /**
  * A tag group controls the layout and alignment for a collection of tags.
  *
  * @see [TagGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/tag-group/) in UI Kit documentation for more information
  */
-export declare const TagGroup: TTagGroup<ForgeElement>;
+export declare const TagGroup: TTagGroup<ForgeElement<Record<string, any>>>;
 /**
  * A text area lets users enter long form text which spans over multiple lines.
  *
  * @see [TextArea](https://developer.atlassian.com/platform/forge/ui-kit/components/text-area/) in UI Kit documentation for more information
  */
-export declare const TextArea: TTextArea<ForgeElement>;
+export declare const TextArea: TTextArea<ForgeElement<Record<string, any>>>;
 /**
  * A text field is an input that allows a user to write or edit text.
  *
  * @see [Textfield](https://developer.atlassian.com/platform/forge/ui-kit/components/textfield/) in UI Kit documentation for more information
  */
-export declare const Textfield: TTextfield<ForgeElement>;
+export declare const Textfield: TTextfield<ForgeElement<Record<string, any>>>;
 /**
  * A time picker allows the user to select a specific time.
  *
  * @see [TimePicker](https://developer.atlassian.com/platform/forge/ui-kit/components/time-picker/) in UI Kit documentation for more information
  */
-export declare const TimePicker: TTimePicker<ForgeElement>;
+export declare const TimePicker: TTimePicker<ForgeElement<Record<string, any>>>;
 /**
  * A toggle is used to view or switch between enabled or disabled states.
  *
  * @see [Toggle](https://developer.atlassian.com/platform/forge/ui-kit/components/toggle/) in UI Kit documentation for more information
  */
-export declare const Toggle: TToggle<ForgeElement>;
+export declare const Toggle: TToggle<ForgeElement<Record<string, any>>>;
 /**
  * A `Tooltip` is a floating, non-actionable label used to explain a user interface element or feature.
  *
  * @see [Tooltip](https://developer.atlassian.com/platform/forge/ui-kit/components/tooltip/) in UI Kit documentation for more information
  */
-export declare const Tooltip: TTooltip<ForgeElement>;
+export declare const Tooltip: TTooltip<ForgeElement<Record<string, any>>>;
 /**
  * A typography component used to display body text.
  * It can also include inline components such as
  * [Badge](https://developer.atlassian.com/platform/forge/ui-kit/components/badge/) and
  * [Lozenge](https://developer.atlassian.com/platform/forge/ui-kit/components/lozenge/).
  */
-export declare const Text: TText<ForgeElement>;
+export declare const Text: TText<ForgeElement<Record<string, any>>>;
 /**
  * A valid message is used to tell a user that the field input is valid.
  * For example, a helper message could be "Nice one, this username is available".
  *
  * @see [ValidMessage](https://developer.atlassian.com/platform/forge/ui-kit/components/form/#validation-message) in UI Kit documentation for more information
  */
-export declare const ValidMessage: TValidMessage<ForgeElement>;
+export declare const ValidMessage: TValidMessage<ForgeElement<Record<string, any>>>;
 export declare const RequiredAsterisk: () => JSX.Element;
 /**
  * A pressable is a primitive for building custom buttons.
  *
  * @see [Pressable](https://developer.atlassian.com/platform/forge/ui-kit/components/pressable/) in UI Kit documentation for more information
  */
-export declare const Pressable: TPressable<ForgeElement>;
+export declare const Pressable: TPressable<ForgeElement<Record<string, any>>>;
 /**
  * The comment editor provides a contained editor UI with a simple toolbar.
  *
  * @see [CommentEditor](https://developer.atlassian.com/platform/forge/ui-kit/components/comment-editor/) in UI Kit documentation for more information
  */
-export declare const CommentEditor: TCommentEditor<ForgeElement>;
+export declare const CommentEditor: TCommentEditor<ForgeElement<Record<string, any>>>;
 /**
  * The chromeless editor provides the Editor without any of the standard UI features. It's ideal for cases where the integrator wants complete control and responsibility over the editor UI.
  *
  * @see [ChromelessEditor](https://developer.atlassian.com/platform/forge/ui-kit/components/chromeless-editor/) in UI Kit documentation for more information
  */
-export declare const ChromelessEditor: TChromelessEditor<ForgeElement>;
+export declare const ChromelessEditor: TChromelessEditor<ForgeElement<Record<string, any>>>;
 /**
  * A tile is a rounded square that takes an asset and represents a noun.
  *
  * @see [Tile](https://developer.atlassian.com/platform/forge/ui-kit/components/tile/) in UI Kit documentation for more information
  */
-export declare const Tile: TTile<ForgeElement>;
+export declare const Tile: TTile<ForgeElement<Record<string, any>>>;
 /**
  * A component that represents a user, displaying details such as name and profile picture.
  *
  * @see [User](https://developer.atlassian.com/platform/forge/ui-kit/components/user/) in UI Kit documentation
  */
-export declare const User: TUser<ForgeElement>;
+export declare const User: TUser<ForgeElement<Record<string, any>>>;
 /**
  * An AtlassianTile is an icon that represents an Atlassian-specific content type, displayed in a tile.
  * The glyph prop automatically sets the color for the object.
  *
  * @see [AtlassianTile](https://developer.atlassian.com/platform/forge/ui-kit/components/atlassian-tile/) in UI Kit documentation for more information
  */
-export declare const AtlassianTile: TAtlassianTile<ForgeElement>;
+export declare const AtlassianTile: TAtlassianTile<ForgeElement<Record<string, any>>>;
 /**
  * An AtlassianIcon is an icon that represents an Atlassian-specific content type.
  * The glyph prop automatically sets the color for the object.
  *
  * @see [AtlassianIcon](https://developer.atlassian.com/platform/forge/ui-kit/components/atlassian-icon/) in UI Kit documentation for more information
  */
-export declare const AtlassianIcon: TAtlassianIcon<ForgeElement>;
+export declare const AtlassianIcon: TAtlassianIcon<ForgeElement<Record<string, any>>>;
 /**
  * A component that displays a hyperlink. Use this component for inline links,
  * typically inside a `Text` component.
  *
  * @see [Link](https://developer.atlassian.com/platform/forge/ui-kit/components/link/) in UI Kit documentation
  */
-export declare const Link: TLink<ForgeElement>;
+export declare const Link: TLink<ForgeElement<Record<string, any>>>;
 /**
  * A dropdown field that allows users to search and select users from a list.
  *
  * @see [UserPicker](https://developer.atlassian.com/platform/forge/ui-kit/components/user-picker/) in UI Kit documentation
  */
-export declare const UserPicker: TUserPicker<ForgeElement>;
+export declare const UserPicker: TUserPicker<ForgeElement<Record<string, any>>>;
 /**
  * A container for rendering static frontend applications (HTML, CSS, JavaScript)
  * within a UI Kit app. Supports bidirectional communication with the host app
  * via the Events API.
  *
  * @see [Frame](https://developer.atlassian.com/platform/forge/ui-kit/components/frame/) in UI Kit documentation
  */
-export declare const Frame: TFrame<ForgeElement>;
+export declare const Frame: TFrame<ForgeElement<Record<string, any>>>;
 /**
  * Displays a stack of multiple users (name and profile picture), subject to
  * their privacy settings. Can also be used inside a `Text` component, where
  * users appear as inline lozenges.
  *
  * @see [UserGroup](https://developer.atlassian.com/platform/forge/ui-kit/components/user-group/) in UI Kit documentation
  */
-export declare const UserGroup: TUserGroup<ForgeElement>;
+export declare const UserGroup: TUserGroup<ForgeElement<Record<string, any>>>;
 /**
  * Bleed allows child elements to visually extend beyond the bounds of their parent container.
  *
  * @see [Bleed](https://developer.atlassian.com/platform/forge/ui-kit/components/bleed/) in UI Kit documentation for more information
  */
-export declare const Bleed: TBleed<ForgeElement>;
+export declare const Bleed: TBleed<ForgeElement<Record<string, any>>>;
 /**
  * Breadcrumbs are a navigation system used to show a user's location in a site or app.
  *
  * @see [Breadcrumbs](https://developer.atlassian.com/platform/forge/ui-kit/components/breadcrumbs/) in UI Kit documentation for more information
  */
-export declare const Breadcrumbs: TBreadcrumbs<ForgeElement>;
+export declare const Breadcrumbs: TBreadcrumbs<ForgeElement<Record<string, any>>>;
 /**
  * A breadcrumb item represents a single step in the navigation hierarchy.
  *
  * @see [BreadcrumbsItem](https://developer.atlassian.com/platform/forge/ui-kit/components/breadcrumbs-item/) in UI Kit documentation for more information
  */
-export declare const BreadcrumbsItem: TBreadcrumbsItem<ForgeElement>;
+export declare const BreadcrumbsItem: TBreadcrumbsItem<ForgeElement<Record<string, any>>>;
 /**
  * Pagination allows you to divide large amounts of content into chunks across multiple pages.
  *
  * @see [Pagination](https://developer.atlassian.com/platform/forge/ui-kit/components/pagination/) in UI Kit documentation for more information
  */
-export declare const Pagination: TPagination<ForgeElement>;
+export declare const Pagination: TPagination<ForgeElement<Record<string, any>>>;
 //# sourceMappingURL=ui-kit-components.d.ts.map
\ No newline at end of file