@fluentui-react-native/framework-base 0.1.3 → 0.2.0

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui-react-native/framework-base",
   "entries": [
     {
-      "date": "Wed, 23 Jul 2025 00:18:14 GMT",
+      "date": "Tue, 29 Jul 2025 06:31:24 GMT",
+      "version": "0.2.0",
+      "tag": "@fluentui-react-native/framework-base_v0.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "jasonmo@microsoft.com",
+            "package": "@fluentui-react-native/framework-base",
+            "commit": "78329a2222622ac8d90345d3aa908355e70f5d1a",
+            "comment": "implement both new and old render patterns for classic and jsx-runtimes"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 25 Jul 2025 21:36:33 GMT",
+      "version": "0.1.4",
+      "tag": "@fluentui-react-native/framework-base_v0.1.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "jasonmo@microsoft.com",
+            "package": "@fluentui-react-native/framework-base",
+            "commit": "d541dadbec1c9a1750ca45509aa41df3f8a04349",
+            "comment": "tune lage.config and fix @types/node version"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 23 Jul 2025 00:22:13 GMT",
       "version": "0.1.3",
       "tag": "@fluentui-react-native/framework-base_v0.1.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui-react-native/framework-base
 
-<!-- This log was last generated on Wed, 23 Jul 2025 00:18:14 GMT and should not be manually modified. -->
+<!-- This log was last generated on Tue, 29 Jul 2025 06:31:24 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 0.2.0
+
+Tue, 29 Jul 2025 06:31:24 GMT
+
+### Minor changes
+
+- implement both new and old render patterns for classic and jsx-runtimes (jasonmo@microsoft.com)
+
+## 0.1.4
+
+Fri, 25 Jul 2025 21:36:33 GMT
+
+### Patches
+
+- tune lage.config and fix @types/node version (jasonmo@microsoft.com)
+
 ## 0.1.3
 
-Wed, 23 Jul 2025 00:18:14 GMT
+Wed, 23 Jul 2025 00:22:13 GMT
 
 ### Patches
 

package/README.md

@@ -1,20 +1,19 @@
-# Framework Base package
+# `@fluentui-react-native/framework-base`
 
-This package provides core types and helpers used by both the old and new versions of the framework.
+This package provides core implementations and types to support both the legacy and current frameworks.
 
 Several previously standalone packages have had their implementations moved into this package. This allows them to share certain typings and helpers without having to work around circular dependency issues. The moved packages are:
 
-- `@fluentui-react-native/immutable-merge`
-- `@fluentui-react-native/memo-cache`
-- `@fluentui-react-native/merge-props`
+- [`@fluentui-react-native/immutable-merge`](./src/immutable-merge/README.md)
+- [`@fluentui-react-native/memo-cache`](./src/memo-cache/README.md)
+- [`@fluentui-react-native/merge-props`](./src/merge-props/README.md)
 
-The functionality in these packages can be imported either by the base entry point for the package, or by using dedicated exports. The previous packages will continue to exist for the time being but are now just references to their individual exports. Note that export maps require special handling for metro bundling (with the exception of the jsx-runtime export) so the export maps are primarily for use
-in JS/web projects.
+The functionality in these packages is now exposed as part of this package.
 
-## Type Helpers
+## Component Patterns
 
-- TODO: There are a number of issues with the way types are handled in the larger fluentui-react-native project, helpers and core types will be added here to help solve inference issues, avoid hard typecasts, and help the project eventually move to typescript 5.x.
+The shared patterns for rendering components, as well as the JSX handlers have been centralized in this package. More information can be found [here](./src/component-patterns/README.md).
 
-## JSX Helpers
+## Type Helpers
 
-- TODO: Both classic and the new jsx-runtime helpers will eventually come out of this package and be shared between old and new frameworks. This will be necessary to improve typing across the board.
+- TODO: There are a number of issues with the way types are handled in the larger fluentui-react-native project, helpers and core types will be added here to help solve inference issues, avoid hard typecasts, and help the project eventually move to typescript 5.x.

package/lib/component-patterns/render.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import * as ReactJSX from 'react/jsx-runtime';
+import type { RenderType, RenderResult } from './render.types';
+export type CustomRender = () => RenderResult;
+export declare function renderForJsxRuntime<TProps>(type: React.ElementType, props: React.PropsWithChildren<TProps>, key?: React.Key, jsxFn?: typeof ReactJSX.jsx): RenderResult;
+export declare function renderForClassicRuntime<TProps>(type: RenderType, props: TProps, ...children: React.ReactNode[]): RenderResult;
+export declare const renderSlot: typeof renderForClassicRuntime;
+//# sourceMappingURL=render.d.ts.map

package/lib/component-patterns/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/component-patterns/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAA0C,MAAM,gBAAgB,CAAC;AAEvG,MAAM,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC;AAgB9C,wBAAgB,mBAAmB,CAAC,MAAM,EACxC,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,EACf,KAAK,GAAE,OAAO,QAAQ,CAAC,GAAkB,GACxC,YAAY,CAad;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,YAAY,CAW7H;AAED,eAAO,MAAM,UAAU,gCAA0B,CAAC"}

package/lib/component-patterns/render.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import * as ReactJSX from 'react/jsx-runtime';
+function asDirectComponent(type) {
+    if (typeof type === 'function' && type._callDirect) {
+        return type;
+    }
+    return undefined;
+}
+function asLegacyDirectComponent(type) {
+    if (typeof type === 'function' && type._canCompose) {
+        return type;
+    }
+    return undefined;
+}
+export function renderForJsxRuntime(type, props, key, jsxFn = ReactJSX.jsx) {
+    const legacyDirect = asLegacyDirectComponent(type);
+    if (legacyDirect) {
+        const { children, ...rest } = props;
+        const newProps = { ...rest, key };
+        return legacyDirect(newProps, ...React.Children.toArray(children));
+    }
+    const directComponent = asDirectComponent(type);
+    if (directComponent) {
+        const newProps = { ...props, key };
+        return directComponent(newProps);
+    }
+    return jsxFn(type, props, key);
+}
+export function renderForClassicRuntime(type, props, ...children) {
+    const legacyDirect = asLegacyDirectComponent(type);
+    if (legacyDirect) {
+        return legacyDirect(props, ...children);
+    }
+    const directComponent = asDirectComponent(type);
+    if (directComponent) {
+        const newProps = { ...props, children };
+        return directComponent(newProps);
+    }
+    return React.createElement(type, props, ...children);
+}
+export const renderSlot = renderForClassicRuntime;
+//# sourceMappingURL=render.js.map

package/lib/component-patterns/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/component-patterns/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAK9C,SAAS,iBAAiB,CAAS,IAAgB;IACjD,IAAI,OAAO,IAAI,KAAK,UAAU,IAAK,IAAgC,CAAC,WAAW,EAAE;QAC/E,OAAO,IAA+B,CAAC;KACxC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,uBAAuB,CAAS,IAAgB;IACvD,IAAI,OAAO,IAAI,KAAK,UAAU,IAAK,IAAsC,CAAC,WAAW,EAAE;QACrF,OAAO,IAAqC,CAAC;KAC9C;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,IAAuB,EACvB,KAAsC,EACtC,GAAe,EACf,QAA6B,QAAQ,CAAC,GAAG;IAEzC,MAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,YAAY,EAAE;QAChB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACpC,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;QAClC,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAiB,CAAC;KACpF;IACD,MAAM,eAAe,GAAG,iBAAiB,CAAS,IAAI,CAAC,CAAC;IACxD,IAAI,eAAe,EAAE;QACnB,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,CAAC;QACnC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;KAClC;IACD,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAS,IAAgB,EAAE,KAAa,EAAE,GAAG,QAA2B;IAC7G,MAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,YAAY,EAAE;QAChB,OAAO,YAAY,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAiB,CAAC;KACzD;IACD,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,eAAe,EAAE;QACnB,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;QACxC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;KAClC;IACD,OAAO,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,uBAAuB,CAAC"}

package/lib/component-patterns/render.types.d.ts

@@ -0,0 +1,98 @@
+import type React from 'react';
+import type ReactJSX from 'react/jsx-runtime';
+/**
+ * Base types for rendering components in a react application, extracted from react types
+ */
+export type RenderResult = ReturnType<typeof ReactJSX.jsx>;
+export type RenderType = Parameters<typeof ReactJSX.jsx>[0] | string;
+/**
+ * The standard element type inputs for react and react-native. This might be View or Button, or it might be 'div' in web. Effectively
+ * it is what react accepts for React.createElement
+ */
+export type NativeReactType = RenderType;
+/**
+ * DIRECT RENDERING
+ *
+ * This is a pattern where a function can by called directly to render a component, bypassing creating additional layers of the
+ * rendering tree. This is useful for higher order components that mainly need to do simple prop manipulation but want to
+ * compartmentalize the logic.
+ *
+ * Note that for this to be safe, hooks cannot be used in the function. This is the reason why function component is redefined,
+ * to help linting tools catch bad usage.
+ *
+ * The newer DirectComponent type should be used, as it will handle children consistently.
+ */
+/**
+ * type of the render function, not a FunctionComponent to help prevent hook usage
+ */
+export type DirectComponentFunction<TProps> = (props: TProps) => RenderResult;
+/**
+ * The full component definition that has the attached properties to allow the jsx handlers to render it directly.
+ */
+export type DirectComponent<TProps> = DirectComponentFunction<TProps> & {
+    displayName?: string;
+    _callDirect?: boolean;
+};
+/**
+ * Legacy slot function type, this allows the rendering handlers to bypass the normal JSX rendering and call the function
+ * directly. This expects the function to have children as the last argument of the call which isn't consistent with standard
+ * react usage, where children are passed as a prop. If writing new components use the DirectComponent type instead.
+ * @deprecated use DirectComponent instead
+ */
+export type LegacyDirectComponent<TProps> = React.FunctionComponent<TProps> & {
+    _canCompose?: boolean;
+};
+/**
+ * Legacy type name used for consistency with old rendering patterns.
+ */
+export type SlotFn<TProps> = LegacyDirectComponent<TProps>;
+/**
+ * MULTI-STAGE RENDERING
+ *
+ * The above direct rendering pattern is useful for simple components, but it does not allow for hooks or complex logic. The staged render pattern allows
+ * for a component to be rendered in two stages, allowing for hooks to be used in the first stage and then the second stage to be a simple render function that can
+ * be called directly.
+ *
+ * In code that respects the pattern the first stage will be called with props (though children will not be present) and will return a function that will be called
+ * with additional props, this time with children present. This allows for the first stage to handle all the logic and hooks, while the second stage can be a simple render function
+ * that can leverage direct rendering if supported.
+ *
+ * The component itself will be a FunctionComponent, but it will have an attached property that is the staged render function. This allows the component to be used in two
+ * parts via the useSlot hook, or to be used directly in JSX/TSX as a normal component.
+ */
+/**
+ * This is an updated version of the staged render that handles children and types more consistently. Generally children
+ * will be passed as part of the props for component rendering, it is inconsistent to have them as a variable argument.
+ *
+ * The `children` prop will be automatically inferred and typed correctly by the prop type. Hooks are still expected
+ */
+export type TwoStageRender<TProps> = (props: TProps) => React.ComponentType<React.PropsWithChildren<TProps>>;
+/**
+ * Component type for a component that can be rendered in two stages, with the attached render function.
+ */
+export type StagedComponent<TProps> = React.FunctionComponent<TProps> & {
+    _twoStageRender?: TwoStageRender<TProps>;
+};
+/**
+ * The final rendering of the props in a staged render. This is the function component signature that matches that of
+ * React.createElement, children (if present) will be part of the variable args at the end.
+ */
+export type FinalRender<TProps> = (props: TProps, ...children: React.ReactNode[]) => JSX.Element | null;
+/**
+ * Signature for a staged render function.
+ * @deprecated Use TwoStageRender instead
+ */
+export type StagedRender<TProps> = (props: TProps, ...args: any[]) => FinalRender<TProps>;
+/**
+ * Signature for a component that uses the staged render pattern.
+ * @deprecated Use TwoStageRender instead
+ */
+export type ComposableFunction<TProps> = React.FunctionComponent<TProps> & {
+    _staged?: StagedRender<TProps>;
+};
+/**
+ * A type aggregating all the custom types that can be used in the render process.
+ * @internal only used in this package, should not be exported
+ */
+export type AnyCustomType<TProps> = React.FunctionComponent<TProps> | DirectComponent<TProps> | StagedComponent<TProps> | ComposableFunction<TProps> | LegacyDirectComponent<TProps>;
+//# sourceMappingURL=render.types.d.ts.map

package/lib/component-patterns/render.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.types.d.ts","sourceRoot":"","sources":["../../src/component-patterns/render.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;AAEzC;;;;;;;;;;;GAWG;AAEH;;GAEG;AACH,MAAM,MAAM,uBAAuB,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,MAAM,IAAI,uBAAuB,CAAC,MAAM,CAAC,GAAG;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,CAAC,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,MAAM,CAAC,MAAM,IAAI,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAE3D;;;;;;;;;;;;;GAaG;AAEH;;;;;GAKG;AACH,MAAM,MAAM,cAAc,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAE7G;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IACtE,eAAe,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CAC1C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAExG;;;GAGG;AACH,MAAM,MAAM,YAAY,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC;AAE1F;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAE9G;;;GAGG;AACH,MAAM,MAAM,aAAa,CAAC,MAAM,IAC5B,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAC/B,eAAe,CAAC,MAAM,CAAC,GACvB,eAAe,CAAC,MAAM,CAAC,GACvB,kBAAkB,CAAC,MAAM,CAAC,GAC1B,qBAAqB,CAAC,MAAM,CAAC,CAAC"}

package/lib/component-patterns/render.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=render.types.js.map

package/lib/component-patterns/render.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.types.js","sourceRoot":"","sources":["../../src/component-patterns/render.types.ts"],"names":[],"mappings":""}

package/lib/component-patterns/stagedComponent.d.ts

@@ -1,34 +1,4 @@
-import * as React from 'react';
-/**
- * The final rendering of the props in a staged render. This is the function component signature that matches that of
- * React.createElement, children (if present) will be part of the variable args at the end.
- */
-export type FinalRender<TProps> = (props: TProps, ...children: React.ReactNode[]) => JSX.Element | null;
-/**
- * This is a pattern of rendering where a functional component can be executed in two stages rather than in a single pass.
- *
- * The pattern looks like:
- * (props) => {
- *   // handle props
- *   // call hooks, remember these can't be conditional
- *   // build styles and props to pass to child components
- *
- *   return (additionalProps, ...children) => {
- *     // return the actual element tree, this includes conditional branching or rendering
- *     // mixin additional props, props which require logic should be required in phase 1.
- *
- *     // NOTE: This is where children will show up
- *   };
- * }
- */
-export type StagedRender<TProps> = (props: TProps, ...args: any[]) => FinalRender<TProps>;
-/**
- * A composable function may have a two stage render function as an attached property. This allows the function to work
- * in all the standard react flows, but allows for pulling out the staged render when components understand it.
- */
-export type ComposableFunction<TProps> = React.FunctionComponent<TProps> & {
-    _staged?: StagedRender<TProps>;
-};
+import type { StagedComponent, TwoStageRender, StagedRender, ComposableFunction } from './render.types';
 /**
  * Take a staged render function and make a real component out of it
  *
@@ -36,4 +6,10 @@ export type ComposableFunction<TProps> = React.FunctionComponent<TProps> & {
  * @param memo - optional flag to enable wrapping the created component in a React.memo HOC
  */
 export declare function stagedComponent<TProps>(staged: StagedRender<TProps>, memo?: boolean): ComposableFunction<TProps>;
+/**
+ * Take a two stage render function and make a real component out of it, attaching the staged render function
+ * so it can be split if used in that manner.
+ * @param staged - two stage render function to wrap into a staged component
+ */
+export declare function twoStageComponent<TProps>(staged: TwoStageRender<TProps>): StagedComponent<TProps>;
 //# sourceMappingURL=stagedComponent.d.ts.map

package/lib/component-patterns/stagedComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stagedComponent.d.ts","sourceRoot":"","sources":["../../src/component-patterns/stagedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAExG;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,YAAY,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC;AAE1F;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAM9G;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAQhH"}
+{"version":3,"file":"stagedComponent.d.ts","sourceRoot":"","sources":["../../src/component-patterns/stagedComponent.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAMxG;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAQhH;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAUjG"}

package/lib/component-patterns/stagedComponent.js

@@ -1,4 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx withSlots
+ */
 import * as React from 'react';
+import { withSlots } from './withSlots';
 function asArray(val) {
     return Array.isArray(val) ? val : [val];
 }
@@ -17,4 +22,17 @@ export function stagedComponent(staged, memo) {
     Object.assign(stagedComponent, { _staged: staged });
     return stagedComponent;
 }
+/**
+ * Take a two stage render function and make a real component out of it, attaching the staged render function
+ * so it can be split if used in that manner.
+ * @param staged - two stage render function to wrap into a staged component
+ */
+export function twoStageComponent(staged) {
+    return Object.assign((props) => {
+        const { children, ...outerProps } = props;
+        const innerProps = { children };
+        const Inner = staged(outerProps);
+        return withSlots(Inner, { ...innerProps });
+    }, { _twoStageRender: staged });
+}
 //# sourceMappingURL=stagedComponent.js.map

package/lib/component-patterns/stagedComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"stagedComponent.js","sourceRoot":"","sources":["../../src/component-patterns/stagedComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,SAAS,OAAO,CAAI,GAAY;IAC9B,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAS,MAA4B,EAAE,IAAc;IAClF,MAAM,SAAS,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACpC,OAAO,MAAM,CAAC,IAAc,CAAC,CAAC,EAAqC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1F,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IACpD,OAAO,eAA6C,CAAC;AACvD,CAAC"}
+{"version":3,"file":"stagedComponent.js","sourceRoot":"","sources":["../../src/component-patterns/stagedComponent.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,SAAS,OAAO,CAAI,GAAY;IAC9B,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAS,MAA4B,EAAE,IAAc;IAClF,MAAM,SAAS,GAAG,CAAC,KAAsC,EAAE,EAAE;QAC3D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACpC,OAAO,MAAM,CAAC,IAAc,CAAC,CAAC,EAAqC,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1F,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IACpD,OAAO,eAA6C,CAAC;AACvD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAS,MAA8B;IACtE,OAAO,MAAM,CAAC,MAAM,CAClB,CAAC,KAAsC,EAAE,EAAE;QACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;QAC1C,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAqC,CAAC;QACnE,MAAM,KAAK,GAAG,MAAM,CAAC,UAAoB,CAAC,CAAC;QAC3C,OAAO,UAAC,KAAK,OAAK,UAAU,GAAI,CAAC;IACnC,CAAC,EACD,EAAE,eAAe,EAAE,MAAM,EAAE,CAC5B,CAAC;AACJ,CAAC"}

package/lib/component-patterns/withSlots.d.ts

@@ -1,4 +1,4 @@
-import type { NativeReactType } from './renderSlot';
+import type React from 'react';
 /**
  * This function is required for any module that uses slots.
  *
@@ -11,5 +11,5 @@ import type { NativeReactType } from './renderSlot';
  *
  * See React.createElement
  */
-export declare function withSlots<P>(reactType: NativeReactType, props?: (React.Attributes & P) | null, ...children: React.ReactNode[]): ReturnType<React.FunctionComponent<P>>;
+export declare function withSlots(reactType: Parameters<typeof React.createElement>[0], props?: unknown, ...children: React.ReactNode[]): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=withSlots.d.ts.map

package/lib/component-patterns/withSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withSlots.d.ts","sourceRoot":"","sources":["../../src/component-patterns/withSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD;;;;;;;;;;;GAWG;AAGH,wBAAgB,SAAS,CAAC,CAAC,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,EACrC,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAC7B,UAAU,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAGxC"}
+{"version":3,"file":"withSlots.d.ts","sourceRoot":"","sources":["../../src/component-patterns/withSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;GAWG;AAGH,wBAAgB,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,sEAG9H"}

package/lib/component-patterns/withSlots.js

@@ -1,4 +1,4 @@
-import { renderSlot } from './renderSlot';
+import { renderForClassicRuntime } from './render';
 /**
  * This function is required for any module that uses slots.
  *
@@ -14,6 +14,6 @@ import { renderSlot } from './renderSlot';
 // Can't use typeof on React.createElement since it's overloaded. Approximate createElement's signature for now and widen as needed.
 export function withSlots(reactType, props, ...children) {
     // if it is a non-string type with _canCompose set just call the function directly, otherwise call createElement as normal
-    return renderSlot(reactType, props, ...children);
+    return renderForClassicRuntime(reactType, props, ...children);
 }
 //# sourceMappingURL=withSlots.js.map

package/lib/component-patterns/withSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSlots.js","sourceRoot":"","sources":["../../src/component-patterns/withSlots.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;;;;;;;;GAWG;AAEH,oIAAoI;AACpI,MAAM,UAAU,SAAS,CACvB,SAA0B,EAC1B,KAAqC,EACrC,GAAG,QAA2B;IAE9B,0HAA0H;IAC1H,OAAO,UAAU,CAAI,SAAS,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC;AACtD,CAAC"}
+{"version":3,"file":"withSlots.js","sourceRoot":"","sources":["../../src/component-patterns/withSlots.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD;;;;;;;;;;;GAWG;AAEH,oIAAoI;AACpI,MAAM,UAAU,SAAS,CAAC,SAAoD,EAAE,KAAe,EAAE,GAAG,QAA2B;IAC7H,0HAA0H;IAC1H,OAAO,uBAAuB,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC;AAChE,CAAC"}

package/lib/index.d.ts

@@ -6,9 +6,9 @@ export { memoize } from './memo-cache/memoize';
 export type { StyleProp } from './merge-props/mergeStyles.types';
 export { mergeStyles } from './merge-props/mergeStyles';
 export { mergeProps } from './merge-props/mergeProps';
-export { renderSlot } from './component-patterns/renderSlot';
-export type { SlotFn, NativeReactType } from './component-patterns/renderSlot';
+export { renderForClassicRuntime, renderForJsxRuntime, renderSlot } from './component-patterns/render';
+export type { DirectComponent, DirectComponentFunction, LegacyDirectComponent, StagedComponent, StagedRender, TwoStageRender, RenderType, RenderResult, ComposableFunction, FinalRender, SlotFn, NativeReactType, } from './component-patterns/render.types';
 export { withSlots } from './component-patterns/withSlots';
-export { stagedComponent } from './component-patterns/stagedComponent';
-export type { FinalRender, StagedRender, ComposableFunction } from './component-patterns/stagedComponent';
+export { stagedComponent, twoStageComponent } from './component-patterns/stagedComponent';
+export { jsx, jsxs } from './jsx-runtime';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAChH,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,YAAY,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAChH,YAAY,EACV,wBAAwB,EACxB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,YAAY,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACvG,YAAY,EACV,eAAe,EACf,uBAAuB,EACvB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,eAAe,GAChB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC"}

package/lib/index.js

@@ -5,7 +5,8 @@ export { memoize } from './memo-cache/memoize';
 export { mergeStyles } from './merge-props/mergeStyles';
 export { mergeProps } from './merge-props/mergeProps';
 // component pattern exports
-export { renderSlot } from './component-patterns/renderSlot';
+export { renderForClassicRuntime, renderForJsxRuntime, renderSlot } from './component-patterns/render';
 export { withSlots } from './component-patterns/withSlots';
-export { stagedComponent } from './component-patterns/stagedComponent';
+export { stagedComponent, twoStageComponent } from './component-patterns/stagedComponent';
+export { jsx, jsxs } from './jsx-runtime';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAYhH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,4BAA4B;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAYhH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAevG,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC"}

package/lib/jsx-runtime.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+export declare function jsx(type: React.ElementType, props: React.PropsWithChildren<unknown>, key?: React.Key): React.ReactElement;
+export declare function jsxs(type: React.ElementType, props: React.PropsWithChildren<unknown>, key?: React.Key): React.ReactElement;
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/lib/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,YAAY,CAEzH;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,YAAY,CAE1H"}

package/lib/jsx-runtime.js

@@ -0,0 +1,9 @@
+import * as ReactJSX from 'react/jsx-runtime';
+import { renderForJsxRuntime } from './component-patterns/render';
+export function jsx(type, props, key) {
+    return renderForJsxRuntime(type, props, key, ReactJSX.jsx);
+}
+export function jsxs(type, props, key) {
+    return renderForJsxRuntime(type, props, key, ReactJSX.jsxs);
+}
+//# sourceMappingURL=jsx-runtime.js.map

package/lib/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,UAAU,GAAG,CAAC,IAAuB,EAAE,KAAuC,EAAE,GAAe;IACnG,OAAO,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,IAAuB,EAAE,KAAuC,EAAE,GAAe;IACpG,OAAO,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC"}

package/lib-commonjs/component-patterns/render.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import * as ReactJSX from 'react/jsx-runtime';
+import type { RenderType, RenderResult } from './render.types';
+export type CustomRender = () => RenderResult;
+export declare function renderForJsxRuntime<TProps>(type: React.ElementType, props: React.PropsWithChildren<TProps>, key?: React.Key, jsxFn?: typeof ReactJSX.jsx): RenderResult;
+export declare function renderForClassicRuntime<TProps>(type: RenderType, props: TProps, ...children: React.ReactNode[]): RenderResult;
+export declare const renderSlot: typeof renderForClassicRuntime;
+//# sourceMappingURL=render.d.ts.map

package/lib-commonjs/component-patterns/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/component-patterns/render.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAA0C,MAAM,gBAAgB,CAAC;AAEvG,MAAM,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC;AAgB9C,wBAAgB,mBAAmB,CAAC,MAAM,EACxC,IAAI,EAAE,KAAK,CAAC,WAAW,EACvB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACtC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,EACf,KAAK,GAAE,OAAO,QAAQ,CAAC,GAAkB,GACxC,YAAY,CAad;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,YAAY,CAW7H;AAED,eAAO,MAAM,UAAU,gCAA0B,CAAC"}

package/lib-commonjs/component-patterns/render.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderSlot = exports.renderForClassicRuntime = exports.renderForJsxRuntime = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ReactJSX = tslib_1.__importStar(require("react/jsx-runtime"));
+function asDirectComponent(type) {
+    if (typeof type === 'function' && type._callDirect) {
+        return type;
+    }
+    return undefined;
+}
+function asLegacyDirectComponent(type) {
+    if (typeof type === 'function' && type._canCompose) {
+        return type;
+    }
+    return undefined;
+}
+function renderForJsxRuntime(type, props, key, jsxFn = ReactJSX.jsx) {
+    const legacyDirect = asLegacyDirectComponent(type);
+    if (legacyDirect) {
+        const { children, ...rest } = props;
+        const newProps = { ...rest, key };
+        return legacyDirect(newProps, ...react_1.default.Children.toArray(children));
+    }
+    const directComponent = asDirectComponent(type);
+    if (directComponent) {
+        const newProps = { ...props, key };
+        return directComponent(newProps);
+    }
+    return jsxFn(type, props, key);
+}
+exports.renderForJsxRuntime = renderForJsxRuntime;
+function renderForClassicRuntime(type, props, ...children) {
+    const legacyDirect = asLegacyDirectComponent(type);
+    if (legacyDirect) {
+        return legacyDirect(props, ...children);
+    }
+    const directComponent = asDirectComponent(type);
+    if (directComponent) {
+        const newProps = { ...props, children };
+        return directComponent(newProps);
+    }
+    return react_1.default.createElement(type, props, ...children);
+}
+exports.renderForClassicRuntime = renderForClassicRuntime;
+exports.renderSlot = renderForClassicRuntime;
+//# sourceMappingURL=render.js.map

package/lib-commonjs/component-patterns/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/component-patterns/render.ts"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oEAA8C;AAK9C,SAAS,iBAAiB,CAAS,IAAgB;IACjD,IAAI,OAAO,IAAI,KAAK,UAAU,IAAK,IAAgC,CAAC,WAAW,EAAE;QAC/E,OAAO,IAA+B,CAAC;KACxC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,uBAAuB,CAAS,IAAgB;IACvD,IAAI,OAAO,IAAI,KAAK,UAAU,IAAK,IAAsC,CAAC,WAAW,EAAE;QACrF,OAAO,IAAqC,CAAC;KAC9C;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,mBAAmB,CACjC,IAAuB,EACvB,KAAsC,EACtC,GAAe,EACf,QAA6B,QAAQ,CAAC,GAAG;IAEzC,MAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,YAAY,EAAE;QAChB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QACpC,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;QAClC,OAAO,YAAY,CAAC,QAAQ,EAAE,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAiB,CAAC;KACpF;IACD,MAAM,eAAe,GAAG,iBAAiB,CAAS,IAAI,CAAC,CAAC;IACxD,IAAI,eAAe,EAAE;QACnB,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,CAAC;QACnC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;KAClC;IACD,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AACjC,CAAC;AAlBD,kDAkBC;AAED,SAAgB,uBAAuB,CAAS,IAAgB,EAAE,KAAa,EAAE,GAAG,QAA2B;IAC7G,MAAM,YAAY,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,YAAY,EAAE;QAChB,OAAO,YAAY,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAiB,CAAC;KACzD;IACD,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,eAAe,EAAE;QACnB,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC;QACxC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;KAClC;IACD,OAAO,eAAK,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,CAAC;AACvD,CAAC;AAXD,0DAWC;AAEY,QAAA,UAAU,GAAG,uBAAuB,CAAC"}