@atlaskit/forge-react-types 0.42.7 → 0.42.9

package/scripts/codegen/utils.ts

@@ -0,0 +1,71 @@
+import {
+	type Symbol as TSSymbol,
+	type TypeReferenceNode,
+	type TypeNode,
+	SyntaxKind,
+} from 'ts-morph';
+
+export const getTypeNodeFromSymbol = (symbol: TSSymbol): TypeNode | null => {
+	const declaration = symbol.getDeclarations()[0];
+	if (!declaration) {
+		return null;
+	}
+
+	if (declaration.getKind() === SyntaxKind.TypeAliasDeclaration) {
+		return declaration.asKindOrThrow(SyntaxKind.TypeAliasDeclaration).getTypeNode() ?? null;
+	}
+
+	return null;
+};
+
+type TypeFinderPredicate = (node: TypeNode) => boolean;
+
+export const makePickOrOmitPredicate = (
+	targetTypeName: 'Pick' | 'Omit',
+	baseClassNamePrefix: string,
+): TypeFinderPredicate => {
+	return (node: TypeNode) => {
+		const typeReferenceNode = node.asKind(SyntaxKind.TypeReference);
+		if (!typeReferenceNode) {
+			return false;
+		}
+		const typeName = typeReferenceNode.getTypeName().getText();
+		if (typeName !== targetTypeName) {
+			return false;
+		}
+		const baseNode = typeReferenceNode.getTypeArguments()[0]!;
+		return baseNode.getText().startsWith(baseClassNamePrefix);
+	};
+};
+
+export const findTypeReferenceFromUnionOrIntersect = (
+	node: TypeNode,
+	predicate: TypeFinderPredicate,
+): TypeReferenceNode | null => {
+	if (predicate(node)) {
+		return node.asKindOrThrow(SyntaxKind.TypeReference);
+	}
+	if (node.getKind() === SyntaxKind.UnionType) {
+		const unionNode = node.asKindOrThrow(SyntaxKind.UnionType);
+		return (
+			(unionNode.getTypeNodes().find((n) => {
+				if (n.isKind(SyntaxKind.TypeReference)) {
+					return predicate(n.asKindOrThrow(SyntaxKind.TypeReference));
+				}
+				return false;
+			}) as TypeReferenceNode) ?? null
+		);
+	} else if (node.getKind() === SyntaxKind.IntersectionType) {
+		const intersectionNode = node.asKindOrThrow(SyntaxKind.IntersectionType);
+		return (
+			(intersectionNode.getTypeNodes().find((n) => {
+				if (n.isKind(SyntaxKind.TypeReference)) {
+					return predicate(n.asKindOrThrow(SyntaxKind.TypeReference));
+				}
+				return false;
+			}) as TypeReferenceNode) ?? null
+		);
+	}
+
+	return null;
+};

package/scripts/codegen-runner.ts

@@ -1,9 +1,26 @@
 import { generateComponentPropTypes } from './codegen';
 
+const runTypeCheck = () => {
+	// execute yarn run check-types
+	const { execSync } = require('child_process');
+	try {
+		execSync('yarn run check-types', { stdio: 'inherit' });
+		// eslint-disable-next-line no-console
+		console.log('✅ 🚀 Type checks passed successfully for generated UIKit component types!');
+	} catch (error) {
+		// eslint-disable-next-line no-console
+		console.error('❌ Type checks failed:', error);
+		process.exit(1);
+	}
+};
+
 if (process.argv.length < 3) {
 	generateComponentPropTypes();
 } else {
 	// e.g yarn workspace @atlaskit/forge-react-types codegen Button
+	//     or yarn workspace @atlaskit/forge-react-types codegen Button,Code
 	const componentPropTypeFilter = process.argv[2];
 	generateComponentPropTypes(componentPropTypeFilter);
 }
+
+runTypeCheck();

package/scripts/typechecker.ts

