Motion

namespace · packages/primitives/src/motion/motion.ts:9

export * as Motion from './motion.js'

Whether motion should be reduced, as a service read when a transition starts, not sniffed once. Absent, motion is full, so a placement that provides nothing behaves as before; a page provides live (the user's prefers-reduced-motion) and a test provides reduced or full. Under reduced motion a presence exits at once and a tween or spring jumps to its end, in the same Messages, so the Model sees the same transitions.

In the guides

• The mapPrimitives / foldkit-primitives
• Rules every primitive keepsPrimitives / foldkit-primitives
• foldkit-primitives/motionPrimitives / Motion
• Start with one: a tweenPrimitives / Motion

Members

const full: Layer.Layer<Motion>

function layer(reduced: boolean): Layer.Layer<Motion>

const live: Layer.Layer<Motion>

class Motion extends Context.Service<Motion, MotionShape>()(
  'foldkit-primitives/Motion',
) {}

interface MotionShape {
  readonly reduced: Effect.Effect<boolean>
}

const reduced: Layer.Layer<Motion>

const reducedMotion: Effect.Effect<boolean>