@bquery/bquery 1.2.0 → 1.4.0

package/dist/motion/timeline.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Timeline and sequence helpers.
+ *
+ * @module bquery/motion
+ */
+import type { SequenceOptions, SequenceStep, TimelineConfig, TimelineControls, TimelineStep } from './types';
+/**
+ * Run a list of animations sequentially.
+ *
+ * @param steps - Steps to run in order
+ * @param options - Sequence configuration
+ */
+export declare const sequence: (steps: SequenceStep[], options?: SequenceOptions) => Promise<void>;
+/**
+ * Create a timeline controller for multiple animations.
+ *
+ * @param initialSteps - Steps for the timeline
+ * @param config - Timeline configuration
+ */
+export declare const timeline: (initialSteps?: TimelineStep[], config?: TimelineConfig) => TimelineControls;
+//# sourceMappingURL=timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/motion/timeline.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAoEjB;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GACnB,OAAO,YAAY,EAAE,EACrB,UAAS,eAAoB,KAC5B,OAAO,CAAC,IAAI,CAcd,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GACnB,eAAc,YAAY,EAAO,EACjC,SAAQ,cAAmB,KAC1B,gBAiIF,CAAC"}

package/dist/motion/transition.d.ts

@@ -0,0 +1,22 @@
+/**
+ * View transition helpers.
+ *
+ * @module bquery/motion
+ */
+import type { TransitionOptions } from './types';
+/**
+ * Execute a DOM update with view transition animation.
+ * Falls back to immediate update when View Transitions API is unavailable.
+ *
+ * @param updateOrOptions - Update function or options object
+ * @returns Promise that resolves when transition completes
+ *
+ * @example
+ * ```ts
+ * await transition(() => {
+ *   $('#content').text('Updated');
+ * });
+ * ```
+ */
+export declare const transition: (updateOrOptions: (() => void) | TransitionOptions) => Promise<void>;
+//# sourceMappingURL=transition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/motion/transition.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAWjD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GACrB,iBAAiB,CAAC,MAAM,IAAI,CAAC,GAAG,iBAAiB,KAChD,OAAO,CAAC,IAAI,CAiBd,CAAC"}

package/dist/motion/types.d.ts