@@ -0,0 +1,35 @@
+/* eslint-disable */
+import {
+	type BadgeProps,
+	type CalendarProps,
+	type CodeBlockProps,
+	type CodeProps,
+	type HeadingProps,
+	type RangeProps,
+} from '@atlassian/forge-ui/src/components/UIKit';
+import { type BadgeProps as GeneratedBadgeProps } from '../src/components/__generated__/BadgeProps.codegen';
+import { type CalendarProps as GeneratedCalendarProps } from '../src/components/__generated__/CalendarProps.codegen';
+import { type CodeBlockProps as GeneratedCodeBlockProps } from '../src/components/__generated__/CodeBlockProps.codegen';
+import { type CodeProps as GeneratedCodeProps } from '../src/components/__generated__/CodeProps.codegen';
+import { type HeadingProps as GeneratedHeadingProps } from '../src/components/__generated__/HeadingProps.codegen';
+import { type RangeProps as GeneratedRangeProps } from '../src/components/__generated__/RangeProps.codegen';
+
+const assertAssignable = <A, B extends A>() => {};
+
+assertAssignable<GeneratedBadgeProps, BadgeProps>();
+assertAssignable<BadgeProps, GeneratedBadgeProps>();
+
+assertAssignable<GeneratedCodeProps, CodeProps>();
+assertAssignable<CodeProps, GeneratedCodeProps>();
+
+assertAssignable<GeneratedCodeBlockProps, CodeBlockProps>();
+assertAssignable<CodeBlockProps, GeneratedCodeBlockProps>();
+
+assertAssignable<GeneratedHeadingProps, HeadingProps>();
+assertAssignable<HeadingProps, GeneratedHeadingProps>();
+
+assertAssignable<GeneratedRangeProps, RangeProps>();
+assertAssignable<RangeProps, GeneratedRangeProps>();
+
+assertAssignable<GeneratedCalendarProps, CalendarProps>();
+assertAssignable<CalendarProps, GeneratedCalendarProps>();

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

@@ -3,16 +3,14 @@
  *
  * Extract component prop types from UIKit 2 components - BadgeProps
  *
- * @codegen <<SignedSource::c3ed8f1b656c7e1c4a9aad0919de3f7d>>
+ * @codegen <<SignedSource::e4726fc9fc56127107db590dd21ef3f6>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/badge/__generated__/index.partial.tsx <<SignedSource::89ad3341c1b8ef4b6fc93df162ac91d3>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import React from 'react';
-import PlatformBadge from '@atlaskit/badge';
+import type React from 'react';
 
-type _PlatformBadgeProps = React.ComponentProps<typeof PlatformBadge>;
 export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
 /**
  * The value displayed within the badge. A badge should only be used in cases where you want to represent a number. Use a lozenge for non-numeric information.
@@ -22,6 +20,26 @@ export type PlatformBadgeProps = Omit<_PlatformBadgeProps, 'children'> & {
 	children?: _PlatformBadgeProps['children'];
 }
 
+// Serialized type
+type _PlatformBadgeProps = {
+  /**
+	 * Affects the visual style of the badge.
+	 */
+	appearance?: 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
+  
+	children?: React.ReactNode;
+  /**
+	 * The maximum value to display. Defaults to `99`. If the value is 100, and max is 50, "50+" will be displayed.
+	 * This value should be greater than 0. If set to `false` the original value will be displayed regardless of
+	 * whether it is larger than the default maximum value.
+	 */
+	max?: number | false;
+  /**
+	 * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+	 */
+	testId?: string;
+};
+
 export type BadgeProps = Pick<
   PlatformBadgeProps,
   'appearance' | 'children' | 'max' | 'testId'

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

@@ -3,16 +3,131 @@
  *
  * Extract component prop types from UIKit 2 components - CalendarProps
  *
