@wardic/solid 0.0.0-stage → 1.0.0-rc.1

package/dist/browser/live-value.js

@@ -0,0 +1,252 @@
+import * as LiveValue from "@wardic/core/LiveValue";
+import * as Bool from "effect/Boolean";
+import * as Effect from "effect/Effect";
+import { identity } from "effect/Function";
+import * as Predicate from "effect/Predicate";
+import { Atom, AtomRegistry } from "effect/reactivity";
+import * as UndefinedOr from "effect/UndefinedOr";
+import * as Scope from "effect/Scope";
+import * as Arr from "effect/Array";
+import * as Option from "effect/Option";
+import { createComputed, createEffect, createMemo, createSignal, on, onCleanup, untrack } from "solid-js";
+import { eachFrameOf } from "./animation-frame.js";
+import { fromAtom } from "./bridge.js";
+import { atomOf, carry, followAccessorOf, followOptionsOf, numberOf, readLive, serverFollowOf, serverRegistryOf, unitOf, willChangeOf, withUnit } from "./live-style.js";
+import * as OwnerScope from "./owner-scope.js";
+import { useWardicRuntime, useWardicSkipAnimations } from "./provider.js";
+import { isServer } from "./server.js";
+import { withServerInterpolators } from "./server-interpolators.js";
+/** A Live value as an accessor: an accessor as it is, an Atom read through the provider's registry. */
+const accessorOf = source => Bool.match(Atom.isAtom(source), {
+  onTrue: () => Bool.match(isServer, {
+    onTrue: () => () => readLive(source, serverRegistryOf, untrack),
+    onFalse: () => fromAtom(source)
+  }),
+  onFalse: () => source
+});
+export function createTransform(source, fnOrInput, output, options) {
+  const read = accessorOf(source);
+  if (Predicate.isFunction(fnOrInput)) return createMemo(() => fnOrInput(read()));
+  const map = interpolatorOf(fnOrInput, output, options);
+  return createMemo(() => map(read()));
+}
+/**
+ * The ranges' mapping, resolved once: through the provider's `InterpolatorRegistry` on a client,
+ * the DOM's on a server, which builds no runtime (ADR-0021).
+ */
+const interpolatorOf = (input, output, options) => {
+  // Typed at `createTransform`'s overloads: numbers and strings through the registry, any type through a
+  // `mixer` (#440). Here one mapping serves both.
+  const mapping = LiveValue.interpolate(input, output, options);
+  if (isServer) return Effect.runSync(withServerInterpolators(mapping));
+  return useWardicRuntime().runSync(mapping);
+};
+export function createFollowValue(source, options = {}) {
+  const runtime = useWardicRuntime();
+  const read = accessorOf(source);
+  if (isServer) return serverFollowOf(read);
+  // Its nearest WardicConfig's `skipAnimations` (#468): each change lands at once while it's on.
+  const skipped = useWardicSkipAnimations();
+  const transition = followOptionsOf(options);
+  const initial = untrack(read);
+  // A string's accessor or a number's, as its source started.
+  return followAccessorOf(runtime, Bool.match(Predicate.isString(initial), {
+    onFalse: () => derivedOf(source, read, atom => LiveValue.follow(atom, transition, skipped)),
+    // A unit string: its number followed, shown with the unit it started with (Motion's).
+    onTrue: () => derivedOf(() => numberOf(read()), read, atom => Effect.map(LiveValue.follow(atom, transition, skipped), withUnit(unitOf(initial))))
+  }));
+}
+export function createSpring(source, options = {}) {
+  return createFollowValue(source, {
+    ...options,
+    type: "spring"
+  });
+}
+/**
+ * How fast `source` is changing, in its units a second: 0 to begin with, then each frame while it
+ * moves, and 0 once it stops. A velocity is a value too: `createVelocity(createVelocity(x))` is its
+ * acceleration. Motion's `useVelocity`.
+ *
+ * @example
+ * const { scrollY } = createScroll()
+ * const skewY = createTransform(createVelocity(scrollY), [-1000, 1000], [-8, 8])
+ * @see https://wardic.dev/reference/solid/live-values/create-velocity
+ */
+export const createVelocity = source => derivedOf(source, () => 0, LiveValue.velocity);
+/**
+ * The milliseconds since it was made, wall time, set every frame while its owner lives: for something
+ * that turns forever. It keeps Wardic's frames running while it lives. Motion's `useTime`.
+ *
+ * @example
+ * const rotate = createTransform(createTime(), (ms) => (ms / 1000) * 90)
+ * <w.div style={{ rotate }} />
+ * @see https://wardic.dev/reference/solid/live-values/create-time
+ */
+export const createTime = () => {
+  const runtime = useWardicRuntime();
+  if (isServer) return SERVER_ZERO;
+  return liveOf(runtime, LiveValue.time());
+};
+/**
+ * A value derived from `source` by one of core's helpers, as an accessor: an accessor source
+ * mirrored into an Atom first. On a server, `serverValue`: nothing runs there (ADR-0021).
+ */
+const derivedOf = (source, serverValue, make) => {
+  const runtime = useWardicRuntime();
+  if (isServer) return serverValue;
+  const registry = runtime.runSync(AtomRegistry.AtomRegistry);
+  // Its own Atom, or the one it carries (another helper's): a jump of it reaches a velocity of it.
+  const atom = UndefinedOr.match(atomOf(source), {
+    onDefined: identity,
+    onUndefined: () => mirrorOf(source, registry)
+  });
+  return liveOf(runtime, make(atom));
+};
+/** A helper's Atom on the provider's runtime, in a Scope its owner's disposal closes, as an accessor carrying it. */
+const liveOf = (runtime, live) => {
+  const scope = OwnerScope.open(runtime);
+  onCleanup(() => OwnerScope.close(runtime, scope, CLOSE_FAILED));
+  const out = runtime.runSync(live.pipe(Scope.provide(scope)));
+  return carry(fromAtom(out), out);
+};
+const SERVER_ZERO = () => 0;
+/**
+ * A `will-change` for an element's `style`: `"auto"` until the element first animates a transform key,
+ * `opacity`, `clipPath`, `filter` or `backgroundColor`, or is dragged; then `"transform"`, for good, so
+ * the browser keeps it on a layer of its own from its first move on. A key already at its target and a
+ * layout animation don't count. `"auto"` on a server. Motion's `useWillChange`.
+ *
+ * @example
+ * const willChange = createWillChange()
+ * <w.div whileHover={{ scale: 1.1 }} style={{ "will-change": willChange }} />
+ * @see https://wardic.dev/reference/solid/live-values/create-will-change
+ */
+// #443.
+export const createWillChange = () => {
+  if (isServer) return SERVER_AUTO;
+  const runtime = useWardicRuntime();
+  return willChangeOf(runtime.runSync(AtomRegistry.AtomRegistry), onCleanup, atom => carry(fromAtom(atom), atom));
+};
+const SERVER_AUTO = () => "auto";
+/**
+ * Calls `callback` every frame while its owner lives, with the frame's `time` and `delta` in
+ * milliseconds: for what a frame draws itself, such as a canvas or a 3D scene. `time` is 0 at the
+ * first frame, then wall time since, a hidden tab's minutes included; `delta` is the frame's own, held
+ * to 1–40 ms, so the first frame back from a hidden tab steps 40 ms. A throw is logged, and the next
+ * frame calls it again. Nothing runs on a server. Motion's `useAnimationFrame`.
+ *
+ * @example
+ * createAnimationFrame((time) => {
+ *   cube.style.transform = `rotateY(${time / 10}deg)`
+ * })
+ * @see https://wardic.dev/reference/solid/live-values/create-animation-frame
+ */
+// #443. It keeps the Clock ticking every frame. A throw is logged at the first of a run of throws, as
+// `onUpdate`'s.
+export const createAnimationFrame = callback => {
+  if (isServer) return;
+  const runtime = useWardicRuntime();
+  const scope = OwnerScope.open(runtime);
+  onCleanup(() => OwnerScope.close(runtime, scope, CLOSE_FAILED));
+  runtime.runSync(eachFrameOf(runtime, callback).pipe(Scope.provide(scope)));
+};
+const SERVER_SCROLL = {
+  scrollX: SERVER_ZERO,
+  scrollY: SERVER_ZERO,
+  scrollXProgress: SERVER_ZERO,
+  scrollYProgress: SERVER_ZERO
+};
+/** An element source read now: `None` for an accessor whose ref hasn't arrived. */
+const elementOf = source => Bool.match(Predicate.isFunction(source), {
+  onTrue: () => Option.fromUndefinedOr(source()),
+  onFalse: () => Option.some(source)
+});
+/**
+ * A scroll as values: `scrollX` and `scrollY`, how far it's scrolled, in pixels, and `scrollXProgress`
+ * and `scrollYProgress`, from 0 to 1 through its range. The page's, or a `container`'s. With a
+ * `target`, the progress is the target's way through, between two `offset`s, on `axis`. Each is set in
+ * the scroll's own event, so a value derived from one paints in the frame that shows the scroll. A
+ * `container` or `target` given as an accessor of a ref reads 0s until the ref is there. 0s on a
+ * server. Motion's `useScroll`.
+ *
+ * @example
+ * let box!: HTMLDivElement
+ * const { scrollYProgress } = createScroll({ container: () => box })
+ * <div ref={box}>…</div>
+ * <w.div style={{ scaleX: scrollYProgress }} />
+ * @see https://wardic.dev/reference/solid/live-values/create-scroll
+ */
+// #234. An accessor `container` or `target` is read in an effect, and a change of either follows the
+// new one.
+export const createScroll = (options = {}) => {
+  const runtime = useWardicRuntime();
+  if (isServer) return SERVER_SCROLL;
+  const [scrollX, setScrollX] = createSignal(0);
+  const [scrollY, setScrollY] = createSignal(0);
+  const [scrollXProgress, setScrollXProgress] = createSignal(0);
+  const [scrollYProgress, setScrollYProgress] = createSignal(0);
+  createEffect(() => {
+    const container = UndefinedOr.match(options.container, {
+      onUndefined: () => Option.some(undefined),
+      onDefined: elementOf
+    });
+    const target = UndefinedOr.match(options.target, {
+      onUndefined: () => Option.some(undefined),
+      onDefined: elementOf
+    });
+    // A ref not there yet: the values hold until it is.
+    if (Bool.or(Option.isNone(container), Option.isNone(target))) return;
+    const registry = runtime.runSync(AtomRegistry.AtomRegistry);
+    const scope = OwnerScope.open(runtime);
+    onCleanup(() => OwnerScope.close(runtime, scope, CLOSE_FAILED));
+    const values = runtime.runSync(LiveValue.scroll({
+      ...UndefinedOr.match(Option.getOrUndefined(container), {
+        onUndefined: () => ({}),
+        onDefined: element => ({
+          container: element
+        })
+      }),
+      ...UndefinedOr.match(Option.getOrUndefined(target), {
+        onUndefined: () => ({}),
+        onDefined: element => ({
+          target: element
+        })
+      }),
+      ...UndefinedOr.match(options.offset, {
+        onUndefined: () => ({}),
+        onDefined: offset => ({
+          offset
+        })
+      }),
+      ...UndefinedOr.match(options.axis, {
+        onUndefined: () => ({}),
+        onDefined: axis => ({
+          axis
+        })
+      })
+    }).pipe(Scope.provide(scope)));
+    // Each derived Atom is read at once: it tracks the scroll only once it's been read.
+    const stops = Arr.map([[values.scrollX, setScrollX], [values.scrollY, setScrollY], [values.scrollXProgress, setScrollXProgress], [values.scrollYProgress, setScrollYProgress]], ([atom, set]) => registry.subscribe(atom, v => void set(v), {
+      immediate: true
+    }));
+    onCleanup(() => Arr.forEach(stops, stop => stop()));
+  });
+  return {
+    scrollX,
+    scrollY,
+    scrollXProgress,
+    scrollYProgress
+  };
+};
+/** An accessor as an Atom, set as it changes, and held in `registry` until its owner's disposal. */
+const mirrorOf = (accessor, registry) => {
+  const atom = Atom.make(untrack(accessor));
+  onCleanup(registry.mount(atom));
+  createComputed(on(accessor, value => registry.set(atom, value), {
+    defer: true
+  }));
+  return atom;
+};
+/** What a helper's Scope reports when one of its finalizers fails as its owner goes. */
+const CLOSE_FAILED = "wardic.liveValue: a finalizer failed";
+//# sourceMappingURL=live-value.js.map

