@motion-proto/live-tokens 0.84.0 → 0.86.0

package/src/live-tokens/data/themes/midnight-study.json

@@ -2271,12 +2271,14 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-color": "var(--surface-neutral-lowest)",
+      "--scrim-opacity-low": "0.7",
+      "--scrim-opacity": "0.8",
+      "--scrim-opacity-high": "0.9",
+      "--tint-color": "var(--text-primary)",
+      "--tint-opacity-low": "0.05",
+      "--tint-opacity": "0.1",
+      "--tint-opacity-high": "0.15",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.9)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.9)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.9)",
@@ -2528,7 +2530,7 @@
         "family": null
       }
     ],
-    "schemaVersion": 8
+    "schemaVersion": 9
   },
   "componentConfigs": {
     "badge": {
@@ -3053,8 +3055,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--dialog-scrim-color": "--scrim-color",
-        "--dialog-scrim-opacity": "--scrim-opacity-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-2",
@@ -3198,8 +3199,7 @@
         "--imagelightbox-tile-border": "--color-transparent",
         "--imagelightbox-tile-border-width": "--border-width-0",
         "--imagelightbox-tile-shadow": "--shadow-md",
-        "--imagelightbox-scrim-color": "color-mix(in srgb, var(--color-neutral-950) 76%, transparent)",
-        "--imagelightbox-scrim-opacity": "1",
+        "--imagelightbox-scrim-surface": "--scrim-high",
         "--imagelightbox-chrome-surface": "--surface-neutral-low",
         "--imagelightbox-chrome-border": "--border-brand",
         "--imagelightbox-chrome-border-width": "--border-width-1",
@@ -4052,7 +4052,93 @@
         "--tooltip-padding": "--space-6",
         "--tooltip-shadow": "--shadow-md"
       }
+    },
+    "videolightbox": {
+      "name": "midnight-study",
+      "component": "videolightbox",
+      "createdAt": "2026-09-21T17:00:00.000Z",
+      "updatedAt": "2026-09-21T17:00:00.000Z",
+      "aliases": {
+        "--videolightbox-tile-surface": "--color-transparent",
+        "--videolightbox-tile-border": "--color-transparent",
+        "--videolightbox-tile-border-width": "--border-width-0",
+        "--videolightbox-tile-radius": "--radius-2xl",
+        "--videolightbox-tile-shadow": "--shadow-md",
+        "--videolightbox-scrim-surface": "--scrim-high",
+        "--videolightbox-overlay-padding": "--space-64",
+        "--videolightbox-overlay-duration": "--duration-500",
+        "--videolightbox-overlay-easing": "--ease-out-quad",
+        "--videolightbox-chrome-surface": "--surface-neutral-low",
+        "--videolightbox-chrome-border": "--border-brand",
+        "--videolightbox-chrome-border-width": "--border-width-1",
+        "--videolightbox-chrome-radius": "--radius-full",
+        "--videolightbox-chrome-icon": "--text-primary",
+        "--videolightbox-chrome-hover-surface": "--surface-brand-high"
+      }
+    },
+    "videoframe": {
+      "name": "midnight-study",
+      "component": "videoframe",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--videoframe-frame-surface": "--surface-neutral-lowest",
+        "--videoframe-clip-surface": "--color-transparent",
+        "--videoframe-frame-border": "--border-neutral",
+        "--videoframe-frame-border-width": "--border-width-1",
+        "--videoframe-frame-radius": "--radius-2xl",
+        "--videoframe-badge-default-surface": "--surface-brand-lower",
+        "--videoframe-badge-default-border": "--border-brand-medium",
+        "--videoframe-badge-default-border-width": "--border-width-2",
+        "--videoframe-badge-default-icon": "--text-primary",
+        "--videoframe-badge-default-size": "--space-64",
+        "--videoframe-badge-default-icon-size": "--icon-size-4xl",
+        "--videoframe-badge-duration": "--duration-200",
+        "--videoframe-badge-easing": "--ease-out-quad",
+        "--videoframe-badge-hover-surface": "--surface-brand",
+        "--videoframe-badge-hover-border": "--border-brand-strong",
+        "--videoframe-badge-hover-icon": "--text-primary"
+      }
+    },
+    "slidepager": {
+      "name": "midnight-study",
+      "component": "slidepager",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--slidepager-frame-surface": "--surface-neutral-lower",
+        "--slidepager-frame-border": "--border-neutral-subtle",
+        "--slidepager-frame-border-width": "--border-width-1",
+        "--slidepager-frame-radius": "--radius-2xl",
+        "--slidepager-frame-shadow": "--shadow-md",
+        "--slidepager-bar-gap": "--space-16",
+        "--slidepager-bar-padding": "--space-12",
+        "--slidepager-control-surface": "--surface-neutral-low",
+        "--slidepager-control-border": "--border-neutral",
+        "--slidepager-control-border-width": "--border-width-1",
+        "--slidepager-control-radius": "--radius-full",
+        "--slidepager-control-size": "--space-40",
+        "--slidepager-control-icon": "--text-primary",
+        "--slidepager-control-icon-size": "--icon-size-md",
+        "--slidepager-control-hover-surface": "--surface-brand-high",
+        "--slidepager-control-hover-border": "--border-brand",
+        "--slidepager-control-hover-icon": "--text-inverted",
+        "--slidepager-control-disabled-surface": "--surface-neutral-lower",
+        "--slidepager-control-disabled-border": "--border-neutral-subtle",
+        "--slidepager-control-disabled-icon": "--text-disabled",
+        "--slidepager-counter-text": "--text-secondary",
+        "--slidepager-counter-font-family": "--font-sans",
+        "--slidepager-counter-font-size": "--font-size-lg",
+        "--slidepager-counter-font-weight": "--font-weight-medium",
+        "--slidepager-counter-line-height": "--line-height-normal",
+        "--slidepager-counter-letter-spacing": "--letter-spacing-normal",
+        "--slidepager-scrim-surface": "--scrim-high",
+        "--slidepager-overlay-padding": "--space-64",
+        "--slidepager-close-margin": "--space-24",
+        "--slidepager-overlay-duration": "--duration-300",
+        "--slidepager-overlay-easing": "--ease-out-quad"
+      }
     }
   },
