juxscript 1.1.106 → 1.1.108

package/dom-structure-map.json

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

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

@@ -73,65 +73,43 @@ 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)
-     */
+    fadeInItems(): this;
+    slideInItems(direction?: 'up' | 'down' | 'left' | 'right'): this;
+    scaleInItems(): this;
+    zoomInItems(): this;
+    rotateInItems(): this;
+    flipInItems(axis?: 'x' | 'y'): this;
+    bounceInItems(): this;
+    elasticInItems(): this;
+    blurInItems(): this;
+    glowItems(): this;
+    instant(): this;
+    fast(): this;
+    normal(): this;
+    slow(): this;
+    slower(): this;
+    linear(): this;
+    ease(): this;
+    easeIn(): this;
+    easeOut(): this;
+    easeInOut(): this;
+    bounceTiming(): this;
+    elasticTiming(): this;
+    delay(ms: 100 | 200 | 300 | 500 | 1000): this;
     staggered(): this;
-    /**
-     * Make children interactive (hover effects)
-     */
     interactive(): this;
-    /**
-     * Enable smooth transitions
-     */
     smooth(): this;
-    /**
-     * Combine animation with stagger
-     */
+    smoothItems(): this;
     animateStagger(animation?: 'fade' | 'slide' | 'scale' | 'bounce', direction?: 'up' | 'down' | 'left' | 'right'): this;
     protected buildClasses(): string;
     protected renderChild(child: any, index: number): HTMLElement;

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

@@ -160,93 +160,138 @@ export class BaseStack extends BaseComponent {
     /* ═════════════════════════════════════════════════════════════════
      * ANIMATION API (Fluent)
      * ═════════════════════════════════════════════════════════════════ */
-    /**
-     * Fade in animation
-     */
+    /* ─────────────────────────────────────────────────────────────────
+     * Stack-Level Animations (Animate the container)
+     * ───────────────────────────────────────────────────────────────── */
     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)
-     */
+    /* ─────────────────────────────────────────────────────────────────
+     * Item-Level Animations (Animate the children)
+     * ───────────────────────────────────────────────────────────────── */
+    fadeInItems() {
+        return this.addClass('jux-stack-fade-in-items');
+    }
+    slideInItems(direction = 'up') {
+        return this.addClass(`jux-stack-slide-${direction}-items`);
+    }
+    scaleInItems() {
+        return this.addClass('jux-stack-scale-in-items');
+    }
+    zoomInItems() {
+        return this.addClass('jux-stack-zoom-in-items');
+    }
+    rotateInItems() {
+        return this.addClass('jux-stack-rotate-in-items');
+    }
+    flipInItems(axis = 'x') {
+        return this.addClass(`jux-stack-flip-${axis}-items`);
+    }
+    bounceInItems() {
+        return this.addClass('jux-stack-bounce-in-items');
+    }
+    elasticInItems() {
+        return this.addClass('jux-stack-elastic-in-items');
+    }
+    blurInItems() {
+        return this.addClass('jux-stack-blur-in-items');
+    }
+    glowItems() {
+        return this.addClass('jux-stack-glow-items');
+    }
+    /* ─────────────────────────────────────────────────────────────────
+     * Speed Modifiers (Control animation duration)
+     * ───────────────────────────────────────────────────────────────── */
+    instant() {
+        return this.addClass('jux-stack-instant');
+    }
+    fast() {
+        return this.addClass('jux-stack-fast');
+    }
+    normal() {
+        return this.addClass('jux-stack-normal');
+    }
+    slow() {
+        return this.addClass('jux-stack-slow');
+    }
+    slower() {
+        return this.addClass('jux-stack-slower');
+    }
+    /* ─────────────────────────────────────────────────────────────────
+     * Timing Functions (Control animation easing)
+     * ───────────────────────────────────────────────────────────────── */
+    linear() {
+        return this.addClass('jux-stack-linear');
+    }
+    ease() {
+        return this.addClass('jux-stack-ease');
+    }
+    easeIn() {
+        return this.addClass('jux-stack-ease-in');
+    }
+    easeOut() {
+        return this.addClass('jux-stack-ease-out');
+    }
+    easeInOut() {
+        return this.addClass('jux-stack-ease-in-out');
+    }
+    bounceTiming() {
+        return this.addClass('jux-stack-bounce-timing');
+    }
+    elasticTiming() {
+        return this.addClass('jux-stack-elastic-timing');
+    }
+    /* ─────────────────────────────────────────────────────────────────
+     * Delay Control
+     * ───────────────────────────────────────────────────────────────── */
+    delay(ms) {
+        return this.addClass(`jux-stack-delay-${ms}`);
+    }
+    /* ─────────────────────────────────────────────────────────────────
+     * Stagger & Interactive
+     * ───────────────────────────────────────────────────────────────── */
     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