package/dist/browser/live-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-value.js","names":["LiveValue","Bool","Effect","identity","Predicate","Atom","AtomRegistry","UndefinedOr","Scope","Arr","Option","createComputed","createEffect","createMemo","createSignal","on","onCleanup","untrack","eachFrameOf","fromAtom","atomOf","carry","followAccessorOf","followOptionsOf","numberOf","readLive","serverFollowOf","serverRegistryOf","unitOf","willChangeOf","withUnit","OwnerScope","useWardicRuntime","useWardicSkipAnimations","isServer","withServerInterpolators","accessorOf","source","match","isAtom","onTrue","onFalse","createTransform","fnOrInput","output","options","read","isFunction","map","interpolatorOf","input","mapping","interpolate","runSync","createFollowValue","runtime","skipped","transition","initial","isString","derivedOf","atom","follow","createSpring","type","createVelocity","velocity","createTime","SERVER_ZERO","liveOf","time","serverValue","make","registry","onDefined","onUndefined","mirrorOf","live","scope","open","close","CLOSE_FAILED","out","pipe","provide","createWillChange","SERVER_AUTO","createAnimationFrame","callback","SERVER_SCROLL","scrollX","scrollY","scrollXProgress","scrollYProgress","elementOf","fromUndefinedOr","some","createScroll","setScrollX","setScrollY","setScrollXProgress","setScrollYProgress","container","undefined","target","or","isNone","values","scroll","getOrUndefined","element","offset","axis","stops","set","subscribe","v","immediate","forEach","stop","accessor","mount","value","defer"],"sources":["../../src/live-value.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/browser/motion-props.js