- * @codegen <<SignedSource::497faee84f851775b401af97ebfc5c12>>
+ * @codegen <<SignedSource::65f2be98c591eb5479ed6a1c399394b2>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/calendar/__generated__/index.partial.tsx <<SignedSource::3fb4c1249481ec420be5118220ebcd82>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import React from 'react';
-import PlatformCalendar from '@atlaskit/calendar';
+import type React from 'react';
 
-type PlatformCalendarProps = React.ComponentProps<typeof PlatformCalendar>;
+
+// Serialized type
+type PlatformCalendarProps = {
+  /**
+	 * The number of the day currently focused. Places border around the date. Enter `0` to highlight no date.
+	 */
+	day?: number;
+  /**
+	 * Sets the default value for `day`.
+	 */
+	defaultDay?: number;
+  /**
+	 * Sets the default value for `month`.
+	 */
+	defaultMonth?: number;
+  /**
+	 * Sets the default value for `previouslySelected`.
+	 */
+	defaultPreviouslySelected?: string[];
+  /**
+	 * Sets the default value for `selected`.
+	 */
+	defaultSelected?: string[];
+  /**
+	 * Sets the default value for `year`.
+	 */
+	defaultYear?: number;
+  /**
+	 * Takes an array of dates as string in the format 'YYYY-MM-DD'. All dates provided are greyed out and not selectable.
+	 */
+	disabled?: string[];
+  /**
+	 * The latest enabled date. All dates in the future after this date will be disabled.
+	 */
+	maxDate?: string;
+  /**
+	 * The earliest enabled date. All dates in the past before this date will be disabled.
+	 */
+	minDate?: string;
+  /**
+	 * The aria-label attribute associated with the next month arrow, to describe it to assistive technology.
+	 */
+	nextMonthLabel?: string;
+  /**
+	 * Function which is called when the calendar is no longer focused.
+	 */
+	onBlur?: React.FocusEventHandler<Element>;
+  /**
+	 * Called when the calendar is navigated. This can be triggered by the keyboard, or by clicking the navigational buttons.
+	 * The 'interface' property indicates the the direction the calendar was navigated whereas the 'iso' property is a string of the format YYYY-MM-DD.
+	 */
+	onChange?: (event: { iso: string, type: 'left' | 'up' | 'right' | 'down' | 'prevMonth' | 'prevYear' | 'nextMonth' | 'nextYear', day: number, month: number, year: number }, analyticsEvent: any) => void;
+  /**
+	 * Called when the calendar receives focus. This could be called from a mouse event on the container, or by tabbing into it.
+	 */
+	onFocus?: React.FocusEventHandler<Element>;
+  /**
+	 * Function called when a day is clicked on. Calls with an object that has
+	 * a day, month and year property as numbers, representing the date just clicked.
+	 * It also has an 'iso' property, which is a string of the selected date in the
+	 * format YYYY-MM-DD.
+	 */
+	onSelect?: (event: { iso: string, day: number, month: number, year: number }, analyticsEvent: any) => void;
+  /**
+	 * Takes an array of dates as string in the format 'YYYY-MM-DD'. All dates
+	 * provided are given a background color.
+	 */
+	previouslySelected?: string[];
+  /**
+	 * The aria-label attribute associated with the previous month arrow, to describe it to assistive technology.
+	 */
+	previousMonthLabel?: string;
+  /**
+	 * Takes an array of dates as string in the format 'YYYY-MM-DD'. All dates
+	 * provided are given a background color.
+	 */
+	selected?: string[];
+  /**
+	 * Value of current day, as a string in the format 'YYYY-MM-DD'.
+	 */
+	today?: string;
+  /**
+	 * Year to display the calendar for.
+	 */
+	year?: number;
+  /**
+	 * BCP 47 language tag (e.g. `ja-JP`) that ensures dates are in the official format for the locale.
+	 */
+	locale?: string;
+  /**
+	 * Start day of the week for the calendar. The mapping between numbers and days of the week is as follows:
+	 * - `0` Sunday (default value)
+	 * - `1` Monday
+	 * - `2` Tuesday
+	 * - `3` Wednesday
+	 * - `4` Thursday
+	 * - `5` Friday
+	 * - `6` Saturday
+	 */
+	weekStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+  /**
+	 * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+	 *
+	 * - testId--container - Outermost container containing everything inside calendar
+	 * - testId--month - Container containing all available days for the month
+	 * - testId--previous-month - Button to show next month
+	 * - testId--next-month - Button to show previous month
+	 * - testId--current-month-year - Text containing the current month and year
+	 * - testId--selected-day - The currently selected day (may be missing if a date isn’t selected)
+	 */
+	testId?: string;
+  /**
+	 * Indicates if the calendar can be focused by keyboard or only
+	 * programmatically. Defaults to "0".
+	 */
+	tabIndex?: 0 | -1;
+};
 
 export type CalendarProps = Pick<
   PlatformCalendarProps,

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

