@ecopages/radiant-themes 0.3.2 → 0.3.3

package/dist/compiled/themes/macos.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/material/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,
@@ -334,7 +353,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='material'] {
+:where(:root),
+:root[data-rui-theme='material'] {
   --material-primary: #6750a4;
   --material-on-primary: #ffffff;
   --material-primary-container: #eaddff;
@@ -365,7 +385,8 @@
   --material-outline: #79747e;
   --material-outline-variant: #cac4d0;
 }
-:where(.dark), :root.dark[data-rui-theme='material'] {
+:where(.dark),
+:root.dark[data-rui-theme='material'] {
   --material-primary: #d0bcff;
   --material-on-primary: #381e72;
   --material-primary-container: #4f378b;
@@ -396,7 +417,8 @@
   --material-outline: #938f99;
   --material-outline-variant: #49454f;
 }
-:where(:root), :root[data-rui-theme='material'] {
+:where(:root),
+:root[data-rui-theme='material'] {
   --gray-50: oklch(98% 0.008 285);
   --gray-100: oklch(95% 0.012 285);
   --gray-200: oklch(89% 0.015 285);
@@ -476,7 +498,8 @@
   --background-code: var(--material-surface-container-high);
   --on-background-code: var(--material-on-surface);
 }
-:where(.dark), :root.dark[data-rui-theme='material'] {
+:where(.dark),
+:root.dark[data-rui-theme='material'] {
   --gray-50: oklch(95% 0.008 285);
   --gray-100: oklch(90% 0.01 285);
   --gray-200: oklch(82% 0.012 285);

package/dist/compiled/themes/material.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,
@@ -334,7 +353,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='material'] {
+:where(:root),
+:root[data-rui-theme='material'] {
   --material-primary: #6750a4;
   --material-on-primary: #ffffff;
   --material-primary-container: #eaddff;
@@ -365,7 +385,8 @@
   --material-outline: #79747e;
   --material-outline-variant: #cac4d0;
 }
-:where(.dark), :root.dark[data-rui-theme='material'] {
+:where(.dark),
+:root.dark[data-rui-theme='material'] {
   --material-primary: #d0bcff;
   --material-on-primary: #381e72;
   --material-primary-container: #4f378b;
@@ -396,7 +417,8 @@
   --material-outline: #938f99;
   --material-outline-variant: #49454f;
 }
-:where(:root), :root[data-rui-theme='material'] {
+:where(:root),
+:root[data-rui-theme='material'] {
   --gray-50: oklch(98% 0.008 285);
   --gray-100: oklch(95% 0.012 285);
   --gray-200: oklch(89% 0.015 285);
@@ -476,7 +498,8 @@
   --background-code: var(--material-surface-container-high);
   --on-background-code: var(--material-on-surface);
 }
-:where(.dark), :root.dark[data-rui-theme='material'] {
+:where(.dark),
+:root.dark[data-rui-theme='material'] {
   --gray-50: oklch(95% 0.008 285);
   --gray-100: oklch(90% 0.01 285);
   --gray-200: oklch(82% 0.012 285);

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

@@ -27,7 +27,6 @@
   --font-weight-medium: var(--weight-medium);
   --opacity-disabled: var(--opacity-disabled);
   --opacity-muted: var(--opacity-muted);
-  --spacing-2: var(--space-2);
   --radius-none: var(--border-radius-none);
   --radius-control: var(--radius-control);
   --radius-container: var(--radius-container);
@@ -65,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;
@@ -199,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,
@@ -335,7 +353,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='vercel'] {
+:where(:root),
+:root[data-rui-theme='vercel'] {
   --color-vercel-gray-50: #fafafa;
   --color-vercel-gray-100: #f2f2f2;
   --color-vercel-gray-200: #ebebeb;
@@ -368,7 +387,8 @@
   --color-vercel-text-secondary: #666666;
   --color-vercel-text-primary: #171717;
 }
-:where(.dark), :root.dark[data-rui-theme='vercel'] {
+:where(.dark),
+:root.dark[data-rui-theme='vercel'] {
   --color-vercel-gray-50: #1a1a1a;
   --color-vercel-gray-100: #1f1f1f;
   --color-vercel-gray-200: #292929;
@@ -401,7 +421,8 @@
   --color-vercel-text-secondary: #a1a1a1;
   --color-vercel-text-primary: #ededed;
 }
-:where(:root), :root[data-rui-theme='vercel'] {
+:where(:root),
+:root[data-rui-theme='vercel'] {
   --gray-50: var(--color-vercel-gray-50);
   --gray-100: var(--color-vercel-gray-100);
   --gray-200: var(--color-vercel-gray-200);
@@ -546,7 +567,8 @@
   --background-code: var(--color-vercel-background-1);
   --on-background-code: var(--color-vercel-text-primary);
 }
-:where(.dark), :root.dark[data-rui-theme='vercel'] {
+:where(.dark),
+:root.dark[data-rui-theme='vercel'] {
   --primary: var(--color-vercel-high-contrast-1);
   --on-primary: var(--color-vercel-background-1);
   --primary-light: var(--color-vercel-high-contrast-2);
@@ -605,7 +627,8 @@
   --background-code: var(--color-vercel-background-2);
   --on-background-code: var(--color-vercel-text-primary);
 }
-:where(:root), :root[data-rui-theme='vercel'] {
+:where(:root),
+:root[data-rui-theme='vercel'] {
   --font-sans: Geist, 'Geist Sans', ui-sans-serif, system-ui, sans-serif;
   --font-heading: Geist, 'Geist Sans', ui-sans-serif, system-ui, sans-serif;
   --font-mono: 'Geist Mono', 'GeistMono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -620,6 +643,16 @@
   --radius-control: var(--border-radius-md);
   --radius-container: var(--border-radius-xl);
 }
+:root {
+  --size-control-sm: 1.75rem;
+  --size-control-md: 2rem;
+  --size-control-lg: 2.5rem;
+  --text-control: 0.8125rem;
+  --space-control-x: 0.625rem;
+  --space-control-y: 0.375rem;
+  --space-stack: 0.875rem;
+  --space-inset: 0.875rem;
+}
 @layer components {
   :root.dark .rui-button--destructive {
     background-color: #d93036;
@@ -728,8 +761,8 @@
   }
   :root .rui-tooltip__content {
     --rui-tooltip-radius: var(--radius-control);
-    --rui-tooltip-padding-x: 0.75rem;
-    --rui-tooltip-padding-y: 0.375rem;
+    --rui-tooltip-padding-x: 0.625rem;
+    --rui-tooltip-padding-y: 0.25rem;
   }
   :root .rui-menu-button__menu,
 	:root .rui-menubar__menu,
@@ -739,7 +772,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--border);
-    padding: var(--spacing-2);
+    padding: calc(var(--spacing, 0.25rem) * 1.5);
     background-color: var(--color-vercel-background-1);
     box-shadow: 0 4px 8px -4px rgb(0 0 0 / 0.04),
 			0 16px 24px -8px rgb(0 0 0 / 0.06);
@@ -759,8 +792,8 @@
     border-bottom-width: 1px;
     border-color: var(--border);
     background-color: transparent;
-    padding-inline: var(--spacing-2);
-    padding-top: var(--spacing-2);
+    padding-inline: calc(var(--spacing, 0.25rem) * 1.5);
+    padding-top: calc(var(--spacing, 0.25rem) * 1.5);
     gap: 0;
   }
   :root rui-tabs[variant='boxed'] .rui-tabs__tab {

package/dist/compiled/themes/vercel.css

@@ -27,7 +27,6 @@
   --font-weight-medium: var(--weight-medium);
   --opacity-disabled: var(--opacity-disabled);
   --opacity-muted: var(--opacity-muted);
-  --spacing-2: var(--space-2);
   --radius-none: var(--border-radius-none);
   --radius-control: var(--radius-control);
   --radius-container: var(--radius-container);
@@ -65,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;
@@ -199,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,
@@ -335,7 +353,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='vercel'] {
+:where(:root),
+:root[data-rui-theme='vercel'] {
   --color-vercel-gray-50: #fafafa;
   --color-vercel-gray-100: #f2f2f2;
   --color-vercel-gray-200: #ebebeb;
@@ -368,7 +387,8 @@
   --color-vercel-text-secondary: #666666;
   --color-vercel-text-primary: #171717;
 }
-:where(.dark), :root.dark[data-rui-theme='vercel'] {
+:where(.dark),
+:root.dark[data-rui-theme='vercel'] {
   --color-vercel-gray-50: #1a1a1a;
   --color-vercel-gray-100: #1f1f1f;
   --color-vercel-gray-200: #292929;
@@ -401,7 +421,8 @@
   --color-vercel-text-secondary: #a1a1a1;
   --color-vercel-text-primary: #ededed;
 }
-:where(:root), :root[data-rui-theme='vercel'] {
+:where(:root),
+:root[data-rui-theme='vercel'] {
   --gray-50: var(--color-vercel-gray-50);
   --gray-100: var(--color-vercel-gray-100);
   --gray-200: var(--color-vercel-gray-200);
@@ -546,7 +567,8 @@
   --background-code: var(--color-vercel-background-1);
   --on-background-code: var(--color-vercel-text-primary);
 }
-:where(.dark), :root.dark[data-rui-theme='vercel'] {
+:where(.dark),
+:root.dark[data-rui-theme='vercel'] {
   --primary: var(--color-vercel-high-contrast-1);
   --on-primary: var(--color-vercel-background-1);
   --primary-light: var(--color-vercel-high-contrast-2);
@@ -605,7 +627,8 @@
   --background-code: var(--color-vercel-background-2);
   --on-background-code: var(--color-vercel-text-primary);
 }
-:where(:root), :root[data-rui-theme='vercel'] {
+:where(:root),
+:root[data-rui-theme='vercel'] {
   --font-sans: Geist, 'Geist Sans', ui-sans-serif, system-ui, sans-serif;
   --font-heading: Geist, 'Geist Sans', ui-sans-serif, system-ui, sans-serif;
   --font-mono: 'Geist Mono', 'GeistMono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -620,6 +643,16 @@
   --radius-control: var(--border-radius-md);
   --radius-container: var(--border-radius-xl);
 }
+:root {
+  --size-control-sm: 1.75rem;
+  --size-control-md: 2rem;
+  --size-control-lg: 2.5rem;
+  --text-control: 0.8125rem;
+  --space-control-x: 0.625rem;
+  --space-control-y: 0.375rem;
+  --space-stack: 0.875rem;
+  --space-inset: 0.875rem;
+}
 @layer components {
   :root.dark .rui-button--destructive {
     background-color: #d93036;
@@ -728,8 +761,8 @@
   }
   :root .rui-tooltip__content {
     --rui-tooltip-radius: var(--radius-control);
-    --rui-tooltip-padding-x: 0.75rem;
-    --rui-tooltip-padding-y: 0.375rem;
+    --rui-tooltip-padding-x: 0.625rem;
+    --rui-tooltip-padding-y: 0.25rem;
   }
   :root .rui-menu-button__menu,
 	:root .rui-menubar__menu,
@@ -739,7 +772,7 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
     border-color: var(--border);
-    padding: var(--spacing-2);
+    padding: calc(var(--spacing, 0.25rem) * 1.5);
     background-color: var(--color-vercel-background-1);
     box-shadow: 0 4px 8px -4px rgb(0 0 0 / 0.04),
 			0 16px 24px -8px rgb(0 0 0 / 0.06);
@@ -759,8 +792,8 @@
     border-bottom-width: 1px;
     border-color: var(--border);
     background-color: transparent;
-    padding-inline: var(--spacing-2);
-    padding-top: var(--spacing-2);
+    padding-inline: calc(var(--spacing, 0.25rem) * 1.5);
+    padding-top: calc(var(--spacing, 0.25rem) * 1.5);
     gap: 0;
   }
   :root rui-tabs[variant='boxed'] .rui-tabs__tab {

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

@@ -68,6 +68,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;
@@ -202,6 +214,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,
@@ -338,7 +357,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='vscode'] {
+:where(:root),
+:root[data-rui-theme='vscode'] {
   --color-vscode-canvas: #ffffff;
   --color-vscode-subtle: #f8f8f8;
   --color-vscode-muted: #ececec;
@@ -373,7 +393,8 @@
   --color-vscode-scrollbar-hover: rgb(100 100 100 / 70%);
   --color-vscode-scrollbar-active: rgb(0 0 0 / 60%);
 }
-:where(.dark), :root.dark[data-rui-theme='vscode'] {
+:where(.dark),
+:root.dark[data-rui-theme='vscode'] {
   --color-vscode-canvas: #1f1f1f;
   --color-vscode-subtle: #181818;
   --color-vscode-muted: #2b2b2b;
@@ -408,7 +429,8 @@
   --color-vscode-scrollbar-hover: rgb(100 100 100 / 70%);
   --color-vscode-scrollbar-active: rgb(191 191 191 / 40%);
 }
-:where(:root), :root[data-rui-theme='vscode'] {
+:where(:root),
+:root[data-rui-theme='vscode'] {
   --gray-50: var(--color-vscode-canvas);
   @supports (color: color-mix(in lab, red, red)) {
     --gray-50: color-mix(in oklab, var(--color-vscode-canvas), var(--color-vscode-fg) 4%);
@@ -593,7 +615,8 @@
   --background-code: var(--color-vscode-subtle);
   --on-background-code: var(--color-vscode-fg);
 }
-:where(.dark), :root.dark[data-rui-theme='vscode'] {
+:where(.dark),
+:root.dark[data-rui-theme='vscode'] {
   --gray-50: var(--color-vscode-canvas);
   @supports (color: color-mix(in lab, red, red)) {
     --gray-50: color-mix(in oklab, var(--color-vscode-canvas), white 96%);
@@ -699,6 +722,7 @@
 }
 :root,
 :root[data-rui-theme='vscode'] {
+  --rui-knob-linecap: butt;
   --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, Ubuntu, 'Droid Sans', sans-serif;
   --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, Ubuntu, 'Droid Sans', sans-serif;
   --font-mono: Menlo, Monaco, Consolas, 'Droid Sans Mono', 'Courier New', monospace;

package/dist/compiled/themes/vscode.css

@@ -68,6 +68,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;
@@ -202,6 +214,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,
@@ -338,7 +357,8 @@
 :where(.dark) {
   color-scheme: dark;
 }
-:where(:root), :root[data-rui-theme='vscode'] {
+:where(:root),
+:root[data-rui-theme='vscode'] {
   --color-vscode-canvas: #ffffff;
   --color-vscode-subtle: #f8f8f8;
   --color-vscode-muted: #ececec;
@@ -373,7 +393,8 @@
   --color-vscode-scrollbar-hover: rgb(100 100 100 / 70%);
   --color-vscode-scrollbar-active: rgb(0 0 0 / 60%);
 }
-:where(.dark), :root.dark[data-rui-theme='vscode'] {
+:where(.dark),
+:root.dark[data-rui-theme='vscode'] {
   --color-vscode-canvas: #1f1f1f;
   --color-vscode-subtle: #181818;
   --color-vscode-muted: #2b2b2b;
@@ -408,7 +429,8 @@
   --color-vscode-scrollbar-hover: rgb(100 100 100 / 70%);
   --color-vscode-scrollbar-active: rgb(191 191 191 / 40%);
 }
-:where(:root), :root[data-rui-theme='vscode'] {
+:where(:root),
+:root[data-rui-theme='vscode'] {
   --gray-50: var(--color-vscode-canvas);
   @supports (color: color-mix(in lab, red, red)) {
     --gray-50: color-mix(in oklab, var(--color-vscode-canvas), var(--color-vscode-fg) 4%);
@@ -593,7 +615,8 @@
   --background-code: var(--color-vscode-subtle);
   --on-background-code: var(--color-vscode-fg);
 }
-:where(.dark), :root.dark[data-rui-theme='vscode'] {
+:where(.dark),
+:root.dark[data-rui-theme='vscode'] {
   --gray-50: var(--color-vscode-canvas);
   @supports (color: color-mix(in lab, red, red)) {
     --gray-50: color-mix(in oklab, var(--color-vscode-canvas), white 96%);
@@ -699,6 +722,7 @@
 }
 :root,
 :root[data-rui-theme='vscode'] {
+  --rui-knob-linecap: butt;
   --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, Ubuntu, 'Droid Sans', sans-serif;
   --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', system-ui, Ubuntu, 'Droid Sans', sans-serif;
   --font-mono: Menlo, Monaco, Consolas, 'Droid Sans Mono', 'Courier New', monospace;