@@ -0,0 +1,172 @@
+/**
+ * A `wardic.*` element's motion props (ADR-0008), Solid-free (#209): every prop the element takes
+ * off its props so none reaches the DOM, their types, and the config a Ward reads from them. Both
+ * bindings' components and `<Reorder.Item>` share them.
+ *
+ * @module
+ */
+import * as Arr from "effect/Array";
+import * as Bool from "effect/Boolean";
+import * as Predicate from "effect/Predicate";
+/** Motion's gesture callbacks (#273): Solid 1's, which most elements don't take. */
+const GESTURE_CALLBACKS = ["onHoverStart", "onHoverEnd", "onTapStart", "onTap", "onTapCancel", "onDragStart", "onDrag", "onDragEnd", "onDragTransitionEnd", "onDirectionLock", "onViewportEnter", "onViewportLeave", "onPanSessionStart", "onPanStart", "onPan", "onPanEnd"];
+/**
+ * The keys most elements don't take, which a config with fixed keys reads only when given (#273): the
+ * gesture callbacks, `dragDirectionLock`, `dragControls` and `dragListener` (#431),
+ * `onMeasureDragConstraints`, `whileInView`, `whileFocus`, `viewport` and `custom` (#277).
+ */
+const RARE_KEYS = [...GESTURE_CALLBACKS, "dragDirectionLock", "dragControls", "dragListener", "onMeasureDragConstraints", "propagate", "layoutCrossfade", "transformTemplate", "onBeforeLayoutMeasure", "onLayoutMeasure", "whileInView", "whileFocus", "viewport", "custom", "key"];
+/**
+ * Every key {@link motionToConfig} copies into a config, in the order it sets them: the common keys,
+ * the rare ones, then the layout animation and update callbacks.
+ */
+const CONFIG_KEYS = ["initial", "animate", "whileHover", "whileTap", "transition", "variants", "inherit", "exit", "drag", "whileDrag", "dragConstraints", "dragElastic", "dragMomentum", "dragSnapToOrigin", "dragTransition", "dragPropagation", "layout", "layoutDependency", "layoutId", "layoutScroll", "layoutRoot", "layoutAnchor", "onAnimationStart", "onAnimationComplete", ...RARE_KEYS, "onLayoutAnimationStart", "onLayoutAnimationComplete", "onUpdate", "appear"];
+/**
+ * A config's build from `motion`'s `keys`: each one's value, when it's defined; reading a key tracks
+ * it. A build allocates its config alone (#525, #540).
+ */
+const configBuildOf = (motion, keys) => () => {
+  // Per element at mount (#540): a loop.
+  const config = {};
+  for (const key of keys) {
+    const value = motion[key];
+    if (Predicate.isNotUndefined(value)) config[key] = value;
+  }
+  return config;
+};
+/**
+ * Every motion prop the HOC consumes off the props object so it never leaks to
+ * the DOM. A subset (`initial` / `animate` / `variants` / `whileHover` /
+ * `whileTap` / `transition`) is wired into {@link createWard} today; the rest
+ * (`whileFocus` / `whileInView` / `exit` / `drag` / `dragConstraints` /
+ * `layout` / `layoutId`) are accepted + split now but NOT yet wired (a
+ * follow-up) — they are intentionally consumed so they don't render as DOM
+ * attributes. Shared with `<Reorder>`'s item and the Solid 2 binding (internal, not a package export).
+ */
+export const MOTION_PROPS = ["initial", "animate", "variants", "custom", "inherit", "whileHover", "whileTap", "propagate", "whileFocus", "whileInView", "viewport", "exit", "drag", "whileDrag", "dragConstraints", "dragElastic", "dragMomentum", "dragSnapToOrigin", "dragTransition", "dragPropagation", "dragDirectionLock", "dragControls", "dragListener", "onMeasureDragConstraints", "layout", "layoutDependency", "layoutId", "layoutScroll", "layoutRoot", "layoutAnchor", "layoutCrossfade", "onAnimationStart", "onAnimationComplete", ...GESTURE_CALLBACKS, "onLayoutAnimationStart", "onLayoutAnimationComplete", "onUpdate", "transformTemplate", "onBeforeLayoutMeasure", "onLayoutMeasure", "appear", "transition", "key"];
+/**
+ * The motion props Solid 1 takes and Solid 2 doesn't (#257): Motion's animation and layout animation
+ * callbacks, which Solid 2 hands over as async values (`card.next("settled")`, `"layoutStart"`,
+ * `"layoutComplete"`).
+ */
+const SOLID_1_CALLBACKS = ["onAnimationStart", "onAnimationComplete", "onLayoutAnimationStart", "onLayoutAnimationComplete",
+// Motion's gesture callbacks (#273): Solid 2 hears them through `next(name)`, so on a Solid 2
+// element `onDrag`, `onDragStart` and `onDragEnd` are the DOM's HTML drag-and-drop events.
+...GESTURE_CALLBACKS];
+/** {@link MOTION_PROPS} on Solid 2 (#257): all but Solid 1's callbacks, so `onAnimationStart` on an element there is the DOM's. */
+export const MOTION_PROPS_V2 = /*#__PURE__*/Arr.filter(MOTION_PROPS, prop => Bool.not(Arr.contains(SOLID_1_CALLBACKS, prop)));
+const MOTION_PROP_SET = /*#__PURE__*/new Set(MOTION_PROPS);
+const MOTION_PROP_SET_V2 = /*#__PURE__*/new Set(MOTION_PROPS_V2);
+/**
+ * Whether `key` is one of a Wardic element's motion props: what `wardic.*` takes for itself and keeps
+ * off its element. Wardic's own list, exactly: `whileHover` is one, `whileAnything` isn't. Motion's
+ * `isValidMotionProp`.
+ *
+ * @example
+ * isValidWardicProp("animate") // true
+ * isValidWardicProp("href") // false
+ * @see https://wardic.dev/reference/solid/utilities/component-checks
+ */
+// #443.
+export const isValidWardicProp = key => MOTION_PROP_SET.has(key);
+/**
+ * Whether `key` is one of a Wardic element's motion props on Solid 2: Solid 1's list, without the
+ * callbacks that are the DOM's own events there (`onAnimationStart`, `onDrag`…), which an element
+ * hands on. Motion's `isValidMotionProp`.
+ *
+ * @see https://wardic.dev/reference/solid/utilities/component-checks
+ */
+// #443.
+export const isValidWardicPropV2 = key => MOTION_PROP_SET_V2.has(key);
+/**
+ * Build a reactive `Accessor<WardConfig>` from a split-off `motion` props
+ * object (step 21f — the reactivity boundary).
+ *
+ * Each motion prop is a plain VALUE (the same static type as the matching
+ * {@link WardConfig} field). The returned accessor reads each prop DIRECTLY off
+ * the `motion` object inside the accessor body. Because `motion` is a Solid
+ * split-props object whose fields are reactive getters, reading `motion.animate`
+ * here subscribes to whatever signal backs the prop — so a tracked expression
+ * (`animate={open() ? a : b}`) re-runs this config accessor on a flip and drives a
+ * Retarget. NO `access()`/unwrapping: Solid's prop getters already do the tracking.
+ *
+ * Keys are only assigned when the value is defined — exactOptionalPropertyTypes
+ * forbids an explicit `undefined` on the optional config fields, and an absent key
+ * is exactly how a Ward reads "no field".
+ *
+ * `fixedKeys`: `motion`'s keys stay as they are (it isn't a proxy over a reactive spread), so only
+ * the keys it was given are read, found once (#273, #525): the config is rebuilt at each read, a
+ * mount reads it 13 times, and each read took the 28 common keys where most elements are given two
+ * or three. Without it, all are, as a proxy's keys can change.
+ */
+export const motionToConfig = (motion, fixedKeys = false) => {
+  if (fixedKeys) {
+    return configBuildOf(motion, Arr.filter(CONFIG_KEYS, key => key in motion));
+  }
+  return () => {
+    const config = {};
+    // Read each (reactive) prop getter inside the accessor so it tracks.
+    const initial = motion.initial;
+    const animate = motion.animate;
+    const whileHover = motion.whileHover;
+    const whileTap = motion.whileTap;
+    const transition = motion.transition;
+    const variants = motion.variants;
+    const inherit = motion.inherit;
+    const exit = motion.exit;
+    const drag = motion.drag;
+    const whileDrag = motion.whileDrag;
+    const dragConstraints = motion.dragConstraints;
+    const dragElastic = motion.dragElastic;
+    const dragMomentum = motion.dragMomentum;
+    const dragSnapToOrigin = motion.dragSnapToOrigin;
+    const dragTransition = motion.dragTransition;
+    const dragPropagation = motion.dragPropagation;
+    const layout = motion.layout;
+    const layoutDependency = motion.layoutDependency;
+    const layoutId = motion.layoutId;
+    const layoutScroll = motion.layoutScroll;
+    const layoutRoot = motion.layoutRoot;
+    const layoutAnchor = motion.layoutAnchor;
+    const onAnimationStart = motion.onAnimationStart;
+    const onAnimationComplete = motion.onAnimationComplete;
+    const onLayoutAnimationStart = motion.onLayoutAnimationStart;
+    const onLayoutAnimationComplete = motion.onLayoutAnimationComplete;
+    const onUpdate = motion.onUpdate;
+    const appear = motion.appear;
+    if (Predicate.isNotUndefined(initial)) config.initial = initial;
+    if (Predicate.isNotUndefined(animate)) config.animate = animate;
+    if (Predicate.isNotUndefined(whileHover)) config.whileHover = whileHover;
+    if (Predicate.isNotUndefined(whileTap)) config.whileTap = whileTap;
+    if (Predicate.isNotUndefined(transition)) config.transition = transition;
+    if (Predicate.isNotUndefined(variants)) config.variants = variants;
+    if (Predicate.isNotUndefined(inherit)) config.inherit = inherit;
+    if (Predicate.isNotUndefined(exit)) config.exit = exit;
+    if (Predicate.isNotUndefined(drag)) config.drag = drag;
+    if (Predicate.isNotUndefined(whileDrag)) config.whileDrag = whileDrag;
+    if (Predicate.isNotUndefined(dragConstraints)) config.dragConstraints = dragConstraints;
+    if (Predicate.isNotUndefined(dragElastic)) config.dragElastic = dragElastic;
+    if (Predicate.isNotUndefined(dragMomentum)) config.dragMomentum = dragMomentum;
+    if (Predicate.isNotUndefined(dragSnapToOrigin)) config.dragSnapToOrigin = dragSnapToOrigin;
+    if (Predicate.isNotUndefined(dragTransition)) config.dragTransition = dragTransition;
+    if (Predicate.isNotUndefined(dragPropagation)) config.dragPropagation = dragPropagation;
+    if (Predicate.isNotUndefined(layout)) config.layout = layout;
+    if (Predicate.isNotUndefined(layoutDependency)) config.layoutDependency = layoutDependency;
+    if (Predicate.isNotUndefined(layoutId)) config.layoutId = layoutId;
+    if (Predicate.isNotUndefined(layoutScroll)) config.layoutScroll = layoutScroll;
+    if (Predicate.isNotUndefined(layoutRoot)) config.layoutRoot = layoutRoot;
+    if (Predicate.isNotUndefined(layoutAnchor)) config.layoutAnchor = layoutAnchor;
+    if (Predicate.isNotUndefined(onAnimationStart)) config.onAnimationStart = onAnimationStart;
+    if (Predicate.isNotUndefined(onAnimationComplete)) config.onAnimationComplete = onAnimationComplete;
+    Arr.forEach(RARE_KEYS, key => {
+      const value = motion[key];
+      if (Predicate.isNotUndefined(value)) config[key] = value;
+    });
+    if (Predicate.isNotUndefined(onLayoutAnimationStart)) config.onLayoutAnimationStart = onLayoutAnimationStart;
+    if (Predicate.isNotUndefined(onLayoutAnimationComplete)) config.onLayoutAnimationComplete = onLayoutAnimationComplete;
+    if (Predicate.isNotUndefined(onUpdate)) config.onUpdate = onUpdate;
+    if (Predicate.isNotUndefined(appear)) config.appear = appear;
+    return config;
+  };
+};
+//# sourceMappingURL=motion-props.js.map

