@atlaskit/forge-react-types 0.37.7 → 0.37.9

package/src/components/__generated__/ModalBodyProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalBodyProps
  *
- * @codegen <<SignedSource::f6704cd3ad5b9e900de7e400b133ad53>>
+ * @codegen <<SignedSource::8999036a80e16ad1e4655a8fec69ccdd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::0fe5715703e89dfc44882777af179380>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::627540a6559205080b7e35c17eb83204>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type ModalBodyProps = Pick<
 >;
 
 /**
- * A modal dialog displays content that requires user interaction, in a layer above the page.
+ * A modal body is used to display the main content of a modal.
  */
 export type TModalBody<T> = (props: ModalBodyProps) => T;

package/src/components/__generated__/ModalFooterProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalFooterProps
  *
- * @codegen <<SignedSource::05f974150dc64ca59a44eb0b121cf773>>
+ * @codegen <<SignedSource::4760b46222d502cf6397bfc1ee866e35>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::fd05c385dd42dfcac111c9ddd8c13a28>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::0ff399d8f02a70c539a63e9466091768>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,7 @@ export type ModalFooterProps = Pick<
 >;
 
 /**
- * A modal dialog displays content that requires user interaction, in a layer above the page.
+ * A modal footer often contains a primary action and the ability to cancel and close the dialog,
+ * though can contain any React element.
  */
 export type TModalFooter<T> = (props: ModalFooterProps) => T;

package/src/components/__generated__/ModalHeaderProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalHeaderProps
  *
- * @codegen <<SignedSource::c3bc5fde61f2e698aba9b95565c0d268>>
+ * @codegen <<SignedSource::d870076a8f40ef1ca2f514ccccd8d14c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::932c9f34f6cd6919fe5b8bcf072745dc>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::9102fefee5c2fe6cbee65bf860d29652>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type ModalHeaderProps = Pick<
 >;
 
 /**
- * A modal dialog displays content that requires user interaction, in a layer above the page.
+ * A modal header contains the title of the modal and can contain other React elements such as a close button.
  */
 export type TModalHeader<T> = (props: ModalHeaderProps) => T;

package/src/components/__generated__/ModalTitleProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTitleProps
  *
- * @codegen <<SignedSource::18cc7e23ba187aae2f8e2d8631801b53>>
+ * @codegen <<SignedSource::1742968eb34a6998cf335abcdb9ecd22>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::996c8299a68e072c936b0023b61bdc20>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::8f0848e3fabd3cf3660c08e2b1863bd9>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type ModalTitleProps = Pick<
 >;
 
 /**
- * A modal dialog displays content that requires user interaction, in a layer above the page.
+ * A modal title is used to display a title within a modal.
  */
 export type TModalTitle<T> = (props: ModalTitleProps) => T;

package/src/components/__generated__/ModalTransitionProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTransitionProps
  *
- * @codegen <<SignedSource::9d4490cd7b1938efec7181c83258a4c5>>
+ * @codegen <<SignedSource::fbd2e79db623371d79d173ce8c807737>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::7f1f7ea64369d3e65533dffbbcec26d7>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::9a5d35aaedbe614414c801acffdbeeff>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type ModalTransitionProps = Pick<
 >;
 
 /**
- * A modal dialog displays content that requires user interaction, in a layer above the page.
+ * A modal transition wraps a modal to provide a fluid transition upon opening and closing.
  */
 export type TModalTransition<T> = (props: ModalTransitionProps) => T;

package/src/components/__generated__/PopupProps.codegen.tsx

@@ -3,15 +3,25 @@
  *
  * Extract component prop types from UIKit 2 components - PopupProps
  *
- * @codegen <<SignedSource::46e22c91b6503926afe0f721c99196ea>>
+ * @codegen <<SignedSource::9c82b51dc6635d8638a1f1f24ceaec66>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/popup/index.tsx <<SignedSource::0708f76a6f3ffe765ff242a9104f7d42>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/popup/index.tsx <<SignedSource::cafa3868628edc1953d996c860801ed5>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
 import React from 'react';
 import { default as PlatformPopup } from '@atlaskit/popup';
 
