@meonode/ui 0.1.95 → 0.1.97

package/dist/common.helper.d.ts

@@ -0,0 +1,85 @@
+import type { FinalNodeProps, NodeElement } from './node.type';
+import type { ComponentProps, CSSProperties, ElementType } from 'react';
+/**
+ * Retrieves a deeply nested value from an object using a dot-separated string path.
+ *
+ * This function traverses an object based on the provided path, which is a
+ * string of keys separated by dots. It returns the value found at the end of
+ * the path or `undefined` if any key in the path is not found or if the object
+ * is nullish at any point during traversal.
+ * @param obj The object to traverse, defaults to an empty object if not provided.
+ * @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): Record<string, any>;
+/**
+ * Returns a string describing the type of a given React component or element.
+ *
+ * Checks for common React types (class, forwardRef, memo, etc.) and returns a string
+ * such as 'class', 'forwardRef', 'memo', 'object-with-render', 'function', or other
+ * React-specific types. Falls back to `typeof` or 'unknown' if not recognized.
+ * @param component The React component, element type, or element-like object to check.
+ * @returns A string describing the component type.
+ * @example
+ * getComponentType(class extends React.Component {}) // 'class'
+ * getComponentType(React.forwardRef(() => <div/>)) // 'forwardRef'
+ * getComponentType(React.memo(() => <div/>)) // 'memo'
+ * getComponentType(() => <div/>) // 'function'
+ */
+export declare const getComponentType: (component?: NodeElement) => "class" | "forwardRef" | "memo" | "object" | "function" | "fragment" | "portal" | "profiler" | "strict-mode" | "suspense" | "suspense-list" | "context-consumer" | "context-provider" | "lazy" | "element" | "unknown" | string;
+/**
+ * Generates a string name for an ElementType or ReactElement.
+ *
+ * This function attempts to extract a meaningful name from a React ElementType
+ * (string, function, class, HOC) or a ReactElement instance.
+ * It prioritizes `displayName` and `name` properties and unwraps HOCs like
+ * `React.memo` and `React.forwardRef` to get the underlying component name.
+ *
+ * If a name cannot be determined, it returns a fallback like 'UnknownElementType' or 'AnonymousComponent'.
+ * @param node The ElementType or ReactElement (e.g., 'div', MyComponent, <MyComponent />).
+ * @returns A string representation of the element type's name.
+ */
+export declare function getElementTypeName(node: unknown): string;
+/**
+ * A set of valid CSS property names in camelCase, including CSS custom properties, used for validation.
+ * This set contains all CSS properties including non-standard vendor prefixed properties.
+ */
+export declare const CSSPropertySet: Set<string>;
+/**
+ * Filters an object to only include valid CSS properties
+ * @param props The object containing potential CSS properties
+ * @returns An object containing only valid CSS properties
+ * @example
+ * ```ts
+ * getCSSProps({
+ *   backgroundColor: 'red',
+ *   invalid: true
+ * }) // { backgroundColor: 'red' }
+ * ```
+ */
+export declare function getCSSProps<T extends Record<string, any>>(props: T): Partial<CSSProperties>;
+/**
+ * Filters component props to include only valid DOM properties and attributes.
+ *
+ * This function iterates through the provided props and retains only those that
+ * are not CSS properties (as determined by `cssPropertySet`). This is useful for
+ * separating style-related props from standard DOM attributes when rendering
+ * elements.
+ * @ty E - The type of the React element.
+ * @typeParam T - The type of the component props.
+ * @param props The component props to filter.
+ * @returns An object containing only valid DOM props.
+ */
+export declare function getDOMProps<E extends ElementType, T extends ComponentProps<E>>(props: T): Partial<FinalNodeProps>;
+/**
+ * Checks if a property on an object is writable.
+ *
+ * This function uses `Object.getOwnPropertyDescriptor` to determine if the specified
+ * property is writable. If the property descriptor is not found (property does not exist
+ * or is inherited), it returns `true` by default.
+ * @param obj The object to check.
+ * @param key The property name to check for writability.
+ * @returns `true` if the property is writable or not explicitly defined, otherwise `false`.
+ */
+export declare function isWritable(obj: Record<string, any>, key: string): boolean;
+//# sourceMappingURL=common.helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.helper.d.ts","sourceRoot":"","sources":["../src/common.helper.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjE,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEvE;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,YAAK,EAAE,IAAI,EAAE,MAAM,uBAEzE;AAED;;;;;;;;;;;;;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;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,GAAG,CAAC,MAAM,CAA0B,CAAA;AAEjE;;;;;;;;;;;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;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,WAQ/D"}

