@arraypress/covers 1.1.0 → 1.4.0

package/schema/recipe.schema.json

@@ -2,7 +2,7 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://unpkg.com/@arraypress/covers/schema/recipe.schema.json",
   "title": "@arraypress/covers recipe",
-  "description": "A cover style as data: params, vars and a stack of layers. See the README, \"JSON recipes\".",
+  "description": "A cover style as data: params, vars and a stack of layers. See docs/json-recipes.md.",
   "type": "object",
   "required": [
     "layers"
@@ -370,6 +370,45 @@
             }
           }
         },
+        {
+          "type": "object",
+          "description": "To the nearest whole number.",
+          "required": [
+            "round"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "round": {
+              "$ref": "#/$defs/value"
+            }
+          }
+        },
+        {
+          "type": "object",
+          "description": "Down to a whole number.",
+          "required": [
+            "floor"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "floor": {
+              "$ref": "#/$defs/value"
+            }
+          }
+        },
+        {
+          "type": "object",
+          "description": "Up to a whole number.",
+          "required": [
+            "ceil"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "ceil": {
+              "$ref": "#/$defs/value"
+            }
+          }
+        },
         {
           "type": "object",
           "description": "[from, to, steps, amount?]: steps colours from one toward the other.",
@@ -4692,6 +4731,113 @@
         }
       ]
     },
