juxscript 1.1.88 → 1.1.89

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 63,
-  "generatedAt": "2026-02-12T18:30:05.625Z",
+  "generatedAt": "2026-02-12T18:39:00.380Z",
   "components": [
     {
       "file": "alert.js",

package/index.d.ts

@@ -46,9 +46,9 @@ import { registry } from './lib/components/registry.js';
 import { stateHistory } from './lib/components/history/StateHistory.js';
 import { watcher } from './lib/components/watcher.js';
 export { state, registry, stateHistory };
-import { vstack } from './lib/components/stack/VStack.js';
-import { hstack } from './lib/components/stack/HStack.js';
-import { zstack } from './lib/components/stack/ZStack.js';
+import { VStack, vstack } from './lib/components/stack/VStack.js';
+import { HStack, hstack } from './lib/components/stack/HStack.js';
+import { ZStack, zstack } from './lib/components/stack/ZStack.js';
 export declare const jux: {
     alert: typeof alert;
     app: typeof app;
@@ -207,5 +207,5 @@ export declare const jux: {
     getOrCreateContainer: typeof getOrCreateContainer;
     watcher: typeof watcher;
 };
-export { vstack, hstack, zstack };
+export { VStack, HStack, ZStack, vstack, hstack, zstack };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -48,10 +48,10 @@ import { registry } from './lib/components/registry.js'; // ✅ Import registry
 import { stateHistory } from './lib/components/history/StateHistory.js'; // ✅ Import history
 import { watcher } from './lib/components/watcher.js';
 export { state, registry, stateHistory }; // ✅ Export history
-// ✅ Import Stack components
-import { vstack } from './lib/components/stack/VStack.js';
-import { hstack } from './lib/components/stack/HStack.js';
-import { zstack } from './lib/components/stack/ZStack.js';
+// ✅ Import Stack components (already added earlier)
+import { VStack, vstack } from './lib/components/stack/VStack.js';
+import { HStack, hstack } from './lib/components/stack/HStack.js';
+import { ZStack, zstack } from './lib/components/stack/ZStack.js';
 // Utilities
 export const jux = {
     alert,
@@ -107,5 +107,5 @@ export const jux = {
     getOrCreateContainer,
     watcher
 };
-// ✅ Export Stack components directly
-export { vstack, hstack, zstack };
+// ✅ Export Stack classes for .create() usage
+export { VStack, HStack, ZStack, vstack, hstack, zstack };

package/lib/components/stack/HStack.d.ts

@@ -6,6 +6,11 @@ import { BaseStack, StackOptions } from './BaseStack.js';
 export declare class HStack extends BaseStack {
     protected baseClassName: string;
     constructor(id: string, children: Record<string, any> | any[], options?: StackOptions);
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: hstack.create({ children }, options).padding('20px').render()
+     */
+    static create(children: Record<string, any> | any[], options?: StackOptions): HStack;
 }
 export declare function hstack(id: string, children: Record<string, any> | any[], options?: StackOptions): HStack;
 //# sourceMappingURL=HStack.d.ts.map

package/lib/components/stack/HStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["HStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACjC,SAAS,CAAC,aAAa,SAAgB;gBAE3B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB;CAG5F;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAE5G"}
+{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["HStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACjC,SAAS,CAAC,aAAa,SAAgB;gBAE3B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB;IAIzF;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;CAY3F;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAE5G"}

package/lib/components/stack/HStack.js

@@ -8,6 +8,20 @@ export class HStack extends BaseStack {
         super(id, children, options);
         this.baseClassName = 'jux-hstack';
     }
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: hstack.create({ children }, options).padding('20px').render()
+     */
+    static create(children, options = {}) {
+        const id = `hstack-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const instance = new HStack(id, children, options);
+        queueMicrotask(() => {
+            if (!instance.container) {
+                instance.render('app');
+            }
+        });
+        return instance;
+    }
 }
 export function hstack(id, children, options = {}) {
     return new HStack(id, children, options);

package/lib/components/stack/HStack.ts

@@ -10,6 +10,23 @@ export class HStack extends BaseStack {
     constructor(id: string, children: Record<string, any> | any[], options: StackOptions = {}) {
         super(id, children, options);
     }
+
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: hstack.create({ children }, options).padding('20px').render()
+     */
+    static create(children: Record<string, any> | any[], options: StackOptions = {}): HStack {
+        const id = `hstack-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const instance = new HStack(id, children, options);
+
+        queueMicrotask(() => {
+            if (!instance.container) {
+                instance.render('app');
+            }
+        });
+
+        return instance;
+    }
 }
 
 export function hstack(id: string, children: Record<string, any> | any[], options: StackOptions = {}): HStack {

package/lib/components/stack/VStack.d.ts

@@ -6,6 +6,11 @@ import { BaseStack, StackOptions } from './BaseStack.js';
 export declare class VStack extends BaseStack {
     protected baseClassName: string;
     constructor(id: string, children: Record<string, any> | any[], options?: StackOptions);
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: vstack.create({ children }, options).padding('20px').render()
+     */
+    static create(children: Record<string, any> | any[], options?: StackOptions): VStack;
 }
 export declare function vstack(id: string, children: Record<string, any> | any[], options?: StackOptions): VStack;
 //# sourceMappingURL=VStack.d.ts.map

package/lib/components/stack/VStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["VStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACjC,SAAS,CAAC,aAAa,SAAgB;gBAE3B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB;CAG5F;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAE5G"}
+{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["VStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACjC,SAAS,CAAC,aAAa,SAAgB;gBAE3B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB;IAIzF;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;CAc3F;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAE5G"}

package/lib/components/stack/VStack.js

@@ -8,6 +8,22 @@ export class VStack extends BaseStack {
         super(id, children, options);
         this.baseClassName = 'jux-vstack';
     }
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: vstack.create({ children }, options).padding('20px').render()
+     */
+    static create(children, options = {}) {
+        // Generate unique ID for anonymous stacks
+        const id = `vstack-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const instance = new VStack(id, children, options);
+        // Auto-render after microtask to allow chaining
+        queueMicrotask(() => {
+            if (!instance.container) {
+                instance.render('app');
+            }
+        });
+        return instance;
+    }
 }
 export function vstack(id, children, options = {}) {
     return new VStack(id, children, options);

package/lib/components/stack/VStack.ts

@@ -10,6 +10,25 @@ export class VStack extends BaseStack {
     constructor(id: string, children: Record<string, any> | any[], options: StackOptions = {}) {
         super(id, children, options);
     }
+
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: vstack.create({ children }, options).padding('20px').render()
+     */
+    static create(children: Record<string, any> | any[], options: StackOptions = {}): VStack {
+        // Generate unique ID for anonymous stacks
+        const id = `vstack-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const instance = new VStack(id, children, options);
+
+        // Auto-render after microtask to allow chaining
+        queueMicrotask(() => {
+            if (!instance.container) {
+                instance.render('app');
+            }
+        });
+
+        return instance;
+    }
 }
 
 export function vstack(id: string, children: Record<string, any> | any[], options: StackOptions = {}): VStack {

package/lib/components/stack/ZStack.d.ts

@@ -6,6 +6,11 @@ import { BaseStack, StackOptions } from './BaseStack.js';
 export declare class ZStack extends BaseStack {
     protected baseClassName: string;
     constructor(id: string, children: Record<string, any> | any[], options?: StackOptions);
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: zstack.create({ children }, options).cascade(30).render()
+     */
+    static create(children: Record<string, any> | any[], options?: StackOptions): ZStack;
 }
 export declare function zstack(id: string, children: Record<string, any> | any[], options?: StackOptions): ZStack;
 //# sourceMappingURL=ZStack.d.ts.map

package/lib/components/stack/ZStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZStack.d.ts","sourceRoot":"","sources":["ZStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACjC,SAAS,CAAC,aAAa,SAAgB;gBAE3B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB;CAG5F;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAE5G"}
+{"version":3,"file":"ZStack.d.ts","sourceRoot":"","sources":["ZStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD;;;GAGG;AACH,qBAAa,MAAO,SAAQ,SAAS;IACjC,SAAS,CAAC,aAAa,SAAgB;gBAE3B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB;IAIzF;;;OAGG;IACH,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM;CAY3F;AAED,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,EAAE,OAAO,GAAE,YAAiB,GAAG,MAAM,CAE5G"}

package/lib/components/stack/ZStack.js

@@ -8,6 +8,20 @@ export class ZStack extends BaseStack {
         super(id, children, options);
         this.baseClassName = 'jux-zstack';
     }
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: zstack.create({ children }, options).cascade(30).render()
+     */
+    static create(children, options = {}) {
+        const id = `zstack-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const instance = new ZStack(id, children, options);
+        queueMicrotask(() => {
+            if (!instance.container) {
+                instance.render('app');
+            }
+        });
+        return instance;
+    }
 }
 export function zstack(id, children, options = {}) {
     return new ZStack(id, children, options);

package/lib/components/stack/ZStack.ts

@@ -10,6 +10,23 @@ export class ZStack extends BaseStack {
     constructor(id: string, children: Record<string, any> | any[], options: StackOptions = {}) {
         super(id, children, options);
     }
+
+    /**
+     * ✅ Static create method with auto-render
+     * Allows: zstack.create({ children }, options).cascade(30).render()
+     */
+    static create(children: Record<string, any> | any[], options: StackOptions = {}): ZStack {
+        const id = `zstack-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const instance = new ZStack(id, children, options);
+
+        queueMicrotask(() => {
+            if (!instance.container) {
+                instance.render('app');
+            }
+        });
+
+        return instance;
+    }
 }
 
 export function zstack(id: string, children: Record<string, any> | any[], options: StackOptions = {}): ZStack {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.88",
+  "version": "1.1.89",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "index.js",