nodality 1.3.22 → 1.3.24

package/lib/stacker.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/suggest.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/theme.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/transform-anim.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/lib/transition.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -74,7 +74,9 @@ function progressTimeline(pipeline, opts = {}) {
 	let raf = 0;
 	let from = pipeline.progress || 0;
 	let to = from;
-	let startedAt = 0;
+	let startedAt = 0;         // 0 until the journey's first frame
+	let lastAt = 0;
+	let elapsed = 0;           // ms of the journey shown so far
 	let span = 0;              // ms this particular journey should take
 	let running = false;
 	let pending = null;        // resolve of the in-flight to()
@@ -89,9 +91,19 @@ function progressTimeline(pipeline, opts = {}) {
 		if (done) done(pipeline.progress);
 	};
 
+	// The clock starts at the journey's FIRST FRAME, not at to(), and one
+	// late frame advances it by at most a sixth of the journey. It used to
+	// be wall time since to(): building both views and compiling the
+	// shader can take longer than the whole transition on a busy machine,
+	// so the first frame already computed t = 1 — the page arrived without
+	// any motion, which is the thing a morph exists to show. Now a slow
+	// device gets a slower transition rather than none.
 	const frame = () => {
 		if (destroyed) return;
-		const elapsed = now() - startedAt;
+		const t = now();
+		if (!startedAt) { startedAt = t; lastAt = t; }
+		elapsed += Math.min(t - lastAt, Math.max(span / 6, 50));
+		lastAt = t;
 		const x = span <= 0 ? 1 : Math.min(1, elapsed / span);
 		pipeline.setProgress(from + (to - from) * easing(x));
 		if (x >= 1) return settle();
@@ -136,7 +148,8 @@ function progressTimeline(pipeline, opts = {}) {
 			if (dist < 1e-4) { pipeline.setProgress(dest); return Promise.resolve(dest); }
 			// Distance-scaled: a correction from 0.9 to 1 is brief.
 			span = (o.duration != null ? o.duration : duration) * dist;
-			startedAt = now();
+			startedAt = 0;
+			elapsed = 0;
 			running = true;
 			raf = requestAnimationFrame(frame);
 			return new Promise((res) => { pending = res; });

package/lib/validate-nodes.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */
@@ -93,7 +93,7 @@ const SHAPES = {
     color: { want: "a CSS colour", bad: (v) => typeof v !== "string", level: "warning", fix: () => ['"#0B1B2B"'] },
     url: { want: "a URL string", bad: (v) => typeof v !== "string", level: "warning", fix: () => ['"/path/to/file"'] },
     text: { want: "a string", bad: (v) => typeof v !== "string", level: "warning", fix: () => ['"…"'] },
-    "css-cursor": { want: 'a CSS cursor keyword, e.g. "pointer"', bad: (v) => typeof v !== "string", level: "warning", fix: () => ['"pointer"'] },
+    "css-cursor": { want: 'a CSS cursor keyword, e.g. "pointer"', bad: (v) => typeof v !== "string" && v !== true, level: "warning", fix: () => ['"pointer"'] },
     "css-transform": { want: 'a CSS transform, e.g. "rotate(3deg)"', bad: (v) => typeof v !== "string" && !isPlainObject(v), level: "warning", fix: () => ['"rotate(3deg)"'] },
     "css-track-list": { want: 'a CSS track list, e.g. "repeat(4, 1fr)"', bad: (v) => typeof v !== "string", level: "warning", fix: () => ['"repeat(4, 1fr)"'] },
     "css-areas": { want: 'CSS grid-template-areas, e.g. \'"nav main"\'', bad: (v) => typeof v !== "string", level: "warning", fix: () => ['\'"nav main"\''] },

package/lib/webmcp-adapter.js

@@ -1,5 +1,5 @@
 /*!
- * nodality v1.3.22
+ * nodality v1.3.24
  * (c) 2026 Filip Vabrousek
  * License: MIT
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodality",
-  "version": "1.3.22",
+  "version": "1.3.24",
   "description": "A lightweight library for declarative UI elements.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/schema.json

@@ -172,6 +172,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -187,7 +192,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -781,6 +786,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -796,7 +806,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -1390,6 +1400,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -1405,7 +1420,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -1999,6 +2014,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -2014,7 +2034,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -2608,6 +2628,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -2623,7 +2648,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -3217,6 +3242,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -3232,7 +3262,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -3826,6 +3856,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -3841,7 +3876,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -4420,6 +4455,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -4435,7 +4475,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "decoding",
@@ -5000,6 +5040,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -5015,7 +5060,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "data",
@@ -5654,6 +5699,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -5673,7 +5723,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "customAlign",
@@ -6561,6 +6611,12 @@
           "via": "mapper",
           "description": "The name at the start of the bar: a string, or an element spec ({type: \"p\", text, keySet, …}) for full control of its type."
         },
+        {
+          "name": "brandLink",
+          "via": "mapper",
+          "unit": "url",
+          "description": "Where the brand leads, e.g. \"/\". Without it the brand is not a link."
+        },
         {
           "name": "breakWord",
           "via": "component",
@@ -6623,6 +6679,11 @@
           "unit": "color",
           "description": "Colour of the links, a string brand and, unless hamburgerColour is given, the menu button."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -6646,7 +6707,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "customAlign",
@@ -7568,7 +7629,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "customAlign",
@@ -8306,6 +8367,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -8325,7 +8391,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -8980,6 +9046,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -8995,7 +9066,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -9607,6 +9678,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -9622,7 +9698,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -10039,6 +10115,12 @@
           "unit": "url",
           "description": "Image shown before the first frame decodes. Give one on any autoplaying clip: it is what holds the layout still and what reduced-motion visitors see instead of the video."
         },
+        {
+          "name": "posterBehind",
+          "via": "component",
+          "unit": "bool",
+          "description": "Also paint the poster behind the frame, sized like it (objectFit). On by default whenever there is a poster; pass false for a clip with transparency, which would show it through."
+        },
         {
           "name": "preload",
           "via": "component",
@@ -10277,6 +10359,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -10292,7 +10379,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -10757,12 +10844,6 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
-        {
-          "name": "cursor",
-          "via": "component",
-          "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
-        },
         {
           "name": "customStyle",
           "via": "component"
@@ -11289,6 +11370,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -11308,7 +11394,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "customAlign",
@@ -12095,6 +12181,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -12110,7 +12201,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -12947,6 +13038,10 @@
           "name": "brand",
           "via": "mapper"
         },
+        {
+          "name": "brandLink",
+          "via": "mapper"
+        },
         {
           "name": "breakWord",
           "via": "component",
@@ -13012,6 +13107,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -13035,7 +13135,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "Show a pointer cursor. Any truthy value; the cursor style itself is fixed."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "customAlign",
@@ -13920,6 +14020,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -13935,7 +14040,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -14339,6 +14444,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -14354,7 +14464,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -14764,6 +14874,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -14779,7 +14894,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -15183,6 +15298,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -15198,7 +15318,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",
@@ -15602,6 +15722,11 @@
           "unit": "color",
           "description": "Text colour — any CSS colour."
         },
+        {
+          "name": "colorScheme",
+          "via": "component",
+          "description": "CSS color-scheme, e.g. \"light\": the scheme the browser draws this element's native parts in (form controls, the option list of a select) and its descendants'. A page that declares `<meta name=\"color-scheme\" content=\"light dark\">` to keep Chrome's auto dark mode off still gets dark controls for visitors in dark mode; colorScheme \"light\" on its sections keeps them light."
+        },
         {
           "name": "cols",
           "via": "component",
@@ -15617,7 +15742,7 @@
           "name": "cursor",
           "via": "component",
           "unit": "css-cursor",
-          "description": "CSS cursor keyword, e.g. \"pointer\"."
+          "description": "CSS cursor keyword, e.g. \"pointer\". `true` means \"pointer\"."
         },
         {
           "name": "display",