-     */
+    smoothItems() {
+        return this.addClass('jux-stack-smooth-items');
+    }
+    /* ─────────────────────────────────────────────────────────────────
+     * Convenience Combos
+     * ───────────────────────────────────────────────────────────────── */
     animateStagger(animation = 'fade', direction) {
         if (animation === 'slide' && direction) {
             this.slideIn(direction);

package/lib/components/stack/BaseStack.ts

@@ -210,107 +210,182 @@ export abstract class BaseStack extends BaseComponent<StackState> {
      * ANIMATION API (Fluent)
      * ═════════════════════════════════════════════════════════════════ */
 
-    /**
-     * Fade in animation
-     */
+    /* ─────────────────────────────────────────────────────────────────
+     * Stack-Level Animations (Animate the container)
+     * ───────────────────────────────────────────────────────────────── */
+
     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)
-     */
+    /* ─────────────────────────────────────────────────────────────────
+     * Item-Level Animations (Animate the children)
+     * ───────────────────────────────────────────────────────────────── */
+
+    fadeInItems(): this {
+        return this.addClass('jux-stack-fade-in-items');
+    }
+
+    slideInItems(direction: 'up' | 'down' | 'left' | 'right' = 'up'): this {
+        return this.addClass(`jux-stack-slide-${direction}-items`);
+    }
+
+    scaleInItems(): this {
+        return this.addClass('jux-stack-scale-in-items');
+    }
+
+    zoomInItems(): this {
+        return this.addClass('jux-stack-zoom-in-items');
+    }
+
+    rotateInItems(): this {
+        return this.addClass('jux-stack-rotate-in-items');
+    }
+
+    flipInItems(axis: 'x' | 'y' = 'x'): this {
+        return this.addClass(`jux-stack-flip-${axis}-items`);
+    }
+
+    bounceInItems(): this {
+        return this.addClass('jux-stack-bounce-in-items');
+    }
+
+    elasticInItems(): this {
+        return this.addClass('jux-stack-elastic-in-items');
+    }
+
+    blurInItems(): this {
+        return this.addClass('jux-stack-blur-in-items');
+    }
+
+    glowItems(): this {
+        return this.addClass('jux-stack-glow-items');
+    }
+
+    /* ─────────────────────────────────────────────────────────────────
+     * Speed Modifiers (Control animation duration)
+     * ───────────────────────────────────────────────────────────────── */
+
+    instant(): this {
+        return this.addClass('jux-stack-instant');
+    }
+
+    fast(): this {
+        return this.addClass('jux-stack-fast');
+    }
+
+    normal(): this {
+        return this.addClass('jux-stack-normal');
+    }
+
+    slow(): this {
+        return this.addClass('jux-stack-slow');
+    }
+
+    slower(): this {
+        return this.addClass('jux-stack-slower');
+    }
+
+    /* ─────────────────────────────────────────────────────────────────
+     * Timing Functions (Control animation easing)
+     * ───────────────────────────────────────────────────────────────── */
+
+    linear(): this {
+        return this.addClass('jux-stack-linear');
+    }
+
+    ease(): this {
+        return this.addClass('jux-stack-ease');
+    }
+
+    easeIn(): this {
+        return this.addClass('jux-stack-ease-in');
+    }
+
+    easeOut(): this {
+        return this.addClass('jux-stack-ease-out');
+    }
+
+    easeInOut(): this {
+        return this.addClass('jux-stack-ease-in-out');
+    }
+
+    bounceTiming(): this {
+        return this.addClass('jux-stack-bounce-timing');
+    }
+
+    elasticTiming(): this {
+        return this.addClass('jux-stack-elastic-timing');
+    }
+
+    /* ─────────────────────────────────────────────────────────────────
+     * Delay Control
+     * ───────────────────────────────────────────────────────────────── */
+
+    delay(ms: 100 | 200 | 300 | 500 | 1000): this {
+        return this.addClass(`jux-stack-delay-${ms}`);
+    }
+
+    /* ─────────────────────────────────────────────────────────────────
+     * Stagger & Interactive
+     * ───────────────────────────────────────────────────────────────── */
+
     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
-     */
+    smoothItems(): this {
+        return this.addClass('jux-stack-smooth-items');
+    }
+
+    /* ─────────────────────────────────────────────────────────────────
+     * Convenience Combos
+     * ───────────────────────────────────────────────────────────────── */
+
     animateStagger(animation: 'fade' | 'slide' | 'scale' | 'bounce' = 'fade', direction?: 'up' | 'down' | 'left' | 'right'): this {
         if (animation === 'slide' && direction) {
             this.slideIn(direction);

package/lib/styles/stack.css

@@ -136,26 +136,15 @@
  * ANIMATION & TRANSITION CLASSES
  * ═══════════════════════════════════════════════════════════════════ */
 
-/* Fade Animations */
+/* ═════════════════════════════════════════════════════════════════
+ * KEYFRAME DEFINITIONS (Shared)
+ * ═════════════════════════════════════════════════════════════════ */
+
 @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; }
@@ -176,23 +165,6 @@
   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; }
@@ -203,15 +175,6 @@
   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; }
@@ -227,19 +190,6 @@
   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); }
