juxscript 1.1.245 → 1.1.246

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.1.245",
+  "version": "1.1.246",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "./dist/index.js",
@@ -18,17 +18,12 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "index.js",
-    "index.d.ts",
-    "index.d.ts.map",
+    "dist",
     "css-classes-inventory.json",
     "dom-structure-map.json",
     "bin",
     "create",
-    "lib",
     "machinery",
-    "reactivity",
-    "types",
     "juxconfig.example.js",
     "README.md",
     "LICENSE"

package/lib/styles/animations.css

@@ -1,218 +0,0 @@
-/* ═══════════════════════════════════════════════════════════════════
- * JUX ANIMATION SYSTEM
- * Keyframes, animation classes, speed/timing modifiers
- * ═══════════════════════════════════════════════════════════════════ */
-
-/* ═════════════════════════════════════════════════════════════════
- * KEYFRAME DEFINITIONS
- * ═════════════════════════════════════════════════════════════════ */
-
-@keyframes jux-fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@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; }
-}
-
-@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; }
-}
-
-@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; }
-}
-
-@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; }
-}
-
-@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); }
-}
-
-@keyframes jux-blur-in {
-  from { filter: blur(10px); opacity: 0; }
-  to { filter: blur(0); opacity: 1; }
-}
-
-@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); }
-}
-
-/* ═════════════════════════════════════════════════════════════════
- * CONTAINER-LEVEL ANIMATIONS (Apply to element 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)
- * ═════════════════════════════════════════════════════════════════ */
-
-.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; }
-
-/* ═════════════════════════════════════════════════════════════════
- * SPEED MODIFIERS (Override animation duration)
- * ═════════════════════════════════════════════════════════════════ */
-
-.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 (Override easing)
- * ═════════════════════════════════════════════════════════════════ */
-
-.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 (Animation start delay)
- * ═════════════════════════════════════════════════════════════════ */
-
-.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; }
-
-/* ═════════════════════════════════════════════════════════════════
- * STAGGER DELAYS (Sequential item delays)
- * DEFAULT: 100ms between items
- * Use .stagger(customMs) to override with inline styles
- * ═════════════════════════════════════════════════════════════════ */
-
-.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; }
-
-/* ═════════════════════════════════════════════════════════════════
- * INTERACTIVE EFFECTS (Hover/Focus transitions)
- * ═════════════════════════════════════════════════════════════════ */
-
-.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);
-}
-
-/* ═════════════════════════════════════════════════════════════════
- * TRANSITION UTILITIES
- * ═════════════════════════════════════════════════════════════════ */
-
-.jux-stack-smooth {
-  transition: all 0.3s ease;
-}
-
-.jux-stack-smooth-items > * {
-  transition: all 0.3s ease;
-}