juxscript 1.0.68 → 1.0.70

package/bin/cli.js

@@ -11,7 +11,7 @@ const command = process.argv[2];
 function scaffoldProject(targetDir, packageRoot) {
   const juxDir = path.join(targetDir, 'jux');
   if (!fs.existsSync(juxDir)) fs.mkdirSync(juxDir, { recursive: true });
-  const presetDir = path.join(packageRoot, 'presets', 'default');
+  const presetDir = path.join(packageRoot, 'create');
   let copied = 0;
   if (fs.existsSync(presetDir)) {
     fs.readdirSync(presetDir).forEach(file => {

package/create/index.jux

@@ -0,0 +1,79 @@
+import { Element, List } from 'juxscript';
+import { LandingLayout } from './layout.jux';
+
+// 1. Initialize Layout
+LandingLayout();
+
+// 2. Header: Logo & Nav
+Element('logo', { tag: 'h2' })
+    .text('JUX STUDIO')
+    .style('margin: 0; padding: 25px 40px; font-weight: 800; letter-spacing: -1px; display: flex; align-items: center; height: 100%; box-sizing: border-box;')
+    .render('landing-layout-0-0');
+
+// 3. Hero Section
+const hero = Element('hero-content', { tag: 'div' })
+    .style('display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; text-align: center; background: #f8f9fa;')
+    .render('landing-layout-1-0');
+
+Element('hero-h1', { tag: 'h1' })
+    .text('Build Web Apps. Simply.')
+    .style('font-size: 4rem; margin: 0 0 20px 0; font-weight: 900; background: linear-gradient(45deg, #111, #555); -webkit-background-clip: text; -webkit-text-fill-color: transparent;')
+    .render('hero-content');
+
+Element('hero-p', { tag: 'p' })
+    .text('No complex build steps. No magic. Just standard JavaScript components.')
+    .style('font-size: 1.5rem; color: #666; max-width: 600px; line-height: 1.5;')
+    .render('hero-content');
+
+Element('cta-btn', { tag: 'button' })
+    .text('Get Started')
+    .style('margin-top: 30px; padding: 15px 40px; font-size: 1.2rem; background: #000; color: #fff; border: none; border-radius: 50px; cursor: pointer; transition: transform 0.2s;')
+    .render('hero-content');
+
+// 4. Features Section (Nested Content)
+const featuresWrapper = Element('features-wrapper', { tag: 'div' })
+    .style('max-width: 1000px; margin: 60px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; padding: 0 20px;')
+    .render('landing-layout-2-0');
+
+// Component Showcase within Landing Page
+const listDemo = Element('list-demo-card', { tag: 'div' })
+    .style('background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #eee;')
+    .render('features-wrapper');
+
+Element('list-label', { tag: 'h3' }).text('Interactive Components').render('list-demo-card');
+Element('list-desc', { tag: 'p' }).text('Try dragging or sorting this list:').style('color:#666; margin-bottom:20px;').render('list-demo-card');
+
+List('feature-list', { items: ['Zero Config', 'Standard Web APIs', 'Hot Reloading', 'TypeScript Ready'] })
+    .listType('unordered')
+    .enableSort()
+    .enableMove()
+    .render('list-demo-card');
+
+// Feature Cards
+const cardData = [
+    { title: 'Reactive State', desc: 'Granular binding means high performance without a virtual DOM.' },
+    { title: 'Time Travel', desc: 'Built-in undo/redo capabilities for complex application state.' }
+];
+
+cardData.forEach((f, i) => {
+    const card = Element(`card-${i}`, { tag: 'div' })
+        .style('background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #eee;')
+        .render('features-wrapper');
+
+    Element(`ct-${i}`, { tag: 'h3' }).text(f.title).render(`card-${i}`);
+    Element(`cd-${i}`, { tag: 'p' }).text(f.desc).style('color: #666; line-height: 1.6;').render(`card-${i}`);
+});
+
+// 5. Footer
+const footer = Element('footer-content', { tag: 'div' })
+    .html('© 2025 Jux Project. Open Source.')
+    .style('display:flex; align-items:center; justify-content:center; height:100%; background:#111; color:#666;')
+    .render('landing-layout-3-0');
+
+// 6. Global Reset (injected via Element)
+Element('reset-styles', { tag: 'style' })
+    .text(`
+        body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #fff; color: #111; }
+        button:hover { transform: scale(1.05); }
+    `)
+    .render('app');

package/create/layout.jux

@@ -1,4 +1,4 @@
-import { jux } from 'juxscript';
+import { Element, Grid } from 'juxscript';
 
 // Import the layout styles - testing link.
 
@@ -9,32 +9,35 @@ import { jux } from 'juxscript';
 // Note: #app is automatically created by the Jux compiler
 
 export function initializeGrid() {
-    // add the base jux styles
-    jux.include('style.css');
+    // add the base jux styles via style tag import
+    Element('layout-css', { tag: 'style' })
+        .text('@import "style.css";')
+        .render(document.head);
+
     // Header area
-    const appHeader = jux.container('appheader').render('#app');
-    const appHeaderContent = jux.container('appheader-content').render('#appheader');
-    const appHeaderLogo = jux.container('appheader-logo').render('#appheader-content');
-    const appHeaderNav = jux.container('appheader-nav').render('#appheader-content');
-    const appHeaderActions = jux.container('appheader-actions').render('#appheader-content');
+    const appHeader = Element('appheader').render('#app');
+    const appHeaderContent = Element('appheader-content').render('#appheader');
+    const appHeaderLogo = Element('appheader-logo').render('#appheader-content');
+    const appHeaderNav = Element('appheader-nav').render('#appheader-content');
+    const appHeaderActions = Element('appheader-actions').render('#appheader-content');
 
     // Left sidebar
-    const appAside = jux.container('appaside').render('#app');
+    const appAside = Element('appaside').render('#app');
 
     // Main content area
-    const appMain = jux.container('appmain').render('#app');
-    const appMainContent = jux.container('appmain-content').render('#appmain');
+    const appMain = Element('appmain').render('#app');
+    const appMainContent = Element('appmain-content').render('#appmain');
 
     // Right sidebar (optional - starts hidden)
-    const appSidebar = jux.container('appsidebar').render('#app');
-    const appSidebarHeader = jux.container('appsidebar-header').render('#appsidebar');
-    const appSidebarContent = jux.container('appsidebar-content').render('#appsidebar');
-    const appSidebarFooter = jux.container('appsidebar-footer').render('#appsidebar');
+    const appSidebar = Element('appsidebar').render('#app');
+    const appSidebarHeader = Element('appsidebar-header').render('#appsidebar');
+    const appSidebarContent = Element('appsidebar-content').render('#appsidebar');
+    const appSidebarFooter = Element('appsidebar-footer').render('#appsidebar');
 
     // Footer area
-    const appFooter = jux.container('appfooter').render('#app');
-    const appFooterContent = jux.container('appfooter-content').render('#appfooter');
-    const appFooterLegal = jux.container('appfooter-legal').render('#appfooter-content');
+    const appFooter = Element('appfooter').render('#app');
+    const appFooterContent = Element('appfooter-content').render('#appfooter');
+    const appFooterLegal = Element('appfooter-legal').render('#appfooter-content');
 
     // Return references to all containers
     return {
@@ -54,4 +57,21 @@ export function initializeGrid() {
         appFooterContent,
         appFooterLegal
     };
+}
+
+export function LandingLayout() {
+    // Defines a classic landing page structure using JUX Grid
+    return Grid('landing-layout')
+        .rows([
+            { size: '80px', class: 'layout-header' },    // 0: Navbar
+            { size: '500px', class: 'layout-hero' },     // 1: Hero Banner
+            { size: 'auto', class: 'layout-features' },  // 2: Main Content
+            { size: '120px', class: 'layout-footer' }    // 3: Footer
+        ])
+        .columns([
+            { size: '1fr', class: 'col-main' }           // Single column flow
+        ])
+        .gap('0px')
+        .width('100%')
+        .render('app');
 }

package/lib/componentsv2/element/engine.js

@@ -13,13 +13,14 @@ export class ElementEngine extends BaseEngine {
             attributes: {},
             tagName: options.tag || 'div',
             content: options.html || options.text || '',
-            contentType: options.html ? 'html' : 'text'
+            contentType: options.html ? 'html' : 'text',
+            inlineStyle: options.style || '' // ✅ Initialize logic
         };
     }
     /**
      * Set the HTML Tag name (e.g. 'div', 'span', 'h1', 'section')
      */
-    tagType(tagName) {
+    tag(tagName) {
         this.updateState({ tagName });
         this.emit('config', { tagName });
         return this;
@@ -47,5 +48,19 @@ export class ElementEngine extends BaseEngine {
         this.updateState({ content: current + value, contentType: 'html' });
         return this;
     }
+    /**
+     * Set inline styles (e.g. "color: red; margin: 10px;")
+     */
+    style(cssText) {
+        this.updateState({ inlineStyle: cssText });
+        return this;
+    }
+    /**
+     * Receives RAW DOM events from the Skin and emits them to listeners.
+     * This keeps the 'emit' logic encapsulated within the Engine.
+     */
+    handleEvent(eventName, content) {
+        this.emit(eventName, content);
+    }
 }
 //# sourceMappingURL=engine.js.map

package/lib/componentsv2/element/engine.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine.js","sourceRoot":"","sources":["engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,uBAAuB,CAAC;AAe9D,MAAM,OAAO,aAAc,SAAQ,UAAwC;IACvE,YAAY,EAAU,EAAE,UAA0B,EAAE;QAChD,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAES,YAAY,CAAC,EAAU,EAAE,OAAuB;QACtD,OAAO;YACH,EAAE;YACF,OAAO,EAAE,CAAC,aAAa,CAAC;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,OAAO,CAAC,GAAG,IAAI,KAAK;YAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,IAAI,EAAE;YAC3C,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SAC9C,CAAC;IACN,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,OAAe;QACnB,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,KAAa;QACd,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,8CAA8C;QAC9C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,KAAa;QACd,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,UAAU,CAAC,KAAa;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ"}
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,uBAAuB,CAAC;AAiB9D,MAAM,OAAO,aAAc,SAAQ,UAAwC;IACvE,YAAY,EAAU,EAAE,UAA0B,EAAE;QAChD,KAAK,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAES,YAAY,CAAC,EAAU,EAAE,OAAuB;QACtD,OAAO;YACH,EAAE;YACF,OAAO,EAAE,CAAC,aAAa,CAAC;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,EAAE;YACd,OAAO,EAAE,OAAO,CAAC,GAAG,IAAI,KAAK;YAC7B,OAAO,EAAE,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,IAAI,EAAE;YAC3C,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC3C,WAAW,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,qBAAqB;SACzD,CAAC;IACN,CAAC;IAED;;OAEG;IACH,GAAG,CAAC,OAAe;QACf,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QACjC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,KAAa;QACd,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,8CAA8C;QAC9C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,KAAa;QACd,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,UAAU,CAAC,KAAa;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QACpE,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,OAAe;QACjB,IAAI,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,WAAW,CAAC,SAAiB,EAAE,OAAY;QACvC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC;CACJ"}

package/lib/componentsv2/element/engine.ts

@@ -4,6 +4,7 @@ export interface ElementState extends BaseState {
     tagName: string;
     content: string | null;
     contentType: 'text' | 'html';
+    inlineStyle: string; // ✅ Added inlineStyle to state
     // BaseState provides: classes, attributes, visible, etc.
 }
 
@@ -11,6 +12,7 @@ export interface ElementOptions {
     tag?: string;
     text?: string;
     html?: string;
+    style?: string; // ✅ Added style option
 }
 
 export class ElementEngine extends BaseEngine<ElementState, ElementOptions> {
@@ -28,14 +30,15 @@ export class ElementEngine extends BaseEngine<ElementState, ElementOptions> {
             attributes: {},
             tagName: options.tag || 'div',
             content: options.html || options.text || '',
-            contentType: options.html ? 'html' : 'text'
+            contentType: options.html ? 'html' : 'text',
+            inlineStyle: options.style || '' // ✅ Initialize logic
         };
     }
 
     /**
      * Set the HTML Tag name (e.g. 'div', 'span', 'h1', 'section')
      */
-    tagType(tagName: string): this {
+    tag(tagName: string): this {
         this.updateState({ tagName });
         this.emit('config', { tagName });
         return this;
@@ -66,4 +69,20 @@ export class ElementEngine extends BaseEngine<ElementState, ElementOptions> {
         this.updateState({ content: current + value, contentType: 'html' });
         return this;
     }
+
+    /**
+     * Set inline styles (e.g. "color: red; margin: 10px;")
+     */
+    style(cssText: string): this {
+        this.updateState({ inlineStyle: cssText });
+        return this;
+    }
+
+    /**
+     * Receives RAW DOM events from the Skin and emits them to listeners.
+     * This keeps the 'emit' logic encapsulated within the Engine.
+     */
+    handleEvent(eventName: string, content: any): void {
+        this.emit(eventName, content);
+    }
 }

package/lib/componentsv2/element/skin.js

@@ -6,45 +6,49 @@ export class ElementSkin extends BaseSkin {
     get structureCss() {
         return new URL('./structure.css', import.meta.url).href;
     }
-    /**
-     * Defines the initial root element creation strategy
-     */
+    // ✅ Fix: Use state to determine initial tag, default to div
     createRoot() {
-        return document.createElement(this.engine.state.tagName || 'div');
+        const tag = this.engine.state.tagName || 'div';
+        return document.createElement(tag);
     }
     bindEvents(root) {
-        // Generic Elements rely on the BaseSkin's .on() event system
-        // No default listeners are enforced here to keep it lightweight
+        // ✅ Forward common events to the engine via public handler
+        // This allows engine.on('click', ...) to work without skin accessing protected 'emit'
+        const events = ['click', 'mouseenter', 'mouseleave', 'input', 'change', 'focus', 'blur'];
+        events.forEach(eventName => {
+            root.addEventListener(eventName, (e) => {
+                this.engine.handleEvent(eventName, e);
+            });
+        });
     }
     updateSkin(state) {
-        if (!this.root)
-            return;
-        // 1. Tag Name Reconciliation
-        // If the tag name changes, we must replace the root element entirely.
-        if (this.root.tagName.toLowerCase() !== state.tagName.toLowerCase()) {
+        // 1. Tag Replacement Logic
+        if (this.root && this.root.tagName.toLowerCase() !== state.tagName.toLowerCase()) {
             const newRoot = document.createElement(state.tagName);
-            // Move children (if any were appended externally/not managed by content state)
-            while (this.root.firstChild) {
-                newRoot.appendChild(this.root.firstChild);
+            // Transfer attributes/classes/listeners logic is complex
+            // We rely on re-binding events and re-applying attributes for the new root.
+            if (this.root.parentNode) {
+                this.root.parentNode.replaceChild(newRoot, this.root);
             }
-            this.root.replaceWith(newRoot);
             this.root = newRoot;
-            // Re-bind (BaseSkin doesn't automatically rebind on replace, so basic events might drop
-            // if they were attached locally, but this is an edge case for "readonly" building blocks).
+            this.bindEvents(this.root); // Re-bind events to new root
         }
-        // 2. Attributes & Classes (Handled largely by BaseSkin helper, but explicit here for clarity)
+        if (!this.root)
+            return;
+        // ✅ Ensure standard ID is set (fixes getElementById lookup issues)
+        this.root.id = state.id;
+        // 2. Base Attributes
         this.applySkinAttributes(this.root, state);
-        // 3. Content Rendering
-        // We only touch the DOM if content differs to avoid stomping on interactive children
+        // 3. Content
         if (state.contentType === 'html') {
-            if (this.root.innerHTML !== state.content) {
-                this.root.innerHTML = state.content || '';
-            }
+            this.root.innerHTML = state.content || '';
         }
         else {
-            if (this.root.textContent !== state.content) {
-                this.root.textContent = state.content || '';
-            }
+            this.root.textContent = state.content || '';
+        }
+        // 4. Inline Styles
+        if (state.inlineStyle) {
+            this.root.style.cssText = state.inlineStyle;
         }
     }
 }

package/lib/componentsv2/element/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","sourceRoot":"","sources":["skin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,MAAM,OAAO,WAAY,SAAQ,QAAqC;IAClE,YAAY,MAAqB;QAC7B,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,IAAc,YAAY;QACtB,OAAO,IAAI,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED;;OAEG;IACO,UAAU;QAChB,OAAO,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACtE,CAAC;IAES,UAAU,CAAC,IAAiB;QAClC,6DAA6D;QAC7D,gEAAgE;IACpE,CAAC;IAES,UAAU,CAAC,KAAmB;QACpC,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QAEvB,6BAA6B;QAC7B,sEAAsE;QACtE,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;YAClE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAEtD,+EAA+E;YAC/E,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC1B,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC9C,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC/B,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;YAEpB,wFAAwF;YACxF,2FAA2F;QAC/F,CAAC;QAED,8FAA8F;QAC9F,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE3C,uBAAuB;QACvB,qFAAqF;QACrF,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;YAC/B,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;gBACxC,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;YAC9C,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC1C,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;YAChD,CAAC;QACL,CAAC;IACL,CAAC;CACJ"}
+{"version":3,"file":"skin.js","sourceRoot":"","sources":["skin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,MAAM,OAAO,WAAY,SAAQ,QAAqC;IAClE,YAAY,MAAqB;QAC7B,KAAK,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,IAAc,YAAY;QACtB,OAAO,IAAI,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,4DAA4D;IAClD,UAAU;QAChB,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC;QAC/C,OAAO,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACvC,CAAC;IAES,UAAU,CAAC,IAAiB;QAClC,2DAA2D;QAC3D,sFAAsF;QACtF,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAEzF,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACvB,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACnC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;IAES,UAAU,CAAC,KAAmB;QACpC,2BAA2B;QAC3B,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;YAC/E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAEtD,yDAAyD;YACzD,4EAA4E;YAE5E,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1D,CAAC;YAED,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,6BAA6B;QAC7D,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QAEvB,mEAAmE;QACnE,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;QAExB,qBAAqB;QACrB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE3C,aAAa;QACb,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QAC9C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;QAChD,CAAC;QAED,mBAAmB;QACnB,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC;QAChD,CAAC;IACL,CAAC;CACJ"}

package/lib/componentsv2/element/skin.ts

@@ -10,51 +10,58 @@ export class ElementSkin extends BaseSkin<ElementState, ElementEngine> {
         return new URL('./structure.css', import.meta.url).href;
     }
 
-    /**
-     * Defines the initial root element creation strategy
-     */
+    // ✅ Fix: Use state to determine initial tag, default to div
     protected createRoot(): HTMLElement {
-        return document.createElement(this.engine.state.tagName || 'div');
+        const tag = this.engine.state.tagName || 'div';
+        return document.createElement(tag);
     }
 
     protected bindEvents(root: HTMLElement): void {
-        // Generic Elements rely on the BaseSkin's .on() event system
-        // No default listeners are enforced here to keep it lightweight
+        // ✅ Forward common events to the engine via public handler
+        // This allows engine.on('click', ...) to work without skin accessing protected 'emit'
+        const events = ['click', 'mouseenter', 'mouseleave', 'input', 'change', 'focus', 'blur'];
+
+        events.forEach(eventName => {
+            root.addEventListener(eventName, (e) => {
+                this.engine.handleEvent(eventName, e);
+            });
+        });
     }
 
     protected updateSkin(state: ElementState): void {
-        if (!this.root) return;
-
-        // 1. Tag Name Reconciliation
-        // If the tag name changes, we must replace the root element entirely.
-        if (this.root.tagName.toLowerCase() !== state.tagName.toLowerCase()) {
+        // 1. Tag Replacement Logic
+        if (this.root && this.root.tagName.toLowerCase() !== state.tagName.toLowerCase()) {
             const newRoot = document.createElement(state.tagName);
 
-            // Move children (if any were appended externally/not managed by content state)
-            while (this.root.firstChild) {
-                newRoot.appendChild(this.root.firstChild);
+            // Transfer attributes/classes/listeners logic is complex
+            // We rely on re-binding events and re-applying attributes for the new root.
+
+            if (this.root.parentNode) {
+                this.root.parentNode.replaceChild(newRoot, this.root);
             }
 
-            this.root.replaceWith(newRoot);
             this.root = newRoot;
-
-            // Re-bind (BaseSkin doesn't automatically rebind on replace, so basic events might drop
-            // if they were attached locally, but this is an edge case for "readonly" building blocks).
+            this.bindEvents(this.root); // Re-bind events to new root
         }
 
-        // 2. Attributes & Classes (Handled largely by BaseSkin helper, but explicit here for clarity)
+        if (!this.root) return;
+
+        // ✅ Ensure standard ID is set (fixes getElementById lookup issues)
+        this.root.id = state.id;
+
+        // 2. Base Attributes
         this.applySkinAttributes(this.root, state);
 
-        // 3. Content Rendering
-        // We only touch the DOM if content differs to avoid stomping on interactive children
+        // 3. Content
         if (state.contentType === 'html') {
-            if (this.root.innerHTML !== state.content) {
-                this.root.innerHTML = state.content || '';
-            }
+            this.root.innerHTML = state.content || '';
         } else {
-            if (this.root.textContent !== state.content) {
-                this.root.textContent = state.content || '';
-            }
+            this.root.textContent = state.content || '';
+        }
+
+        // 4. Inline Styles
+        if (state.inlineStyle) {
+            this.root.style.cssText = state.inlineStyle;
         }
     }
 }

package/lib/componentsv2/list/skin.js

@@ -150,6 +150,8 @@ export class ListSkin extends BaseSkin {
     updateSkin(state) {
         if (!this.root)
             return;
+        // ✅ Ensure standard ID is set
+        this.root.id = state.id;
         // Perform the DOM Update
         const performUpdate = () => {
             this.applySkinAttributes(this.root, state);

package/lib/componentsv2/list/skin.js.map

@@ -1 +1 @@
-{"version":3,"file":"skin.js","sourceRoot":"","sources":["skin.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAG/C,MAAM,OAAO,QAAS,SAAQ,QAA+B;IAqBzD,YAAY,MAAkB;QAC1B,KAAK,CAAC,MAAM,CAAC,CAAC;;QArBlB,mBAAmB;QACnB,+BAAc,KAAK,EAAC;QACpB,4BAAW,KAAK,EAAC;QACjB,+BAAc,KAAK,EAAC;QACpB,6BAAY,KAAK,EAAC;QAClB,6BAAY,KAAK,EAAC;QAClB,6BAAY,KAAK,EAAC;QAElB,sBAAsB;QACtB,oCAAkC,IAAI,EAAC;QAEvC,kEAAkE;QAClE,4BAA+B,IAAI,EAAC;QACpC,kCAAqC,IAAI,EAAC;QAE1C,sBAAsB;QACtB,gCAAwC,IAAI,EAAC;QAC7C,2BAAoC,IAAI,EAAC;QACzC,4BAAqC,IAAI,EAAC;IAI1C,CAAC;IAED,8DAA8D;IAC9D,IAAc,YAAY;QACtB,OAAO,IAAI,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;IAED,wBAAwB;IACxB,YAAY,CAAC,OAAgB,IAAU,uBAAA,IAAI,wBAAe,OAAO,MAAA,CAAC,CAAC,uBAAA,IAAI,oDAAe,MAAnB,IAAI,CAAiB,CAAC,CAAC,CAAC;IAC3F,SAAS,CAAC,OAAgB,IAAU,uBAAA,IAAI,qBAAY,OAAO,MAAA,CAAC,CAAC,uBAAA,IAAI,oDAAe,MAAnB,IAAI,CAAiB,CAAC,CAAC,CAAC;IACrF,YAAY,CAAC,OAAgB,IAAU,uBAAA,IAAI,wBAAe,OAAO,MAAA,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxG,UAAU,CAAC,OAAgB,IAAU,uBAAA,IAAI,sBAAa,OAAO,MAAA,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACpG,UAAU,CAAC,OAAgB,IAAU,uBAAA,IAAI,sBAAa,OAAO,MAAA,CAAC,CAAC,uBAAA,IAAI,oDAAe,MAAnB,IAAI,CAAiB,CAAC,CAAC,CAAC;IACvF,aAAa,CAAC,UAAkB,iBAAiB,IAAU,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAEhG,UAAU,CAAC,OAAgB;QACvB,uBAAA,IAAI,sBAAa,OAAO,MAAA,CAAC;QACzB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,uCAAuC;IAE7B,UAAU,CAAC,IAAiB;QAClC,4GAA4G;QAE5G,gEAAgE;QAChE,qEAAqE;QACrE,uDAAuD;QACvD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC5C,IAAI,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,EAAE,CAAC;gBACtC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;YAC7C,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YAEvC,eAAe;YACf,IAAI,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACpC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;gBAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,IAAI,QAAQ,IAAI,CAAC;oBAAE,uBAAA,IAAI,oDAAe,MAAnB,IAAI,EAAgB,QAAQ,CAAC,CAAC;gBACjD,OAAO;YACX,CAAC;YAED,gBAAgB;YAChB,IAAI,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACrC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;gBACzB,OAAO;YACX,CAAC;YAED,oBAAoB;YACpB,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,EAAE;gBAAE,OAAO;YAEhB,gCAAgC;YAChC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;YAClC,IAAI,CAAC,QAAQ,IAAI,CAAC,EAAE;gBAAE,OAAO;YAE7B,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAErC,iBAAiB;YACjB,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;gBACvC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,mCAAmC;gBAC/D,CAAC,CAAC,wBAAwB,EAAE,CAAC;gBAC7B,OAAO;YACX,CAAC;YAED,eAAe;YACf,IAAI,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACrC,uBAAA,IAAI,oDAAe,MAAnB,IAAI,EAAgB,KAAK,CAAC,CAAC;gBAC3B,CAAC,CAAC,wBAAwB,EAAE,CAAC;gBAC7B,OAAO;YACX,CAAC;YAED,uBAAuB;YACvB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,uBAAuB;QACvB,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAY,EAAE,EAAE;YAChD,IAAI,CAAC,uBAAA,IAAI,0BAAU;gBAAE,OAAO;YAC5B,MAAM,EAAE,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,EAAE,EAAE,CAAC;gBACL,uBAAA,IAAI,6BAAoB,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,EAAE,CAAC,MAAA,CAAC;gBAC/D,CAAC,CAAC,YAAa,CAAC,aAAa,GAAG,MAAM,CAAC;gBACvC,CAAC,CAAC,YAAa,CAAC,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;gBAC9D,qBAAqB,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;YAClE,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAY,EAAE,EAAE;YAC9C,MAAM,EAAE,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,EAAE;gBAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAC5C,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC;YAC1G,uBAAA,IAAI,6BAAoB,IAAI,MAAA,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAY,EAAE,EAAE;YAC/C,IAAI,CAAC,uBAAA,IAAI,0BAAU;gBAAE,OAAO;YAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;gBAC/C,CAAC,CAAC,YAAa,CAAC,UAAU,GAAG,MAAM,CAAC;gBACpC,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,CAAC;gBAC1G,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;YAC7C,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAY,EAAE,EAAE;YAC3C,IAAI,CAAC,uBAAA,IAAI,0BAAU;gBAAE,OAAO;YAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,GAAI,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnD,IAAI,EAAE,IAAI,uBAAA,IAAI,iCAAiB,KAAK,IAAI,EAAE,CAAC;gBACvC,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC;gBACvD,IAAI,OAAO,KAAK,CAAC,CAAC,IAAI,uBAAA,IAAI,iCAAiB,KAAK,OAAO,EAAE,CAAC;oBACtD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,uBAAA,IAAI,iCAAiB,EAAE,OAAO,CAAC,CAAC;gBACzD,CAAC;YACL,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAqCD;;OAEG;IACO,UAAU,CAAC,KAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QAEvB,yBAAyB;QACzB,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAK,EAAE,KAAK,CAAC,CAAC;YAE5C,gBAAgB;YAChB,IAAI,CAAC,uBAAA,IAAI,+BAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,IAAK,CAAC,SAAS,GAAG,EAAE,CAAC;gBAC1B,uBAAA,IAAI,qBAAY,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAA,CAAC;gBAC9C,uBAAA,IAAI,yBAAS,CAAC,SAAS,GAAG,kBAAkB,CAAC;gBAC7C,IAAI,CAAC,IAAK,CAAC,WAAW,CAAC,uBAAA,IAAI,yBAAS,CAAC,CAAC;gBAEtC,uBAAA,IAAI,2BAAkB,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAA,CAAC;gBACpD,IAAI,CAAC,IAAK,CAAC,WAAW,CAAC,uBAAA,IAAI,+BAAe,CAAC,CAAC;gBAC5C,uBAAA,IAAI,oDAAe,MAAnB,IAAI,CAAiB,CAAC,CAAC,iBAAiB;YAC5C,CAAC;YAED,8EAA8E;YAC9E,uBAAA,IAAI,oDAAe,MAAnB,IAAI,CAAiB,CAAC;YAEtB,oBAAoB;YACpB,MAAM,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;YACnC,IAAI,KAAK,CAAC,aAAa,KAAK,MAAM;gBAAE,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;YACxE,uBAAA,IAAI,+BAAgB,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEnD,YAAY;YACZ,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK;iBAC3B,GAAG,CAAC,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;iBACvD,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACjB,KAAK,CAAC,UAAU;gBACZ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;gBAClE,CAAC,CAAC,IAAI,CACb,CAAC;YAEN,oBAAoB;YACpB,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBACpD,uBAAA,IAAI,+BAAgB,CAAC,SAAS,GAAG,qCAAqC,KAAK,CAAC,cAAc,QAAQ,CAAC;YACvG,CAAC;iBAAM,CAAC;gBACJ,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;gBACvD,MAAM,IAAI,GAAG,YAAY;qBACpB,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,uBAAA,IAAI,qDAAgB,MAApB,IAAI,EAAiB,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;qBAClF,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEd,uBAAA,IAAI,+BAAgB,CAAC,SAAS,GAAG,IAAI,GAAG,0CAA0C,GAAG,KAAK,IAAI,KAAK,GAAG,GAAG,CAAC;YAC9G,CAAC;QACL,CAAC,CAAC;QAEF,2BAA2B;QAC3B,oFAAoF;QACpF,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa;YACtC,CAAC,QAAQ,CAAC,aAAa,KAAK,uBAAA,IAAI,6BAAa,CAAC,CAAC;QAEnD,IAAI,CAAC,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,qBAAqB,IAAI,QAAQ,EAAE,CAAC;YACvF,aAAa;YACb,QAAQ,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACJ,aAAa,EAAE,CAAC;QACpB,CAAC;IACL,CAAC;CAoHJ;8hBArNkB,KAAa;IACxB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;IACxC,OAAO,CAAC,SAAS,GAAG;;;gEAGoC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;;;;;;SAMxF,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAAqB,CAAC;IAC3E,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;YAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACnE,KAAK,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC5E,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzE,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,MAAM,KAAK,OAAO;QAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACjF,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;YAAE,IAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;YAAE,KAAK,EAAE,CAAC;IACpC,CAAC,CAAC,CAAC;IACH,UAAU,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5D,CAAC;IAqEG,IAAI,CAAC,uBAAA,IAAI,yBAAS;QAAE,OAAO;IAE3B,kBAAkB;IAClB,IAAI,uBAAA,IAAI,4BAAY,EAAE,CAAC;QACnB,IAAI,CAAC,uBAAA,IAAI,6BAAa,EAAE,CAAC;YACrB,uBAAA,IAAI,yBAAgB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,MAAA,CAAC;YACpD,uBAAA,IAAI,6BAAa,CAAC,IAAI,GAAG,MAAM,CAAC;YAChC,uBAAA,IAAI,6BAAa,CAAC,SAAS,GAAG,kBAAkB,CAAC;YACjD,uBAAA,IAAI,6BAAa,CAAC,WAAW,GAAG,iBAAiB,CAAC;YAClD,kBAAkB;YAClB,uBAAA,IAAI,yBAAS,CAAC,OAAO,CAAC,uBAAA,IAAI,6BAAa,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC;SAAM,IAAI,uBAAA,IAAI,6BAAa,EAAE,CAAC;QAC3B,uBAAA,IAAI,6BAAa,CAAC,MAAM,EAAE,CAAC;QAC3B,uBAAA,IAAI,yBAAgB,IAAI,MAAA,CAAC;IAC7B,CAAC;IAED,gBAAgB;IAChB,IAAI,uBAAA,IAAI,0BAAU,EAAE,CAAC;QACjB,IAAI,CAAC,uBAAA,IAAI,yBAAS,EAAE,CAAC;YACjB,uBAAA,IAAI,qBAAY,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAA,CAAC;YACjD,uBAAA,IAAI,yBAAS,CAAC,SAAS,GAAG,iBAAiB,CAAC;YAC5C,uBAAA,IAAI,yBAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC9B,uBAAA,IAAI,yBAAS,CAAC,SAAS,GAAG,MAAM,CAAC;YACjC,uBAAA,IAAI,yBAAS,CAAC,WAAW,CAAC,uBAAA,IAAI,yBAAS,CAAC,CAAC;QAC7C,CAAC;QACD,oBAAoB;QACpB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QACnC,MAAM,IAAI,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC5D,IAAI,uBAAA,IAAI,yBAAS,CAAC,WAAW,KAAK,IAAI,EAAE,CAAC;YACrC,uBAAA,IAAI,yBAAS,CAAC,WAAW,GAAG,IAAI,CAAC;QACrC,CAAC;IACL,CAAC;SAAM,IAAI,uBAAA,IAAI,yBAAS,EAAE,CAAC;QACvB,uBAAA,IAAI,yBAAS,CAAC,MAAM,EAAE,CAAC;QACvB,uBAAA,IAAI,qBAAY,IAAI,MAAA,CAAC;IACzB,CAAC;IAED,eAAe;IACf,IAAI,uBAAA,IAAI,yBAAS,EAAE,CAAC;QAChB,IAAI,CAAC,uBAAA,IAAI,wBAAQ,EAAE,CAAC;YAChB,uBAAA,IAAI,oBAAW,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAA,CAAC;YAChD,uBAAA,IAAI,wBAAQ,CAAC,SAAS,GAAG,gBAAgB,CAAC;YAC1C,uBAAA,IAAI,wBAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC7B,uBAAA,IAAI,wBAAQ,CAAC,SAAS,GAAG,UAAU,CAAC;YACpC,uBAAA,IAAI,wBAAQ,CAAC,WAAW,GAAG,GAAG,CAAC;YAC/B,uBAAA,IAAI,yBAAS,CAAC,WAAW,CAAC,uBAAA,IAAI,wBAAQ,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC;SAAM,IAAI,uBAAA,IAAI,wBAAQ,EAAE,CAAC;QACtB,uBAAA,IAAI,wBAAQ,CAAC,MAAM,EAAE,CAAC;QACtB,uBAAA,IAAI,oBAAW,IAAI,MAAA,CAAC;IACxB,CAAC;IAED,oBAAoB;IACpB,MAAM,WAAW,GAAG,uBAAA,IAAI,4BAAY,IAAI,uBAAA,IAAI,0BAAU,IAAI,uBAAA,IAAI,yBAAS,CAAC;IACxE,uBAAA,IAAI,yBAAS,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5D,6DAA6D;IAC7D,IAAI,uBAAA,IAAI,6BAAa,IAAI,uBAAA,IAAI,yBAAS,CAAC,UAAU,KAAK,uBAAA,IAAI,6BAAa,EAAE,CAAC;QACtE,uBAAA,IAAI,yBAAS,CAAC,OAAO,CAAC,uBAAA,IAAI,6BAAa,CAAC,CAAC;IAC7C,CAAC;AACL,CAAC,+DAEe,IAAc,EAAE,KAAa,EAAE,KAAgB;IAC3D,MAAM,GAAG,GAAG;QACR,eAAe;QACf,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;QACnC,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;KAC1B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,qDAAqD;IACrD,IAAI,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;IAExB,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5C,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAC9B,MAAM,GAAG,GAAG,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;YACpD,MAAM,QAAQ,GAAG,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,mBAAmB;YACpG,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YAC9B,2CAA2C;YAC3C,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAEvF,OAAO,wBAAwB,QAAQ,KAAK,UAAU,SAAS,CAAC;QACpE,CAAC,CAAC,CAAC,IAAI,CAAC,sCAAsC,CAAC,CAAC;IACpD,CAAC;SAAM,CAAC;QACJ,sGAAsG;QACtG,IAAI,OAAO,KAAK,iBAAiB,EAAE,CAAC;YAChC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CACtC,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,UAAU,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,OAAO,CACrF,CAAC;YACF,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAClB,OAAO,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACjC,CAAC;QACL,CAAC;IACL,CAAC;IAED,MAAM,OAAO,GAAG,uBAAA,IAAI,0BAAU,CAAC,CAAC,CAAC,4EAA4E,CAAC,CAAC,CAAC,EAAE,CAAC;IACnH,MAAM,OAAO,GAAG,uBAAA,IAAI,0BAAU,CAAC,CAAC,CAAC,0EAA0E,CAAC,CAAC,CAAC,EAAE,CAAC;IACjH,MAAM,SAAS,GAAG,uBAAA,IAAI,4BAAY,CAAC,CAAC,CAAC,8EAA8E,CAAC,CAAC,CAAC,EAAE,CAAC;IACzH,MAAM,aAAa,GAAG,uBAAA,IAAI,0BAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,cAAc,GAAG,YAAY,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;IAE7E,OAAO;2BACY,IAAI,CAAC,EAAE,iBAAiB,KAAK,YAAY,GAAG,KAAK,aAAa,iCAAiC,cAAc;;sBAElH,OAAO;;;sBAGP,OAAO;sBACP,OAAO;sBACP,SAAS;;kBAEb,CAAC;AACf,CAAC"}
+{"version":3,"file":"skin.js","sourceRoot":"","sources":["skin.ts"],"names":[],"mappings":"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"}

package/lib/componentsv2/list/skin.ts

@@ -191,6 +191,9 @@ export class ListSkin extends BaseSkin<ListState, ListEngine> {
     protected updateSkin(state: ListState): void {
         if (!this.root) return;
 
+        // ✅ Ensure standard ID is set
+        this.root.id = state.id;
+
         // Perform the DOM Update
         const performUpdate = () => {
             this.applySkinAttributes(this.root!, state);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.0.68",
+  "version": "1.0.70",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "lib/jux.js",