@stacksjs/stx 0.2.95 → 0.2.97

package/dist/chunk-knm8a8yx.js

@@ -1,398 +0,0 @@
-// @bun
-var _;((J)=>{J.Fade="fade";J.Slide="slide";J.Scale="scale";J.Flip="flip";J.Rotate="rotate";J.Custom="custom"})(_||={});var $;((K)=>{K.In="in";K.Out="out";K.Both="both"})($||={});var F;((J)=>{J.Linear="linear";J.Ease="ease";J.EaseIn="ease-in";J.EaseOut="ease-out";J.EaseInOut="ease-in-out";J.Spring="spring"})(F||={});var W={duration:300,delay:0,ease:"ease",direction:"both"};function A(z,j={}){let{duration:H,delay:K,ease:w,direction:G,custom:J}={...W,...j};if(z==="custom"&&J)return J;switch(z){case"fade":return`${G==="in"?"opacity: 0; animation: fadeIn var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":G==="out"?"opacity: 1; animation: fadeOut var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":"opacity: 1; transition: opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);"}
-@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
-@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }`;case"slide":return`${G==="in"?"transform: translateY(20px); opacity: 0; animation: slideIn var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":G==="out"?"transform: translateY(0); opacity: 1; animation: slideOut var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":"transform: translateY(0); opacity: 1; transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms), opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);"}
-@keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
-@keyframes slideOut { from { transform: translateY(0); opacity: 1; } to { transform: translateY(20px); opacity: 0; } }`;case"scale":return`${G==="in"?"transform: scale(0.95); opacity: 0; animation: scaleIn var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":G==="out"?"transform: scale(1); opacity: 1; animation: scaleOut var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":"transform: scale(1); opacity: 1; transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms), opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);"}
-@keyframes scaleIn { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
-@keyframes scaleOut { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; } }`;case"flip":return`${G==="in"?"transform: perspective(400px) rotateX(-90deg); opacity: 0; animation: flipIn var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":G==="out"?"transform: perspective(400px) rotateX(0); opacity: 1; animation: flipOut var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":"transform: perspective(400px) rotateX(0); opacity: 1; transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms), opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);"}
-@keyframes flipIn { from { transform: perspective(400px) rotateX(-90deg); opacity: 0; } to { transform: perspective(400px) rotateX(0); opacity: 1; } }
-@keyframes flipOut { from { transform: perspective(400px) rotateX(0); opacity: 1; } to { transform: perspective(400px) rotateX(90deg); opacity: 0; } }`;case"rotate":return`${G==="in"?"transform: rotate(-90deg); opacity: 0; animation: rotateIn var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":G==="out"?"transform: rotate(0); opacity: 1; animation: rotateOut var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms) forwards;":"transform: rotate(0); opacity: 1; transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms), opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);"}
-@keyframes rotateIn { from { transform: rotate(-90deg); opacity: 0; } to { transform: rotate(0); opacity: 1; } }
-@keyframes rotateOut { from { transform: rotate(0); opacity: 1; } to { transform: rotate(90deg); opacity: 0; } }`;default:return""}}function B(){return`
-<script data-stx-scoped>
-  // Motion preferences handling
-  (function() {
-    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-
-    if (prefersReducedMotion) {
-      // Apply reduced motion settings
-      document.documentElement.style.setProperty('--stx-transition-duration', '0ms');
-      document.documentElement.setAttribute('data-reduced-motion', 'true');
-    }
-else {
-      document.documentElement.setAttribute('data-reduced-motion', 'false');
-    }
-
-    // Listen for changes in preference
-    window.matchMedia('(prefers-reduced-motion: reduce)').addEventListener('change', (e) => {
-      if (e.matches) {
-        document.documentElement.style.setProperty('--stx-transition-duration', '0ms');
-        document.documentElement.setAttribute('data-reduced-motion', 'true');
-      }
-else {
-        document.documentElement.style.setProperty('--stx-transition-duration', '');
-        document.documentElement.setAttribute('data-reduced-motion', 'false');
-      }
-    });
-  })();
-</script>
-  `}function M(z){return[/@animate\b/,/@transition\b/,/@scroll(?:Animate)?\b/,/@staggered\b/,/@sequence\b/,/@motion\b/,/@animationGroup\b/,/\bstx-transition\b/,/\bstx-(?:fade|scale|flip|rotate|slide|from-|observe)\b/,/data-animate=['"](?:auto|true|false)['"]/].some((H)=>H.test(z))}function R(z=0.1,j="0px"){return`
-<script data-stx-scoped>
-  // Intersection Observer for scroll animations
-  (function() {
-    const initObserver = () => {
-      if (!('IntersectionObserver' in window)) {
-        // For browsers that don't support IntersectionObserver, show all elements immediately
-        const elements = document.querySelectorAll('.stx-observe');
-        elements.forEach(el => el.classList.remove('stx-out'));
-        return;
-      }
-
-      // Create the observer
-      const options = {
-        root: null, // Use viewport
-        rootMargin: '${j}',
-        threshold: ${z}
-      };
-
-      const observer = new IntersectionObserver((entries) => {
-        entries.forEach(entry => {
-          if (entry.isIntersecting) {
-            entry.target.classList.remove('stx-out');
-            // Stop observing after animation is triggered
-            observer.unobserve(entry.target);
-          }
-        });
-      }, options);
-
-      // Start observing elements
-      const elements = document.querySelectorAll('.stx-observe');
-      elements.forEach(el => observer.observe(el));
-    };
-
-    // Initialize observer when DOM is ready
-    if (document.readyState === 'loading') {
-      document.addEventListener('DOMContentLoaded', initObserver);
-    }
-else {
-      initObserver();
-    }
-  })();
-</script>
-  `}function N(){return`
-<style id="stx-animation-base">
-  :root {
-    --stx-transition-duration: 300ms;
-    --stx-transition-delay: 0ms;
-    --stx-transition-ease: ease;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    :root {
-      --stx-transition-duration: 0ms;
-    }
-  }
-
-  [data-animate="false"] * {
-    --stx-transition-duration: 0ms !important;
-    animation-duration: 0ms !important;
-    transition-duration: 0ms !important;
-  }
-
-  /* Base transition classes */
-  .stx-transition {
-    transition: opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-    backface-visibility: hidden; /* Improve animation performance */
-    transform-style: preserve-3d; /* Better 3D transforms */
-  }
-
-  /* Fade animations */
-  .stx-fade {
-    transition: opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-  }
-
-  .stx-fade.stx-out {
-    opacity: 0 !important;
-  }
-
-  /* Scale animations */
-  .stx-scale {
-    transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-  }
-
-  .stx-scale.stx-out {
-    transform: scale(0.85) !important;
-    opacity: 0 !important;
-  }
-
-  /* Flip animations */
-  .stx-flip {
-    transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-    perspective: 600px;
-  }
-
-  .stx-flip.stx-out {
-    transform: perspective(600px) rotateX(-90deg) !important;
-    opacity: 0 !important;
-  }
-
-  /* Rotate animations */
-  .stx-rotate {
-    transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-  }
-
-  .stx-rotate.stx-out {
-    transform: rotate(-90deg) !important;
-    opacity: 0 !important;
-  }
-
-  /* Direction-based animations */
-  .stx-from-left, .stx-from-right, .stx-from-top, .stx-from-bottom {
-    transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-  }
-
-  .stx-from-left.stx-out {
-    transform: translateX(-30px) !important;
-    opacity: 0 !important;
-  }
-
-  .stx-from-right.stx-out {
-    transform: translateX(30px) !important;
-    opacity: 0 !important;
-  }
-
-  .stx-from-top.stx-out {
-    transform: translateY(-30px) !important;
-    opacity: 0 !important;
-  }
-
-  .stx-from-bottom.stx-out {
-    transform: translateY(30px) !important;
-    opacity: 0 !important;
-  }
-
-  /* Generic slide animations */
-  .stx-slide {
-    transition: transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-  }
-
-  .stx-slide.stx-out {
-    transform: translateY(30px) !important;
-    opacity: 0 !important;
-  }
-
-  /* Scroll animation observer class */
-  .stx-observe {
-    will-change: opacity, transform;
-    transition: opacity var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms),
-                transform var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-transition-delay, 0ms);
-  }
-</style>
-  `}function O(z,j,H={}){let{staggerDelay:K=50,sequence:w=!1}=H;return`
-<script data-stx-scoped>
-  // Animation Group: ${z}
-  (function() {
-    const elements = ${JSON.stringify(j)};
-    const staggerDelay = ${K};
-    const sequence = ${w};
-
-    function animateGroup() {
-      elements.forEach((selector, index) => {
-        const element = document.querySelector(selector);
-        if (!element) return;
-
-        const delay = sequence ? index * staggerDelay : 0;
-        element.style.setProperty('--stx-transition-delay', delay + 'ms');
-
-        // For elements using animation keyframes
-        element.style.animationDelay = delay + 'ms';
-
-        // If the element is initially hidden, show it
-        if (element.classList.contains('stx-out')) {
-          setTimeout(() => {
-            element.classList.remove('stx-out');
-          }, 10); // Small delay to ensure styles are applied
-        }
-      });
-    }
-
-    // Run when DOM is fully loaded
-    if (document.readyState === 'loading') {
-      document.addEventListener('DOMContentLoaded', animateGroup);
-    }
-else {
-      animateGroup();
-    }
-  })();
-</script>
-  `}var b={name:"transition",handler:(z,j,H,K)=>{if(j.length<1)return`<div class="stx-error">@transition directive requires at least a transition type</div>${z}`;let w=j[0],G=j.length>1?Number.parseInt(j[1],10)||W.duration:W.duration,J=j.length>2?j[2]||W.ease:W.ease,Q=j.length>3?Number.parseInt(j[3],10)||W.delay:W.delay,U=j.length>4?j[4]||W.direction:W.direction,L=`stx-transition-${Math.random().toString(36).substr(2,9)}`,X=A(w,{duration:G,delay:Q,ease:J,direction:U}),V="stx-transition",Y="";if(w==="fade")Y="stx-fade";else if(w==="slide")Y="stx-slide";else if(w==="scale")Y="stx-scale";else if(w==="flip")Y="stx-flip";else if(w==="rotate")Y="stx-rotate";return`<div id="${L}" class="${V} ${Y} ${U==="out"?"stx-out":""}"
-      style="--stx-transition-duration: ${G}ms; --stx-transition-ease: ${J}; --stx-transition-delay: ${Q}ms;">${z}</div>`},hasEndTag:!0,description:"Applies transition effects to an element"},E={name:"scrollAnimate",handler:(z,j,H,K)=>{if(j.length<1)return`<div class="stx-error">@scrollAnimate directive requires at least an animation type</div>${z}`;let w=j[0],G=j.length>1?Number.parseInt(j[1],10)||300:300,J=j.length>2?j[2]||"ease":"ease",Q=j.length>3?Number.parseFloat(j[3])||0.2:0.2,U=j.length>4?Number.parseInt(j[4],10)||0:0,L=`stx-scroll-${Math.random().toString(36).substr(2,9)}`,X=`--stx-transition-duration: ${G}ms; --stx-transition-ease: ${J}; --stx-transition-delay: ${U}ms; will-change: opacity, transform;`,V="stx-transition stx-observe stx-out";if(w==="fade")V+=" stx-fade";else if(w==="slide-up"||w==="slide")V+=" stx-from-bottom";else if(w==="slide-down")V+=" stx-from-top";else if(w==="slide-left")V+=" stx-from-right";else if(w==="slide-right")V+=" stx-from-left";else if(w==="scale")V+=" stx-scale";else if(w.includes("-"))V+=` stx-${w}`;else V+=` stx-${w}`;return`<div id="${L}" class="${V}" style="${X}" data-threshold="${Q}">${z}</div>`},hasEndTag:!0,description:"Applies animations that trigger when scrolled into view"},P={name:"animationGroup",handler:(z,j,H,K)=>{if(j.length<2)return`<div class="stx-error">@animationGroup directive requires a group name and at least one element selector</div>${z}`;let w=j[0],G=j.slice(1).map((L)=>L.startsWith("#")||L.startsWith(".")?L:`#${L}`),J=H.staggerDelay||50,Q=H.sequence||!0,U=O(w,G,{staggerDelay:J,sequence:Q});return`${z}
-${U}`},hasEndTag:!1,description:"Coordinates multiple animations together as a group"},x={name:"motion",handler:(z,j,H,K)=>{let w=j.length>0?j[0].toLowerCase()==="true":!0,G=B();return`<div data-animate="${w?"auto":"true"}">${z}</div>${G}`},hasEndTag:!0,description:"Controls motion and animation preferences"};function T(z,j,H,K){let w=z;if(K.animation?.enabled===!1)return w;let G=H.includes("test")&&H.includes("animation");if(!M(w)&&!G)return w;if(!w.includes('<style id="stx-animation-base">')){let Q=N();w=w.replace("</head>",`${Q}
-</head>`)}if(w.includes("stx-observe")){if(!w.includes("Intersection Observer for scroll animations")){let U=R(),L=w.lastIndexOf("</body>");if(L!==-1)w=w.slice(0,L)+U+`
-`+w.slice(L)}}return w}var Z={default:{stiffness:100,damping:10,mass:1},gentle:{stiffness:120,damping:14,mass:1},wobbly:{stiffness:180,damping:12,mass:1},stiff:{stiffness:210,damping:20,mass:1},slow:{stiffness:280,damping:60,mass:1},molasses:{stiffness:280,damping:120,mass:1}};function q(z,j){let H=j.map((K)=>{let w=K.offset!==void 0?`${K.offset*100}%`:"from",G=Object.entries(K.properties).map(([J,Q])=>`${J}: ${Q}`).join("; ");return`${w} { ${G} }`}).join(`
-  `);return`@keyframes ${z} {
-  ${H}
-}`}var k={name:"keyframe",hasEndTag:!0,handler:(z,j,H,K)=>{if(j.length<1)return`<div class="stx-error">@keyframe requires an animation name</div>${z}`;let w=j[0].replace(/['"`]/g,""),G=j[1]?Number.parseInt(j[1],10):1000,J=j[2]?.replace(/['"`]/g,"")||"ease",Q=j[3]||"1",U=j[4]?.replace(/['"`]/g,"")||"normal",L=j[5]?.replace(/['"`]/g,"")||"forwards",X=`stx-keyframe-${Math.random().toString(36).slice(2,9)}`,V=`
-      animation-name: ${w};
-      animation-duration: ${G}ms;
-      animation-timing-function: ${J};
-      animation-iteration-count: ${Q};
-      animation-direction: ${U};
-      animation-fill-mode: ${L};
-    `.trim().replace(/\s+/g," ");return`<div id="${X}" style="${V}">${z}</div>`},description:"Applies a keyframe animation to an element"};function I(z,j,H,K,w){return`
-<script data-stx-scoped>
-(function() {
-  const container = document.getElementById('${z}');
-  if (!container) return;
-
-  const children = container.querySelectorAll('${j}');
-  children.forEach((child, index) => {
-    const delay = ${H} + (index * ${K});
-    child.style.setProperty('--stx-stagger-delay', delay + 'ms');
-    child.style.animationDelay = delay + 'ms';
-    child.classList.add('${w}');
-  });
-})();
-</script>`}var h={name:"stagger",hasEndTag:!0,handler:(z,j,H,K)=>{let w=j[0]?.replace(/['"`]/g,"")||"> *",G=j[1]?Number.parseInt(j[1],10):100,J=j[2]?Number.parseInt(j[2],10):0,Q=j[3]?.replace(/['"`]/g,"")||"fade",U=`stx-stagger-${Math.random().toString(36).slice(2,9)}`,L="stx-stagger-item";if(Q==="fade")L+=" stx-fade";else if(Q==="slide")L+=" stx-from-bottom";else if(Q==="scale")L+=" stx-scale";let X=I(U,w,J,G,L);return`${`
-<style>
-  #${U} .stx-stagger-item {
-    opacity: 0;
-    animation: staggerIn var(--stx-transition-duration, 300ms) var(--stx-transition-ease, ease) var(--stx-stagger-delay, 0ms) forwards;
-  }
-  @keyframes staggerIn {
-    from { opacity: 0; transform: translateY(10px); }
-    to { opacity: 1; transform: translateY(0); }
-  }
-</style>`}<div id="${U}" class="stx-stagger-container">${z}</div>${X}`},description:"Applies staggered animations to child elements"};function S(z){let{stiffness:j,damping:H}=z,K=H/(2*Math.sqrt(j));if(K<0.5)return"cubic-bezier(0.175, 0.885, 0.32, 1.275)";else if(K<1)return"cubic-bezier(0.34, 1.56, 0.64, 1)";else return"cubic-bezier(0.25, 0.1, 0.25, 1)"}var v={name:"spring",hasEndTag:!0,handler:(z,j,H,K)=>{let w=j[0]?.replace(/['"`]/g,"")||"default",G;if(Z[w])G=Z[w];else G={stiffness:Number.parseInt(w,10)||100,damping:j[1]?Number.parseInt(j[1],10):10,mass:j[2]?Number.parseFloat(j[2]):1};let J=j[3]?Number.parseInt(j[3],10):500,Q=`stx-spring-${Math.random().toString(36).slice(2,9)}`,U=S(G),L=`
-      transition: all ${J}ms ${U};
-      --stx-spring-stiffness: ${G.stiffness};
-      --stx-spring-damping: ${G.damping};
-      --stx-spring-mass: ${G.mass};
-    `.trim().replace(/\s+/g," ");return`<div id="${Q}" class="stx-spring" style="${L}">${z}</div>`},description:"Applies spring physics animations to an element"};function f(z){let j=`stx-timeline-${Math.random().toString(36).slice(2,9)}`;return`
-<script data-stx-scoped>
-(function() {
-  const timeline = ${JSON.stringify(z)};
-
-  function runTimeline() {
-    timeline.forEach((entry, index) => {
-      const element = document.querySelector(entry.selector);
-      if (!element) return;
-
-      const keyframes = entry.keyframes.map(kf => {
-        const frame = { ...kf.properties };
-        if (kf.offset !== undefined) frame.offset = kf.offset;
-        if (kf.easing) frame.easing = kf.easing;
-        return frame;
-      });
-
-      const options = {
-        duration: entry.options.duration || 1000,
-        delay: entry.options.delay || 0,
-        easing: entry.options.easing || 'ease',
-        iterations: entry.options.iterations || 1,
-        direction: entry.options.direction || 'normal',
-        fill: entry.options.fill || 'forwards'
-      };
-
-      element.animate(keyframes, options);
-    });
-  }
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', runTimeline);
-  }
-else {
-    runTimeline();
-  }
-})();
-</script>`}function g(z,j,H){let K=q(z,j),w=`
-.${z}-animation {
-  animation-name: ${z};
-  animation-duration: ${H.duration}ms;
-  animation-timing-function: ${H.easing||"ease"};
-  animation-delay: ${H.delay||0}ms;
-  animation-iteration-count: ${H.iterations==="infinite"?"infinite":H.iterations||1};
-  animation-direction: ${H.direction||"normal"};
-  animation-fill-mode: ${H.fill||"forwards"};
-}`;return`${K}
-${w}`}function d(z){let j=z.trim().split(/\s+/),H={duration:300};for(let K=0;K<j.length;K++){let w=j[K];if(/^\d+(?:ms|s)?$/.test(w)){let G=Number.parseInt(w,10);if(K===0)H.duration=w.endsWith("s")&&!w.endsWith("ms")?G*1000:G;else H.delay=w.endsWith("s")&&!w.endsWith("ms")?G*1000:G}else if(w==="infinite"||/^\d+$/.test(w))H.iterations=w==="infinite"?"infinite":Number.parseInt(w,10);else if(["normal","reverse","alternate","alternate-reverse"].includes(w))H.direction=w;else if(["none","forwards","backwards","both"].includes(w))H.fill=w;else H.easing=w}return H}function y(){return`
-<script data-stx-scoped>
-window.__stxAnimation = {
-  // Registry of animations
-  animations: new Map(),
-
-  // Register a reusable animation
-  register(name, keyframes, options) {
-    this.animations.set(name, { keyframes, options });
-  },
-
-  // Run an animation on an element
-  animate(element, nameOrKeyframes, options = {}) {
-    if (typeof element === 'string') {
-      element = document.querySelector(element);
-    }
-    if (!element) return null;
-
-    let keyframes, defaultOptions;
-
-    if (typeof nameOrKeyframes === 'string' && this.animations.has(nameOrKeyframes)) {
-      const registered = this.animations.get(nameOrKeyframes);
-      keyframes = registered.keyframes;
-      defaultOptions = registered.options;
-    }
-else {
-      keyframes = nameOrKeyframes;
-      defaultOptions = {};
-    }
-
-    const finalOptions = { ...defaultOptions, ...options };
-    return element.animate(keyframes, finalOptions);
-  },
-
-  // Animate multiple elements with stagger
-  stagger(elements, keyframes, options = {}, staggerDelay = 100) {
-    if (typeof elements === 'string') {
-      elements = document.querySelectorAll(elements);
-    }
-
-    const animations = [];
-    Array.from(elements).forEach((el, index) => {
-      const elementOptions = {
-        ...options,
-        delay: (options.delay || 0) + (index * staggerDelay)
-      };
-      animations.push(this.animate(el, keyframes, elementOptions));
-    });
-
-    return animations;
-  },
-
-  // Chain animations sequentially
-  async sequence(steps) {
-    for (const step of steps) {
-      const animation = this.animate(step.element, step.keyframes, step.options);
-      if (animation) {
-        await animation.finished;
-      }
-    }
-  },
-
-  // Run animations in parallel
-  parallel(steps) {
-    return Promise.all(
-      steps.map(step => {
-        const animation = this.animate(step.element, step.keyframes, step.options);
-        return animation ? animation.finished : Promise.resolve();
-      })
-    );
-  }
-};
-</script>`}function l(z){let j=z.customDirectives||[];return j.push(b),j.push(P),j.push(x),j.push(E),j.push(k),j.push(h),j.push(v),{...z,customDirectives:j}}
-export{_ as nA,$ as oA,F as pA,W as qA,b as rA,E as sA,P as tA,x as uA,T as vA,Z as wA,k as xA,h as yA,v as zA,f as AA,g as BA,d as CA,y as DA,l as EA};

package/dist/chunk-krqn0ddk.js

@@ -1,3 +0,0 @@
-// @bun
-import{uz as w}from"./chunk-w3b6m427.js";import{defineRoute as M,defineRoutes as Q,resetRoutes as R,route as S,setAppUrl as T}from"stx-router";import{route as B}from"stx-router";function I(y){return y.replace(/@route\(\s*(['"])([^'"]+)\1(?:\s*,\s*(\{[^}]+\}))?\s*(?:,\s*(true|false)\s*)?\)/g,(C,D,z,q,A)=>{try{let k=q?w(q,{}):{};return B(z,k,A==="true")}catch(k){return console.error(`Error processing @route directive: ${k}`),"#route-error"}})}
-export{I as Jt,M as Kt,Q as Lt,R as Mt,S as Nt,T as Ot};

package/dist/chunk-ktkmvaa8.js

@@ -1 +0,0 @@
-// @bun

package/dist/chunk-kx6eb6ma.js

@@ -1,4 +0,0 @@
-// @bun
-var Z=[{open:"@if",close:"@endif",name:"if"},{open:"@unless",close:"@endunless",name:"unless"},{open:"@foreach",close:"@endforeach",name:"foreach"},{open:"@for",close:"@endfor",name:"for"},{open:"@while",close:"@endwhile",name:"while"},{open:"@forelse",close:"@endforelse",name:"forelse"},{open:"@switch",close:"@endswitch",name:"switch"},{open:"@isset",close:"@endisset",name:"isset"},{open:"@empty",close:"@endempty",name:"empty"},{open:"@auth",close:"@endauth",name:"auth"},{open:"@guest",close:"@endguest",name:"guest"},{open:"@can",close:"@endcan",name:"can"},{open:"@cannot",close:"@endcannot",name:"cannot"},{open:"@section",close:"@endsection",name:"section",altClose:"@show"},{open:"@push",close:"@endpush",name:"push"},{open:"@prepend",close:"@endprepend",name:"prepend"},{open:"@once",close:"@endonce",name:"once"},{open:"@markdown",close:"@endmarkdown",name:"markdown"},{open:"@component",close:"@endcomponent",name:"component"}],$=[{pattern:/@if\s*[^(]/,message:"@if directive missing parentheses",suggestion:"Use @if(condition)"},{pattern:/@foreach\s*[^(]/,message:"@foreach directive missing parentheses",suggestion:"Use @foreach(items as item)"},{pattern:/@foreach\([^)]*\)\s*[^@\n<]/,message:"@foreach may have content on same line",suggestion:"Put content on new line after @foreach()"},{pattern:/@include\s*[^(]/,message:"@include directive missing parentheses",suggestion:"Use @include('partial-name')"},{pattern:/@extends\s*[^(]/,message:"@extends directive missing parentheses",suggestion:"Use @extends('layout-name') or @layout('layout-name')"},{pattern:/@layout\s*[^(]/,message:"@layout directive missing parentheses",suggestion:"Use @layout('layout-name')"}],B=[{pattern:/\{\{\s*constructor\s*\}\}/,message:"Attempting to access constructor property"},{pattern:/\{\{\s*__proto__\s*\}\}/,message:"Attempting to access __proto__ property"},{pattern:/\{\{\s*eval\s*\(/,message:"Attempting to use eval in expression"}];function F(j){let z=[],b=[];return G(j,z),L(j,z,b),U(j,b),f(j,z),{valid:z.length===0,errors:z,warnings:b}}function G(j,z){let b=(j.match(/\{\{/g)||[]).length,q=(j.match(/\}\}/g)||[]).length;if(b!==q)z.push({type:"expression",message:`Unclosed expression brackets: found ${b} opening '{{' and ${q} closing '}}'`,suggestion:"Ensure every {{ has a matching }}"})}function L(j,z,b){for(let q of Z){let W=new RegExp(`${q.open}(?:\\s|\\()`,"g"),X=new RegExp(q.close,"g"),Q=(j.match(W)||[]).length,J=(j.match(X)||[]).length;if(q.altClose){let Y=new RegExp(q.altClose,"g");J+=(j.match(Y)||[]).length}if(Q>J)z.push({type:"directive",message:`Unclosed @${q.name} directive: found ${Q} opening and ${J} closing`,suggestion:`Add ${Q-J} missing ${q.close} tag(s)`});else if(J>Q)b.push({type:"directive",message:`Extra ${q.close} found: ${J-Q} more closing than opening`,suggestion:`Check for orphaned ${q.close} tags`})}}function U(j,z){for(let b of $)if(b.pattern.test(j))z.push({type:"syntax",message:b.message,suggestion:b.suggestion})}function f(j,z){for(let b of B)if(b.pattern.test(j))z.push({type:"expression",message:`Security warning: ${b.message}`,suggestion:"Remove dangerous code from template expressions"})}function H(j,z){let b=j.slice(0,z).split(`
-`);return{line:b.length,column:b[b.length-1].length+1}}function K(j,z,b){let q=[];switch(j){case"if":case"elseif":case"unless":if(b.length===0)q.push({type:"syntax",message:`@${j} requires a condition`,suggestion:`Use @${j}(condition)`});break;case"foreach":if(b.length===0||!b[0].includes(" as "))q.push({type:"syntax",message:'@foreach requires "items as item" syntax',suggestion:"Use @foreach(items as item) or @foreach(items as key => value)"});break;case"for":if(b.length===0)q.push({type:"syntax",message:"@for requires loop parameters",suggestion:"Use @for(let i = 0; i < 10; i++)"});break;case"switch":if(b.length===0)q.push({type:"syntax",message:"@switch requires an expression",suggestion:"Use @switch(expression)"});break;case"case":if(b.length===0)q.push({type:"syntax",message:"@case requires a value",suggestion:"Use @case(value)"});break;case"include":case"extends":case"component":if(b.length===0)q.push({type:"syntax",message:`@${j} requires a path`,suggestion:`Use @${j}('path/to/template')`});break}return q}function M(j){return/@[a-z]+/i.test(j)||/\{\{/.test(j)}function V(j){let z=j.matchAll(/@([a-z]+)/gi),b=new Set;for(let q of z){let W=q[1].toLowerCase();if(!W.startsWith("end"))b.add(W)}return Array.from(b)}
-export{F as Zs,H as _s,K as $s,M as at,V as bt};

package/dist/chunk-kypas8vy.js

@@ -1,4 +0,0 @@
-// @bun
-import{Lb as P}from"./chunk-8ahwt6a4.js";import{Mb as Q}from"./chunk-jc0fc4ht.js";import{Bc as O}from"./chunk-6e4c6g46.js";import{Sc as G,Tc as J,Uc as K,Wc as M,Xc as N,ad as L}from"./chunk-yn38c15w.js";import{fe as D}from"./chunk-0qnz93q2.js";import{pB as Z}from"./chunk-xv34zbp4.js";async function $(k={}){G();let b=await D({mode:"dev"});if(!b.config.enabled){N("Story feature is disabled in config.");return}await Q(b);let T=k.port??b.config.port,j,q=async()=>{j=await P(b,{port:T,open:k.open,host:k.host}),K(b.storyFiles.length),J(j.url),L()};await q();let V=O(b,{onChange:async()=>{await j.close();let A=await D({mode:"dev"});Object.assign(b,A),await q()}}),z=async()=>{console.log(`
-`),V.stop(),await j.close(),process.exit(0)};if(process.on("SIGINT",z),process.on("SIGTERM",z),process.stdin.isTTY)process.stdin.setRawMode(!0),process.stdin.resume(),process.stdin.on("data",async(A)=>{switch(A.toString()){case"h":L();break;case"o":try{let{exec:X}=await import("child_process"),Y=process.platform==="darwin"?"open":process.platform==="win32"?"start":"xdg-open";X(`${Y} ${j.url}`)}catch{M("Failed to open browser")}break;case"r":await j.close(),await q();break;case"c":console.clear(),G(),K(b.storyFiles.length),J(j.url);break;case"q":case"\x03":await z();break}});await new Promise(()=>{})}var U=$;
-export{$ as Jb,U as Kb};

package/dist/chunk-m167kjhv.js

@@ -1,4 +0,0 @@
-// @bun
-var P=[320,480,640,768,1024,1280,1536,1920,2560],M=[1,1.5,2,3],I=["avif","webp","jpeg"],L={avif:"image/avif",webp:"image/webp",jpeg:"image/jpeg",png:"image/png",gif:"image/gif"},_={avif:"avif",webp:"webp",jpeg:"jpg",png:"png",gif:"gif"};function A(J,K=P,Z={},B){return K.sort((C,G)=>C-G).map((C)=>{return`${Y(J,{...Z,w:C,fm:B})} ${C}w`}).join(", ")}function D(J,K=320,Z=2560,B=0.08,C={},G){let $=F(K,Z,B);return A(J,$,C,G)}function F(J,K,Z=0.08){let B=[],C=J;while(C<K)B.push(Math.round(C)),C*=1+Z*2;if(B[B.length-1]!==K)B.push(K);return B}function V(J,K,Z=M,B={},C){return Z.sort((G,$)=>G-$).map((G)=>{let $=Math.round(K*G);return`${Y(J,{...B,w:$,dpr:G,fm:C})} ${G}x`}).join(", ")}function E(J,K,Z=M,B=80,C={},G){let $={1:B,1.5:Math.round(B*0.9),2:Math.round(B*0.8),3:Math.round(B*0.7),4:Math.round(B*0.6),5:Math.round(B*0.5)};return Z.sort((X,H)=>X-H).map((X)=>{let H=Math.round(K*X),j=$[X]||Math.round(B*Math.max(0.5,1-X*0.1));return`${Y(J,{...C,w:H,q:j,dpr:X,fm:G})} ${X}x`}).join(", ")}function U(J,K="100vw"){if(!J||Object.keys(J).length===0)return K;let B=Object.entries(J).map(([C,G])=>{let $=/^\d+$/.test(C)?`${C}px`:C;return{bp:$,size:G,numericBp:Number.parseInt($)||0}}).sort((C,G)=>C.numericBp-G.numericBp).map(({bp:C,size:G})=>`(max-width: ${C}) ${G}`);return B.push(K),B.join(", ")}function z(J,K="100vw"){if(!J||J.length===0)return K;let B=[...J].sort((C,G)=>(C.maxWidth||0)-(G.maxWidth||0)).filter((C)=>C.maxWidth).map((C)=>`(max-width: ${C.maxWidth}px) ${C.imageWidth}`);return B.push(K),B.join(", ")}var Q={fullWidth:"100vw",halfDesktop:"(max-width: 768px) 100vw, 50vw",thirdDesktop:"(max-width: 768px) 100vw, 33.33vw",quarterDesktop:"(max-width: 480px) 100vw, (max-width: 768px) 50vw, 25vw",contentWidth:"(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 960px"};function Y(J,K={}){let Z=Object.entries(K).filter(([,G])=>G!==void 0&&G!==null).map(([G,$])=>{if(Array.isArray($))return[G,$.join(",")];return[G,String($)]});if(Z.length===0)return J;let B=Z.map(([G,$])=>`${G}=${encodeURIComponent($)}`).join("&"),C=J.includes("?")?"&":"?";return`${J}${C}${B}`}function T(J){let[K,Z]=J.split("?"),B={};if(Z)new URLSearchParams(Z).forEach((G,$)=>{if(/^\d+$/.test(G))B[$]=Number.parseInt(G,10);else if(/^\d+\.\d+$/.test(G))B[$]=Number.parseFloat(G);else if(G==="true")B[$]=!0;else if(G==="false")B[$]=!1;else B[$]=G});return{src:K,params:B}}function x(J){let{src:K,widths:Z,dprValues:B,fixedWidth:C,formats:G=I,baseUrl:$="",params:X={}}=J,H=[];for(let j of G){let O,q;if(C!==void 0&&B)O=V(K,C,B,X,j),q=B.map((N)=>({path:"",url:Y(K,{...X,w:Math.round(C*N),fm:j}),width:Math.round(C*N),height:0,format:j,size:0,dpr:N}));else{let N=Z||P;O=A(K,N,X,j),q=N.map((R)=>({path:"",url:Y(K,{...X,w:R,fm:j}),width:R,height:0,format:j,size:0}))}H.push({srcset:O,format:j,mimeType:L[j],variants:q})}return H}function w(J,K="100vw"){return J.map(({srcset:Z,mimeType:B})=>`<source type="${B}" srcset="${Z}" sizes="${K}" />`).join(`
-`)}function g(J,K){if(J.length===0)return;let Z=[...J].sort((C,G)=>C.width-G.width),B=Z.find((C)=>C.width>=K);if(B)return B;return Z[Z.length-1]}function S(J,K){let Z=K?J.filter((C)=>C.format===K):J;if(Z.length===0){let C=J.filter(($)=>$.format==="jpeg"),G=C.length>0?C:J;return G[Math.floor(G.length/2)]}let B=Z.sort((C,G)=>C.width-G.width);return B[Math.floor(B.length/2)]}function W(J){let K=new Map;for(let Z of J){let B=K.get(Z.format)||[];B.push(Z),K.set(Z.format,B)}return K}function k(J){return L[J]||"application/octet-stream"}function y(J){return _[J]||J}function c(J){switch(J.split(".").pop()?.toLowerCase()){case"jpg":case"jpeg":return"jpeg";case"png":return"png";case"webp":return"webp";case"avif":return"avif";case"gif":return"gif";default:return}}
-export{P as xu,M as yu,I as zu,L as Au,_ as Bu,A as Cu,D as Du,F as Eu,V as Fu,E as Gu,U as Hu,z as Iu,Q as Ju,Y as Ku,T as Lu,x as Mu,w as Nu,g as Ou,S as Pu,W as Qu,k as Ru,y as Su,c as Tu};