@ecopages/radiant-themes 0.3.1 → 0.3.3

package/README.md

@@ -19,13 +19,26 @@ Import a complete theme and the component stylesheet:
 @import '@ecopages/radiant-ui/styles.css';
 ```
 
-Themes include GitHub, Cloudflare, VS Code, Vercel, Material Design, High Contrast, Windows 95, Mac OS Classic, and macOS. Each
+Themes include GitHub, Cloudflare, VS Code, Vercel, Material Design, High Contrast, Windows 95, Mac OS Classic, macOS, and Zed. Each
 owns its shape, typography, spacing, semantic colors, and any component-specific styling. Theme source remains
 composable internally, while the public API stays at one import per complete theme.
 
 Theme entries define font-family stacks but do not bundle font files. An app can load properly licensed font files
 separately and override `--font-sans`, `--font-heading`, or `--font-mono` after the theme import.
 
+### Fonts
+
+Themes that name a web font expect the app to load it; without it the stack falls back to the system font.
+
+| Theme    | Font                         | Install                                                        |
+| -------- | ---------------------------- | -------------------------------------------------------------- |
+| Zed      | IBM Plex Sans, IBM Plex Mono | `pnpm add @fontsource/ibm-plex-sans @fontsource/ibm-plex-mono` |
+| Zed      | Lilex (optional, code)       | `pnpm add @fontsource/lilex`                                   |
+| Vercel   | Geist                        | `pnpm add @fontsource-variable/geist`                          |
+| Material | Roboto                       | `pnpm add @fontsource/roboto`                                  |
+
+Import the Fontsource CSS once in the app, for example `import '@fontsource/ibm-plex-sans/400.css';`.
+
 Compact variants have their own export, for example:
 
 ```css
@@ -82,6 +95,9 @@ GitHub maps Primer's functional roles: green is limited to the primary button, t
 selected, checked, or current states, the selected tab uses Primer's coral underline, and secondary actions use
 Primer's grey default button.
 
+The Zed theme follows One Light and One Dark: flat panels, hairline borders, 4px controls, 6px popovers, 13px control
+text, and translucent accent fills for hover and selection.
+
 The Vercel theme uses Background 2 for the light canvas and Background 1 for primary surfaces. Its component colors
 drive hover and active fills, Colors 4–6 drive default, hover, and active borders, and blue stays focused on links and
 keyboard focus. Control boundaries are strengthened for visibility. VS Code follows Light Modern and Dark Modern: 26px

package/dist/compiled/themes/cloudflare/compact.css

@@ -64,6 +64,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -198,6 +210,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,

package/dist/compiled/themes/cloudflare.css

@@ -64,6 +64,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -198,6 +210,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,

package/dist/compiled/themes/github/compact.css

