@meonode/ui 0.0.1-alpha.13 → 0.0.1-alpha.2

package/README.md

@@ -164,7 +164,7 @@ Contributions are welcome! Please feel free to contact me on discord: **[l7arome
 
 ---
 
-## [License](https://github.com/l7aromeo/meonode-ui/blob/main/LICENSE)
+## [License](./LICENSE)
 
 The MIT License (MIT)
 Copyright (c) 2025 Ukasyah Rahmatullah Zada

package/dist/core.node.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseNodeInstance, NodeElement, NodeProps } from './node.type.js';
+import { BaseNodeInstance, NodeElement, NodeProps } from './node.type.ts';
 /**
  * Factory function to create a BaseNode instance.
  * @param element The React element type.

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,EAAkF,SAAS,EAAE,MAAM,OAAO,CAAA;AACjH,OAAO,EACL,gBAAgB,EAIhB,WAAW,EACX,SAAS,EAIV,MAAM,mBAAmB,CAAA;AA+R1B;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,GAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAS9G;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,gBAAgB,CAAC,GAAG,CAAC,GAAG,SAAS,IACzG,OAAO,CAAC,wZAOjB"}
+{"version":3,"file":"core.node.d.ts","sourceRoot":"","sources":["../src/core.node.ts"],"names":[],"mappings":"AACA,OAAO,EAAkF,SAAS,EAAE,MAAM,OAAO,CAAA;AACjH,OAAO,EACL,gBAAgB,EAIhB,WAAW,EACX,SAAS,EAIV,MAAM,mBAAmB,CAAA;AAkS1B;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,GAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAS9G;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,gBAAgB,CAAC,GAAG,CAAC,GAAG,SAAS,IACzG,OAAO,CAAC,wZAOjB"}

package/dist/core.node.js

@@ -1,4 +1,4 @@
-"use strict";var _excluded=["children","nodeTheme"],_excluded2=["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 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 _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 _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 _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{createElement,isValidElement}from"react";import{getComponentType,getCSSProps,getDOMProps,getElementTypeName,getValueByPath}from"./node.helper.js";import{isForwardRef,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper.js";/**
+"use strict";var _excluded=["children","nodeTheme"],_excluded2=["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 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 _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 _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 _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{createElement,isValidElement}from"react";import{getComponentType,getCSSProps,getDOMProps,getElementTypeName,getValueByPath}from"./node.helper.ts";import{isForwardRef,isMemo,isReactClassComponent,isValidElementType}from"./react-is.helper.ts";/**
  * Represents a node in a React component tree, providing a structured way to define and manipulate
  * React elements before they are rendered. Handles props processing, theme application, and child node management.
  * @template E The type of the React element this node represents (e.g., 'div', a custom component).
@@ -50,7 +50,7 @@ return e}/**
    * @param childIndex Optional index of the child if it's part of an array.
    * @returns The processed child.
    */},{key:"_processRawChild",value:function _processRawChild(a,b,c// Index for generating stable keys for array children
-){var d=getComponentType(a),e=function generateIndexedKeyIfNeeded(a,b){if(b!==void 0&&null!==b)return b;if(void 0!==c){var d=getElementTypeName(a);return"".concat(d,"-").concat(c)}// No explicit key, and not an array child, so BaseNode constructor will handle.
+){var d=getComponentType(a),e=function generateIndexedKeyIfNeeded(a,b){if(b!==void 0&&null!==b)return b;if(void 0!==c){var d=getElementTypeName(a);return"".concat(d,"_child_").concat(c)}// No explicit key, and not an array child, so BaseNode constructor will handle.
 };// Helper to generate an indexed key if no explicit key is present and an index is available.
 // Case 1: Child is already a BaseNode instance
 if(a instanceof BaseNode||"object"===_typeof(a)&&null!==a&&!0===a._isBaseNode){var f=a,g=f.initialRawProps||{},h=g.nodeTheme,i=e(f.element,g.key);// Prefer child's own theme
@@ -62,8 +62,9 @@ var j=e(this._functionRenderer,void 0);return new BaseNode(this._functionRendere
 if(isValidElement(a)){// Extract props from the JSX element
 var k=a.props,l=(null===k||void 0===k?void 0:k.nodeTheme)||b,m=e(a.type,a.key);// Prefer nodeTheme from child's props, fallback to parent theme
 // Generate a stable key based on element type and index if needed
+// Remove original key since we'll be using the generated/existing key
 // Create new BaseNode with props from JSX element
-return new BaseNode(a.type,_objectSpread(_objectSpread({},k),{},{nodeTheme:l,key:m}))}// Case 5: Child is an ElementType (string tag, class component, Memo/ForwardRef)
+return delete k.key,new BaseNode(a.type,_objectSpread(_objectSpread({},k),{},{nodeTheme:l,key:m}))}// 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 rawChild itself.
 var n=e(a,void 0);return new BaseNode(a,{nodeTheme:b,key:n})}// Case 6: Fallback for other ReactNode types (e.g., Fragments, Portals if not caught by isValidElement)
 // These are returned as-is. If they are elements within an array, React expects them to have keys.

package/dist/html.node.d.ts

@@ -1,596 +1,596 @@
-import type { NodeProps } from './node.type.js';
+import type { NodeProps } from './node.type.ts';
 /**
  * Represents the root HTML element.
  * @param props Optional properties for the HTML element.
  * @returns An HTML element node.
  */
-export declare const Html: (props?: NodeProps<"html">) => import("./node.type.js").BaseNodeInstance<"html">;
+export declare const Html: (props?: NodeProps<"html">) => import("./node.type.ts").BaseNodeInstance<"html">;
 /**
  * Represents the body element of an HTML document.
  * @param props Optional properties for the body element.
  * @returns A body element node.
  */
-export declare const Body: (props?: NodeProps<"body">) => import("./node.type.js").BaseNodeInstance<"body">;
+export declare const Body: (props?: NodeProps<"body">) => import("./node.type.ts").BaseNodeInstance<"body">;
 /**
  * Represents a div element.
  * @param props Optional properties for the div element.
  * @returns A div element node.
  */
-export declare const Div: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Div: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a span element.
  * @param props Optional properties for the span element.
  * @returns A span element node.
  */
-export declare const Span: (props?: NodeProps<"span">) => import("./node.type.js").BaseNodeInstance<"span">;
+export declare const Span: (props?: NodeProps<"span">) => import("./node.type.ts").BaseNodeInstance<"span">;
 /**
  * Represents a paragraph element.
  * @param props Optional properties for the paragraph element.
  * @returns A paragraph element node.
  */
-export declare const P: (props?: NodeProps<"p">) => import("./node.type.js").BaseNodeInstance<"p">;
+export declare const P: (props?: NodeProps<"p">) => import("./node.type.ts").BaseNodeInstance<"p">;
 /**
  * Represents a preformatted text element.
  * @param props Optional properties for the pre element.
  * @returns A pre element node.
  */
-export declare const Pre: (props?: NodeProps<"pre">) => import("./node.type.js").BaseNodeInstance<"pre">;
+export declare const Pre: (props?: NodeProps<"pre">) => import("./node.type.ts").BaseNodeInstance<"pre">;
 /**
  * Represents a code element for displaying code snippets.
  * @param props Optional properties for the code element.
  * @returns A code element node.
  */
-export declare const Code: (props?: NodeProps<"code">) => import("./node.type.js").BaseNodeInstance<"code">;
+export declare const Code: (props?: NodeProps<"code">) => import("./node.type.ts").BaseNodeInstance<"code">;
 /**
  * Represents a column layout using flexbox.
  * @param props Optional properties for the column layout.
  * @returns A div element node with flexbox column layout.
  */
-export declare const Column: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Column: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a row layout using flexbox.
  * @param props Optional properties for the row layout.
  * @returns A div element node with flexbox row layout.
  */
-export declare const Row: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Row: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a grid layout.
  * @param props Optional properties for the grid layout.
  * @returns A div element node with grid layout.
  */
-export declare const Grid: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Grid: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents the main content of a document.
  * @param props Optional properties for the main element.
  * @returns A main element node.
  */
-export declare const Main: (props?: NodeProps<"main">) => import("./node.type.js").BaseNodeInstance<"main">;
+export declare const Main: (props?: NodeProps<"main">) => import("./node.type.ts").BaseNodeInstance<"main">;
 /**
  * Represents a centered layout using flexbox.
  * @param props Optional properties for the centered layout.
  * @returns A div element node with centered flexbox layout.
  */
-export declare const Center: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Center: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a relatively positioned element.
  * @param props Optional properties for the relatively positioned element.
  * @returns A div element node with relative positioning.
  */
-export declare const Relative: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Relative: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents an absolutely positioned element.
  * @param props Optional properties for the absolutely positioned element.
  * @returns A div element node with absolute positioning.
  */
-export declare const Absolute: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Absolute: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a sticky positioned element.
  * @param props Optional properties for the sticky positioned element.
  * @returns A div element node with sticky positioning.
  */
-export declare const Sticky: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Sticky: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a statically positioned element.
  * @param props Optional properties for the statically positioned element.
  * @returns A div element node with static positioning.
  */
-export declare const Static: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
+export declare const Static: (props?: NodeProps<"div">) => import("./node.type.ts").BaseNodeInstance<"div">;
 /**
  * Represents a level 1 heading.
  * @param props Optional properties for the h1 element.
  * @returns An h1 element node.
  */
-export declare const H1: (props?: NodeProps<"h1">) => import("./node.type.js").BaseNodeInstance<"h1">;
+export declare const H1: (props?: NodeProps<"h1">) => import("./node.type.ts").BaseNodeInstance<"h1">;
 /**
  * Represents a level 2 heading.
  * @param props Optional properties for the h2 element.
  * @returns An h2 element node.
  */
-export declare const H2: (props?: NodeProps<"h2">) => import("./node.type.js").BaseNodeInstance<"h2">;
+export declare const H2: (props?: NodeProps<"h2">) => import("./node.type.ts").BaseNodeInstance<"h2">;
 /**
  * Represents a level 3 heading.
  * @param props Optional properties for the h3 element.
  * @returns An h3 element node.
  */
-export declare const H3: (props?: NodeProps<"h3">) => import("./node.type.js").BaseNodeInstance<"h3">;
+export declare const H3: (props?: NodeProps<"h3">) => import("./node.type.ts").BaseNodeInstance<"h3">;
 /**
  * Represents a level 4 heading.
  * @param props Optional properties for the h4 element.
  * @returns An h4 element node.
  */
-export declare const H4: (props?: NodeProps<"h4">) => import("./node.type.js").BaseNodeInstance<"h4">;
+export declare const H4: (props?: NodeProps<"h4">) => import("./node.type.ts").BaseNodeInstance<"h4">;
 /**
  * Represents a level 5 heading.
  * @param props Optional properties for the h5 element.
  * @returns An h5 element node.
  */
-export declare const H5: (props?: NodeProps<"h5">) => import("./node.type.js").BaseNodeInstance<"h5">;
+export declare const H5: (props?: NodeProps<"h5">) => import("./node.type.ts").BaseNodeInstance<"h5">;
 /**
  * Represents a level 6 heading.
  * @param props Optional properties for the h6 element.
  * @returns An h6 element node.
  */
-export declare const H6: (props?: NodeProps<"h6">) => import("./node.type.js").BaseNodeInstance<"h6">;
+export declare const H6: (props?: NodeProps<"h6">) => import("./node.type.ts").BaseNodeInstance<"h6">;
 /**
  * Represents a strong emphasis element.
  * @param props Optional properties for the strong element.
  * @returns A strong element node.
  */
-export declare const Strong: (props?: NodeProps<"strong">) => import("./node.type.js").BaseNodeInstance<"strong">;
+export declare const Strong: (props?: NodeProps<"strong">) => import("./node.type.ts").BaseNodeInstance<"strong">;
 /**
  * Represents an emphasized text element.
  * @param props Optional properties for the em element.
  * @returns An em element node.
  */
-export declare const Em: (props?: NodeProps<"em">) => import("./node.type.js").BaseNodeInstance<"em">;
+export declare const Em: (props?: NodeProps<"em">) => import("./node.type.ts").BaseNodeInstance<"em">;
 /**
  * Represents a small text element.
  * @param props Optional properties for the small element.
  * @returns A small element node.
  */
-export declare const Small: (props?: NodeProps<"small">) => import("./node.type.js").BaseNodeInstance<"small">;
+export declare const Small: (props?: NodeProps<"small">) => import("./node.type.ts").BaseNodeInstance<"small">;
 /**
  * Represents a marked text element.
  * @param props Optional properties for the mark element.
  * @returns A mark element node.
  */
-export declare const Mark: (props?: NodeProps<"mark">) => import("./node.type.js").BaseNodeInstance<"mark">;
+export declare const Mark: (props?: NodeProps<"mark">) => import("./node.type.ts").BaseNodeInstance<"mark">;
 /**
  * Represents an ordered list.
  * @param props Optional properties for the ol element.
  * @returns An ol element node.
  */
-export declare const Ol: (props?: NodeProps<"ol">) => import("./node.type.js").BaseNodeInstance<"ol">;
+export declare const Ol: (props?: NodeProps<"ol">) => import("./node.type.ts").BaseNodeInstance<"ol">;
 /**
  * Represents an unordered list.
  * @param props Optional properties for the ul element.
  * @returns A ul element node.
  */
-export declare const Ul: (props?: NodeProps<"ul">) => import("./node.type.js").BaseNodeInstance<"ul">;
+export declare const Ul: (props?: NodeProps<"ul">) => import("./node.type.ts").BaseNodeInstance<"ul">;
 /**
  * Represents a list item.
  * @param props Optional properties for the li element.
  * @returns An li element node.
  */
-export declare const Li: (props?: NodeProps<"li">) => import("./node.type.js").BaseNodeInstance<"li">;
+export declare const Li: (props?: NodeProps<"li">) => import("./node.type.ts").BaseNodeInstance<"li">;
 /**
  * Represents a description list.
  * @param props Optional properties for the dl element.
  * @returns A dl element node.
  */
-export declare const Dl: (props?: NodeProps<"dl">) => import("./node.type.js").BaseNodeInstance<"dl">;
+export declare const Dl: (props?: NodeProps<"dl">) => import("./node.type.ts").BaseNodeInstance<"dl">;
 /**
  * Represents a term in a description list.
  * @param props Optional properties for the dt element.
  * @returns A dt element node.
  */
-export declare const Dt: (props?: NodeProps<"dt">) => import("./node.type.js").BaseNodeInstance<"dt">;
+export declare const Dt: (props?: NodeProps<"dt">) => import("./node.type.ts").BaseNodeInstance<"dt">;
 /**
  * Represents a description in a description list.
  * @param props Optional properties for the dd element.
  * @returns A dd element node.
  */
-export declare const Dd: (props?: NodeProps<"dd">) => import("./node.type.js").BaseNodeInstance<"dd">;
+export declare const Dd: (props?: NodeProps<"dd">) => import("./node.type.ts").BaseNodeInstance<"dd">;
 /**
  * Represents an HTML form.
  * @param props Optional properties for the form element.
  * @returns A form element node.
  */
-export declare const Form: (props?: NodeProps<"form">) => import("./node.type.js").BaseNodeInstance<"form">;
+export declare const Form: (props?: NodeProps<"form">) => import("./node.type.ts").BaseNodeInstance<"form">;
 /**
  * Represents a label for an input element.
  * @param props Optional properties for the label element.
  * @returns A label element node.
  */
-export declare const Label: (props?: NodeProps<"label">) => import("./node.type.js").BaseNodeInstance<"label">;
+export declare const Label: (props?: NodeProps<"label">) => import("./node.type.ts").BaseNodeInstance<"label">;
 /**
  * Represents an input element.
  * @param props Optional properties for the input element.
  * @returns An input element node.
  */
-export declare const Input: (props?: NodeProps<"input">) => import("./node.type.js").BaseNodeInstance<"input">;
+export declare const Input: (props?: NodeProps<"input">) => import("./node.type.ts").BaseNodeInstance<"input">;
 /**
  * Represents a button element.
  * @param props Optional properties for the button element.
  * @returns A button element node.
  */
-export declare const Button: (props?: NodeProps<"button">) => import("./node.type.js").BaseNodeInstance<"button">;
+export declare const Button: (props?: NodeProps<"button">) => import("./node.type.ts").BaseNodeInstance<"button">;
 /**
  * Represents a textarea element for multiline text input.
  * @param props Optional properties for the textarea element.
  * @returns A textarea element node.
  */
-export declare const Textarea: (props?: NodeProps<"textarea">) => import("./node.type.js").BaseNodeInstance<"textarea">;
+export declare const Textarea: (props?: NodeProps<"textarea">) => import("./node.type.ts").BaseNodeInstance<"textarea">;
 /**
  * Represents a select dropdown element.
  * @param props Optional properties for the select element.
  * @returns A select element node.
  */
-export declare const Select: (props?: NodeProps<"select">) => import("./node.type.js").BaseNodeInstance<"select">;
+export declare const Select: (props?: NodeProps<"select">) => import("./node.type.ts").BaseNodeInstance<"select">;
 /**
  * Represents an option within a select element.
  * @param props Optional properties for the option element.
  * @returns An option element node.
  */
-export declare const Option: (props?: NodeProps<"option">) => import("./node.type.js").BaseNodeInstance<"option">;
+export declare const Option: (props?: NodeProps<"option">) => import("./node.type.ts").BaseNodeInstance<"option">;
 /**
  * Represents a fieldset element for grouping form elements.
  * @param props Optional properties for the fieldset element.
  * @returns A fieldset element node.
  */
-export declare const Fieldset: (props?: NodeProps<"fieldset">) => import("./node.type.js").BaseNodeInstance<"fieldset">;
+export declare const Fieldset: (props?: NodeProps<"fieldset">) => import("./node.type.ts").BaseNodeInstance<"fieldset">;
 /**
  * Represents a legend for a fieldset.
  * @param props Optional properties for the legend element.
  * @returns A legend element node.
  */
-export declare const Legend: (props?: NodeProps<"legend">) => import("./node.type.js").BaseNodeInstance<"legend">;
+export declare const Legend: (props?: NodeProps<"legend">) => import("./node.type.ts").BaseNodeInstance<"legend">;
 /**
  * Represents an option group within a select element.
  * @param props Optional properties for the optgroup element.
  * @returns An optgroup element node.
  */
-export declare const Optgroup: (props?: NodeProps<"optgroup">) => import("./node.type.js").BaseNodeInstance<"optgroup">;
+export declare const Optgroup: (props?: NodeProps<"optgroup">) => import("./node.type.ts").BaseNodeInstance<"optgroup">;
 /**
  * Represents a table element.
  * @param props Optional properties for the table element.
  * @returns A table element node.
  */
-export declare const Table: (props?: NodeProps<"table">) => import("./node.type.js").BaseNodeInstance<"table">;
+export declare const Table: (props?: NodeProps<"table">) => import("./node.type.ts").BaseNodeInstance<"table">;
 /**
  * Represents a table header section.
  * @param props Optional properties for the thead element.
  * @returns A thead element node.
  */
-export declare const Thead: (props?: NodeProps<"thead">) => import("./node.type.js").BaseNodeInstance<"thead">;
+export declare const Thead: (props?: NodeProps<"thead">) => import("./node.type.ts").BaseNodeInstance<"thead">;
 /**
  * Represents a table body section.
  * @param props Optional properties for the tbody element.
  * @returns A tbody element node.
  */
-export declare const Tbody: (props?: NodeProps<"tbody">) => import("./node.type.js").BaseNodeInstance<"tbody">;
+export declare const Tbody: (props?: NodeProps<"tbody">) => import("./node.type.ts").BaseNodeInstance<"tbody">;
 /**
  * Represents a table footer section.
  * @param props Optional properties for the tfoot element.
  * @returns A tfoot element node.
  */
-export declare const Tfoot: (props?: NodeProps<"tfoot">) => import("./node.type.js").BaseNodeInstance<"tfoot">;
+export declare const Tfoot: (props?: NodeProps<"tfoot">) => import("./node.type.ts").BaseNodeInstance<"tfoot">;
 /**
  * Represents a table row.
  * @param props Optional properties for the tr element.
  * @returns A tr element node.
  */
-export declare const Tr: (props?: NodeProps<"tr">) => import("./node.type.js").BaseNodeInstance<"tr">;
+export declare const Tr: (props?: NodeProps<"tr">) => import("./node.type.ts").BaseNodeInstance<"tr">;
 /**
  * Represents a table header cell.
  * @param props Optional properties for the th element.
  * @returns A th element node.
  */
-export declare const Th: (props?: NodeProps<"th">) => import("./node.type.js").BaseNodeInstance<"th">;
+export declare const Th: (props?: NodeProps<"th">) => import("./node.type.ts").BaseNodeInstance<"th">;
 /**
  * Represents a table data cell.
  * @param props Optional properties for the td element.
  * @returns A td element node.
  */
-export declare const Td: (props?: NodeProps<"td">) => import("./node.type.js").BaseNodeInstance<"td">;
+export declare const Td: (props?: NodeProps<"td">) => import("./node.type.ts").BaseNodeInstance<"td">;
 /**
  * Represents a table caption.
  * @param props Optional properties for the caption element.
  * @returns A caption element node.
  */
-export declare const Caption: (props?: NodeProps<"caption">) => import("./node.type.js").BaseNodeInstance<"caption">;
+export declare const Caption: (props?: NodeProps<"caption">) => import("./node.type.ts").BaseNodeInstance<"caption">;
 /**
  * Represents a table column group.
  * @param props Optional properties for the colgroup element.
  * @returns A colgroup element node.
  */
-export declare const Colgroup: (props?: NodeProps<"colgroup">) => import("./node.type.js").BaseNodeInstance<"colgroup">;
+export declare const Colgroup: (props?: NodeProps<"colgroup">) => import("./node.type.ts").BaseNodeInstance<"colgroup">;
 /**
  * Represents a table column.
  * @param props Optional properties for the col element.
  * @returns A col element node.
  */
-export declare const Col: (props?: NodeProps<"col">) => import("./node.type.js").BaseNodeInstance<"col">;
+export declare const Col: (props?: NodeProps<"col">) => import("./node.type.ts").BaseNodeInstance<"col">;
 /**
  * Represents an image element (alias for Img).
  * @param props Optional properties for the img element.
  * @returns An img element node.
  */
-export declare const Image: (props?: NodeProps<"img">) => import("./node.type.js").BaseNodeInstance<"img">;
+export declare const Image: (props?: NodeProps<"img">) => import("./node.type.ts").BaseNodeInstance<"img">;
 /**
  * Represents an image element.
  * @param props Optional properties for the img element.
  * @returns An img element node.
  */
-export declare const Img: (props?: NodeProps<"img">) => import("./node.type.js").BaseNodeInstance<"img">;
+export declare const Img: (props?: NodeProps<"img">) => import("./node.type.ts").BaseNodeInstance<"img">;
 /**
  * Represents a video element.
  * @param props Optional properties for the video element.
  * @returns A video element node.
  */
-export declare const Video: (props?: NodeProps<"video">) => import("./node.type.js").BaseNodeInstance<"video">;
+export declare const Video: (props?: NodeProps<"video">) => import("./node.type.ts").BaseNodeInstance<"video">;
 /**
  * Represents an audio element.
  * @param props Optional properties for the audio element.
  * @returns An audio element node.
  */
-export declare const Audio: (props?: NodeProps<"audio">) => import("./node.type.js").BaseNodeInstance<"audio">;
+export declare const Audio: (props?: NodeProps<"audio">) => import("./node.type.ts").BaseNodeInstance<"audio">;
 /**
  * Represents a picture element.
  * @param props Optional properties for the picture element.
  * @returns A picture element node.
  */
-export declare const Picture: (props?: NodeProps<"picture">) => import("./node.type.js").BaseNodeInstance<"picture">;
+export declare const Picture: (props?: NodeProps<"picture">) => import("./node.type.ts").BaseNodeInstance<"picture">;
 /**
  * Represents a source element.
  * @param props Optional properties for the source element.
  * @returns A source element node.
  */
-export declare const Source: (props?: NodeProps<"source">) => import("./node.type.js").BaseNodeInstance<"source">;
+export declare const Source: (props?: NodeProps<"source">) => import("./node.type.ts").BaseNodeInstance<"source">;
 /**
  * Represents a text track element.
  * @param props Optional properties for the track element.
  * @returns A track element node.
  */
-export declare const Track: (props?: NodeProps<"track">) => import("./node.type.js").BaseNodeInstance<"track">;
+export declare const Track: (props?: NodeProps<"track">) => import("./node.type.ts").BaseNodeInstance<"track">;
 /**
  * Represents a canvas element.
  * @param props Optional properties for the canvas element.
  * @returns A canvas element node.
  */
-export declare const Canvas: (props?: NodeProps<"canvas">) => import("./node.type.js").BaseNodeInstance<"canvas">;
+export declare const Canvas: (props?: NodeProps<"canvas">) => import("./node.type.ts").BaseNodeInstance<"canvas">;
 /**
  * Represents an iframe element.
  * @param props Optional properties for the iframe element.
  * @returns An iframe element node.
  */
-export declare const Iframe: (props?: NodeProps<"iframe">) => import("./node.type.js").BaseNodeInstance<"iframe">;
+export declare const Iframe: (props?: NodeProps<"iframe">) => import("./node.type.ts").BaseNodeInstance<"iframe">;
 /**
  * Represents an SVG container element.
  * @param props Optional properties for the svg element.
  * @returns An svg element node.
  */
-export declare const Svg: (props?: NodeProps<"svg">) => import("./node.type.js").BaseNodeInstance<"svg">;
+export declare const Svg: (props?: NodeProps<"svg">) => import("./node.type.ts").BaseNodeInstance<"svg">;
 /**
  * Represents an SVG path element.
  * @param props Optional properties for the path element.
  * @returns A path element node.
  */
-export declare const SvgPath: (props?: NodeProps<"path">) => import("./node.type.js").BaseNodeInstance<"path">;
+export declare const SvgPath: (props?: NodeProps<"path">) => import("./node.type.ts").BaseNodeInstance<"path">;
 /**
  * Represents an SVG circle element.
  * @param props Optional properties for the circle element.
  * @returns A circle element node.
  */
-export declare const SvgCircle: (props?: NodeProps<"circle">) => import("./node.type.js").BaseNodeInstance<"circle">;
+export declare const SvgCircle: (props?: NodeProps<"circle">) => import("./node.type.ts").BaseNodeInstance<"circle">;
 /**
  * Represents an SVG ellipse element.
  * @param props Optional properties for the ellipse element.
  * @returns An ellipse element node.
  */
-export declare const SvgEllipse: (props?: NodeProps<"ellipse">) => import("./node.type.js").BaseNodeInstance<"ellipse">;
+export declare const SvgEllipse: (props?: NodeProps<"ellipse">) => import("./node.type.ts").BaseNodeInstance<"ellipse">;
 /**
  * Represents an SVG line element.
  * @param props Optional properties for the line element.
  * @returns A line element node.
  */
-export declare const SvgLine: (props?: NodeProps<"line">) => import("./node.type.js").BaseNodeInstance<"line">;
+export declare const SvgLine: (props?: NodeProps<"line">) => import("./node.type.ts").BaseNodeInstance<"line">;
 /**
  * Represents an SVG polyline element.
  * @param props Optional properties for the polyline element.
  * @returns A polyline element node.
  */
-export declare const SvgPolyline: (props?: NodeProps<"polyline">) => import("./node.type.js").BaseNodeInstance<"polyline">;
+export declare const SvgPolyline: (props?: NodeProps<"polyline">) => import("./node.type.ts").BaseNodeInstance<"polyline">;
 /**
  * Represents an SVG polygon element.
  * @param props Optional properties for the polygon element.
  * @returns A polygon element node.
  */
-export declare const SvgPolygon: (props?: NodeProps<"polygon">) => import("./node.type.js").BaseNodeInstance<"polygon">;
+export declare const SvgPolygon: (props?: NodeProps<"polygon">) => import("./node.type.ts").BaseNodeInstance<"polygon">;
 /**
  * Represents an SVG rectangle element.
  * @param props Optional properties for the rect element.
  * @returns A rect element node.
  */
-export declare const SvgRect: (props?: NodeProps<"rect">) => import("./node.type.js").BaseNodeInstance<"rect">;
+export declare const SvgRect: (props?: NodeProps<"rect">) => import("./node.type.ts").BaseNodeInstance<"rect">;
 /**
  * Represents an SVG use element.
  * @param props Optional properties for the use element.
  * @returns A use element node.
  */
-export declare const SvgUse: (props?: NodeProps<"use">) => import("./node.type.js").BaseNodeInstance<"use">;
+export declare const SvgUse: (props?: NodeProps<"use">) => import("./node.type.ts").BaseNodeInstance<"use">;
 /**
  * Represents an SVG definitions element.
  * @param props Optional properties for the defs element.
  * @returns A defs element node.
  */
-export declare const SvgDefs: (props?: NodeProps<"defs">) => import("./node.type.js").BaseNodeInstance<"defs">;
+export declare const SvgDefs: (props?: NodeProps<"defs">) => import("./node.type.ts").BaseNodeInstance<"defs">;
 /**
  * Represents an SVG linear gradient element.
  * @param props Optional properties for the linearGradient element.
  * @returns A linearGradient element node.
  */
-export declare const SvgLinearGradient: (props?: NodeProps<"linearGradient">) => import("./node.type.js").BaseNodeInstance<"linearGradient">;
+export declare const SvgLinearGradient: (props?: NodeProps<"linearGradient">) => import("./node.type.ts").BaseNodeInstance<"linearGradient">;
 /**
  * Represents an SVG radial gradient element.
  * @param props Optional properties for the radialGradient element.
  * @returns A radialGradient element node.
  */
-export declare const SvgRadialGradient: (props?: NodeProps<"radialGradient">) => import("./node.type.js").BaseNodeInstance<"radialGradient">;
+export declare const SvgRadialGradient: (props?: NodeProps<"radialGradient">) => import("./node.type.ts").BaseNodeInstance<"radialGradient">;
 /**
  * Represents an SVG gradient stop element.
  * @param props Optional properties for the stop element.
  * @returns A stop element node.
  */
-export declare const SvgStop: (props?: NodeProps<"stop">) => import("./node.type.js").BaseNodeInstance<"stop">;
+export declare const SvgStop: (props?: NodeProps<"stop">) => import("./node.type.ts").BaseNodeInstance<"stop">;
 /**
  * Represents an SVG symbol element.
  * @param props Optional properties for the symbol element.
  * @returns A symbol element node.
  */
-export declare const SvgSymbol: (props?: NodeProps<"symbol">) => import("./node.type.js").BaseNodeInstance<"symbol">;
+export declare const SvgSymbol: (props?: NodeProps<"symbol">) => import("./node.type.ts").BaseNodeInstance<"symbol">;
 /**
  * Represents an SVG group element.
  * @param props Optional properties for the g element.
  * @returns A g element node.
  */
-export declare const SvgG: (props?: NodeProps<"g">) => import("./node.type.js").BaseNodeInstance<"g">;
+export declare const SvgG: (props?: NodeProps<"g">) => import("./node.type.ts").BaseNodeInstance<"g">;
 /**
  * Represents an SVG text element.
  * @param props Optional properties for the text element.
  * @returns A text element node.
  */
-export declare const SvgText: (props?: NodeProps<"text">) => import("./node.type.js").BaseNodeInstance<"text">;
+export declare const SvgText: (props?: NodeProps<"text">) => import("./node.type.ts").BaseNodeInstance<"text">;
 /**
  * Represents an SVG text span element.
  * @param props Optional properties for the tspan element.
  * @returns A tspan element node.
  */
-export declare const SvgTspan: (props?: NodeProps<"tspan">) => import("./node.type.js").BaseNodeInstance<"tspan">;
+export declare const SvgTspan: (props?: NodeProps<"tspan">) => import("./node.type.ts").BaseNodeInstance<"tspan">;
 /**
  * Represents an anchor element.
  * @param props Optional properties for the a element.
  * @returns An a element node.
  */
-export declare const A: (props?: NodeProps<"a">) => import("./node.type.js").BaseNodeInstance<"a">;
+export declare const A: (props?: NodeProps<"a">) => import("./node.type.ts").BaseNodeInstance<"a">;
 /**
  * Represents a navigation element.
  * @param props Optional properties for the nav element.
  * @returns A nav element node.
  */
-export declare const Nav: (props?: NodeProps<"nav">) => import("./node.type.js").BaseNodeInstance<"nav">;
+export declare const Nav: (props?: NodeProps<"nav">) => import("./node.type.ts").BaseNodeInstance<"nav">;
 /**
  * Represents a header element.
  * @param props Optional properties for the header element.
  * @returns A header element node.
  */
-export declare const Header: (props?: NodeProps<"header">) => import("./node.type.js").BaseNodeInstance<"header">;
+export declare const Header: (props?: NodeProps<"header">) => import("./node.type.ts").BaseNodeInstance<"header">;
 /**
  * Represents a footer element.
  * @param props Optional properties for the footer element.
  * @returns A footer element node.
  */
-export declare const Footer: (props?: NodeProps<"footer">) => import("./node.type.js").BaseNodeInstance<"footer">;
+export declare const Footer: (props?: NodeProps<"footer">) => import("./node.type.ts").BaseNodeInstance<"footer">;
 /**
  * Represents an aside element.
  * @param props Optional properties for the aside element.
  * @returns An aside element node.
  */
-export declare const Aside: (props?: NodeProps<"aside">) => import("./node.type.js").BaseNodeInstance<"aside">;
+export declare const Aside: (props?: NodeProps<"aside">) => import("./node.type.ts").BaseNodeInstance<"aside">;
 /**
  * Represents a section element.
  * @param props Optional properties for the section element.
  * @returns A section element node.
  */
-export declare const Section: (props?: NodeProps<"section">) => import("./node.type.js").BaseNodeInstance<"section">;
+export declare const Section: (props?: NodeProps<"section">) => import("./node.type.ts").BaseNodeInstance<"section">;
 /**
  * Represents an article element.
  * @param props Optional properties for the article element.
  * @returns An article element node.
  */
-export declare const Article: (props?: NodeProps<"article">) => import("./node.type.js").BaseNodeInstance<"article">;
+export declare const Article: (props?: NodeProps<"article">) => import("./node.type.ts").BaseNodeInstance<"article">;
 /**
  * Represents a figure element.
  * @param props Optional properties for the figure element.
  * @returns A figure element node.
  */
-export declare const Figure: (props?: NodeProps<"figure">) => import("./node.type.js").BaseNodeInstance<"figure">;
+export declare const Figure: (props?: NodeProps<"figure">) => import("./node.type.ts").BaseNodeInstance<"figure">;
 /**
  * Represents a figure caption element.
  * @param props Optional properties for the figcaption element.
  * @returns A figcaption element node.
  */
-export declare const Figcaption: (props?: NodeProps<"figcaption">) => import("./node.type.js").BaseNodeInstance<"figcaption">;
+export declare const Figcaption: (props?: NodeProps<"figcaption">) => import("./node.type.ts").BaseNodeInstance<"figcaption">;
 /**
  * Represents a blockquote element.
  * @param props Optional properties for the blockquote element.
  * @returns A blockquote element node.
  */
-export declare const Blockquote: (props?: NodeProps<"blockquote">) => import("./node.type.js").BaseNodeInstance<"blockquote">;
+export declare const Blockquote: (props?: NodeProps<"blockquote">) => import("./node.type.ts").BaseNodeInstance<"blockquote">;
 /**
  * Represents an address element.
  * @param props Optional properties for the address element.
  * @returns An address element node.
  */
-export declare const Address: (props?: NodeProps<"address">) => import("./node.type.js").BaseNodeInstance<"address">;
+export declare const Address: (props?: NodeProps<"address">) => import("./node.type.ts").BaseNodeInstance<"address">;
 /**
  * Represents a dialog element.
  * @param props Optional properties for the dialog element.
  * @returns A dialog element node.
  */
-export declare const Dialog: (props?: NodeProps<"dialog">) => import("./node.type.js").BaseNodeInstance<"dialog">;
+export declare const Dialog: (props?: NodeProps<"dialog">) => import("./node.type.ts").BaseNodeInstance<"dialog">;
 /**
  * Represents a details element.
  * @param props Optional properties for the details element.
  * @returns A details element node.
  */
-export declare const Details: (props?: NodeProps<"details">) => import("./node.type.js").BaseNodeInstance<"details">;
+export declare const Details: (props?: NodeProps<"details">) => import("./node.type.ts").BaseNodeInstance<"details">;
 /**
  * Represents a summary element.
  * @param props Optional properties for the summary element.
  * @returns A summary element node.
  */
-export declare const Summary: (props?: NodeProps<"summary">) => import("./node.type.js").BaseNodeInstance<"summary">;
+export declare const Summary: (props?: NodeProps<"summary">) => import("./node.type.ts").BaseNodeInstance<"summary">;
 /**
  * Represents a head element.
  * @param props Optional properties for the head element.
  * @returns A head element node.
  */
-export declare const Head: (props?: NodeProps<"head">) => import("./node.type.js").BaseNodeInstance<"head">;
+export declare const Head: (props?: NodeProps<"head">) => import("./node.type.ts").BaseNodeInstance<"head">;
 /**
  * Represents a meta element.
  * @param props Optional properties for the meta element.
  * @returns A meta element node.
  */
-export declare const Meta: (props?: NodeProps<"meta">) => import("./node.type.js").BaseNodeInstance<"meta">;
+export declare const Meta: (props?: NodeProps<"meta">) => import("./node.type.ts").BaseNodeInstance<"meta">;
 /**
  * Represents a link element.
  * @param props Optional properties for the link element.
  * @returns A link element node.
  */
-export declare const Link: (props?: NodeProps<"link">) => import("./node.type.js").BaseNodeInstance<"link">;
+export declare const Link: (props?: NodeProps<"link">) => import("./node.type.ts").BaseNodeInstance<"link">;
 /**
  * Represents a style element.
  * @param props Optional properties for the style element.
  * @returns A style element node.
  */
-export declare const Style: (props?: NodeProps<"style">) => import("./node.type.js").BaseNodeInstance<"style">;
+export declare const Style: (props?: NodeProps<"style">) => import("./node.type.ts").BaseNodeInstance<"style">;
 /**
  * Represents a script element.
  * @param props Optional properties for the script element.
  * @returns A script element node.
  */
-export declare const Script: (props?: NodeProps<"script">) => import("./node.type.js").BaseNodeInstance<"script">;
+export declare const Script: (props?: NodeProps<"script">) => import("./node.type.ts").BaseNodeInstance<"script">;
 /**
  * Represents a title element.
  * @param props Optional properties for the title element.
  * @returns A title element node.
  */
-export declare const Title: (props?: NodeProps<"title">) => import("./node.type.js").BaseNodeInstance<"title">;
+export declare const Title: (props?: NodeProps<"title">) => import("./node.type.ts").BaseNodeInstance<"title">;
 /**
  * Represents a base element.
  * @param props Optional properties for the base element.
  * @returns A base element node.
  */
-export declare const Base: (props?: NodeProps<"base">) => import("./node.type.js").BaseNodeInstance<"base">;
+export declare const Base: (props?: NodeProps<"base">) => import("./node.type.ts").BaseNodeInstance<"base">;
 //# sourceMappingURL=html.node.d.ts.map

package/dist/html.node.js

@@ -1,4 +1,4 @@
-"use strict";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 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{Node}from"./core.node.js";// Basic HTML elements
+"use strict";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 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{Node}from"./core.node.ts";// Basic HTML elements
 /**
  * Represents the root HTML element.
  * @param props Optional properties for the HTML element.

package/dist/node.helper.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, CSSProperties, ElementType } from 'react';
-import type { NodeElement, OriginalNodeProps } from './node.type.js';
+import type { NodeElement, OriginalNodeProps } from './node.type.ts';
 /**
  * Returns a string describing the type of a given React component or element.
  *

package/dist/node.helper.js

@@ -1,4 +1,4 @@
-"use strict";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 cssPropertiesJson from"./json/css-properties.json"with{type:"json"};import{isContextConsumer,isContextProvider,isElement,isForwardRef,isFragment,isLazy,isMemo,isPortal,isProfiler,isReactClassComponent,isStrictMode,isSuspense,isSuspenseList}from"./react-is.helper.js";/**
+"use strict";var _process$versions,_import$meta$resolve,_import$meta$resolve2,_import$meta;function _slicedToArray(a,b){return _arrayWithHoles(a)||_iterableToArrayLimit(a,b)||_unsupportedIterableToArray(a,b)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(b,c){if(b){if("string"==typeof b)return _arrayLikeToArray(b,c);var a={}.toString.call(b).slice(8,-1);return"Object"===a&&b.constructor&&(a=b.constructor.name),"Map"===a||"Set"===a?Array.from(b):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(b,c):void 0}}function _arrayLikeToArray(b,c){(null==c||c>b.length)&&(c=b.length);for(var d=0,f=Array(c);d<c;d++)f[d]=b[d];return f}function _iterableToArrayLimit(b,c){var d=null==b?null:"undefined"!=typeof Symbol&&b[Symbol.iterator]||b["@@iterator"];if(null!=d){var g,h,j,k,l=[],a=!0,m=!1;try{if(j=(d=d.call(b)).next,0===c){if(Object(d)!==d)return;a=!1}else for(;!(a=(g=j.call(d)).done)&&(l.push(g.value),l.length!==c);a=!0);}catch(a){m=!0,h=a}finally{try{if(!a&&null!=d["return"]&&(k=d["return"](),Object(k)!==k))return}finally{if(m)throw h}}return l}}function _arrayWithHoles(a){if(Array.isArray(a))return a}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)}var cssPropertiesJson=await("object"===("undefined"==typeof process?"undefined":_typeof(process))&&null!==(_process$versions=process.versions)&&void 0!==_process$versions&&_process$versions.node?Promise.all([import("fs"),import("module")]).then(function(a){var b=_slicedToArray(a,2),c=b[0],d=b[1];return new Promise(function(b){return function(a,f){return c.readFile(b,function(b,c){return b?f(b):a(c)})}}(d.createRequire(import.meta.url).resolve("./json/css-properties.json")))}).then(JSON.parse):fetch(null!==(_import$meta$resolve=null===(_import$meta$resolve2=(_import$meta=import.meta).resolve)||void 0===_import$meta$resolve2?void 0:_import$meta$resolve2.call(_import$meta,"./json/css-properties.json"))&&void 0!==_import$meta$resolve?_import$meta$resolve:new URL("./json/css-properties.json",import.meta.url)).then(function(a){return a.json()}));import{isContextConsumer,isContextProvider,isElement,isForwardRef,isFragment,isLazy,isMemo,isPortal,isProfiler,isReactClassComponent,isStrictMode,isSuspense,isSuspenseList}from"./react-is.helper.ts";/**
  * The list of CSS property names imported from the JSON file.
  * Used for validation and filtering of CSS-related props.
  */var cssProperties=cssPropertiesJson.properties;/**

package/docs/basic-usage.md

@@ -1,7 +1,10 @@
 ```ts
 // Component wraps a React Server Component into a Client Component
 // Think of it like a factory that transforms JSX-like node definitions into actual React components
-import { Component, Column, Row, Div, Img, P } from '@meonode/ui'
+import { Component } from '@src/lib/node/core.node'
+
+// These are layout/HTML helpers that render to real DOM elements (e.g., <div>, <img>, <p>)
+import { Column, Row, Div, Img, P } from '@src/lib/node/html.node'
 
 const theme = { background: { primary: 'red', secondary: 'blue' } }
 

package/docs/conditional-component-with-hook.md

@@ -1,7 +1,10 @@
 ```ts
 
 // Wraps a hook-capable component into a BaseNode-compatible Client Component
-import { Component, Column, Row, Div, P  } from '@meonode/ui'
+import { Component } from '@src/lib/node/core.node'
+
+// Layout primitives (synthetic components for JSX-less DOM generation)
+import { Column, Row, Div, P } from '@src/lib/node/html.node'
 import { useState, useEffect } from 'react'
 
 // Shared theme object passed into components. This may be written in a different file and imported.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meonode/ui",
   "description": "`@meonode/ui` is a lightweight yet powerful utility for the programmatic creation and manipulation of React elements. It offers an enhanced, structured way to define components, manage props (separating CSS from DOM attributes), handle theming, and compose children *before* they are rendered by React. This provides greater control and flexibility, especially for dynamic UIs and design systems.",
-  "version": "0.0.1-alpha.13",
+  "version": "0.0.1-alpha.2",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
@@ -19,17 +19,14 @@
     "README.md"
   ],
   "scripts": {
-    "watch:build": "nodemon --watch src --ext ts,js,json --exec \"yarn build\"",
     "lint": "eslint --fix",
     "build": "rm -rf ./dist && babel src --out-dir dist --extensions \".ts,.js\" && tsc && tsc-alias && copyfiles -u 1 \"src/**/*.json\" dist",
-    "publish:pre": "./prepublish.sh && yarn version -i prerelease && yarn npm publish --tag next",
-    "publish:patch": "./prepublish.sh && yarn version -i patch && yarn npm publish --tag latest",
-    "publish:minor": "./prepublish.sh && yarn version -i minor && yarn npm publish --tag latest",
-    "publish:major": "./prepublish.sh && yarn version -i major && yarn npm publish --tag latest"
+    "publish": "npm publish"
   },
   "devDependencies": {
     "@babel/cli": "^7.0.0",
     "@babel/core": "^7.0.0",
+    "@babel/plugin-transform-json-modules": "^7.27.1",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/js": "^9.27.0",
@@ -44,7 +41,6 @@
     "eslint-plugin-jsdoc": "^50.6.17",
     "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-unused-imports": "^4.1.4",
-    "nodemon": "^3.1.10",
     "prettier": "^3.5.3",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.8.3",
@@ -54,17 +50,5 @@
   "peerDependencies": {
     "react": "*"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/l7aromeo/meonode-ui.git"
-  },
-  "homepage": "https://github.com/l7aromeo/meonode-ui#readme",
-  "bugs": {
-    "url": "https://github.com/l7aromeo/meonode-ui/issues"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "license": "MIT",
-  "stableVersion": "0.0.1-alpha.12"
-}
+  "license": "MIT"
+}