@meonode/ui 0.1.27 → 0.1.29

package/dist/core.node.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentNode, NodeElement, NodeInstance, NodeProps, Theme } from './node.type.js';
+import type { ComponentNode, NodeElement, NodeInstance, NodeProps } from './node.type.js';
 import { type Root as ReactDOMRoot } from 'react-dom/client';
 /**
  * Factory function to create a BaseNode instance.
@@ -30,9 +30,7 @@ export declare function Node<E extends NodeElement>(element: E, props?: Partial<
  * })
  * ```
  */
-export declare function Component<P extends Record<string, any> & {
-    theme?: Theme;
-}>(component: (props: P) => ComponentNode): (props?: any) => React.ReactNode;
+export declare function Component<P extends Record<string, any>>(component: (props: P) => 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
@@ -56,10 +54,9 @@ export declare function Component<P extends Record<string, any> & {
  * })
  * ```
  */
-export declare function Portal<P extends Record<string, any> & {
-    theme?: Theme;
+export declare function Portal<P extends Record<string, any>>(component: (props: P & {
     portal: {
         unmount: () => void;
     };
-}>(component: (props: P) => ComponentNode): (props?: any) => ReactDOMRoot | null;
+}) => ComponentNode): (props?: any) => ReactDOMRoot | null;
 //# 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,EAAgB,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGxJ,OAAO,EAAc,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAqbxE;;;;;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,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,aAAa,IAiBzG,QAAO,GAAQ,qBACxB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CACpB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CAChC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,aAAa,IAe9B,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,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,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,aAAa,IAiBrF,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,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CAChC,KACE,aAAa,IAgBV,QAAO,GAAQ,yBAIxB"}

package/dist/core.node.js

@@ -24,25 +24,51 @@ 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})}/**
+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){var b={};// Process each property in the current object
-for(var c in a){var f=a[c];// if (key.startsWith('_')) return currentObj // Hack to pass Next.js shitty error caused by Turbopack development thingy
-// Handle string values containing theme references
-if("string"==typeof f&&f.includes("theme.")){var g=f;// Replace theme path placeholders with actual theme values
-g=g.replace(/theme\.([a-zA-Z0-9_.-]+)/g,function(a,b){var c=getValueByPath(d,b);// Convert the theme value to string if it exists and is a valid type
-return null!=c&&["string","number"].includes(_typeof(c))?c+"":a}),b[c]=g}// Recursively process nested objects (excluding arrays)
-else b[c]=f&&"object"===_typeof(f)&&!Array.isArray(f)?e(f):f}return b};/**
-     * Recursively resolves theme values in an object
-     * @param currentObj The current object level being processed
-     * @returns New object with resolved theme values
-     */return e(a)}/**
+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)}/**
    * 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`).

package/dist/node.helper.d.ts

@@ -65,5 +65,5 @@ export declare function getDOMProps<E extends ElementType, T extends ComponentPr
  * @param path The dot-separated path string (e.g., 'background.primary').
  * @returns The value at the specified path, or undefined if not found.
  */
-export declare function getValueByPath(obj: Record<string, any> | undefined, path: string): any;
+export declare function getValueByPath(obj: Record<string, any> | undefined, path: string): Record<string, any>;
 //# sourceMappingURL=node.helper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"node.helper.d.ts","sourceRoot":"","sources":["../src/node.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAwBpE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,GAC3B,YAAY,WAAW,KAErB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,UAAU,GACV,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,MAAM,GACN,SAAS,GACT,SAAS,GACT,MAgBH,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAsFxD;AAwBD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAU3F;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAUjH;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAK,EAAE,IAAI,EAAE,MAAM,GAAG,GAAG,CAE/E"}
+{"version":3,"file":"node.helper.d.ts","sourceRoot":"","sources":["../src/node.helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAwBpE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,gBAAgB,GAC3B,YAAY,WAAW,KAErB,OAAO,GACP,YAAY,GACZ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,UAAU,GACV,eAAe,GACf,kBAAkB,GAClB,kBAAkB,GAClB,MAAM,GACN,SAAS,GACT,SAAS,GACT,MAgBH,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAsFxD;AAwBD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,CAU3F;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAUjH;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAK,EAAE,IAAI,EAAE,MAAM,uBAEzE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meonode/ui",
   "description": "A structured approach to component composition with built-in theming, prop separation, and dynamic children handling.",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",