@remix-run/ui 0.1.0 → 0.1.2

package/dist/style/stylesheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"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"}

package/dist/theme/glyph-contract.d.ts

@@ -8,6 +8,6 @@ export type GlyphValues = {
 export type GlyphContract = Readonly<Record<GlyphName, {
     id: string;
 }>>;
-export declare const glyphContract: Readonly<Readonly<Record<"search" | "menu" | "close" | "copy" | "open" | "add" | "alert" | "check" | "chevronDown" | "chevronVertical" | "chevronUp" | "chevronRight" | "edit" | "expand" | "info" | "spinner" | "trash", {
+export declare const glyphContract: Readonly<Readonly<Record<"search" | "menu" | "close" | "copy" | "open" | "alert" | "add" | "check" | "chevronDown" | "chevronVertical" | "chevronUp" | "chevronRight" | "edit" | "expand" | "info" | "spinner" | "trash", {
     id: string;
 }>>>;

package/dist/theme/runtime.js

@@ -1,4 +1,5 @@
 import { createElement } from '@remix-run/ui';
+import { REMIX_UI_RESET_LAYER, REMIX_UI_STYLE_LAYER } from "../style/layers.js";
 import { theme, themeVariableNames, } from "./contract.js";
 export function createTheme(values, options = {}) {
     let selector = options.selector ?? ':root';
@@ -46,7 +47,9 @@ function serializeThemeCss(selector, vars, options) {
         .join('\n');
     let blocks = [`${selector} {\n${lines}\n}`];
     if (options.reset) {
-        blocks.push(serializeThemeResetCss(selector));
+        let resetCss = serializeThemeResetCss(selector);
+        blocks.push(`@layer ${REMIX_UI_RESET_LAYER}, ${REMIX_UI_STYLE_LAYER};`);
+        blocks.push(`@layer ${REMIX_UI_RESET_LAYER} { ${resetCss} }`);
     }
     return blocks.join('\n\n');
 }

package/dist/theme/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/theme/runtime.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/theme/runtime.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remix-run/ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "UI tokens, mixins, and glyphs for Remix components",
   "author": "Ryan Florence <rpflorence@gmail.com>",
   "license": "MIT",
@@ -101,12 +101,11 @@
   },
   "devDependencies": {
     "@types/node": "^24.6.0",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
     "@typescript/native-preview": "7.0.0-dev.20251125.1",
     "playwright": "^1.59.0",
     "typescript": "^5.9.3",
-    "vitest": "^3.2.4"
+    "@remix-run/assert": "0.2.0",
+    "@remix-run/test": "0.4.0"
   },
   "dependencies": {
     "@types/dom-navigation": "^1.0.7"
@@ -126,9 +125,9 @@
     "clean": "git clean -fdX",
     "lint": "pnpm -w exec oxlint packages/ui -A all --quiet",
     "lint:fix": "pnpm -w exec oxlint packages/ui -A all --fix --quiet",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "test:watch": "vitest",
+    "test": "remix-test",
+    "test:coverage": "remix-test --coverage",
+    "test:watch": "remix-test --watch",
     "typecheck": "tsc --noEmit"
   }
 }

package/src/animation/README.md

@@ -0,0 +1,314 @@
+# animation
+
+`animation` provides small primitives for entrance, exit, layout, spring, and tween animation. Use these helpers with Remix UI mixins, CSS transitions, the Web Animations API, and imperative `requestAnimationFrame` loops.
+
+## Usage
+
+```tsx
+import { animateEntrance, animateExit, animateLayout, spring } from 'remix/ui/animation'
+
+let panelTransition = spring.transition(['opacity', 'transform'], 'snappy')
+
+function Panel() {
+  return () => (
+    <div
+      style={{ transition: panelTransition }}
+      mix={[
+        animateEntrance({ opacity: 0, duration: 120 }),
+        animateExit({ opacity: 0, duration: 120 }),
+        animateLayout(),
+      ]}
+    >
+      Saved filters
+    </div>
+  )
+}
+```
+
+## Entrance And Exit
+
+`animateEntrance` animates an element from the provided keyframe into its natural styles when the element is inserted.
+
+```tsx
+import { animateEntrance, spring } from 'remix/ui/animation'
+
+function Toast() {
+  return () => (
+    <div
+      mix={[
+        animateEntrance({
+          opacity: 0,
+          transform: 'translateY(8px)',
+          ...spring('snappy'),
+        }),
+      ]}
+    >
+      Saved
+    </div>
+  )
+}
+```
+
+`animateExit` keeps a removed keyed element in the DOM long enough to animate from its natural styles to the provided keyframe.
+
+```tsx
+import { animateExit } from 'remix/ui/animation'
+
+function Item({ id, label }: { id: string; label: string }) {
+  return () => (
+    <li
+      key={id}
+      mix={[
+        animateExit({
+          opacity: 0,
+          transform: 'scale(0.96)',
+          duration: 120,
+          easing: 'ease-in',
+        }),
+      ]}
+    >
+      {label}
+    </li>
+  )
+}
+```
+
+Passing `true` uses the default opacity animation. Passing `false`, `null`, or `undefined` disables the animation.
+
+```tsx
+<div mix={[animateEntrance(true), animateExit(false)]} />
+```
+
+Animation configs combine WAAPI timing options with style properties for the animated keyframe.
+
+```ts
+type AnimateMixinConfig = {
+  duration: number
+  easing?: string
+  delay?: number
+  composite?: CompositeOperation
+  initial?: boolean
+  [property: string]: unknown
+}
+```
+
+Pass `initial: false` to skip only the first keyed entrance for an element within a parent. Later insertions for the same key can still animate.
+
+```tsx
+<div key={id} mix={[animateEntrance({ opacity: 0, duration: 150, initial: false })]} />
+```
+
+Exit animations can reclaim a removed keyed node if the same keyed element is rendered again before the exit finishes. The reclaimed node retargets toward its natural styles instead of simply reversing the exit animation.
+
+## Layout Animation
+
+`animateLayout` animates layout changes with a FLIP-style transform projection. Use it on elements whose position or size can change between renders.
+
+```tsx
+import { animateLayout, spring } from 'remix/ui/animation'
+
+function Card({ expanded }: { expanded: boolean }) {
+  return () => (
+    <section
+      class={expanded ? 'card expanded' : 'card'}
+      mix={[
+        animateLayout({
+          ...spring('smooth'),
+        }),
+      ]}
+    >
+      Details
+    </section>
+  )
+}
+```
+
+Pass `size: false` when the element should animate position only and avoid scale projection.
+
+```tsx
+<div mix={[animateLayout({ duration: 180, easing: 'ease-out', size: false })]} />
+```
+
+Passing `true` or no argument enables the default layout animation. Passing `false`, `null`, or `undefined` disables it. Layout animation skips work when geometry does not change, keeps in-flight animations running when their target geometry has not changed, and continues from the current visual transform when a new layout change interrupts an active animation.
+
+## Spring
+
+`spring` returns a decorated iterator. It can be iterated for JavaScript animation, spread into Web Animations API options, or stringified for CSS transition syntax.
+
+```tsx
+import { spring } from 'remix/ui/animation'
+
+spring('bouncy')
+spring('snappy')
+spring('smooth')
+spring({ duration: 400, bounce: 0.3 })
+```
+
+```ts
+interface SpringIterator extends IterableIterator<number> {
+  duration: number
+  easing: string
+  toString(): string
+}
+```
+
+Use `spring.transition` to build CSS transition entries.
+
+```tsx
+let transition = spring.transition(['opacity', 'transform'], 'bouncy')
+
+function Button() {
+  return () => <button style={{ transition }}>Save</button>
+}
+```
+
+Spread a spring into animation mixin or WAAPI options.
+
+```tsx
+<div
+  mix={[
+    animateEntrance({
+      opacity: 0,
+      transform: 'scale(0.92)',
+      ...spring('bouncy'),
+    }),
+  ]}
+/>
+```
+
+```ts
+element.animate(
+  [
+    { opacity: 0, transform: 'scale(0.92)' },
+    { opacity: 1, transform: 'scale(1)' },
+  ],
+  { ...spring('snappy') },
+)
+```
+
+Use the iterator values as progress from `0` to `1` for imperative animation.
+
+```ts
+let from = 0
+let to = 200
+
+for (let progress of spring('bouncy')) {
+  let x = from + (to - from) * progress
+  element.style.transform = `translateX(${x}px)`
+  await nextFrame()
+}
+```
+
+The built-in presets are:
+
+| Preset   | Bounce | Duration | Character                |
+| -------- | ------ | -------- | ------------------------ |
+| `smooth` | -0.3   | 400ms    | Overdamped, no overshoot |
+| `snappy` | 0      | 200ms    | Quick, no overshoot      |
+| `bouncy` | 0.3    | 400ms    | Underdamped bounce       |
+
+Override preset duration or velocity with the second argument.
+
+```ts
+spring('bouncy', { duration: 300 })
+spring('snappy', { velocity: 2 })
+```
+
+Use explicit options when you need full control.
+
+```ts
+spring({
+  duration: 500,
+  bounce: 0.35,
+  velocity: 0,
+})
+```
+
+## Tween
+
+`tween` creates a generator that interpolates a numeric value over time with a cubic-bezier curve. Call `next()` once to initialize the generator, then pass `requestAnimationFrame` timestamps into `next(timestamp)`.
+
+```ts
+import { easings, tween } from 'remix/ui/animation'
+
+let animation = tween({
+  from: 0,
+  to: 100,
+  duration: 300,
+  curve: easings.easeOut,
+})
+
+animation.next()
+
+function tick(timestamp: number) {
+  let { value, done } = animation.next(timestamp)
+  element.style.transform = `translateX(${value}px)`
+  if (!done) requestAnimationFrame(tick)
+}
+
+requestAnimationFrame(tick)
+```
+
+Animate multiple values with separate tweens.
+
+```ts
+let xAnimation = tween({ from: 0, to: 100, duration: 500, curve: easings.easeOut })
+let scaleAnimation = tween({ from: 1, to: 1.2, duration: 500, curve: easings.easeOut })
+
+xAnimation.next()
+scaleAnimation.next()
+
+function tick(timestamp: number) {
+  let x = xAnimation.next(timestamp)
+  let scale = scaleAnimation.next(timestamp)
+
+  element.style.transform = `translateX(${x.value}px) scale(${scale.value})`
+
+  if (!x.done || !scale.done) {
+    requestAnimationFrame(tick)
+  }
+}
+```
+
+The built-in easing presets are cubic-bezier control points matching common CSS timing functions.
+
+```ts
+easings.linear
+easings.ease
+easings.easeIn
+easings.easeOut
+easings.easeInOut
+```
+
+Custom curves use the same control points as CSS `cubic-bezier(x1, y1, x2, y2)`.
+
+```ts
+let animation = tween({
+  from: 0,
+  to: 100,
+  duration: 500,
+  curve: { x1: 0.68, y1: -0.55, x2: 0.265, y2: 1.55 },
+})
+```
+
+## API
+
+- `animateEntrance(config?)`: mixin that animates an element when it enters the DOM.
+- `animateExit(config?)`: mixin that persists a removed keyed element long enough to run its exit animation.
+- `animateLayout(config?)`: mixin that animates layout changes by comparing geometry between renders.
+- `spring(preset?, overrides?)`: creates a `SpringIterator` from a named preset.
+- `spring(options?)`: creates a `SpringIterator` from explicit spring options.
+- `spring.transition(property, presetOrOptions?, overrides?)`: builds one or more CSS transition entries from a spring.
+- `spring.presets`: named `smooth`, `snappy`, and `bouncy` spring defaults.
+- `tween(options)`: generator that interpolates numeric values over time with a cubic-bezier curve.
+- `easings`: common cubic-bezier presets for `tween`.
+- `SpringIterator`, `SpringPreset`, `SpringOptions`, `TweenOptions`, and `BezierCurve`: public TypeScript types for spring and tween configuration.
+
+## Behavior Notes
+
+- Animation mixin style properties are copied into WAAPI keyframes; `duration`, `easing`, `delay`, `composite`, and `initial` are treated as options.
+- `animateEntrance({ initial: false })` only skips the first keyed entrance tracked for the parent node.
+- `animateExit` needs keyed elements when removed nodes may be reclaimed or persisted across list updates.
+- `animateLayout({ size: false })` animates translation without scale projection.
+- `spring()` yields progress values from `0` to `1`; its `duration` and `easing` properties are enumerable so `{ ...spring() }` works with WAAPI options.
+- `tween(...)` yields the initial value first; advance the generator with frame timestamps via `next(timestamp)` and read `done` to detect completion.

package/src/animation/animate-layout-mixin.ts

@@ -60,30 +60,6 @@ function calcBoxDelta(delta: Delta, source: Box, target: Box, layoutConfig: Layo
   calcAxisDelta(delta.y, source.y, target.y, origin)
 }
 
-function mixAxisDelta(output: AxisDelta, delta: AxisDelta, progress: number): void {
-  output.translate = mix(delta.translate, 0, progress)
-  output.scale = mix(delta.scale, 1, progress)
-  output.origin = delta.origin
-  output.originPoint = delta.originPoint
-}
-
-function mixDelta(output: Delta, delta: Delta, progress: number): void {
-  mixAxisDelta(output.x, delta.x, progress)
-  mixAxisDelta(output.y, delta.y, progress)
-}
-
-function copyAxisDeltaInto(target: AxisDelta, source: AxisDelta): void {
-  target.translate = source.translate
-  target.scale = source.scale
-  target.origin = source.origin
-  target.originPoint = source.originPoint
-}
-
-function copyDeltaInto(target: Delta, source: Delta): void {
-  copyAxisDeltaInto(target.x, source.x)
-  copyAxisDeltaInto(target.y, source.y)
-}
-
 function buildProjectionTransform(delta: Delta, layoutConfig: LayoutAnimationConfig): string {
   let transform = ''
   if (delta.x.translate || delta.y.translate) {
@@ -133,23 +109,51 @@ function isVisualDeltaZero(delta: Delta, layoutConfig: LayoutAnimationConfig): b
   )
 }
 
+function isTargetBoxSame(source: Box, target: Box, layoutConfig: LayoutAnimationConfig): boolean {
+  return (
+    isNear(source.x.min, target.x.min, TRANSLATE_PRECISION) &&
+    isNear(source.y.min, target.y.min, TRANSLATE_PRECISION) &&
+    (layoutConfig.size === false ||
+      (isNear(source.x.max, target.x.max, TRANSLATE_PRECISION) &&
+        isNear(source.y.max, target.y.max, TRANSLATE_PRECISION)))
+  )
+}
+
+function measureAnimationTargetBox(
+  node: HTMLElement,
+  animation: Animation,
+  animationEndTime: number,
+): Box {
+  let currentTime = animation.currentTime
+  let wasRunning = animation.playState === 'running'
+
+  animation.currentTime = animationEndTime
+  let box = measureNaturalBox(node)
+  animation.currentTime = currentTime
+
+  if (wasRunning && animation.playState !== 'running') {
+    animation.play()
+  }
+
+  return box
+}
+
 const animateLayoutMixin = createMixin<Element, [config?: LayoutConfig], ElementProps>((handle) => {
   let snapshot: Box | null = null
   let currentConfig: LayoutConfig = true
-  let currentDelta: Delta | null = null
-  let animationProgress = 0
   let animation: Animation | null = null
+  let animationTarget: Box | null = null
+  let animationEndTime = 0
 
-  let scheduleProgressTracking = (duration: number, active: Animation) => {
-    let start = performance.now()
-    let tick = () => {
-      if (animation !== active) return
-      animationProgress = Math.min(1, (performance.now() - start) / duration)
-      if (animationProgress < 1) {
-        requestAnimationFrame(tick)
-      }
-    }
-    requestAnimationFrame(tick)
+  let clearActiveAnimationState = () => {
+    animation = null
+    animationTarget = null
+    animationEndTime = 0
+  }
+
+  let clearLayoutState = () => {
+    clearActiveAnimationState()
+    snapshot = null
   }
 
   let clearProjectionStyles = (node: HTMLElement) => {
@@ -157,33 +161,48 @@ const animateLayoutMixin = createMixin<Element, [config?: LayoutConfig], Element
     node.style.transformOrigin = ''
   }
 
-  let resetAnimation = () => {
-    animation = null
-    currentDelta = null
-    animationProgress = 0
-  }
-
   handle.addEventListener('beforeUpdate', (event) => {
     let layoutConfig = resolveLayoutConfig(currentConfig)
     if (!layoutConfig) return
-    snapshot = measureNaturalBox(event.node as HTMLElement)
+    let htmlNode = event.node as HTMLElement
+    // Capture the live on-screen position so the next animation can pick up
+    // where this one was interrupted if this update changes the target box.
+    if (animation && animation.playState === 'running') {
+      snapshot = rectToBox(htmlNode.getBoundingClientRect())
+    } else {
+      snapshot = measureNaturalBox(htmlNode)
+    }
   })
 
   handle.addEventListener('commit', (event) => {
     let layoutConfig = resolveLayoutConfig(currentConfig)
     let htmlNode = event.node as HTMLElement
-    let latest = measureNaturalBox(htmlNode)
+    let runningAnimation = animation?.playState === 'running' ? animation : null
+    let latest: Box | null = null
+
+    if (runningAnimation && animationTarget && layoutConfig) {
+      latest = measureAnimationTargetBox(htmlNode, runningAnimation, animationEndTime)
+      if (isTargetBoxSame(latest, animationTarget, layoutConfig)) {
+        snapshot = null
+        return
+      }
+    }
+
+    // Defensive cleanup for cases where beforeUpdate didn't run (e.g. the
+    // mixin was just attached, layoutConfig was disabled this render, or an
+    // in-flight animation needs to retarget to a new final box).
+    animation?.cancel()
+    clearActiveAnimationState()
+    clearProjectionStyles(htmlNode)
+    latest ??= measureNaturalBox(htmlNode)
 
     if (!layoutConfig) {
-      animation?.cancel()
-      clearProjectionStyles(htmlNode)
-      resetAnimation()
-      snapshot = latest
+      clearLayoutState()
       return
     }
 
     if (!snapshot) {
-      snapshot = latest
+      snapshot = null
       return
     }
 
@@ -191,26 +210,10 @@ const animateLayoutMixin = createMixin<Element, [config?: LayoutConfig], Element
     calcBoxDelta(targetDelta, latest, snapshot, layoutConfig)
 
     if (isVisualDeltaZero(targetDelta, layoutConfig)) {
-      snapshot = latest
+      snapshot = null
       return
     }
 
-    if (animation && animation.playState === 'running') {
-      animation.cancel()
-      if (currentDelta && animationProgress > 0 && animationProgress < 1) {
-        let visual = createDelta()
-        mixDelta(visual, currentDelta, animationProgress)
-        targetDelta.x.translate += visual.x.translate
-        targetDelta.y.translate += visual.y.translate
-        targetDelta.x.scale *= visual.x.scale
-        targetDelta.y.scale *= visual.y.scale
-      }
-    }
-
-    if (!currentDelta) currentDelta = createDelta()
-    copyDeltaInto(currentDelta, targetDelta)
-    animationProgress = 0
-
     let invert = buildProjectionTransform(targetDelta, layoutConfig)
     let origin = buildTransformOrigin(targetDelta)
     htmlNode.style.transform = invert
@@ -226,21 +229,26 @@ const animateLayoutMixin = createMixin<Element, [config?: LayoutConfig], Element
       { duration, easing, fill: 'forwards' },
     )
     animation = active
-    scheduleProgressTracking(duration, active)
+    animationTarget = latest
+    animationEndTime = duration
+    snapshot = null
     active.finished
       .then(() => {
         if (animation !== active) return
+        // Cancel even though the animation finished naturally. A fill:forwards
+        // animation in 'finished' state remains an effective animation on
+        // transform, which makes commitStyles() throw on the next interrupted
+        // animation because more than one effect targets the same property.
+        active.cancel()
         clearProjectionStyles(htmlNode)
-        resetAnimation()
-        snapshot = rectToBox(htmlNode.getBoundingClientRect())
+        clearLayoutState()
       })
       .catch(() => {})
   })
 
   handle.addEventListener('remove', () => {
     animation?.cancel()
-    resetAnimation()
-    snapshot = null
+    clearLayoutState()
   })
 
   return (config = true) => {