@@ -0,0 +1,182 @@
+/**
+ * Shared Motion module types.
+ *
+ * @module bquery/motion
+ */
+/**
+ * Options for view transitions.
+ */
+export interface TransitionOptions {
+    /** The DOM update function to execute during transition */
+    update: () => void;
+}
+/**
+ * Captured element bounds for FLIP animations.
+ */
+export interface ElementBounds {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+/**
+ * FLIP animation configuration options.
+ */
+export interface FlipOptions {
+    /** Animation duration in milliseconds */
+    duration?: number;
+    /** CSS easing function */
+    easing?: string;
+    /** Callback when animation completes */
+    onComplete?: () => void;
+}
+/**
+ * Stagger delay function signature.
+ */
+export type StaggerFunction = (index: number, total: number) => number;
+/**
+ * Extended options for group FLIP animations.
+ */
+export interface FlipGroupOptions extends FlipOptions {
+    /** Optional stagger delay function */
+    stagger?: StaggerFunction;
+}
+/**
+ * Spring physics configuration.
+ */
+export interface SpringConfig {
+    /** Spring stiffness (default: 100) */
+    stiffness?: number;
+    /** Damping coefficient (default: 10) */
+    damping?: number;
+    /** Mass of the object (default: 1) */
+    mass?: number;
+    /** Velocity threshold for completion (default: 0.01) */
+    precision?: number;
+}
+/**
+ * Spring instance for animating values.
+ */
+export interface Spring {
+    /** Start animating to target value */
+    to(target: number): Promise<void>;
+    /** Get current animated value */
+    current(): number;
+    /** Stop the animation */
+    stop(): void;
+    /** Subscribe to value changes */
+    onChange(callback: (value: number) => void): () => void;
+}
+/**
+ * Web Animations helper configuration.
+ */
+export interface AnimateOptions {
+    /** Keyframes to animate */
+    keyframes: Keyframe[] | PropertyIndexedKeyframes;
+    /** Animation options (duration, easing, etc.) */
+    options?: KeyframeAnimationOptions;
+    /** Commit final styles to the element (default: true) */
+    commitStyles?: boolean;
+    /** Respect prefers-reduced-motion (default: true) */
+    respectReducedMotion?: boolean;
+    /** Callback when animation completes */
+    onFinish?: () => void;
+}
+/**
+ * Stagger helper configuration.
+ */
+export interface StaggerOptions {
+    /** Start delay in milliseconds (default: 0) */
+    start?: number;
+    /** Origin index or keyword (default: 'start') */
+    from?: 'start' | 'center' | 'end' | number;
+    /** Optional easing function for normalized distance */
+    easing?: EasingFunction;
+}
+/**
+ * Easing function signature.
+ */
+export type EasingFunction = (t: number) => number;
+/**
+ * Sequence step configuration.
+ */
+export interface SequenceStep extends AnimateOptions {
+    /** Target element to animate */
+    target: Element;
+}
+/**
+ * Sequence run configuration.
+ */
+export interface SequenceOptions {
+    /** Optional stagger delay between steps */
+    stagger?: StaggerFunction;
+    /** Callback when sequence completes */
+    onFinish?: () => void;
+}
+/**
+ * Timeline step configuration.
+ */
+export interface TimelineStep {
+    /** Target element to animate */
+    target: Element;
+    /** Keyframes to animate */
+    keyframes: Keyframe[] | PropertyIndexedKeyframes;
+    /** Animation options for this step */
+    options?: KeyframeAnimationOptions;
+    /** Absolute or relative start time in milliseconds */
+    at?: number | `+=${number}` | `-=${number}`;
+    /** Optional label for debugging */
+    label?: string;
+}
+/**
+ * Timeline configuration.
+ */
+export interface TimelineConfig {
+    /** Commit final styles when timeline completes (default: true) */
+    commitStyles?: boolean;
+    /** Respect prefers-reduced-motion (default: true) */
+    respectReducedMotion?: boolean;
+    /** Callback when timeline completes */
+    onFinish?: () => void;
+}
+/**
+ * Timeline controls.
+ */
+export interface TimelineControls {
+    /** Play all steps */
+    play(): Promise<void>;
+    /** Pause animations */
+    pause(): void;
+    /** Resume animations */
+    resume(): void;
+    /** Stop and cancel animations */
+    stop(): void;
+    /** Seek to a specific time in milliseconds */
+    seek(time: number): void;
+    /** Add a step to the timeline */
+    add(step: TimelineStep): void;
+    /** Total timeline duration in milliseconds */
+    duration(): number;
+    /** Subscribe to finish events */
+    onFinish(callback: () => void): () => void;
+}
+/**
+ * Scroll animation configuration.
+ */
+export interface ScrollAnimateOptions extends AnimateOptions {
+    /** IntersectionObserver root */
+    root?: Element | Document | null;
+    /** Root margin for observer */
+    rootMargin?: string;
+    /** Intersection thresholds */
+    threshold?: number | number[];
+    /** Trigger only once (default: true) */
+    once?: boolean;
+    /** Callback when element enters the viewport */
+    onEnter?: (element: Element) => void;
+}
+/**
+ * Cleanup function for scroll animations.
+ */
+export type ScrollAnimateCleanup = () => void;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/motion/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,sCAAsC;IACtC,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,MAAM;IACrB,sCAAsC;IACtC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,iCAAiC;IACjC,OAAO,IAAI,MAAM,CAAC;IAClB,yBAAyB;IACzB,IAAI,IAAI,IAAI,CAAC;IACb,iCAAiC;IACjC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACzD;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,2BAA2B;IAC3B,SAAS,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAC;IACjD,iDAAiD;IACjD,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAC3C,uDAAuD;IACvD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,SAAS,EAAE,QAAQ,EAAE,GAAG,wBAAwB,CAAC;IACjD,sCAAsC;IACtC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,MAAM,EAAE,GAAG,KAAK,MAAM,EAAE,CAAC;IAC5C,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,uBAAuB;IACvB,KAAK,IAAI,IAAI,CAAC;IACd,wBAAwB;IACxB,MAAM,IAAI,IAAI,CAAC;IACf,iCAAiC;IACjC,IAAI,IAAI,IAAI,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iCAAiC;IACjC,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,8CAA8C;IAC9C,QAAQ,IAAI,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,gCAAgC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;IACjC,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC"}

package/dist/motion.es.mjs

@@ -1,89 +1,192 @@
-const $ = async (e) => {
-  const t = typeof e == "function" ? e : e.update, c = document;
-  if (c.startViewTransition) {
-    await c.startViewTransition(() => t()).finished;
+const A = () => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, $ = (t) => typeof t == "string" || typeof t == "number", v = (t) => t.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), w = (t, e) => {
+  const r = t.style;
+  if (Array.isArray(e)) {
+    const o = e[e.length - 1];
+    if (!o) return;
+    for (const [i, s] of Object.entries(o))
+      if (!(i === "offset" || i === "easing" || i === "composite") && $(s)) {
+        const a = i.startsWith("--") ? i : v(i);
+        r.setProperty(a, String(s));
+      }
     return;
   }
-  t();
-}, h = (e) => {
-  const t = e.getBoundingClientRect();
+  for (const [o, i] of Object.entries(e)) {
+    if (o === "offset" || o === "easing" || o === "composite") continue;
+    const s = Array.isArray(i) ? i[i.length - 1] : i;
+    if ($(s)) {
+      const a = o.startsWith("--") ? o : v(o);
+      r.setProperty(a, String(s));
+    }
+  }
+}, P = (t, e) => {
+  const { keyframes: n, options: r, commitStyles: o = !0, respectReducedMotion: i = !0, onFinish: s } = e;
+  if (i && A())
+    return o && w(t, n), s?.(), Promise.resolve();
+  const a = t;
+  return typeof a.animate != "function" ? (o && w(t, n), s?.(), Promise.resolve()) : new Promise((m) => {
+    const f = a.animate(n, r);
+    let u = !1;
+    const p = () => {
+      u || (u = !0, o && (typeof f.commitStyles == "function" ? f.commitStyles() : w(t, n)), f.cancel(), s?.(), m());
+    };
+    f.onfinish = p, f.finished && f.finished.then(p).catch(p);
+  });
+}, y = (t) => Math.min(1, Math.max(0, t)), C = (t) => y(t), D = (t) => y(t * t), T = (t) => y(1 - (1 - t) * (1 - t)), z = (t) => y(t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2), R = (t) => y(t * t * t), X = (t) => y(1 - Math.pow(1 - t, 3)), L = (t) => y(t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2), W = (t) => y(1 + 2.70158 * Math.pow(t - 1, 3) + 1.70158 * Math.pow(t - 1, 2)), Y = (t) => y(t === 1 ? 1 : 1 - Math.pow(2, -10 * t)), G = {
+  linear: C,
+  easeInQuad: D,
+  easeOutQuad: T,
+  easeInOutQuad: z,
+  easeInCubic: R,
+  easeOutCubic: X,
+  easeInOutCubic: L,
+  easeOutBack: W,
+  easeOutExpo: Y
+}, S = (t) => {
+  const e = t.getBoundingClientRect();
   return {
-    top: t.top,
-    left: t.left,
-    width: t.width,
-    height: t.height
+    top: e.top,
+    left: e.left,
+    width: e.width,
+    height: e.height
   };
-}, P = (e, t, c = {}) => {
-  const { duration: m = 300, easing: p = "ease-out", onComplete: i } = c, n = h(e);
-  if (n.width === 0 || n.height === 0)
-    return Promise.resolve();
-  const o = t.left - n.left, f = t.top - n.top, s = t.width / n.width, a = t.height / n.height;
-  if (o === 0 && f === 0 && s === 1 && a === 1)
-    return Promise.resolve();
-  const r = e;
-  return r.style.transform = `translate(${o}px, ${f}px) scale(${s}, ${a})`, r.style.transformOrigin = "top left", r.offsetHeight, new Promise((u) => {
-    const d = r.animate(
+}, x = (t, e, n = {}) => {
+  const { duration: r = 300, easing: o = "ease-out", onComplete: i } = n, s = S(t);
+  if (s.width === 0 || s.height === 0)
+    return i?.(), Promise.resolve();
+  const a = e.left - s.left, m = e.top - s.top, f = e.width / s.width, u = e.height / s.height;
+  if (a === 0 && m === 0 && f === 1 && u === 1)
+    return i?.(), Promise.resolve();
+  const p = t;
+  return typeof p.animate != "function" ? (i?.(), Promise.resolve()) : (p.style.transform = `translate(${a}px, ${m}px) scale(${f}, ${u})`, p.style.transformOrigin = "top left", p.offsetHeight, new Promise((h) => {
+    const c = p.animate(
       [
         {
-          transform: `translate(${o}px, ${f}px) scale(${s}, ${a})`
+          transform: `translate(${a}px, ${m}px) scale(${f}, ${u})`
         },
         { transform: "translate(0, 0) scale(1, 1)" }
       ],
-      { duration: m, easing: p, fill: "forwards" }
+      { duration: r, easing: o, fill: "forwards" }
     );
-    d.onfinish = () => {
-      r.style.transform = "", r.style.transformOrigin = "", i?.(), u();
+    let d = !1;
+    const l = () => {
+      d || (d = !0, p.style.transform = "", p.style.transformOrigin = "", i?.(), h());
     };
+    c.onfinish = l, c.finished && c.finished.then(l).catch(l);
+  }));
+}, Q = async (t, e, n = {}) => {
+  await _(t, e, n);
+}, _ = async (t, e, n = {}) => {
+  const { stagger: r, ...o } = n, i = /* @__PURE__ */ new Map();
+  for (const m of t)
+    i.set(m, S(m));
+  e();
+  const s = t.length, a = t.map((m, f) => {
+    const u = i.get(m);
+    if (!u) return Promise.resolve();
+    const p = r ? r(f, s) : 0;
+    return p > 0 ? new Promise((h) => setTimeout(h, p)).then(
+      () => x(m, u, o)
+    ) : x(m, u, o);
   });
-}, v = async (e, t, c = {}) => {
-  const m = /* @__PURE__ */ new Map();
-  for (const i of e)
-    m.set(i, h(i));
-  t();
-  const p = e.map((i) => {
-    const n = m.get(i);
-    return n ? P(i, n, c) : Promise.resolve();
-  });
-  await Promise.all(p);
-}, F = {
+  await Promise.all(a);
+}, j = {
+  fadeIn: (t = 0, e = 1) => [{ opacity: t }, { opacity: e }],
+  fadeOut: (t = 1, e = 0) => [{ opacity: t }, { opacity: e }],
+  slideInUp: (t = 16) => [
+    { opacity: 0, transform: `translateY(${t}px)` },
+    { opacity: 1, transform: "translateY(0)" }
+  ],
+  slideInDown: (t = 16) => [
+    { opacity: 0, transform: `translateY(-${t}px)` },
+    { opacity: 1, transform: "translateY(0)" }
+  ],
+  slideInLeft: (t = 16) => [
+    { opacity: 0, transform: `translateX(${t}px)` },
+    { opacity: 1, transform: "translateX(0)" }
+  ],
+  slideInRight: (t = 16) => [
+    { opacity: 0, transform: `translateX(-${t}px)` },
+    { opacity: 1, transform: "translateX(0)" }
+  ],
+  scaleIn: (t = 0.95, e = 1) => [
+    { opacity: 0, transform: `scale(${t})` },
+    { opacity: 1, transform: `scale(${e})` }
+  ],
+  scaleOut: (t = 1, e = 0.95) => [
+    { opacity: 1, transform: `scale(${t})` },
+    { opacity: 0, transform: `scale(${e})` }
+  ],
+  pop: (t = 0.9, e = 1.02, n = 1) => [
+    { opacity: 0, transform: `scale(${t})` },
+    { opacity: 1, transform: `scale(${e})`, offset: 0.6 },
+    { opacity: 1, transform: `scale(${n})` }
+  ],
+  rotateIn: (t = 6) => [
+    { opacity: 0, transform: `rotate(${t}deg) scale(0.98)` },
+    { opacity: 1, transform: "rotate(0deg) scale(1)" }
+  ]
+}, U = (t) => typeof Element < "u" && t instanceof Element ? [t] : Array.from(t), H = (t, e) => {
+  const n = U(t);
+  if (!n.length) return () => {
+  };
+  const { root: r = null, rootMargin: o, threshold: i, once: s = !0, onEnter: a, ...m } = e;
+  if (typeof IntersectionObserver > "u")
+    return n.forEach((u) => {
+      a?.(u), P(u, m);
+    }), () => {
+    };
+  const f = new IntersectionObserver(
+    (u) => {
+      u.forEach((p) => {
+        if (!p.isIntersecting) return;
+        const h = p.target;
+        a?.(h), P(h, m), s && f.unobserve(h);
+      });
+    },
+    { root: r, rootMargin: o, threshold: i }
+  );
+  return n.forEach((u) => f.observe(u)), () => f.disconnect();
+}, V = {
   stiffness: 100,
   damping: 10,
   mass: 1,
   precision: 0.01
-}, x = (e, t = {}) => {
-  const { stiffness: c, damping: m, mass: p, precision: i } = {
-    ...F,
-    ...t
+}, K = (t, e = {}) => {
+  const { stiffness: n, damping: r, mass: o, precision: i } = {
+    ...V,
+    ...e
   };
-  let n = e, o = 0, f = e, s = null, a = null;
-  const r = /* @__PURE__ */ new Set(), u = () => {
-    for (const l of r)
-      l(n);
-  }, d = () => {
-    const l = n - f, g = -c * l, w = -m * o, y = (g + w) / p;
-    if (o += y * (1 / 60), n += o * (1 / 60), u(), Math.abs(o) < i && Math.abs(l) < i) {
-      n = f, o = 0, s = null, u(), a?.(), a = null;
+  let s = t, a = 0, m = t, f = null, u = null, p = null;
+  const h = /* @__PURE__ */ new Set(), c = () => {
+    for (const l of h)
+      l(s);
+  }, d = (l) => {
+    const g = p !== null ? (l - p) / 1e3 : 0.016666666666666666, M = Math.min(g, 1 / 30);
+    p = l;
+    const b = s - m, F = -n * b, N = -r * a, O = (F + N) / o;
+    if (a += O * M, s += a * M, c(), Math.abs(a) < i && Math.abs(b) < i) {
+      s = m, a = 0, f = null, c(), u?.(), u = null;
       return;
     }
-    s = requestAnimationFrame(d);
+    f = requestAnimationFrame(d);
   };
   return {
     to(l) {
-      return f = l, s !== null && cancelAnimationFrame(s), new Promise((g) => {
-        a = g, s = requestAnimationFrame(d);
+      return m = l, f !== null && cancelAnimationFrame(f), u?.(), p = null, new Promise((g) => {
+        u = g, f = requestAnimationFrame(d);
       });
     },
     current() {
-      return n;
+      return s;
     },
     stop() {
-      s !== null && (cancelAnimationFrame(s), s = null), o = 0, a?.(), a = null;
+      f !== null && (cancelAnimationFrame(f), f = null), a = 0, p = null, u?.(), u = null;
     },
     onChange(l) {
-      return r.add(l), () => r.delete(l);
+      return h.add(l), () => h.delete(l);
     }
   };
-}, A = {
+}, Z = {
   /** Gentle, slow-settling spring */
   gentle: { stiffness: 80, damping: 15 },
   /** Responsive, snappy spring */
@@ -92,13 +195,169 @@ const $ = async (e) => {
   bouncy: { stiffness: 300, damping: 8 },
   /** Stiff, quick spring with minimal overshoot */
   stiff: { stiffness: 400, damping: 30 }
+}, B = (t, e = {}) => {
+  const { start: n = 0, from: r = "start", easing: o } = e;
+  return (i, s = 0) => {
+    const a = typeof r == "number" ? r : r === "center" ? (s - 1) / 2 : r === "end" ? s - 1 : 0, m = Math.abs(i - a), f = s > 1 ? Math.max(a, s - 1 - a) : 1, u = f === 0 ? 0 : m / f, p = o ? o(u) * f : m;
+    return n + p * t;
+  };
+}, E = (t) => {
+  if (typeof t == "number") return t;
+  if (typeof t == "string") {
+    const e = t.trim();
+    if (e.endsWith("ms")) {
+      const r = Number.parseFloat(e.slice(0, -2));
+      return Number.isFinite(r) ? r : 0;
+    }
+    if (e.endsWith("s")) {
+      const r = Number.parseFloat(e.slice(0, -1));
+      return Number.isFinite(r) ? r * 1e3 : 0;
+    }
+    const n = Number.parseFloat(e);
+    return Number.isFinite(n) ? n : 0;
+  }
+  return 0;
+}, k = (t, e) => {
+  if (typeof t == "number") return t;
+  if (typeof t == "string") {
+    const n = /^([+-])=(\d+(?:\.\d+)?)$/.exec(t);
+    if (n) {
+      const r = Number.parseFloat(n[2]);
+      return Number.isFinite(r) ? n[1] === "+" ? e + r : e - r : e;
+    }
+  }
+  return e;
+}, q = (t) => {
+  const e = E(t?.duration), n = E(t?.endDelay), r = t?.iterations ?? 1;
+  if (r === 1 / 0)
+    return Number.MAX_SAFE_INTEGER;
+  const o = Math.max(0, r);
+  return e * o + n;
+}, I = (t) => {
+  let e = 0;
+  return t.map((n) => {
+    const r = k(n.at, e), o = E(n.options?.delay), i = Math.max(0, r + o), s = q(n.options), a = i + s;
+    return e = Math.max(e, a), { step: n, start: i, end: a, duration: s };
+  });
+}, J = async (t, e = {}) => {
+  const { stagger: n, onFinish: r } = e, o = t.length;
+  for (let i = 0; i < t.length; i += 1) {
+    const s = t[i], a = n ? n(i, o) : 0;
+    a > 0 && await new Promise((m) => setTimeout(m, a)), await P(s.target, s);
+  }
+  r?.();
+}, tt = (t = [], e = {}) => {
+  const n = [...t], r = /* @__PURE__ */ new Set();
+  let o = [], i = 0, s = !1, a = !1;
+  const { commitStyles: m = !0, respectReducedMotion: f = !0, onFinish: u } = e, p = () => {
+    if (!a) {
+      if (a = !0, m)
+        for (const c of o) {
+          const { animation: d, step: l } = c;
+          typeof d.commitStyles == "function" ? d.commitStyles() : w(l.target, l.keyframes), d.cancel();
+        }
+      r.forEach((c) => c()), u?.();
+    }
+  }, h = () => {
+    o.forEach(({ animation: l }) => l.cancel()), o = [], a = !1;
+    const c = I(n);
+    if (i = c.length ? Math.max(...c.map((l) => l.end)) : 0, f && A()) {
+      m && c.forEach(({ step: l }) => w(l.target, l.keyframes)), s = !0;
+      return;
+    }
+    if (c.some(
+      ({ step: l }) => typeof l.target.animate != "function"
+    )) {
+      m && c.forEach(({ step: l }) => w(l.target, l.keyframes)), s = !0;
+      return;
+    }
+    s = !1, o = c.map(({ step: l, start: g }) => {
+      const { delay: M, ...b } = l.options ?? {};
+      return { animation: l.target.animate(l.keyframes, {
+        ...b,
+        delay: g,
+        fill: b.fill ?? "both"
+      }), step: l, start: g };
+    });
+  };
+  return {
+    add(c) {
+      n.push(c);
+    },
+    duration() {
+      if (!n.length) return 0;
+      if (!o.length) {
+        const c = I(n);
+        return Math.max(...c.map((d) => d.end));
+      }
+      return i;
+    },
+    async play() {
+      if (h(), s || o.length === 0) {
+        p();
+        return;
+      }
+      const c = o.map(
+        (d) => d.animation.finished.catch(() => {
+        })
+      );
+      await Promise.all(c), p();
+    },
+    pause() {
+      s || o.forEach(({ animation: c }) => c.pause());
+    },
+    resume() {
+      s || o.forEach(({ animation: c }) => c.play());
+    },
+    stop() {
+      o.forEach(({ animation: c }) => c.cancel()), o = [], s = !1;
+    },
+    seek(c) {
+      s || o.forEach(({ animation: d }) => {
+        d.currentTime = c;
+      });
+    },
+    onFinish(c) {
+      return r.add(c), () => r.delete(c);
+    }
+  };
+}, et = async (t) => {
+  const e = typeof t == "function" ? t : t.update;
+  if (typeof document > "u") {
+    e();
+    return;
+  }
+  const n = document;
+  if (n.startViewTransition) {
+    await n.startViewTransition(() => e()).finished;
+    return;
+  }
+  e();
 };
 export {
-  h as capturePosition,
-  P as flip,
-  v as flipList,
-  x as spring,
-  A as springPresets,
-  $ as transition
+  P as animate,
+  S as capturePosition,
+  R as easeInCubic,
+  L as easeInOutCubic,
+  z as easeInOutQuad,
+  D as easeInQuad,
+  W as easeOutBack,
+  X as easeOutCubic,
+  Y as easeOutExpo,
+  T as easeOutQuad,
+  G as easingPresets,
+  x as flip,
+  _ as flipElements,
+  Q as flipList,
+  j as keyframePresets,
+  C as linear,
+  A as prefersReducedMotion,
+  H as scrollAnimate,
+  J as sequence,
+  K as spring,
+  Z as springPresets,
+  B as stagger,
+  tt as timeline,
+  et as transition
 };
 //# sourceMappingURL=motion.es.mjs.map