+/**
+ * Design decisions made:
+ * `zIndex` and `offset` are excluded to constrain the appearance of the popup.
+ *
+ * `boundary` has been changed as the ADS type can also expect an HTMLElement to be passed in, which cannot work with Forge.
+ *
+ * `popupComponent` is excluded as the same customisation can be done with `Box` in content
+ *
+ */
+// Public API
 export type PopupProps = Omit<
 	React.ComponentProps<typeof PlatformPopup>,
 	'popupComponent' | 'zIndex' | 'offset' | 'boundary'
@@ -19,4 +29,9 @@ export type PopupProps = Omit<
 	boundary?: 'clippingParents';
 	content: () => React.ReactNode;
 	trigger: () => React.ReactNode;
-};
+};
+
+/**
+ * A popup displays brief content in an overlay.
+ */
+export type TPopup<T> = (props: PopupProps) => T;

package/src/components/__generated__/SelectProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - SelectProps
  *
- * @codegen <<SignedSource::124f2ef00704a09ec7335b035929681c>>
+ * @codegen <<SignedSource::27434c8de7f2e3082a44901a80c594a9>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/select/index.tsx <<SignedSource::a2510e0de095c3d94007eb9c6488aa55>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/select/index.tsx <<SignedSource::f7eed13874b04c56ded5f3434e03c70e>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -43,4 +43,9 @@ export type SelectProps = Pick<
 	| 'testId'
 	| 'value'
 	| 'isRequired'
->;
+>;
+
+/**
+ * Select allows users to make a single selection or multiple selections from a list of options.
+ */
+export type TSelect<T> = (props: SelectProps) => T;

package/src/components/__generated__/StackProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - StackProps
  *
- * @codegen <<SignedSource::0e61f7285631ab35f3a77bb1d42d43aa>>
+ * @codegen <<SignedSource::d2ba0849ecf2dcab0851f9678f03e102>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::63880622ee058ba54ea3754cbc1910f4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/stack/__generated__/index.partial.tsx <<SignedSource::191f725f0992bea2117b07b99f6444de>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type StackProps = Pick<
 >;
 
 /**
- * Primitives are token-backed low-level building blocks.
+ * A stack manages the vertical layout of direct children using flexbox.
  */
 export type TStack<T> = (props: StackProps) => T;

package/src/components/__generated__/TabListProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabListProps
  *
- * @codegen <<SignedSource::0b10d2d919012771dcb780ff32d5cfd2>>
+ * @codegen <<SignedSource::2ac5252a55c5b4f8bbdf29439ab10dcf>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::4ada894a5d94a305fa30eb45a6759915>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tablist.partial.tsx <<SignedSource::fbd3384538b87c1a820790b55241ee21>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type TabListProps = Pick<
 >;
 
 /**
- * Tabs are used to organize content by grouping similar information on the same page.
+ * A `TabList` groups `Tab` components together.
  */
 export type TTabList<T> = (props: TabListProps) => T;

package/src/components/__generated__/TabPanelProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabPanelProps
  *
- * @codegen <<SignedSource::d880c7eaf445179245b8aea2d70ea39e>>
+ * @codegen <<SignedSource::6ff302a008a6520f4b1b03de50bfe530>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::1bbc05ad9425e3df25423076ab0a0acf>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tabpanel.partial.tsx <<SignedSource::e7936c96c90f8f4682c85a00f85a23f4>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type TabPanelProps = Pick<
 >;
 
 /**
- * Tabs are used to organize content by grouping similar information on the same page.
+ * A `TabPanel` houses the contents of a `Tab`.
  */
 export type TTabPanel<T> = (props: TabPanelProps) => T;

package/src/components/__generated__/TabProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TabProps
  *
- * @codegen <<SignedSource::6b0d6b725c7692c9bfcddf45f3ca4f1f>>
+ * @codegen <<SignedSource::d69181ff464555d27568e977900710b6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::f5363c279366b51358d257738457c7d5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tabs/__generated__/tab.partial.tsx <<SignedSource::05b588ddfb6bfa200363a1127660dce4>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type TabProps = Pick<
 >;
 
 /**
- * Tabs are used to organize content by grouping similar information on the same page.
+ * `Tab` represents an individual tab displayed in a TabList.
  */
 export type TTab<T> = (props: TabProps) => T;

package/src/components/__generated__/TextAreaProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TextAreaProps
  *