@@ -3,7 +3,7 @@
  *
  * Extract component prop types from UIKit 2 components - CodeBlockProps
  *
- * @codegen <<SignedSource::8fded8a55e24b0312739eb3ab66f63ca>>
+ * @codegen <<SignedSource::65085e024d4b564b666c598596566f73>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/codeblock.partial.tsx <<SignedSource::88ed38fdfc47db0938e7801195a00403>>
  */
@@ -20,12 +20,12 @@ type PlatformCodeBlockProps = {
 	 * A unique string that appears as a data attribute `data-testid` in the
 	 * rendered code. Serves as a hook for automated tests.
 	 */
-	testId: string;
+	testId?: string;
   /**
 	 *  Sets whether to display code line numbers or not.
 	 *  @default true
 	 */
-	showLineNumbers: boolean;
+	showLineNumbers?: boolean;
   /**
 	 * Language reference designed to be populated from `SUPPORTED_LANGUAGES` in
 	 * `design-system/code`. Run against language grammars from PrismJS (full list
@@ -36,7 +36,7 @@ type PlatformCodeBlockProps = {
 	 *
 	 * @default 'text'
 	 */
-	language: "text" | "PHP" | "php" | "php3" | "php4" | "php5" | "Java" | "java" | "CSharp" | "csharp" | "c#" | "Python" | "python" | "py" | "JavaScript" | "javascript" | "js" | "Html" | "html" | "xml" | "C++" | "c++" | "cpp" | "clike" | "Ruby" | "ruby" | "rb" | "duby" | "Objective-C" | "objective-c" | "objectivec" | "obj-c" | "objc" | "C" | "c" | "Swift" | "swift" | "TeX" | "tex" | "latex" | "Shell" | "shell" | "bash" | "sh" | "ksh" | "zsh" | "Scala" | "scala" | "Go" | "go" | "ActionScript" | "actionscript" | "actionscript3" | "as" | "ColdFusion" | "coldfusion" | "JavaFX" | "javafx" | "jfx" | "VbNet" | "vbnet" | "vb.net" | "vfp" | "clipper" | "xbase" | "JSON" | "json" | "MATLAB" | "matlab" | "Groovy" | "groovy" | "SQL" | "sql" | "postgresql" | "postgres" | "plpgsql" | "psql" | "postgresql-console" | "postgres-console" | "tsql" | "t-sql" | "mysql" | "sqlite" | "R" | "r" | "Perl" | "perl" | "pl" | "Lua" | "lua" | "Pascal" | "pas" | "pascal" | "objectpascal" | "delphi" | "XML" | "TypeScript" | "typescript" | "ts" | "CoffeeScript" | "coffeescript" | "coffee-script" | "coffee" | "Haskell" | "haskell" | "hs" | "Puppet" | "puppet" | "Arduino" | "arduino" | "Fortran" | "fortran" | "Erlang" | "erlang" | "erl" | "PowerShell" | "powershell" | "posh" | "ps1" | "psm1" | "Haxe" | "haxe" | "hx" | "hxsl" | "Elixir" | "elixir" | "ex" | "exs" | "Verilog" | "verilog" | "v" | "Rust" | "rust" | "VHDL" | "vhdl" | "Sass" | "sass" | "OCaml" | "ocaml" | "Dart" | "dart" | "CSS" | "css" | "reStructuredText" | "restructuredtext" | "rst" | "rest" | "Kotlin" | "kotlin" | "D" | "d" | "Octave" | "octave" | "QML" | "qbs" | "qml" | "Prolog" | "prolog" | "FoxPro" | "foxpro" | "purebasic" | "Scheme" | "scheme" | "scm" | "CUDA" | "cuda" | "cu" | "Julia" | "julia" | "jl" | "Racket" | "racket" | "rkt" | "Ada" | "ada" | "ada95" | "ada2005" | "Tcl" | "tcl" | "Mathematica" | "mathematica" | "mma" | "nb" | "Autoit" | "autoit" | "StandardML" | "standardmL" | "sml" | "standardml" | "Objective-J" | "objective-j" | "objectivej" | "obj-j" | "objj" | "Smalltalk" | "smalltalk" | "squeak" | "st" | "Vala" | "vala" | "vapi" | "LiveScript" | "livescript" | "live-script" | "XQuery" | "xquery" | "xqy" | "xq" | "xql" | "xqm" | "PlainText" | "plaintext" | "Yaml" | "yaml" | "yml" | "GraphQL" | "graphql" | "AppleScript" | "applescript" | "Clojure" | "clojure" | "Diff" | "diff" | "VisualBasic" | "visualbasic" | "JSX" | "jsx" | "TSX" | "tsx" | "SplunkSPL" | "splunk-spl" | "Dockerfile" | "docker" | "dockerfile" | "HCL" | "hcl" | "terraform" | "NGINX" | "nginx" | "Protocol Buffers" | "protobuf" | "proto" | "Handlebars" | "handlebars" | "mustache" | "Gherkin" | "gherkin" | "cucumber" | "ABAP" | "abap";
+	language?: 'text' | 'PHP' | 'php' | 'php3' | 'php4' | 'php5' | 'Java' | 'java' | 'CSharp' | 'csharp' | 'c#' | 'Python' | 'python' | 'py' | 'JavaScript' | 'javascript' | 'js' | 'Html' | 'html' | 'xml' | 'C++' | 'c++' | 'cpp' | 'clike' | 'Ruby' | 'ruby' | 'rb' | 'duby' | 'Objective-C' | 'objective-c' | 'objectivec' | 'obj-c' | 'objc' | 'C' | 'c' | 'Swift' | 'swift' | 'TeX' | 'tex' | 'latex' | 'Shell' | 'shell' | 'bash' | 'sh' | 'ksh' | 'zsh' | 'Scala' | 'scala' | 'Go' | 'go' | 'ActionScript' | 'actionscript' | 'actionscript3' | 'as' | 'ColdFusion' | 'coldfusion' | 'JavaFX' | 'javafx' | 'jfx' | 'VbNet' | 'vbnet' | 'vb.net' | 'vfp' | 'clipper' | 'xbase' | 'JSON' | 'json' | 'MATLAB' | 'matlab' | 'Groovy' | 'groovy' | 'SQL' | 'sql' | 'postgresql' | 'postgres' | 'plpgsql' | 'psql' | 'postgresql-console' | 'postgres-console' | 'tsql' | 't-sql' | 'mysql' | 'sqlite' | 'R' | 'r' | 'Perl' | 'perl' | 'pl' | 'Lua' | 'lua' | 'Pascal' | 'pas' | 'pascal' | 'objectpascal' | 'delphi' | 'XML' | 'TypeScript' | 'typescript' | 'ts' | 'CoffeeScript' | 'coffeescript' | 'coffee-script' | 'coffee' | 'Haskell' | 'haskell' | 'hs' | 'Puppet' | 'puppet' | 'Arduino' | 'arduino' | 'Fortran' | 'fortran' | 'Erlang' | 'erlang' | 'erl' | 'PowerShell' | 'powershell' | 'posh' | 'ps1' | 'psm1' | 'Haxe' | 'haxe' | 'hx' | 'hxsl' | 'Elixir' | 'elixir' | 'ex' | 'exs' | 'Verilog' | 'verilog' | 'v' | 'Rust' | 'rust' | 'VHDL' | 'vhdl' | 'Sass' | 'sass' | 'OCaml' | 'ocaml' | 'Dart' | 'dart' | 'CSS' | 'css' | 'reStructuredText' | 'restructuredtext' | 'rst' | 'rest' | 'Kotlin' | 'kotlin' | 'D' | 'd' | 'Octave' | 'octave' | 'QML' | 'qbs' | 'qml' | 'Prolog' | 'prolog' | 'FoxPro' | 'foxpro' | 'purebasic' | 'Scheme' | 'scheme' | 'scm' | 'CUDA' | 'cuda' | 'cu' | 'Julia' | 'julia' | 'jl' | 'Racket' | 'racket' | 'rkt' | 'Ada' | 'ada' | 'ada95' | 'ada2005' | 'Tcl' | 'tcl' | 'Mathematica' | 'mathematica' | 'mma' | 'nb' | 'Autoit' | 'autoit' | 'StandardML' | 'standardmL' | 'sml' | 'standardml' | 'Objective-J' | 'objective-j' | 'objectivej' | 'obj-j' | 'objj' | 'Smalltalk' | 'smalltalk' | 'squeak' | 'st' | 'Vala' | 'vala' | 'vapi' | 'LiveScript' | 'livescript' | 'live-script' | 'XQuery' | 'xquery' | 'xqy' | 'xq' | 'xql' | 'xqm' | 'PlainText' | 'plaintext' | 'Yaml' | 'yaml' | 'yml' | 'GraphQL' | 'graphql' | 'AppleScript' | 'applescript' | 'Clojure' | 'clojure' | 'Diff' | 'diff' | 'VisualBasic' | 'visualbasic' | 'JSX' | 'jsx' | 'TSX' | 'tsx' | 'SplunkSPL' | 'splunk-spl' | 'Dockerfile' | 'docker' | 'dockerfile' | 'HCL' | 'hcl' | 'terraform' | 'NGINX' | 'nginx' | 'Protocol Buffers' | 'protobuf' | 'proto' | 'Handlebars' | 'handlebars' | 'mustache' | 'Gherkin' | 'gherkin' | 'cucumber' | 'ABAP' | 'abap';
   /**
 	 * Comma delimited lines to highlight.
 	 *
@@ -45,22 +45,22 @@ type PlatformCodeBlockProps = {
 	 * - To highlight a group of lines `highlight="1-5"`
 	 * - To highlight multiple groups `highlight="1-5,7,10,15-20"`
 	 */
-	highlight: string;
+	highlight?: string;
   /**
 	 * Screen reader text for the start of a highlighted line.
 	 */
-	highlightedStartText: string;
+	highlightedStartText?: string;
   /**
 	 * Screen reader text for the end of a highlighted line.
 	 */
-	highlightedEndText: string;
+	highlightedEndText?: string;
   /**
 	 * Sets whether long lines will create a horizontally scrolling container.
 	 * When set to `true`, these lines will visually wrap instead.
 	 * @default false
 	 */
-	shouldWrapLongLines: boolean;
-}
+	shouldWrapLongLines?: boolean;
+};
 
 export type CodeBlockProps = Pick<
   PlatformCodeBlockProps,

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

