@motion.page/sdk 0.1.1 → 0.1.2

package/LICENSE

@@ -0,0 +1,113 @@
+Functional Source License, Version 1.1, Apache 2.0 Future License
+
+Abbreviation
+
+FSL-1.1-Apache-2.0
+
+Notice
+
+Copyright © 2025 Motion.page (David Babinec)
+
+Terms and Conditions
+
+Licensor:             Motion.page (David Babinec)
+Licensed Work:        @motion.page/sdk
+                      The Licensed Work is copyright © 2025 Motion.page (David Babinec).
+Additional Use Grant: None
+Change Date:          The earlier of the date two years after the date the Licensed Work
+                      is made available under this License, or a date specified by the
+                      Licensor.
+Change License:       Apache License, Version 2.0
+
+For information about alternative licensing arrangements for the Licensed Work,
+please contact: hello@motion.page
+
+---
+
+Functional Source License, Version 1.1, Apache 2.0 Future License
+
+Purpose
+
+This license gives you broad permission to use, modify, and share the software
+for any purpose, with one condition: you may not use it to compete with us.
+Once the change date passes, this software converts to the Apache 2.0 license.
+
+Acceptance
+
+To use the Licensed Work, you must agree to all the terms of this license.
+The license is between you and the Licensor.
+
+Copyright License
+
+The Licensor grants you a non-exclusive, worldwide, royalty-free copyright license
+to use, copy, distribute, make available, and prepare derivative works of the
+Licensed Work, with the condition that you exercise these rights only for
+Permitted Purposes.
+
+Patent License
+
+The Licensor grants you a non-exclusive, worldwide, royalty-free patent license
+under patents that the Licensor can license, or becomes able to license, to make,
+have made, use, sell, offer for sale, import, and have imported the Licensed Work,
+with the condition that you exercise these rights only for Permitted Purposes.
+
+Permitted Purposes
+
+A Permitted Purpose is any purpose other than a Competing Use.
+
+A Competing Use means use of the Licensed Work in or for a commercial product or
+service that competes with the Licensed Work or any other product or service the
+Licensor or any of its affiliates provides using the Licensed Work. Competing
+products and services include, but are not limited to, no-code animation builders,
+visual animation editors, visual timeline editors, or similar software tools that
+enable users to create, edit, or manage animations through a visual interface,
+which compete with the Licensed Work or any product or service the Licensor
+provides using the Licensed Work.
+
+Goods and services compete even when they provide functionality through different
+kinds of interfaces or for different technical platforms. Applications can compete
+with services, libraries with plugins, frameworks with development tools, and so
+on, even if they are written in different programming languages or for different
+computer architectures. Goods and services compete even when provided free of
+charge.
+
+If you have questions about whether your use qualifies as a Permitted Purpose,
+or if you would like to negotiate an alternative licensing arrangement, please
+contact the Licensor at hello@motion.page.
+
+Notices
+
+You must ensure that anyone who receives a copy of any part of the Licensed Work
+from you also receives a copy of this license, and that anyone who modifies the
+Licensed Work provides reasonable notice that they have modified it.
+
+No Other Rights
+
+This license does not grant you any right in any trademark or logo of the
+Licensor or its affiliates.
+
+Termination
+
+If you violate any term of this license, your rights under it terminate
+immediately.
+
+No Liability
+
+As far as the law allows, the Licensed Work comes as-is, without any warranty
+or condition, and the Licensor will not be liable to you for any damages arising
+out of these terms or the use or nature of the Licensed Work, under any kind of
+legal claim.
+
+Change Date
+
+On the Change Date, the Licensed Work will become available under the Change
+License. The Change Date is the earlier of:
+  - Two years after the date the Licensed Work was first made available under
+    this License, or
+  - A date the Licensor specifies.
+
+Change License
+
+On and after the Change Date, you may use the Licensed Work under the terms of
+the Apache License, Version 2.0 (the "Change License"), as published by the
+Apache Software Foundation.

package/README.md