- * @codegen <<SignedSource::9a728b21f878b7d2411d9ea96c367054>>
+ * @codegen <<SignedSource::4735e4d09b0b6c4a75fe1c08151b6054>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::cb1d758c7c2bb0e325bf9f7e3d6ae09d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textarea/index.tsx <<SignedSource::282c20421c108bd52e5341ba0ee4293c>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -40,4 +40,9 @@ export type TextAreaProps = Pick<
 	| 'aria-labelledby'
 	| 'name'
 > &
-	Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+	Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+
+/**
+ * A text area lets users enter long form text which spans over multiple lines.
+ */
+export type TTextArea<T> = (props: TextAreaProps) => T;

package/src/components/__generated__/TextfieldProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TextfieldProps
  *
- * @codegen <<SignedSource::53927afe8c8adcca03f0cfa65f9b44dc>>
+ * @codegen <<SignedSource::4f0a7b04b3a23a5889553b2bfaf7f454>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::3cab13a24ee050b7fe926e8e6a19858b>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/textfield/index.tsx <<SignedSource::03b967815639a5a5aae4f79da283d410>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -43,4 +43,9 @@ export type TextfieldProps = Pick<
 	| 'aria-labelledby'
 	| 'name'
 > &
-	Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+	Pick<EventHandlerProps, 'onChange' | 'onBlur' | 'onFocus'>;
+
+/**
+ * A text field is an input that allows a user to write or edit text.
+ */
+export type TTextfield<T> = (props: TextfieldProps) => T;

package/src/components/__generated__/TimePickerProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TimePickerProps
  *
- * @codegen <<SignedSource::bf9a04576bd1f8b348bd5091c9273208>>
+ * @codegen <<SignedSource::3f20d9d9bd43c0d792ea07ff9ecc23b1>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::aa8817ad383b8e2bce261c520e227b41>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/timepicker/__generated__/index.partial.tsx <<SignedSource::8f1c6ab03a29e7279ed2d3e82b086ab0>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -50,6 +50,6 @@ export type TimePickerProps = {
 } & Partial<Omit<FieldProps, 'onChange'>>;
 
 /**
- * A date time picker allows the user to select an associated date and time.
+ * A time picker allows the user to select a specific time.
  */
 export type TTimePicker<T> = (props: TimePickerProps) => T;

package/src/components/__generated__/TooltipProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - TooltipProps
  *
- * @codegen <<SignedSource::d67c937dcf799eb3d57dc35b62b52bd4>>
+ * @codegen <<SignedSource::4b27e1c130769985576ab4c910715b03>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::f5b26159e3b08ac61199d599900f523d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/tooltip/__generated__/index.partial.tsx <<SignedSource::e3e388170520502310149f23b8defa27>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,6 @@ export type TooltipProps = Pick<
 >;
 
 /**
- * A tooltip is a floating, non-actionable label used to explain a user interface element or feature.
+ * A `Tooltip` is a floating, non-actionable label used to explain a user interface element or feature.
  */
 export type TTooltip<T> = (props: TooltipProps) => T;

package/src/components/__generated__/ValidMessageProps.codegen.tsx

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ValidMessageProps
  *
- * @codegen <<SignedSource::40ef2ece49a84181a994ff221e42cc39>>
+ * @codegen <<SignedSource::4cc4d2511f92d5cb8969eb03a63cb079>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/valid-message.partial.tsx <<SignedSource::5460cf891302777898b53c0b4ae8b610>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/form/__generated__/valid-message.partial.tsx <<SignedSource::7c24bfd118e399bb212709c31585209b>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -20,6 +20,7 @@ export type ValidMessageProps = Pick<
 >;
 
 /**
- * A form allows users to input information.
+ * 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".
  */
 export type TValidMessage<T> = (props: ValidMessageProps) => T;

package/src/components/__generated__/index.ts

@@ -1,66 +1,74 @@
 export type { BadgeProps, TBadge } from './BadgeProps.codegen';
-export type { BleedProps } from './BleedProps.codegen';
+export type { BleedProps, TBleed } from './BleedProps.codegen';
 export type { BoxProps, TBox } from './BoxProps.codegen';