-  "componentSchemaVersion": 37
+  "componentSchemaVersion": 38
 }

package/src/live-tokens/data/themes/ocean.json

@@ -2228,12 +2228,14 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-color": "var(--surface-neutral-lowest)",
+      "--scrim-opacity-low": "0.7",
+      "--scrim-opacity": "0.8",
+      "--scrim-opacity-high": "0.9",
+      "--tint-color": "var(--text-primary)",
+      "--tint-opacity-low": "0.05",
+      "--tint-opacity": "0.1",
+      "--tint-opacity-high": "0.15",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.2)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.2)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.2)",
@@ -2409,7 +2411,7 @@
         "family": null
       }
     ],
-    "schemaVersion": 8,
+    "schemaVersion": 9,
     "gradients": [
       {
         "variable": "--gradient-1",
@@ -2995,8 +2997,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--dialog-scrim-color": "--scrim-color",
-        "--dialog-scrim-opacity": "--scrim-opacity-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-2",
@@ -3140,8 +3141,7 @@
         "--imagelightbox-tile-border": "--color-transparent",
         "--imagelightbox-tile-border-width": "--border-width-0",
         "--imagelightbox-tile-shadow": "--shadow-md",
-        "--imagelightbox-scrim-color": "color-mix(in srgb, var(--color-neutral-950) 76%, transparent)",
-        "--imagelightbox-scrim-opacity": "1",
+        "--imagelightbox-scrim-surface": "--scrim-high",
         "--imagelightbox-chrome-surface": "--surface-neutral-low",
         "--imagelightbox-chrome-border": "--border-brand",
         "--imagelightbox-chrome-border-width": "--border-width-1",
@@ -3993,7 +3993,93 @@
         "--slider-value-font-weight": "--font-weight-normal",
         "--slider-value-line-height": "--line-height-normal"
       }
+    },
+    "videolightbox": {
+      "name": "ocean",
+      "component": "videolightbox",
+      "createdAt": "2026-09-21T17:00:00.000Z",
+      "updatedAt": "2026-09-21T17:00:00.000Z",
+      "aliases": {
+        "--videolightbox-tile-surface": "--color-transparent",
+        "--videolightbox-tile-border": "--color-transparent",
+        "--videolightbox-tile-border-width": "--border-width-0",
+        "--videolightbox-tile-radius": "--radius-4xl",
+        "--videolightbox-tile-shadow": "--shadow-md",
+        "--videolightbox-scrim-surface": "--scrim-high",
+        "--videolightbox-overlay-padding": "--space-64",
+        "--videolightbox-overlay-duration": "--duration-500",
+        "--videolightbox-overlay-easing": "--ease-out-quad",
+        "--videolightbox-chrome-surface": "--surface-neutral-low",
+        "--videolightbox-chrome-border": "--border-brand",
+        "--videolightbox-chrome-border-width": "--border-width-1",
+        "--videolightbox-chrome-radius": "--radius-full",
+        "--videolightbox-chrome-icon": "--text-primary",
+        "--videolightbox-chrome-hover-surface": "--surface-brand-high"
+      }
+    },
+    "videoframe": {
+      "name": "ocean",
+      "component": "videoframe",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--videoframe-frame-surface": "--surface-neutral-lowest",
+        "--videoframe-clip-surface": "--color-transparent",
+        "--videoframe-frame-border": "--border-neutral",
+        "--videoframe-frame-border-width": "--border-width-1",
+        "--videoframe-frame-radius": "--radius-4xl",
+        "--videoframe-badge-default-surface": "--surface-brand-lower",
+        "--videoframe-badge-default-border": "--border-brand-medium",
+        "--videoframe-badge-default-border-width": "--border-width-2",
+        "--videoframe-badge-default-icon": "--text-primary",
+        "--videoframe-badge-default-size": "--space-64",
+        "--videoframe-badge-default-icon-size": "--icon-size-4xl",
+        "--videoframe-badge-duration": "--duration-200",
+        "--videoframe-badge-easing": "--ease-out-quad",
+        "--videoframe-badge-hover-surface": "--surface-brand",
+        "--videoframe-badge-hover-border": "--border-brand-strong",
+        "--videoframe-badge-hover-icon": "--text-primary"
+      }
+    },
+    "slidepager": {
+      "name": "ocean",
+      "component": "slidepager",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--slidepager-frame-surface": "--surface-neutral-lower",
+        "--slidepager-frame-border": "--border-neutral-subtle",
+        "--slidepager-frame-border-width": "--border-width-1",
+        "--slidepager-frame-radius": "--radius-4xl",
+        "--slidepager-frame-shadow": "--shadow-md",
+        "--slidepager-bar-gap": "--space-16",
+        "--slidepager-bar-padding": "--space-12",
+        "--slidepager-control-surface": "--surface-neutral-low",
+        "--slidepager-control-border": "--border-neutral",
+        "--slidepager-control-border-width": "--border-width-1",
+        "--slidepager-control-radius": "--radius-full",
+        "--slidepager-control-size": "--space-40",
+        "--slidepager-control-icon": "--text-primary",
+        "--slidepager-control-icon-size": "--icon-size-md",
+        "--slidepager-control-hover-surface": "--surface-brand-high",
+        "--slidepager-control-hover-border": "--border-brand",
+        "--slidepager-control-hover-icon": "--text-inverted",
+        "--slidepager-control-disabled-surface": "--surface-neutral-lower",
+        "--slidepager-control-disabled-border": "--border-neutral-subtle",
+        "--slidepager-control-disabled-icon": "--text-disabled",
+        "--slidepager-counter-text": "--text-secondary",
+        "--slidepager-counter-font-family": "--font-sans",
+        "--slidepager-counter-font-size": "--font-size-lg",
+        "--slidepager-counter-font-weight": "--font-weight-medium",
+        "--slidepager-counter-line-height": "--line-height-normal",
+        "--slidepager-counter-letter-spacing": "--letter-spacing-normal",
+        "--slidepager-scrim-surface": "--scrim-high",
+        "--slidepager-overlay-padding": "--space-64",
+        "--slidepager-close-margin": "--space-24",
+        "--slidepager-overlay-duration": "--duration-300",
+        "--slidepager-overlay-easing": "--ease-out-quad"
+      }
     }
   },