package/dist/browser/motion-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-props.js","names":["Arr","Bool","Predicate","GESTURE_CALLBACKS","RARE_KEYS","CONFIG_KEYS","configBuildOf","motion","keys","config","key","value","isNotUndefined","MOTION_PROPS","SOLID_1_CALLBACKS","MOTION_PROPS_V2","filter","prop","not","contains","MOTION_PROP_SET","Set","MOTION_PROP_SET_V2","isValidWardicProp","has","isValidWardicPropV2","motionToConfig","fixedKeys","initial","animate","whileHover","whileTap","transition","variants","inherit","exit","drag","whileDrag","dragConstraints","dragElastic","dragMomentum","dragSnapToOrigin","dragTransition","dragPropagation","layout","layoutDependency","layoutId","layoutScroll","layoutRoot","layoutAnchor","onAnimationStart","onAnimationComplete","onLayoutAnimationStart","onLayoutAnimationComplete","onUpdate","appear","forEach"],"sources":["../../src/motion-props.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/browser/owner-scope.js

@@ -0,0 +1,29 @@
+/**
+ * The Scopes a binding opens on its provider's runtime, for an element's or a hook's work: each a child
+ * of the runtime's own, so one nothing closed ends with the runtime, and closed with its owner without
+ * throwing into the Solid cleanup that closes it. Solid-free, for both bindings.
+ *
+ * @module
+ */
+import * as Report from "@wardic/dom/Report";
+import * as Exit from "effect/Exit";
+import * as Scope from "effect/Scope";
+/**
+ * A Scope for one owner's work on `runtime`: a child of the runtime's, so the runtime's disposal closes
+ * it if its owner hasn't. Its finalizers run in reverse order, as a Scope's do.
+ */
+// #618 (L1): no detached `Scope.makeUnsafe()`. A child closed first takes itself off its parent.
+export const open = runtime => Scope.forkUnsafe(runtime.scope, "sequential");
+/**
+ * Closes `scope` now, synchronously, on `runtime`. A finalizer that fails is logged and reported as
+ * `label` (`Report.failure`), never thrown: the rest of the Solid cleanup that closes it still runs. A
+ * Scope the runtime's disposal already closed is left as it is.
+ */
+// #618 (decision 5): `runtime.runSync(Scope.close(…))` threw a failed finalizer's cause into Solid's
+// cleanup, which skipped the rest of it.
+export const close = (runtime, scope, label) => {
+  if (scope.state._tag === "Closed") return;
+  const exit = runtime.runSyncExit(Scope.close(scope, Exit.void));
+  if (Exit.isFailure(exit)) runtime.runFork(Report.failure(label, exit.cause));
+};
+//# sourceMappingURL=owner-scope.js.map