-export type { ButtonGroupProps } from './ButtonGroupProps.codegen';
-export type { ButtonProps } from './ButtonProps.codegen';
-export type { CheckboxProps } from './CheckboxProps.codegen';
-export type { CalendarProps } from './CalendarProps.codegen';
-export type { CheckboxGroupProps } from './CheckboxGroupProps.codegen';
-export type { CodeBlockProps } from './CodeBlockProps.codegen';
-export type { CodeProps } from './CodeProps.codegen';
-export type { DatePickerProps } from './DatePickerProps.codegen';
-export type { DynamicTableProps } from './DynamicTableProps.codegen';
-export type { EmptyStateProps } from './EmptyStateProps.codegen';
-export type { ErrorMessageProps } from './ErrorMessageProps.codegen';
-export type { FlexProps } from './FlexProps.codegen';
-export type { FormFooterProps } from './FormFooterProps.codegen';
-export type { FormHeaderProps } from './FormHeaderProps.codegen';
-export type { FormProps } from './FormProps.codegen';
-export type { FormSectionProps } from './FormSectionProps.codegen';
-export type { GridProps } from './GridProps.codegen';
-export type { HeadingProps } from './HeadingProps.codegen';
-export type { HelperMessageProps } from './HelperMessageProps.codegen';
-export type { IconProps } from './IconProps.codegen';
-export type { InlineProps } from './InlineProps.codegen';
-export type { InlineEditProps } from './InlineEditProps.codegen';
-export type { LabelProps } from './LabelProps.codegen';
-export type { LinkButtonProps } from './LinkButtonProps.codegen';
-export type { ListProps } from './ListProps.codegen';
-export type { ListItemProps } from './ListItemProps.codegen';
-export type { LoadingButtonProps } from './LoadingButtonProps.codegen';
-export type { LozengeProps } from './LozengeProps.codegen';
-export type { ModalBodyProps } from './ModalBodyProps.codegen';
-export type { ModalFooterProps } from './ModalFooterProps.codegen';
-export type { ModalHeaderProps } from './ModalHeaderProps.codegen';
-export type { ModalProps } from './ModalProps.codegen';
-export type { ModalTitleProps } from './ModalTitleProps.codegen';
-export type { ModalTransitionProps } from './ModalTransitionProps.codegen';
-export type { ProgressBarProps } from './ProgressBarProps.codegen';
-export type { ProgressTrackerProps } from './ProgressTrackerProps.codegen';
-export type { RadioGroupProps } from './RadioGroupProps.codegen';
-export type { RadioProps } from './RadioProps.codegen';
-export type { RangeProps } from './RangeProps.codegen';
-export type { SectionMessageActionProps } from './SectionMessageActionProps.codegen';
-export type { SectionMessageProps } from './SectionMessageProps.codegen';
-export type { SelectProps } from './SelectProps.codegen';
-export type { SpinnerProps } from './SpinnerProps.codegen';
-export type { StackProps } from './StackProps.codegen';
-export type { TabListProps } from './TabListProps.codegen';
-export type { TabPanelProps } from './TabPanelProps.codegen';
-export type { TabProps } from './TabProps.codegen';
-export type { TabsProps } from './TabsProps.codegen';
-export type { TagGroupProps } from './TagGroupProps.codegen';
-export type { SimpleTagProps as TagProps } from './TagProps.codegen';
-export type { TextAreaProps } from './TextAreaProps.codegen';
-export type { TextfieldProps } from './TextfieldProps.codegen';
-export type { TimePickerProps } from './TimePickerProps.codegen';
-export type { ToggleProps } from './ToggleProps.codegen';
-export type { TooltipProps } from './TooltipProps.codegen';
-export type { ValidMessageProps } from './ValidMessageProps.codegen';
-export type { PopupProps } from './PopupProps.codegen';
+export type { ButtonGroupProps, TButtonGroup } from './ButtonGroupProps.codegen';
+export type { ButtonProps, TButton } from './ButtonProps.codegen';
+export type { CheckboxProps, TCheckbox } from './CheckboxProps.codegen';
+export type { CalendarProps, TCalendar } from './CalendarProps.codegen';
+export type { CheckboxGroupProps, TCheckboxGroup } from './CheckboxGroupProps.codegen';
+export type { CodeBlockProps, TCodeBlock } from './CodeBlockProps.codegen';
+export type { CodeProps, TCode } from './CodeProps.codegen';
+export type { DatePickerProps, TDatePicker } from './DatePickerProps.codegen';
+export type { DynamicTableProps, TDynamicTable } from './DynamicTableProps.codegen';
+export type { EmptyStateProps, TEmptyState } from './EmptyStateProps.codegen';
+export type { ErrorMessageProps, TErrorMessage } from './ErrorMessageProps.codegen';
+export type { FlexProps, TFlex } from './FlexProps.codegen';
+export type { FormFooterProps, TFormFooter } from './FormFooterProps.codegen';
+export type { FormHeaderProps, TFormHeader } from './FormHeaderProps.codegen';
+export type { FormProps, TForm } from './FormProps.codegen';
+export type { FormSectionProps, TFormSection } from './FormSectionProps.codegen';
+export type { GridProps, TGrid } from './GridProps.codegen';
+export type { HeadingProps, THeading } from './HeadingProps.codegen';
+export type { HelperMessageProps, THelperMessage } from './HelperMessageProps.codegen';
+export type { IconProps, TIcon } from './IconProps.codegen';
+export type { InlineProps, TInline } from './InlineProps.codegen';
+export type { InlineEditProps, TInlineEdit } from './InlineEditProps.codegen';
+export type { LabelProps, TLabel } from './LabelProps.codegen';
+export type { LinkButtonProps, TLinkButton } from './LinkButtonProps.codegen';
+export type { ListProps, TList } from './ListProps.codegen';
+export type { ListItemProps, TListItem } from './ListItemProps.codegen';
+export type { LoadingButtonProps, TLoadingButton } from './LoadingButtonProps.codegen';
+export type { LozengeProps, TLozenge } from './LozengeProps.codegen';
+export type { ModalBodyProps, TModalBody } from './ModalBodyProps.codegen';
+export type { ModalFooterProps, TModalFooter } from './ModalFooterProps.codegen';
+export type { ModalHeaderProps, TModalHeader } from './ModalHeaderProps.codegen';
+export type { ModalProps, TModal } from './ModalProps.codegen';
+export type { ModalTitleProps, TModalTitle } from './ModalTitleProps.codegen';
+export type { ModalTransitionProps, TModalTransition } from './ModalTransitionProps.codegen';
+export type { ProgressBarProps, TProgressBar } from './ProgressBarProps.codegen';
+export type { ProgressTrackerProps, TProgressTracker } from './ProgressTrackerProps.codegen';
+export type { RadioGroupProps, TRadioGroup } from './RadioGroupProps.codegen';
+export type { RadioProps, TRadio } from './RadioProps.codegen';
+export type { RangeProps, TRange } from './RangeProps.codegen';
+export type { SectionMessageActionProps, TSectionMessageAction } from './SectionMessageActionProps.codegen';
+export type { SectionMessageProps, TSectionMessage } from './SectionMessageProps.codegen';
+export type { SelectProps, TSelect } from './SelectProps.codegen';
+export type { SpinnerProps, TSpinner } from './SpinnerProps.codegen';
+export type { StackProps, TStack } from './StackProps.codegen';
+export type { TabListProps, TTabList } from './TabListProps.codegen';
+export type { TabPanelProps, TTabPanel } from './TabPanelProps.codegen';
+export type { TabProps, TTab } from './TabProps.codegen';
+export type { TabsProps, TTabs } from './TabsProps.codegen';
+export type { TagGroupProps, TTagGroup } from './TagGroupProps.codegen';
+export type { SimpleTagProps as TagProps, TSimpleTag as TTag } from './TagProps.codegen';
+export type { TextAreaProps, TTextArea } from './TextAreaProps.codegen';
+export type { TextfieldProps, TTextfield } from './TextfieldProps.codegen';
+export type { TimePickerProps, TTimePicker } from './TimePickerProps.codegen';
+export type { ToggleProps, TToggle } from './ToggleProps.codegen';
+export type { TooltipProps, TTooltip } from './TooltipProps.codegen';
+export type { ValidMessageProps, TValidMessage } from './ValidMessageProps.codegen';
+export type { PopupProps, TPopup } from './PopupProps.codegen';
 export type { AdfRendererProps, TAdfRenderer } from './AdfRendererProps.codegen';
 
 // Forge UI supports the value "strike" for the "as" prop of the Text component, to have a migration path
 // off using <Strike>. The native ADS Text component does not support it, so we patched it to support it.
