@fluentui/react-jsx-runtime 9.0.0-alpha.9 → 9.0.0

package/CHANGELOG.json

@@ -2,7 +2,118 @@
   "name": "@fluentui/react-jsx-runtime",
   "entries": [
     {
-      "date": "Wed, 28 Jun 2023 11:08:29 GMT",
+      "date": "Wed, 16 Aug 2023 17:38:21 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0",
+      "version": "9.0.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-jsx-runtime",
+            "commit": "7e2ba9c3e9e9e426e18bc5861fd84211400780ac",
+            "comment": "chore: release stable version"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 16 Aug 2023 11:38:33 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.16",
+      "version": "9.0.0-alpha.16",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-jsx-runtime",
+            "commit": "d40ea6e1d43cd21d1404d9c71018d822958c6644",
+            "comment": "feat: supports new automatic JSX runtime"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 11 Aug 2023 12:14:26 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.15",
+      "version": "9.0.0-alpha.15",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-utilities to v9.11.1",
+            "commit": "a77bcda1628e8b20b113d0237317efd7ebbc5294"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Aug 2023 08:52:55 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.13",
+      "version": "9.0.0-alpha.13",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-jsx-runtime",
+            "commit": "6a8afe2b7becaf1b10cbc9ae98b39d352b8c7026",
+            "comment": "chore: update createElement to support new slot methods"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-utilities to v9.11.0",
+            "commit": "0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 13 Jul 2023 21:25:42 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.11",
+      "version": "9.0.0-alpha.11",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-jsx-runtime",
+            "commit": "8a9e1018f2abb2c7608c49d32acf44e93c43cba6",
+            "comment": "chore: update devDependencies to use * for inner workspace dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 11 Jul 2023 18:46:36 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.11",
+      "version": "9.0.0-alpha.11",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 03 Jul 2023 11:57:14 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.10",
+      "version": "9.0.0-alpha.10",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-utilities to v9.10.1",
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 28 Jun 2023 11:12:27 GMT",
       "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.9",
       "version": "9.0.0-alpha.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,67 @@
 # Change Log - @fluentui/react-jsx-runtime
 
-This log was last generated on Wed, 28 Jun 2023 11:08:29 GMT and should not be manually modified.
+This log was last generated on Wed, 16 Aug 2023 17:38:21 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0)
+
+Wed, 16 Aug 2023 17:38:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.16..@fluentui/react-jsx-runtime_v9.0.0)
+
+### Patches
+
+- chore: release stable version ([PR #28880](https://github.com/microsoft/fluentui/pull/28880) by bernardo.sunderhus@gmail.com)
+
+## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.16)
+
+Wed, 16 Aug 2023 11:38:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.15..@fluentui/react-jsx-runtime_v9.0.0-alpha.16)
+
+### Changes
+
+- feat: supports new automatic JSX runtime ([PR #28810](https://github.com/microsoft/fluentui/pull/28810) by bernardo.sunderhus@gmail.com)
+
+## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.15)
+
+Fri, 11 Aug 2023 12:14:26 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.13..@fluentui/react-jsx-runtime_v9.0.0-alpha.15)
+
+### Changes
+
+- Bump @fluentui/react-utilities to v9.11.1 ([PR #28808](https://github.com/microsoft/fluentui/pull/28808) by beachball)
+
+## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.13)
+
+Fri, 04 Aug 2023 08:52:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.11..@fluentui/react-jsx-runtime_v9.0.0-alpha.13)
+
+### Changes
+
+- chore: update createElement to support new slot methods ([PR #28373](https://github.com/microsoft/fluentui/pull/28373) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-utilities to v9.11.0 ([commit](https://github.com/microsoft/fluentui/commit/0bf7d9438c1d0ff90cd2b28bc4cceb4f807afbca) by beachball)
+
+## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.11)
+
+Tue, 11 Jul 2023 18:46:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.10..@fluentui/react-jsx-runtime_v9.0.0-alpha.11)
+
+### Changes
+
+- Bump @fluentui/react-conformance-griffel to v9.0.0 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+
+## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.10)
+
+Mon, 03 Jul 2023 11:57:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.9..@fluentui/react-jsx-runtime_v9.0.0-alpha.10)
+
+### Changes
+
+- Bump @fluentui/react-utilities to v9.10.1 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+
 ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.9)
 
-Wed, 28 Jun 2023 11:08:29 GMT 
+Wed, 28 Jun 2023 11:12:27 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.0-alpha.8..@fluentui/react-jsx-runtime_v9.0.0-alpha.9)
 
 ### Changes

package/README.md

@@ -1,5 +1,49 @@
 # @fluentui/react-jsx-runtime
 
-**React Jsx Runtime components for [Fluent UI React](https://react.fluentui.dev/)**
+**React JSX runtime for [Fluent UI React](https://react.fluentui.dev/)**
 
-These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
+[Fluent UI React](https://react.fluentui.dev/) requires the usage of a custom JSX runtime to support the [slots API](https://react.fluentui.dev/?path=/docs/concepts-developer-customizing-components-with-slots--page)
+
+## Usage
+
+This library should only be used in the case where you are trying to use the internal slot API of Fluent UI React. If you are not using the internal slot API, you should not need to use this library.
+
+In case you want to re-compose a component and redeclare its render method then this API will be necessary, here's our documentation on [Rendering a component with slots](https://react.fluentui.dev/?path=/docs/concepts-developer-customizing-components-with-slots--page#rendering-components-with-slots)
+
+To properly render a component with slots the `createElement` method of `@fluentui/react-jsx-runtime` can be used as a replacement for `React.createElement`:
+
+```tsx
+/** @jsxRuntime classic */
+/** @jsx createElement */
+
+// createElement custom JSX pragma is required to support slot creation
+import { createElement } from '@fluentui/react-jsx-runtime';
+import { assertSlots } from '@fluentui/react-utilities';
+
+const renderButton_unstable = (state: ButtonState) => {
+  const { iconOnly, iconPosition } = state;
+
+  assertSlots<ButtonSlots>(state);
+
+  return (
+    <state.root>
+      {iconPosition !== 'after' && state.icon && <state.icon />}
+      {!iconOnly && state.root.children}
+      {iconPosition === 'after' && state.icon && <state.icon />}
+    </state.root>
+  );
+};
+```
+
+In case you're using typescript or any modern javascript transpiler, you can use [JSX import source](https://www.typescriptlang.org/tsconfig#jsxImportSource) feature instead of depending on declaring the runtime on every file
+
+In TSC case you can simply add this do `tsconfig.json` file:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "@fluentui/react-jsx-runtime"
+  }
+}
+```

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Fragment } from 'react';
 import * as React_2 from 'react';
 
-export declare function createElement<P extends {}>(type: React_2.ElementType<P>, props?: P | null, ...children: React_2.ReactNode[]): React_2.ReactElement<P> | null;
+export declare function createElement<P extends {}>(type: React_2.ElementType<P>, props?: P | null, ...children: React_2.ReactNode[]): React_2.ReactElement<P>;
 
 export { Fragment }
 

package/lib/createElement.js

@@ -1,15 +1,16 @@
 import * as React from 'react';
-import { SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';
+import { isSlot } from '@fluentui/react-utilities';
+import { createElementFromSlotComponent } from './jsx/createElementFromSlotComponent';
+import { createCompatSlotComponent } from './utils/createCompatSlotComponent';
 export function createElement(type, props, ...children) {
-    return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : React.createElement(type, props, ...children);
-}
-function createElementFromRenderFunction(type, props, overrideChildren) {
-    const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...renderProps } = props;
-    if (overrideChildren.length > 0) {
-        renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren);
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if (isSlot(props)) {
+        return createElementFromSlotComponent(createCompatSlotComponent(type, props), children);
     }
-    return React.createElement(React.Fragment, {}, renderFunction(type, renderProps));
-}
-export function hasRenderFunction(props) {
-    return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));
+    if (isSlot(type)) {
+        return createElementFromSlotComponent(type, children);
+    }
+    return React.createElement(type, props, ...children);
 }

package/lib/createElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { SlotRenderFunction, UnknownSlotProps, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\n\ntype WithMetadata<Props extends {}> = Props & {\n  [SLOT_RENDER_FUNCTION_SYMBOL]: SlotRenderFunction<Props>;\n};\n\nexport function createElement<P extends {}>(\n  type: React.ElementType<P>,\n  props?: P | null,\n  ...children: React.ReactNode[]\n): React.ReactElement<P> | null {\n  return hasRenderFunction(props)\n    ? createElementFromRenderFunction(type, props, children)\n    : React.createElement(type, props, ...children);\n}\n\nfunction createElementFromRenderFunction<P extends UnknownSlotProps>(\n  type: React.ElementType<P>,\n  props: WithMetadata<P>,\n  overrideChildren: React.ReactNode[],\n): React.ReactElement<P> | null {\n  const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...renderProps } = props;\n\n  if (overrideChildren.length > 0) {\n    renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n  }\n\n  return React.createElement(\n    React.Fragment,\n    {},\n    renderFunction(type, renderProps as UnknownSlotProps as P),\n  ) as React.ReactElement<P>;\n}\n\nexport function hasRenderFunction<Props extends {}>(props?: Props | null): props is WithMetadata<Props> {\n  return Boolean(props?.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));\n}\n"],"names":["React","SLOT_RENDER_FUNCTION_SYMBOL","createElement","type","props","children","hasRenderFunction","createElementFromRenderFunction","overrideChildren","renderFunction","renderProps","length","Fragment","Boolean","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA+CC,2BAA2B,QAAQ,4BAA4B;AAM9G,OAAO,SAASC,cACdC,IAA0B,EAC1BC,KAAgB,EAChB,GAAGC,QAA2B,EACA;IAC9B,OAAOC,kBAAkBF,SACrBG,gCAAgCJ,MAAMC,OAAOC,YAC7CL,MAAME,aAAa,CAACC,MAAMC,UAAUC,SAAS;AACnD,CAAC;AAED,SAASE,gCACPJ,IAA0B,EAC1BC,KAAsB,EACtBI,gBAAmC,EACL;IAC9B,MAAM,EAAE,CAACP,4BAA4B,EAAEQ,eAAc,EAAE,GAAGC,aAAa,GAAGN;IAE1E,IAAII,iBAAiBG,MAAM,GAAG,GAAG;QAC/BD,YAAYL,QAAQ,GAAGL,MAAME,aAAa,CAACF,MAAMY,QAAQ,EAAE,CAAC,MAAMJ;IACpE,CAAC;IAED,OAAOR,MAAME,aAAa,CACxBF,MAAMY,QAAQ,EACd,CAAC,GACDH,eAAeN,MAAMO;AAEzB;AAEA,OAAO,SAASJ,kBAAoCF,KAAoB,EAAgC;IACtG,OAAOS,QAAQT,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOU,cAAc,CAACb;AACvC,CAAC"}
+{"version":3,"sources":["createElement.ts"],"sourcesContent":["import * as React from 'react';\nimport { isSlot } from '@fluentui/react-utilities';\nimport { createElementFromSlotComponent } from './jsx/createElementFromSlotComponent';\nimport { createCompatSlotComponent } from './utils/createCompatSlotComponent';\n\nexport function createElement<P extends {}>(\n  type: React.ElementType<P>,\n  props?: P | null,\n  ...children: React.ReactNode[]\n): React.ReactElement<P> {\n  // TODO:\n  // this is for backwards compatibility with getSlotsNext\n  // it should be removed once getSlotsNext is obsolete\n  if (isSlot<P>(props)) {\n    return createElementFromSlotComponent(createCompatSlotComponent(type, props), children);\n  }\n  if (isSlot<P>(type)) {\n    return createElementFromSlotComponent(type, children);\n  }\n  return React.createElement(type, props, ...children);\n}\n"],"names":["React","isSlot","createElementFromSlotComponent","createCompatSlotComponent","createElement","type","props","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,8BAA8B,QAAQ,uCAAuC;AACtF,SAASC,yBAAyB,QAAQ,oCAAoC;AAE9E,OAAO,SAASC,cACdC,IAA0B,EAC1BC,KAAgB,EAChB,GAAGC,QAA2B,EACP;IACvB,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIN,OAAUK,QAAQ;QACpB,OAAOJ,+BAA+BC,0BAA0BE,MAAMC,QAAQC;IAChF,CAAC;IACD,IAAIN,OAAUI,OAAO;QACnB,OAAOH,+BAA+BG,MAAME;IAC9C,CAAC;IACD,OAAOP,MAAMI,aAAa,CAACC,MAAMC,UAAUC;AAC7C,CAAC"}

package/lib/jsx/createElementFromSlotComponent.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';
+/**
+ * @internal
+ * creates a ReactElement from a slot declaration
+ */ export function createElementFromSlotComponent(type, overrideChildren) {
+    const { elementType , renderFunction , props  } = getMetadataFromSlotComponent(type);
+    if (renderFunction) {
+        if (overrideChildren.length > 0) {
+            props.children = React.createElement(React.Fragment, {}, ...overrideChildren);
+        }
+        return React.createElement(React.Fragment, {}, renderFunction(elementType, props));
+    }
+    return React.createElement(elementType, props, ...overrideChildren);
+}

package/lib/jsx/createElementFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createElementFromSlotComponent.ts"],"sourcesContent":["import * as React from 'react';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\n\n/**\n * @internal\n * creates a ReactElement from a slot declaration\n */\nexport function createElementFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n  overrideChildren: React.ReactNode[],\n): React.ReactElement<Props> {\n  const { elementType, renderFunction, props } = getMetadataFromSlotComponent(type);\n\n  if (renderFunction) {\n    if (overrideChildren.length > 0) {\n      props.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n    }\n\n    return React.createElement(\n      React.Fragment,\n      {},\n      renderFunction(elementType as React.ElementType<Props>, props),\n    ) as React.ReactElement<Props>;\n  }\n\n  return React.createElement(elementType, props, ...overrideChildren);\n}\n"],"names":["React","getMetadataFromSlotComponent","createElementFromSlotComponent","type","overrideChildren","elementType","renderFunction","props","length","children","createElement","Fragment"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4BAA4B,QAAQ,wCAAwC;AAErF;;;CAGC,GACD,OAAO,SAASC,+BACdC,IAA8B,EAC9BC,gBAAmC,EACR;IAC3B,MAAM,EAAEC,YAAW,EAAEC,eAAc,EAAEC,MAAK,EAAE,GAAGN,6BAA6BE;IAE5E,IAAIG,gBAAgB;QAClB,IAAIF,iBAAiBI,MAAM,GAAG,GAAG;YAC/BD,MAAME,QAAQ,GAAGT,MAAMU,aAAa,CAACV,MAAMW,QAAQ,EAAE,CAAC,MAAMP;QAC9D,CAAC;QAED,OAAOJ,MAAMU,aAAa,CACxBV,MAAMW,QAAQ,EACd,CAAC,GACDL,eAAeD,aAAyCE;IAE5D,CAAC;IAED,OAAOP,MAAMU,aAAa,CAACL,aAAaE,UAAUH;AACpD,CAAC"}

package/lib/jsx/jsxDEVFromSlotComponent.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';
+import { DevRuntime } from '../utils/DevRuntime';
+export function jsxDEVFromSlotComponent(type, overrideProps, key, source, self) {
+    const { elementType , renderFunction , props: slotProps  } = getMetadataFromSlotComponent(type);
+    const props = {
+        ...slotProps,
+        ...overrideProps
+    };
+    if (renderFunction) {
+        return DevRuntime.jsxDEV(React.Fragment, {
+            children: renderFunction(elementType, props)
+        }, key, source, self);
+    }
+    return DevRuntime.jsxDEV(elementType, props, key, source, self);
+}

package/lib/jsx/jsxDEVFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsxDEVFromSlotComponent.ts"],"sourcesContent":["import * as React from 'react';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\nimport { DevRuntime } from '../utils/DevRuntime';\n\nexport function jsxDEVFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n  overrideProps: Props | null,\n  key?: React.Key,\n  source?: unknown,\n  self?: unknown,\n): React.ReactElement<Props> {\n  const { elementType, renderFunction, props: slotProps } = getMetadataFromSlotComponent(type);\n\n  const props: Props = { ...slotProps, ...overrideProps };\n\n  if (renderFunction) {\n    return DevRuntime.jsxDEV(\n      React.Fragment,\n      {\n        children: renderFunction(elementType, props),\n      },\n      key,\n      source,\n      self,\n    ) as React.ReactElement<Props>;\n  }\n\n  return DevRuntime.jsxDEV(elementType, props, key, source, self);\n}\n"],"names":["React","getMetadataFromSlotComponent","DevRuntime","jsxDEVFromSlotComponent","type","overrideProps","key","source","self","elementType","renderFunction","props","slotProps","jsxDEV","Fragment","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4BAA4B,QAAQ,wCAAwC;AACrF,SAASC,UAAU,QAAQ,sBAAsB;AAEjD,OAAO,SAASC,wBACdC,IAA8B,EAC9BC,aAA2B,EAC3BC,GAAe,EACfC,MAAgB,EAChBC,IAAc,EACa;IAC3B,MAAM,EAAEC,YAAW,EAAEC,eAAc,EAAEC,OAAOC,UAAS,EAAE,GAAGX,6BAA6BG;IAEvF,MAAMO,QAAe;QAAE,GAAGC,SAAS;QAAE,GAAGP,aAAa;IAAC;IAEtD,IAAIK,gBAAgB;QAClB,OAAOR,WAAWW,MAAM,CACtBb,MAAMc,QAAQ,EACd;YACEC,UAAUL,eAAeD,aAAaE;QACxC,GACAL,KACAC,QACAC;IAEJ,CAAC;IAED,OAAON,WAAWW,MAAM,CAACJ,aAAaE,OAAOL,KAAKC,QAAQC;AAC5D,CAAC"}

package/lib/jsx/jsxDynamicFromSlotComponent.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';
+import { Runtime } from '../utils/Runtime';
+/**
+ * @internal
+ */ export function jsxDynamicFromSlotComponent(type, overrideProps, key) {
+    const { elementType , renderFunction , props: slotProps  } = getMetadataFromSlotComponent(type);
+    const props = {
+        ...slotProps,
+        ...overrideProps
+    };
+    if (renderFunction) {
+        return Runtime.jsx(React.Fragment, {
+            children: renderFunction(elementType, props)
+        }, key);
+    }
+    return Runtime.jsx(elementType, props, key);
+}

package/lib/jsx/jsxDynamicFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsxDynamicFromSlotComponent.ts"],"sourcesContent":["import * as React from 'react';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\nimport { Runtime } from '../utils/Runtime';\n\n/**\n * @internal\n */\nexport function jsxDynamicFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n  overrideProps: Props | null,\n  key?: React.Key,\n): React.ReactElement<Props> {\n  const { elementType, renderFunction, props: slotProps } = getMetadataFromSlotComponent(type);\n\n  const props: Props = { ...slotProps, ...overrideProps };\n\n  if (renderFunction) {\n    return Runtime.jsx(\n      React.Fragment,\n      {\n        children: renderFunction(elementType, props),\n      },\n      key,\n    ) as React.ReactElement<Props>;\n  }\n\n  return Runtime.jsx(elementType, props, key);\n}\n"],"names":["React","getMetadataFromSlotComponent","Runtime","jsxDynamicFromSlotComponent","type","overrideProps","key","elementType","renderFunction","props","slotProps","jsx","Fragment","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4BAA4B,QAAQ,wCAAwC;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAE3C;;CAEC,GACD,OAAO,SAASC,4BACdC,IAA8B,EAC9BC,aAA2B,EAC3BC,GAAe,EACY;IAC3B,MAAM,EAAEC,YAAW,EAAEC,eAAc,EAAEC,OAAOC,UAAS,EAAE,GAAGT,6BAA6BG;IAEvF,MAAMK,QAAe;QAAE,GAAGC,SAAS;QAAE,GAAGL,aAAa;IAAC;IAEtD,IAAIG,gBAAgB;QAClB,OAAON,QAAQS,GAAG,CAChBX,MAAMY,QAAQ,EACd;YACEC,UAAUL,eAAeD,aAAaE;QACxC,GACAH;IAEJ,CAAC;IAED,OAAOJ,QAAQS,GAAG,CAACJ,aAAaE,OAAOH;AACzC,CAAC"}

package/lib/jsx/jsxStaticFromSlotComponent.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';
+import { Runtime } from '../utils/Runtime';
+/**
+ * @internal
+ */ export function jsxStaticFromSlotComponent(type, overrideProps, key) {
+    const { elementType , renderFunction , props: slotProps  } = getMetadataFromSlotComponent(type);
+    const props = {
+        ...slotProps,
+        ...overrideProps
+    };
+    if (renderFunction) {
+        return Runtime.jsxs(React.Fragment, {
+            children: renderFunction(elementType, props)
+        }, key);
+    }
+    return Runtime.jsxs(elementType, props, key);
+}

package/lib/jsx/jsxStaticFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsxStaticFromSlotComponent.ts"],"sourcesContent":["import * as React from 'react';\nimport type { SlotComponentType, UnknownSlotProps } from '@fluentui/react-utilities';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\nimport { Runtime } from '../utils/Runtime';\n\n/**\n * @internal\n */\nexport function jsxStaticFromSlotComponent<Props extends UnknownSlotProps>(\n  type: SlotComponentType<Props>,\n  overrideProps: Props | null,\n  key?: React.Key,\n): React.ReactElement<Props> {\n  const { elementType, renderFunction, props: slotProps } = getMetadataFromSlotComponent(type);\n\n  const props: Props = { ...slotProps, ...overrideProps };\n\n  if (renderFunction) {\n    return Runtime.jsxs(\n      React.Fragment,\n      {\n        children: renderFunction(elementType, props),\n      },\n      key,\n    ) as React.ReactElement<Props>;\n  }\n\n  return Runtime.jsxs(elementType, props, key);\n}\n"],"names":["React","getMetadataFromSlotComponent","Runtime","jsxStaticFromSlotComponent","type","overrideProps","key","elementType","renderFunction","props","slotProps","jsxs","Fragment","children"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4BAA4B,QAAQ,wCAAwC;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAE3C;;CAEC,GACD,OAAO,SAASC,2BACdC,IAA8B,EAC9BC,aAA2B,EAC3BC,GAAe,EACY;IAC3B,MAAM,EAAEC,YAAW,EAAEC,eAAc,EAAEC,OAAOC,UAAS,EAAE,GAAGT,6BAA6BG;IAEvF,MAAMK,QAAe;QAAE,GAAGC,SAAS;QAAE,GAAGL,aAAa;IAAC;IAEtD,IAAIG,gBAAgB;QAClB,OAAON,QAAQS,IAAI,CACjBX,MAAMY,QAAQ,EACd;YACEC,UAAUL,eAAeD,aAAaE;QACxC,GACAH;IAEJ,CAAC;IAED,OAAOJ,QAAQS,IAAI,CAACJ,aAAaE,OAAOH;AAC1C,CAAC"}

package/lib/jsx-dev-runtime.js

@@ -0,0 +1,17 @@
+import { isSlot } from '@fluentui/react-utilities';
+import { jsxDEVFromSlotComponent } from './jsx/jsxDEVFromSlotComponent';
+import { createCompatSlotComponent } from './utils/createCompatSlotComponent';
+import { DevRuntime } from './utils/DevRuntime';
+export { Fragment } from 'react';
+export function jsxDEV(type, props, key, source, self) {
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if (isSlot(props)) {
+        return jsxDEVFromSlotComponent(createCompatSlotComponent(type, props), null, key, source, self);
+    }
+    if (isSlot(type)) {
+        return jsxDEVFromSlotComponent(type, props, key, source, self);
+    }
+    return DevRuntime.jsxDEV(type, props, key, source, self);
+}

package/lib/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsx-dev-runtime.ts"],"sourcesContent":["import type * as React from 'react';\nimport { isSlot } from '@fluentui/react-utilities';\nimport { jsxDEVFromSlotComponent } from './jsx/jsxDEVFromSlotComponent';\nimport { createCompatSlotComponent } from './utils/createCompatSlotComponent';\nimport { DevRuntime } from './utils/DevRuntime';\n\nexport { Fragment } from 'react';\n\nexport function jsxDEV<P extends {}>(\n  type: React.ElementType<P>,\n  props: P,\n  key?: React.Key,\n  source?: boolean,\n  self?: unknown,\n): React.ReactElement<P> {\n  // TODO:\n  // this is for backwards compatibility with getSlotsNext\n  // it should be removed once getSlotsNext is obsolete\n  if (isSlot<P>(props)) {\n    return jsxDEVFromSlotComponent(createCompatSlotComponent(type, props), null, key, source, self);\n  }\n  if (isSlot<P>(type)) {\n    return jsxDEVFromSlotComponent(type, props, key, source, self);\n  }\n  return DevRuntime.jsxDEV(type, props, key, source, self);\n}\n"],"names":["isSlot","jsxDEVFromSlotComponent","createCompatSlotComponent","DevRuntime","Fragment","jsxDEV","type","props","key","source","self"],"mappings":"AACA,SAASA,MAAM,QAAQ,4BAA4B;AACnD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,yBAAyB,QAAQ,oCAAoC;AAC9E,SAASC,UAAU,QAAQ,qBAAqB;AAEhD,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,OAAO,SAASC,OACdC,IAA0B,EAC1BC,KAAQ,EACRC,GAAe,EACfC,MAAgB,EAChBC,IAAc,EACS;IACvB,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIV,OAAUO,QAAQ;QACpB,OAAON,wBAAwBC,0BAA0BI,MAAMC,QAAQ,IAAI,EAAEC,KAAKC,QAAQC;IAC5F,CAAC;IACD,IAAIV,OAAUM,OAAO;QACnB,OAAOL,wBAAwBK,MAAMC,OAAOC,KAAKC,QAAQC;IAC3D,CAAC;IACD,OAAOP,WAAWE,MAAM,CAACC,MAAMC,OAAOC,KAAKC,QAAQC;AACrD,CAAC"}

package/lib/jsx-runtime.js

@@ -0,0 +1,30 @@
+import { isSlot } from '@fluentui/react-utilities';
+import { jsxDynamicFromSlotComponent } from './jsx/jsxDynamicFromSlotComponent';
+import { jsxStaticFromSlotComponent } from './jsx/jsxStaticFromSlotComponent';
+import { createCompatSlotComponent } from './utils/createCompatSlotComponent';
+import { Runtime } from './utils/Runtime';
+export { Fragment } from 'react';
+export function jsx(type, props, key) {
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if (isSlot(props)) {
+        return jsxDynamicFromSlotComponent(createCompatSlotComponent(type, props), null, key);
+    }
+    if (isSlot(type)) {
+        return jsxDynamicFromSlotComponent(type, props, key);
+    }
+    return Runtime.jsx(type, props, key);
+}
+export function jsxs(type, props, key) {
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if (isSlot(props)) {
+        return jsxStaticFromSlotComponent(createCompatSlotComponent(type, props), null, key);
+    }
+    if (isSlot(type)) {
+        return jsxStaticFromSlotComponent(type, props, key);
+    }
+    return Runtime.jsxs(type, props, key);
+}

package/lib/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsx-runtime.ts"],"sourcesContent":["import type * as React from 'react';\nimport { isSlot } from '@fluentui/react-utilities';\nimport { jsxDynamicFromSlotComponent } from './jsx/jsxDynamicFromSlotComponent';\nimport { jsxStaticFromSlotComponent } from './jsx/jsxStaticFromSlotComponent';\nimport { createCompatSlotComponent } from './utils/createCompatSlotComponent';\nimport { Runtime } from './utils/Runtime';\n\nexport { Fragment } from 'react';\n\nexport function jsx<P extends {}>(type: React.ElementType<P>, props: P, key?: React.Key): React.ReactElement<P> {\n  // TODO:\n  // this is for backwards compatibility with getSlotsNext\n  // it should be removed once getSlotsNext is obsolete\n  if (isSlot<P>(props)) {\n    return jsxDynamicFromSlotComponent(createCompatSlotComponent(type, props), null, key);\n  }\n  if (isSlot<P>(type)) {\n    return jsxDynamicFromSlotComponent(type, props, key);\n  }\n  return Runtime.jsx(type, props, key);\n}\n\nexport function jsxs<P extends {}>(type: React.ElementType<P>, props: P, key?: React.Key): React.ReactElement<P> {\n  // TODO:\n  // this is for backwards compatibility with getSlotsNext\n  // it should be removed once getSlotsNext is obsolete\n  if (isSlot<P>(props)) {\n    return jsxStaticFromSlotComponent(createCompatSlotComponent(type, props), null, key);\n  }\n  if (isSlot<P>(type)) {\n    return jsxStaticFromSlotComponent(type, props, key);\n  }\n  return Runtime.jsxs(type, props, key);\n}\n"],"names":["isSlot","jsxDynamicFromSlotComponent","jsxStaticFromSlotComponent","createCompatSlotComponent","Runtime","Fragment","jsx","type","props","key","jsxs"],"mappings":"AACA,SAASA,MAAM,QAAQ,4BAA4B;AACnD,SAASC,2BAA2B,QAAQ,oCAAoC;AAChF,SAASC,0BAA0B,QAAQ,mCAAmC;AAC9E,SAASC,yBAAyB,QAAQ,oCAAoC;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,OAAO,SAASC,IAAkBC,IAA0B,EAAEC,KAAQ,EAAEC,GAAe,EAAyB;IAC9G,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIT,OAAUQ,QAAQ;QACpB,OAAOP,4BAA4BE,0BAA0BI,MAAMC,QAAQ,IAAI,EAAEC;IACnF,CAAC;IACD,IAAIT,OAAUO,OAAO;QACnB,OAAON,4BAA4BM,MAAMC,OAAOC;IAClD,CAAC;IACD,OAAOL,QAAQE,GAAG,CAACC,MAAMC,OAAOC;AAClC,CAAC;AAED,OAAO,SAASC,KAAmBH,IAA0B,EAAEC,KAAQ,EAAEC,GAAe,EAAyB;IAC/G,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIT,OAAUQ,QAAQ;QACpB,OAAON,2BAA2BC,0BAA0BI,MAAMC,QAAQ,IAAI,EAAEC;IAClF,CAAC;IACD,IAAIT,OAAUO,OAAO;QACnB,OAAOL,2BAA2BK,MAAMC,OAAOC;IACjD,CAAC;IACD,OAAOL,QAAQM,IAAI,CAACH,MAAMC,OAAOC;AACnC,CAAC"}

package/lib/utils/DevRuntime.js

@@ -0,0 +1,2 @@
+import * as ReactDevRuntime from 'react/jsx-dev-runtime';
+export const DevRuntime = ReactDevRuntime;

package/lib/utils/DevRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DevRuntime.ts"],"sourcesContent":["import * as ReactDevRuntime from 'react/jsx-dev-runtime';\nimport type { JSXRuntime } from './types';\n\nexport const DevRuntime = ReactDevRuntime as {\n  jsxDEV: JSXRuntime;\n};\n"],"names":["ReactDevRuntime","DevRuntime"],"mappings":"AAAA,YAAYA,qBAAqB,wBAAwB;AAGzD,OAAO,MAAMC,aAAaD,gBAExB"}

package/lib/utils/Runtime.js

@@ -0,0 +1,2 @@
+import * as ReactRuntime from 'react/jsx-runtime';
+export const Runtime = ReactRuntime;

package/lib/utils/Runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Runtime.ts"],"sourcesContent":["import * as ReactRuntime from 'react/jsx-runtime';\nimport type { JSXRuntime } from './types';\n\nexport const Runtime = ReactRuntime as {\n  jsx: JSXRuntime;\n  jsxs: JSXRuntime;\n};\n"],"names":["ReactRuntime","Runtime"],"mappings":"AAAA,YAAYA,kBAAkB,oBAAoB;AAGlD,OAAO,MAAMC,UAAUD,aAGrB"}

package/lib/utils/createCompatSlotComponent.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { SLOT_ELEMENT_TYPE_SYMBOL } from '@fluentui/react-utilities';
+// TODO:
+// this is for backwards compatibility with getSlotsNext
+// it should be removed once getSlotsNext is obsolete
+export function createCompatSlotComponent(type, props) {
+    return {
+        ...props,
+        [SLOT_ELEMENT_TYPE_SYMBOL]: type
+    };
+}

package/lib/utils/createCompatSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createCompatSlotComponent.ts"],"sourcesContent":["import * as React from 'react';\nimport { SLOT_ELEMENT_TYPE_SYMBOL } from '@fluentui/react-utilities';\nimport type { SlotComponentType } from '@fluentui/react-utilities';\n\n// TODO:\n// this is for backwards compatibility with getSlotsNext\n// it should be removed once getSlotsNext is obsolete\nexport function createCompatSlotComponent<P extends {}>(type: React.ElementType<P>, props: P): SlotComponentType<P> {\n  return {\n    ...props,\n    [SLOT_ELEMENT_TYPE_SYMBOL]: type,\n  } as SlotComponentType<P>;\n}\n"],"names":["React","SLOT_ELEMENT_TYPE_SYMBOL","createCompatSlotComponent","type","props"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,4BAA4B;AAGrE,QAAQ;AACR,wDAAwD;AACxD,qDAAqD;AACrD,OAAO,SAASC,0BAAwCC,IAA0B,EAAEC,KAAQ,EAAwB;IAClH,OAAO;QACL,GAAGA,KAAK;QACR,CAACH,yBAAyB,EAAEE;IAC9B;AACF,CAAC"}

package/lib/utils/getMetadataFromSlotComponent.js

@@ -0,0 +1,16 @@
+import { SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';
+/**
+ * @internal
+ */ export function getMetadataFromSlotComponent(type) {
+    const { as , [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType , [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...propsWithoutMetadata } = type;
+    const props = propsWithoutMetadata;
+    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
+    if (typeof elementType !== 'string' && as) {
+        props.as = as;
+    }
+    return {
+        elementType,
+        props,
+        renderFunction
+    };
+}

package/lib/utils/getMetadataFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["getMetadataFromSlotComponent.ts"],"sourcesContent":["import type * as React from 'react';\nimport { SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } 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_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_ELEMENT_TYPE_SYMBOL","SLOT_RENDER_FUNCTION_SYMBOL","getMetadataFromSlotComponent","type","as","baseElementType","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":"AACA,SAASA,wBAAwB,EAAEC,2BAA2B,QAAQ,4BAA4B;AAGlG;;CAEC,GACD,OAAO,SAASC,6BAA6DC,IAA8B,EAAE;IAC3G,MAAM,EACJC,GAAE,EACF,CAACJ,yBAAyB,EAAEK,gBAAe,EAC3C,CAACJ,4BAA4B,EAAEK,eAAc,EAC7C,GAAGC,sBACJ,GAAGJ;IACJ,MAAMK,QAAQD;IAEd,MAAME,cACJ,OAAOJ,oBAAoB,WAAWD,eAAAA,gBAAAA,KAAMC,eAAe,GAAGA,eAAe;IAG/E,IAAI,OAAOI,gBAAgB,YAAYL,IAAI;QACzCI,MAAMJ,EAAE,GAAGA;IACb,CAAC;IACD,OAAO;QAAEK;QAAaD;QAAOF;IAAe;AAC9C,CAAC"}

package/lib/utils/types.js

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

package/lib/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types.ts"],"sourcesContent":["import type * as React from 'react';\n\nexport type JSXRuntime = <P extends {}>(\n  type: React.ElementType<P>,\n  props: P | null,\n  key?: React.Key,\n  source?: unknown,\n  self?: unknown,\n) => React.ReactElement<P>;\n"],"names":[],"mappings":"AAAA,WAQ2B"}

package/lib-commonjs/createElement.js

@@ -2,29 +2,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    createElement: ()=>createElement,
-    hasRenderFunction: ()=>hasRenderFunction
+Object.defineProperty(exports, "createElement", {
+    enumerable: true,
+    get: ()=>createElement
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
+const _createElementFromSlotComponent = require("./jsx/createElementFromSlotComponent");
+const _createCompatSlotComponent = require("./utils/createCompatSlotComponent");
 function createElement(type, props, ...children) {
-    return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : /*#__PURE__*/ _react.createElement(type, props, ...children);
-}
-function createElementFromRenderFunction(type, props, overrideChildren) {
-    const { [_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...renderProps } = props;
-    if (overrideChildren.length > 0) {
-        renderProps.children = /*#__PURE__*/ _react.createElement(_react.Fragment, {}, ...overrideChildren);
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if ((0, _reactUtilities.isSlot)(props)) {
+        return (0, _createElementFromSlotComponent.createElementFromSlotComponent)((0, _createCompatSlotComponent.createCompatSlotComponent)(type, props), children);
     }
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, {}, renderFunction(type, renderProps));
-}
-function hasRenderFunction(props) {
-    return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL));
+    if ((0, _reactUtilities.isSlot)(type)) {
+        return (0, _createElementFromSlotComponent.createElementFromSlotComponent)(type, children);
+    }
+    return /*#__PURE__*/ _react.createElement(type, props, ...children);
 }

package/lib-commonjs/createElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["createElement.js"],"sourcesContent":["import * as React from 'react';\nimport { SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\nexport function createElement(type, props, ...children) {\n    return hasRenderFunction(props) ? createElementFromRenderFunction(type, props, children) : React.createElement(type, props, ...children);\n}\nfunction createElementFromRenderFunction(type, props, overrideChildren) {\n    const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...renderProps } = props;\n    if (overrideChildren.length > 0) {\n        renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n    }\n    return React.createElement(React.Fragment, {}, renderFunction(type, renderProps));\n}\nexport function hasRenderFunction(props) {\n    return Boolean(props === null || props === void 0 ? void 0 : props.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL));\n}\n"],"names":["createElement","hasRenderFunction","type","props","children","createElementFromRenderFunction","React","overrideChildren","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","renderProps","length","Fragment","Boolean","hasOwnProperty"],"mappings":";;;;;;;;;;;IAEgBA,aAAa,MAAbA;IAUAC,iBAAiB,MAAjBA;;;6DAZO;gCACqB;AACrC,SAASD,cAAcE,IAAI,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EAAE;IACpD,OAAOH,kBAAkBE,SAASE,gCAAgCH,MAAMC,OAAOC,0BAAYE,OAAMN,aAAa,CAACE,MAAMC,UAAUC,SAAS;AAC5I;AACA,SAASC,gCAAgCH,IAAI,EAAEC,KAAK,EAAEI,gBAAgB,EAAE;IACpE,MAAM,EAAE,CAACC,2CAA2B,CAAC,EAAEC,eAAc,EAAG,GAAGC,aAAa,GAAGP;IAC3E,IAAII,iBAAiBI,MAAM,GAAG,GAAG;QAC7BD,YAAYN,QAAQ,iBAAGE,OAAMN,aAAa,CAACM,OAAMM,QAAQ,EAAE,CAAC,MAAML;IACtE,CAAC;IACD,qBAAOD,OAAMN,aAAa,CAACM,OAAMM,QAAQ,EAAE,CAAC,GAAGH,eAAeP,MAAMQ;AACxE;AACO,SAAST,kBAAkBE,KAAK,EAAE;IACrC,OAAOU,QAAQV,UAAU,IAAI,IAAIA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMW,cAAc,CAACN,2CAA2B,CAAC;AAClH"}
+{"version":3,"sources":["createElement.js"],"sourcesContent":["import * as React from 'react';\nimport { isSlot } from '@fluentui/react-utilities';\nimport { createElementFromSlotComponent } from './jsx/createElementFromSlotComponent';\nimport { createCompatSlotComponent } from './utils/createCompatSlotComponent';\nexport function createElement(type, props, ...children) {\n    // TODO:\n    // this is for backwards compatibility with getSlotsNext\n    // it should be removed once getSlotsNext is obsolete\n    if (isSlot(props)) {\n        return createElementFromSlotComponent(createCompatSlotComponent(type, props), children);\n    }\n    if (isSlot(type)) {\n        return createElementFromSlotComponent(type, children);\n    }\n    return React.createElement(type, props, ...children);\n}\n"],"names":["createElement","type","props","children","isSlot","createElementFromSlotComponent","createCompatSlotComponent","React"],"mappings":";;;;+BAIgBA;;aAAAA;;;6DAJO;gCACA;gDACwB;2CACL;AACnC,SAASA,cAAcC,IAAI,EAAEC,KAAK,EAAE,GAAGC,QAAQ,EAAE;IACpD,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIC,IAAAA,sBAAM,EAACF,QAAQ;QACf,OAAOG,IAAAA,8DAA8B,EAACC,IAAAA,oDAAyB,EAACL,MAAMC,QAAQC;IAClF,CAAC;IACD,IAAIC,IAAAA,sBAAM,EAACH,OAAO;QACd,OAAOI,IAAAA,8DAA8B,EAACJ,MAAME;IAChD,CAAC;IACD,qBAAOI,OAAMP,aAAa,CAACC,MAAMC,UAAUC;AAC/C"}

package/lib-commonjs/jsx/createElementFromSlotComponent.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createElementFromSlotComponent", {
+    enumerable: true,
+    get: ()=>createElementFromSlotComponent
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _getMetadataFromSlotComponent = require("../utils/getMetadataFromSlotComponent");
+function createElementFromSlotComponent(type, overrideChildren) {
+    const { elementType , renderFunction , props  } = (0, _getMetadataFromSlotComponent.getMetadataFromSlotComponent)(type);
+    if (renderFunction) {
+        if (overrideChildren.length > 0) {
+            props.children = /*#__PURE__*/ _react.createElement(_react.Fragment, {}, ...overrideChildren);
+        }
+        return /*#__PURE__*/ _react.createElement(_react.Fragment, {}, renderFunction(elementType, props));
+    }
+    return /*#__PURE__*/ _react.createElement(elementType, props, ...overrideChildren);
+}

package/lib-commonjs/jsx/createElementFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createElementFromSlotComponent.js"],"sourcesContent":["import * as React from 'react';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\n/**\n * @internal\n * creates a ReactElement from a slot declaration\n */ export function createElementFromSlotComponent(type, overrideChildren) {\n    const { elementType , renderFunction , props  } = getMetadataFromSlotComponent(type);\n    if (renderFunction) {\n        if (overrideChildren.length > 0) {\n            props.children = React.createElement(React.Fragment, {}, ...overrideChildren);\n        }\n        return React.createElement(React.Fragment, {}, renderFunction(elementType, props));\n    }\n    return React.createElement(elementType, props, ...overrideChildren);\n}\n"],"names":["createElementFromSlotComponent","type","overrideChildren","elementType","renderFunction","props","getMetadataFromSlotComponent","length","children","React","createElement","Fragment"],"mappings":";;;;+BAKoBA;;aAAAA;;;6DALG;8CACsB;AAIlC,SAASA,+BAA+BC,IAAI,EAAEC,gBAAgB,EAAE;IACvE,MAAM,EAAEC,YAAW,EAAGC,eAAc,EAAGC,MAAK,EAAG,GAAGC,IAAAA,0DAA4B,EAACL;IAC/E,IAAIG,gBAAgB;QAChB,IAAIF,iBAAiBK,MAAM,GAAG,GAAG;YAC7BF,MAAMG,QAAQ,iBAAGC,OAAMC,aAAa,CAACD,OAAME,QAAQ,EAAE,CAAC,MAAMT;QAChE,CAAC;QACD,qBAAOO,OAAMC,aAAa,CAACD,OAAME,QAAQ,EAAE,CAAC,GAAGP,eAAeD,aAAaE;IAC/E,CAAC;IACD,qBAAOI,OAAMC,aAAa,CAACP,aAAaE,UAAUH;AACtD"}

package/lib-commonjs/jsx/jsxDEVFromSlotComponent.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "jsxDEVFromSlotComponent", {
+    enumerable: true,
+    get: ()=>jsxDEVFromSlotComponent
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _getMetadataFromSlotComponent = require("../utils/getMetadataFromSlotComponent");
+const _devRuntime = require("../utils/DevRuntime");
+function jsxDEVFromSlotComponent(type, overrideProps, key, source, self) {
+    const { elementType , renderFunction , props: slotProps  } = (0, _getMetadataFromSlotComponent.getMetadataFromSlotComponent)(type);
+    const props = {
+        ...slotProps,
+        ...overrideProps
+    };
+    if (renderFunction) {
+        return _devRuntime.DevRuntime.jsxDEV(_react.Fragment, {
+            children: renderFunction(elementType, props)
+        }, key, source, self);
+    }
+    return _devRuntime.DevRuntime.jsxDEV(elementType, props, key, source, self);
+}

package/lib-commonjs/jsx/jsxDEVFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsxDEVFromSlotComponent.js"],"sourcesContent":["import * as React from 'react';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\nimport { DevRuntime } from '../utils/DevRuntime';\nexport function jsxDEVFromSlotComponent(type, overrideProps, key, source, self) {\n    const { elementType , renderFunction , props: slotProps  } = getMetadataFromSlotComponent(type);\n    const props = {\n        ...slotProps,\n        ...overrideProps\n    };\n    if (renderFunction) {\n        return DevRuntime.jsxDEV(React.Fragment, {\n            children: renderFunction(elementType, props)\n        }, key, source, self);\n    }\n    return DevRuntime.jsxDEV(elementType, props, key, source, self);\n}\n"],"names":["jsxDEVFromSlotComponent","type","overrideProps","key","source","self","elementType","renderFunction","props","slotProps","getMetadataFromSlotComponent","DevRuntime","jsxDEV","React","Fragment","children"],"mappings":";;;;+BAGgBA;;aAAAA;;;6DAHO;8CACsB;4BAClB;AACpB,SAASA,wBAAwBC,IAAI,EAAEC,aAAa,EAAEC,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAE;IAC5E,MAAM,EAAEC,YAAW,EAAGC,eAAc,EAAGC,OAAOC,UAAS,EAAG,GAAGC,IAAAA,0DAA4B,EAACT;IAC1F,MAAMO,QAAQ;QACV,GAAGC,SAAS;QACZ,GAAGP,aAAa;IACpB;IACA,IAAIK,gBAAgB;QAChB,OAAOI,sBAAU,CAACC,MAAM,CAACC,OAAMC,QAAQ,EAAE;YACrCC,UAAUR,eAAeD,aAAaE;QAC1C,GAAGL,KAAKC,QAAQC;IACpB,CAAC;IACD,OAAOM,sBAAU,CAACC,MAAM,CAACN,aAAaE,OAAOL,KAAKC,QAAQC;AAC9D"}

package/lib-commonjs/jsx/jsxDynamicFromSlotComponent.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "jsxDynamicFromSlotComponent", {
+    enumerable: true,
+    get: ()=>jsxDynamicFromSlotComponent
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _getMetadataFromSlotComponent = require("../utils/getMetadataFromSlotComponent");
+const _runtime = require("../utils/Runtime");
+function jsxDynamicFromSlotComponent(type, overrideProps, key) {
+    const { elementType , renderFunction , props: slotProps  } = (0, _getMetadataFromSlotComponent.getMetadataFromSlotComponent)(type);
+    const props = {
+        ...slotProps,
+        ...overrideProps
+    };
+    if (renderFunction) {
+        return _runtime.Runtime.jsx(_react.Fragment, {
+            children: renderFunction(elementType, props)
+        }, key);
+    }
+    return _runtime.Runtime.jsx(elementType, props, key);
+}

package/lib-commonjs/jsx/jsxDynamicFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsxDynamicFromSlotComponent.js"],"sourcesContent":["import * as React from 'react';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\nimport { Runtime } from '../utils/Runtime';\n/**\n * @internal\n */ export function jsxDynamicFromSlotComponent(type, overrideProps, key) {\n    const { elementType , renderFunction , props: slotProps  } = getMetadataFromSlotComponent(type);\n    const props = {\n        ...slotProps,\n        ...overrideProps\n    };\n    if (renderFunction) {\n        return Runtime.jsx(React.Fragment, {\n            children: renderFunction(elementType, props)\n        }, key);\n    }\n    return Runtime.jsx(elementType, props, key);\n}\n"],"names":["jsxDynamicFromSlotComponent","type","overrideProps","key","elementType","renderFunction","props","slotProps","getMetadataFromSlotComponent","Runtime","jsx","React","Fragment","children"],"mappings":";;;;+BAKoBA;;aAAAA;;;6DALG;8CACsB;yBACrB;AAGb,SAASA,4BAA4BC,IAAI,EAAEC,aAAa,EAAEC,GAAG,EAAE;IACtE,MAAM,EAAEC,YAAW,EAAGC,eAAc,EAAGC,OAAOC,UAAS,EAAG,GAAGC,IAAAA,0DAA4B,EAACP;IAC1F,MAAMK,QAAQ;QACV,GAAGC,SAAS;QACZ,GAAGL,aAAa;IACpB;IACA,IAAIG,gBAAgB;QAChB,OAAOI,gBAAO,CAACC,GAAG,CAACC,OAAMC,QAAQ,EAAE;YAC/BC,UAAUR,eAAeD,aAAaE;QAC1C,GAAGH;IACP,CAAC;IACD,OAAOM,gBAAO,CAACC,GAAG,CAACN,aAAaE,OAAOH;AAC3C"}

package/lib-commonjs/jsx/jsxStaticFromSlotComponent.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "jsxStaticFromSlotComponent", {
+    enumerable: true,
+    get: ()=>jsxStaticFromSlotComponent
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _getMetadataFromSlotComponent = require("../utils/getMetadataFromSlotComponent");
+const _runtime = require("../utils/Runtime");
+function jsxStaticFromSlotComponent(type, overrideProps, key) {
+    const { elementType , renderFunction , props: slotProps  } = (0, _getMetadataFromSlotComponent.getMetadataFromSlotComponent)(type);
+    const props = {
+        ...slotProps,
+        ...overrideProps
+    };
+    if (renderFunction) {
+        return _runtime.Runtime.jsxs(_react.Fragment, {
+            children: renderFunction(elementType, props)
+        }, key);
+    }
+    return _runtime.Runtime.jsxs(elementType, props, key);
+}

package/lib-commonjs/jsx/jsxStaticFromSlotComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsxStaticFromSlotComponent.js"],"sourcesContent":["import * as React from 'react';\nimport { getMetadataFromSlotComponent } from '../utils/getMetadataFromSlotComponent';\nimport { Runtime } from '../utils/Runtime';\n/**\n * @internal\n */ export function jsxStaticFromSlotComponent(type, overrideProps, key) {\n    const { elementType , renderFunction , props: slotProps  } = getMetadataFromSlotComponent(type);\n    const props = {\n        ...slotProps,\n        ...overrideProps\n    };\n    if (renderFunction) {\n        return Runtime.jsxs(React.Fragment, {\n            children: renderFunction(elementType, props)\n        }, key);\n    }\n    return Runtime.jsxs(elementType, props, key);\n}\n"],"names":["jsxStaticFromSlotComponent","type","overrideProps","key","elementType","renderFunction","props","slotProps","getMetadataFromSlotComponent","Runtime","jsxs","React","Fragment","children"],"mappings":";;;;+BAKoBA;;aAAAA;;;6DALG;8CACsB;yBACrB;AAGb,SAASA,2BAA2BC,IAAI,EAAEC,aAAa,EAAEC,GAAG,EAAE;IACrE,MAAM,EAAEC,YAAW,EAAGC,eAAc,EAAGC,OAAOC,UAAS,EAAG,GAAGC,IAAAA,0DAA4B,EAACP;IAC1F,MAAMK,QAAQ;QACV,GAAGC,SAAS;QACZ,GAAGL,aAAa;IACpB;IACA,IAAIG,gBAAgB;QAChB,OAAOI,gBAAO,CAACC,IAAI,CAACC,OAAMC,QAAQ,EAAE;YAChCC,UAAUR,eAAeD,aAAaE;QAC1C,GAAGH;IACP,CAAC;IACD,OAAOM,gBAAO,CAACC,IAAI,CAACN,aAAaE,OAAOH;AAC5C"}

package/lib-commonjs/jsx-dev-runtime.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Fragment: ()=>_react.Fragment,
+    jsxDEV: ()=>jsxDEV
+});
+const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxDEVFromSlotComponent = require("./jsx/jsxDEVFromSlotComponent");
+const _createCompatSlotComponent = require("./utils/createCompatSlotComponent");
+const _devRuntime = require("./utils/DevRuntime");
+const _react = require("react");
+function jsxDEV(type, props, key, source, self) {
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if ((0, _reactUtilities.isSlot)(props)) {
+        return (0, _jsxDEVFromSlotComponent.jsxDEVFromSlotComponent)((0, _createCompatSlotComponent.createCompatSlotComponent)(type, props), null, key, source, self);
+    }
+    if ((0, _reactUtilities.isSlot)(type)) {
+        return (0, _jsxDEVFromSlotComponent.jsxDEVFromSlotComponent)(type, props, key, source, self);
+    }
+    return _devRuntime.DevRuntime.jsxDEV(type, props, key, source, self);
+}

package/lib-commonjs/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsx-dev-runtime.js"],"sourcesContent":["import { isSlot } from '@fluentui/react-utilities';\nimport { jsxDEVFromSlotComponent } from './jsx/jsxDEVFromSlotComponent';\nimport { createCompatSlotComponent } from './utils/createCompatSlotComponent';\nimport { DevRuntime } from './utils/DevRuntime';\nexport { Fragment } from 'react';\nexport function jsxDEV(type, props, key, source, self) {\n    // TODO:\n    // this is for backwards compatibility with getSlotsNext\n    // it should be removed once getSlotsNext is obsolete\n    if (isSlot(props)) {\n        return jsxDEVFromSlotComponent(createCompatSlotComponent(type, props), null, key, source, self);\n    }\n    if (isSlot(type)) {\n        return jsxDEVFromSlotComponent(type, props, key, source, self);\n    }\n    return DevRuntime.jsxDEV(type, props, key, source, self);\n}\n"],"names":["Fragment","jsxDEV","type","props","key","source","self","isSlot","jsxDEVFromSlotComponent","createCompatSlotComponent","DevRuntime"],"mappings":";;;;;;;;;;;IAISA,QAAQ,MAARA,eAAQ;IACDC,MAAM,MAANA;;gCALO;yCACiB;2CACE;4BACf;uBACF;AAClB,SAASA,OAAOC,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAE;IACnD,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIC,IAAAA,sBAAM,EAACJ,QAAQ;QACf,OAAOK,IAAAA,gDAAuB,EAACC,IAAAA,oDAAyB,EAACP,MAAMC,QAAQ,IAAI,EAAEC,KAAKC,QAAQC;IAC9F,CAAC;IACD,IAAIC,IAAAA,sBAAM,EAACL,OAAO;QACd,OAAOM,IAAAA,gDAAuB,EAACN,MAAMC,OAAOC,KAAKC,QAAQC;IAC7D,CAAC;IACD,OAAOI,sBAAU,CAACT,MAAM,CAACC,MAAMC,OAAOC,KAAKC,QAAQC;AACvD"}

package/lib-commonjs/jsx-runtime.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Fragment: ()=>_react.Fragment,
+    jsx: ()=>jsx,
+    jsxs: ()=>jsxs
+});
+const _reactUtilities = require("@fluentui/react-utilities");
+const _jsxDynamicFromSlotComponent = require("./jsx/jsxDynamicFromSlotComponent");
+const _jsxStaticFromSlotComponent = require("./jsx/jsxStaticFromSlotComponent");
+const _createCompatSlotComponent = require("./utils/createCompatSlotComponent");
+const _runtime = require("./utils/Runtime");
+const _react = require("react");
+function jsx(type, props, key) {
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if ((0, _reactUtilities.isSlot)(props)) {
+        return (0, _jsxDynamicFromSlotComponent.jsxDynamicFromSlotComponent)((0, _createCompatSlotComponent.createCompatSlotComponent)(type, props), null, key);
+    }
+    if ((0, _reactUtilities.isSlot)(type)) {
+        return (0, _jsxDynamicFromSlotComponent.jsxDynamicFromSlotComponent)(type, props, key);
+    }
+    return _runtime.Runtime.jsx(type, props, key);
+}
+function jsxs(type, props, key) {
+    // TODO:
+    // this is for backwards compatibility with getSlotsNext
+    // it should be removed once getSlotsNext is obsolete
+    if ((0, _reactUtilities.isSlot)(props)) {
+        return (0, _jsxStaticFromSlotComponent.jsxStaticFromSlotComponent)((0, _createCompatSlotComponent.createCompatSlotComponent)(type, props), null, key);
+    }
+    if ((0, _reactUtilities.isSlot)(type)) {
+        return (0, _jsxStaticFromSlotComponent.jsxStaticFromSlotComponent)(type, props, key);
+    }
+    return _runtime.Runtime.jsxs(type, props, key);
+}

package/lib-commonjs/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["jsx-runtime.js"],"sourcesContent":["import { isSlot } from '@fluentui/react-utilities';\nimport { jsxDynamicFromSlotComponent } from './jsx/jsxDynamicFromSlotComponent';\nimport { jsxStaticFromSlotComponent } from './jsx/jsxStaticFromSlotComponent';\nimport { createCompatSlotComponent } from './utils/createCompatSlotComponent';\nimport { Runtime } from './utils/Runtime';\nexport { Fragment } from 'react';\nexport function jsx(type, props, key) {\n    // TODO:\n    // this is for backwards compatibility with getSlotsNext\n    // it should be removed once getSlotsNext is obsolete\n    if (isSlot(props)) {\n        return jsxDynamicFromSlotComponent(createCompatSlotComponent(type, props), null, key);\n    }\n    if (isSlot(type)) {\n        return jsxDynamicFromSlotComponent(type, props, key);\n    }\n    return Runtime.jsx(type, props, key);\n}\nexport function jsxs(type, props, key) {\n    // TODO:\n    // this is for backwards compatibility with getSlotsNext\n    // it should be removed once getSlotsNext is obsolete\n    if (isSlot(props)) {\n        return jsxStaticFromSlotComponent(createCompatSlotComponent(type, props), null, key);\n    }\n    if (isSlot(type)) {\n        return jsxStaticFromSlotComponent(type, props, key);\n    }\n    return Runtime.jsxs(type, props, key);\n}\n"],"names":["Fragment","jsx","jsxs","type","props","key","isSlot","jsxDynamicFromSlotComponent","createCompatSlotComponent","Runtime","jsxStaticFromSlotComponent"],"mappings":";;;;;;;;;;;IAKSA,QAAQ,MAARA,eAAQ;IACDC,GAAG,MAAHA;IAYAC,IAAI,MAAJA;;gCAlBO;6CACqB;4CACD;2CACD;yBAClB;uBACC;AAClB,SAASD,IAAIE,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAE;IAClC,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIC,IAAAA,sBAAM,EAACF,QAAQ;QACf,OAAOG,IAAAA,wDAA2B,EAACC,IAAAA,oDAAyB,EAACL,MAAMC,QAAQ,IAAI,EAAEC;IACrF,CAAC;IACD,IAAIC,IAAAA,sBAAM,EAACH,OAAO;QACd,OAAOI,IAAAA,wDAA2B,EAACJ,MAAMC,OAAOC;IACpD,CAAC;IACD,OAAOI,gBAAO,CAACR,GAAG,CAACE,MAAMC,OAAOC;AACpC;AACO,SAASH,KAAKC,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAE;IACnC,QAAQ;IACR,wDAAwD;IACxD,qDAAqD;IACrD,IAAIC,IAAAA,sBAAM,EAACF,QAAQ;QACf,OAAOM,IAAAA,sDAA0B,EAACF,IAAAA,oDAAyB,EAACL,MAAMC,QAAQ,IAAI,EAAEC;IACpF,CAAC;IACD,IAAIC,IAAAA,sBAAM,EAACH,OAAO;QACd,OAAOO,IAAAA,sDAA0B,EAACP,MAAMC,OAAOC;IACnD,CAAC;IACD,OAAOI,gBAAO,CAACP,IAAI,CAACC,MAAMC,OAAOC;AACrC"}

package/lib-commonjs/utils/DevRuntime.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DevRuntime", {
+    enumerable: true,
+    get: ()=>DevRuntime
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _jsxDevRuntime = /*#__PURE__*/ _interopRequireWildcard(require("react/jsx-dev-runtime"));
+const DevRuntime = _jsxDevRuntime;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DevRuntime.js"],"sourcesContent":["import * as ReactDevRuntime from 'react/jsx-dev-runtime';\nexport const DevRuntime = ReactDevRuntime;\n"],"names":["DevRuntime","ReactDevRuntime"],"mappings":";;;;+BACaA;;aAAAA;;;qEADoB;AAC1B,MAAMA,aAAaC"}

package/lib-commonjs/utils/Runtime.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Runtime", {
+    enumerable: true,
+    get: ()=>Runtime
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _jsxRuntime = /*#__PURE__*/ _interopRequireWildcard(require("react/jsx-runtime"));
+const Runtime = _jsxRuntime;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Runtime.js"],"sourcesContent":["import * as ReactRuntime from 'react/jsx-runtime';\nexport const Runtime = ReactRuntime;\n"],"names":["Runtime","ReactRuntime"],"mappings":";;;;+BACaA;;aAAAA;;;kEADiB;AACvB,MAAMA,UAAUC"}

package/lib-commonjs/utils/createCompatSlotComponent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createCompatSlotComponent", {
+    enumerable: true,
+    get: ()=>createCompatSlotComponent
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+function createCompatSlotComponent(type, props) {
+    return {
+        ...props,
+        [_reactUtilities.SLOT_ELEMENT_TYPE_SYMBOL]: type
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["createCompatSlotComponent.js"],"sourcesContent":["import * as React from 'react';\nimport { SLOT_ELEMENT_TYPE_SYMBOL } from '@fluentui/react-utilities';\n// TODO:\n// this is for backwards compatibility with getSlotsNext\n// it should be removed once getSlotsNext is obsolete\nexport function createCompatSlotComponent(type, props) {\n    return {\n        ...props,\n        [SLOT_ELEMENT_TYPE_SYMBOL]: type\n    };\n}\n"],"names":["createCompatSlotComponent","type","props","SLOT_ELEMENT_TYPE_SYMBOL"],"mappings":";;;;+BAKgBA;;aAAAA;;;6DALO;gCACkB;AAIlC,SAASA,0BAA0BC,IAAI,EAAEC,KAAK,EAAE;IACnD,OAAO;QACH,GAAGA,KAAK;QACR,CAACC,wCAAwB,CAAC,EAAEF;IAChC;AACJ"}

package/lib-commonjs/utils/getMetadataFromSlotComponent.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getMetadataFromSlotComponent", {
+    enumerable: true,
+    get: ()=>getMetadataFromSlotComponent
+});
+const _reactUtilities = require("@fluentui/react-utilities");
+function getMetadataFromSlotComponent(type) {
+    const { as , [_reactUtilities.SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType , [_reactUtilities.SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...propsWithoutMetadata } = type;
+    const props = propsWithoutMetadata;
+    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;
+    if (typeof elementType !== 'string' && as) {
+        props.as = as;
+    }
+    return {
+        elementType,
+        props,
+        renderFunction
+    };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getMetadataFromSlotComponent.js"],"sourcesContent":["import { SLOT_ELEMENT_TYPE_SYMBOL, SLOT_RENDER_FUNCTION_SYMBOL } from '@fluentui/react-utilities';\n/**\n * @internal\n */ export function getMetadataFromSlotComponent(type) {\n    const { as , [SLOT_ELEMENT_TYPE_SYMBOL]: baseElementType , [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction , ...propsWithoutMetadata } = type;\n    const props = propsWithoutMetadata;\n    const elementType = typeof baseElementType === 'string' ? as !== null && as !== void 0 ? as : baseElementType : baseElementType;\n    if (typeof elementType !== 'string' && as) {\n        props.as = as;\n    }\n    return {\n        elementType,\n        props,\n        renderFunction\n    };\n}\n"],"names":["getMetadataFromSlotComponent","type","as","SLOT_ELEMENT_TYPE_SYMBOL","baseElementType","SLOT_RENDER_FUNCTION_SYMBOL","renderFunction","propsWithoutMetadata","props","elementType"],"mappings":";;;;+BAGoBA;;aAAAA;;gCAHkD;AAG3D,SAASA,6BAA6BC,IAAI,EAAE;IACnD,MAAM,EAAEC,GAAE,EAAG,CAACC,wCAAwB,CAAC,EAAEC,gBAAe,EAAG,CAACC,2CAA2B,CAAC,EAAEC,eAAc,EAAG,GAAGC,sBAAsB,GAAGN;IACvI,MAAMO,QAAQD;IACd,MAAME,cAAc,OAAOL,oBAAoB,WAAWF,OAAO,IAAI,IAAIA,OAAO,KAAK,IAAIA,KAAKE,eAAe,GAAGA,eAAe;IAC/H,IAAI,OAAOK,gBAAgB,YAAYP,IAAI;QACvCM,MAAMN,EAAE,GAAGA;IACf,CAAC;IACD,OAAO;QACHO;QACAD;QACAF;IACJ;AACJ"}

package/lib-commonjs/utils/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/react-jsx-runtime",
-  "version": "9.0.0-alpha.9",
-  "description": "React components for building web experiences",
+  "version": "9.0.0",
+  "description": "Custom JSX runtime for @fluentui/react-components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
@@ -25,12 +25,12 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-conformance-griffel": "*",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.10.0",
+    "@fluentui/react-utilities": "^9.11.1",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -40,8 +40,7 @@
   "beachball": {
     "disallowedChangeTypes": [
       "major",
-      "minor",
-      "patch"
+      "prerelease"
     ]
   },
   "exports": {
@@ -51,6 +50,18 @@
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "node": "./lib-commonjs/jsx-dev-runtime.js",
+      "import": "./lib/jsx-dev-runtime.js",
+      "require": "./lib-commonjs/jsx-dev-runtime.js"
+    },
+    "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "node": "./lib-commonjs/jsx-runtime.js",
+      "import": "./lib/jsx-runtime.js",
+      "require": "./lib-commonjs/jsx-runtime.js"
+    },
     "./package.json": "./package.json"
   }
 }