@@ -3,13 +3,13 @@
  *
  * Extract component prop types from UIKit 2 components - CodeProps
  *
- * @codegen <<SignedSource::7ea0b6ee7be9f3e5454b38e528c0753f>>
+ * @codegen <<SignedSource::43cc01ed86828245cbe59920bda9cd4a>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/code/__generated__/code.partial.tsx <<SignedSource::6f210b052488fe7ece12d865706a551e>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import { type ReactNode } from 'react';
+import type React from 'react';
 
 
 // Serialized type
@@ -18,12 +18,12 @@ type PlatformCodeProps = {
 	 * A unique string that appears as a data attribute `data-testid`
 	 * in the rendered code. Serves as a hook for automated tests.
 	 */
-	testId: string;
+	testId?: string;
   /**
 	 * Content to be rendered in the inline code block.
 	 */
-	children: ReactNode;
-}
+	children?: React.ReactNode;
+};
 
 export type CodeProps = Pick<
   PlatformCodeProps,

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

@@ -3,16 +3,44 @@
  *
  * Extract component prop types from UIKit 2 components - HeadingProps
  *
- * @codegen <<SignedSource::0edc0326125b06e6a1280e81282d048d>>
+ * @codegen <<SignedSource::8ab3b3f5dd85c2eff37cf908d6e693ba>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::c7fa27d57c7e5695728bcfa2ffa634f9>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/heading/__generated__/index.partial.tsx <<SignedSource::b40904da638774634ed529b90c13d99d>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import type { HeadingProps as PlatformHeadingProps } from '@atlaskit/heading';
+import type React from 'react';
 
 type Sizes = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
 