-import type { TextProps as OriginalTextProps } from './TextProps.codegen'
+import type { TextProps as OriginalTextProps } from './TextProps.codegen';
 export type TextProps = Omit<OriginalTextProps, 'as'> & { as?: OriginalTextProps['as'] | 'strike' };
+
+/**
+ * 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 type TText<T> = (props: TextProps) => T;

package/src/components/charts/BarChartProps.tsx

@@ -1,22 +1,120 @@
 import type { ChartColorTokens } from '../../types';
 
 export type BarChartProps = {
+	/**
+	 * The static width of the chart in pixels. If this is not specified, the width is responsive.
+	 */
 	width?: number;
+	/**
+	 * The static height of the chart in pixels. Defaults to `400`.
+	 */
 	height?: number;
+	/**
+	 * Data can be one of two formats:
+	 * 1. An [array of arrays](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#1--array-of-arrays).
+	 * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#2--array-of-objects).
+	 */
 	data: unknown[];
+	/**
+	 * Boolean to display the chart border. Defaults to `false`.
+	 */
 	showBorder?: boolean;
+	/**
+	 * Accessor to define the x-axis values. This can be a numerical or string index.
+	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/bar-chart/#data).
+	 */
 	xAccessor: number | string;
+	/**
+	 * Accessor to define the y-axis values.
+	 */
 	yAccessor: number | string;