-  "componentSchemaVersion": 37
+  "componentSchemaVersion": 38
 }

package/src/live-tokens/data/themes/royal-velvet.json

@@ -2260,12 +2260,14 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-color": "var(--surface-neutral-lowest)",
+      "--scrim-opacity-low": "0.7",
+      "--scrim-opacity": "0.8",
+      "--scrim-opacity-high": "0.9",
+      "--tint-color": "var(--text-primary)",
+      "--tint-opacity-low": "0.05",
+      "--tint-opacity": "0.1",
+      "--tint-opacity-high": "0.15",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.9)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.9)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.9)",
@@ -2440,7 +2442,7 @@
         "family": null
       }
     ],
-    "schemaVersion": 8,
+    "schemaVersion": 9,
     "gradients": [
       {
         "variable": "--gradient-1",
@@ -3026,8 +3028,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--dialog-scrim-color": "--scrim-color",
-        "--dialog-scrim-opacity": "--scrim-opacity-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-3",
@@ -3171,8 +3172,7 @@
         "--imagelightbox-tile-border": "--color-transparent",
         "--imagelightbox-tile-border-width": "--border-width-1",
         "--imagelightbox-tile-shadow": "--shadow-md",
-        "--imagelightbox-scrim-color": "color-mix(in srgb, var(--color-neutral-950) 76%, transparent)",
-        "--imagelightbox-scrim-opacity": "1",
+        "--imagelightbox-scrim-surface": "--scrim-high",
         "--imagelightbox-chrome-surface": "--surface-neutral-low",
         "--imagelightbox-chrome-border": "--border-brand",
         "--imagelightbox-chrome-border-width": "--border-width-2",
@@ -4024,7 +4024,93 @@
         "--slider-value-font-weight": "--font-weight-normal",
         "--slider-value-line-height": "--line-height-normal"
       }
+    },
+    "videolightbox": {
+      "name": "royal-velvet",
+      "component": "videolightbox",
+      "createdAt": "2026-09-21T17:00:00.000Z",
+      "updatedAt": "2026-09-21T17:00:00.000Z",
+      "aliases": {
+        "--videolightbox-tile-surface": "--color-transparent",
+        "--videolightbox-tile-border": "--color-transparent",
+        "--videolightbox-tile-border-width": "--border-width-1",
+        "--videolightbox-tile-radius": "--radius-2xl",
+        "--videolightbox-tile-shadow": "--shadow-md",
+        "--videolightbox-scrim-surface": "--scrim-high",
+        "--videolightbox-overlay-padding": "--space-64",
+        "--videolightbox-overlay-duration": "--duration-500",
+        "--videolightbox-overlay-easing": "--ease-out-quad",
+        "--videolightbox-chrome-surface": "--surface-neutral-low",
+        "--videolightbox-chrome-border": "--border-brand",
+        "--videolightbox-chrome-border-width": "--border-width-2",
+        "--videolightbox-chrome-radius": "--radius-full",
+        "--videolightbox-chrome-icon": "--text-primary",
+        "--videolightbox-chrome-hover-surface": "--surface-brand-high"
+      }
+    },
+    "videoframe": {
+      "name": "royal-velvet",
+      "component": "videoframe",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--videoframe-frame-surface": "--surface-neutral-lowest",
+        "--videoframe-clip-surface": "--color-transparent",
+        "--videoframe-frame-border": "--border-neutral",
+        "--videoframe-frame-border-width": "--border-width-2",
+        "--videoframe-frame-radius": "--radius-2xl",
+        "--videoframe-badge-default-surface": "--surface-brand-lower",
+        "--videoframe-badge-default-border": "--border-brand-medium",
+        "--videoframe-badge-default-border-width": "--border-width-2",
+        "--videoframe-badge-default-icon": "--text-primary",
+        "--videoframe-badge-default-size": "--space-64",
+        "--videoframe-badge-default-icon-size": "--icon-size-4xl",
+        "--videoframe-badge-duration": "--duration-200",
+        "--videoframe-badge-easing": "--ease-out-quad",
+        "--videoframe-badge-hover-surface": "--surface-brand",
+        "--videoframe-badge-hover-border": "--border-brand-strong",
+        "--videoframe-badge-hover-icon": "--text-primary"
+      }
+    },
+    "slidepager": {
+      "name": "royal-velvet",
+      "component": "slidepager",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--slidepager-frame-surface": "--surface-neutral-lower",
+        "--slidepager-frame-border": "--border-neutral-subtle",
+        "--slidepager-frame-border-width": "--border-width-2",
+        "--slidepager-frame-radius": "--radius-2xl",
+        "--slidepager-frame-shadow": "--shadow-md",
+        "--slidepager-bar-gap": "--space-16",
+        "--slidepager-bar-padding": "--space-12",
+        "--slidepager-control-surface": "--surface-neutral-low",
+        "--slidepager-control-border": "--border-neutral",
+        "--slidepager-control-border-width": "--border-width-2",
+        "--slidepager-control-radius": "--radius-full",
+        "--slidepager-control-size": "--space-40",
+        "--slidepager-control-icon": "--text-primary",
+        "--slidepager-control-icon-size": "--icon-size-md",
+        "--slidepager-control-hover-surface": "--surface-brand-high",
+        "--slidepager-control-hover-border": "--border-brand",
+        "--slidepager-control-hover-icon": "--text-inverted",
+        "--slidepager-control-disabled-surface": "--surface-neutral-lower",
+        "--slidepager-control-disabled-border": "--border-neutral-subtle",
+        "--slidepager-control-disabled-icon": "--text-disabled",
+        "--slidepager-counter-text": "--text-secondary",
+        "--slidepager-counter-font-family": "--font-sans",
+        "--slidepager-counter-font-size": "--font-size-lg",
+        "--slidepager-counter-font-weight": "--font-weight-medium",
+        "--slidepager-counter-line-height": "--line-height-normal",
+        "--slidepager-counter-letter-spacing": "--letter-spacing-normal",
+        "--slidepager-scrim-surface": "--scrim-high",
+        "--slidepager-overlay-padding": "--space-64",
+        "--slidepager-close-margin": "--space-24",
+        "--slidepager-overlay-duration": "--duration-300",
+        "--slidepager-overlay-easing": "--ease-out-quad"
+      }
     }
   },