package/dist/browser/owner-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owner-scope.js","names":["Report","Exit","Scope","open","runtime","forkUnsafe","scope","close","label","state","_tag","exit","runSyncExit","void","isFailure","runFork","failure","cause"],"sources":["../../src/owner-scope.ts"],"sourcesContent":[null],"mappings":"AAAA;;;;;;;AAOA,OAAO,KAAKA,MAAM,MAAM,oBAAoB;AAC5C,OAAO,KAAKC,IAAI,MAAM,aAAa;AAEnC,OAAO,KAAKC,KAAK,MAAM,cAAc;AAErC;;;;AAIA;AACA,OAAO,MAAMC,IAAI,GAAIC,OAAwC,IAAsBF,KAAK,CAACG,UAAU,CAACD,OAAO,CAACE,KAAK,EAAE,YAAY,CAAC;AAEhI;;;;;AAKA;AACA;AACA,OAAO,MAAMC,KAAK,GAAGA,CAAIH,OAAgD,EAAEE,KAAsB,EAAEE,KAAa,KAAU;EACxH,IAAIF,KAAK,CAACG,KAAK,CAACC,IAAI,KAAK,QAAQ,EAAE;EACnC,MAAMC,IAAI,GAAGP,OAAO,CAACQ,WAAW,CAACV,KAAK,CAACK,KAAK,CAACD,KAAK,EAAEL,IAAI,CAACY,IAAI,CAAC,CAAC;EAC/D,IAAIZ,IAAI,CAACa,SAAS,CAACH,IAAI,CAAC,EAAEP,OAAO,CAACW,OAAO,CAACf,MAAM,CAACgB,OAAO,CAACR,KAAK,EAAEG,IAAI,CAACM,KAAK,CAAC,CAAC;AAC9E,CAAC","ignoreList":[]}