+// Serialized type
+type PlatformHeadingProps = {
+  /**
+	 * Allows the component to be rendered as the specified DOM element, overriding a default element set by `level` prop.
+	 */
+	as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
+  /**
+	 * Token representing text color with a built-in fallback value.
+	 * Will apply inverse text color automatically if placed within a Box with bold background color.
+	 * Defaults to `color.text`.
+	 */
+	color?: 'color.text' | 'color.text.inverse' | 'color.text.warning.inverse';
+  /**
+	 * The text of the heading.
+	 */
+	children: React.ReactNode;
+  /**
+	 * Unique identifier for the heading DOM element.
+	 */
+	id?: string;
+  /**
+	 * A `testId` prop is provided for specified elements, which is a unique
+	 * string that appears as a data attribute `data-testid` in the rendered code,
+	 * serving as a hook for automated tests.
+	 */
+	testId?: string;
+};
+
 export type HeadingProps = Pick<
 	PlatformHeadingProps,
 	'children' | 'id' | 'testId' | 'as' | 'color'

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

@@ -3,17 +3,66 @@
  *
  * Extract component prop types from UIKit 2 components - RangeProps
  *
- * @codegen <<SignedSource::8059d330e7cc4a21c671966f6c2496cc>>
+ * @codegen <<SignedSource::630c202e2564f5bfeac2d313285aad09>>
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::66f3c55587192848bc42f9fc146e6c7e>>
+ * @codegenDependency ../../../../forge-ui/src/components/UIKit/range/__generated__/index.partial.tsx <<SignedSource::d9ea91886a193f2c5119bc1ed1b50c71>>
  */
 /* eslint @repo/internal/codegen/signed-source-integrity: "warn" */
 