-  "componentSchemaVersion": 37
+  "componentSchemaVersion": 38
 }

package/src/live-tokens/data/themes/sketchy.json

@@ -2214,12 +2214,14 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-color": "var(--surface-neutral-lowest)",
+      "--scrim-opacity-low": "0.7",
+      "--scrim-opacity": "0.8",
+      "--scrim-opacity-high": "0.9",
+      "--tint-color": "var(--text-primary)",
+      "--tint-opacity-low": "0.05",
+      "--tint-opacity": "0.1",
+      "--tint-opacity-high": "0.15",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.2)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.2)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.2)",
@@ -2485,7 +2487,7 @@
         "family": null
       }
     ],
-    "schemaVersion": 8
+    "schemaVersion": 9
   },
   "componentConfigs": {
     "badge": {
@@ -3009,8 +3011,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
-        "--dialog-scrim-color": "--scrim-color",
-        "--dialog-scrim-opacity": "--scrim-opacity-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-2",
@@ -3154,8 +3155,7 @@
         "--imagelightbox-tile-border": "--color-transparent",
         "--imagelightbox-tile-border-width": "--border-width-1",
         "--imagelightbox-tile-shadow": "--shadow-md",
-        "--imagelightbox-scrim-color": "color-mix(in srgb, var(--color-neutral-950) 76%, transparent)",
-        "--imagelightbox-scrim-opacity": "1",
+        "--imagelightbox-scrim-surface": "--scrim-high",
         "--imagelightbox-chrome-surface": "--surface-neutral-low",
         "--imagelightbox-chrome-border": "--border-brand",
         "--imagelightbox-chrome-border-width": "--border-width-1",
@@ -4007,7 +4007,93 @@
         "--slider-value-font-weight": "--font-weight-normal",
         "--slider-value-line-height": "--line-height-normal"
       }
+    },
+    "videolightbox": {
+      "name": "sketchy",
+      "component": "videolightbox",
+      "createdAt": "2026-09-21T17:00:00.000Z",
+      "updatedAt": "2026-09-21T17:00:00.000Z",
+      "aliases": {
+        "--videolightbox-tile-surface": "--color-transparent",
+        "--videolightbox-tile-border": "--color-transparent",
+        "--videolightbox-tile-border-width": "--border-width-1",
+        "--videolightbox-tile-radius": "--radius-none",
+        "--videolightbox-tile-shadow": "--shadow-md",
+        "--videolightbox-scrim-surface": "--scrim-high",
+        "--videolightbox-overlay-padding": "--space-64",
+        "--videolightbox-overlay-duration": "--duration-500",
+        "--videolightbox-overlay-easing": "--ease-out-quad",
+        "--videolightbox-chrome-surface": "--surface-neutral-low",
+        "--videolightbox-chrome-border": "--border-brand",
+        "--videolightbox-chrome-border-width": "--border-width-1",
+        "--videolightbox-chrome-radius": "--radius-none",
+        "--videolightbox-chrome-icon": "--text-primary",
+        "--videolightbox-chrome-hover-surface": "--surface-brand-high"
+      }
+    },
+    "videoframe": {
+      "name": "sketchy",
+      "component": "videoframe",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--videoframe-frame-surface": "--surface-neutral-lowest",
+        "--videoframe-clip-surface": "--color-transparent",
+        "--videoframe-frame-border": "--border-neutral",
+        "--videoframe-frame-border-width": "--border-width-1",
+        "--videoframe-frame-radius": "--radius-none",
+        "--videoframe-badge-default-surface": "--surface-brand-lower",
+        "--videoframe-badge-default-border": "--border-brand-medium",
+        "--videoframe-badge-default-border-width": "--border-width-2",
+        "--videoframe-badge-default-icon": "--text-primary",
+        "--videoframe-badge-default-size": "--space-64",
+        "--videoframe-badge-default-icon-size": "--icon-size-4xl",
+        "--videoframe-badge-duration": "--duration-200",
+        "--videoframe-badge-easing": "--ease-out-quad",
+        "--videoframe-badge-hover-surface": "--surface-brand",
+        "--videoframe-badge-hover-border": "--border-brand-strong",
+        "--videoframe-badge-hover-icon": "--text-primary"
+      }
+    },
+    "slidepager": {
+      "name": "sketchy",
+      "component": "slidepager",
+      "createdAt": "2026-09-21T18:00:00.000Z",
+      "updatedAt": "2026-09-21T18:00:00.000Z",
+      "aliases": {
+        "--slidepager-frame-surface": "--surface-neutral-lower",
+        "--slidepager-frame-border": "--border-neutral-subtle",
+        "--slidepager-frame-border-width": "--border-width-1",
+        "--slidepager-frame-radius": "--radius-none",
+        "--slidepager-frame-shadow": "--shadow-md",
+        "--slidepager-bar-gap": "--space-16",
+        "--slidepager-bar-padding": "--space-12",
+        "--slidepager-control-surface": "--surface-neutral-low",
+        "--slidepager-control-border": "--border-neutral",
+        "--slidepager-control-border-width": "--border-width-1",
+        "--slidepager-control-radius": "--radius-none",
+        "--slidepager-control-size": "--space-40",
+        "--slidepager-control-icon": "--text-primary",
+        "--slidepager-control-icon-size": "--icon-size-md",
+        "--slidepager-control-hover-surface": "--surface-brand-high",
+        "--slidepager-control-hover-border": "--border-brand",
+        "--slidepager-control-hover-icon": "--text-inverted",
+        "--slidepager-control-disabled-surface": "--surface-neutral-lower",
+        "--slidepager-control-disabled-border": "--border-neutral-subtle",
+        "--slidepager-control-disabled-icon": "--text-disabled",
+        "--slidepager-counter-text": "--text-secondary",
+        "--slidepager-counter-font-family": "--font-sans",
+        "--slidepager-counter-font-size": "--font-size-lg",
+        "--slidepager-counter-font-weight": "--font-weight-medium",
+        "--slidepager-counter-line-height": "--line-height-normal",
+        "--slidepager-counter-letter-spacing": "--letter-spacing-normal",
+        "--slidepager-scrim-surface": "--scrim-high",
+        "--slidepager-overlay-padding": "--space-64",
+        "--slidepager-close-margin": "--space-24",
+        "--slidepager-overlay-duration": "--duration-300",
+        "--slidepager-overlay-easing": "--ease-out-quad"
+      }
     }
   },
-  "componentSchemaVersion": 37
+  "componentSchemaVersion": 38
 }