package/dist/browser/page-point.js

@@ -0,0 +1,92 @@
+/**
+ * Point mappings for `WardicConfig`'s `transformPagePoint` (#443, Motion's `correctParentTransform`
+ * and `transformViewBoxPoint`), Solid-free, for both bindings. Each takes its element as it is, or an
+ * accessor of one (a ref's, set at mount), read at each point. Wardic's points are in the viewport's
+ * coordinates, where Motion's are the page's, so neither adds the page's scroll.
+ *
+ * @module
+ */
+import * as Predicate from "effect/Predicate";
+/** The element now: an accessor's, or the one given. */
+const elementOf = given => {
+  if (Predicate.isFunction(given)) return given();
+  return given;
+};
+/** The inverse of `element`'s computed transform's linear part, or `undefined` for none, or one that can't be inverted. */
+const inverseOf = element => {
+  const transform = getComputedStyle(element).transform;
+  if (Predicate.isUndefined(transform) || transform === "" || transform === "none") return undefined;
+  const {
+    a,
+    b,
+    c,
+    d
+  } = new DOMMatrixReadOnly(transform);
+  const det = a * d - b * c;
+  if (Math.abs(det) < 1e-10) return undefined;
+  return {
+    a: d / det,
+    b: -b / det,
+    c: -c / det,
+    d: a / det
+  };
+};
+/**
+ * A `transformPagePoint` for a drag or a pan inside a parent with a CSS transform, rotated, scaled or
+ * skewed: each pointer point is turned through the inverse of the parent's transform, read at each
+ * point, so the element stays under the pointer at any zoom, and a parent that animates is followed.
+ * The parent is an element, or an accessor of a ref. Motion's `correctParentTransform`.
+ *
+ * @example
+ * let plan!: HTMLDivElement
+ * <div ref={plan} style={{ transform: `scale(${zoom()})` }}>
+ *   <WardicConfig transformPagePoint={correctParentTransform(() => plan)}>
+ *     <w.div drag />
+ *   </WardicConfig>
+ * </div>
+ * @see https://wardic.dev/reference/solid/utilities/page-points
+ */
+// #443. Points pass as they are while the parent is gone or has no transform.
+export const correctParentTransform = parent => point => {
+  const element = elementOf(parent);
+  if (Predicate.isUndefined(element)) return point;
+  const inverse = inverseOf(element);
+  if (Predicate.isUndefined(inverse)) return point;
+  const box = element.getBoundingClientRect();
+  const cx = box.left + box.width / 2;
+  const cy = box.top + box.height / 2;
+  const dx = point.x - cx;
+  const dy = point.y - cy;
+  return {
+    x: cx + inverse.a * dx + inverse.c * dy,
+    y: cy + inverse.b * dx + inverse.d * dy
+  };
+};
+/**
+ * A `transformPagePoint` for a drag or a pan inside an SVG whose `viewBox` differs from the size it
+ * renders at: each pointer point is scaled into the viewBox's units, so a dragged shape stays under
+ * the pointer. The SVG is an element, or an accessor of a ref. Motion's `transformViewBoxPoint`.
+ *
+ * @example
+ * let svg!: SVGSVGElement
+ * <WardicConfig transformPagePoint={transformViewBoxPoint(() => svg)}>
+ *   <svg ref={svg} viewBox="0 0 100 100" width="500" height="500">
+ *     <w.rect drag width="10" height="10" />
+ *   </svg>
+ * </WardicConfig>
+ * @see https://wardic.dev/reference/solid/utilities/page-points
+ */
+// #443. Points pass as they are while the SVG is gone, has no viewBox, or renders at no size.
+export const transformViewBoxPoint = svg => point => {
+  const element = elementOf(svg);
+  if (Predicate.isUndefined(element)) return point;
+  const viewBox = element.viewBox.baseVal;
+  if (Predicate.isNullish(viewBox) || viewBox.width === 0 && viewBox.height === 0) return point;
+  const box = element.getBoundingClientRect();
+  if (box.width === 0 || box.height === 0) return point;
+  return {
+    x: (point.x - box.left) * (viewBox.width / box.width) + box.left,
+    y: (point.y - box.top) * (viewBox.height / box.height) + box.top
+  };
+};
+//# sourceMappingURL=page-point.js.map

package/dist/browser/page-point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-point.js","names":["Predicate","elementOf","given","isFunction","inverseOf","element","transform","getComputedStyle","isUndefined","undefined","a","b","c","d","DOMMatrixReadOnly","det","Math","abs","correctParentTransform","parent","point","inverse","box","getBoundingClientRect","cx","left","width","cy","top","height","dx","x","dy","y","transformViewBoxPoint","svg","viewBox","baseVal","isNullish"],"sources":["../../src/page-point.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}