+    "motion": {
+      "anyOf": [
+        {
+          "$ref": "#/$defs/motionItem"
+        },
+        {
+          "type": "array",
+          "items": {
+            "$ref": "#/$defs/motionItem"
+          }
+        }
+      ]
+    },
+    "motionItem": {
+      "anyOf": [
+        {
+          "enum": [
+            "drift",
+            "spin",
+            "breathe",
+            "blink",
+            "marquee"
+          ],
+          "description": "A preset with its defaults."
+        },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "preset": {
+              "enum": [
+                "drift",
+                "spin",
+                "breathe",
+                "blink",
+                "marquee"
+              ],
+              "description": "drift | spin | breathe | blink | marquee: its defaults, under whatever else is set."
+            },
+            "translate": {
+              "$ref": "#/$defs/value",
+              "description": "[x, y] to move by (px in the layer's grid, \"%\" or lengths), or a list of points [[0, 0], [x, y], …]."
+            },
+            "path": {
+              "$ref": "#/$defs/value",
+              "description": "Travel a path from where the layer is: path data, { d }, or a text-path kind ({ kind: circle | ellipse | arc | wave, … })."
+            },
+            "rotate": {
+              "$ref": "#/$defs/value",
+              "description": "Degrees to turn to, or a list of angles."
+            },
+            "scale": {
+              "$ref": "#/$defs/value",
+              "description": "A factor to grow to, or a list."
+            },
+            "scaleX": {
+              "$ref": "#/$defs/value",
+              "description": "Horizontal factor, or a list."
+            },
+            "scaleY": {
+              "$ref": "#/$defs/value",
+              "description": "Vertical factor, or a list."
+            },
+            "opacity": {
+              "$ref": "#/$defs/value",
+              "description": "0–1 to fade to (times the layer's own), or a list."
+            },
+            "origin": {
+              "$ref": "#/$defs/value",
+              "description": "[x, y] the turn and scale are about (px, \"%\" or lengths). Default the centre."
+            },
+            "vary": {
+              "$ref": "#/$defs/value",
+              "description": "Layer options as lists of stops ({ axes: { wdth: [62, 150] } }): drawn frame by frame, played as outline morphs."
+            },
+            "frames": {
+              "$ref": "#/$defs/value",
+              "description": "vary: frames drawn per stop. Default 12."
+            },
+            "marquee": {
+              "$ref": "#/$defs/value",
+              "description": "true: text on a path runs along it, one repeat of its words per duration (they must repeat)."
+            },
+            "duration": {
+              "$ref": "#/$defs/value",
+              "description": "Seconds per iteration. Default 2 (or the preset's)."
+            },
+            "delay": {
+              "$ref": "#/$defs/value",
+              "description": "Seconds before it starts; negative starts it part-way."
+            },
+            "easing": {
+              "$ref": "#/$defs/value",
+              "description": "linear | ease | in | out | inOut | step, or [x1, y1, x2, y2]: between each pair of stops."
+            },
+            "direction": {
+              "$ref": "#/$defs/value",
+              "description": "normal | reverse | alternate | alternate-reverse"
+            },
+            "iterations": {
+              "$ref": "#/$defs/value",
+              "description": "A number, or \"infinite\" (the default)."
+            }
+          }
+        }
+      ]
+    },
     "layer": {
       "type": "object",
       "required": [
@@ -4731,7 +4877,9 @@
             "barcode",
             "perforation",
             "tear",
-            "texture"
+            "texture",
+            "mosaic",
+            "marks"
           ]
         },
         "id": {
@@ -4779,7 +4927,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -4796,6 +4944,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -4812,7 +4964,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -4864,7 +5017,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -4881,6 +5034,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -4900,7 +5057,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -4956,7 +5114,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -4973,6 +5131,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -4993,7 +5155,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5093,7 +5256,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5110,6 +5273,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5141,7 +5308,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5217,7 +5385,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5234,6 +5402,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5259,7 +5431,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5347,7 +5520,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5364,6 +5537,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5392,7 +5569,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5444,7 +5622,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5461,6 +5639,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5480,7 +5662,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5540,7 +5723,7 @@
               },
               "divisions": {
                 "$ref": "#/$defs/value",
-                "description": "Grid/lines: N equal cells (inner lines only) instead of size."
+                "description": "Grid/lines: N equal cells (inner lines only) instead of size; [cols, rows] for a design grid."
               },
               "gaps": {
                 "$ref": "#/$defs/value",
@@ -5568,7 +5751,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5585,6 +5768,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5613,7 +5800,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5689,7 +5877,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5706,6 +5894,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5731,7 +5923,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5831,7 +6024,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -5848,6 +6041,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -5879,7 +6076,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -5899,7 +6097,7 @@
             "properties": {
               "content": {
                 "$ref": "#/$defs/value",
-                "description": "The text (\"{title}\")."
+                "description": "The text (\"{title}\"); an array is a line per item, an item may be a span ({ content, bold })."
               },
               "font": {
                 "$ref": "#/$defs/value",
@@ -5909,6 +6107,10 @@
                 "$ref": "#/$defs/value",
                 "description": "Default 600."
               },
+              "boldWeight": {
+                "$ref": "#/$defs/value",
+                "description": "The weight of spans and lines marked bold: true. Default 700."
+              },
               "style": {
                 "$ref": "#/$defs/value",
                 "description": "normal | italic"
@@ -6063,7 +6265,7 @@
               },
               "spans": {
                 "$ref": "#/$defs/value",
-                "description": "[{ content, font, weight, style, axes, scale, size, color, letterSpacing, dy }]: mixed runs on the same lines."
+                "description": "[{ content, font, weight, bold, style, axes, scale, size, color, letterSpacing, dy }]: mixed runs on the same lines."
               },
               "glyphs": {
                 "$ref": "#/$defs/value",
@@ -6103,7 +6305,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6120,6 +6322,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6130,6 +6336,7 @@
                 "content",
                 "font",
                 "weight",
+                "boldWeight",
                 "style",
                 "size",
                 "minSize",
@@ -6183,7 +6390,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6271,7 +6479,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6288,6 +6496,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6316,7 +6528,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6376,7 +6589,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6393,6 +6606,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6414,7 +6631,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6478,7 +6696,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6495,6 +6713,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6517,7 +6739,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6589,7 +6812,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6606,6 +6829,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6630,7 +6857,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6710,7 +6938,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6727,6 +6955,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6753,7 +6985,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6829,7 +7062,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6846,6 +7079,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -6871,7 +7108,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -6959,7 +7197,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -6976,6 +7214,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7004,7 +7246,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7072,7 +7315,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7089,6 +7332,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7112,7 +7359,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7172,7 +7420,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7189,6 +7437,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7210,7 +7462,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7266,7 +7519,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7283,6 +7536,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7303,7 +7560,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7407,7 +7665,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7424,6 +7682,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7456,7 +7718,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7496,7 +7759,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7513,6 +7776,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7529,7 +7796,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7593,7 +7861,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7610,6 +7878,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7632,7 +7904,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7704,7 +7977,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7721,6 +7994,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -7745,7 +8022,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -7953,7 +8231,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -7970,6 +8248,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8028,7 +8310,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -8100,7 +8383,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -8117,6 +8400,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8141,7 +8428,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -8245,7 +8533,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -8262,6 +8550,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8294,7 +8586,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -8382,7 +8675,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -8399,6 +8692,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8427,7 +8724,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -8507,7 +8805,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -8524,6 +8822,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8550,7 +8852,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -8626,7 +8929,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -8643,6 +8946,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8668,7 +8975,8 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
               ]
             }
           }