@@ -70,6 +70,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -204,6 +216,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -340,7 +359,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='github'] {
+:where(:root),
+:root[data-rui-theme='github'] {
   --color-github-white: #ffffff;
   --color-github-canvas: #ffffff;
   --color-github-subtle: #f6f8fa;
@@ -370,7 +390,8 @@
   --color-github-track: #e6eaef;
   --color-github-knob-border: #818b98;
 }
-:where(.dark), :root.dark[data-rui-theme='github'] {
+:where(.dark),
+:root.dark[data-rui-theme='github'] {
   --color-github-white: #f0f6fc;
   --color-github-canvas: #0d1117;
   --color-github-subtle: #151b23;

package/dist/compiled/themes/github.css

@@ -70,6 +70,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -204,6 +216,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -340,7 +359,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='github'] {
+:where(:root),
+:root[data-rui-theme='github'] {
   --color-github-white: #ffffff;
   --color-github-canvas: #ffffff;
   --color-github-subtle: #f6f8fa;
@@ -370,7 +390,8 @@
   --color-github-track: #e6eaef;
   --color-github-knob-border: #818b98;
 }
-:where(.dark), :root.dark[data-rui-theme='github'] {
+:where(.dark),
+:root.dark[data-rui-theme='github'] {
   --color-github-white: #f0f6fc;
   --color-github-canvas: #0d1117;
   --color-github-subtle: #151b23;

package/dist/compiled/themes/high-contrast/compact.css

@@ -65,6 +65,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -199,6 +211,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -335,7 +354,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='high-contrast'] {
+:where(:root),
+:root[data-rui-theme='high-contrast'] {
   --contrast-canvas: #ffffff;
   --contrast-surface: #ffffff;
   --contrast-container: #f2f2f2;
@@ -355,7 +375,8 @@
   --contrast-warning-container: #fff0b8;
   --contrast-focus: #0000a8;
 }
-:where(.dark), :root.dark[data-rui-theme='high-contrast'] {
+:where(.dark),
+:root.dark[data-rui-theme='high-contrast'] {
   --contrast-canvas: #000000;
   --contrast-surface: #000000;
   --contrast-container: #1a1a1a;
@@ -375,7 +396,8 @@
   --contrast-warning-container: #ffff00;
   --contrast-focus: #ffff00;
 }
-:where(:root), :root[data-rui-theme='high-contrast'] {
+:where(:root),
+:root[data-rui-theme='high-contrast'] {
   --gray-50: #ffffff;
   --gray-100: #ffffff;
   --gray-200: #f2f2f2;
@@ -455,7 +477,8 @@
   --background-code: #ffffff;
   --on-background-code: #000000;
 }
-:where(.dark), :root.dark[data-rui-theme='high-contrast'] {
+:where(.dark),
+:root.dark[data-rui-theme='high-contrast'] {
   --gray-50: #ffffff;
   --gray-100: #f2f2f2;
   --gray-200: #d9d9d9;
@@ -537,6 +560,7 @@
 }
 :root,
 :root[data-rui-theme='high-contrast'] {
+  --rui-knob-linecap: butt;
   --font-sans: ui-sans-serif, system-ui, sans-serif;
   --font-heading: var(--font-sans);
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

package/dist/compiled/themes/high-contrast.css

@@ -65,6 +65,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -199,6 +211,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -335,7 +354,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='high-contrast'] {
+:where(:root),
+:root[data-rui-theme='high-contrast'] {
   --contrast-canvas: #ffffff;
   --contrast-surface: #ffffff;
   --contrast-container: #f2f2f2;
@@ -355,7 +375,8 @@
   --contrast-warning-container: #fff0b8;
   --contrast-focus: #0000a8;
 }
-:where(.dark), :root.dark[data-rui-theme='high-contrast'] {
+:where(.dark),
+:root.dark[data-rui-theme='high-contrast'] {
   --contrast-canvas: #000000;
   --contrast-surface: #000000;
   --contrast-container: #1a1a1a;
@@ -375,7 +396,8 @@
   --contrast-warning-container: #ffff00;
   --contrast-focus: #ffff00;
 }
-:where(:root), :root[data-rui-theme='high-contrast'] {
+:where(:root),
+:root[data-rui-theme='high-contrast'] {
   --gray-50: #ffffff;
   --gray-100: #ffffff;
   --gray-200: #f2f2f2;
@@ -455,7 +477,8 @@
   --background-code: #ffffff;
   --on-background-code: #000000;
 }
-:where(.dark), :root.dark[data-rui-theme='high-contrast'] {
+:where(.dark),
+:root.dark[data-rui-theme='high-contrast'] {
   --gray-50: #ffffff;
   --gray-100: #f2f2f2;
   --gray-200: #d9d9d9;
@@ -537,6 +560,7 @@
 }
 :root,
 :root[data-rui-theme='high-contrast'] {
+  --rui-knob-linecap: butt;
   --font-sans: ui-sans-serif, system-ui, sans-serif;
   --font-heading: var(--font-sans);
   --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

package/dist/compiled/themes/macos/compact.css

@@ -70,6 +70,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -204,6 +216,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -340,7 +359,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='macos'] {
+:where(:root),
+:root[data-rui-theme='macos'] {
   --macos-canvas: #ececec;
   --macos-surface: #ffffff;
   --macos-subtle: #e3e3e3;
@@ -369,7 +389,8 @@
   --macos-control-shadow: 0 0 0 0.5px rgb(0 0 0 / 0.16), 0 0.5px 1px rgb(0 0 0 / 0.22), 0 1px 1.5px -0.5px rgb(0 0 0 / 0.1);
   --macos-menu-shadow: 0 0 0 0.5px var(--macos-elevated-edge), 0 10px 30px rgb(0 0 0 / 0.2), 0 2px 6px rgb(0 0 0 / 0.1);
 }
-:where(.dark), :root.dark[data-rui-theme='macos'] {
+:where(.dark),
+:root.dark[data-rui-theme='macos'] {
   --macos-canvas: #323232;
   --macos-surface: #1e1e1e;
   --macos-subtle: #3d3d3d;
@@ -399,7 +420,8 @@
   --macos-menu-shadow: inset 0 0 0 0.5px var(--macos-elevated-highlight), 0 0 0 0.5px var(--macos-elevated-edge),
 		0 10px 30px rgb(0 0 0 / 0.45);
 }
-:where(:root), :root[data-rui-theme='macos'] {
+:where(:root),
+:root[data-rui-theme='macos'] {
   --gray-50: #ffffff;
   --gray-100: #f6f6f6;
   --gray-200: #ececec;
@@ -479,7 +501,8 @@
   --background-code: #ffffff;
   --on-background-code: var(--macos-text);
 }
-:where(.dark), :root.dark[data-rui-theme='macos'] {
+:where(.dark),
+:root.dark[data-rui-theme='macos'] {
   --gray-50: #ffffff;
   --gray-100: #dfdfdf;
   --gray-200: #b9b9be;
@@ -561,6 +584,7 @@
 }
 :root,
 :root[data-rui-theme='macos'] {
+  --press-shift: 0px;
   --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Arial, sans-serif;
   --font-heading: system-ui, -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
   --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Monaco, monospace;

package/dist/compiled/themes/macos-classic/compact.css

@@ -67,6 +67,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -201,6 +213,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -337,7 +356,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='macos-classic'] {
+:where(:root),
+:root[data-rui-theme='macos-classic'] {
   --macos-classic-canvas: #dddddd;
   --macos-classic-surface: #dddddd;
   --macos-classic-container: #cccccc;
@@ -361,7 +381,8 @@
   --macos-classic-red: #8c1c1c;
   --macos-classic-amber: #644100;
 }
-:where(.dark), :root.dark[data-rui-theme='macos-classic'] {
+:where(.dark),
+:root.dark[data-rui-theme='macos-classic'] {
   --macos-classic-canvas: #262626;
   --macos-classic-surface: #2e2e2e;
   --macos-classic-container: #3a3a3a;
@@ -385,7 +406,8 @@
   --macos-classic-red: #ffaaa0;
   --macos-classic-amber: #ffd27a;
 }
-:where(:root), :root[data-rui-theme='macos-classic'] {
+:where(:root),
+:root[data-rui-theme='macos-classic'] {
   --gray-50: #ffffff;
   --gray-100: #eeeeee;
   --gray-200: #dddddd;
@@ -477,7 +499,8 @@
   --background-code: #ffffff;
   --on-background-code: #000000;
 }
-:where(.dark), :root.dark[data-rui-theme='macos-classic'] {
+:where(.dark),
+:root.dark[data-rui-theme='macos-classic'] {
   --gray-50: #ffffff;
   --gray-100: #eeeeee;
   --gray-200: #d0d0d0;
@@ -546,6 +569,18 @@
 }
 :root,
 :root[data-rui-theme='macos-classic'] {
+  --rui-knob-linecap: butt;
+  --press-shift: 0px;
+  --popup-enter-duration: 0ms;
+  --popup-exit-duration: 0ms;
+  --popup-scale-from: 1;
+  --popup-shift: 0px;
+  --tooltip-duration: 0ms;
+  --hover-card-enter-duration: 0ms;
+  --dialog-enter-duration: 0ms;
+  --dialog-exit-duration: 0ms;
+  --backdrop-duration: 0ms;
+  --check-duration: 0ms;
   --font-sans: Charcoal, Geneva, 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif;
   --font-heading: Charcoal, Geneva, 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif;
   --font-mono: Monaco, Menlo, 'Courier New', monospace;

package/dist/compiled/themes/macos-classic.css

@@ -67,6 +67,18 @@
   --duration-slow: 300ms;
   --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
   --ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
+  --popup-scale-from: 0.96;
+  --popup-shift: 4px;
+  --popup-enter-duration: var(--duration-fast);
+  --popup-exit-duration: 100ms;
+  --tooltip-duration: 120ms;
+  --hover-card-enter-duration: 180ms;
+  --dialog-enter-duration: var(--duration-normal);
+  --dialog-exit-duration: 120ms;
+  --backdrop-duration: var(--duration-fast);
+  --check-duration: min(120ms, var(--duration-fast));
+  --press-shift: 1px;
   --color-black: oklch(0% 0 0);
   --color-white: oklch(100% 0 0);
   --border-width-hairline: 1px;
@@ -201,6 +213,13 @@
     --duration-fast: 0ms;
     --duration-normal: 0ms;
     --duration-slow: 0ms;
+    --press-shift: 0px;
+    --popup-scale-from: 1;
+    --popup-shift: 0px;
+    --popup-exit-duration: 0ms;
+    --tooltip-duration: 0ms;
+    --hover-card-enter-duration: 0ms;
+    --dialog-exit-duration: 0ms;
   }
   *,
 	*::before,
@@ -337,7 +356,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='macos-classic'] {
+:where(:root),
+:root[data-rui-theme='macos-classic'] {
   --macos-classic-canvas: #dddddd;
   --macos-classic-surface: #dddddd;
   --macos-classic-container: #cccccc;
@@ -361,7 +381,8 @@
   --macos-classic-red: #8c1c1c;
   --macos-classic-amber: #644100;
 }
-:where(.dark), :root.dark[data-rui-theme='macos-classic'] {
+:where(.dark),
+:root.dark[data-rui-theme='macos-classic'] {
   --macos-classic-canvas: #262626;
   --macos-classic-surface: #2e2e2e;
   --macos-classic-container: #3a3a3a;
@@ -385,7 +406,8 @@
   --macos-classic-red: #ffaaa0;
   --macos-classic-amber: #ffd27a;
 }
-:where(:root), :root[data-rui-theme='macos-classic'] {
+:where(:root),
+:root[data-rui-theme='macos-classic'] {
   --gray-50: #ffffff;
   --gray-100: #eeeeee;
   --gray-200: #dddddd;
@@ -477,7 +499,8 @@
   --background-code: #ffffff;
   --on-background-code: #000000;
 }
-:where(.dark), :root.dark[data-rui-theme='macos-classic'] {
+:where(.dark),
+:root.dark[data-rui-theme='macos-classic'] {
   --gray-50: #ffffff;
   --gray-100: #eeeeee;
   --gray-200: #d0d0d0;
@@ -546,6 +569,18 @@
 }
 :root,
 :root[data-rui-theme='macos-classic'] {
+  --rui-knob-linecap: butt;
+  --press-shift: 0px;
+  --popup-enter-duration: 0ms;
+  --popup-exit-duration: 0ms;
+  --popup-scale-from: 1;
+  --popup-shift: 0px;
+  --tooltip-duration: 0ms;
+  --hover-card-enter-duration: 0ms;
+  --dialog-enter-duration: 0ms;
+  --dialog-exit-duration: 0ms;
+  --backdrop-duration: 0ms;
+  --check-duration: 0ms;
   --font-sans: Charcoal, Geneva, 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif;
   --font-heading: Charcoal, Geneva, 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif;
   --font-mono: Monaco, Menlo, 'Courier New', monospace;