@sonordev/site-kit 6.1.3 → 6.3.0

package/dist/motion/gsap.js

@@ -1,10 +1,76 @@
 'use client';
 'use strict';
 
-var chunkAEW7EFYU_js = require('../chunk-AEW7EFYU.js');
+var chunkYZJ22HUQ_js = require('../chunk-YZJ22HUQ.js');
+var chunkAEN7EL6N_js = require('../chunk-AEN7EL6N.js');
 require('../chunk-SNAQBZPT.js');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
+var NUMBER = /\d{1,3}(?:,\d{3})+(?:\.\d+)?|\d+(?:\.\d+)?/;
+function parseCountUp(text) {
+  const match = NUMBER.exec(text);
+  if (!match) return null;
+  const digits = match[0];
+  const value = parseFloat(digits.replace(/,/g, ""));
+  if (!Number.isFinite(value)) return null;
+  const decimals = digits.includes(".") ? digits.length - digits.indexOf(".") - 1 : 0;
+  const useGrouping = digits.includes(",");
+  const head = text.slice(0, match.index);
+  const tail = text.slice(match.index + digits.length);
+  return {
+    value,
+    format: (n) => head + n.toLocaleString("en-US", {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+      useGrouping
+    }) + tail
+  };
+}
+function CountUp({
+  children: text,
+  as = "span",
+  className,
+  id,
+  duration = 1.3,
+  ease = "power2.out",
+  start = "top 90%"
+}) {
+  const ref = react.useRef(null);
+  const Tag = as;
+  useGsap(
+    ref,
+    ({ gsap, el }) => {
+      const parts = parseCountUp(text);
+      if (!parts) return;
+      let live = true;
+      const state = { n: 0 };
+      const render = () => {
+        if (live) el.textContent = parts.format(state.n);
+      };
+      const restore = () => {
+        if (live) el.textContent = text;
+      };
+      const cancel = scrollIn(
+        gsap,
+        el,
+        (tl) => {
+          render();
+          tl.to(state, { n: parts.value, duration, ease, onUpdate: render, onComplete: restore });
+        },
+        { start }
+      );
+      return () => {
+        live = false;
+        cancel?.();
+      };
+    },
+    [text, duration, ease, start]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(Tag, { ref, id, className, "data-sk-countup": "", children: text });
+}
+
+// src/motion/gsap.ts
 var pending = null;
 function loadGsap() {
   if (!pending) {
@@ -17,6 +83,23 @@ function loadGsap() {
   }
   return pending;
 }
+var idle = null;
+function whenIdle(timeout = 2e3) {
+  if (!idle) {
+    idle = new Promise((resolve) => {
+      const schedule = () => {
+        if (typeof window.requestIdleCallback === "function") {
+          window.requestIdleCallback(() => resolve(), { timeout });
+        } else {
+          setTimeout(resolve, 200);
+        }
+      };
+      if (document.readyState === "complete") schedule();
+      else window.addEventListener("load", schedule, { once: true });
+    });
+  }
+  return idle;
+}
 var pluginCache = /* @__PURE__ */ new Map();
 function pickPlugin(mod, name) {
   const m = mod;
@@ -54,15 +137,16 @@ function useGsap(ref, setup, deps = [], options = {}) {
   react.useEffect(() => {
     const el = ref.current;
     if (!el) return;
-    if (reducedMotion === "skip" && chunkAEW7EFYU_js.prefersReducedMotion()) return;
+    if (reducedMotion === "skip" && chunkAEN7EL6N_js.prefersReducedMotion()) return;
     let cancelled = false;
     let cleanup;
     let ctx;
+    const ready = whenIdle().then(loadGsap).then(async (bundle) => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) }));
     const io = new IntersectionObserver(
       ([entry]) => {
         if (!entry?.isIntersecting) return;
         io.disconnect();
-        loadGsap().then(async (bundle) => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) })).then(({ bundle, plugins }) => {
+        ready.then(({ bundle, plugins }) => {
           if (cancelled || !el.isConnected) return;
           ({ context: ctx, cleanup } = runGsapSetup(bundle, el, plugins, setupRef.current));
         });
@@ -78,6 +162,15 @@ function useGsap(ref, setup, deps = [], options = {}) {
     };
   }, [ref, near, reducedMotion, ...deps]);
 }
+function scrollIn(gsap, el, build, { start = "top 90%" } = {}) {
+  if (el.getBoundingClientRect().top < window.innerHeight) return void 0;
+  const tl = gsap.timeline({ scrollTrigger: { trigger: el, start, once: true } });
+  build(tl);
+  return chunkYZJ22HUQ_js.onNoScroll(() => {
+    tl.scrollTrigger?.kill();
+    tl.progress(1);
+  });
+}
 function useExpandCollapse(isOpen, options = {}) {
   const { duration = 0.3, ease = "power2.inOut" } = options;
   const contentRef = react.useRef(null);
@@ -97,7 +190,7 @@ function useExpandCollapse(isOpen, options = {}) {
     let cancelled = false;
     loadGsap().then(({ gsap }) => {
       if (cancelled || !el.isConnected) return;
-      if (chunkAEW7EFYU_js.prefersReducedMotion()) {
+      if (chunkAEN7EL6N_js.prefersReducedMotion()) {
         gsap.set(el, { height: isOpen ? "auto" : 0, opacity: isOpen ? 1 : 0 });
         el.style.overflow = isOpen ? "visible" : "hidden";
         return;
@@ -124,10 +217,14 @@ function useExpandCollapse(isOpen, options = {}) {
   return { contentRef };
 }
 
+exports.CountUp = CountUp;
 exports.loadGsap = loadGsap;
 exports.loadGsapPlugins = loadGsapPlugins;
+exports.parseCountUp = parseCountUp;
 exports.runGsapSetup = runGsapSetup;
+exports.scrollIn = scrollIn;
 exports.useExpandCollapse = useExpandCollapse;
 exports.useGsap = useGsap;
+exports.whenIdle = whenIdle;
 //# sourceMappingURL=gsap.js.map
 //# sourceMappingURL=gsap.js.map

package/dist/motion/gsap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/motion/gsap.ts"],"names":["pending","useRef","useEffect","prefersReducedMotion"],"mappings":"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","file":"gsap.js","sourcesContent":["/**\n * @sonordev/site-kit/motion/gsap — the Upforge motion standard, tier 1.\n *\n * GSAP for the moments that earn it: sequenced timelines, SplitText,\n * Flip, MorphSVG. Requires the optional peer `gsap` (all plugins are free\n * since 3.13):\n *\n *     npm i gsap\n *\n * A site that never imports this subpath never installs gsap. NOTHING\n * outside this file may import from 'gsap' — that is what keeps the tier\n * boundary real (src/motion/motion.test.tsx enforces it).\n *\n * Cost and where it goes: gsap core + ScrollTrigger is ~46KB gzipped.\n * `useGsap` loads it only when its element comes within 200px of the\n * viewport, so it never sits on the LCP critical path, and it must only be\n * used BELOW the fold. First-paint content renders static.\n *\n * Not included on purpose: ScrollSmoother. It drives scrolling by\n * transforming the page body, which fights native scroll, costs INP on\n * mobile, and breaks every scroll-geometry read on the page. The engine's\n * per-scene lerp gives the liquid feel without hijacking anything.\n */\n\n'use client'\n\nimport { useEffect, useRef, type DependencyList, type RefObject } from 'react'\nimport { prefersReducedMotion } from './engine'\n\ntype GsapModule = typeof import('gsap')\ntype ScrollTriggerModule = typeof import('gsap/ScrollTrigger')\n\nexport type Gsap = GsapModule['gsap']\nexport type ScrollTriggerStatic = ScrollTriggerModule['ScrollTrigger']\n\nexport interface GsapBundle {\n  gsap: Gsap\n  ScrollTrigger: ScrollTriggerStatic\n}\n\nlet pending: Promise<GsapBundle> | null = null\n\n/**\n * Load gsap + ScrollTrigger once, register the plugin, and share the\n * promise. Safe to call from anywhere; resolves the same bundle every time.\n */\nexport function loadGsap(): Promise<GsapBundle> {\n  if (!pending) {\n    pending = Promise.all([import('gsap'), import('gsap/ScrollTrigger')]).then(([g, st]) => {\n      const gsap = g.gsap ?? g.default\n      const ScrollTrigger = st.ScrollTrigger ?? st.default\n      gsap.registerPlugin(ScrollTrigger)\n      return { gsap, ScrollTrigger }\n    })\n  }\n  return pending\n}\n\n/** Dynamic imports of GSAP plugins, by name: `{ SplitText: () => import('gsap/SplitText') }`. */\nexport type GsapPluginLoaders = Record<string, () => Promise<unknown>>\n\ntype GsapContext = ReturnType<Gsap['context']>\n\nexport interface GsapSetupContext extends GsapBundle {\n  /** The element the hook is attached to — use it as the ScrollTrigger trigger and the selector scope. */\n  el: HTMLElement\n  /**\n   * The plugins asked for in `options.plugins`, loaded and registered before\n   * setup runs, by the same names: `plugins.SplitText`.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>\n  /**\n   * The gsap.context setup runs in. Anything setup starts asynchronously\n   * (after an await, in a timer, in a plugin callback that fires later)\n   * lands outside it, so wrap that work in `context.add(() => ...)` to have\n   * it scoped and reverted on unmount with the rest.\n   */\n  context: GsapContext\n}\n\nexport interface UseGsapOptions {\n  /** Preload margin: load gsap when the element is this close. Default \"200px 0px\". */\n  near?: string\n  /** \"skip\" (default) does nothing under prefers-reduced-motion; \"run\" lets setup decide. */\n  reducedMotion?: 'skip' | 'run'\n  /**\n   * GSAP plugins to load alongside gsap, as dynamic imports keyed by name:\n   *\n   *     { plugins: { SplitText: () => import('gsap/SplitText') } }\n   *\n   * They're loaded when gsap is, registered, and handed to setup as\n   * `plugins`, so setup can stay synchronous. That matters: gsap.context\n   * only records what runs synchronously inside it, so a plugin imported\n   * from within setup did its work outside the context, unscoped and never\n   * reverted on unmount (vsf-consulting-nextjs's SplitHeading had to build a\n   * second context of its own to clean up).\n   */\n  plugins?: GsapPluginLoaders\n}\n\nconst pluginCache = new Map<string, Promise<unknown>>()\n\n/** The plugin object out of its module: the named export, else the default. */\nfunction pickPlugin(mod: unknown, name: string): unknown {\n  const m = mod as Record<string, unknown> | null\n  return (m && (m[name] ?? m.default)) ?? mod\n}\n\n/**\n * Load plugins by name, once per name for the page, and register them with\n * gsap. Resolves to the plugins keyed by the same names.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport async function loadGsapPlugins(gsap: Gsap, loaders: GsapPluginLoaders = {}): Promise<Record<string, any>> {\n  const entries = await Promise.all(\n    Object.entries(loaders).map(async ([name, load]) => {\n      let pending = pluginCache.get(name)\n      if (!pending) {\n        pending = load().then(mod => pickPlugin(mod, name))\n        pluginCache.set(name, pending)\n      }\n      return [name, await pending] as const\n    }),\n  )\n  const plugins = Object.fromEntries(entries)\n  const list = Object.values(plugins)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  if (list.length) gsap.registerPlugin(...(list as any[]))\n  return plugins\n}\n\n/**\n * Run a setup inside a gsap.context scoped to `el`, synchronously. Split out\n * of useGsap so the contract (everything setup creates belongs to the\n * returned context, plugins included) is testable without a DOM.\n */\nexport function runGsapSetup(\n  bundle: GsapBundle,\n  el: HTMLElement,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n): { context: GsapContext; cleanup: (() => void) | void } {\n  let cleanup: (() => void) | void = undefined\n  const context = bundle.gsap.context((self: GsapContext) => {\n    cleanup = setup({ ...bundle, el, plugins, context: self })\n  }, el)\n  return { context, cleanup }\n}\n\n/**\n * Run a GSAP setup against an element, lazily and safely:\n *\n *   - gsap loads only when the element nears the viewport\n *   - setup runs inside `gsap.context(el)`, so selectors are scoped and\n *     everything it creates is reverted on unmount (including ScrollTriggers)\n *   - plugins beyond ScrollTrigger (SplitText, Flip, MorphSVG) come in through\n *     `options.plugins`, loaded before setup, so setup stays synchronous and\n *     inside the context. Anything setup must still start later goes through\n *     `context.add()`.\n *   - the element must be server-rendered and visible; hide things inside\n *     `setup` with `gsap.set`, never with a stylesheet\n *\n * @example\n *   const ref = useRef<HTMLDivElement>(null)\n *   useGsap(ref, ({ gsap, el }) => {\n *     gsap.from(el.querySelectorAll('[data-line]'), {\n *       yPercent: 100, opacity: 0, stagger: 0.06, duration: 0.8, ease: 'power3.out',\n *       scrollTrigger: { trigger: el, start: 'top 80%' },\n *     })\n *   })\n *\n * @example With a plugin\n *   useGsap(ref, ({ gsap, el, plugins: { SplitText } }) => {\n *     SplitText.create(el, {\n *       type: 'lines', mask: 'lines', autoSplit: true,\n *       onSplit: self => gsap.from(self.lines, { yPercent: 115, stagger: 0.09, scrollTrigger: { trigger: el } }),\n *     })\n *   }, [], { plugins: { SplitText: () => import('gsap/SplitText') } })\n */\nexport function useGsap(\n  ref: RefObject<HTMLElement | null>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n  deps: DependencyList = [],\n  options: UseGsapOptions = {},\n): void {\n  const setupRef = useRef(setup)\n  setupRef.current = setup\n  // A ref, like setup: an inline `plugins` object is new every render and\n  // must not re-run the effect.\n  const pluginsRef = useRef(options.plugins)\n  pluginsRef.current = options.plugins\n  const { near = '200px 0px', reducedMotion = 'skip' } = options\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    if (reducedMotion === 'skip' && prefersReducedMotion()) return\n\n    let cancelled = false\n    let cleanup: (() => void) | void\n    let ctx: GsapContext | undefined\n\n    const io = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return\n        io.disconnect()\n        loadGsap()\n          .then(async bundle => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) }))\n          .then(({ bundle, plugins }) => {\n            if (cancelled || !el.isConnected) return\n            ;({ context: ctx, cleanup } = runGsapSetup(bundle, el, plugins, setupRef.current))\n          })\n      },\n      { rootMargin: near },\n    )\n    io.observe(el)\n\n    return () => {\n      cancelled = true\n      io.disconnect()\n      if (typeof cleanup === 'function') cleanup()\n      ctx?.revert()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref, near, reducedMotion, ...deps])\n}\n\nexport interface ExpandCollapseOptions {\n  duration?: number\n  ease?: string\n}\n\n/**\n * Animate expand/collapse without mount/unmount. Content stays in the DOM\n * (so it stays indexable) with overflow hidden; gsap animates height and\n * opacity, and loads on the first toggle, not at mount.\n *\n * @example\n *   const { contentRef } = useExpandCollapse(isOpen)\n *   <div ref={contentRef}>{children}</div>\n */\nexport function useExpandCollapse(\n  isOpen: boolean,\n  options: ExpandCollapseOptions = {},\n): { contentRef: RefObject<HTMLDivElement | null> } {\n  const { duration = 0.3, ease = 'power2.inOut' } = options\n  const contentRef = useRef<HTMLDivElement>(null)\n  const initialized = useRef(false)\n\n  useEffect(() => {\n    const el = contentRef.current\n    if (!el) return\n\n    // First render: set the resting state with inline styles, no gsap.\n    if (!initialized.current) {\n      initialized.current = true\n      el.style.overflow = 'hidden'\n      if (!isOpen) {\n        el.style.height = '0px'\n        el.style.opacity = '0'\n      }\n      return\n    }\n\n    let cancelled = false\n    loadGsap().then(({ gsap }) => {\n      if (cancelled || !el.isConnected) return\n      if (prefersReducedMotion()) {\n        gsap.set(el, { height: isOpen ? 'auto' : 0, opacity: isOpen ? 1 : 0 })\n        el.style.overflow = isOpen ? 'visible' : 'hidden'\n        return\n      }\n      if (isOpen) {\n        gsap.to(el, {\n          height: 'auto',\n          opacity: 1,\n          duration,\n          ease,\n          onComplete() {\n            el.style.overflow = 'visible'\n          },\n        })\n      } else {\n        el.style.overflow = 'hidden'\n        gsap.to(el, { height: 0, opacity: 0, duration: duration * 0.85, ease })\n      }\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [isOpen, duration, ease])\n\n  return { contentRef }\n}\n"]}
+{"version":3,"sources":["../../src/motion/CountUp.tsx","../../src/motion/gsap.ts"],"names":["useRef","pending","useEffect","prefersReducedMotion","onNoScroll"],"mappings":"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","file":"gsap.js","sourcesContent":["'use client'\n\nimport { useRef, type ElementType } from 'react'\nimport { scrollIn, useGsap } from './gsap'\n\n/**\n * <CountUp> — a stat that rolls up to its value as it scrolls into view.\n * Tier 1: it runs on `useGsap`, so it lives on the gsap subpath.\n *\n * It takes the formatted value as its text (\"$412,500\", \"38.2%\", \"24 min\")\n * and rolls the first number in it, keeping the formatting around it: the\n * same decimals, and thousands separators only if the text had them.\n *\n * The rules, all inherited from `scrollIn` / `useGsap`:\n *\n *   - The server HTML is the real text, so crawlers, no-JS visitors and the\n *     indexed snapshot read the true number.\n *   - A stat already on screen when setup runs keeps its real number; only\n *     one still below the fold is zeroed (offscreen, unseen) and rolled when\n *     its top crosses `start`.\n *   - The real text is restored at the end of the roll, and by the no-scroll\n *     failsafe if the visitor never scrolls to it.\n *   - Reduced motion never loads gsap and never touches the text.\n *\n * Replaces the per-site CountUp components.\n */\n\nexport interface CountUpProps {\n  /** The formatted value exactly as it should read, e.g. \"$412,500\". */\n  children: string\n  /** Element to render. Default \"span\". */\n  as?: ElementType\n  className?: string\n  id?: string\n  /** Roll length in seconds. Default 1.3. */\n  duration?: number\n  /** gsap ease. Default \"power2.out\". */\n  ease?: string\n  /** ScrollTrigger start that begins the roll. Default \"top 90%\". */\n  start?: string\n}\n\nexport interface CountUpParts {\n  /** The number the text states. */\n  value: number\n  /** The text with `n` in the number's place, formatted the same way. */\n  format: (n: number) => string\n}\n\n// A grouped number (1,204,500.25) or a plain one (1204.5).\nconst NUMBER = /\\d{1,3}(?:,\\d{3})+(?:\\.\\d+)?|\\d+(?:\\.\\d+)?/\n\n/**\n * Splits formatted text around its first number. Null when there's nothing\n * to roll, in which case CountUp leaves the text alone.\n */\nexport function parseCountUp(text: string): CountUpParts | null {\n  const match = NUMBER.exec(text)\n  if (!match) return null\n  const digits = match[0]\n  const value = parseFloat(digits.replace(/,/g, ''))\n  if (!Number.isFinite(value)) return null\n\n  const decimals = digits.includes('.') ? digits.length - digits.indexOf('.') - 1 : 0\n  const useGrouping = digits.includes(',')\n  const head = text.slice(0, match.index)\n  const tail = text.slice(match.index + digits.length)\n  return {\n    value,\n    format: (n) =>\n      head +\n      n.toLocaleString('en-US', {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n        useGrouping,\n      }) +\n      tail,\n  }\n}\n\nexport function CountUp({\n  children: text,\n  as = 'span',\n  className,\n  id,\n  duration = 1.3,\n  ease = 'power2.out',\n  start = 'top 90%',\n}: CountUpProps) {\n  const ref = useRef<HTMLElement>(null)\n  const Tag = as as ElementType\n\n  useGsap(\n    ref,\n    ({ gsap, el }) => {\n      const parts = parseCountUp(text)\n      if (!parts) return\n\n      // Cleared on cleanup, which useGsap runs before it reverts the\n      // context: a revert can replay onUpdate, and React owns the text again\n      // by then.\n      let live = true\n      const state = { n: 0 }\n      const render = () => {\n        if (live) el.textContent = parts.format(state.n)\n      }\n      const restore = () => {\n        if (live) el.textContent = text\n      }\n\n      const cancel = scrollIn(\n        gsap,\n        el,\n        (tl) => {\n          render()\n          tl.to(state, { n: parts.value, duration, ease, onUpdate: render, onComplete: restore })\n        },\n        { start },\n      )\n      return () => {\n        live = false\n        cancel?.()\n      }\n    },\n    [text, duration, ease, start],\n  )\n\n  return (\n    <Tag ref={ref} id={id} className={className} data-sk-countup=\"\">\n      {text}\n    </Tag>\n  )\n}\n","/**\n * @sonordev/site-kit/motion/gsap — the Upforge motion standard, tier 1.\n *\n * GSAP for the moments that earn it: sequenced timelines, SplitText,\n * Flip, MorphSVG. Requires the optional peer `gsap` (all plugins are free\n * since 3.13):\n *\n *     npm i gsap\n *\n * A site that never imports this subpath never installs gsap. NOTHING\n * outside this file may import from 'gsap' — that is what keeps the tier\n * boundary real (src/motion/motion.test.tsx enforces it).\n *\n * Cost and where it goes: gsap core + ScrollTrigger is ~46KB gzipped.\n * `useGsap` loads it once per page at idle, after the page has loaded and the\n * main thread has gone quiet, so it never sits on the LCP critical path or\n * competes with hydration, and it's already in hand by the time a visitor\n * scrolls to an animated section. Setup still waits for its element to come\n * near the viewport. It must only be used BELOW the fold; first-paint content\n * renders static.\n *\n * Not included on purpose: ScrollSmoother. It drives scrolling by\n * transforming the page body, which fights native scroll, costs INP on\n * mobile, and breaks every scroll-geometry read on the page. The engine's\n * per-scene lerp gives the liquid feel without hijacking anything.\n */\n\n'use client'\n\nimport { useEffect, useRef, type DependencyList, type RefObject } from 'react'\nimport { prefersReducedMotion } from './engine'\nimport { onNoScroll } from './failsafe'\n\ntype GsapModule = typeof import('gsap')\ntype ScrollTriggerModule = typeof import('gsap/ScrollTrigger')\n\nexport type Gsap = GsapModule['gsap']\nexport type ScrollTriggerStatic = ScrollTriggerModule['ScrollTrigger']\nexport type GsapTimeline = ReturnType<Gsap['timeline']>\n\nexport interface GsapBundle {\n  gsap: Gsap\n  ScrollTrigger: ScrollTriggerStatic\n}\n\nlet pending: Promise<GsapBundle> | null = null\n\n/**\n * Load gsap + ScrollTrigger once, register the plugin, and share the\n * promise. Safe to call from anywhere; resolves the same bundle every time.\n */\nexport function loadGsap(): Promise<GsapBundle> {\n  if (!pending) {\n    pending = Promise.all([import('gsap'), import('gsap/ScrollTrigger')]).then(([g, st]) => {\n      const gsap = g.gsap ?? g.default\n      const ScrollTrigger = st.ScrollTrigger ?? st.default\n      gsap.registerPlugin(ScrollTrigger)\n      return { gsap, ScrollTrigger }\n    })\n  }\n  return pending\n}\n\nlet idle: Promise<void> | null = null\n\n/**\n * Resolves once per page, after the `load` event, when the main thread next\n * goes idle (or after `timeout` ms of waiting for that, so a busy page still\n * gets there). requestIdleCallback where it exists; Safari, which lacks it,\n * waits a beat after load instead.\n *\n * The gate `useGsap` loads gsap behind: late enough to stay off the LCP\n * critical path and out of hydration's way, early enough that gsap is ready\n * before anyone scrolls to the section that needs it.\n */\nexport function whenIdle(timeout = 2000): Promise<void> {\n  if (!idle) {\n    idle = new Promise<void>(resolve => {\n      const schedule = () => {\n        if (typeof window.requestIdleCallback === 'function') {\n          window.requestIdleCallback(() => resolve(), { timeout })\n        } else {\n          setTimeout(resolve, 200)\n        }\n      }\n      if (document.readyState === 'complete') schedule()\n      else window.addEventListener('load', schedule, { once: true })\n    })\n  }\n  return idle\n}\n\n/** Dynamic imports of GSAP plugins, by name: `{ SplitText: () => import('gsap/SplitText') }`. */\nexport type GsapPluginLoaders = Record<string, () => Promise<unknown>>\n\ntype GsapContext = ReturnType<Gsap['context']>\n\nexport interface GsapSetupContext extends GsapBundle {\n  /** The element the hook is attached to — use it as the ScrollTrigger trigger and the selector scope. */\n  el: HTMLElement\n  /**\n   * The plugins asked for in `options.plugins`, loaded and registered before\n   * setup runs, by the same names: `plugins.SplitText`.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>\n  /**\n   * The gsap.context setup runs in. Anything setup starts asynchronously\n   * (after an await, in a timer, in a plugin callback that fires later)\n   * lands outside it, so wrap that work in `context.add(() => ...)` to have\n   * it scoped and reverted on unmount with the rest.\n   */\n  context: GsapContext\n}\n\nexport interface UseGsapOptions {\n  /**\n   * Run setup once the element is this close to the viewport. Default\n   * \"200px 0px\". gsap itself loads at idle regardless (see `whenIdle`), so\n   * this only decides when the element's timelines and ScrollTriggers are\n   * built.\n   */\n  near?: string\n  /** \"skip\" (default) does nothing under prefers-reduced-motion; \"run\" lets setup decide. */\n  reducedMotion?: 'skip' | 'run'\n  /**\n   * GSAP plugins to load alongside gsap, as dynamic imports keyed by name:\n   *\n   *     { plugins: { SplitText: () => import('gsap/SplitText') } }\n   *\n   * They're loaded when gsap is, registered, and handed to setup as\n   * `plugins`, so setup can stay synchronous. That matters: gsap.context\n   * only records what runs synchronously inside it, so a plugin imported\n   * from within setup did its work outside the context, unscoped and never\n   * reverted on unmount (vsf-consulting-nextjs's SplitHeading had to build a\n   * second context of its own to clean up).\n   */\n  plugins?: GsapPluginLoaders\n}\n\nconst pluginCache = new Map<string, Promise<unknown>>()\n\n/** The plugin object out of its module: the named export, else the default. */\nfunction pickPlugin(mod: unknown, name: string): unknown {\n  const m = mod as Record<string, unknown> | null\n  return (m && (m[name] ?? m.default)) ?? mod\n}\n\n/**\n * Load plugins by name, once per name for the page, and register them with\n * gsap. Resolves to the plugins keyed by the same names.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport async function loadGsapPlugins(gsap: Gsap, loaders: GsapPluginLoaders = {}): Promise<Record<string, any>> {\n  const entries = await Promise.all(\n    Object.entries(loaders).map(async ([name, load]) => {\n      let pending = pluginCache.get(name)\n      if (!pending) {\n        pending = load().then(mod => pickPlugin(mod, name))\n        pluginCache.set(name, pending)\n      }\n      return [name, await pending] as const\n    }),\n  )\n  const plugins = Object.fromEntries(entries)\n  const list = Object.values(plugins)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  if (list.length) gsap.registerPlugin(...(list as any[]))\n  return plugins\n}\n\n/**\n * Run a setup inside a gsap.context scoped to `el`, synchronously. Split out\n * of useGsap so the contract (everything setup creates belongs to the\n * returned context, plugins included) is testable without a DOM.\n */\nexport function runGsapSetup(\n  bundle: GsapBundle,\n  el: HTMLElement,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n): { context: GsapContext; cleanup: (() => void) | void } {\n  let cleanup: (() => void) | void = undefined\n  const context = bundle.gsap.context((self: GsapContext) => {\n    cleanup = setup({ ...bundle, el, plugins, context: self })\n  }, el)\n  return { context, cleanup }\n}\n\n/**\n * Run a GSAP setup against an element, lazily and safely:\n *\n *   - gsap loads once per page at idle (`whenIdle`), so it's ready before\n *     the visitor gets there; setup runs when the element nears the viewport\n *   - setup runs inside `gsap.context(el)`, so selectors are scoped and\n *     everything it creates is reverted on unmount (including ScrollTriggers)\n *   - plugins beyond ScrollTrigger (SplitText, Flip, MorphSVG) come in through\n *     `options.plugins`, loaded before setup, so setup stays synchronous and\n *     inside the context. Anything setup must still start later goes through\n *     `context.add()`.\n *   - the element must be server-rendered and visible; hide things inside\n *     `setup` with `gsap.set`, never with a stylesheet\n *\n * @example\n *   const ref = useRef<HTMLDivElement>(null)\n *   useGsap(ref, ({ gsap, el }) => {\n *     gsap.from(el.querySelectorAll('[data-line]'), {\n *       yPercent: 100, opacity: 0, stagger: 0.06, duration: 0.8, ease: 'power3.out',\n *       scrollTrigger: { trigger: el, start: 'top 80%' },\n *     })\n *   })\n *\n * @example With a plugin\n *   useGsap(ref, ({ gsap, el, plugins: { SplitText } }) => {\n *     SplitText.create(el, {\n *       type: 'lines', mask: 'lines', autoSplit: true,\n *       onSplit: self => gsap.from(self.lines, { yPercent: 115, stagger: 0.09, scrollTrigger: { trigger: el } }),\n *     })\n *   }, [], { plugins: { SplitText: () => import('gsap/SplitText') } })\n */\nexport function useGsap(\n  ref: RefObject<HTMLElement | null>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n  deps: DependencyList = [],\n  options: UseGsapOptions = {},\n): void {\n  const setupRef = useRef(setup)\n  setupRef.current = setup\n  // A ref, like setup: an inline `plugins` object is new every render and\n  // must not re-run the effect.\n  const pluginsRef = useRef(options.plugins)\n  pluginsRef.current = options.plugins\n  const { near = '200px 0px', reducedMotion = 'skip' } = options\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    if (reducedMotion === 'skip' && prefersReducedMotion()) return\n\n    let cancelled = false\n    let cleanup: (() => void) | void\n    let ctx: GsapContext | undefined\n\n    // gsap (and any plugins) load at idle whether or not the element is near\n    // yet; setup waits for both that and the element's approach.\n    const ready = whenIdle()\n      .then(loadGsap)\n      .then(async bundle => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) }))\n\n    const io = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return\n        io.disconnect()\n        ready.then(({ bundle, plugins }) => {\n          if (cancelled || !el.isConnected) return\n          ;({ context: ctx, cleanup } = runGsapSetup(bundle, el, plugins, setupRef.current))\n        })\n      },\n      { rootMargin: near },\n    )\n    io.observe(el)\n\n    return () => {\n      cancelled = true\n      io.disconnect()\n      if (typeof cleanup === 'function') cleanup()\n      ctx?.revert()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref, near, reducedMotion, ...deps])\n}\n\nexport interface ScrollInOptions {\n  /** ScrollTrigger start that plays the timeline. Default \"top 90%\". */\n  start?: string\n}\n\n/**\n * A below-the-fold entrance on gsap, with the rules every kit reveal keeps.\n * Call it from a `useGsap` setup (which already skips reduced motion):\n *\n *   - an element already on screen when setup runs is left exactly as the\n *     server rendered it and `build` never runs, so nothing above the fold\n *     animates in;\n *   - otherwise `build` fills a paused timeline whose from-states apply now,\n *     while the element is still below the fold and unseen, and it plays\n *     once the element's top crosses `start`;\n *   - a visitor who never scrolls (a headless renderer) gets the finished\n *     state after 2.5s through the shared failsafe (./failsafe), callbacks\n *     included, so the indexed snapshot never shows a from-state.\n *\n * Returns the failsafe's cancel, for the setup to return as its cleanup.\n * `CountUp` is built on it.\n *\n * @example\n *   useGsap(ref, ({ gsap, el }) =>\n *     scrollIn(gsap, el, tl => tl.from(el.querySelectorAll('li'), { y: 24, opacity: 0, stagger: 0.06 })),\n *   )\n */\nexport function scrollIn(\n  gsap: Gsap,\n  el: HTMLElement,\n  build: (tl: GsapTimeline) => void,\n  { start = 'top 90%' }: ScrollInOptions = {},\n): (() => void) | undefined {\n  if (el.getBoundingClientRect().top < window.innerHeight) return undefined\n\n  const tl = gsap.timeline({ scrollTrigger: { trigger: el, start, once: true } })\n  build(tl)\n\n  return onNoScroll(() => {\n    tl.scrollTrigger?.kill()\n    tl.progress(1)\n  })\n}\n\nexport { CountUp, parseCountUp } from './CountUp'\nexport type { CountUpProps, CountUpParts } from './CountUp'\n\nexport interface ExpandCollapseOptions {\n  duration?: number\n  ease?: string\n}\n\n/**\n * Animate expand/collapse without mount/unmount. Content stays in the DOM\n * (so it stays indexable) with overflow hidden; gsap animates height and\n * opacity, and loads on the first toggle, not at mount.\n *\n * @example\n *   const { contentRef } = useExpandCollapse(isOpen)\n *   <div ref={contentRef}>{children}</div>\n */\nexport function useExpandCollapse(\n  isOpen: boolean,\n  options: ExpandCollapseOptions = {},\n): { contentRef: RefObject<HTMLDivElement | null> } {\n  const { duration = 0.3, ease = 'power2.inOut' } = options\n  const contentRef = useRef<HTMLDivElement>(null)\n  const initialized = useRef(false)\n\n  useEffect(() => {\n    const el = contentRef.current\n    if (!el) return\n\n    // First render: set the resting state with inline styles, no gsap.\n    if (!initialized.current) {\n      initialized.current = true\n      el.style.overflow = 'hidden'\n      if (!isOpen) {\n        el.style.height = '0px'\n        el.style.opacity = '0'\n      }\n      return\n    }\n\n    let cancelled = false\n    loadGsap().then(({ gsap }) => {\n      if (cancelled || !el.isConnected) return\n      if (prefersReducedMotion()) {\n        gsap.set(el, { height: isOpen ? 'auto' : 0, opacity: isOpen ? 1 : 0 })\n        el.style.overflow = isOpen ? 'visible' : 'hidden'\n        return\n      }\n      if (isOpen) {\n        gsap.to(el, {\n          height: 'auto',\n          opacity: 1,\n          duration,\n          ease,\n          onComplete() {\n            el.style.overflow = 'visible'\n          },\n        })\n      } else {\n        el.style.overflow = 'hidden'\n        gsap.to(el, { height: 0, opacity: 0, duration: duration * 0.85, ease })\n      }\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [isOpen, duration, ease])\n\n  return { contentRef }\n}\n"]}

package/dist/motion/gsap.mjs

@@ -1,8 +1,74 @@
 'use client';
-import { prefersReducedMotion } from '../chunk-MLXUMVBK.mjs';
+import { onNoScroll } from '../chunk-IMWON7OV.mjs';
+import { prefersReducedMotion } from '../chunk-UCMMIGC6.mjs';
 import '../chunk-BEXTDHO4.mjs';
 import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
+var NUMBER = /\d{1,3}(?:,\d{3})+(?:\.\d+)?|\d+(?:\.\d+)?/;
+function parseCountUp(text) {
+  const match = NUMBER.exec(text);
+  if (!match) return null;
+  const digits = match[0];
+  const value = parseFloat(digits.replace(/,/g, ""));
+  if (!Number.isFinite(value)) return null;
+  const decimals = digits.includes(".") ? digits.length - digits.indexOf(".") - 1 : 0;
+  const useGrouping = digits.includes(",");
+  const head = text.slice(0, match.index);
+  const tail = text.slice(match.index + digits.length);
+  return {
+    value,
+    format: (n) => head + n.toLocaleString("en-US", {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+      useGrouping
+    }) + tail
+  };
+}
+function CountUp({
+  children: text,
+  as = "span",
+  className,
+  id,
+  duration = 1.3,
+  ease = "power2.out",
+  start = "top 90%"
+}) {
+  const ref = useRef(null);
+  const Tag = as;
+  useGsap(
+    ref,
+    ({ gsap, el }) => {
+      const parts = parseCountUp(text);
+      if (!parts) return;
+      let live = true;
+      const state = { n: 0 };
+      const render = () => {
+        if (live) el.textContent = parts.format(state.n);
+      };
+      const restore = () => {
+        if (live) el.textContent = text;
+      };
+      const cancel = scrollIn(
+        gsap,
+        el,
+        (tl) => {
+          render();
+          tl.to(state, { n: parts.value, duration, ease, onUpdate: render, onComplete: restore });
+        },
+        { start }
+      );
+      return () => {
+        live = false;
+        cancel?.();
+      };
+    },
+    [text, duration, ease, start]
+  );
+  return /* @__PURE__ */ jsx(Tag, { ref, id, className, "data-sk-countup": "", children: text });
+}
+
+// src/motion/gsap.ts
 var pending = null;
 function loadGsap() {
   if (!pending) {
@@ -15,6 +81,23 @@ function loadGsap() {
   }
   return pending;
 }
+var idle = null;
+function whenIdle(timeout = 2e3) {
+  if (!idle) {
+    idle = new Promise((resolve) => {
+      const schedule = () => {
+        if (typeof window.requestIdleCallback === "function") {
+          window.requestIdleCallback(() => resolve(), { timeout });
+        } else {
+          setTimeout(resolve, 200);
+        }
+      };
+      if (document.readyState === "complete") schedule();
+      else window.addEventListener("load", schedule, { once: true });
+    });
+  }
+  return idle;
+}
 var pluginCache = /* @__PURE__ */ new Map();
 function pickPlugin(mod, name) {
   const m = mod;
@@ -56,11 +139,12 @@ function useGsap(ref, setup, deps = [], options = {}) {
     let cancelled = false;
     let cleanup;
     let ctx;
+    const ready = whenIdle().then(loadGsap).then(async (bundle) => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) }));
     const io = new IntersectionObserver(
       ([entry]) => {
         if (!entry?.isIntersecting) return;
         io.disconnect();
-        loadGsap().then(async (bundle) => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) })).then(({ bundle, plugins }) => {
+        ready.then(({ bundle, plugins }) => {
           if (cancelled || !el.isConnected) return;
           ({ context: ctx, cleanup } = runGsapSetup(bundle, el, plugins, setupRef.current));
         });
@@ -76,6 +160,15 @@ function useGsap(ref, setup, deps = [], options = {}) {
     };
   }, [ref, near, reducedMotion, ...deps]);
 }
+function scrollIn(gsap, el, build, { start = "top 90%" } = {}) {
+  if (el.getBoundingClientRect().top < window.innerHeight) return void 0;
+  const tl = gsap.timeline({ scrollTrigger: { trigger: el, start, once: true } });
+  build(tl);
+  return onNoScroll(() => {
+    tl.scrollTrigger?.kill();
+    tl.progress(1);
+  });
+}
 function useExpandCollapse(isOpen, options = {}) {
   const { duration = 0.3, ease = "power2.inOut" } = options;
   const contentRef = useRef(null);
@@ -122,6 +215,6 @@ function useExpandCollapse(isOpen, options = {}) {
   return { contentRef };
 }
 
-export { loadGsap, loadGsapPlugins, runGsapSetup, useExpandCollapse, useGsap };
+export { CountUp, loadGsap, loadGsapPlugins, parseCountUp, runGsapSetup, scrollIn, useExpandCollapse, useGsap, whenIdle };
 //# sourceMappingURL=gsap.mjs.map
 //# sourceMappingURL=gsap.mjs.map

package/dist/motion/gsap.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/motion/gsap.ts"],"names":["pending"],"mappings":"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","file":"gsap.mjs","sourcesContent":["/**\n * @sonordev/site-kit/motion/gsap — the Upforge motion standard, tier 1.\n *\n * GSAP for the moments that earn it: sequenced timelines, SplitText,\n * Flip, MorphSVG. Requires the optional peer `gsap` (all plugins are free\n * since 3.13):\n *\n *     npm i gsap\n *\n * A site that never imports this subpath never installs gsap. NOTHING\n * outside this file may import from 'gsap' — that is what keeps the tier\n * boundary real (src/motion/motion.test.tsx enforces it).\n *\n * Cost and where it goes: gsap core + ScrollTrigger is ~46KB gzipped.\n * `useGsap` loads it only when its element comes within 200px of the\n * viewport, so it never sits on the LCP critical path, and it must only be\n * used BELOW the fold. First-paint content renders static.\n *\n * Not included on purpose: ScrollSmoother. It drives scrolling by\n * transforming the page body, which fights native scroll, costs INP on\n * mobile, and breaks every scroll-geometry read on the page. The engine's\n * per-scene lerp gives the liquid feel without hijacking anything.\n */\n\n'use client'\n\nimport { useEffect, useRef, type DependencyList, type RefObject } from 'react'\nimport { prefersReducedMotion } from './engine'\n\ntype GsapModule = typeof import('gsap')\ntype ScrollTriggerModule = typeof import('gsap/ScrollTrigger')\n\nexport type Gsap = GsapModule['gsap']\nexport type ScrollTriggerStatic = ScrollTriggerModule['ScrollTrigger']\n\nexport interface GsapBundle {\n  gsap: Gsap\n  ScrollTrigger: ScrollTriggerStatic\n}\n\nlet pending: Promise<GsapBundle> | null = null\n\n/**\n * Load gsap + ScrollTrigger once, register the plugin, and share the\n * promise. Safe to call from anywhere; resolves the same bundle every time.\n */\nexport function loadGsap(): Promise<GsapBundle> {\n  if (!pending) {\n    pending = Promise.all([import('gsap'), import('gsap/ScrollTrigger')]).then(([g, st]) => {\n      const gsap = g.gsap ?? g.default\n      const ScrollTrigger = st.ScrollTrigger ?? st.default\n      gsap.registerPlugin(ScrollTrigger)\n      return { gsap, ScrollTrigger }\n    })\n  }\n  return pending\n}\n\n/** Dynamic imports of GSAP plugins, by name: `{ SplitText: () => import('gsap/SplitText') }`. */\nexport type GsapPluginLoaders = Record<string, () => Promise<unknown>>\n\ntype GsapContext = ReturnType<Gsap['context']>\n\nexport interface GsapSetupContext extends GsapBundle {\n  /** The element the hook is attached to — use it as the ScrollTrigger trigger and the selector scope. */\n  el: HTMLElement\n  /**\n   * The plugins asked for in `options.plugins`, loaded and registered before\n   * setup runs, by the same names: `plugins.SplitText`.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>\n  /**\n   * The gsap.context setup runs in. Anything setup starts asynchronously\n   * (after an await, in a timer, in a plugin callback that fires later)\n   * lands outside it, so wrap that work in `context.add(() => ...)` to have\n   * it scoped and reverted on unmount with the rest.\n   */\n  context: GsapContext\n}\n\nexport interface UseGsapOptions {\n  /** Preload margin: load gsap when the element is this close. Default \"200px 0px\". */\n  near?: string\n  /** \"skip\" (default) does nothing under prefers-reduced-motion; \"run\" lets setup decide. */\n  reducedMotion?: 'skip' | 'run'\n  /**\n   * GSAP plugins to load alongside gsap, as dynamic imports keyed by name:\n   *\n   *     { plugins: { SplitText: () => import('gsap/SplitText') } }\n   *\n   * They're loaded when gsap is, registered, and handed to setup as\n   * `plugins`, so setup can stay synchronous. That matters: gsap.context\n   * only records what runs synchronously inside it, so a plugin imported\n   * from within setup did its work outside the context, unscoped and never\n   * reverted on unmount (vsf-consulting-nextjs's SplitHeading had to build a\n   * second context of its own to clean up).\n   */\n  plugins?: GsapPluginLoaders\n}\n\nconst pluginCache = new Map<string, Promise<unknown>>()\n\n/** The plugin object out of its module: the named export, else the default. */\nfunction pickPlugin(mod: unknown, name: string): unknown {\n  const m = mod as Record<string, unknown> | null\n  return (m && (m[name] ?? m.default)) ?? mod\n}\n\n/**\n * Load plugins by name, once per name for the page, and register them with\n * gsap. Resolves to the plugins keyed by the same names.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport async function loadGsapPlugins(gsap: Gsap, loaders: GsapPluginLoaders = {}): Promise<Record<string, any>> {\n  const entries = await Promise.all(\n    Object.entries(loaders).map(async ([name, load]) => {\n      let pending = pluginCache.get(name)\n      if (!pending) {\n        pending = load().then(mod => pickPlugin(mod, name))\n        pluginCache.set(name, pending)\n      }\n      return [name, await pending] as const\n    }),\n  )\n  const plugins = Object.fromEntries(entries)\n  const list = Object.values(plugins)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  if (list.length) gsap.registerPlugin(...(list as any[]))\n  return plugins\n}\n\n/**\n * Run a setup inside a gsap.context scoped to `el`, synchronously. Split out\n * of useGsap so the contract (everything setup creates belongs to the\n * returned context, plugins included) is testable without a DOM.\n */\nexport function runGsapSetup(\n  bundle: GsapBundle,\n  el: HTMLElement,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n): { context: GsapContext; cleanup: (() => void) | void } {\n  let cleanup: (() => void) | void = undefined\n  const context = bundle.gsap.context((self: GsapContext) => {\n    cleanup = setup({ ...bundle, el, plugins, context: self })\n  }, el)\n  return { context, cleanup }\n}\n\n/**\n * Run a GSAP setup against an element, lazily and safely:\n *\n *   - gsap loads only when the element nears the viewport\n *   - setup runs inside `gsap.context(el)`, so selectors are scoped and\n *     everything it creates is reverted on unmount (including ScrollTriggers)\n *   - plugins beyond ScrollTrigger (SplitText, Flip, MorphSVG) come in through\n *     `options.plugins`, loaded before setup, so setup stays synchronous and\n *     inside the context. Anything setup must still start later goes through\n *     `context.add()`.\n *   - the element must be server-rendered and visible; hide things inside\n *     `setup` with `gsap.set`, never with a stylesheet\n *\n * @example\n *   const ref = useRef<HTMLDivElement>(null)\n *   useGsap(ref, ({ gsap, el }) => {\n *     gsap.from(el.querySelectorAll('[data-line]'), {\n *       yPercent: 100, opacity: 0, stagger: 0.06, duration: 0.8, ease: 'power3.out',\n *       scrollTrigger: { trigger: el, start: 'top 80%' },\n *     })\n *   })\n *\n * @example With a plugin\n *   useGsap(ref, ({ gsap, el, plugins: { SplitText } }) => {\n *     SplitText.create(el, {\n *       type: 'lines', mask: 'lines', autoSplit: true,\n *       onSplit: self => gsap.from(self.lines, { yPercent: 115, stagger: 0.09, scrollTrigger: { trigger: el } }),\n *     })\n *   }, [], { plugins: { SplitText: () => import('gsap/SplitText') } })\n */\nexport function useGsap(\n  ref: RefObject<HTMLElement | null>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n  deps: DependencyList = [],\n  options: UseGsapOptions = {},\n): void {\n  const setupRef = useRef(setup)\n  setupRef.current = setup\n  // A ref, like setup: an inline `plugins` object is new every render and\n  // must not re-run the effect.\n  const pluginsRef = useRef(options.plugins)\n  pluginsRef.current = options.plugins\n  const { near = '200px 0px', reducedMotion = 'skip' } = options\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    if (reducedMotion === 'skip' && prefersReducedMotion()) return\n\n    let cancelled = false\n    let cleanup: (() => void) | void\n    let ctx: GsapContext | undefined\n\n    const io = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return\n        io.disconnect()\n        loadGsap()\n          .then(async bundle => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) }))\n          .then(({ bundle, plugins }) => {\n            if (cancelled || !el.isConnected) return\n            ;({ context: ctx, cleanup } = runGsapSetup(bundle, el, plugins, setupRef.current))\n          })\n      },\n      { rootMargin: near },\n    )\n    io.observe(el)\n\n    return () => {\n      cancelled = true\n      io.disconnect()\n      if (typeof cleanup === 'function') cleanup()\n      ctx?.revert()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref, near, reducedMotion, ...deps])\n}\n\nexport interface ExpandCollapseOptions {\n  duration?: number\n  ease?: string\n}\n\n/**\n * Animate expand/collapse without mount/unmount. Content stays in the DOM\n * (so it stays indexable) with overflow hidden; gsap animates height and\n * opacity, and loads on the first toggle, not at mount.\n *\n * @example\n *   const { contentRef } = useExpandCollapse(isOpen)\n *   <div ref={contentRef}>{children}</div>\n */\nexport function useExpandCollapse(\n  isOpen: boolean,\n  options: ExpandCollapseOptions = {},\n): { contentRef: RefObject<HTMLDivElement | null> } {\n  const { duration = 0.3, ease = 'power2.inOut' } = options\n  const contentRef = useRef<HTMLDivElement>(null)\n  const initialized = useRef(false)\n\n  useEffect(() => {\n    const el = contentRef.current\n    if (!el) return\n\n    // First render: set the resting state with inline styles, no gsap.\n    if (!initialized.current) {\n      initialized.current = true\n      el.style.overflow = 'hidden'\n      if (!isOpen) {\n        el.style.height = '0px'\n        el.style.opacity = '0'\n      }\n      return\n    }\n\n    let cancelled = false\n    loadGsap().then(({ gsap }) => {\n      if (cancelled || !el.isConnected) return\n      if (prefersReducedMotion()) {\n        gsap.set(el, { height: isOpen ? 'auto' : 0, opacity: isOpen ? 1 : 0 })\n        el.style.overflow = isOpen ? 'visible' : 'hidden'\n        return\n      }\n      if (isOpen) {\n        gsap.to(el, {\n          height: 'auto',\n          opacity: 1,\n          duration,\n          ease,\n          onComplete() {\n            el.style.overflow = 'visible'\n          },\n        })\n      } else {\n        el.style.overflow = 'hidden'\n        gsap.to(el, { height: 0, opacity: 0, duration: duration * 0.85, ease })\n      }\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [isOpen, duration, ease])\n\n  return { contentRef }\n}\n"]}
+{"version":3,"sources":["../../src/motion/CountUp.tsx","../../src/motion/gsap.ts"],"names":["pending","useRef"],"mappings":"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","file":"gsap.mjs","sourcesContent":["'use client'\n\nimport { useRef, type ElementType } from 'react'\nimport { scrollIn, useGsap } from './gsap'\n\n/**\n * <CountUp> — a stat that rolls up to its value as it scrolls into view.\n * Tier 1: it runs on `useGsap`, so it lives on the gsap subpath.\n *\n * It takes the formatted value as its text (\"$412,500\", \"38.2%\", \"24 min\")\n * and rolls the first number in it, keeping the formatting around it: the\n * same decimals, and thousands separators only if the text had them.\n *\n * The rules, all inherited from `scrollIn` / `useGsap`:\n *\n *   - The server HTML is the real text, so crawlers, no-JS visitors and the\n *     indexed snapshot read the true number.\n *   - A stat already on screen when setup runs keeps its real number; only\n *     one still below the fold is zeroed (offscreen, unseen) and rolled when\n *     its top crosses `start`.\n *   - The real text is restored at the end of the roll, and by the no-scroll\n *     failsafe if the visitor never scrolls to it.\n *   - Reduced motion never loads gsap and never touches the text.\n *\n * Replaces the per-site CountUp components.\n */\n\nexport interface CountUpProps {\n  /** The formatted value exactly as it should read, e.g. \"$412,500\". */\n  children: string\n  /** Element to render. Default \"span\". */\n  as?: ElementType\n  className?: string\n  id?: string\n  /** Roll length in seconds. Default 1.3. */\n  duration?: number\n  /** gsap ease. Default \"power2.out\". */\n  ease?: string\n  /** ScrollTrigger start that begins the roll. Default \"top 90%\". */\n  start?: string\n}\n\nexport interface CountUpParts {\n  /** The number the text states. */\n  value: number\n  /** The text with `n` in the number's place, formatted the same way. */\n  format: (n: number) => string\n}\n\n// A grouped number (1,204,500.25) or a plain one (1204.5).\nconst NUMBER = /\\d{1,3}(?:,\\d{3})+(?:\\.\\d+)?|\\d+(?:\\.\\d+)?/\n\n/**\n * Splits formatted text around its first number. Null when there's nothing\n * to roll, in which case CountUp leaves the text alone.\n */\nexport function parseCountUp(text: string): CountUpParts | null {\n  const match = NUMBER.exec(text)\n  if (!match) return null\n  const digits = match[0]\n  const value = parseFloat(digits.replace(/,/g, ''))\n  if (!Number.isFinite(value)) return null\n\n  const decimals = digits.includes('.') ? digits.length - digits.indexOf('.') - 1 : 0\n  const useGrouping = digits.includes(',')\n  const head = text.slice(0, match.index)\n  const tail = text.slice(match.index + digits.length)\n  return {\n    value,\n    format: (n) =>\n      head +\n      n.toLocaleString('en-US', {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n        useGrouping,\n      }) +\n      tail,\n  }\n}\n\nexport function CountUp({\n  children: text,\n  as = 'span',\n  className,\n  id,\n  duration = 1.3,\n  ease = 'power2.out',\n  start = 'top 90%',\n}: CountUpProps) {\n  const ref = useRef<HTMLElement>(null)\n  const Tag = as as ElementType\n\n  useGsap(\n    ref,\n    ({ gsap, el }) => {\n      const parts = parseCountUp(text)\n      if (!parts) return\n\n      // Cleared on cleanup, which useGsap runs before it reverts the\n      // context: a revert can replay onUpdate, and React owns the text again\n      // by then.\n      let live = true\n      const state = { n: 0 }\n      const render = () => {\n        if (live) el.textContent = parts.format(state.n)\n      }\n      const restore = () => {\n        if (live) el.textContent = text\n      }\n\n      const cancel = scrollIn(\n        gsap,\n        el,\n        (tl) => {\n          render()\n          tl.to(state, { n: parts.value, duration, ease, onUpdate: render, onComplete: restore })\n        },\n        { start },\n      )\n      return () => {\n        live = false\n        cancel?.()\n      }\n    },\n    [text, duration, ease, start],\n  )\n\n  return (\n    <Tag ref={ref} id={id} className={className} data-sk-countup=\"\">\n      {text}\n    </Tag>\n  )\n}\n","/**\n * @sonordev/site-kit/motion/gsap — the Upforge motion standard, tier 1.\n *\n * GSAP for the moments that earn it: sequenced timelines, SplitText,\n * Flip, MorphSVG. Requires the optional peer `gsap` (all plugins are free\n * since 3.13):\n *\n *     npm i gsap\n *\n * A site that never imports this subpath never installs gsap. NOTHING\n * outside this file may import from 'gsap' — that is what keeps the tier\n * boundary real (src/motion/motion.test.tsx enforces it).\n *\n * Cost and where it goes: gsap core + ScrollTrigger is ~46KB gzipped.\n * `useGsap` loads it once per page at idle, after the page has loaded and the\n * main thread has gone quiet, so it never sits on the LCP critical path or\n * competes with hydration, and it's already in hand by the time a visitor\n * scrolls to an animated section. Setup still waits for its element to come\n * near the viewport. It must only be used BELOW the fold; first-paint content\n * renders static.\n *\n * Not included on purpose: ScrollSmoother. It drives scrolling by\n * transforming the page body, which fights native scroll, costs INP on\n * mobile, and breaks every scroll-geometry read on the page. The engine's\n * per-scene lerp gives the liquid feel without hijacking anything.\n */\n\n'use client'\n\nimport { useEffect, useRef, type DependencyList, type RefObject } from 'react'\nimport { prefersReducedMotion } from './engine'\nimport { onNoScroll } from './failsafe'\n\ntype GsapModule = typeof import('gsap')\ntype ScrollTriggerModule = typeof import('gsap/ScrollTrigger')\n\nexport type Gsap = GsapModule['gsap']\nexport type ScrollTriggerStatic = ScrollTriggerModule['ScrollTrigger']\nexport type GsapTimeline = ReturnType<Gsap['timeline']>\n\nexport interface GsapBundle {\n  gsap: Gsap\n  ScrollTrigger: ScrollTriggerStatic\n}\n\nlet pending: Promise<GsapBundle> | null = null\n\n/**\n * Load gsap + ScrollTrigger once, register the plugin, and share the\n * promise. Safe to call from anywhere; resolves the same bundle every time.\n */\nexport function loadGsap(): Promise<GsapBundle> {\n  if (!pending) {\n    pending = Promise.all([import('gsap'), import('gsap/ScrollTrigger')]).then(([g, st]) => {\n      const gsap = g.gsap ?? g.default\n      const ScrollTrigger = st.ScrollTrigger ?? st.default\n      gsap.registerPlugin(ScrollTrigger)\n      return { gsap, ScrollTrigger }\n    })\n  }\n  return pending\n}\n\nlet idle: Promise<void> | null = null\n\n/**\n * Resolves once per page, after the `load` event, when the main thread next\n * goes idle (or after `timeout` ms of waiting for that, so a busy page still\n * gets there). requestIdleCallback where it exists; Safari, which lacks it,\n * waits a beat after load instead.\n *\n * The gate `useGsap` loads gsap behind: late enough to stay off the LCP\n * critical path and out of hydration's way, early enough that gsap is ready\n * before anyone scrolls to the section that needs it.\n */\nexport function whenIdle(timeout = 2000): Promise<void> {\n  if (!idle) {\n    idle = new Promise<void>(resolve => {\n      const schedule = () => {\n        if (typeof window.requestIdleCallback === 'function') {\n          window.requestIdleCallback(() => resolve(), { timeout })\n        } else {\n          setTimeout(resolve, 200)\n        }\n      }\n      if (document.readyState === 'complete') schedule()\n      else window.addEventListener('load', schedule, { once: true })\n    })\n  }\n  return idle\n}\n\n/** Dynamic imports of GSAP plugins, by name: `{ SplitText: () => import('gsap/SplitText') }`. */\nexport type GsapPluginLoaders = Record<string, () => Promise<unknown>>\n\ntype GsapContext = ReturnType<Gsap['context']>\n\nexport interface GsapSetupContext extends GsapBundle {\n  /** The element the hook is attached to — use it as the ScrollTrigger trigger and the selector scope. */\n  el: HTMLElement\n  /**\n   * The plugins asked for in `options.plugins`, loaded and registered before\n   * setup runs, by the same names: `plugins.SplitText`.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>\n  /**\n   * The gsap.context setup runs in. Anything setup starts asynchronously\n   * (after an await, in a timer, in a plugin callback that fires later)\n   * lands outside it, so wrap that work in `context.add(() => ...)` to have\n   * it scoped and reverted on unmount with the rest.\n   */\n  context: GsapContext\n}\n\nexport interface UseGsapOptions {\n  /**\n   * Run setup once the element is this close to the viewport. Default\n   * \"200px 0px\". gsap itself loads at idle regardless (see `whenIdle`), so\n   * this only decides when the element's timelines and ScrollTriggers are\n   * built.\n   */\n  near?: string\n  /** \"skip\" (default) does nothing under prefers-reduced-motion; \"run\" lets setup decide. */\n  reducedMotion?: 'skip' | 'run'\n  /**\n   * GSAP plugins to load alongside gsap, as dynamic imports keyed by name:\n   *\n   *     { plugins: { SplitText: () => import('gsap/SplitText') } }\n   *\n   * They're loaded when gsap is, registered, and handed to setup as\n   * `plugins`, so setup can stay synchronous. That matters: gsap.context\n   * only records what runs synchronously inside it, so a plugin imported\n   * from within setup did its work outside the context, unscoped and never\n   * reverted on unmount (vsf-consulting-nextjs's SplitHeading had to build a\n   * second context of its own to clean up).\n   */\n  plugins?: GsapPluginLoaders\n}\n\nconst pluginCache = new Map<string, Promise<unknown>>()\n\n/** The plugin object out of its module: the named export, else the default. */\nfunction pickPlugin(mod: unknown, name: string): unknown {\n  const m = mod as Record<string, unknown> | null\n  return (m && (m[name] ?? m.default)) ?? mod\n}\n\n/**\n * Load plugins by name, once per name for the page, and register them with\n * gsap. Resolves to the plugins keyed by the same names.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport async function loadGsapPlugins(gsap: Gsap, loaders: GsapPluginLoaders = {}): Promise<Record<string, any>> {\n  const entries = await Promise.all(\n    Object.entries(loaders).map(async ([name, load]) => {\n      let pending = pluginCache.get(name)\n      if (!pending) {\n        pending = load().then(mod => pickPlugin(mod, name))\n        pluginCache.set(name, pending)\n      }\n      return [name, await pending] as const\n    }),\n  )\n  const plugins = Object.fromEntries(entries)\n  const list = Object.values(plugins)\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  if (list.length) gsap.registerPlugin(...(list as any[]))\n  return plugins\n}\n\n/**\n * Run a setup inside a gsap.context scoped to `el`, synchronously. Split out\n * of useGsap so the contract (everything setup creates belongs to the\n * returned context, plugins included) is testable without a DOM.\n */\nexport function runGsapSetup(\n  bundle: GsapBundle,\n  el: HTMLElement,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  plugins: Record<string, any>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n): { context: GsapContext; cleanup: (() => void) | void } {\n  let cleanup: (() => void) | void = undefined\n  const context = bundle.gsap.context((self: GsapContext) => {\n    cleanup = setup({ ...bundle, el, plugins, context: self })\n  }, el)\n  return { context, cleanup }\n}\n\n/**\n * Run a GSAP setup against an element, lazily and safely:\n *\n *   - gsap loads once per page at idle (`whenIdle`), so it's ready before\n *     the visitor gets there; setup runs when the element nears the viewport\n *   - setup runs inside `gsap.context(el)`, so selectors are scoped and\n *     everything it creates is reverted on unmount (including ScrollTriggers)\n *   - plugins beyond ScrollTrigger (SplitText, Flip, MorphSVG) come in through\n *     `options.plugins`, loaded before setup, so setup stays synchronous and\n *     inside the context. Anything setup must still start later goes through\n *     `context.add()`.\n *   - the element must be server-rendered and visible; hide things inside\n *     `setup` with `gsap.set`, never with a stylesheet\n *\n * @example\n *   const ref = useRef<HTMLDivElement>(null)\n *   useGsap(ref, ({ gsap, el }) => {\n *     gsap.from(el.querySelectorAll('[data-line]'), {\n *       yPercent: 100, opacity: 0, stagger: 0.06, duration: 0.8, ease: 'power3.out',\n *       scrollTrigger: { trigger: el, start: 'top 80%' },\n *     })\n *   })\n *\n * @example With a plugin\n *   useGsap(ref, ({ gsap, el, plugins: { SplitText } }) => {\n *     SplitText.create(el, {\n *       type: 'lines', mask: 'lines', autoSplit: true,\n *       onSplit: self => gsap.from(self.lines, { yPercent: 115, stagger: 0.09, scrollTrigger: { trigger: el } }),\n *     })\n *   }, [], { plugins: { SplitText: () => import('gsap/SplitText') } })\n */\nexport function useGsap(\n  ref: RefObject<HTMLElement | null>,\n  setup: (ctx: GsapSetupContext) => void | (() => void),\n  deps: DependencyList = [],\n  options: UseGsapOptions = {},\n): void {\n  const setupRef = useRef(setup)\n  setupRef.current = setup\n  // A ref, like setup: an inline `plugins` object is new every render and\n  // must not re-run the effect.\n  const pluginsRef = useRef(options.plugins)\n  pluginsRef.current = options.plugins\n  const { near = '200px 0px', reducedMotion = 'skip' } = options\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el) return\n    if (reducedMotion === 'skip' && prefersReducedMotion()) return\n\n    let cancelled = false\n    let cleanup: (() => void) | void\n    let ctx: GsapContext | undefined\n\n    // gsap (and any plugins) load at idle whether or not the element is near\n    // yet; setup waits for both that and the element's approach.\n    const ready = whenIdle()\n      .then(loadGsap)\n      .then(async bundle => ({ bundle, plugins: await loadGsapPlugins(bundle.gsap, pluginsRef.current) }))\n\n    const io = new IntersectionObserver(\n      ([entry]) => {\n        if (!entry?.isIntersecting) return\n        io.disconnect()\n        ready.then(({ bundle, plugins }) => {\n          if (cancelled || !el.isConnected) return\n          ;({ context: ctx, cleanup } = runGsapSetup(bundle, el, plugins, setupRef.current))\n        })\n      },\n      { rootMargin: near },\n    )\n    io.observe(el)\n\n    return () => {\n      cancelled = true\n      io.disconnect()\n      if (typeof cleanup === 'function') cleanup()\n      ctx?.revert()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref, near, reducedMotion, ...deps])\n}\n\nexport interface ScrollInOptions {\n  /** ScrollTrigger start that plays the timeline. Default \"top 90%\". */\n  start?: string\n}\n\n/**\n * A below-the-fold entrance on gsap, with the rules every kit reveal keeps.\n * Call it from a `useGsap` setup (which already skips reduced motion):\n *\n *   - an element already on screen when setup runs is left exactly as the\n *     server rendered it and `build` never runs, so nothing above the fold\n *     animates in;\n *   - otherwise `build` fills a paused timeline whose from-states apply now,\n *     while the element is still below the fold and unseen, and it plays\n *     once the element's top crosses `start`;\n *   - a visitor who never scrolls (a headless renderer) gets the finished\n *     state after 2.5s through the shared failsafe (./failsafe), callbacks\n *     included, so the indexed snapshot never shows a from-state.\n *\n * Returns the failsafe's cancel, for the setup to return as its cleanup.\n * `CountUp` is built on it.\n *\n * @example\n *   useGsap(ref, ({ gsap, el }) =>\n *     scrollIn(gsap, el, tl => tl.from(el.querySelectorAll('li'), { y: 24, opacity: 0, stagger: 0.06 })),\n *   )\n */\nexport function scrollIn(\n  gsap: Gsap,\n  el: HTMLElement,\n  build: (tl: GsapTimeline) => void,\n  { start = 'top 90%' }: ScrollInOptions = {},\n): (() => void) | undefined {\n  if (el.getBoundingClientRect().top < window.innerHeight) return undefined\n\n  const tl = gsap.timeline({ scrollTrigger: { trigger: el, start, once: true } })\n  build(tl)\n\n  return onNoScroll(() => {\n    tl.scrollTrigger?.kill()\n    tl.progress(1)\n  })\n}\n\nexport { CountUp, parseCountUp } from './CountUp'\nexport type { CountUpProps, CountUpParts } from './CountUp'\n\nexport interface ExpandCollapseOptions {\n  duration?: number\n  ease?: string\n}\n\n/**\n * Animate expand/collapse without mount/unmount. Content stays in the DOM\n * (so it stays indexable) with overflow hidden; gsap animates height and\n * opacity, and loads on the first toggle, not at mount.\n *\n * @example\n *   const { contentRef } = useExpandCollapse(isOpen)\n *   <div ref={contentRef}>{children}</div>\n */\nexport function useExpandCollapse(\n  isOpen: boolean,\n  options: ExpandCollapseOptions = {},\n): { contentRef: RefObject<HTMLDivElement | null> } {\n  const { duration = 0.3, ease = 'power2.inOut' } = options\n  const contentRef = useRef<HTMLDivElement>(null)\n  const initialized = useRef(false)\n\n  useEffect(() => {\n    const el = contentRef.current\n    if (!el) return\n\n    // First render: set the resting state with inline styles, no gsap.\n    if (!initialized.current) {\n      initialized.current = true\n      el.style.overflow = 'hidden'\n      if (!isOpen) {\n        el.style.height = '0px'\n        el.style.opacity = '0'\n      }\n      return\n    }\n\n    let cancelled = false\n    loadGsap().then(({ gsap }) => {\n      if (cancelled || !el.isConnected) return\n      if (prefersReducedMotion()) {\n        gsap.set(el, { height: isOpen ? 'auto' : 0, opacity: isOpen ? 1 : 0 })\n        el.style.overflow = isOpen ? 'visible' : 'hidden'\n        return\n      }\n      if (isOpen) {\n        gsap.to(el, {\n          height: 'auto',\n          opacity: 1,\n          duration,\n          ease,\n          onComplete() {\n            el.style.overflow = 'visible'\n          },\n        })\n      } else {\n        el.style.overflow = 'hidden'\n        gsap.to(el, { height: 0, opacity: 0, duration: duration * 0.85, ease })\n      }\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [isOpen, duration, ease])\n\n  return { contentRef }\n}\n"]}

package/dist/motion/index.d.ts

@@ -20,7 +20,7 @@
  * element, never a wrapper around the page.
  */
 export { registerScene, refreshScenes, prefersReducedMotion, sceneProgress, } from './engine';
-export type { SceneRender, SceneOptions, SceneInfo, SceneMode } from './engine';
+export type { SceneRender, SceneOptions, SceneInfo, SceneMode, SceneAnchor } from './engine';
 export { onNoScroll } from './failsafe';
 export { Reveal } from './Reveal';
 export type { RevealProps, RevealDirection } from './Reveal';

package/dist/motion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,EACL,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAClD,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3D,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAIH,OAAO,EACL,aAAa,EACb,aAAa,EACb,oBAAoB,EACpB,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE5F,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE5D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAClD,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3D,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA"}