-import React from 'react';
-import PlatformRange from '@atlaskit/range';
 import type { EventHandlerProps } from './types.codegen';
 
-type PlatformRangeProps = React.ComponentProps<typeof PlatformRange>;
+
+// Serialized type
+type PlatformRangeProps = {
+  /**
+	 * Sets the maximum value of the range.
+	 */
+	max?: number;
+  /**
+	 * Sets the minimum value of the range.
+	 */
+	min?: number;
+  
+	name?: string;
+  /**
+	 * Sets the step value for the range.
+	 */
+	step?: number;
+  /**
+	 * Sets the value of the range.
+	 */
+	value?: number;
+  /**
+	 * Hook to be invoked on change of the range.
+	 */
+	onChange?: (value: number) => void;
+  /**
+	 * Sets the default value if range is not set.
+	 */
+	defaultValue?: number;
+  
+	id?: string;
+  /**
+         * Indicates the entered value does not conform to the format expected by the application.
+         * @see aria-errormessage.
+         */
+	"aria-invalid"?: false | true | 'false' | 'true' | 'grammar' | 'spelling';
+  /**
+         * Identifies the element (or elements) that labels the current element.
+         * @see aria-describedby.
+         */
+	"aria-labelledby"?: string;
+  /**
+	 * Sets whether the field range is disabled.
+	 */
+	isDisabled?: boolean;
+  /**
+	 * A `testId` prop is provided for specific elements. This is a unique string
+	 * that appears as a data attribute `data-testid` in the rendered code and
+	 * serves as a hook for automated tests.
+	 */
+	testId?: string;
+};
 
 export type RangeProps = Pick<
   PlatformRangeProps,