package/dist/common.helper.js

@@ -0,0 +1,71 @@
+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)}import{isContextConsumer,isContextProvider,isElement,isForwardRef,isFragment,isLazy,isMemo,isPortal,isProfiler,isReactClassComponent,isStrictMode,isSuspense,isSuspenseList}from"./react-is.helper.js";import cssProperties from"./data/css-properties";/**
+ * Retrieves a deeply nested value from an object using a dot-separated string path.
+ *
+ * This function traverses an object based on the provided path, which is a
+ * string of keys separated by dots. It returns the value found at the end of
+ * the path or `undefined` if any key in the path is not found or if the object
+ * is nullish at any point during traversal.
+ * @param obj The object to traverse, defaults to an empty object if not provided.
+ * @param path The dot-separated path string (e.g., 'background.primary').
+ * @returns The value at the specified path, or undefined if not found.
+ */export function getValueByPath(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},b=1<arguments.length?arguments[1]:void 0;return b.split(".").reduce(function(a,b){return null===a||void 0===a?void 0:a[b]},a)}/**
+ * Returns a string describing the type of a given React component or element.
+ *
+ * Checks for common React types (class, forwardRef, memo, etc.) and returns a string
+ * such as 'class', 'forwardRef', 'memo', 'object-with-render', 'function', or other
+ * React-specific types. Falls back to `typeof` or 'unknown' if not recognized.
+ * @param component The React component, element type, or element-like object to check.
+ * @returns A string describing the component type.
+ * @example
+ * getComponentType(class extends React.Component {}) // 'class'
+ * getComponentType(React.forwardRef(() => <div/>)) // 'forwardRef'
+ * getComponentType(React.memo(() => <div/>)) // 'memo'
+ * getComponentType(() => <div/>) // 'function'
+ */export var getComponentType=function getComponentType(a){return isForwardRef(a)?"forwardRef":isMemo(a)?"memo":isFragment(a)?"fragment":isPortal(a)?"portal":isProfiler(a)?"profiler":isStrictMode(a)?"strict-mode":isSuspense(a)?"suspense":isSuspenseList(a)?"suspense-list":isContextConsumer(a)?"context-consumer":isContextProvider(a)?"context-provider":isLazy(a)?"lazy":isElement(a)?"element":isReactClassComponent(a)?"class":_typeof(a)};/**
+ * Generates a string name for an ElementType or ReactElement.
+ *
+ * This function attempts to extract a meaningful name from a React ElementType
+ * (string, function, class, HOC) or a ReactElement instance.
+ * It prioritizes `displayName` and `name` properties and unwraps HOCs like
+ * `React.memo` and `React.forwardRef` to get the underlying component name.
+ *
+ * If a name cannot be determined, it returns a fallback like 'UnknownElementType' or 'AnonymousComponent'.
+ * @param node The ElementType or ReactElement (e.g., 'div', MyComponent, <MyComponent />).
+ * @returns A string representation of the element type's name.
+ */export function getElementTypeName(a){var b,c;function getDisplayName(a,b){var c=(null===a||void 0===a?void 0:a.displayName)||(null===a||void 0===a?void 0:a.name);return!c||"render"===c?b:c}if(null===a||a===void 0)return"UnknownElementType";var d=a,e=getComponentType(d);switch(e){case"string":return a;case"class":return getDisplayName(d,"ClassComponent");case"function":return getDisplayName(d,"AnonymousFunctionComponent");case"forwardRef":return getDisplayName(d,"")||getDisplayName(d.render,"")||"ForwardRefComponent";case"memo":return getDisplayName(d,"")||(d.type?getElementTypeName(d.type):"MemoComponent");case"element":return getElementTypeName(d.type);case"fragment":return"Fragment";case"portal":return"Portal";case"profiler":return getDisplayName(d,"Profiler");case"strict-mode":return"StrictMode";case"suspense":return getDisplayName(d,"Suspense");case"suspense-list":return"SuspenseList";case"context-consumer":return null!==(b=d._context)&&void 0!==b&&b.displayName?"".concat(d._context.displayName,".Consumer"):"ContextConsumer";case"context-provider":return null!==(c=d._context)&&void 0!==c&&c.displayName?"".concat(d._context.displayName,".Provider"):"ContextProvider";case"lazy":return getDisplayName(d,"LazyComponent");case"object":return getDisplayName(d,"")?getDisplayName(d,""):"function"==typeof d.render?getDisplayName(d.render,"ObjectWithRender"):d.type&&d.type!==a?"Wrapped<".concat(getElementTypeName(d.type),">"):getDisplayName(d,"ObjectComponent");case"symbol":if("symbol"===_typeof(a)){var f;return(null===(f=a.description)||void 0===f?void 0:f.replace(/^react\./,"").split(".").map(function(a){var b;return(null===(b=a[0])||void 0===b?void 0:b.toUpperCase())+a.slice(1)}).join(""))||a.toString()}return"SymbolComponent";case"unknown":return"UnknownElementType";default:return"UnsupportedType<".concat(e,">")}}/**
+ * A set of valid CSS property names in camelCase, including CSS custom properties, used for validation.
+ * This set contains all CSS properties including non-standard vendor prefixed properties.
+ */export var CSSPropertySet=new Set(cssProperties);/**
+ * Filters an object to only include valid CSS properties
+ * @param props The object containing potential CSS properties
+ * @returns An object containing only valid CSS properties
+ * @example
+ * ```ts
+ * getCSSProps({
+ *   backgroundColor: 'red',
+ *   invalid: true
+ * }) // { backgroundColor: 'red' }
+ * ```
+ */export function getCSSProps(a){var b={};for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&CSSPropertySet.has(c)&&(b[c]=a[c]);return b}/**
+ * Filters component props to include only valid DOM properties and attributes.
+ *
+ * This function iterates through the provided props and retains only those that
+ * are not CSS properties (as determined by `cssPropertySet`). This is useful for
+ * separating style-related props from standard DOM attributes when rendering
+ * elements.
+ * @ty E - The type of the React element.
+ * @typeParam T - The type of the component props.
+ * @param props The component props to filter.
+ * @returns An object containing only valid DOM props.
+ */export function getDOMProps(a){var b={};for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&!CSSPropertySet.has(c)&&(b[c]=a[c]);return b}/**
+ * Checks if a property on an object is writable.
+ *
+ * This function uses `Object.getOwnPropertyDescriptor` to determine if the specified
+ * property is writable. If the property descriptor is not found (property does not exist
+ * or is inherited), it returns `true` by default.
+ * @param obj The object to check.
+ * @param key The property name to check for writability.
+ * @returns `true` if the property is writable or not explicitly defined, otherwise `false`.
+ */export function isWritable(a,b){var c=Object.getOwnPropertyDescriptor(a,b);// If the property doesn't exist or is inherited, desc will be undefined.
+// In such cases, it's typically considered writable unless explicitly defined otherwise.
+return!c||!!c.writable}

