juxscript 1.1.104 → 1.1.106

package/dom-structure-map.json

@@ -1,6 +1,6 @@
 {
   "totalComponents": 63,
-  "generatedAt": "2026-02-12T21:26:28.939Z",
+  "generatedAt": "2026-02-12T21:41:01.161Z",
   "components": [
     {
       "file": "alert.js",

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

@@ -73,6 +73,66 @@ export declare abstract class BaseStack extends BaseComponent<StackState> {
     fade(startOpacity?: number, step?: number): this;
     blur(startBlur?: number, step?: number): this;
     stagger(baseDelay?: number): this;
+    /**
+     * Fade in animation
+     */
+    fadeIn(): this;
+    /**
+     * Fade out animation
+     */
+    fadeOut(): this;
+    /**
+     * Slide in from direction
+     */
+    slideIn(direction?: 'up' | 'down' | 'left' | 'right'): this;
+    /**
+     * Scale in animation (subtle)
+     */
+    scaleIn(): this;
+    /**
+     * Zoom in animation (dramatic)
+     */
+    zoomIn(): this;
+    /**
+     * Rotate in animation
+     */
+    rotateIn(): this;
+    /**
+     * Flip in along axis
+     */
+    flipIn(axis?: 'x' | 'y'): this;
+    /**
+     * Bounce in animation
+     */
+    bounceIn(): this;
+    /**
+     * Elastic spring animation
+     */
+    elasticIn(): this;
+    /**
+     * Blur in animation
+     */
+    blurIn(): this;
+    /**
+     * Glow pulse animation (continuous)
+     */
+    glow(): this;
+    /**
+     * Enable staggered animations (children animate sequentially)
+     */
+    staggered(): this;
+    /**
+     * Make children interactive (hover effects)
+     */
+    interactive(): this;
+    /**
+     * Enable smooth transitions
+     */
+    smooth(): this;
+    /**
+     * Combine animation with stagger
+     */
+    animateStagger(animation?: 'fade' | 'slide' | 'scale' | 'bounce', direction?: 'up' | 'down' | 'left' | 'right'): this;
     protected buildClasses(): string;
     protected renderChild(child: any, index: number): HTMLElement;
     private getChildStyle;

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

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

package/lib/components/stack/BaseStack.js

@@ -157,6 +157,111 @@ export class BaseStack extends BaseComponent {
         };
         return this;
     }
+    /* ═════════════════════════════════════════════════════════════════
+     * ANIMATION API (Fluent)
+     * ═════════════════════════════════════════════════════════════════ */
+    /**
+     * Fade in animation
+     */
+    fadeIn() {
+        return this.addClass('jux-stack-fade-in');
+    }
+    /**
+     * Fade out animation
+     */
+    fadeOut() {
+        return this.addClass('jux-stack-fade-out');
+    }
+    /**
+     * Slide in from direction
+     */
+    slideIn(direction = 'up') {
+        return this.addClass(`jux-stack-slide-${direction}`);
+    }
+    /**
+     * Scale in animation (subtle)
+     */
+    scaleIn() {
+        return this.addClass('jux-stack-scale-in');
+    }
+    /**
+     * Zoom in animation (dramatic)
+     */
+    zoomIn() {
+        return this.addClass('jux-stack-zoom-in');
+    }
+    /**
+     * Rotate in animation
+     */
+    rotateIn() {
+        return this.addClass('jux-stack-rotate-in');
+    }
+    /**
+     * Flip in along axis
+     */
+    flipIn(axis = 'x') {
+        return this.addClass(`jux-stack-flip-${axis}`);
+    }
+    /**
+     * Bounce in animation
+     */
+    bounceIn() {
+        return this.addClass('jux-stack-bounce-in');
+    }
+    /**
+     * Elastic spring animation
+     */
+    elasticIn() {
+        return this.addClass('jux-stack-elastic-in');
+    }
+    /**
+     * Blur in animation
+     */
+    blurIn() {
+        return this.addClass('jux-stack-blur-in');
+    }
+    /**
+     * Glow pulse animation (continuous)
+     */
+    glow() {
+        return this.addClass('jux-stack-glow');
+    }
+    /**
+     * Enable staggered animations (children animate sequentially)
+     */
+    staggered() {
+        return this.addClass('jux-stack-stagger');
+    }
+    /**
+     * Make children interactive (hover effects)
+     */
+    interactive() {
+        return this.addClass('jux-stack-interactive');
+    }
+    /**
+     * Enable smooth transitions
+     */
+    smooth() {
+        return this.addClass('jux-stack-smooth');
+    }
+    /**
+     * Combine animation with stagger
+     */
+    animateStagger(animation = 'fade', direction) {
+        if (animation === 'slide' && direction) {
+            this.slideIn(direction);
+        }
+        else if (animation === 'fade') {
+            this.fadeIn();
+        }
+        else if (animation === 'scale') {
+            this.scaleIn();
+        }
+        else if (animation === 'bounce') {
+            this.bounceIn();
+        }
+        return this.staggered();
+    }
     /* ═════════════════════════════════════════════════════════════════
      * RENDER HELPERS
      * ═════════════════════════════════════════════════════════════════ */

package/lib/components/stack/BaseStack.ts

@@ -206,6 +206,124 @@ export abstract class BaseStack extends BaseComponent<StackState> {
         return this;
     }
 
+    /* ═════════════════════════════════════════════════════════════════
+     * ANIMATION API (Fluent)
+     * ═════════════════════════════════════════════════════════════════ */
+
+    /**
+     * Fade in animation
+     */
+    fadeIn(): this {
+        return this.addClass('jux-stack-fade-in');
+    }
+
+    /**
+     * Fade out animation
+     */
+    fadeOut(): this {
+        return this.addClass('jux-stack-fade-out');
+    }
+
+    /**
+     * Slide in from direction
+     */
+    slideIn(direction: 'up' | 'down' | 'left' | 'right' = 'up'): this {
+        return this.addClass(`jux-stack-slide-${direction}`);
+    }
+
+    /**
+     * Scale in animation (subtle)
+     */
+    scaleIn(): this {
+        return this.addClass('jux-stack-scale-in');
+    }
+
+    /**
+     * Zoom in animation (dramatic)
+     */
+    zoomIn(): this {
+        return this.addClass('jux-stack-zoom-in');
+    }
+
+    /**
+     * Rotate in animation
+     */
+    rotateIn(): this {
+        return this.addClass('jux-stack-rotate-in');
+    }
+
+    /**
+     * Flip in along axis
+     */
+    flipIn(axis: 'x' | 'y' = 'x'): this {
+        return this.addClass(`jux-stack-flip-${axis}`);
+    }
+
+    /**
+     * Bounce in animation
+     */
+    bounceIn(): this {
+        return this.addClass('jux-stack-bounce-in');
+    }
+
+    /**
+     * Elastic spring animation
+     */
+    elasticIn(): this {
+        return this.addClass('jux-stack-elastic-in');
+    }
+
+    /**
+     * Blur in animation
+     */
+    blurIn(): this {
+        return this.addClass('jux-stack-blur-in');
+    }
+
+    /**
+     * Glow pulse animation (continuous)
+     */
+    glow(): this {
+        return this.addClass('jux-stack-glow');
+    }
+
+    /**
+     * Enable staggered animations (children animate sequentially)
+     */
+    staggered(): this {
+        return this.addClass('jux-stack-stagger');
+    }
+
+    /**
+     * Make children interactive (hover effects)
+     */
+    interactive(): this {
+        return this.addClass('jux-stack-interactive');
+    }
+
+    /**
+     * Enable smooth transitions
+     */
+    smooth(): this {
+        return this.addClass('jux-stack-smooth');
+    }
+
+    /**
+     * Combine animation with stagger
+     */
+    animateStagger(animation: 'fade' | 'slide' | 'scale' | 'bounce' = 'fade', direction?: 'up' | 'down' | 'left' | 'right'): this {
+        if (animation === 'slide' && direction) {
+            this.slideIn(direction);
+        } else if (animation === 'fade') {
+            this.fadeIn();
+        } else if (animation === 'scale') {
+            this.scaleIn();
+        } else if (animation === 'bounce') {
+            this.bounceIn();
+        }
+        return this.staggered();
+    }
+
     /* ═════════════════════════════════════════════════════════════════
      * RENDER HELPERS
      * ═════════════════════════════════════════════════════════════════ */
@@ -254,10 +372,10 @@ export abstract class BaseStack extends BaseComponent<StackState> {
             // Create temporary container to render into
             const tempContainer = document.createElement('div');
             tempContainer.style.display = 'contents'; // Don't add extra wrapper
-            
+
             // Render the component into temp container
             child.render(tempContainer);
-            
+
             // Extract the rendered element
             if (child.container && child.container.firstElementChild) {
                 childElement = child.container.firstElementChild as HTMLElement;

package/lib/styles/stack.css

@@ -131,3 +131,184 @@
 .jux-zstack-divider > * {
   border: 1px solid #e4e4e7;
 }
+
+/* ═══════════════════════════════════════════════════════════════════
+ * ANIMATION & TRANSITION CLASSES
+ * ═══════════════════════════════════════════════════════════════════ */
+
+/* Fade Animations */
+@keyframes jux-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes jux-fade-out {
+  from { opacity: 1; }
+  to { opacity: 0; }
+}
+
+.jux-stack-fade-in > * {
+  animation: jux-fade-in 0.3s ease-out;
+}
+
+.jux-stack-fade-out > * {
+  animation: jux-fade-out 0.3s ease-out;
+}
+
+/* Slide Animations */
+@keyframes jux-slide-in-up {
+  from { transform: translateY(20px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes jux-slide-in-down {
+  from { transform: translateY(-20px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes jux-slide-in-left {
+  from { transform: translateX(-20px); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+
+@keyframes jux-slide-in-right {
+  from { transform: translateX(20px); opacity: 0; }
+  to { transform: translateX(0); opacity: 1; }
+}
+
+.jux-stack-slide-up > * {
+  animation: jux-slide-in-up 0.4s ease-out;
+}
+
+.jux-stack-slide-down > * {
+  animation: jux-slide-in-down 0.4s ease-out;
+}
+
+.jux-stack-slide-left > * {
+  animation: jux-slide-in-left 0.4s ease-out;
+}
+
+.jux-stack-slide-right > * {
+  animation: jux-slide-in-right 0.4s ease-out;
+}
+
+/* Scale Animations */
+@keyframes jux-scale-in {
+  from { transform: scale(0.8); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
+@keyframes jux-zoom-in {
+  from { transform: scale(0); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
+.jux-stack-scale-in > * {
+  animation: jux-scale-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.jux-stack-zoom-in > * {
+  animation: jux-zoom-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+/* Rotate Animations */
+@keyframes jux-rotate-in {
+  from { transform: rotate(-10deg); opacity: 0; }
+  to { transform: rotate(0); opacity: 1; }
+}
+
+@keyframes jux-flip-in-x {
+  from { transform: perspective(400px) rotateX(90deg); opacity: 0; }
+  to { transform: perspective(400px) rotateX(0); opacity: 1; }
+}
+
+@keyframes jux-flip-in-y {
+  from { transform: perspective(400px) rotateY(90deg); opacity: 0; }
+  to { transform: perspective(400px) rotateY(0); opacity: 1; }
+}
+
+.jux-stack-rotate-in > * {
+  animation: jux-rotate-in 0.5s ease-out;
+}
+
+.jux-stack-flip-x > * {
+  animation: jux-flip-in-x 0.6s ease-out;
+}
+
+.jux-stack-flip-y > * {
+  animation: jux-flip-in-y 0.6s ease-out;
+}
+
+/* Bounce Animation */
+@keyframes jux-bounce-in {
+  0% { transform: scale(0); opacity: 0; }
+  50% { transform: scale(1.1); }
+  70% { transform: scale(0.9); }
+  100% { transform: scale(1); opacity: 1; }
+}
+
+.jux-stack-bounce-in > * {
+  animation: jux-bounce-in 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+
+/* Elastic Animation */
+@keyframes jux-elastic-in {
+  0% { transform: scale(0); }
+  55% { transform: scale(1.2); }
+  70% { transform: scale(0.9); }
+  85% { transform: scale(1.05); }
+  100% { transform: scale(1); }
+}
+
+.jux-stack-elastic-in > * {
+  animation: jux-elastic-in 0.8s ease-out;
+}
+
+/* Blur Animation */
+@keyframes jux-blur-in {
+  from { filter: blur(10px); opacity: 0; }
+  to { filter: blur(0); opacity: 1; }
+}
+
+.jux-stack-blur-in > * {
+  animation: jux-blur-in 0.5s ease-out;
+}
+
+/* Glow Animation */
+@keyframes jux-glow-pulse {
+  0%, 100% { box-shadow: 0 0 5px rgba(59, 130, 246, 0.5); }
+  50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.8); }
+}
+
+.jux-stack-glow > * {
+  animation: jux-glow-pulse 2s ease-in-out infinite;
+}
+
+/* Stagger Delay (for sequential animations) */
+.jux-stack-stagger > *:nth-child(1) { animation-delay: 0ms; }
+.jux-stack-stagger > *:nth-child(2) { animation-delay: 100ms; }
+.jux-stack-stagger > *:nth-child(3) { animation-delay: 200ms; }
+.jux-stack-stagger > *:nth-child(4) { animation-delay: 300ms; }
+.jux-stack-stagger > *:nth-child(5) { animation-delay: 400ms; }
+.jux-stack-stagger > *:nth-child(6) { animation-delay: 500ms; }
+.jux-stack-stagger > *:nth-child(7) { animation-delay: 600ms; }
+.jux-stack-stagger > *:nth-child(8) { animation-delay: 700ms; }
+.jux-stack-stagger > *:nth-child(9) { animation-delay: 800ms; }
+.jux-stack-stagger > *:nth-child(10) { animation-delay: 900ms; }
+
+/* Hover Transitions (opt-in via .jux-stack-interactive) */
+.jux-stack-interactive > * {
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  cursor: pointer;
+}
+
+.jux-stack-interactive > *:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+}
+
+/* Smooth transitions for all animated properties */
+.jux-stack-smooth,
+.jux-stack-smooth > * {
+  transition: all 0.3s ease;
+}

package/package.json

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