@@ -3,8 +3,8 @@
 A high-performance animation SDK with a declarative API. Scroll-triggered animations, page transitions, custom cursors, gesture controls, text splitting, and more — zero runtime dependencies.
 
 [![npm version](https://img.shields.io/npm/v/@motion.page/sdk)](https://www.npmjs.com/package/@motion.page/sdk)
-![Bundle Size](https://img.shields.io/bundlephobia/minzip/@motion.page/sdk)
-![License](https://img.shields.io/badge/license-Proprietary-red)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/@motion.page/sdk)](https://bundlephobia.com/package/@motion.page/sdk)
+[![License](https://img.shields.io/badge/license-FSL--1.1--Apache--2.0-blue)](./LICENSE)
 
 ---
 
@@ -13,6 +13,7 @@ A high-performance animation SDK with a declarative API. Scroll-triggered animat
 - [Installation](#installation)
 - [Quick Start](#quick-start)
 - [Core Concept](#core-concept)
+- [Implicit Values](#implicit-values)
 - [API Reference](#api-reference)
   - [Motion()](#motion-function)
   - [Motion Static Methods](#motion-static-methods)
@@ -41,6 +42,10 @@ yarn add @motion.page/sdk
 pnpm add @motion.page/sdk
 ```
 
+📖 Full documentation and interactive examples: [motion.page](https://motion.page)
+
+> **⚠️ Browser-only:** This SDK requires a browser environment (`document`, `window`). In SSR frameworks (Next.js, Nuxt, Astro), wrap SDK calls in `useEffect`, `onMounted`, or client-side scripts.
+
 For direct browser use without a bundler, see [Browser Build](#browser-build).
 
 ---
@@ -55,7 +60,6 @@ import { Motion } from '@motion.page/sdk';
 // Fade in and slide up
 Motion('hero-intro', '#hero', {
   from: { opacity: 0, y: 50 },
-  to:   { opacity: 1, y: 0 },
   duration: 0.8,
   ease: 'power2.out',
 }).play();
@@ -67,7 +71,6 @@ Motion('hero-intro', '#hero', {
 // Scrub animation progress to scroll position
 Motion('scroll-reveal', '.card', {
   from: { opacity: 0, y: 40 },
-  to:   { opacity: 1, y: 0 },
   duration: 0.6,
 }).onScroll({ scrub: true, start: 'top 80%', end: 'top 30%' });
 ```
@@ -91,13 +94,11 @@ Motion('intro-sequence', [
   {
     target: '.title',
     from: { opacity: 0, y: -30 },
-    to:   { opacity: 1, y: 0 },
     duration: 0.6,
   },
   {
     target: '.cards',
     from: { opacity: 0, y: 20 },
-    to:   { opacity: 1, y: 0 },
     duration: 0.5,
     stagger: { each: 0.1, from: 'start' },
     position: '+=0.1',   // starts 0.1s after the previous entry ends
@@ -105,7 +106,6 @@ Motion('intro-sequence', [
   {
     target: '.cta',
     from: { opacity: 0, scale: 0.9 },
-    to:   { opacity: 1, scale: 1 },
     duration: 0.4,
     position: '<',        // starts at the same time as the previous entry
   },
@@ -147,9 +147,86 @@ If `Motion('name', target, config)` is called when `'name'` already has a timeli
 
 ```ts
 Motion('hero').kill();
-Motion('hero', '#hero', { from: { opacity: 0 }, to: { opacity: 1 }, duration: 0.8 }).onPageLoad();
+Motion('hero', '#hero', { from: { opacity: 0 }, duration: 0.8 }).onPageLoad();
+```
+
+---
+
+## Implicit Values
+
+The SDK automatically resolves a missing `from` or `to` by reading the element's **current computed CSS** at build time (i.e. when `Motion()` is first called). This means you rarely need to specify both ends of an animation.
+
+### Three cases
+
+| Config | SDK behaviour |
+|--------|--------------|
+| `from` only | Reads current CSS as the `to` target. Animate **from** custom values **into** the element's natural state. |
+| `to` only | Reads current CSS as the `from` starting point. Animate **from** the natural state **to** custom values. |
+| Both | Both endpoints are explicit. Only needed when **neither** endpoint matches the element's natural CSS. |
+
+### Common pattern — reveal animations only need `from`
+
+```ts
+// ❌ Redundant — opacity:1 and y:0 are the element's natural CSS defaults
+Motion('reveal', '.card', {
+  from: { opacity: 0, y: 40 },
+  to:   { opacity: 1, y: 0 },
+  duration: 0.6,
+}).onScroll({ scrub: true });
+
+// ✅ Correct — SDK reads opacity:1 and y:0 from computed CSS automatically
+Motion('reveal', '.card', {
+  from: { opacity: 0, y: 40 },
+  duration: 0.6,
+}).onScroll({ scrub: true });
+```
+
+### When `to` only is correct
+
+```ts
+// Animate FROM the element's current state TO a hover state
+Motion('btn-hover', '.btn', {
+  to: { scale: 1.05, backgroundColor: '#0099ff' },
+  duration: 0.3,
+}).onHover({ onLeave: 'reverse' });
 ```
 
+### When you need both
+
+```ts
+// Neither endpoint is the element's natural state
+Motion('parallax', '.layer', {
+  from: { x: -20, y: -20 },
+  to:   { x: 20, y: 20 },
+}).onMouseMove({ type: 'axis' });
+
+// Animating between two non-default positions
+Motion('swipe', '.panel', {
+  from: { x: -100 },
+  to:   { x: 100 },
+}).onGesture({ types: ['touch'], events: { Left: 'play', Right: 'reverse' } });
+```
+
+### Natural CSS defaults (common values the SDK resolves automatically)
+
+| Property | Natural default |
+|----------|----------------|
+| `opacity` | `1` |
+| `x`, `y`, `z` | `0` |
+| `scale`, `scaleX`, `scaleY` | `1` |
+| `rotate`, `rotateX`, `rotateY` | `0` |
+| `skewX`, `skewY` | `0` |
+
+> **Note:** `height: 'auto'` is **not** a natural default for the animation engine — it must be specified explicitly in `to` when needed (e.g. accordion reveals).
+
+### Build-time vs. play-time
+
+The SDK reads computed CSS **at build time** (when `Motion()` is called), not at play time. If the element's styles change after the timeline is created, call `.kill()` and rebuild the timeline.
+
+### Edge case — transform cache
+
+Transform properties (`x`, `y`, `scale`, `rotate`, etc.) are read from the SDK's **internal transform cache** rather than `getComputedStyle`. This ensures composited transforms remain consistent across animations. Plain CSS properties (`opacity`, `color`, `width`, etc.) are read directly from `getComputedStyle`.
+
 ---
 
 ## API Reference
@@ -338,7 +415,7 @@ tl.call(
 | `">-0.1"` | 0.1 s before the end of the previous entry |
 
 ```ts
-Motion('demo', '.box', { from: { opacity: 0 }, to: { opacity: 1 }, duration: 1 })
+Motion('demo', '.box', { from: { opacity: 0 }, duration: 1 })
   .call(() => console.log('halfway'), [], 0.5)
   .call(() => console.log('done'), [], '>');
 ```
@@ -413,7 +490,7 @@ interface ClickConfig {
 ```ts
 Motion('menu-toggle', '#menu', {
   from: { height: 0, opacity: 0 },
-  to:   { height: 'auto', opacity: 1 },
+  to:   { height: 'auto' },  // height: 'auto' must be explicit
   duration: 0.4,
   ease: 'power2.inOut',
 }).onClick({ target: '#menu-btn', toggle: 'reverse' });
@@ -456,12 +533,11 @@ interface ScrollConfig {
 // Pin the parent section while the child content animates
 Motion('content-reveal', '.content', {
   from: { opacity: 0, y: 40 },
-  to:   { opacity: 1, y: 0 },
   duration: 1,
 }).onScroll({ scrub: true, pin: '.section-wrapper', start: 'top top', end: '+=600' });
 ```
 
-**`toggleActions`** controls what happens at each scroll boundary. Format: `"onEnter onLeave onEnterBack onLeaveBack"`. Default: `"play reverse play reverse"`. Valid actions: `play`, `pause`, `reverse`, `restart`, `reset`, `complete`, `kill`, `none`.
+**`toggleActions`** controls what happens at each scroll boundary. Format: `"onEnter onLeave onEnterBack onLeaveBack"`. Default: `"play reverse play reverse"`. Valid actions: `play`, `pause`, `resume`, `reverse`, `restart`, `reset`, `complete`, `none`.
 
 ```ts
 // Play once — never reverse (common for reveal animations)
@@ -507,8 +583,7 @@ Motion('h-scroll', '.panel', {
 
 ```ts
 Motion('parallax', '.hero-bg', {
-  from: { y: 0 },
-  to:   { y: -100 },
+  to: { y: -100 },
 }).onScroll({ scrub: 1, start: 'top top', end: 'bottom top' });
 ```
 
@@ -550,8 +625,8 @@ Play the animation automatically when the page finishes loading. If called after
 
 ```ts
 Motion('page-intro', [
-  { target: '.logo',  from: { opacity: 0 }, to: { opacity: 1 }, duration: 0.5 },
-  { target: '.nav',   from: { y: -20, opacity: 0 }, to: { y: 0, opacity: 1 }, duration: 0.4 },
+  { target: '.logo',  from: { opacity: 0 }, duration: 0.5 },
+  { target: '.nav',   from: { y: -20, opacity: 0 }, duration: 0.4 },
 ]).onPageLoad();
 ```
 
@@ -660,8 +735,7 @@ animationStep: { Up: 0.2, Down: 0.1 }  // different step size per direction
 
 ```ts
 Motion('swipe-gallery', '.gallery', {
-  from: { x: 0 },
-  to:   { x: -100 },
+  to: { x: -100 },
 }).onGesture({
   types: ['pointer', 'touch'],
   events: {
@@ -770,7 +844,6 @@ Attach callbacks via the `AnimationConfig` object or directly on the `Timeline`
 ```ts
 Motion('slide-in', '.card', {
   from: { opacity: 0, x: -40 },
-  to:   { opacity: 1, x: 0 },
   duration: 0.6,
   onStart:           () => console.log('started'),
   onUpdate:          (progress) => console.log('progress:', progress),
@@ -784,7 +857,7 @@ Motion('slide-in', '.card', {
 #### Via `Timeline` Methods
 
 ```ts
-Motion('slide-in', '.card', { from: { opacity: 0 }, to: { opacity: 1 }, duration: 0.6 })
+Motion('slide-in', '.card', { from: { opacity: 0 }, duration: 0.6 })
   .onStart(() => console.log('started'))
   .onUpdate((progress, time) => console.log(progress, time))
   .onComplete(() => console.log('done'));
@@ -867,7 +940,7 @@ drawSVG                                    // string | { start?: number; end?: n
 
 // Motion path
 path: {
-  target:   string | Element | string;    // SVG <path> selector, element, or raw path data (starts with M/m)
+  target:   string | Element;             // SVG <path> selector, element, or raw path data (starts with M/m)
   align?:   string | Element;             // Align bounding box to this element
   alignAt?: [number, number];             // Origin point [x%, y%], default [50, 50]
   start?:   number;                       // Path start (0–1), default 0
@@ -991,7 +1064,6 @@ Split elements receive data attributes for CSS targeting:
 ```ts
 Motion('text-reveal', '.headline', {
   from:     { opacity: 0, y: 20 },
-  to:       { opacity: 1, y: 0 },
   duration: 0.5,
   split:    'chars',
   stagger:  { each: 0.03, from: 'start' },
@@ -1007,7 +1079,6 @@ Motion('reveal', 'h1', {
   split: 'lines',
   mask: true,
   from: { y: '100%' },
-  to:   { y: 0 },
   stagger: 0.1,
 }).onPageLoad();
 ```
@@ -1049,23 +1120,22 @@ Easing names are **case-insensitive** strings. Pass them to `AnimationConfig.eas
 | Family | Variants |
 |--------|----------|
 | `linear`, `none` | — |
-| `power1` | `power1.in` · `power1.out` · `power1.inout` |
-| `power2` | `power2.in` · `power2.out` · `power2.inout` |
-| `power3` | `power3.in` · `power3.out` · `power3.inout` |
-| `power4` | `power4.in` · `power4.out` · `power4.inout` |
-| `sine` | `sine.in` · `sine.out` · `sine.inout` |
-| `expo` | `expo.in` · `expo.out` · `expo.inout` |
-| `circ` | `circ.in` · `circ.out` · `circ.inout` |
-| `back` | `back.in` · `back.out` · `back.inout` |
-| `elastic` | `elastic.in` · `elastic.out` · `elastic.inout` |
-| `bounce` | `bounce.in` · `bounce.out` · `bounce.inout` |
+| `power1` | `power1.in` · `power1.out` · `power1.inOut` |
+| `power2` | `power2.in` · `power2.out` · `power2.inOut` |
+| `power3` | `power3.in` · `power3.out` · `power3.inOut` |
+| `power4` | `power4.in` · `power4.out` · `power4.inOut` |
+| `sine` | `sine.in` · `sine.out` · `sine.inOut` |
+| `expo` | `expo.in` · `expo.out` · `expo.inOut` |
+| `circ` | `circ.in` · `circ.out` · `circ.inOut` |
+| `back` | `back.in` · `back.out` · `back.inOut` |
+| `elastic` | `elastic.in` · `elastic.out` · `elastic.inOut` |
+| `bounce` | `bounce.in` · `bounce.out` · `bounce.inOut` |
 
 Unknown strings fall back to `power1.out`.
 
 ```ts
 Motion('spring-in', '.box', {
   from: { scale: 0 },
-  to:   { scale: 1 },
   duration: 0.8,
   ease: 'elastic.out',
 }).play();
@@ -1110,7 +1180,6 @@ import type {
   GestureEvent,
   GestureAction,
   GestureInputType,
-  TimelineAction,
 
   // Cursor
   CursorConfig,
@@ -1126,19 +1195,24 @@ import { Types } from '@motion.page/sdk';
 
 ## Browser Build
 
-A pre-built IIFE bundle (`motion-sdk.browser.js`) is included in the package's `dist/` folder and can be used directly via a `<script>` tag — no bundler required. You can also load it from a CDN that mirrors npm packages (e.g. jsDelivr or unpkg).
+### Browser Build (IIFE)
+
+An IIFE build script is included but not part of the default build output. To generate a browser bundle:
+
+```bash
+bun run packages/sdk/scripts/build-iife.ts
+```
+
+This creates a self-contained script that exposes `window.Motion` and `window.MotionTimeline`:
 
 ```html
-<!-- From your own server / CDN -->
 <script src="motion-sdk.browser.js"></script>
 <script>
-  // Globals are exposed on window:
   const { Motion, MotionTimeline } = window;
 
-  Motion('fade-in', '.hero', {
-    from: { opacity: 0 },
-    to:   { opacity: 1 },
-    duration: 1,
+  Motion('fade', '.hero', {
+    from: { opacity: 0, y: 30 },
+    duration: 0.8,
   }).onPageLoad();
 </script>
 ```
@@ -1160,4 +1234,12 @@ Modern evergreen browsers:
 
 ## License
 
-Proprietary — see [LICENSE](../../LICENSE) for details.
+**FSL-1.1-Apache-2.0** — [Functional Source License, Version 1.1, Apache 2.0 Future License](./LICENSE)
+
+**TL;DR:** Free for everyone. Use it in your websites, apps, SaaS products, client projects — commercial or not. No restrictions.
+
+**The one exception:** You cannot use this SDK to build a product that competes with Motion.page (e.g., a no-code animation builder, visual animation editor, or similar tool). If you're building something like that, [contact us](mailto:hello@motion.page) for an enterprise license.
+
+After 2 years from each release, the code converts to the [Apache 2.0](https://www.apache.org/licenses/LICENSE-2.0) license with no restrictions at all.
+
+See [LICENSE](./LICENSE) for the full legal text.

package/llms.txt

@@ -0,0 +1,64 @@
+# @motion.page/sdk
+
+> Zero-dependency animation SDK with named timelines, 8 trigger types, text splitting, FLIP morphing, custom cursors, and SVG drawing. Browser-only (requires document/window).
+
+For complete SDK documentation, install the motion-page skill: `npx skills add motion-page/claude-plugin`
+
+## Getting Started
+
+- **Installation**: npm install @motion.page/sdk; ESM, CJS, and browser IIFE builds
+- **Quick Start**: Basic fade-in, scroll-triggered, and multi-step timeline examples
+- **Core Concept**: Named timelines — Motion(name) retrieves or creates; same name = same instance
+- **Implicit Values**: from-only resolves current CSS as to; to-only resolves current CSS as from; natural defaults (opacity:1, x:0, y:0, scale:1) are auto-filled
+
+## Core API
+
+- **Motion()**: Factory with 3 overloads — retrieve timeline, single animation, multi-step array
+- **Motion.set()**: Instant property setting (zero duration)
+- **Motion.kill() / killAll()**: Destroy named timelines; killAll for SPA cleanup
+- **Motion.reset()**: Kill tweens on targets and revert text splits
+- **Motion.refreshScrollTriggers()**: Recalculate scroll positions after DOM changes
+- **Motion.cleanup()**: Remove ScrollTrigger spacer/marker DOM nodes
+- **Motion.utils**: toArray, clamp, random, snap, interpolate, mapRange, normalize, wrap — all support currying
+
+## Timeline
+
+- **Playback Control**: play, pause, reverse, restart, seek
+- **State**: progress, time, timeScale, duration, isActive — getter/setter pattern
+- **Lifecycle Callbacks**: onStart, onUpdate(progress, time), onComplete
+- **Sequencing**: tl.call(fn, params, position) — fire functions at timeline positions
+
+## Triggers
+
+- **.onPageLoad()**: Auto-play when DOM ready
+- **.onScroll(config)**: start, end, scrub, pin, pinSpacing, markers, toggleActions, snap, scroller
+- **.onHover(config)**: target, each, onLeave (reverse/pause/stop/restart/none), leaveDelay
+- **.onClick(config)**: target, each, toggle (reverse/restart/play), secondTarget, preventDefault
+- **.onMouseMove(config)**: type (distance/axis), smooth, startProgress, leaveProgress
+- **.onGesture(config)**: types (pointer/touch/wheel/scroll), events map, tolerance, dragMinimum, lockAxis
+- **.onCursor(config)**: type (basic/text/media), smooth, squeeze, hideNative, default/hover/click states
+- **.onPageExit(config)**: mode (all/include/exclude), selectors, skipHref
+
+## Animation Config
+
+- **AnimationConfig**: from, to, duration, delay, ease, stagger, repeat, split, mask, fit, axis, callbacks
+- **AnimationVars**: Transforms, opacity, colors, CSS properties, filter, drawSVG, path, custom properties
+- **Easing**: power1-4, sine, expo, circ, back, elastic, bounce — .in/.out/.inOut
+- **Stagger**: each, amount, from (start/center/edges/random/end/index), grid, axis, ease
+- **Position Parameter**: Absolute (number), relative (+=/-=), anchored (<, >, <0.2, >-0.1)
+
+## Features
+
+- **Text Splitting**: split: chars/words/lines; mask: true for clip reveals; data-split-* attributes
+- **FLIP Morphing**: fit: { target, scale, resize, absolute } — animate between element states
+- **DrawSVG**: String format ("0% 100%") or object ({ start, end } as 0-100 percentages)
+- **Motion Path**: path: { target, align, start, end, rotate }
+- **Custom Cursors**: type: basic/text/media; mp-cursor-text and mp-cursor-media HTML attributes
+
+## Optional
+
+- **Types Reference**: All exported TypeScript types and interfaces
+- **Browser Build**: IIFE bundle exposing window.Motion and window.MotionTimeline
+- **SPA Cleanup**: Motion.killAll() + Motion.cleanup() on route change
+- **Migration from GSAP**: gsap.to → Motion(name, target, {to}).play(); ScrollTrigger → .onScroll()
+- **Migration from Framer Motion**: motion.div → Motion(name, selector, config); whileHover → .onHover()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motion.page/sdk",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "High-performance CSS animation SDK with scroll, hover, gesture, and cursor triggers",
   "type": "module",
   "main": "dist/index.js",
@@ -14,7 +14,8 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "llms.txt"
   ],
   "scripts": {
     "build": "rm -rf dist && tsc -p tsconfig.build.json && bun build src/index.ts --outdir dist --minify --sourcemap=linked && mkdir -p dist/.cjs-tmp && bun build src/index.ts --outdir dist/.cjs-tmp --format=cjs --minify --sourcemap=linked && mv dist/.cjs-tmp/index.js dist/index.cjs && mv dist/.cjs-tmp/index.js.map dist/index.cjs.map && rm -rf dist/.cjs-tmp",
@@ -42,7 +43,7 @@
     "transform"
   ],
   "author": "Motion.page",
-  "license": "SEE LICENSE IN LICENSE",
+  "license": "FSL-1.1-Apache-2.0",
   "homepage": "https://motion.page",
   "engines": {
     "node": ">=18"