@@ -247,11 +197,6 @@
   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); }
@@ -260,31 +205,195 @@
   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 > * {
+/* ═════════════════════════════════════════════════════════════════
+ * SPEED MODIFIERS (Global)
+ * ═════════════════════════════════════════════════════════════════ */
+
+/* Apply to stack or items */
+.jux-stack-instant,
+.jux-stack-instant > * { animation-duration: 0.15s !important; }
+
+.jux-stack-fast,
+.jux-stack-fast > * { animation-duration: 0.3s !important; }
+
+.jux-stack-normal,
+.jux-stack-normal > * { animation-duration: 0.5s !important; }
+
+.jux-stack-slow,
+.jux-stack-slow > * { animation-duration: 0.8s !important; }
+
+.jux-stack-slower,
+.jux-stack-slower > * { animation-duration: 1.2s !important; }
+
+/* ═════════════════════════════════════════════════════════════════
+ * TIMING FUNCTIONS
+ * ═════════════════════════════════════════════════════════════════ */
+
+.jux-stack-linear,
+.jux-stack-linear > * { animation-timing-function: linear !important; }
+
+.jux-stack-ease,
+.jux-stack-ease > * { animation-timing-function: ease !important; }
+
+.jux-stack-ease-in,
+.jux-stack-ease-in > * { animation-timing-function: ease-in !important; }
+
+.jux-stack-ease-out,
+.jux-stack-ease-out > * { animation-timing-function: ease-out !important; }
+
+.jux-stack-ease-in-out,
+.jux-stack-ease-in-out > * { animation-timing-function: ease-in-out !important; }
+
+.jux-stack-bounce-timing,
+.jux-stack-bounce-timing > * { animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; }
+
+.jux-stack-elastic-timing,
+.jux-stack-elastic-timing > * { animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important; }
+
+/* ═════════════════════════════════════════════════════════════════
+ * DELAY MODIFIERS
+ * ═════════════════════════════════════════════════════════════════ */
+
+.jux-stack-delay-100 { animation-delay: 100ms !important; }
+.jux-stack-delay-200 { animation-delay: 200ms !important; }
+.jux-stack-delay-300 { animation-delay: 300ms !important; }
+.jux-stack-delay-500 { animation-delay: 500ms !important; }
+.jux-stack-delay-1000 { animation-delay: 1000ms !important; }
+
+/* ═════════════════════════════════════════════════════════════════
+ * STACK-LEVEL ANIMATIONS (Apply to container itself)
+ * ═════════════════════════════════════════════════════════════════ */
+
+.jux-stack-fade-in {
+  animation: jux-fade-in 0.3s ease-out;
+}
+
+.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;
+}
+
+.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);
+}
+
+.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;
+}
+
+.jux-stack-bounce-in {
+  animation: jux-bounce-in 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+
+.jux-stack-elastic-in {
+  animation: jux-elastic-in 0.8s ease-out;
+}
+
+.jux-stack-blur-in {
+  animation: jux-blur-in 0.5s ease-out;
+}
+
+.jux-stack-glow {
+  animation: jux-glow-pulse 2s ease-in-out infinite;
+}
+
+/* ═════════════════════════════════════════════════════════════════
+ * ITEM-LEVEL ANIMATIONS (Apply to direct children only)
+ * ═════════════════════════════════════════════════════════════════ */
+
+.jux-stack-fade-in-items > * {
+  animation: jux-fade-in 0.3s ease-out;
+}
+
+.jux-stack-slide-up-items > * {
+  animation: jux-slide-in-up 0.4s ease-out;
+}
+
+.jux-stack-slide-down-items > * {
+  animation: jux-slide-in-down 0.4s ease-out;
+}
+
+.jux-stack-slide-left-items > * {
+  animation: jux-slide-in-left 0.4s ease-out;
+}
+
+.jux-stack-slide-right-items > * {
+  animation: jux-slide-in-right 0.4s ease-out;
+}
+
+.jux-stack-scale-in-items > * {
+  animation: jux-scale-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.jux-stack-zoom-in-items > * {
+  animation: jux-zoom-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.jux-stack-rotate-in-items > * {
+  animation: jux-rotate-in 0.5s ease-out;
+}
+
+.jux-stack-flip-x-items > * {
+  animation: jux-flip-in-x 0.6s ease-out;
+}
+
+.jux-stack-flip-y-items > * {
+  animation: jux-flip-in-y 0.6s ease-out;
+}
+
+.jux-stack-bounce-in-items > * {
+  animation: jux-bounce-in 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+
+.jux-stack-elastic-in-items > * {
+  animation: jux-elastic-in 0.8s ease-out;
+}
+
+.jux-stack-blur-in-items > * {
+  animation: jux-blur-in 0.5s ease-out;
+}
+
+.jux-stack-glow-items > * {
   animation: jux-glow-pulse 2s ease-in-out infinite;
 }
 
-/* Stagger Delay (for sequential animations) */
+/* ═════════════════════════════════════════════════════════════════
+ * STAGGER DELAYS (Only for item-level 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; }
@@ -296,7 +405,10 @@
 .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) */
+/* ═════════════════════════════════════════════════════════════════
+ * INTERACTIVE EFFECTS (Hover, Focus)
+ * ═════════════════════════════════════════════════════════════════ */
+
 .jux-stack-interactive > * {
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   cursor: pointer;
@@ -307,8 +419,14 @@
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }
 
-/* Smooth transitions for all animated properties */
-.jux-stack-smooth,
-.jux-stack-smooth > * {
+/* ═════════════════════════════════════════════════════════════════
+ * UTILITY CLASSES
+ * ═════════════════════════════════════════════════════════════════ */
+
+.jux-stack-smooth {
+  transition: all 0.3s ease;
+}
+
+.jux-stack-smooth-items > * {
   transition: all 0.3s ease;
 }

package/package.json

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