package/src/components/__generated__/index.ts

@@ -1,5 +1,4 @@
 export type { BadgeProps, TBadge } from './BadgeProps.codegen';
-export type { BleedProps, TBleed } from './BleedProps.codegen';
 export type { BoxProps, TBox } from './BoxProps.codegen';
 export type { ButtonGroupProps, TButtonGroup } from './ButtonGroupProps.codegen';
 export type { ButtonProps, TButton } from './ButtonProps.codegen';
@@ -79,4 +78,4 @@ export type TText<T> = (props: TextProps) => T;
 
 export type { CommentEditorProps, TCommentEditor } from './CommentEditorProps.codegen';
 export type { ChromelessEditorProps, TChromelessEditor } from './ChromelessEditorProps.codegen';
-export type { PressableProps, TPressable } from './PressableProps.codegen';
+export type { PressableProps, TPressable } from './PressableProps.codegen';

package/src/index.ts

@@ -1,7 +1,6 @@
 export type {
 	AdfRendererProps,
 	BadgeProps,
-	BleedProps,
 	BoxProps,
 	ButtonGroupProps,
 	ButtonProps,
@@ -66,7 +65,6 @@ export type {
 	CommentEditorProps,
 	PressableProps,
 	TBadge,
-	TBleed,
 	TBox,
 	TButtonGroup,
 	TButton,

package/dist/cjs/components/__generated__/BleedProps.codegen.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/es2019/components/__generated__/BleedProps.codegen.js

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

package/dist/esm/components/__generated__/BleedProps.codegen.js

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

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

@@ -1,15 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Extract component prop types from UIKit 2 components - BleedProps
- *
- * @codegen <<SignedSource::cc28f1caa57c117f8db064f643bfe56d>>
- * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/bleed/__generated__/index.partial.tsx <<SignedSource::406ffef6715a3dff3aa10511e2ec232c>>
- */
-import React from 'react';
-import { Bleed as PlatformBleed } from '@atlaskit/primitives';
-type PlatformBleedProps = React.ComponentProps<typeof PlatformBleed>;
-export type BleedProps = Pick<PlatformBleedProps, 'children' | 'all' | 'inline' | 'block' | 'testId' | 'role'>;
-export type TBleed<T> = (props: BleedProps) => T;
-export {};

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

@@ -1,15 +0,0 @@
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * Extract component prop types from UIKit 2 components - BleedProps
- *
- * @codegen <<SignedSource::cc28f1caa57c117f8db064f643bfe56d>>
- * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
- * @codegenDependency ../../../../forge-ui/src/components/UIKit/bleed/__generated__/index.partial.tsx <<SignedSource::406ffef6715a3dff3aa10511e2ec232c>>
- */
-import React from 'react';
-import { Bleed as PlatformBleed } from '@atlaskit/primitives';
-type PlatformBleedProps = React.ComponentProps<typeof PlatformBleed>;
-export type BleedProps = Pick<PlatformBleedProps, 'children' | 'all' | 'inline' | 'block' | 'testId' | 'role'>;
-export type TBleed<T> = (props: BleedProps) => T;
-export {};