@meonode/ui 0.1.30 → 0.1.32

package/dist/core.node.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { ComponentNode, NodeElement, NodeInstance, NodeProps } from './node.type.js';
-import { type Root as ReactDOMRoot } from 'react-dom/client';
+import type { ComponentNode, NodeElement, NodeInstance, NodeProps, PortalLauncher, PortalLauncherWithFixedProviders, PortalProps } from './node.type.js';
 /**
  * Factory function to create a BaseNode instance.
  * @param element The React element type.
@@ -34,32 +33,33 @@ export declare function Component<P extends Record<string, any>>(component: (pro
     children?: NodeElement;
 }) => ComponentNode): (props?: any) => React.ReactNode;
 /**
- * Creates a portal wrapper component for rendering content outside the normal DOM hierarchy.
- * Portals are useful for rendering modals, tooltips, and other overlays that need to break out
- * of their parent container's DOM structure while maintaining React context and event bubbling.
+ * Creates a portal component that renders its content outside the normal DOM hierarchy.
+ * Supports wrapping the portal content with provider components for context/theme inheritance.
  *
- * Key features:
- * - Renders content to a separate DOM node outside the parent hierarchy
- * - Maintains theme inheritance through the portal
- * - Provides portal instance with unmount control
- * - Automatically cleans up DOM nodes on unmount
- * @template P Props type for the wrapped component including theme and portal instance
- * @param component Component function that returns portal content
- * @returns Function that creates and manages the portal instance
+ * A portal creates a new DOM element and renders React content into it, useful for modals,
+ * popovers, and other overlays that need to break out of their parent container's DOM hierarchy.
+ *
+ * The portal content can be wrapped with provider components to maintain context/theme inheritance:
+ * 1. Fixed providers specified when creating the portal via Portal(providers, component)
+ * 2. Dynamic providers passed as props when launching the portal
+ * @template P_Content - Props type for the portal's content component
  * @example
- * ```ts
- * const Modal = Portal(({ portal }) => {
- *   return Div({
- *     onClick: () => portal.unmount(),
- *     children: "Click to close"
- *   })
+ * // Basic portal with no providers
+ * const Modal = Portal((props) => Div({ children: props.children }));
+ *
+ * // Portal with fixed theme provider
+ * const ThemedModal = Portal(
+ *   ThemeProvider({ theme }),
+ *   (props) => Div({ children: props.children })
+ * )
+ *
+ * // Usage with dynamic providers
+ * const modal = Modal({
+ *   providers: [ThemeProvider({ theme })],
+ *   children: "Modal content"
  * })
- * ```
+ * modal.unmount(); // Clean up when done
  */
-export declare function Portal<P extends Record<string, any>>(component: (props: P & {
-    children?: NodeElement;
-    portal: {
-        unmount: () => void;
-    };
-}) => ComponentNode): (props?: any) => ReactDOMRoot | null;
+export declare function Portal<P_Content extends Record<string, any>>(providers: NodeInstance<any> | NodeInstance<any>[], component: (props: PortalProps<P_Content>) => ComponentNode): PortalLauncherWithFixedProviders<P_Content>;
+export declare function Portal<P_Content extends Record<string, any>>(component: (props: PortalProps<P_Content>) => ComponentNode): PortalLauncher<P_Content>;
 //# sourceMappingURL=core.node.d.ts.map

package/dist/core.node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.node.d.ts","sourceRoot":"","sources":["../src/core.node.ts"],"names":[],"mappings":"AACA,OAAO,KAAyG,MAAM,OAAO,CAAA;AAC7H,OAAO,KAAK,EAAE,aAAa,EAAyC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAuB,MAAM,mBAAmB,CAAA;AAGxJ,OAAO,EAAc,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAuexE;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,GAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAU1G;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrD,SAAS,EAAE,CACT,KAAK,EAAE,CAAC,GAAG;IACT,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB,KACE,aAAa,IAkBV,QAAO,GAAQ,qBACxB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClD,SAAS,EAAE,CACT,KAAK,EAAE,CAAC,GAAG;IACT,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CAChC,KACE,aAAa,IAgBV,QAAO,GAAQ,yBAIxB"}
+{"version":3,"file":"core.node.d.ts","sourceRoot":"","sources":["../src/core.node.ts"],"names":[],"mappings":"AACA,OAAO,KAAyG,MAAM,OAAO,CAAA;AAC7H,OAAO,KAAK,EACV,aAAa,EAGb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,cAAc,EACd,gCAAgC,EAChC,WAAW,EAGZ,MAAM,mBAAmB,CAAA;AA2c1B;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,GAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAU1G;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrD,SAAS,EAAE,CACT,KAAK,EAAE,CAAC,GAAG;IACT,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB,KACE,aAAa,IAkBV,QAAO,GAAQ,qBACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,MAAM,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1D,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,EAAE,EAClD,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,aAAa,GAC1D,gCAAgC,CAAC,SAAS,CAAC,CAAA;AAC9C,wBAAgB,MAAM,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,aAAa,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA"}

