@voila.dev/motion 0.0.0-stage → 5.0.113

package/dist/interpolate/path/rings.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/interpolate/path/rings.ts"],
+  "sourcesContent": ["import type { Point, Ring } from \"#/interpolate/path/flatten.ts\";\n\nfunction distance(a: Point, b: Point): number {\n\treturn Math.hypot(a[0] - b[0], a[1] - b[1]);\n}\n\n/** `count` points evenly spaced by arc length; a closed ring includes its closing edge. */\nexport function resample(ring: Ring, count: number): Point[] {\n\tconst points = ring.closed\n\t\t? [...ring.points, ring.points[0] as Point]\n\t\t: ring.points;\n\tconst lengths = [0];\n\tfor (let index = 1; index < points.length; index += 1) {\n\t\tlengths.push(\n\t\t\t(lengths[index - 1] as number) +\n\t\t\t\tdistance(points[index - 1] as Point, points[index] as Point),\n\t\t);\n\t}\n\tconst total = lengths[lengths.length - 1] as number;\n\tif (points.length < 2 || total === 0) {\n\t\treturn Array.from({ length: count }, () => points[0] as Point);\n\t}\n\tconst step = total / (ring.closed ? count : Math.max(1, count - 1));\n\tconst result: Point[] = [];\n\tlet segment = 1;\n\tfor (let index = 0; index < count; index += 1) {\n\t\tconst along = Math.min(total, index * step);\n\t\twhile (\n\t\t\tsegment < points.length - 1 &&\n\t\t\t(lengths[segment] as number) < along\n\t\t) {\n\t\t\tsegment += 1;\n\t\t}\n\t\tconst [a, b] = [points[segment - 1] as Point, points[segment] as Point];\n\t\tconst span =\n\t\t\t(lengths[segment] as number) - (lengths[segment - 1] as number);\n\t\tconst t =\n\t\t\tspan === 0 ? 0 : (along - (lengths[segment - 1] as number)) / span;\n\t\tresult.push([a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t]);\n\t}\n\treturn result;\n}\n\nexport function area(points: readonly Point[]): number {\n\tlet sum = 0;\n\tpoints.forEach((point, index) => {\n\t\tconst next = points[(index + 1) % points.length] as Point;\n\t\tsum += point[0] * next[1] - next[0] * point[1];\n\t});\n\treturn sum / 2;\n}\n\nexport function centroid(points: readonly Point[]): Point {\n\tconst sum = points.reduce<[number, number]>(\n\t\t(total, [x, y]) => [total[0] + x, total[1] + y],\n\t\t[0, 0],\n\t);\n\treturn [sum[0] / points.length, sum[1] / points.length];\n}\n\nfunction cost(\n\ta: readonly Point[],\n\tb: readonly Point[],\n\toffset: number,\n): number {\n\tlet sum = 0;\n\tfor (let index = 0; index < a.length; index += 1) {\n\t\tconst other = b[(index + offset) % b.length] as Point;\n\t\tconst point = a[index] as Point;\n\t\tsum += (point[0] - other[0]) ** 2 + (point[1] - other[1]) ** 2;\n\t}\n\treturn sum;\n}\n\n/**\n * `to` rearranged so each point travels as little as it can to its partner\n * in `from`: a closed ring may start anywhere and run either way round, an\n * open one may only run backwards. Both have the same length.\n */\nexport function alignRing(\n\tfrom: readonly Point[],\n\tto: readonly Point[],\n\tclosed: boolean,\n): Point[] {\n\tconst candidates = [to, [...to].reverse()];\n\tlet best = {\n\t\tpoints: to as readonly Point[],\n\t\toffset: 0,\n\t\tcost: Number.POSITIVE_INFINITY,\n\t};\n\tfor (const points of candidates) {\n\t\tconst offsets = closed ? points.length : 1;\n\t\tfor (let offset = 0; offset < offsets; offset += 1) {\n\t\t\tconst value = cost(from, points, offset);\n\t\t\tif (value < best.cost) {\n\t\t\t\tbest = { points, offset, cost: value };\n\t\t\t}\n\t\t}\n\t}\n\treturn best.points.map(\n\t\t(_point, index) =>\n\t\t\tbest.points[(index + best.offset) % best.points.length] as Point,\n\t);\n}\n\n/**\n * Pairs each ring of one shape with a ring of the other, nearest centroids and\n * closest areas first. A ring left over pairs with `undefined`: it grows from,\n * or shrinks to, its own centroid.\n */\nfunction describe(ring: Ring) {\n\treturn { centre: centroid(ring.points), size: Math.abs(area(ring.points)) };\n}\n\nexport function matchRings(\n\tfrom: readonly Ring[],\n\tto: readonly Ring[],\n): [Ring | undefined, Ring | undefined][] {\n\tconst starts = from.map(describe);\n\tconst ends = to.map(describe);\n\tconst pairs = starts.flatMap((start, i) =>\n\t\tends.map((end, j) => {\n\t\t\tconst scale = Math.sqrt(Math.max(start.size, end.size, 1));\n\t\t\treturn {\n\t\t\t\ti,\n\t\t\t\tj,\n\t\t\t\tscore:\n\t\t\t\t\tdistance(start.centre, end.centre) / scale +\n\t\t\t\t\tMath.abs(Math.log((start.size + 1) / (end.size + 1))),\n\t\t\t};\n\t\t}),\n\t);\n\tpairs.sort((a, b) => a.score - b.score);\n\tconst usedFrom = new Set<number>();\n\tconst usedTo = new Set<number>();\n\tconst result: [Ring | undefined, Ring | undefined][] = [];\n\tfor (const { i, j } of pairs) {\n\t\tif (!usedFrom.has(i) && !usedTo.has(j)) {\n\t\t\tusedFrom.add(i);\n\t\t\tusedTo.add(j);\n\t\t\tresult.push([from[i], to[j]]);\n\t\t}\n\t}\n\tfor (const [i, ring] of from.entries()) {\n\t\tif (!usedFrom.has(i)) result.push([ring, undefined]);\n\t}\n\tfor (const [j, ring] of to.entries()) {\n\t\tif (!usedTo.has(j)) result.push([undefined, ring]);\n\t}\n\treturn result;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/index.d.ts

@@ -0,0 +1,7 @@
+export { type Exit, Presence, type PresenceProps, usePresence, } from "./presence.js";
+export { type AnimationScope, useAnimate } from "./use-animate.js";
+export { useMotionValue } from "./use-motion-value.js";
+export { useReducedMotion } from "./use-reduced-motion.js";
+export { useSpring } from "./use-spring.js";
+export { useTransform } from "./use-transform.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,aAAa,EAClB,WAAW,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/react/index.js

@@ -0,0 +1,19 @@
+import {
+  Presence,
+  usePresence
+} from "./presence.js";
+import { useAnimate } from "./use-animate.js";
+import { useMotionValue } from "./use-motion-value.js";
+import { useReducedMotion } from "./use-reduced-motion.js";
+import { useSpring } from "./use-spring.js";
+import { useTransform } from "./use-transform.js";
+export {
+  Presence,
+  useAnimate,
+  useMotionValue,
+  usePresence,
+  useReducedMotion,
+  useSpring,
+  useTransform
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/index.ts"],
+  "sourcesContent": ["export {\n\ttype Exit,\n\tPresence,\n\ttype PresenceProps,\n\tusePresence,\n} from \"#/react/presence.tsx\";\nexport { type AnimationScope, useAnimate } from \"#/react/use-animate.ts\";\nexport { useMotionValue } from \"#/react/use-motion-value.ts\";\nexport { useReducedMotion } from \"#/react/use-reduced-motion.ts\";\nexport { useSpring } from \"#/react/use-spring.ts\";\nexport { useTransform } from \"#/react/use-transform.ts\";\n"],
+  "mappings": "AAAA;AAAA,EAEC;AAAA,EAEA;AAAA,OACM;AACP,SAA8B,kBAAkB;AAChD,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;",
+  "names": []
+}

package/dist/react/presence.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+/** Plays a child's way out; Presence removes it once the returned promise settles. */
+export type Exit = (element: Element) => PromiseLike<unknown> | undefined;
+declare module "react" {
+    interface Attributes {
+        /** Inside a `<Presence>`: plays this child's way out before it unmounts. */
+        exit?: Exit;
+    }
+}
+/**
+ * Whether this component is still wanted, and the function that lets it go
+ * once its own exit has played. Outside a Presence it is always present.
+ */
+export declare function usePresence(): readonly [boolean, () => void];
+export interface PresenceProps {
+    readonly children?: React.ReactNode;
+    /** Called each time the last exiting child is gone. */
+    readonly onExitComplete?: () => void;
+}
+/**
+ * Keeps a removed child on screen until its exit has played: the `exit`
+ * prop it carries (given the child's element, through its ref), or the
+ * child's own `usePresence`. Children need a stable `key`. An exiting child
+ * is inert: it can't take focus or clicks on its way out.
+ */
+export declare function Presence({ children, onExitComplete }: PresenceProps): React.JSX.Element[];
+//# sourceMappingURL=presence.d.ts.map

package/dist/react/presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../../src/react/presence.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,sFAAsF;AACtF,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,WAAW,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;AAE1E,OAAO,QAAQ,OAAO,CAAC;IACtB,UAAU,UAAU;QACnB,4EAA4E;QAC5E,IAAI,CAAC,EAAE,IAAI,CAAC;KACZ;CACD;AAYD;;;GAGG;AACH,wBAAgB,WAAW,IAAI,SAAS,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAK5D;AAgCD,MAAM,WAAW,aAAa;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,uDAAuD;IACvD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,aAAa,uBAsHnE"}

package/dist/react/presence.js

@@ -0,0 +1,135 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+const PresenceContext = React.createContext(null);
+function usePresence() {
+  const state = React.useContext(PresenceContext);
+  const register = state?.register;
+  React.useLayoutEffect(() => register?.(), [register]);
+  return [state?.isPresent ?? true, state?.safeToRemove ?? noop];
+}
+function noop() {
+}
+function keyedChildren(children) {
+  return React.Children.toArray(children).filter(
+    (child) => React.isValidElement(child)
+  );
+}
+function merge(previous, current) {
+  const keys = new Set(current.map((child) => child.key));
+  const merged = [...current];
+  for (const [index, child] of previous.entries()) {
+    if (keys.has(child.key)) continue;
+    const before = previous[index - 1]?.key;
+    const at = merged.findIndex((other) => other.key === before);
+    merged.splice(at + 1, 0, child);
+  }
+  return merged;
+}
+function Presence({ children, onExitComplete }) {
+  const current = keyedChildren(children);
+  const rendered = React.useRef(current);
+  const gone = React.useRef(/* @__PURE__ */ new Set());
+  const elements = React.useRef(/* @__PURE__ */ new Map());
+  const registered = React.useRef(/* @__PURE__ */ new Map());
+  const [, rerender] = React.useReducer((count) => count + 1, 0);
+  const currentKeys = new Set(current.map((child) => child.key));
+  const present = React.useRef(currentKeys);
+  present.current = currentKeys;
+  const leaving = React.useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const shown = merge(
+    rendered.current.filter((child) => !gone.current.has(child.key)),
+    current
+  );
+  for (const key of currentKeys) gone.current.delete(key);
+  rendered.current = shown;
+  const exiting = shown.filter((child) => !currentKeys.has(child.key));
+  const remove = React.useCallback(
+    (key) => {
+      if (gone.current.has(key) || present.current.has(key)) return;
+      gone.current.add(key);
+      leaving.current.delete(key);
+      rerender();
+      const left = rendered.current.some(
+        (child) => !gone.current.has(child.key) && !present.current.has(child.key)
+      );
+      if (!left) onExitComplete?.();
+    },
+    [onExitComplete]
+  );
+  const exitingKeys = exiting.map((child) => child.key).join("\0");
+  React.useLayoutEffect(() => {
+    for (const [key, played] of leaving.current) {
+      if (!present.current.has(key)) continue;
+      leaving.current.delete(key);
+      elements.current.get(key)?.removeAttribute("inert");
+      played?.cancel?.();
+    }
+    for (const child of exiting) {
+      if (leaving.current.has(child.key)) continue;
+      const element = elements.current.get(child.key);
+      element?.setAttribute("inert", "");
+      const played = element && child.props.exit?.(element);
+      leaving.current.set(child.key, played);
+      if (played) {
+        Promise.resolve(played).then(
+          () => remove(child.key),
+          () => remove(child.key)
+        );
+      } else if (!registered.current.get(child.key)) {
+        remove(child.key);
+      }
+    }
+  }, [exitingKeys]);
+  const removeRef = React.useRef(remove);
+  removeRef.current = remove;
+  const slots = React.useRef(/* @__PURE__ */ new Map());
+  function slotFor(key) {
+    const existing = slots.current.get(key);
+    if (existing) return existing;
+    function register() {
+      registered.current.set(key, (registered.current.get(key) ?? 0) + 1);
+      return () => {
+        registered.current.set(key, (registered.current.get(key) ?? 1) - 1);
+      };
+    }
+    function safeToRemove() {
+      removeRef.current(key);
+    }
+    const slot = {
+      ownRef: void 0,
+      ref(element) {
+        if (element) elements.current.set(key, element);
+        else elements.current.delete(key);
+        const ownRef = slot.ownRef;
+        if (typeof ownRef === "function") ownRef(element);
+        else if (ownRef)
+          ownRef.current = element;
+      },
+      present: { isPresent: true, safeToRemove, register },
+      absent: { isPresent: false, safeToRemove, register }
+    };
+    slots.current.set(key, slot);
+    return slot;
+  }
+  return shown.map((child) => {
+    const key = child.key;
+    const { exit: _exit, ref: ownRef, ...props } = child.props;
+    const slot = slotFor(key);
+    slot.ownRef = ownRef;
+    return /* @__PURE__ */ jsx(
+      PresenceContext.Provider,
+      {
+        value: currentKeys.has(key) ? slot.present : slot.absent,
+        children: React.createElement(child.type, { ...props, ref: slot.ref })
+      },
+      key
+    );
+  });
+}
+export {
+  Presence,
+  usePresence
+};
+//# sourceMappingURL=presence.js.map

package/dist/react/presence.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/presence.tsx"],
+  "sourcesContent": ["import * as React from \"react\";\n\n/** Plays a child's way out; Presence removes it once the returned promise settles. */\nexport type Exit = (element: Element) => PromiseLike<unknown> | undefined;\n\ndeclare module \"react\" {\n\tinterface Attributes {\n\t\t/** Inside a `<Presence>`: plays this child's way out before it unmounts. */\n\t\texit?: Exit;\n\t}\n}\n\ninterface PresenceState {\n\treadonly isPresent: boolean;\n\t/** For a child that animates its own exit: tells Presence it may go. */\n\treadonly safeToRemove: () => void;\n\t/** Called by `usePresence`: Presence then waits for `safeToRemove`. */\n\treadonly register: () => () => void;\n}\n\nconst PresenceContext = React.createContext<PresenceState | null>(null);\n\n/**\n * Whether this component is still wanted, and the function that lets it go\n * once its own exit has played. Outside a Presence it is always present.\n */\nexport function usePresence(): readonly [boolean, () => void] {\n\tconst state = React.useContext(PresenceContext);\n\tconst register = state?.register;\n\tReact.useLayoutEffect(() => register?.(), [register]);\n\treturn [state?.isPresent ?? true, state?.safeToRemove ?? noop];\n}\n\nfunction noop() {}\n\ntype Keyed = React.ReactElement<{ exit?: Exit; ref?: React.Ref<Element> }>;\n\nfunction keyedChildren(children: React.ReactNode): Keyed[] {\n\treturn React.Children.toArray(children).filter((child): child is Keyed =>\n\t\tReact.isValidElement(child),\n\t);\n}\n\n/** The new children, with the ones that left kept where they were. */\nfunction merge(previous: readonly Keyed[], current: readonly Keyed[]): Keyed[] {\n\tconst keys = new Set(current.map((child) => child.key));\n\tconst merged = [...current];\n\tfor (const [index, child] of previous.entries()) {\n\t\tif (keys.has(child.key)) continue;\n\t\tconst before = previous[index - 1]?.key;\n\t\tconst at = merged.findIndex((other) => other.key === before);\n\t\tmerged.splice(at + 1, 0, child);\n\t}\n\treturn merged;\n}\n\ninterface Slot {\n\townRef: React.Ref<Element> | undefined;\n\treadonly ref: (element: Element | null) => void;\n\treadonly present: PresenceState;\n\treadonly absent: PresenceState;\n}\n\nexport interface PresenceProps {\n\treadonly children?: React.ReactNode;\n\t/** Called each time the last exiting child is gone. */\n\treadonly onExitComplete?: () => void;\n}\n\n/**\n * Keeps a removed child on screen until its exit has played: the `exit`\n * prop it carries (given the child's element, through its ref), or the\n * child's own `usePresence`. Children need a stable `key`. An exiting child\n * is inert: it can't take focus or clicks on its way out.\n */\nexport function Presence({ children, onExitComplete }: PresenceProps) {\n\tconst current = keyedChildren(children);\n\tconst rendered = React.useRef<Keyed[]>(current);\n\tconst gone = React.useRef(new Set<string | null>());\n\tconst elements = React.useRef(new Map<string | null, Element>());\n\tconst registered = React.useRef(new Map<string | null, number>());\n\tconst [, rerender] = React.useReducer((count: number) => count + 1, 0);\n\n\tconst currentKeys = new Set(current.map((child) => child.key));\n\tconst present = React.useRef(currentKeys);\n\tpresent.current = currentKeys;\n\t/** Exits under way, so a later exit doesn't restart them, and a return can undo them. */\n\tconst leaving = React.useRef(\n\t\tnew Map<string | null, PromiseLike<unknown> | undefined>(),\n\t);\n\tconst shown = merge(\n\t\trendered.current.filter((child) => !gone.current.has(child.key)),\n\t\tcurrent,\n\t);\n\tfor (const key of currentKeys) gone.current.delete(key);\n\trendered.current = shown;\n\tconst exiting = shown.filter((child) => !currentKeys.has(child.key));\n\n\tconst remove = React.useCallback(\n\t\t(key: string | null) => {\n\t\t\t// Gone already, or back before its exit finished.\n\t\t\tif (gone.current.has(key) || present.current.has(key)) return;\n\t\t\tgone.current.add(key);\n\t\t\tleaving.current.delete(key);\n\t\t\trerender();\n\t\t\tconst left = rendered.current.some(\n\t\t\t\t(child) =>\n\t\t\t\t\t!gone.current.has(child.key) && !present.current.has(child.key),\n\t\t\t);\n\t\t\tif (!left) onExitComplete?.();\n\t\t},\n\t\t[onExitComplete],\n\t);\n\n\tconst exitingKeys = exiting.map((child) => child.key).join(\"\\u0000\");\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: keyed on the set of exiting children.\n\tReact.useLayoutEffect(() => {\n\t\tfor (const [key, played] of leaving.current) {\n\t\t\tif (!present.current.has(key)) continue;\n\t\t\tleaving.current.delete(key);\n\t\t\telements.current.get(key)?.removeAttribute(\"inert\");\n\t\t\t(played as { cancel?: () => void } | undefined)?.cancel?.();\n\t\t}\n\t\tfor (const child of exiting) {\n\t\t\tif (leaving.current.has(child.key)) continue;\n\t\t\tconst element = elements.current.get(child.key);\n\t\t\telement?.setAttribute(\"inert\", \"\");\n\t\t\tconst played = element && child.props.exit?.(element);\n\t\t\tleaving.current.set(child.key, played);\n\t\t\tif (played) {\n\t\t\t\tPromise.resolve(played).then(\n\t\t\t\t\t() => remove(child.key),\n\t\t\t\t\t() => remove(child.key),\n\t\t\t\t);\n\t\t\t} else if (!registered.current.get(child.key)) {\n\t\t\t\tremove(child.key);\n\t\t\t}\n\t\t}\n\t}, [exitingKeys]);\n\n\tconst removeRef = React.useRef(remove);\n\tremoveRef.current = remove;\n\tconst slots = React.useRef(new Map<string | null, Slot>());\n\n\t/**\n\t * Stable per key: the ref React sees and the context values never change\n\t * identity between renders, so a child's own callback ref isn't detached\n\t * and reattached each time, and `usePresence` consumers only re-render\n\t * when their presence flips.\n\t */\n\tfunction slotFor(key: string | null): Slot {\n\t\tconst existing = slots.current.get(key);\n\t\tif (existing) return existing;\n\t\tfunction register() {\n\t\t\tregistered.current.set(key, (registered.current.get(key) ?? 0) + 1);\n\t\t\treturn () => {\n\t\t\t\tregistered.current.set(key, (registered.current.get(key) ?? 1) - 1);\n\t\t\t};\n\t\t}\n\t\tfunction safeToRemove() {\n\t\t\tremoveRef.current(key);\n\t\t}\n\t\tconst slot: Slot = {\n\t\t\townRef: undefined,\n\t\t\tref(element) {\n\t\t\t\tif (element) elements.current.set(key, element);\n\t\t\t\telse elements.current.delete(key);\n\t\t\t\tconst ownRef = slot.ownRef;\n\t\t\t\tif (typeof ownRef === \"function\") ownRef(element);\n\t\t\t\telse if (ownRef)\n\t\t\t\t\t(ownRef as React.RefObject<Element | null>).current = element;\n\t\t\t},\n\t\t\tpresent: { isPresent: true, safeToRemove, register },\n\t\t\tabsent: { isPresent: false, safeToRemove, register },\n\t\t};\n\t\tslots.current.set(key, slot);\n\t\treturn slot;\n\t}\n\n\treturn shown.map((child) => {\n\t\tconst key = child.key;\n\t\tconst { exit: _exit, ref: ownRef, ...props } = child.props;\n\t\tconst slot = slotFor(key);\n\t\tslot.ownRef = ownRef;\n\t\treturn (\n\t\t\t<PresenceContext.Provider\n\t\t\t\tkey={key}\n\t\t\t\tvalue={currentKeys.has(key) ? slot.present : slot.absent}\n\t\t\t>\n\t\t\t\t{React.createElement(child.type, { ...props, ref: slot.ref })}\n\t\t\t</PresenceContext.Provider>\n\t\t);\n\t});\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/use-animate.d.ts

@@ -0,0 +1,17 @@
+import { type Animate } from "../animate/animate.js";
+import type { AnimationControls } from "../animate/types.js";
+export interface AnimationScope<T extends Element = Element> {
+    current: T | null;
+    /** The animations started through this scope and still running. */
+    readonly animations: AnimationControls[];
+}
+/**
+ * A ref to put on an element, and an `animate` whose selectors only match
+ * inside it. Every animation started through it stops on unmount, so a
+ * component never animates a node React already removed.
+ */
+export declare function useAnimate<T extends Element = HTMLElement>(): readonly [
+    AnimationScope<T>,
+    Animate
+];
+//# sourceMappingURL=use-animate.d.ts.map

package/dist/react/use-animate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animate.d.ts","sourceRoot":"","sources":["../../src/react/use-animate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,OAAO,EAAiB,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO;IAC1D,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,UAAU,EAAE,iBAAiB,EAAE,CAAC;CACzC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,WAAW,KAAK,SAAS;IACvE,cAAc,CAAC,CAAC,CAAC;IACjB,OAAO;CACP,CA2BA"}

package/dist/react/use-animate.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { createAnimate } from "../animate/animate.js";
+function useAnimate() {
+  const [scope] = React.useState(() => ({
+    current: null,
+    animations: []
+  }));
+  const [scoped] = React.useState(() => {
+    const base = createAnimate(() => scope.current);
+    function tracked(...args) {
+      const controls = base(
+        ...args
+      );
+      scope.animations.push(controls);
+      controls.finished.then(() => {
+        const index = scope.animations.indexOf(controls);
+        if (index !== -1) scope.animations.splice(index, 1);
+      });
+      return controls;
+    }
+    return tracked;
+  });
+  React.useEffect(
+    () => () => {
+      for (const controls of scope.animations.splice(0)) controls.stop();
+    },
+    [scope]
+  );
+  return [scope, scoped];
+}
+export {
+  useAnimate
+};
+//# sourceMappingURL=use-animate.js.map

package/dist/react/use-animate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/use-animate.ts"],
+  "sourcesContent": ["import * as React from \"react\";\nimport { type Animate, createAnimate } from \"#/animate/animate.ts\";\nimport type { AnimationControls } from \"#/animate/types.ts\";\n\nexport interface AnimationScope<T extends Element = Element> {\n\tcurrent: T | null;\n\t/** The animations started through this scope and still running. */\n\treadonly animations: AnimationControls[];\n}\n\n/**\n * A ref to put on an element, and an `animate` whose selectors only match\n * inside it. Every animation started through it stops on unmount, so a\n * component never animates a node React already removed.\n */\nexport function useAnimate<T extends Element = HTMLElement>(): readonly [\n\tAnimationScope<T>,\n\tAnimate,\n] {\n\tconst [scope] = React.useState<AnimationScope<T>>(() => ({\n\t\tcurrent: null,\n\t\tanimations: [],\n\t}));\n\tconst [scoped] = React.useState(() => {\n\t\tconst base = createAnimate(() => scope.current);\n\t\tfunction tracked(...args: Parameters<typeof base>): AnimationControls {\n\t\t\tconst controls = (base as (...a: unknown[]) => AnimationControls)(\n\t\t\t\t...args,\n\t\t\t);\n\t\t\tscope.animations.push(controls);\n\t\t\tcontrols.finished.then(() => {\n\t\t\t\tconst index = scope.animations.indexOf(controls);\n\t\t\t\tif (index !== -1) scope.animations.splice(index, 1);\n\t\t\t});\n\t\t\treturn controls;\n\t\t}\n\t\treturn tracked as Animate;\n\t});\n\tReact.useEffect(\n\t\t() => () => {\n\t\t\tfor (const controls of scope.animations.splice(0)) controls.stop();\n\t\t},\n\t\t[scope],\n\t);\n\treturn [scope, scoped] as const;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAuB,qBAAqB;AAcrC,SAAS,aAGd;AACD,QAAM,CAAC,KAAK,IAAI,MAAM,SAA4B,OAAO;AAAA,IACxD,SAAS;AAAA,IACT,YAAY,CAAC;AAAA,EACd,EAAE;AACF,QAAM,CAAC,MAAM,IAAI,MAAM,SAAS,MAAM;AACrC,UAAM,OAAO,cAAc,MAAM,MAAM,OAAO;AAC9C,aAAS,WAAW,MAAkD;AACrE,YAAM,WAAY;AAAA,QACjB,GAAG;AAAA,MACJ;AACA,YAAM,WAAW,KAAK,QAAQ;AAC9B,eAAS,SAAS,KAAK,MAAM;AAC5B,cAAM,QAAQ,MAAM,WAAW,QAAQ,QAAQ;AAC/C,YAAI,UAAU,GAAI,OAAM,WAAW,OAAO,OAAO,CAAC;AAAA,MACnD,CAAC;AACD,aAAO;AAAA,IACR;AACA,WAAO;AAAA,EACR,CAAC;AACD,QAAM;AAAA,IACL,MAAM,MAAM;AACX,iBAAW,YAAY,MAAM,WAAW,OAAO,CAAC,EAAG,UAAS,KAAK;AAAA,IAClE;AAAA,IACA,CAAC,KAAK;AAAA,EACP;AACA,SAAO,CAAC,OAAO,MAAM;AACtB;",
+  "names": []
+}

package/dist/react/use-motion-value.d.ts

@@ -0,0 +1,4 @@
+import { type MotionValue } from "../value/motion-value.js";
+/** A motion value that lives as long as the component, created once. */
+export declare function useMotionValue<T>(initial: T): MotionValue<T>;
+//# sourceMappingURL=use-motion-value.d.ts.map

package/dist/react/use-motion-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-motion-value.d.ts","sourceRoot":"","sources":["../../src/react/use-motion-value.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAExE,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAI5D"}

package/dist/react/use-motion-value.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { motionValue } from "../value/motion-value.js";
+function useMotionValue(initial) {
+  const [value] = React.useState(() => motionValue(initial));
+  React.useEffect(() => () => value.stop(), [value]);
+  return value;
+}
+export {
+  useMotionValue
+};
+//# sourceMappingURL=use-motion-value.js.map

package/dist/react/use-motion-value.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/use-motion-value.ts"],
+  "sourcesContent": ["import * as React from \"react\";\nimport { type MotionValue, motionValue } from \"#/value/motion-value.ts\";\n\n/** A motion value that lives as long as the component, created once. */\nexport function useMotionValue<T>(initial: T): MotionValue<T> {\n\tconst [value] = React.useState(() => motionValue(initial));\n\tReact.useEffect(() => () => value.stop(), [value]);\n\treturn value;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAA2B,mBAAmB;AAGvC,SAAS,eAAkB,SAA4B;AAC7D,QAAM,CAAC,KAAK,IAAI,MAAM,SAAS,MAAM,YAAY,OAAO,CAAC;AACzD,QAAM,UAAU,MAAM,MAAM,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC;AACjD,SAAO;AACR;",
+  "names": []
+}

package/dist/react/use-reduced-motion.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Whether motion should be reduced, following the global policy and the
+ * reader's setting as either changes. False on the server: the first client
+ * render matches, then corrects itself.
+ */
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=use-reduced-motion.d.ts.map

package/dist/react/use-reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.d.ts","sourceRoot":"","sources":["../../src/react/use-reduced-motion.ts"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAM1C"}

package/dist/react/use-reduced-motion.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import {
+  onReducedMotionChange,
+  shouldReduceMotion
+} from "../accessibility/reduced-motion.js";
+function serverSnapshot() {
+  return false;
+}
+function useReducedMotion() {
+  return React.useSyncExternalStore(
+    onReducedMotionChange,
+    () => shouldReduceMotion(),
+    serverSnapshot
+  );
+}
+export {
+  useReducedMotion
+};
+//# sourceMappingURL=use-reduced-motion.js.map

package/dist/react/use-reduced-motion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/use-reduced-motion.ts"],
+  "sourcesContent": ["import * as React from \"react\";\nimport {\n\tonReducedMotionChange,\n\tshouldReduceMotion,\n} from \"#/accessibility/reduced-motion.ts\";\n\nfunction serverSnapshot(): boolean {\n\treturn false;\n}\n\n/**\n * Whether motion should be reduced, following the global policy and the\n * reader's setting as either changes. False on the server: the first client\n * render matches, then corrects itself.\n */\nexport function useReducedMotion(): boolean {\n\treturn React.useSyncExternalStore(\n\t\tonReducedMotionChange,\n\t\t() => shouldReduceMotion(),\n\t\tserverSnapshot,\n\t);\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB;AAAA,EACC;AAAA,EACA;AAAA,OACM;AAEP,SAAS,iBAA0B;AAClC,SAAO;AACR;AAOO,SAAS,mBAA4B;AAC3C,SAAO,MAAM;AAAA,IACZ;AAAA,IACA,MAAM,mBAAmB;AAAA,IACzB;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist/react/use-spring.d.ts

@@ -0,0 +1,9 @@
+import type { AnimationOptions } from "../animate/types.js";
+import { type MotionValue } from "../value/motion-value.js";
+/**
+ * A value that springs towards `target` whenever it changes: a number from
+ * props, or another motion value it follows. A new target mid-flight keeps
+ * the speed the value has.
+ */
+export declare function useSpring(target: number | MotionValue<number>, options?: AnimationOptions): MotionValue<number>;
+//# sourceMappingURL=use-spring.d.ts.map

package/dist/react/use-spring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-spring.d.ts","sourceRoot":"","sources":["../../src/react/use-spring.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE1E;;;;GAIG;AACH,wBAAgB,SAAS,CACxB,MAAM,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,EACpC,OAAO,GAAE,gBAAqB,GAC5B,WAAW,CAAC,MAAM,CAAC,CAoBrB"}

package/dist/react/use-spring.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { animate } from "../animate/animate.js";
+import { useMotionValue } from "./use-motion-value.js";
+import { isMotionValue } from "../value/motion-value.js";
+function useSpring(target, options = {}) {
+  const value = useMotionValue(
+    isMotionValue(target) ? target.get() : target
+  );
+  const optionsRef = React.useRef(options);
+  optionsRef.current = options;
+  React.useEffect(() => {
+    function follow(next) {
+      animate(value, next, { ...optionsRef.current, type: "spring" });
+    }
+    if (!isMotionValue(target)) {
+      if (value.get() !== target) follow(target);
+      return;
+    }
+    const source = target;
+    return source.on("change", follow);
+  }, [target, value]);
+  return value;
+}
+export {
+  useSpring
+};
+//# sourceMappingURL=use-spring.js.map

package/dist/react/use-spring.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/use-spring.ts"],
+  "sourcesContent": ["import * as React from \"react\";\nimport { animate } from \"#/animate/animate.ts\";\nimport type { AnimationOptions } from \"#/animate/types.ts\";\nimport { useMotionValue } from \"#/react/use-motion-value.ts\";\nimport { isMotionValue, type MotionValue } from \"#/value/motion-value.ts\";\n\n/**\n * A value that springs towards `target` whenever it changes: a number from\n * props, or another motion value it follows. A new target mid-flight keeps\n * the speed the value has.\n */\nexport function useSpring(\n\ttarget: number | MotionValue<number>,\n\toptions: AnimationOptions = {},\n): MotionValue<number> {\n\tconst value = useMotionValue(\n\t\tisMotionValue(target) ? (target as MotionValue<number>).get() : target,\n\t);\n\tconst optionsRef = React.useRef(options);\n\toptionsRef.current = options;\n\n\tReact.useEffect(() => {\n\t\tfunction follow(next: number) {\n\t\t\tanimate(value, next, { ...optionsRef.current, type: \"spring\" });\n\t\t}\n\t\tif (!isMotionValue(target)) {\n\t\t\tif (value.get() !== target) follow(target);\n\t\t\treturn;\n\t\t}\n\t\tconst source = target as MotionValue<number>;\n\t\treturn source.on(\"change\", follow);\n\t}, [target, value]);\n\n\treturn value;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAC/B,SAAS,qBAAuC;AAOzC,SAAS,UACf,QACA,UAA4B,CAAC,GACP;AACtB,QAAM,QAAQ;AAAA,IACb,cAAc,MAAM,IAAK,OAA+B,IAAI,IAAI;AAAA,EACjE;AACA,QAAM,aAAa,MAAM,OAAO,OAAO;AACvC,aAAW,UAAU;AAErB,QAAM,UAAU,MAAM;AACrB,aAAS,OAAO,MAAc;AAC7B,cAAQ,OAAO,MAAM,EAAE,GAAG,WAAW,SAAS,MAAM,SAAS,CAAC;AAAA,IAC/D;AACA,QAAI,CAAC,cAAc,MAAM,GAAG;AAC3B,UAAI,MAAM,IAAI,MAAM,OAAQ,QAAO,MAAM;AACzC;AAAA,IACD;AACA,UAAM,SAAS;AACf,WAAO,OAAO,GAAG,UAAU,MAAM;AAAA,EAClC,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SAAO;AACR;",
+  "names": []
+}

package/dist/react/use-transform.d.ts

@@ -0,0 +1,13 @@
+import { type InterpolateOptions } from "../interpolate/interpolate.js";
+import { type MotionValue } from "../value/motion-value.js";
+/**
+ * A motion value derived from others: mapped from an input range to an
+ * output range, or computed by a function. It updates with its sources,
+ * without re-rendering the component.
+ */
+export declare function useTransform<T>(source: MotionValue<number>, input: readonly number[], output: readonly T[], options?: InterpolateOptions<T>): MotionValue<T>;
+export declare function useTransform<S, T>(source: MotionValue<S>, compute: (value: S) => T): MotionValue<T>;
+export declare function useTransform<V extends readonly unknown[], T>(sources: {
+    readonly [K in keyof V]: MotionValue<V[K]>;
+}, compute: (...values: V) => T): MotionValue<T>;
+//# sourceMappingURL=use-transform.d.ts.map

package/dist/react/use-transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["../../src/react/use-transform.ts"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,kBAAkB,EAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAExE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC7B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,EAC3B,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,MAAM,EAAE,SAAS,CAAC,EAAE,EACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,WAAW,CAAC,CAAC,CAAC,CAAC;AAClB,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAChC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,EACtB,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GACtB,WAAW,CAAC,CAAC,CAAC,CAAC;AAClB,wBAAgB,YAAY,CAAC,CAAC,SAAS,SAAS,OAAO,EAAE,EAAE,CAAC,EAC3D,OAAO,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,EACvD,OAAO,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,GAC1B,WAAW,CAAC,CAAC,CAAC,CAAC"}

package/dist/react/use-transform.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import {
+  interpolate
+} from "../interpolate/interpolate.js";
+import { motionValue } from "../value/motion-value.js";
+function useTransform(...args) {
+  const [source, second, output, options] = args;
+  const sources = Array.isArray(source) ? source : [source];
+  const ranges = typeof second === "function" ? "" : JSON.stringify([second, output]);
+  const map = React.useMemo(
+    () => typeof second === "function" ? void 0 : interpolate(
+      second,
+      output,
+      options
+    ),
+    [ranges]
+  );
+  const compute = map ?? second;
+  const latest = React.useRef(compute);
+  latest.current = compute;
+  function read() {
+    return latest.current(...sources.map((one) => one.get()));
+  }
+  const derived = React.useMemo(() => motionValue(read()), sources);
+  const computed = React.useRef(compute);
+  if (computed.current !== compute) {
+    computed.current = compute;
+    derived.set(read());
+  }
+  React.useEffect(() => {
+    derived.set(read());
+    const unsubscribes = sources.map(
+      (one) => one.on("change", () => derived.set(read()))
+    );
+    return () => {
+      for (const unsubscribe of unsubscribes) unsubscribe();
+    };
+  }, [derived]);
+  return derived;
+}
+export {
+  useTransform
+};
+//# sourceMappingURL=use-transform.js.map

package/dist/react/use-transform.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react/use-transform.ts"],
+  "sourcesContent": ["import * as React from \"react\";\nimport {\n\ttype InterpolateOptions,\n\tinterpolate,\n} from \"#/interpolate/interpolate.ts\";\nimport { type MotionValue, motionValue } from \"#/value/motion-value.ts\";\n\n/**\n * A motion value derived from others: mapped from an input range to an\n * output range, or computed by a function. It updates with its sources,\n * without re-rendering the component.\n */\nexport function useTransform<T>(\n\tsource: MotionValue<number>,\n\tinput: readonly number[],\n\toutput: readonly T[],\n\toptions?: InterpolateOptions<T>,\n): MotionValue<T>;\nexport function useTransform<S, T>(\n\tsource: MotionValue<S>,\n\tcompute: (value: S) => T,\n): MotionValue<T>;\nexport function useTransform<V extends readonly unknown[], T>(\n\tsources: { readonly [K in keyof V]: MotionValue<V[K]> },\n\tcompute: (...values: V) => T,\n): MotionValue<T>;\nexport function useTransform(...args: unknown[]): MotionValue<unknown> {\n\tconst [source, second, output, options] = args;\n\tconst sources = (\n\t\tArray.isArray(source) ? source : [source]\n\t) as MotionValue<unknown>[];\n\t// Ranges are usually inline arrays: rebuild the mapping when their contents change, not their identity.\n\tconst ranges =\n\t\ttypeof second === \"function\" ? \"\" : JSON.stringify([second, output]);\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: keyed on the ranges' contents.\n\tconst map = React.useMemo(\n\t\t() =>\n\t\t\ttypeof second === \"function\"\n\t\t\t\t? undefined\n\t\t\t\t: interpolate(\n\t\t\t\t\t\tsecond as readonly number[],\n\t\t\t\t\t\toutput as readonly unknown[],\n\t\t\t\t\t\toptions as InterpolateOptions<unknown>,\n\t\t\t\t\t),\n\t\t[ranges],\n\t);\n\tconst compute = (map ?? second) as (...values: unknown[]) => unknown;\n\tconst latest = React.useRef(compute);\n\tlatest.current = compute;\n\tfunction read(): unknown {\n\t\treturn latest.current(...sources.map((one) => one.get()));\n\t}\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: rebuilt only when a source changes.\n\tconst derived = React.useMemo(() => motionValue(read()), sources);\n\t// Rendered with new ranges or a new function: the value follows at once.\n\tconst computed = React.useRef(compute);\n\tif (computed.current !== compute) {\n\t\tcomputed.current = compute;\n\t\tderived.set(read());\n\t}\n\t// Subscribed in an effect, so StrictMode's unmount and remount leave it listening.\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: the sources are the identity of `derived`.\n\tReact.useEffect(() => {\n\t\tderived.set(read());\n\t\tconst unsubscribes = sources.map((one) =>\n\t\t\tone.on(\"change\", () => derived.set(read())),\n\t\t);\n\t\treturn () => {\n\t\t\tfor (const unsubscribe of unsubscribes) unsubscribe();\n\t\t};\n\t}, [derived]);\n\treturn derived;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB;AAAA,EAEC;AAAA,OACM;AACP,SAA2B,mBAAmB;AAqBvC,SAAS,gBAAgB,MAAuC;AACtE,QAAM,CAAC,QAAQ,QAAQ,QAAQ,OAAO,IAAI;AAC1C,QAAM,UACL,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;AAGzC,QAAM,SACL,OAAO,WAAW,aAAa,KAAK,KAAK,UAAU,CAAC,QAAQ,MAAM,CAAC;AAEpE,QAAM,MAAM,MAAM;AAAA,IACjB,MACC,OAAO,WAAW,aACf,SACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAAA,IACH,CAAC,MAAM;AAAA,EACR;AACA,QAAM,UAAW,OAAO;AACxB,QAAM,SAAS,MAAM,OAAO,OAAO;AACnC,SAAO,UAAU;AACjB,WAAS,OAAgB;AACxB,WAAO,OAAO,QAAQ,GAAG,QAAQ,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;AAAA,EACzD;AAEA,QAAM,UAAU,MAAM,QAAQ,MAAM,YAAY,KAAK,CAAC,GAAG,OAAO;AAEhE,QAAM,WAAW,MAAM,OAAO,OAAO;AACrC,MAAI,SAAS,YAAY,SAAS;AACjC,aAAS,UAAU;AACnB,YAAQ,IAAI,KAAK,CAAC;AAAA,EACnB;AAGA,QAAM,UAAU,MAAM;AACrB,YAAQ,IAAI,KAAK,CAAC;AAClB,UAAM,eAAe,QAAQ;AAAA,MAAI,CAAC,QACjC,IAAI,GAAG,UAAU,MAAM,QAAQ,IAAI,KAAK,CAAC,CAAC;AAAA,IAC3C;AACA,WAAO,MAAM;AACZ,iBAAW,eAAe,aAAc,aAAY;AAAA,IACrD;AAAA,EACD,GAAG,CAAC,OAAO,CAAC;AACZ,SAAO;AACR;",
+  "names": []
+}

package/dist/sequence/sequence.d.ts

@@ -0,0 +1,25 @@
+import type { AnimationControls, AnimationOptions, DOMKeyframes, ElementTarget, Keyframes } from "../animate/types.js";
+import type { MotionValue } from "../value/motion-value.js";
+/**
+ * When a segment starts: seconds from the start of the sequence, `"+0.1"` or
+ * `"-0.2"` from the end of the segment before, `"<"` with the segment before,
+ * or the name of a label.
+ */
+export type SequenceAt = number | `+${number}` | `-${number}` | "<" | string;
+export interface SegmentOptions extends AnimationOptions {
+    readonly at?: SequenceAt;
+}
+export type Segment = readonly [ElementTarget, DOMKeyframes, SegmentOptions?] | readonly [MotionValue<any>, Keyframes<any>, SegmentOptions?] | string | {
+    readonly name: string;
+    readonly at?: SequenceAt;
+};
+export type AnimateOne = (target: unknown, keyframes: unknown, options: AnimationOptions) => AnimationControls;
+export type ResolveTargets = (target: unknown) => readonly object[];
+/**
+ * Launches every segment at once, each delayed to its place on the
+ * timeline, so the whole sequence shares one clock and can be scrubbed. A
+ * segment that animates a property an earlier segment already animates
+ * waits for that one to finish, then starts from where it left off.
+ */
+export declare function animateSequence(segments: readonly Segment[], options: AnimationOptions, animateOne: AnimateOne, resolveTargets: ResolveTargets): AnimationControls;
+//# sourceMappingURL=sequence.d.ts.map

package/dist/sequence/sequence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sequence.d.ts","sourceRoot":"","sources":["../../src/sequence/sequence.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACvD,QAAQ,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,OAAO,GAChB,SAAS,CAAC,aAAa,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,GAEvD,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,GAC5D,MAAM,GACN;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,CACxB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,gBAAgB,KACrB,iBAAiB,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,MAAM,EAAE,CAAC;AAepE;;;;;GAKG;AACH,wBAAgB,eAAe,CAC9B,QAAQ,EAAE,SAAS,OAAO,EAAE,EAC5B,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,GAC5B,iBAAiB,CAmEnB"}