@@ -8764,7 +9072,7 @@
               },
               "effects": {
                 "$ref": "#/$defs/effects",
-                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see the README's Effects table; kinds in EFFECTS)."
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
               },
               "mask": {
                 "$ref": "#/$defs/value",
@@ -8781,6 +9089,10 @@
               "area": {
                 "$ref": "#/$defs/value",
                 "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
               }
             },
             "propertyNames": {
@@ -8811,7 +9123,264 @@
                 "mask",
                 "knockout",
                 "clip",
-                "area"
+                "area",
+                "motion"
+              ]
+            }
+          }
+        },
+        {
+          "if": {
+            "properties": {
+              "type": {
+                "const": "mosaic"
+              }
+            },
+            "required": [
+              "type"
+            ]
+          },
+          "then": {
+            "properties": {
+              "markup": {
+                "$ref": "#/$defs/value",
+                "description": "The mark's paths (512 grid)."
+              },
+              "x": {
+                "$ref": "#/$defs/value",
+                "description": "Box x, px or %."
+              },
+              "y": {
+                "$ref": "#/$defs/value",
+                "description": "Box y."
+              },
+              "width": {
+                "$ref": "#/$defs/value",
+                "description": "Box width (default the canvas)."
+              },
+              "height": {
+                "$ref": "#/$defs/value",
+                "description": "Box height."
+              },
+              "cells": {
+                "$ref": "#/$defs/value",
+                "description": "Cells across the mark's longest side, 4–48. Default 10."
+              },
+              "gap": {
+                "$ref": "#/$defs/value",
+                "description": "Gap between cells, a share of a cell. Default 0.12."
+              },
+              "radius": {
+                "$ref": "#/$defs/value",
+                "description": "Cell corner radius, a share of a cell. Default 0."
+              },
+              "drop": {
+                "$ref": "#/$defs/value",
+                "description": "Share of filled cells left out (seeded), 0–0.9. Default 0.12."
+              },
+              "color": {
+                "$ref": "#/$defs/value",
+                "description": "Default @accent."
+              },
+              "accent": {
+                "$ref": "#/$defs/value",
+                "description": "asterisk | dot: a small glyph in one empty cell beside the mark."
+              },
+              "accentColor": {
+                "$ref": "#/$defs/value",
+                "description": "Default color."
+              },
+              "opacity": {
+                "$ref": "#/$defs/value",
+                "description": "0–1."
+              },
+              "blend": {
+                "$ref": "#/$defs/value",
+                "description": "A CSS mix-blend-mode."
+              },
+              "seed": {
+                "$ref": "#/$defs/value",
+                "description": "This layer's own random stream."
+              },
+              "transform": {
+                "$ref": "#/$defs/value",
+                "description": "{ translate, rotate, scale, skewX, skewY, mirror: x | y, origin } (on text, a case keyword is still the case)."
+              },
+              "effects": {
+                "$ref": "#/$defs/effects",
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
+              },
+              "mask": {
+                "$ref": "#/$defs/value",
+                "description": "Layers whose luminance masks this one (white shows)."
+              },
+              "knockout": {
+                "$ref": "#/$defs/value",
+                "description": "Layers cut out of this one."
+              },
+              "clip": {
+                "$ref": "#/$defs/value",
+                "description": "Layers this one shows only inside."
+              },
+              "area": {
+                "$ref": "#/$defs/value",
+                "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
+              }
+            },
+            "propertyNames": {
+              "enum": [
+                "type",
+                "id",
+                "when",
+                "markup",
+                "x",
+                "y",
+                "width",
+                "height",
+                "cells",
+                "gap",
+                "radius",
+                "drop",
+                "color",
+                "accent",
+                "accentColor",
+                "opacity",
+                "blend",
+                "seed",
+                "transform",
+                "effects",
+                "mask",
+                "knockout",
+                "clip",
+                "area",
+                "motion"
+              ]
+            }
+          }
+        },
+        {
+          "if": {
+            "properties": {
+              "type": {
+                "const": "marks"
+              }
+            },
+            "required": [
+              "type"
+            ]
+          },
+          "then": {
+            "properties": {
+              "marks": {
+                "$ref": "#/$defs/value",
+                "description": "The marks: paths on a 512 grid (or { markup })."
+              },
+              "cols": {
+                "$ref": "#/$defs/value",
+                "description": "Default from the count: 3 × 3 up to 10 × 7."
+              },
+              "rows": {
+                "$ref": "#/$defs/value",
+                "description": "Default from the count."
+              },
+              "x": {
+                "$ref": "#/$defs/value",
+                "description": "Box x, px or %."
+              },
+              "y": {
+                "$ref": "#/$defs/value",
+                "description": "Box y."
+              },
+              "width": {
+                "$ref": "#/$defs/value",
+                "description": "Box width (default the canvas)."
+              },
+              "height": {
+                "$ref": "#/$defs/value",
+                "description": "Box height."
+              },
+              "size": {
+                "$ref": "#/$defs/value",
+                "description": "Share of a cell a mark's area takes. Default 0.5."
+              },
+              "optical": {
+                "$ref": "#/$defs/value",
+                "description": "false: fit each mark's bounds to the same box instead. Default true."
+              },
+              "color": {
+                "$ref": "#/$defs/value",
+                "description": "Default @text."
+              },
+              "opacity": {
+                "$ref": "#/$defs/value",
+                "description": "0–1."
+              },
+              "blend": {
+                "$ref": "#/$defs/value",
+                "description": "A CSS mix-blend-mode."
+              },
+              "seed": {
+                "$ref": "#/$defs/value",
+                "description": "This layer's own random stream."
+              },
+              "transform": {
+                "$ref": "#/$defs/value",
+                "description": "{ translate, rotate, scale, skewX, skewY, mirror: x | y, origin } (on text, a case keyword is still the case)."
+              },
+              "effects": {
+                "$ref": "#/$defs/effects",
+                "description": "[{ kind, mask, colorSpace, … }]: filters, pixel effects and copies, in order (see docs/effects.md; kinds in EFFECTS)."
+              },
+              "mask": {
+                "$ref": "#/$defs/value",
+                "description": "Layers whose luminance masks this one (white shows)."
+              },
+              "knockout": {
+                "$ref": "#/$defs/value",
+                "description": "Layers cut out of this one."
+              },
+              "clip": {
+                "$ref": "#/$defs/value",
+                "description": "Layers this one shows only inside."
+              },
+              "area": {
+                "$ref": "#/$defs/value",
+                "description": "trim | safe | bleed, or { x, y, width, height } fractions: draw the layer in that box."
+              },
+              "motion": {
+                "$ref": "#/$defs/motion",
+                "description": "A motion, a preset name (drift | spin | breathe | blink | marquee), or a list: plays in the SVG as CSS keyframes (see MOTION_OPTIONS)."
+              }
+            },
+            "propertyNames": {
+              "enum": [
+                "type",
+                "id",
+                "when",
+                "marks",
+                "cols",
+                "rows",
+                "x",
+                "y",
+                "width",
+                "height",
+                "size",
+                "optical",
+                "color",
+                "opacity",
+                "blend",
+                "seed",
+                "transform",
+                "effects",
+                "mask",
+                "knockout",
+                "clip",
+                "area",
+                "motion"
               ]
             }
           }