package/dist/core.node.js

@@ -1,4 +1,4 @@
-"use strict";var _excluded=["children","nodetheme","theme"],_excluded2=["style"],_excluded3=["children","key"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _classCallCheck(b,a){if(!(b instanceof a))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,_toPropertyKey(c.key),c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),Object.defineProperty(a,"prototype",{writable:!1}),a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import React,{createElement,isValidElement}from"react";import{getComponentType,getCSSProps,getDOMProps,getElementTypeName,getValueByPath}from"./node.helper.js";import{isForwardRef,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper.js";import{createRoot}from"react-dom/client";/**
+"use strict";var _excluded=["children","nodetheme","theme"],_excluded2=["style"],_excluded3=["children","key"],_excluded4=["nodetheme"],_excluded5=["providers","nodetheme"];function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _classCallCheck(b,a){if(!(b instanceof a))throw new TypeError("Cannot call a class as a function")}function _defineProperties(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(a,_toPropertyKey(c.key),c)}function _createClass(a,b,c){return b&&_defineProperties(a.prototype,b),c&&_defineProperties(a,c),Object.defineProperty(a,"prototype",{writable:!1}),a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==_typeof(b)?b:b+""}function _toPrimitive(a,b){if("object"!=_typeof(a)||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=_typeof(d))return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}import React,{createElement,isValidElement}from"react";import{getComponentType,getCSSProps,getDOMProps,getElementTypeName,getValueByPath}from"./node.helper.js";import{isForwardRef,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper.js";import{createRoot}from"react-dom/client";/**
  * Represents a node in a React component tree with theme and styling capabilities.
  * This class wraps React elements and handles:
  * - Props processing and normalization
@@ -24,51 +24,27 @@ var d=c.children,e=c.nodetheme,f=c.theme,g=_objectWithoutProperties(c,_excluded)
 // Extract remaining props that are valid DOM attributes
 // Process children while maintaining theme inheritance
 // Combine processed props into final normalized form
-d&&(Array.isArray(d)?l=d.map(function(a,c){return b._processRawNode(a,h,c)}):l=this._processRawNode(d,h)),this.props=_objectSpread(_objectSpread({},k),{},{style:j,nodetheme:h,theme:f,children:l})}// In class BaseNode
-/**
-   * Resolves obj properties by replacing theme path placeholders with actual theme values.
-   * Handles complex strings like '1px solid theme.background.primary' and nested objects.
-   * This version includes detection for circular references to prevent infinite loops.
-   * @param obj The initial obj properties object.
-   * @param theme The theme object to use for resolving paths.
-   * @returns A new CSSProperties object with theme values resolved.
-   */return _createClass(BaseNode,[{key:"_resolveObjWithTheme",value:function _resolveObjWithTheme(a,b){var c;// Return early if no theme or empty object
-if(!b||0===Object.keys(a).length)return a;// Merge raw nodetheme with passed theme for resolution
-var d=_objectSpread(_objectSpread({},null===(c=this.rawProps)||void 0===c?void 0:c.nodetheme),b),e=function resolveRecursively(a,b){// Prevent infinite recursion by detecting cycles in the object graph
-// If this object was already processed in the current branch, return it as-is
-if(b.has(a))return a;// Track this object to detect future cycles
-b.add(a);var c={};// Process all enumerable properties of the current object
-for(var f in a)// Skip inherited properties from the prototype chain
-// This ensures we only process the object's own properties
-if(Object.prototype.hasOwnProperty.call(a,f)){var g=a[f];// Special handling for "private" properties that start with underscore
-// These are exempt from theme resolution to allow implementation details
-if(f.startsWith("_")){c[f]=g;continue}// Process string values that contain theme path references
-// Example: "1px solid theme.colors.border" -> "1px solid #ccc"
-if("string"==typeof g&&g.includes("theme.")){var h=g;// Find and replace all theme path references using regex
-h=h.replace(/theme\.([a-zA-Z0-9_.-]+)/g,function(a,b){var c=getValueByPath(d,b);// Only convert theme values that are strings or numbers
-// Other types are left as-is to maintain the reference format
-return void 0!==c&&null!==c&&("string"==typeof c||"number"==typeof c)?c+"":a;// Theme path not found - keep original reference
-// Could add warning: console.warn(`Theme path ${path} not found`)
-}),c[f]=h}// Recursively process nested objects, excluding arrays
-// This allows theme resolution in deeply nested structures
-else c[f]=g&&"object"===_typeof(g)&&!Array.isArray(g)?// Use same visited set to maintain cycle detection across the entire tree
-e(g,b):g}// Important: We added `currentObj` to `visited` at the start of this function call.
-// For cycle detection within a single top-level `_resolveObjWithTheme` call,
-// we don't remove it here. The `visited` set is fresh for each top-level call.
-// If `visited` was a longer-lived cache across multiple calls, cleanup logic might be needed.
-return c};/**
-     * Recursively resolves theme values in an object by traversing its properties and replacing theme path references.
-     *
-     * This function handles:
-     * - Theme path resolution (e.g. 'theme.colors.primary' -> '#ff0000')
-     * - Nested object traversal with cycle detection
-     * - Type preservation for non-theme values
-     * - Special case handling for private props (starting with '_')
-     * @param currentObj The current object being processed in the recursion
-     * @param visited Set tracking visited objects to prevent infinite loops from circular references
-     * @returns A new object with all theme path references resolved to actual values
-     */// Initial call to the recursive function with a new Set to track visited objects for this resolution.
-return e(a,new Set)}/**
+d&&(Array.isArray(d)?l=d.map(function(a,c){return b._processRawNode(a,h,c)}):l=this._processRawNode(d,h)),this.props=_objectSpread(_objectSpread({},k),{},{style:j,nodetheme:h,theme:f,children:l})}/**
+   * Resolves theme variable references in an object's values recursively.
+   * Handles nested objects and prevents circular references.
+   * Theme variables are referenced using the format "theme.path.to.value".
+   * @param obj The object whose values should be resolved against the theme
+   * @param theme Optional theme object containing variable definitions
+   * @returns A new object with all theme variables resolved to their values
+   */return _createClass(BaseNode,[{key:"_resolveObjWithTheme",value:function _resolveObjWithTheme(a,b){var c;// Early return if no theme or empty object
+if(!b||0===Object.keys(a).length)return a;// Merge parent theme with current theme
+var d=_objectSpread(_objectSpread({},null===(c=this.rawProps)||void 0===c?void 0:c.nodetheme),b),e=function resolveRecursively(a,b){// Prevent processing same object multiple times
+if(b.has(a))return a;// Track this object to detect circular references
+b.add(a);var c={};for(var f in a)// Skip non-own properties
+if(Object.prototype.hasOwnProperty.call(a,f)){var g=a[f];// Skip private props (starting with _)
+if(f.startsWith("_")){c[f]=g;continue}// Resolve theme variables in string values
+if("string"==typeof g&&g.includes("theme.")){var h=g;h=h.replace(/theme\.([a-zA-Z0-9_.-]+)/g,function(a,b){var c=getValueByPath(d,b);// Only convert string/number theme values
+return void 0!==c&&null!==c&&"object"!==_typeof(c)?c:a;// Keep original if no valid theme value found
+}),c[f]=h}// Recursively process nested objects
+else c[f]=g&&"object"===_typeof(g)&&!Array.isArray(g)?e(g,b):g}return c};/**
+     * Recursively resolves theme variables in an object, tracking visited objects
+     * to prevent infinite recursion with circular references.
+     */return e(a,new Set)}/**
    * React component that renders the result of a function child, supporting theme propagation.
    *
    * This component is used to render children that are functions (i.e., `() => Children`).
@@ -179,25 +155,43 @@ return c.theme&&!c.nodetheme&&(c.nodetheme=c.theme),new BaseNode(a,c)}/**
 var b=function renderer(){var b=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},c=a(b);// Execute wrapped component
 // Handle BaseNode results - requires special processing
 if(c instanceof BaseNode){var d,e,f=(null===(d=c.rawProps)||void 0===d?void 0:d.nodetheme)||(null===(e=c.rawProps)||void 0===e?void 0:e.theme)||b.nodetheme||b.theme;return Node(c.element,_objectSpread(_objectSpread({},c.rawProps),{},{nodetheme:f})).render()}return c};return function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return Node(b,a).render()}}/**
- * Creates a portal wrapper component for rendering content outside the normal DOM hierarchy.
- * Portals are useful for rendering modals, tooltips, and other overlays that need to break out
- * of their parent container's DOM structure while maintaining React context and event bubbling.
+ * Creates a portal component that renders its content outside the normal DOM hierarchy.
+ * Supports wrapping the portal content with provider components for context/theme inheritance.
  *
- * Key features:
- * - Renders content to a separate DOM node outside the parent hierarchy
- * - Maintains theme inheritance through the portal
- * - Provides portal instance with unmount control
- * - Automatically cleans up DOM nodes on unmount
- * @template P Props type for the wrapped component including theme and portal instance
- * @param component Component function that returns portal content
- * @returns Function that creates and manages the portal instance
+ * A portal creates a new DOM element and renders React content into it, useful for modals,
+ * popovers, and other overlays that need to break out of their parent container's DOM hierarchy.
+ *
+ * The portal content can be wrapped with provider components to maintain context/theme inheritance:
+ * 1. Fixed providers specified when creating the portal via Portal(providers, component)
+ * 2. Dynamic providers passed as props when launching the portal
+ * @template P_Content - Props type for the portal's content component
  * @example
- * ```ts
- * const Modal = Portal(({ portal }) => {
- *   return Div({
- *     onClick: () => portal.unmount(),
- *     children: "Click to close"
- *   })
+ * // Basic portal with no providers
+ * const Modal = Portal((props) => Div({ children: props.children }));
+ *
+ * // Portal with fixed theme provider
+ * const ThemedModal = Portal(
+ *   ThemeProvider({ theme }),
+ *   (props) => Div({ children: props.children })
+ * )
+ *
+ * // Usage with dynamic providers
+ * const modal = Modal({
+ *   providers: [ThemeProvider({ theme })],
+ *   children: "Modal content"
  * })
- * ```
- */export function Portal(a){var b=null,c=function renderer(){var c=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},d=a(_objectSpread(_objectSpread({},c),{},{portal:b}));if(d instanceof BaseNode){var e,f,g=(null===(e=d.rawProps)||void 0===e?void 0:e.nodetheme)||(null===(f=d.rawProps)||void 0===f?void 0:f.theme)||c.nodetheme||c.theme;return Node(d.element,_objectSpread(_objectSpread({},d.rawProps),{},{nodetheme:g})).render()}return d};return function(){var a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return b=Node(c,a).toPortal(),b}}
+ * modal.unmount(); // Clean up when done
+ */export function Portal(a,b){// Track fixed providers passed during portal creation
+var c,d=void 0,e=null;// Parse arguments to determine which overload is being used
+if("function"==typeof b&&(a instanceof BaseNode||Array.isArray(a)&&a.every(function(a){return a instanceof BaseNode})))// Overload 1: Portal(providers, component) - Fixed providers
+d=Array.isArray(a)?a:[a],c=b;else if("function"==typeof a&&b===void 0)// Overload 2: Portal(component) - Dynamic providers via props
+c=a;else throw new Error("Invalid arguments for Portal HOC. Use Portal(component) or Portal(providersArrayOrNodeInstance, component).");// Control object passed to portal content for cleanup
+var f={unmount:function unmount(){e&&(e.unmount(),e=null)}},g=function renderer(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=a.nodetheme,d=_objectWithoutProperties(a,_excluded4),e=c(_objectSpread(_objectSpread({},d),{},{portal:f}));// Handle BaseNode results by properly applying the theme
+if(e instanceof BaseNode){var g,h,i=(null===(g=e.rawProps)||void 0===g?void 0:g.nodetheme)||(null===(h=e.rawProps)||void 0===h?void 0:h.theme)||a.nodetheme;return Node(e.element,_objectSpread(_objectSpread({},e.rawProps),{},{nodetheme:i})).render()}return e};// Renderer function that executes portal content with control object
+// Return launcher function that creates and manages the portal instance
+return function(a){var b,c=void 0;// Combine fixed and dynamic providers in the correct order
+d?c=d:a.providers&&(c=Array.isArray(a.providers)?a.providers:[a.providers]);// Extract props needed for portal setup vs content
+var f=a.providers,h=a.nodetheme,i=_objectWithoutProperties(a,_excluded5),j=_objectSpread(_objectSpread({},i),{},{nodetheme:h}),k=Node(g,j);// Create node for portal content with renderer
+// Wrap content with providers if any exist
+return b=c&&0<c.length?c.reduceRight(function(a,b){var c,d;// Validate each provider is a proper NodeInstance
+return b instanceof BaseNode?Node(b.element,_objectSpread(_objectSpread({},b.rawProps),{},{children:a,nodetheme:(null===(c=b.rawProps)||void 0===c?void 0:c.nodetheme)||(null===(d=b.rawProps)||void 0===d?void 0:d.theme)||h})):(console.warn("Portal: Item in providers array is not a valid NodeInstance. Skipping.",b),a)},k):k,e=b.toPortal(),e}}