@atlaskit/forge-react-types 0.34.14 → 0.34.15

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/forge-react-types
 
+## 0.34.15
+
+### Patch Changes
+
+- [#107926](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107926)
+  [`78e2651afa16d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/78e2651afa16d) -
+  Migrate grid, heading, inline, lozenge, modal, progress bar, and progress tracker to using
+  component props config
+
 ## 0.34.14
 
 ### Patch Changes

package/dist/types/components/__generated__/GridProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - GridProps
  *
- * @codegen <<SignedSource::8a5601912d185e44dd0117a26cc43247>>
+ * @codegen <<SignedSource::07521208ceecb2f983ac27cfe7466068>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/grid/__generated__/index.partial.tsx <<SignedSource::df3f85f752c7a4be02ee62114c5506b2>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/grid/__generated__/index.partial.tsx <<SignedSource::60c78d870736339df6ff194f55503b37>>
  */
 import React from 'react';
 import { Grid as PlatformGrid } from '@atlaskit/primitives';
 type PlatformGridProps = React.ComponentProps<typeof PlatformGrid>;
 export type GridProps = Pick<PlatformGridProps, 'children' | 'justifyContent' | 'justifyItems' | 'alignItems' | 'alignContent' | 'columnGap' | 'gap' | 'rowGap' | 'autoFlow' | 'templateRows' | 'templateColumns' | 'id' | 'testId' | 'role'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TGrid<T> = (props: GridProps) => T;
 export {};

package/dist/types/components/__generated__/HeadingProps.codegen.d.ts

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - HeadingProps
  *
- * @codegen <<SignedSource::2c8b9fcedd66187121afe603412e469a>>
+ * @codegen <<SignedSource::f5b58f64c5c8cfbaff45b7d288ec4ffd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::982b85018ea081e37c5f877b1b2767d5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::b9f5a7af9c404be1b3bf1e55075715fc>>
  */
 import type { HeadingProps as PlatformHeadingProps } from '@atlaskit/heading';
 type HeadingTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -15,4 +15,8 @@ export type HeadingProps = Pick<PlatformHeadingProps, 'children' | 'id' | 'testI
     as: HeadingTags;
     color?: NewColors | TemporaryColors;
 };
+/**
+ * A heading is a typography component used to display text in different sizes and formats.
+ */
+export type THeading<T> = (props: HeadingProps) => T;
 export {};

package/dist/types/components/__generated__/InlineProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - InlineProps
  *
- * @codegen <<SignedSource::afc14b5ea11781515fe9062944bdbbbc>>
+ * @codegen <<SignedSource::f154fd7caa18fc53a1369bb9f496909c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::0ac949055f76549e70b29c626401570c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::6f1af1d5438263ed1f6833c78c741ed9>>
  */
 import React from 'react';
 import { Inline as PlatformInline } from '@atlaskit/primitives';
 type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
 export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TInline<T> = (props: InlineProps) => T;
 export {};

package/dist/types/components/__generated__/LozengeProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - LozengeProps
  *
- * @codegen <<SignedSource::b3634e72b44625d28b588db7ff045c9d>>
+ * @codegen <<SignedSource::010c29755ec75417d1649af3008801cd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::c83364d769b7168eaaa21f1694e35702>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::20810ed29278b94c2bf310c8d80efdf8>>
  */
 import React from 'react';
 import PlatformLozenge from '@atlaskit/lozenge';
 type PlatformLozengeProps = React.ComponentProps<typeof PlatformLozenge>;
 export type LozengeProps = Pick<PlatformLozengeProps, 'appearance' | 'children' | 'isBold' | 'maxWidth' | 'testId'>;
+/**
+ * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
+ */
+export type TLozenge<T> = (props: LozengeProps) => T;
 export {};

package/dist/types/components/__generated__/ModalBodyProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalBodyProps
  *
- * @codegen <<SignedSource::527cab5934b668b8e86db81b839882b6>>
+ * @codegen <<SignedSource::f6704cd3ad5b9e900de7e400b133ad53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::3afbe2d34b967a182c9e3517f8ada448>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::0fe5715703e89dfc44882777af179380>>
  */
 import React from 'react';
 import { ModalBody as PlatformModalBody } from '@atlaskit/modal-dialog';
 type PlatformModalBodyProps = React.ComponentProps<typeof PlatformModalBody>;
 export type ModalBodyProps = Pick<PlatformModalBodyProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalBody<T> = (props: ModalBodyProps) => T;
 export {};

package/dist/types/components/__generated__/ModalFooterProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalFooterProps
  *
- * @codegen <<SignedSource::7657939e947e8a4d66010076aefb0f8d>>
+ * @codegen <<SignedSource::05f974150dc64ca59a44eb0b121cf773>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::b986e724d7de17ec51a6549e5a8b0e67>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::fd05c385dd42dfcac111c9ddd8c13a28>>
  */
 import React from 'react';
 import { ModalFooter as PlatformModalFooter } from '@atlaskit/modal-dialog';
 type PlatformModalFooterProps = React.ComponentProps<typeof PlatformModalFooter>;
 export type ModalFooterProps = Pick<PlatformModalFooterProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalFooter<T> = (props: ModalFooterProps) => T;
 export {};

package/dist/types/components/__generated__/ModalHeaderProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalHeaderProps
  *
- * @codegen <<SignedSource::1b833d542df0d0794bdab0484cb7e7af>>
+ * @codegen <<SignedSource::c3bc5fde61f2e698aba9b95565c0d268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::c7406471b8da5362a6b844effff24ce4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::932c9f34f6cd6919fe5b8bcf072745dc>>
  */
 import React from 'react';
 import { ModalHeader as PlatformModalHeader } from '@atlaskit/modal-dialog';
 type PlatformModalHeaderProps = React.ComponentProps<typeof PlatformModalHeader>;
 export type ModalHeaderProps = Pick<PlatformModalHeaderProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalHeader<T> = (props: ModalHeaderProps) => T;
 export {};

package/dist/types/components/__generated__/ModalProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalProps
  *
- * @codegen <<SignedSource::a21036e321653b2b4f2dcdcc23017b42>>
+ * @codegen <<SignedSource::cf8fdc3365a68de44b1fe4995c306218>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::ca1ac57c4bc55db851325b0ab1ff0021>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::3bf621bc2d484c5789face984482559d>>
  */
 import React from 'react';
 import PlatformModalDialog from '@atlaskit/modal-dialog';
 type PlatformModalDialogProps = React.ComponentProps<typeof PlatformModalDialog>;
 export type ModalProps = Pick<PlatformModalDialogProps, 'autoFocus' | 'children' | 'height' | 'width' | 'onClose' | 'shouldScrollInViewport' | 'label' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModal<T> = (props: ModalProps) => T;
 export {};

package/dist/types/components/__generated__/ModalTitleProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTitleProps
  *
- * @codegen <<SignedSource::d308ee8af4d7667e94b4fdfdb37d2777>>
+ * @codegen <<SignedSource::18cc7e23ba187aae2f8e2d8631801b53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::49055cff47790a5b805a36ec28683d0d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::996c8299a68e072c936b0023b61bdc20>>
  */
 import React from 'react';
 import { ModalTitle as PlatformModalTitle } from '@atlaskit/modal-dialog';
 type PlatformModalTitleProps = React.ComponentProps<typeof PlatformModalTitle>;
 export type ModalTitleProps = Pick<PlatformModalTitleProps, 'appearance' | 'children' | 'isMultiline' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTitle<T> = (props: ModalTitleProps) => T;
 export {};

package/dist/types/components/__generated__/ModalTransitionProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTransitionProps
  *
- * @codegen <<SignedSource::37d78f156fe7b226801398f16693dd1d>>
+ * @codegen <<SignedSource::9d4490cd7b1938efec7181c83258a4c5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::910582b1aa75eb00197dd07ca5ae1d34>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::7f1f7ea64369d3e65533dffbbcec26d7>>
  */
 import React from 'react';
 import { ModalTransition as PlatformModalTransition } from '@atlaskit/modal-dialog';
 type PlatformModalTransitionProps = React.ComponentProps<typeof PlatformModalTransition>;
 export type ModalTransitionProps = Pick<PlatformModalTransitionProps, 'children'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTransition<T> = (props: ModalTransitionProps) => T;
 export {};

package/dist/types/components/__generated__/ProgressBarProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressBarProps
  *
- * @codegen <<SignedSource::3b95c77dc51e11040992d0b2bd139eaf>>
+ * @codegen <<SignedSource::311fb087e468c54b326bbb425bd62594>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::3451b31d9bf4f3a048e5a4143c69ba20>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::aafdad776f93c659dc29fdb27eca9027>>
  */
 import React from 'react';
 import PlatformProgressBar from '@atlaskit/progress-bar';
 type PlatformProgressBarProps = React.ComponentProps<typeof PlatformProgressBar>;
 export type ProgressBarProps = Pick<PlatformProgressBarProps, 'appearance' | 'ariaLabel' | 'isIndeterminate' | 'testId' | 'value'>;
+/**
+ * A progress bar communicates the status of a system process.
+ */
+export type TProgressBar<T> = (props: ProgressBarProps) => T;
 export {};

package/dist/types/components/__generated__/ProgressTrackerProps.codegen.d.ts

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressTrackerProps
  *
- * @codegen <<SignedSource::23a60b1bb4138183b2f8cc16df4000e3>>
+ * @codegen <<SignedSource::936e27b6592ef14e79d5fe0a336ceb81>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::889025b24913a7379a30cc87547f6292>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::50d000e383a00beab96a51973f57c769>>
  */
 import type { ProgressTrackerProps as PlatformProgressTrackerProps, Stage as PlatformStage } from '@atlaskit/progress-tracker';
 type Stage = Pick<PlatformStage, 'id' | 'label' | 'percentageComplete' | 'status' | 'onClick'>;
 export type ProgressTrackerProps = Pick<PlatformProgressTrackerProps, 'label' | 'testId'> & Partial<Pick<PlatformProgressTrackerProps, 'animated' | 'spacing'>> & {
     items: Array<Stage>;
 };
+/**
+ * A progress tracker displays the steps and progress through a journey.
+ */
+export type TProgressTracker<T> = (props: ProgressTrackerProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/GridProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - GridProps
  *
- * @codegen <<SignedSource::8a5601912d185e44dd0117a26cc43247>>
+ * @codegen <<SignedSource::07521208ceecb2f983ac27cfe7466068>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/grid/__generated__/index.partial.tsx <<SignedSource::df3f85f752c7a4be02ee62114c5506b2>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/grid/__generated__/index.partial.tsx <<SignedSource::60c78d870736339df6ff194f55503b37>>
  */
 import React from 'react';
 import { Grid as PlatformGrid } from '@atlaskit/primitives';
 type PlatformGridProps = React.ComponentProps<typeof PlatformGrid>;
 export type GridProps = Pick<PlatformGridProps, 'children' | 'justifyContent' | 'justifyItems' | 'alignItems' | 'alignContent' | 'columnGap' | 'gap' | 'rowGap' | 'autoFlow' | 'templateRows' | 'templateColumns' | 'id' | 'testId' | 'role'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TGrid<T> = (props: GridProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/HeadingProps.codegen.d.ts

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - HeadingProps
  *
- * @codegen <<SignedSource::2c8b9fcedd66187121afe603412e469a>>
+ * @codegen <<SignedSource::f5b58f64c5c8cfbaff45b7d288ec4ffd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::982b85018ea081e37c5f877b1b2767d5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::b9f5a7af9c404be1b3bf1e55075715fc>>
  */
 import type { HeadingProps as PlatformHeadingProps } from '@atlaskit/heading';
 type HeadingTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -15,4 +15,8 @@ export type HeadingProps = Pick<PlatformHeadingProps, 'children' | 'id' | 'testI
     as: HeadingTags;
     color?: NewColors | TemporaryColors;
 };
+/**
+ * A heading is a typography component used to display text in different sizes and formats.
+ */
+export type THeading<T> = (props: HeadingProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/InlineProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - InlineProps
  *
- * @codegen <<SignedSource::afc14b5ea11781515fe9062944bdbbbc>>
+ * @codegen <<SignedSource::f154fd7caa18fc53a1369bb9f496909c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::0ac949055f76549e70b29c626401570c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::6f1af1d5438263ed1f6833c78c741ed9>>
  */
 import React from 'react';
 import { Inline as PlatformInline } from '@atlaskit/primitives';
 type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
 export type InlineProps = Pick<PlatformInlineProps, 'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'>;
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TInline<T> = (props: InlineProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/LozengeProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - LozengeProps
  *
- * @codegen <<SignedSource::b3634e72b44625d28b588db7ff045c9d>>
+ * @codegen <<SignedSource::010c29755ec75417d1649af3008801cd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::c83364d769b7168eaaa21f1694e35702>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::20810ed29278b94c2bf310c8d80efdf8>>
  */
 import React from 'react';
 import PlatformLozenge from '@atlaskit/lozenge';
 type PlatformLozengeProps = React.ComponentProps<typeof PlatformLozenge>;
 export type LozengeProps = Pick<PlatformLozengeProps, 'appearance' | 'children' | 'isBold' | 'maxWidth' | 'testId'>;
+/**
+ * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
+ */
+export type TLozenge<T> = (props: LozengeProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ModalBodyProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalBodyProps
  *
- * @codegen <<SignedSource::527cab5934b668b8e86db81b839882b6>>
+ * @codegen <<SignedSource::f6704cd3ad5b9e900de7e400b133ad53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::3afbe2d34b967a182c9e3517f8ada448>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::0fe5715703e89dfc44882777af179380>>
  */
 import React from 'react';
 import { ModalBody as PlatformModalBody } from '@atlaskit/modal-dialog';
 type PlatformModalBodyProps = React.ComponentProps<typeof PlatformModalBody>;
 export type ModalBodyProps = Pick<PlatformModalBodyProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalBody<T> = (props: ModalBodyProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ModalFooterProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalFooterProps
  *
- * @codegen <<SignedSource::7657939e947e8a4d66010076aefb0f8d>>
+ * @codegen <<SignedSource::05f974150dc64ca59a44eb0b121cf773>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::b986e724d7de17ec51a6549e5a8b0e67>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::fd05c385dd42dfcac111c9ddd8c13a28>>
  */
 import React from 'react';
 import { ModalFooter as PlatformModalFooter } from '@atlaskit/modal-dialog';
 type PlatformModalFooterProps = React.ComponentProps<typeof PlatformModalFooter>;
 export type ModalFooterProps = Pick<PlatformModalFooterProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalFooter<T> = (props: ModalFooterProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ModalHeaderProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalHeaderProps
  *
- * @codegen <<SignedSource::1b833d542df0d0794bdab0484cb7e7af>>
+ * @codegen <<SignedSource::c3bc5fde61f2e698aba9b95565c0d268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::c7406471b8da5362a6b844effff24ce4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::932c9f34f6cd6919fe5b8bcf072745dc>>
  */
 import React from 'react';
 import { ModalHeader as PlatformModalHeader } from '@atlaskit/modal-dialog';
 type PlatformModalHeaderProps = React.ComponentProps<typeof PlatformModalHeader>;
 export type ModalHeaderProps = Pick<PlatformModalHeaderProps, 'children' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalHeader<T> = (props: ModalHeaderProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ModalProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalProps
  *
- * @codegen <<SignedSource::a21036e321653b2b4f2dcdcc23017b42>>
+ * @codegen <<SignedSource::cf8fdc3365a68de44b1fe4995c306218>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::ca1ac57c4bc55db851325b0ab1ff0021>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::3bf621bc2d484c5789face984482559d>>
  */
 import React from 'react';
 import PlatformModalDialog from '@atlaskit/modal-dialog';
 type PlatformModalDialogProps = React.ComponentProps<typeof PlatformModalDialog>;
 export type ModalProps = Pick<PlatformModalDialogProps, 'autoFocus' | 'children' | 'height' | 'width' | 'onClose' | 'shouldScrollInViewport' | 'label' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModal<T> = (props: ModalProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ModalTitleProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTitleProps
  *
- * @codegen <<SignedSource::d308ee8af4d7667e94b4fdfdb37d2777>>
+ * @codegen <<SignedSource::18cc7e23ba187aae2f8e2d8631801b53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::49055cff47790a5b805a36ec28683d0d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::996c8299a68e072c936b0023b61bdc20>>
  */
 import React from 'react';
 import { ModalTitle as PlatformModalTitle } from '@atlaskit/modal-dialog';
 type PlatformModalTitleProps = React.ComponentProps<typeof PlatformModalTitle>;
 export type ModalTitleProps = Pick<PlatformModalTitleProps, 'appearance' | 'children' | 'isMultiline' | 'testId'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTitle<T> = (props: ModalTitleProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ModalTransitionProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTransitionProps
  *
- * @codegen <<SignedSource::37d78f156fe7b226801398f16693dd1d>>
+ * @codegen <<SignedSource::9d4490cd7b1938efec7181c83258a4c5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::910582b1aa75eb00197dd07ca5ae1d34>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::7f1f7ea64369d3e65533dffbbcec26d7>>
  */
 import React from 'react';
 import { ModalTransition as PlatformModalTransition } from '@atlaskit/modal-dialog';
 type PlatformModalTransitionProps = React.ComponentProps<typeof PlatformModalTransition>;
 export type ModalTransitionProps = Pick<PlatformModalTransitionProps, 'children'>;
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTransition<T> = (props: ModalTransitionProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ProgressBarProps.codegen.d.ts

@@ -3,12 +3,16 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressBarProps
  *
- * @codegen <<SignedSource::3b95c77dc51e11040992d0b2bd139eaf>>
+ * @codegen <<SignedSource::311fb087e468c54b326bbb425bd62594>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::3451b31d9bf4f3a048e5a4143c69ba20>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::aafdad776f93c659dc29fdb27eca9027>>
  */
 import React from 'react';
 import PlatformProgressBar from '@atlaskit/progress-bar';
 type PlatformProgressBarProps = React.ComponentProps<typeof PlatformProgressBar>;
 export type ProgressBarProps = Pick<PlatformProgressBarProps, 'appearance' | 'ariaLabel' | 'isIndeterminate' | 'testId' | 'value'>;
+/**
+ * A progress bar communicates the status of a system process.
+ */
+export type TProgressBar<T> = (props: ProgressBarProps) => T;
 export {};

package/dist/types-ts4.5/components/__generated__/ProgressTrackerProps.codegen.d.ts

@@ -3,13 +3,17 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressTrackerProps
  *
- * @codegen <<SignedSource::23a60b1bb4138183b2f8cc16df4000e3>>
+ * @codegen <<SignedSource::936e27b6592ef14e79d5fe0a336ceb81>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::889025b24913a7379a30cc87547f6292>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::50d000e383a00beab96a51973f57c769>>
  */
 import type { ProgressTrackerProps as PlatformProgressTrackerProps, Stage as PlatformStage } from '@atlaskit/progress-tracker';
 type Stage = Pick<PlatformStage, 'id' | 'label' | 'percentageComplete' | 'status' | 'onClick'>;
 export type ProgressTrackerProps = Pick<PlatformProgressTrackerProps, 'label' | 'testId'> & Partial<Pick<PlatformProgressTrackerProps, 'animated' | 'spacing'>> & {
     items: Array<Stage>;
 };
+/**
+ * A progress tracker displays the steps and progress through a journey.
+ */
+export type TProgressTracker<T> = (props: ProgressTrackerProps) => T;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/forge-react-types",
-	"version": "0.34.14",
+	"version": "0.34.15",
 	"description": "Component types for Forge UI Kit React components",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - GridProps
  *
- * @codegen <<SignedSource::8a5601912d185e44dd0117a26cc43247>>
+ * @codegen <<SignedSource::07521208ceecb2f983ac27cfe7466068>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/grid/__generated__/index.partial.tsx <<SignedSource::df3f85f752c7a4be02ee62114c5506b2>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/grid/__generated__/index.partial.tsx <<SignedSource::60c78d870736339df6ff194f55503b37>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformGridProps = React.ComponentProps<typeof PlatformGrid>;
 export type GridProps = Pick<
   PlatformGridProps,
   'children' | 'justifyContent' | 'justifyItems' | 'alignItems' | 'alignContent' | 'columnGap' | 'gap' | 'rowGap' | 'autoFlow' | 'templateRows' | 'templateColumns' | 'id' | 'testId' | 'role'
->;
+>;
+
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TGrid<T> = (props: GridProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - HeadingProps
  *
- * @codegen <<SignedSource::2c8b9fcedd66187121afe603412e469a>>
+ * @codegen <<SignedSource::f5b58f64c5c8cfbaff45b7d288ec4ffd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::982b85018ea081e37c5f877b1b2767d5>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::b9f5a7af9c404be1b3bf1e55075715fc>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -18,4 +18,9 @@ type NewColors = 'color.text' | 'color.text.inverse' | 'color.text.warning.inver
 export type HeadingProps = Pick<PlatformHeadingProps, 'children' | 'id' | 'testId'> & {
 	as: HeadingTags;
 	color?: NewColors | TemporaryColors;
-};
+};
+
+/**
+ * A heading is a typography component used to display text in different sizes and formats.
+ */
+export type THeading<T> = (props: HeadingProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - InlineProps
  *
- * @codegen <<SignedSource::afc14b5ea11781515fe9062944bdbbbc>>
+ * @codegen <<SignedSource::f154fd7caa18fc53a1369bb9f496909c>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::0ac949055f76549e70b29c626401570c>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/inline/__generated__/index.partial.tsx <<SignedSource::6f1af1d5438263ed1f6833c78c741ed9>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformInlineProps = React.ComponentProps<typeof PlatformInline>;
 export type InlineProps = Pick<
   PlatformInlineProps,
   'children' | 'alignBlock' | 'alignInline' | 'spread' | 'grow' | 'space' | 'shouldWrap' | 'separator' | 'rowSpace' | 'testId'
->;
+>;
+
+/**
+ * Primitives are token-backed low-level building blocks.
+ */
+export type TInline<T> = (props: InlineProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - LozengeProps
  *
- * @codegen <<SignedSource::b3634e72b44625d28b588db7ff045c9d>>
+ * @codegen <<SignedSource::010c29755ec75417d1649af3008801cd>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::c83364d769b7168eaaa21f1694e35702>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/lozenge/__generated__/index.partial.tsx <<SignedSource::20810ed29278b94c2bf310c8d80efdf8>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformLozengeProps = React.ComponentProps<typeof PlatformLozenge>;
 export type LozengeProps = Pick<
   PlatformLozengeProps,
   'appearance' | 'children' | 'isBold' | 'maxWidth' | 'testId'
->;
+>;
+
+/**
+ * A lozenge is a visual indicator used to highlight an item's status for quick recognition.
+ */
+export type TLozenge<T> = (props: LozengeProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalBodyProps
  *
- * @codegen <<SignedSource::527cab5934b668b8e86db81b839882b6>>
+ * @codegen <<SignedSource::f6704cd3ad5b9e900de7e400b133ad53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::3afbe2d34b967a182c9e3517f8ada448>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-body.partial.tsx <<SignedSource::0fe5715703e89dfc44882777af179380>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformModalBodyProps = React.ComponentProps<typeof PlatformModalBody>;
 export type ModalBodyProps = Pick<
   PlatformModalBodyProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+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::7657939e947e8a4d66010076aefb0f8d>>
+ * @codegen <<SignedSource::05f974150dc64ca59a44eb0b121cf773>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::b986e724d7de17ec51a6549e5a8b0e67>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-footer.partial.tsx <<SignedSource::fd05c385dd42dfcac111c9ddd8c13a28>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformModalFooterProps = React.ComponentProps<typeof PlatformModalFooter>
 export type ModalFooterProps = Pick<
   PlatformModalFooterProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+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::1b833d542df0d0794bdab0484cb7e7af>>
+ * @codegen <<SignedSource::c3bc5fde61f2e698aba9b95565c0d268>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::c7406471b8da5362a6b844effff24ce4>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-header.partial.tsx <<SignedSource::932c9f34f6cd6919fe5b8bcf072745dc>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformModalHeaderProps = React.ComponentProps<typeof PlatformModalHeader>
 export type ModalHeaderProps = Pick<
   PlatformModalHeaderProps,
   'children' | 'testId'
->;
+>;
+
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalHeader<T> = (props: ModalHeaderProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalProps
  *
- * @codegen <<SignedSource::a21036e321653b2b4f2dcdcc23017b42>>
+ * @codegen <<SignedSource::cf8fdc3365a68de44b1fe4995c306218>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::ca1ac57c4bc55db851325b0ab1ff0021>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/index.partial.tsx <<SignedSource::3bf621bc2d484c5789face984482559d>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformModalDialogProps = React.ComponentProps<typeof PlatformModalDialog>
 export type ModalProps = Pick<
   PlatformModalDialogProps,
   'autoFocus' | 'children' | 'height' | 'width' | 'onClose' | 'shouldScrollInViewport' | 'label' | 'testId'
->;
+>;
+
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModal<T> = (props: ModalProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ModalTitleProps
  *
- * @codegen <<SignedSource::d308ee8af4d7667e94b4fdfdb37d2777>>
+ * @codegen <<SignedSource::18cc7e23ba187aae2f8e2d8631801b53>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::49055cff47790a5b805a36ec28683d0d>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-title.partial.tsx <<SignedSource::996c8299a68e072c936b0023b61bdc20>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformModalTitleProps = React.ComponentProps<typeof PlatformModalTitle>;
 export type ModalTitleProps = Pick<
   PlatformModalTitleProps,
   'appearance' | 'children' | 'isMultiline' | 'testId'
->;
+>;
+
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+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::37d78f156fe7b226801398f16693dd1d>>
+ * @codegen <<SignedSource::9d4490cd7b1938efec7181c83258a4c5>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::910582b1aa75eb00197dd07ca5ae1d34>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/modal/__generated__/modal-transition.partial.tsx <<SignedSource::7f1f7ea64369d3e65533dffbbcec26d7>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformModalTransitionProps = React.ComponentProps<typeof PlatformModalTra
 export type ModalTransitionProps = Pick<
   PlatformModalTransitionProps,
   'children'
->;
+>;
+
+/**
+ * A modal dialog displays content that requires user interaction, in a layer above the page.
+ */
+export type TModalTransition<T> = (props: ModalTransitionProps) => T;

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

@@ -3,9 +3,9 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressBarProps
  *
- * @codegen <<SignedSource::3b95c77dc51e11040992d0b2bd139eaf>>
+ * @codegen <<SignedSource::311fb087e468c54b326bbb425bd62594>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::3451b31d9bf4f3a048e5a4143c69ba20>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progressbar/__generated__/index.partial.tsx <<SignedSource::aafdad776f93c659dc29fdb27eca9027>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
@@ -17,4 +17,9 @@ type PlatformProgressBarProps = React.ComponentProps<typeof PlatformProgressBar>
 export type ProgressBarProps = Pick<
   PlatformProgressBarProps,
   'appearance' | 'ariaLabel' | 'isIndeterminate' | 'testId' | 'value'
->;
+>;
+
+/**
+ * A progress bar communicates the status of a system process.
+ */
+export type TProgressBar<T> = (props: ProgressBarProps) => T;

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

@@ -3,26 +3,25 @@
  *
  * Extract component prop types from UIKit 2 components - ProgressTrackerProps
  *
- * @codegen <<SignedSource::23a60b1bb4138183b2f8cc16df4000e3>>
+ * @codegen <<SignedSource::936e27b6592ef14e79d5fe0a336ceb81>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::889025b24913a7379a30cc87547f6292>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/progresstracker/__generated__/index.partial.tsx <<SignedSource::50d000e383a00beab96a51973f57c769>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
 import type {
-  ProgressTrackerProps as PlatformProgressTrackerProps,
-  Stage as PlatformStage,
+	ProgressTrackerProps as PlatformProgressTrackerProps,
+	Stage as PlatformStage,
 } from '@atlaskit/progress-tracker';
 
-type Stage = Pick<
-  PlatformStage,
-  'id' | 'label' | 'percentageComplete' | 'status' | 'onClick'
->;
+type Stage = Pick<PlatformStage, 'id' | 'label' | 'percentageComplete' | 'status' | 'onClick'>;
 
-export type ProgressTrackerProps = Pick<
-  PlatformProgressTrackerProps,
-  'label' | 'testId'
-> &
-  Partial<Pick<PlatformProgressTrackerProps, 'animated' | 'spacing'>> & {
-    items: Array<Stage>;
-  };
+export type ProgressTrackerProps = Pick<PlatformProgressTrackerProps, 'label' | 'testId'> &
+	Partial<Pick<PlatformProgressTrackerProps, 'animated' | 'spacing'>> & {
+		items: Array<Stage>;
+	};
+
+/**
+ * A progress tracker displays the steps and progress through a journey.
+ */
+export type TProgressTracker<T> = (props: ProgressTrackerProps) => T;