package/dist/core.node.d.ts

@@ -30,30 +30,7 @@ export declare class BaseNode<E extends NodeElement = NodeElement> implements No
      * @param rawProps Initial props including theme, styles, and children
      */
     constructor(element: E, rawProps?: RawNodeProps<E>);
-    /**
-     * Resolves default styles for a given CSSProperties object.
-     * This method ensures that certain default styles, such as `minHeight`, `minWidth`,
-     * and `flexShrink`, are applied based on the provided style properties.
-     *
-     * - If the element is a flex container:
-     * - Sets `flexShrink` to 0 for specific scenarios:
-     * - Column-based layout without wrapping.
-     * - Row-based layout without wrapping (a default direction is assumed to be 'row').
-     * - If the element is not a flex container:
-     * - Defaults `flexShrink` to 0.
-     * @param style The CSSProperties object containing style definitions.
-     * @returns An object with resolved default styles.
-     */
-    private _resolveDefaultStyle;
-    /**
-     * 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
-     */
-    private _resolveObjWithTheme;
+    private _processChildren;
     /**
      * Renders a processed NodeElement into a ReactNode, applying theme and key if needed.
      *

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,OAAc,EAAsG,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACjJ,OAAO,KAAK,EAAE,cAAc,EAAyB,WAAW,EAAE,YAAY,EAAE,SAAS,EAAW,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGlJ,OAAO,EAAc,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAExE;;;;;;;;GAQG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,YAAW,YAAY,CAAC,CAAC,CAAC;IACnF,+EAA+E;IACxE,OAAO,EAAE,CAAC,CAAA;IAEjB,kFAAkF;IAC3E,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAK;IAErC,wFAAwF;IACjF,KAAK,EAAE,cAAc,CAAA;IAE5B,SAAgB,UAAU,QAAO;IAEjC,OAAO,CAAC,iBAAiB,CAA8B;IACvD,OAAO,CAAC,gBAAgB,CAA4B;IAEpD;;;;;;;;OAQG;gBACS,OAAO,EAAE,CAAC,EAAE,QAAQ,GAAE,YAAY,CAAC,CAAC,CAAM;IA4CtD;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,oBAAoB;IA8B5B;;;;;;;OAOG;IACH,OAAO,CAAC,oBAAoB;IAkE5B;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS;IAwCpI;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,iBAAiB;IAgCzB;;;;;;;;OAQG;IACI,eAAe,CACpB,OAAO,EAAE,WAAW,EACpB,WAAW,CAAC,EAAE,KAAK,EACnB,UAAU,CAAC,EAAE,MAAM,GAClB,WAAW;IAyFd;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,eAAe,CAwBtB;IAED;;;;OAIG;IACI,MAAM,IAAI,SAAS;IAsC1B,OAAO,CAAC,2BAA2B;IAsB5B,QAAQ,IAAI,YAAY,GAAG,IAAI;CAsBvC;AAED;;;;;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"}
+{"version":3,"file":"core.node.d.ts","sourceRoot":"","sources":["../src/core.node.ts"],"names":[],"mappings":"AACA,OAAc,EAAkF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAyB,WAAW,EAAE,YAAY,EAAE,SAAS,EAAW,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGlJ,OAAO,EAAc,KAAK,IAAI,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAGxE;;;;;;;;GAQG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,YAAW,YAAY,CAAC,CAAC,CAAC;IACnF,+EAA+E;IACxE,OAAO,EAAE,CAAC,CAAA;IAEjB,kFAAkF;IAC3E,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAK;IAErC,wFAAwF;IACjF,KAAK,EAAE,cAAc,CAAA;IAE5B,SAAgB,UAAU,QAAO;IAEjC,OAAO,CAAC,iBAAiB,CAA8B;IACvD,OAAO,CAAC,gBAAgB,CAA4B;IAEpD;;;;;;;;OAQG;gBACS,OAAO,EAAE,CAAC,EAAE,QAAQ,GAAE,YAAY,CAAC,CAAC,CAAM;IAsCtD,OAAO,CAAC,gBAAgB;IAYxB;;;;;;;;;;;;;;OAcG;IACH,MAAM,CAAC,oBAAoB,CAAC,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS;IAwCpI;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,iBAAiB;IAgCzB;;;;;;;;OAQG;IACI,eAAe,CACpB,OAAO,EAAE,WAAW,EACpB,WAAW,CAAC,EAAE,KAAK,EACnB,UAAU,CAAC,EAAE,MAAM,GAClB,WAAW;IAyFd;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,eAAe,CAwBtB;IAED;;;;OAIG;IACI,MAAM,IAAI,SAAS;IAsC1B,OAAO,CAAC,2BAA2B;IAsB5B,QAAQ,IAAI,YAAY,GAAG,IAAI;CAsBvC;AAED;;;;;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"}

package/dist/core.node.js

@@ -1,4 +1,4 @@
-"use strict";var _excluded=["ref","children","nodetheme","theme","props"],_excluded2=["style"],_excluded3=["style"],_excluded4=["flex"],_excluded5=["style"],_excluded6=["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 _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,isNodeInstance}from"./node.helper.js";import{isForwardRef,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper.js";import{createRoot}from"react-dom/client";/**
+"use strict";var _excluded=["ref","children","nodetheme","theme","props"],_excluded2=["style"],_excluded3=["style"],_excluded4=["style"],_excluded5=["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 _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{isNodeInstance,resolveDefaultStyle,resolveObjWithTheme}from"./node.helper.js";import{isForwardRef,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper.js";import{createRoot}from"react-dom/client";import{getComponentType,getCSSProps,getDOMProps,getElementTypeName}from"./common.helper";/**
  * Represents a node in a React component tree with theme and styling capabilities.
  * This class wraps React elements and handles:
  * - Props processing and normalization
@@ -18,48 +18,9 @@
 if(a instanceof BaseNode){var f;return null!==(f=a.rawProps)&&void 0!==f&&f.nodetheme||void 0===e?a.render():new BaseNode(a.element,_objectSpread(_objectSpread({},a.rawProps),{},{nodetheme:e})).render()}// Validate element type before returning
 if(!isValidElementType(a)){var g=getComponentType(a);throw new Error("Invalid element type: ".concat(g," provided!"))}// Return valid React elements as-is
 return a}),this.element=a,this.rawProps=c;// Destructure raw props into relevant parts
-var d=c.ref,e=c.children,f=c.nodetheme,g=c.theme,h=c.props,i=_objectWithoutProperties(c,_excluded),j=g||f,k=h||{},l=k.style,m=_objectWithoutProperties(k,_excluded2),n=this._resolveObjWithTheme(l,j),o=this._resolveObjWithTheme(i,j),p=o.style,q=_objectWithoutProperties(o,_excluded3),r=getCSSProps(q),s=this._resolveDefaultStyle(_objectSpread(_objectSpread(_objectSpread({},p),r),n)),t=getDOMProps(q),u=void 0;// Resolve any theme variables in the remaining props
-// Extract CSS-related properties from the resolved theme-aware props
-// Resolve default styles
-// Extract remaining props that are valid DOM attributes
-// Process children while maintaining theme inheritance
+var d=c.ref,e=c.children,f=c.nodetheme,g=c.theme,h=c.props,i=void 0===h?{}:h,j=_objectWithoutProperties(c,_excluded),k=g||f,l=i,m=l.style,n=_objectWithoutProperties(l,_excluded2),o=resolveObjWithTheme(_objectSpread(_objectSpread({},j),{},{style:_objectSpread(_objectSpread({},null===j||void 0===j?void 0:j.style),m)}),k),p=o.style,q=_objectWithoutProperties(o,_excluded3),r=getCSSProps(q),s=getDOMProps(q),t=resolveDefaultStyle(_objectSpread(_objectSpread({},r),p)),u=this._processChildren(e,k);// Process children while maintaining theme inheritance
 // Combine processed props into final normalized form
-e&&(Array.isArray(e)?u=e.map(function(a,c){return b._processRawNode(a,j,c)}):u=this._processRawNode(e,j)),this.props=_objectSpread(_objectSpread(_objectSpread({ref:d,nodetheme:j,theme:g,style:s},t),m),{},{children:u})}/**
-   * Resolves default styles for a given CSSProperties object.
-   * This method ensures that certain default styles, such as `minHeight`, `minWidth`,
-   * and `flexShrink`, are applied based on the provided style properties.
-   *
-   * - If the element is a flex container:
-   * - Sets `flexShrink` to 0 for specific scenarios:
-   * - Column-based layout without wrapping.
-   * - Row-based layout without wrapping (a default direction is assumed to be 'row').
-   * - If the element is not a flex container:
-   * - Defaults `flexShrink` to 0.
-   * @param style The CSSProperties object containing style definitions.
-   * @returns An object with resolved default styles.
-   */_resolveDefaultStyle(a){var b,c=a.flex,d=_objectWithoutProperties(a,_excluded4),e="flex"===d.display,f=!!(d.overflow||d.overflowY||d.overflowX),g=(null===(b=d.flexFlow)||void 0===b?void 0:b.includes("wrap"))||"wrap"===d.flexWrap,h=void 0;if(!e)// If it's not a flex container, default flex-shrink to 0
-h=0;else if(!f){var i="column"===d.flexDirection||"column-reverse"===d.flexDirection,j="row"===d.flexDirection||"row-reverse"===d.flexDirection||!d.flexDirection;// Scenario 1: Column-based layout
-i&&!g?h=0:j&&!g&&(h=0)}return _objectSpread({flex:c,flexShrink:h,minHeight:0,minWidth:0},d)}/**
-   * 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
-   */_resolveObjWithTheme(){var a,b=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{},c=1<arguments.length?arguments[1]:void 0;// Early return if no theme or empty object
-if(!c||0===Object.keys(b).length)return b;// Merge parent theme with current theme
-var d=_objectSpread(_objectSpread({},null===(a=this.rawProps)||void 0===a?void 0:a.nodetheme),c),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){var g=a[f];// Skip functions and non-plain objects to prevent unintended flattening or
-// modification of complex instances like React components, DOM elements, or Date objects.
-if("function"==typeof g||g&&"object"===_typeof(g)&&!Array.isArray(g)&&Object.getPrototypeOf(g)!==Object.prototype){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)&&!Array.isArray(c)&&"default"in c?c["default"]: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(b,new Set)}/**
+this.props=_objectSpread(_objectSpread(_objectSpread({ref:d,nodetheme:k,theme:g,style:t},s),n),{},{children:u})}_processChildren(a,b){var c=this;return a?Array.isArray(a)?a.map(function(a,d){return c._processRawNode(a,b,d)}):this._processRawNode(a,b):void 0}/**
    * Renders a processed NodeElement into a ReactNode, applying theme and key if needed.
    *
    * Handles the following cases:
@@ -120,7 +81,7 @@ if("function"===d&&!isReactClassComponent(a)&&!isMemo(a)&&!isForwardRef(a)){// T
 var j=e(this._functionRenderer,void 0);// Generate key for function renderer
 return new BaseNode(this._functionRenderer,{processRawNode:this._processRawNode.bind(this),render:a,passedTheme:b,key:j// Assign the generated key
 })}// Case 4: Child is a React Element (JSX element like <div> or <MyComponent>)
-if(isValidElement(a)){var k=a.props,l=k.style,m=_objectWithoutProperties(k,_excluded5),n=_objectSpread(_objectSpread({},m),l||{}),o=n.theme||n.nodetheme||b,p=e(a.type,a.key);// Combine top-level props from the element with its flattened style object properties
+if(isValidElement(a)){var k=a.props,l=k.style,m=_objectWithoutProperties(k,_excluded4),n=_objectSpread(_objectSpread({},m),l||{}),o=n.theme||n.nodetheme||b,p=e(a.type,a.key);// Combine top-level props from the element with its flattened style object properties
 return new BaseNode(a.type,_objectSpread(_objectSpread({},n),{},{// Pass the combined props
 nodetheme:o,key:p}))}// Case 5: Child is an ElementType (string tag, class component, Memo/ForwardRef)
 if(isReactClassComponent(a)||"object"===d&&(isMemo(a)||isForwardRef(a))){// ElementTypes don't have an intrinsic key from the rawNode itself.
@@ -147,7 +108,7 @@ return a}/**
    * Converts this BaseNode instance into a renderable React node.
    * Recursively processes child nodes and uses `React.createElement` to construct the final React element.
    * @returns A ReactNode representing the rendered element.
-   */render(){var a=this;if(!isValidElementType(this.element)){var b=getComponentType(this.element);throw new Error("Invalid element type: ".concat(b," provided!"))}var c=this.props,d=c.children,e=c.key,f=_objectWithoutProperties(c,_excluded6),g=void 0;// Extract children and key
+   */render(){var a=this;if(!isValidElementType(this.element)){var b=getComponentType(this.element);throw new Error("Invalid element type: ".concat(b," provided!"))}var c=this.props,d=c.children,e=c.key,f=_objectWithoutProperties(c,_excluded5),g=void 0;// Extract children and key
 // More accurate type
 if(d!==void 0&&null!==d)if(!Array.isArray(d))// Single child
 g=this._normalizeChild(d);else if(0<d.length){var h=d.map(function(b){return a._normalizeChild(b)});// Normalize each child in the array