+	/**
+	 * Accessor to define the color grouping.
+	 */
 	colorAccessor?: number | string;
+	/**
+	 * A string value that represents the title of the chart.
+	 */
 	title?: string;
+	/**
+	 * A string value that represents the subtitle of the chart. This appears below the title.
+	 */
 	subtitle?: string;
+	/**
+	 * An array of [chart color tokens](https://atlassian.design/components/tokens/all-tokens#color-chart).
+	 * This is utilized to render each bar with the specified colors, based on the color grouping given by colorAccessor.
+	 */
 	colors?: ChartColorTokens[];
 };
 
 type StackChartProps = BarChartProps & {
+	/**
+	 * Accessor to define the color grouping.
+	 */
 	colorAccessor: number | string;
 };
 
-export type HorizontalBarChartProps = BarChartProps;
-export type StackBarChartProps = StackChartProps;
-export type HorizontalStackBarChartProps = StackChartProps;
+export type HorizontalBarChartProps = BarChartProps & {
+	/**
+	 * Data can be one of two formats:
+	 * 1. An [array of arrays](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-bar-chart/#1--array-of-arrays).
+	 * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-bar-chart/#2--array-of-objects).
+	 */
+	data: unknown[];
+
+	/**
+	 * Accessor to define the x-axis values. This can be a numerical or string index.
+	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-bar-chart/#data).
+	 */
+	xAccessor: number | string;
+};
+
+export type StackBarChartProps = StackChartProps & {
+	/**
+	 * Data can be one of two formats:
+	 * 1. An [array of arrays](https://developer.atlassian.com/platform/forge/ui-kit/components/stack-bar-chart/#1--array-of-arrays).
+	 * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/stack-bar-chart/#2--array-of-objects).
+	 */
+	data: unknown[];
+
+	/**
+	 * Accessor to define the x-axis values. This can be a numerical or string index.
+	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/stack-bar-chart/#data).
+	 */
+	xAccessor: number | string;
+};
+
+export type HorizontalStackBarChartProps = StackChartProps & {
+	/**
+	 * Data can be one of two formats:
+	 * 1. An [array of arrays](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-stack-bar-chart/#1--array-of-arrays).
+	 * 2. An [array of objects](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-stack-bar-chart/#2--array-of-objects).
+	 */
+	data: unknown[];
+
+	/**
+	 * Accessor to define the x-axis values. This can be a numerical or string index.
+	 * For more information on all accessors, see [Data](https://developer.atlassian.com/platform/forge/ui-kit/components/horizontal-stack-bar-chart/#data).
+	 */
+	xAccessor: number | string;
+};
+
+/**
+ * A visual representation of data using rectangular bars of varying heights to compare different categories or values.
+ */
+export type TBarChart<T> = (props: BarChartProps) => T;
+
+/**
+ * A visual representation of data using horizontal rectangular bars of varying lengths to compare different categories or values.
+ */
+export type THorizontalBarChart<T> = (props: HorizontalBarChartProps) => T;
+
+/**
+ * A visual representation of data using rectangular bars of varying heights to demonstrate comparisons between categories of data.
+ */
+export type TStackBarChart<T> = (props: StackBarChartProps) => T;
+
+/**
+ * A visual representation of data using horizontal rectangular bars of varying lengths to demonstrate comparisons between categories of data.
+ */
+export type THorizontalStackBarChart<T> = (props: HorizontalStackBarChartProps) => T;