@fluentui/react-jsx-runtime 9.1.5 → 9.2.0

package/CHANGELOG.md

@@ -1,12 +1,37 @@
 # Change Log - @fluentui/react-jsx-runtime
 
-This log was last generated on Thu, 07 Aug 2025 09:59:13 GMT and should not be manually modified.
+This log was last generated on Mon, 08 Sep 2025 12:41:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.2.0)
+
+Mon, 08 Sep 2025 12:41:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.1.6..@fluentui/react-jsx-runtime_v9.2.0)
+
+### Minor changes
+
+- feat: expose JSX namespace in backwards compatible way for react 19 typescript support ([PR #35137](https://github.com/microsoft/fluentui/pull/35137) by martinhochel@microsoft.com)
+- Bump @fluentui/react-utilities to v9.24.1 ([commit](https://github.com/microsoft/fluentui/commit/17af11b3c9f4cac2beeaf4342a81c1f08e95fd29) by beachball)
+
+### Patches
+
+- chore: extend peer dependencies versions to support React 19 ([PR #35145](https://github.com/microsoft/fluentui/pull/35145) by dmytrokirpa@microsoft.com)
+- fix: react 19 type issues ([PR #34864](https://github.com/microsoft/fluentui/pull/34864) by dmytrokirpa@microsoft.com)
+- chore: enforce explicit module boundary types ([PR #35080](https://github.com/microsoft/fluentui/pull/35080) by dmytrokirpa@microsoft.com)
+
+## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.1.6)
+
+Thu, 21 Aug 2025 12:25:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.1.5..@fluentui/react-jsx-runtime_v9.1.6)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.24.0 ([commit](https://github.com/microsoft/fluentui/commit/884c695de4f736774c224fa33b2e410bf42752b0) by beachball)
+
 ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.1.5)
 
-Thu, 07 Aug 2025 09:59:13 GMT 
+Thu, 07 Aug 2025 10:03:33 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.1.4..@fluentui/react-jsx-runtime_v9.1.5)
 
 ### Patches

package/dist/jsx-dev-runtime.d.ts

@@ -1 +1,13 @@
+// NOTE (React 17,18):
+// - exposes JSX namespace in React <19
+// - this bare import wont enhance global scope with JSX namespace as it doesn't exists in React >=19.
+//   - In React 19 it causes no harm so can live as is
 import 'react/jsx-dev-runtime';
+
+// NOTE (React 19):
+// - exposes JSX namespace in React >=19
+// - JSX export doesn't exists in React <=17. To make our runtime compatible across various React major versions we need to expose JSX namespace to type checker
+//   - In React 17 it causes tsc to fail, thus we need to turn checker off
+
+// @ts-ignore
+export type { JSX } from 'react/jsx-dev-runtime'

package/dist/jsx-runtime.d.ts

@@ -1 +1,13 @@
+// NOTE (React 17,18):
+// - exposes JSX namespace in React <19
+// - this bare import wont enhance global scope with JSX namespace as it doesn't exists in React >=19.
+//   - In React 19 it causes no harm so can live as is
 import 'react/jsx-runtime';
+
+// NOTE (React 19):
+// - exposes JSX namespace in React >=19
+// - JSX export doesn't exists in React <=17. To make our runtime compatible across various React major versions we need to expose JSX namespace to type checker
+//   - In React 17 it causes tsc to fail, thus we need to turn checker off
+
+// @ts-ignore
+export type { JSX } from 'react/jsx-runtime'

package/lib/utils/getMetadataFromSlotComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/getMetadataFromSlotComponent.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n  SLOT_CLASS_NAME_PROP_SYMBOL,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from '@fluentui/react-utilities';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport function getMetadataFromSlotComponent<Props extends UnknownSlotProps>(type: SlotComponentType<Props>) {\n  const {\n    as,\n    [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp,\n    [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType,\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    ...propsWithoutMetadata\n  } = type;\n  const props = propsWithoutMetadata as UnknownSlotProps as Props;\n\n  const elementType = (\n    typeof baseElementType === 'string' ? as ?? baseElementType : baseElementType\n  ) as React.ElementType<Props>;\n\n  if (typeof elementType !== 'string' && as) {\n    props.as = as;\n  }\n  return { elementType, props, renderFunction };\n}\n"],"names":["SLOT_CLASS_NAME_PROP_SYMBOL","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","getMetadataFromSlotComponent","type","as","_classNameProp","baseElementType","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":"AACA,SACEA,2BAA2B,EAC3BC,wBAAwB,EACxBC,2BAA2B,QACtB,4BAA4B;AAGnC;;CAEC,GACD,OAAO,SAASC,6BAA6DC,IAA8B;IACzG,MAAM,EACJC,EAAE,EACF,CAACL,4BAA4B,EAAEM,cAAc,EAC7C,CAACL,yBAAyB,EAAEM,eAAe,EAC3C,CAACL,4BAA4B,EAAEM,cAAc,EAC7C,GAAGC,sBACJ,GAAGL;IACJ,MAAMM,QAAQD;IAEd,MAAME,cACJ,OAAOJ,oBAAoB,WAAWF,eAAAA,gBAAAA,KAAME,kBAAkBA;IAGhE,IAAI,OAAOI,gBAAgB,YAAYN,IAAI;QACzCK,MAAML,EAAE,GAAGA;IACb;IACA,OAAO;QAAEM;QAAaD;QAAOF;IAAe;AAC9C"}
+{"version":3,"sources":["../src/utils/getMetadataFromSlotComponent.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n  SLOT_CLASS_NAME_PROP_SYMBOL,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from '@fluentui/react-utilities';\nimport type { SlotComponentType, SlotRenderFunction, UnknownSlotProps } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport function getMetadataFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n): {\n  elementType: React.ElementType<Props>;\n  props: Props;\n  renderFunction: SlotRenderFunction<Props> | undefined;\n} {\n  const {\n    as,\n    [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp,\n    [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType,\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    ...propsWithoutMetadata\n  } = type;\n  const props = propsWithoutMetadata as UnknownSlotProps as Props;\n\n  const elementType = (\n    typeof baseElementType === 'string' ? as ?? baseElementType : baseElementType\n  ) as React.ElementType<Props>;\n\n  if (typeof elementType !== 'string' && as) {\n    props.as = as;\n  }\n  return { elementType, props, renderFunction };\n}\n"],"names":["SLOT_CLASS_NAME_PROP_SYMBOL","SLOT_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","getMetadataFromSlotComponent","type","as","_classNameProp","baseElementType","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":"AACA,SACEA,2BAA2B,EAC3BC,wBAAwB,EACxBC,2BAA2B,QACtB,4BAA4B;AAGnC;;CAEC,GACD,OAAO,SAASC,6BACdC,IAA8B;IAM9B,MAAM,EACJC,EAAE,EACF,CAACL,4BAA4B,EAAEM,cAAc,EAC7C,CAACL,yBAAyB,EAAEM,eAAe,EAC3C,CAACL,4BAA4B,EAAEM,cAAc,EAC7C,GAAGC,sBACJ,GAAGL;IACJ,MAAMM,QAAQD;IAEd,MAAME,cACJ,OAAOJ,oBAAoB,WAAWF,eAAAA,gBAAAA,KAAME,kBAAkBA;IAGhE,IAAI,OAAOI,gBAAgB,YAAYN,IAAI;QACzCK,MAAML,EAAE,GAAGA;IACb;IACA,OAAO;QAAEM;QAAaD;QAAOF;IAAe;AAC9C"}

package/lib/utils/warnIfElementTypeIsInvalid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/warnIfElementTypeIsInvalid.ts"],"sourcesContent":["import * as React from 'react';\nimport { isValidElementType } from 'react-is';\n\nexport function warnIfElementTypeIsInvalid(type: React.ElementType) {\n  if (process.env.NODE_ENV === 'development' && typeof type === 'object' && !isValidElementType(type)) {\n    // eslint-disable-next-line no-console\n    console.error(/** #__DE-INDENT__ */ `\n        @fluentui/react-jsx-runtime:\n        Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.\n\n        If this happened in a slot of Fluent UI component, you might be facing package resolution issues.\n        Please make sure you don't have multiple versions of \"@fluentui/react-utilities\" installed in your dependencies or sub-dependencies.\n        You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).\n      `);\n  }\n}\n"],"names":["React","isValidElementType","warnIfElementTypeIsInvalid","type","process","env","NODE_ENV","console","error"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,OAAO,SAASC,2BAA2BC,IAAuB;IAChE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,OAAOH,SAAS,YAAY,CAACF,mBAAmBE,OAAO;QACnG,sCAAsC;QACtCI,QAAQC,KAAK,CAAuB,CAAC;6HAE4F,EAAEL,KAAK;;;;wJAKtI,CAAC;IACL;AACF"}
+{"version":3,"sources":["../src/utils/warnIfElementTypeIsInvalid.ts"],"sourcesContent":["import * as React from 'react';\nimport { isValidElementType } from 'react-is';\n\nexport function warnIfElementTypeIsInvalid(type: React.ElementType): void {\n  if (process.env.NODE_ENV === 'development' && typeof type === 'object' && !isValidElementType(type)) {\n    // eslint-disable-next-line no-console\n    console.error(/** #__DE-INDENT__ */ `\n        @fluentui/react-jsx-runtime:\n        Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.\n\n        If this happened in a slot of Fluent UI component, you might be facing package resolution issues.\n        Please make sure you don't have multiple versions of \"@fluentui/react-utilities\" installed in your dependencies or sub-dependencies.\n        You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).\n      `);\n  }\n}\n"],"names":["React","isValidElementType","warnIfElementTypeIsInvalid","type","process","env","NODE_ENV","console","error"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ,WAAW;AAE9C,OAAO,SAASC,2BAA2BC,IAAuB;IAChE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,OAAOH,SAAS,YAAY,CAACF,mBAAmBE,OAAO;QACnG,sCAAsC;QACtCI,QAAQC,KAAK,CAAuB,CAAC;6HAE4F,EAAEL,KAAK;;;;wJAKtI,CAAC;IACL;AACF"}

package/lib-commonjs/utils/getMetadataFromSlotComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/getMetadataFromSlotComponent.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n  SLOT_CLASS_NAME_PROP_SYMBOL,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from '@fluentui/react-utilities';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport function getMetadataFromSlotComponent<Props extends UnknownSlotProps>(type: SlotComponentType<Props>) {\n  const {\n    as,\n    [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp,\n    [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType,\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    ...propsWithoutMetadata\n  } = type;\n  const props = propsWithoutMetadata as UnknownSlotProps as Props;\n\n  const elementType = (\n    typeof baseElementType === 'string' ? as ?? baseElementType : baseElementType\n  ) as React.ElementType<Props>;\n\n  if (typeof elementType !== 'string' && as) {\n    props.as = as;\n  }\n  return { elementType, props, renderFunction };\n}\n"],"names":["getMetadataFromSlotComponent","type","as","SLOT_CLASS_NAME_PROP_SYMBOL","_classNameProp","SLOT_ELEMENT_TYPE_SYMBOL","baseElementType","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":";;;;+BAWgBA;;;eAAAA;;;gCANT;AAMA,SAASA,6BAA6DC,IAA8B;IACzG,MAAM,EACJC,EAAE,EACF,CAACC,2CAA2B,CAAC,EAAEC,cAAc,EAC7C,CAACC,wCAAwB,CAAC,EAAEC,eAAe,EAC3C,CAACC,2CAA2B,CAAC,EAAEC,cAAc,EAC7C,GAAGC,sBACJ,GAAGR;IACJ,MAAMS,QAAQD;IAEd,MAAME,cACJ,OAAOL,oBAAoB,WAAWJ,eAAAA,gBAAAA,KAAMI,kBAAkBA;IAGhE,IAAI,OAAOK,gBAAgB,YAAYT,IAAI;QACzCQ,MAAMR,EAAE,GAAGA;IACb;IACA,OAAO;QAAES;QAAaD;QAAOF;IAAe;AAC9C"}
+{"version":3,"sources":["../src/utils/getMetadataFromSlotComponent.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n  SLOT_CLASS_NAME_PROP_SYMBOL,\n  SLOT_ELEMENT_TYPE_SYMBOL,\n  SLOT_RENDER_FUNCTION_SYMBOL,\n} from '@fluentui/react-utilities';\nimport type { SlotComponentType, SlotRenderFunction, UnknownSlotProps } from '@fluentui/react-utilities';\n\n/**\n * @internal\n */\nexport function getMetadataFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n): {\n  elementType: React.ElementType<Props>;\n  props: Props;\n  renderFunction: SlotRenderFunction<Props> | undefined;\n} {\n  const {\n    as,\n    [SLOT_CLASS_NAME_PROP_SYMBOL]: _classNameProp,\n    [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType,\n    [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction,\n    ...propsWithoutMetadata\n  } = type;\n  const props = propsWithoutMetadata as UnknownSlotProps as Props;\n\n  const elementType = (\n    typeof baseElementType === 'string' ? as ?? baseElementType : baseElementType\n  ) as React.ElementType<Props>;\n\n  if (typeof elementType !== 'string' && as) {\n    props.as = as;\n  }\n  return { elementType, props, renderFunction };\n}\n"],"names":["getMetadataFromSlotComponent","type","as","SLOT_CLASS_NAME_PROP_SYMBOL","_classNameProp","SLOT_ELEMENT_TYPE_SYMBOL","baseElementType","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":";;;;+BAWgBA;;;eAAAA;;;gCANT;AAMA,SAASA,6BACdC,IAA8B;IAM9B,MAAM,EACJC,EAAE,EACF,CAACC,2CAA2B,CAAC,EAAEC,cAAc,EAC7C,CAACC,wCAAwB,CAAC,EAAEC,eAAe,EAC3C,CAACC,2CAA2B,CAAC,EAAEC,cAAc,EAC7C,GAAGC,sBACJ,GAAGR;IACJ,MAAMS,QAAQD;IAEd,MAAME,cACJ,OAAOL,oBAAoB,WAAWJ,eAAAA,gBAAAA,KAAMI,kBAAkBA;IAGhE,IAAI,OAAOK,gBAAgB,YAAYT,IAAI;QACzCQ,MAAMR,EAAE,GAAGA;IACb;IACA,OAAO;QAAES;QAAaD;QAAOF;IAAe;AAC9C"}

package/lib-commonjs/utils/warnIfElementTypeIsInvalid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/warnIfElementTypeIsInvalid.ts"],"sourcesContent":["import * as React from 'react';\nimport { isValidElementType } from 'react-is';\n\nexport function warnIfElementTypeIsInvalid(type: React.ElementType) {\n  if (process.env.NODE_ENV === 'development' && typeof type === 'object' && !isValidElementType(type)) {\n    // eslint-disable-next-line no-console\n    console.error(/** #__DE-INDENT__ */ `\n        @fluentui/react-jsx-runtime:\n        Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.\n\n        If this happened in a slot of Fluent UI component, you might be facing package resolution issues.\n        Please make sure you don't have multiple versions of \"@fluentui/react-utilities\" installed in your dependencies or sub-dependencies.\n        You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).\n      `);\n  }\n}\n"],"names":["warnIfElementTypeIsInvalid","type","process","env","NODE_ENV","isValidElementType","console","error"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;yBACY;AAE5B,SAASA,2BAA2BC,IAAuB;IAChE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,OAAOH,SAAS,YAAY,CAACI,IAAAA,2BAAkB,EAACJ,OAAO;QACnG,sCAAsC;QACtCK,QAAQC,KAAK,CAAuB,CAAC;6HAE4F,EAAEN,KAAK;;;;wJAKtI,CAAC;IACL;AACF"}
+{"version":3,"sources":["../src/utils/warnIfElementTypeIsInvalid.ts"],"sourcesContent":["import * as React from 'react';\nimport { isValidElementType } from 'react-is';\n\nexport function warnIfElementTypeIsInvalid(type: React.ElementType): void {\n  if (process.env.NODE_ENV === 'development' && typeof type === 'object' && !isValidElementType(type)) {\n    // eslint-disable-next-line no-console\n    console.error(/** #__DE-INDENT__ */ `\n        @fluentui/react-jsx-runtime:\n        Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ${type}.\n\n        If this happened in a slot of Fluent UI component, you might be facing package resolution issues.\n        Please make sure you don't have multiple versions of \"@fluentui/react-utilities\" installed in your dependencies or sub-dependencies.\n        You can check this by searching up for matching entries in a lockfile produced by your package manager (yarn.lock, pnpm-lock.yaml or package-lock.json).\n      `);\n  }\n}\n"],"names":["warnIfElementTypeIsInvalid","type","process","env","NODE_ENV","isValidElementType","console","error"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;yBACY;AAE5B,SAASA,2BAA2BC,IAAuB;IAChE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,OAAOH,SAAS,YAAY,CAACI,IAAAA,2BAAkB,EAACJ,OAAO;QACnG,sCAAsC;QACtCK,QAAQC,KAAK,CAAuB,CAAC;6HAE4F,EAAEN,KAAK;;;;wJAKtI,CAAC;IACL;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-jsx-runtime",
-  "version": "9.1.5",
+  "version": "9.2.0",
   "description": "Custom JSX runtime for @fluentui/react-components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,13 +18,13 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.23.2",
+    "@fluentui/react-utilities": "^9.24.1",
     "react-is": "^17.0.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@types/react": ">=16.14.0 <19.0.0",
-    "react": ">=16.14.0 <19.0.0"
+    "@types/react": ">=16.14.0 <20.0.0",
+    "react": ">=16.14.0 <20.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [