@vellira-ui/tokens 2.25.1 → 2.26.1

package/dist/generated/token-types.js

@@ -196,12 +196,12 @@ export const semanticTokenPaths = [
     'semantic.control.default.bg',
     'semantic.control.default.border',
     'semantic.control.default.fg',
+    'semantic.control.disabled.bg',
+    'semantic.control.disabled.border',
+    'semantic.control.disabled.fg',
     'semantic.control.hover.bg',
     'semantic.control.hover.border',
     'semantic.control.hover.fg',
-    'semantic.control.radioHover.bg',
-    'semantic.control.radioHover.border',
-    'semantic.control.radioHover.fg',
     'semantic.control.selected.active.bg',
     'semantic.control.selected.active.border',
     'semantic.control.selected.active.fg',
@@ -214,28 +214,51 @@ export const semanticTokenPaths = [
     'semantic.control.selected.muted.bg',
     'semantic.control.selected.muted.border',
     'semantic.control.selected.muted.fg',
-    'semantic.control.selected.radioDefault.bg',
-    'semantic.control.selected.radioDefault.border',
-    'semantic.control.selected.radioDefault.fg',
     'semantic.divider.default',
     'semantic.divider.muted',
     'semantic.divider.strong',
-    'semantic.focus.ring',
-    'semantic.focus.ringOffset',
+    'semantic.focus.ring.color',
+    'semantic.focus.ring.offset',
+    'semantic.focus.ring.shadow',
+    'semantic.focus.ring.width',
+    'semantic.icons.brand',
+    'semantic.icons.danger',
+    'semantic.icons.default',
+    'semantic.icons.disabled',
+    'semantic.icons.hover',
+    'semantic.icons.inverse',
+    'semantic.icons.muted',
+    'semantic.icons.primary',
+    'semantic.icons.secondary',
+    'semantic.icons.subtle',
+    'semantic.icons.success',
+    'semantic.menu.background',
+    'semantic.menu.border',
+    'semantic.menu.item.active.bg',
+    'semantic.menu.item.active.fg',
+    'semantic.menu.item.danger.active.bg',
+    'semantic.menu.item.danger.active.fg',
+    'semantic.menu.item.danger.default.bg',
+    'semantic.menu.item.danger.default.fg',
+    'semantic.menu.item.danger.disabled.bg',
+    'semantic.menu.item.danger.disabled.fg',
+    'semantic.menu.item.danger.hover.bg',
+    'semantic.menu.item.danger.hover.fg',
+    'semantic.menu.item.default.bg',
+    'semantic.menu.item.default.fg',
+    'semantic.menu.item.disabled.bg',
+    'semantic.menu.item.disabled.fg',
+    'semantic.menu.item.hover.bg',
+    'semantic.menu.item.hover.fg',
+    'semantic.menu.item.pressed.bg',
+    'semantic.menu.item.pressed.fg',
     'semantic.navigation.active.bg',
     'semantic.navigation.active.fg',
     'semantic.navigation.border',
     'semantic.navigation.brandHover.bg',
     'semantic.navigation.brandHover.fg',
-    'semantic.navigation.disabled.bg',
-    'semantic.navigation.disabled.fg',
-    'semantic.navigation.groupLabel.fg',
     'semantic.navigation.hover.bg',
     'semantic.navigation.hover.fg',
-    'semantic.navigation.itemActive.bg',
-    'semantic.navigation.itemActive.fg',
-    'semantic.navigation.itemHover.bg',
-    'semantic.navigation.itemHover.fg',
     'semantic.navigation.optionActive.bg',
     'semantic.navigation.optionActive.fg',
     'semantic.navigation.optionHover.bg',
@@ -244,23 +267,40 @@ export const semanticTokenPaths = [
     'semantic.navigation.tabHover.fg',
     'semantic.navigation.triggerHover.bg',
     'semantic.navigation.triggerHover.fg',
+    'semantic.overlay.backdrop',
+    'semantic.overlay.modal.bg',
+    'semantic.overlay.modal.border',
+    'semantic.overlay.popover.bg',
+    'semantic.overlay.popover.border',
+    'semantic.overlay.tooltip.bg',
+    'semantic.overlay.tooltip.border',
+    'semantic.overlay.tooltip.fg',
+    'semantic.shadow.inset',
+    'semantic.shadow.lg',
+    'semantic.shadow.md',
+    'semantic.shadow.sm',
+    'semantic.shadow.xl',
     'semantic.skeleton.base',
     'semantic.skeleton.highlight',
     'semantic.status.error.bg',
     'semantic.status.error.border',
     'semantic.status.error.fg',
+    'semantic.status.error.ring',
     'semantic.status.error.strong',
     'semantic.status.info.bg',
     'semantic.status.info.border',
     'semantic.status.info.fg',
+    'semantic.status.info.ring',
     'semantic.status.info.strong',
     'semantic.status.success.bg',
     'semantic.status.success.border',
     'semantic.status.success.fg',
+    'semantic.status.success.ring',
     'semantic.status.success.strong',
     'semantic.status.warning.bg',
     'semantic.status.warning.border',
     'semantic.status.warning.fg',
+    'semantic.status.warning.ring',
     'semantic.status.warning.strong',
     'semantic.surface.active',
     'semantic.surface.danger',
@@ -274,11 +314,11 @@ export const semanticTokenPaths = [
     'semantic.surface.subtle',
     'semantic.text.brand',
     'semantic.text.disabled',
-    'semantic.text.elevated',
-    'semantic.text.hover',
+    'semantic.text.interactive',
+    'semantic.text.interactiveActive',
+    'semantic.text.interactiveHover',
     'semantic.text.inverse',
     'semantic.text.muted',
-    'semantic.text.onInverse',
     'semantic.text.primary',
     'semantic.text.secondary',
     'semantic.text.subtle',
@@ -398,12 +438,15 @@ export const componentTokenPaths = [
     'components.checkbox.checked.default.bg',
     'components.checkbox.checked.default.border',
     'components.checkbox.checked.default.fg',
+    'components.checkbox.checked.default.labelFg',
     'components.checkbox.checked.hover.bg',
     'components.checkbox.checked.hover.border',
     'components.checkbox.checked.hover.fg',
+    'components.checkbox.checked.hover.labelFg',
     'components.checkbox.checked.pressed.bg',
     'components.checkbox.checked.pressed.border',
     'components.checkbox.checked.pressed.fg',
+    'components.checkbox.checked.pressed.labelFg',
     'components.checkbox.default.bg',
     'components.checkbox.default.border',
     'components.checkbox.default.fg',
@@ -412,13 +455,60 @@ export const componentTokenPaths = [
     'components.checkbox.disabled.fg',
     'components.checkbox.error.border',
     'components.checkbox.error.fg',
+    'components.checkbox.error.ring',
     'components.checkbox.focus.ring',
     'components.checkbox.hover.bg',
     'components.checkbox.hover.border',
     'components.checkbox.hover.fg',
+    'components.checkbox.hover.labelFg',
+    'components.contextMenu.content.bg',
+    'components.contextMenu.content.border',
+    'components.contextMenu.content.shadow',
+    'components.contextMenu.groupLabel.fg',
+    'components.contextMenu.item.active.bg',
+    'components.contextMenu.item.active.fg',
+    'components.contextMenu.item.active.ring',
+    'components.contextMenu.item.danger.active.bg',
+    'components.contextMenu.item.danger.active.fg',
+    'components.contextMenu.item.danger.default.bg',
+    'components.contextMenu.item.danger.default.fg',
+    'components.contextMenu.item.danger.disabled.bg',
+    'components.contextMenu.item.danger.disabled.fg',
+    'components.contextMenu.item.danger.hover.bg',
+    'components.contextMenu.item.danger.hover.fg',
+    'components.contextMenu.item.default.bg',
+    'components.contextMenu.item.default.fg',
+    'components.contextMenu.item.disabled.bg',
+    'components.contextMenu.item.disabled.fg',
+    'components.contextMenu.item.focus.ring.color',
+    'components.contextMenu.item.focus.ring.offset',
+    'components.contextMenu.item.focus.ring.shadow',
+    'components.contextMenu.item.focus.ring.width',
+    'components.contextMenu.item.hover.bg',
+    'components.contextMenu.item.hover.fg',
+    'components.contextMenu.item.pressed.bg',
+    'components.contextMenu.item.pressed.fg',
+    'components.contextMenu.trigger.default.bg',
+    'components.contextMenu.trigger.default.border',
+    'components.contextMenu.trigger.default.fg',
+    'components.contextMenu.trigger.disabled.bg',
+    'components.contextMenu.trigger.disabled.border',
+    'components.contextMenu.trigger.disabled.fg',
+    'components.contextMenu.trigger.focus.bg',
+    'components.contextMenu.trigger.focus.border',
+    'components.contextMenu.trigger.focus.fg',
+    'components.contextMenu.trigger.focus.ring.color',
+    'components.contextMenu.trigger.focus.ring.offset',
+    'components.contextMenu.trigger.focus.ring.shadow',
+    'components.contextMenu.trigger.focus.ring.width',
+    'components.contextMenu.trigger.hover.bg',
+    'components.contextMenu.trigger.hover.border',
+    'components.contextMenu.trigger.hover.fg',
+    'components.contextMenu.trigger.hover.ring',
     'components.dropdown.content.bg',
     'components.dropdown.content.border',
     'components.dropdown.content.fg',
+    'components.dropdown.content.shadow',
     'components.dropdown.groupLabel.fg',
     'components.dropdown.item.active.bg',
     'components.dropdown.item.active.fg',
@@ -426,16 +516,24 @@ export const componentTokenPaths = [
     'components.dropdown.item.danger.active.bg',
     'components.dropdown.item.danger.active.fg',
     'components.dropdown.item.danger.active.ring',
+    'components.dropdown.item.danger.default.bg',
     'components.dropdown.item.danger.default.fg',
+    'components.dropdown.item.danger.disabled.bg',
+    'components.dropdown.item.danger.disabled.fg',
     'components.dropdown.item.danger.hover.bg',
     'components.dropdown.item.danger.hover.fg',
     'components.dropdown.item.default.bg',
     'components.dropdown.item.default.fg',
     'components.dropdown.item.disabled.bg',
     'components.dropdown.item.disabled.fg',
-    'components.dropdown.item.focus.ring',
+    'components.dropdown.item.focus.ring.color',
+    'components.dropdown.item.focus.ring.offset',
+    'components.dropdown.item.focus.ring.shadow',
+    'components.dropdown.item.focus.ring.width',
     'components.dropdown.item.hover.bg',
     'components.dropdown.item.hover.fg',
+    'components.dropdown.item.pressed.bg',
+    'components.dropdown.item.pressed.fg',
     'components.dropdown.separator.bg',
     'components.dropdown.separator.fg',
     'components.dropdown.trigger.default.bg',
@@ -447,7 +545,10 @@ export const componentTokenPaths = [
     'components.dropdown.trigger.focus.bg',
     'components.dropdown.trigger.focus.border',
     'components.dropdown.trigger.focus.fg',
-    'components.dropdown.trigger.focus.ring',
+    'components.dropdown.trigger.focus.ring.color',
+    'components.dropdown.trigger.focus.ring.offset',
+    'components.dropdown.trigger.focus.ring.shadow',
+    'components.dropdown.trigger.focus.ring.width',
     'components.dropdown.trigger.hover.bg',
     'components.dropdown.trigger.hover.border',
     'components.dropdown.trigger.hover.fg',
@@ -506,49 +607,45 @@ export const componentTokenPaths = [
     'components.input.readOnly.placeholder',
     'components.input.success.border',
     'components.input.success.ring',
-    'components.menu.groupLabel.fg',
-    'components.menu.item.active.bg',
-    'components.menu.item.active.fg',
-    'components.menu.item.danger.active.bg',
-    'components.menu.item.danger.active.fg',
-    'components.menu.item.danger.default.fg',
-    'components.menu.item.danger.hover.bg',
-    'components.menu.item.danger.hover.fg',
-    'components.menu.item.default.bg',
-    'components.menu.item.default.fg',
-    'components.menu.item.disabled.bg',
-    'components.menu.item.disabled.fg',
-    'components.menu.item.focus.ring',
-    'components.menu.item.hover.bg',
-    'components.menu.item.hover.fg',
-    'components.menu.trigger.default.fg',
-    'components.menu.trigger.hover.bg',
-    'components.menu.trigger.hover.fg',
-    'components.menu.trigger.hover.ring',
     'components.modal.closeButton.default.bg',
+    'components.modal.closeButton.default.border',
     'components.modal.closeButton.default.fg',
     'components.modal.closeButton.disabled.bg',
+    'components.modal.closeButton.disabled.border',
     'components.modal.closeButton.disabled.fg',
+    'components.modal.closeButton.focus.ring.color',
+    'components.modal.closeButton.focus.ring.offset',
+    'components.modal.closeButton.focus.ring.shadow',
+    'components.modal.closeButton.focus.ring.width',
     'components.modal.closeButton.hover.bg',
+    'components.modal.closeButton.hover.border',
     'components.modal.closeButton.hover.fg',
+    'components.modal.closeButton.pressed.bg',
+    'components.modal.closeButton.pressed.border',
+    'components.modal.closeButton.pressed.fg',
     'components.modal.content.bg',
     'components.modal.content.border',
     'components.modal.content.fg',
+    'components.modal.content.shadow',
     'components.modal.description.fg',
     'components.modal.overlay.bg',
     'components.modal.title.fg',
     'components.radio.checked.default.bg',
     'components.radio.checked.default.border',
     'components.radio.checked.default.fg',
+    'components.radio.checked.default.labelFg',
     'components.radio.checked.disabled.bg',
     'components.radio.checked.disabled.border',
     'components.radio.checked.disabled.fg',
+    'components.radio.checked.disabled.labelFg',
     'components.radio.checked.hover.bg',
     'components.radio.checked.hover.border',
     'components.radio.checked.hover.fg',
+    'components.radio.checked.hover.labelFg',
     'components.radio.checked.pressed.bg',
     'components.radio.checked.pressed.border',
     'components.radio.checked.pressed.fg',
+    'components.radio.checked.pressed.labelFg',
     'components.radio.default.bg',
     'components.radio.default.border',
     'components.radio.default.fg',
@@ -563,13 +660,16 @@ export const componentTokenPaths = [
     'components.radio.invalid.bg',
     'components.radio.invalid.border',
     'components.radio.invalid.fg',
+    'components.radio.invalid.ring',
     'components.radio.pressed.bg',
     'components.radio.pressed.border',
     'components.radio.pressed.fg',
     'components.select.dropdown.bg',
     'components.select.dropdown.border',
     'components.select.dropdown.fg',
+    'components.select.dropdown.shadow',
     'components.select.option.active.bg',
+    'components.select.option.active.border',
     'components.select.option.active.fg',
     'components.select.option.active.ring',
     'components.select.option.default.bg',
@@ -579,9 +679,15 @@ export const componentTokenPaths = [
     'components.select.option.disabled.border',
     'components.select.option.disabled.fg',
     'components.select.option.hover.bg',
+    'components.select.option.hover.border',
     'components.select.option.hover.fg',
+    'components.select.option.pressed.bg',
+    'components.select.option.pressed.border',
+    'components.select.option.pressed.fg',
     'components.select.option.selected.bg',
+    'components.select.option.selected.border',
     'components.select.option.selected.fg',
+    'components.select.option.selected.shadow',
     'components.select.trigger.default.bg',
     'components.select.trigger.default.border',
     'components.select.trigger.default.fg',
@@ -624,7 +730,10 @@ export const componentTokenPaths = [
     'components.tabs.trigger.disabled.bg',
     'components.tabs.trigger.disabled.border',
     'components.tabs.trigger.disabled.fg',
-    'components.tabs.trigger.focus.ring',
+    'components.tabs.trigger.focus.ring.color',
+    'components.tabs.trigger.focus.ring.offset',
+    'components.tabs.trigger.focus.ring.shadow',
+    'components.tabs.trigger.focus.ring.width',
     'components.tabs.trigger.hover.bg',
     'components.tabs.trigger.hover.border',
     'components.tabs.trigger.hover.fg',
@@ -632,6 +741,7 @@ export const componentTokenPaths = [
     'components.tooltip.content.bg',
     'components.tooltip.content.border',
     'components.tooltip.content.fg',
+    'components.tooltip.content.shadow',
 ];
 export const baseTokenPaths = [
     'tokens.radius.full',
@@ -928,12 +1038,15 @@ export const tokenPaths = [
     'components.checkbox.checked.default.bg',
     'components.checkbox.checked.default.border',
     'components.checkbox.checked.default.fg',
+    'components.checkbox.checked.default.labelFg',
     'components.checkbox.checked.hover.bg',
     'components.checkbox.checked.hover.border',
     'components.checkbox.checked.hover.fg',
+    'components.checkbox.checked.hover.labelFg',
     'components.checkbox.checked.pressed.bg',
     'components.checkbox.checked.pressed.border',
     'components.checkbox.checked.pressed.fg',
+    'components.checkbox.checked.pressed.labelFg',
     'components.checkbox.default.bg',
     'components.checkbox.default.border',
     'components.checkbox.default.fg',
@@ -942,13 +1055,60 @@ export const tokenPaths = [
     'components.checkbox.disabled.fg',
     'components.checkbox.error.border',
     'components.checkbox.error.fg',
+    'components.checkbox.error.ring',
     'components.checkbox.focus.ring',
     'components.checkbox.hover.bg',
     'components.checkbox.hover.border',
     'components.checkbox.hover.fg',
+    'components.checkbox.hover.labelFg',
+    'components.contextMenu.content.bg',
+    'components.contextMenu.content.border',
+    'components.contextMenu.content.shadow',
+    'components.contextMenu.groupLabel.fg',
+    'components.contextMenu.item.active.bg',
+    'components.contextMenu.item.active.fg',
+    'components.contextMenu.item.active.ring',
+    'components.contextMenu.item.danger.active.bg',
+    'components.contextMenu.item.danger.active.fg',
+    'components.contextMenu.item.danger.default.bg',
+    'components.contextMenu.item.danger.default.fg',
+    'components.contextMenu.item.danger.disabled.bg',
+    'components.contextMenu.item.danger.disabled.fg',
+    'components.contextMenu.item.danger.hover.bg',
+    'components.contextMenu.item.danger.hover.fg',
+    'components.contextMenu.item.default.bg',
+    'components.contextMenu.item.default.fg',
+    'components.contextMenu.item.disabled.bg',
+    'components.contextMenu.item.disabled.fg',
+    'components.contextMenu.item.focus.ring.color',
+    'components.contextMenu.item.focus.ring.offset',
+    'components.contextMenu.item.focus.ring.shadow',
+    'components.contextMenu.item.focus.ring.width',
+    'components.contextMenu.item.hover.bg',
+    'components.contextMenu.item.hover.fg',
+    'components.contextMenu.item.pressed.bg',
+    'components.contextMenu.item.pressed.fg',
+    'components.contextMenu.trigger.default.bg',
+    'components.contextMenu.trigger.default.border',
+    'components.contextMenu.trigger.default.fg',
+    'components.contextMenu.trigger.disabled.bg',
+    'components.contextMenu.trigger.disabled.border',
+    'components.contextMenu.trigger.disabled.fg',
+    'components.contextMenu.trigger.focus.bg',
+    'components.contextMenu.trigger.focus.border',
+    'components.contextMenu.trigger.focus.fg',
+    'components.contextMenu.trigger.focus.ring.color',
+    'components.contextMenu.trigger.focus.ring.offset',
+    'components.contextMenu.trigger.focus.ring.shadow',
+    'components.contextMenu.trigger.focus.ring.width',
+    'components.contextMenu.trigger.hover.bg',
+    'components.contextMenu.trigger.hover.border',
+    'components.contextMenu.trigger.hover.fg',
+    'components.contextMenu.trigger.hover.ring',
     'components.dropdown.content.bg',
     'components.dropdown.content.border',
     'components.dropdown.content.fg',
+    'components.dropdown.content.shadow',
     'components.dropdown.groupLabel.fg',
     'components.dropdown.item.active.bg',
     'components.dropdown.item.active.fg',
@@ -956,16 +1116,24 @@ export const tokenPaths = [
     'components.dropdown.item.danger.active.bg',
     'components.dropdown.item.danger.active.fg',
     'components.dropdown.item.danger.active.ring',
+    'components.dropdown.item.danger.default.bg',
     'components.dropdown.item.danger.default.fg',
+    'components.dropdown.item.danger.disabled.bg',
+    'components.dropdown.item.danger.disabled.fg',
     'components.dropdown.item.danger.hover.bg',
     'components.dropdown.item.danger.hover.fg',
     'components.dropdown.item.default.bg',
     'components.dropdown.item.default.fg',
     'components.dropdown.item.disabled.bg',
     'components.dropdown.item.disabled.fg',
-    'components.dropdown.item.focus.ring',
+    'components.dropdown.item.focus.ring.color',
+    'components.dropdown.item.focus.ring.offset',
+    'components.dropdown.item.focus.ring.shadow',
+    'components.dropdown.item.focus.ring.width',
     'components.dropdown.item.hover.bg',
     'components.dropdown.item.hover.fg',
+    'components.dropdown.item.pressed.bg',
+    'components.dropdown.item.pressed.fg',
     'components.dropdown.separator.bg',
     'components.dropdown.separator.fg',
     'components.dropdown.trigger.default.bg',
@@ -977,7 +1145,10 @@ export const tokenPaths = [
     'components.dropdown.trigger.focus.bg',
     'components.dropdown.trigger.focus.border',
     'components.dropdown.trigger.focus.fg',
-    'components.dropdown.trigger.focus.ring',
+    'components.dropdown.trigger.focus.ring.color',
+    'components.dropdown.trigger.focus.ring.offset',
+    'components.dropdown.trigger.focus.ring.shadow',
+    'components.dropdown.trigger.focus.ring.width',
     'components.dropdown.trigger.hover.bg',
     'components.dropdown.trigger.hover.border',
     'components.dropdown.trigger.hover.fg',
@@ -1036,49 +1207,45 @@ export const tokenPaths = [
     'components.input.readOnly.placeholder',
     'components.input.success.border',
     'components.input.success.ring',
-    'components.menu.groupLabel.fg',
-    'components.menu.item.active.bg',
-    'components.menu.item.active.fg',
-    'components.menu.item.danger.active.bg',
-    'components.menu.item.danger.active.fg',
-    'components.menu.item.danger.default.fg',
-    'components.menu.item.danger.hover.bg',
-    'components.menu.item.danger.hover.fg',
-    'components.menu.item.default.bg',
-    'components.menu.item.default.fg',
-    'components.menu.item.disabled.bg',
-    'components.menu.item.disabled.fg',
-    'components.menu.item.focus.ring',
-    'components.menu.item.hover.bg',
-    'components.menu.item.hover.fg',
-    'components.menu.trigger.default.fg',
-    'components.menu.trigger.hover.bg',
-    'components.menu.trigger.hover.fg',
-    'components.menu.trigger.hover.ring',
     'components.modal.closeButton.default.bg',
+    'components.modal.closeButton.default.border',
     'components.modal.closeButton.default.fg',
     'components.modal.closeButton.disabled.bg',
+    'components.modal.closeButton.disabled.border',
     'components.modal.closeButton.disabled.fg',
+    'components.modal.closeButton.focus.ring.color',
+    'components.modal.closeButton.focus.ring.offset',
+    'components.modal.closeButton.focus.ring.shadow',
+    'components.modal.closeButton.focus.ring.width',
     'components.modal.closeButton.hover.bg',
+    'components.modal.closeButton.hover.border',
     'components.modal.closeButton.hover.fg',
+    'components.modal.closeButton.pressed.bg',
+    'components.modal.closeButton.pressed.border',
+    'components.modal.closeButton.pressed.fg',
     'components.modal.content.bg',
     'components.modal.content.border',
     'components.modal.content.fg',
+    'components.modal.content.shadow',
     'components.modal.description.fg',
     'components.modal.overlay.bg',
     'components.modal.title.fg',
     'components.radio.checked.default.bg',
     'components.radio.checked.default.border',
     'components.radio.checked.default.fg',
+    'components.radio.checked.default.labelFg',
     'components.radio.checked.disabled.bg',
     'components.radio.checked.disabled.border',
     'components.radio.checked.disabled.fg',
+    'components.radio.checked.disabled.labelFg',
     'components.radio.checked.hover.bg',
     'components.radio.checked.hover.border',
     'components.radio.checked.hover.fg',
+    'components.radio.checked.hover.labelFg',
     'components.radio.checked.pressed.bg',
     'components.radio.checked.pressed.border',
     'components.radio.checked.pressed.fg',
+    'components.radio.checked.pressed.labelFg',
     'components.radio.default.bg',
     'components.radio.default.border',
     'components.radio.default.fg',
@@ -1093,13 +1260,16 @@ export const tokenPaths = [
     'components.radio.invalid.bg',
     'components.radio.invalid.border',
     'components.radio.invalid.fg',
+    'components.radio.invalid.ring',
     'components.radio.pressed.bg',
     'components.radio.pressed.border',
     'components.radio.pressed.fg',
     'components.select.dropdown.bg',
     'components.select.dropdown.border',
     'components.select.dropdown.fg',
+    'components.select.dropdown.shadow',
     'components.select.option.active.bg',
+    'components.select.option.active.border',
     'components.select.option.active.fg',
     'components.select.option.active.ring',
     'components.select.option.default.bg',
@@ -1109,9 +1279,15 @@ export const tokenPaths = [
     'components.select.option.disabled.border',
     'components.select.option.disabled.fg',
     'components.select.option.hover.bg',
+    'components.select.option.hover.border',
     'components.select.option.hover.fg',
+    'components.select.option.pressed.bg',
+    'components.select.option.pressed.border',
+    'components.select.option.pressed.fg',
     'components.select.option.selected.bg',
+    'components.select.option.selected.border',
     'components.select.option.selected.fg',
+    'components.select.option.selected.shadow',
     'components.select.trigger.default.bg',
     'components.select.trigger.default.border',
     'components.select.trigger.default.fg',
@@ -1154,7 +1330,10 @@ export const tokenPaths = [
     'components.tabs.trigger.disabled.bg',
     'components.tabs.trigger.disabled.border',
     'components.tabs.trigger.disabled.fg',
-    'components.tabs.trigger.focus.ring',
+    'components.tabs.trigger.focus.ring.color',
+    'components.tabs.trigger.focus.ring.offset',
+    'components.tabs.trigger.focus.ring.shadow',
+    'components.tabs.trigger.focus.ring.width',
     'components.tabs.trigger.hover.bg',
     'components.tabs.trigger.hover.border',
     'components.tabs.trigger.hover.fg',
@@ -1162,6 +1341,7 @@ export const tokenPaths = [
     'components.tooltip.content.bg',
     'components.tooltip.content.border',
     'components.tooltip.content.fg',
+    'components.tooltip.content.shadow',
     'semantic.action.close.active.bg',
     'semantic.action.close.active.border',
     'semantic.action.close.active.fg',
@@ -1235,12 +1415,12 @@ export const tokenPaths = [
     'semantic.control.default.bg',
     'semantic.control.default.border',
     'semantic.control.default.fg',
+    'semantic.control.disabled.bg',
+    'semantic.control.disabled.border',
+    'semantic.control.disabled.fg',
     'semantic.control.hover.bg',
     'semantic.control.hover.border',
     'semantic.control.hover.fg',
-    'semantic.control.radioHover.bg',
-    'semantic.control.radioHover.border',
-    'semantic.control.radioHover.fg',
     'semantic.control.selected.active.bg',
     'semantic.control.selected.active.border',
     'semantic.control.selected.active.fg',
@@ -1253,28 +1433,51 @@ export const tokenPaths = [
     'semantic.control.selected.muted.bg',
     'semantic.control.selected.muted.border',
     'semantic.control.selected.muted.fg',
-    'semantic.control.selected.radioDefault.bg',
-    'semantic.control.selected.radioDefault.border',
-    'semantic.control.selected.radioDefault.fg',
     'semantic.divider.default',
     'semantic.divider.muted',
     'semantic.divider.strong',
-    'semantic.focus.ring',
-    'semantic.focus.ringOffset',
+    'semantic.focus.ring.color',
+    'semantic.focus.ring.offset',
+    'semantic.focus.ring.shadow',
+    'semantic.focus.ring.width',
+    'semantic.icons.brand',
+    'semantic.icons.danger',
+    'semantic.icons.default',
+    'semantic.icons.disabled',
+    'semantic.icons.hover',
+    'semantic.icons.inverse',
+    'semantic.icons.muted',
+    'semantic.icons.primary',
+    'semantic.icons.secondary',
+    'semantic.icons.subtle',
+    'semantic.icons.success',
+    'semantic.menu.background',
+    'semantic.menu.border',
+    'semantic.menu.item.active.bg',
+    'semantic.menu.item.active.fg',
+    'semantic.menu.item.danger.active.bg',
+    'semantic.menu.item.danger.active.fg',
+    'semantic.menu.item.danger.default.bg',
+    'semantic.menu.item.danger.default.fg',
+    'semantic.menu.item.danger.disabled.bg',
+    'semantic.menu.item.danger.disabled.fg',
+    'semantic.menu.item.danger.hover.bg',
+    'semantic.menu.item.danger.hover.fg',
+    'semantic.menu.item.default.bg',
+    'semantic.menu.item.default.fg',
+    'semantic.menu.item.disabled.bg',
+    'semantic.menu.item.disabled.fg',
+    'semantic.menu.item.hover.bg',
+    'semantic.menu.item.hover.fg',
+    'semantic.menu.item.pressed.bg',
+    'semantic.menu.item.pressed.fg',
     'semantic.navigation.active.bg',
     'semantic.navigation.active.fg',
     'semantic.navigation.border',
     'semantic.navigation.brandHover.bg',
     'semantic.navigation.brandHover.fg',
-    'semantic.navigation.disabled.bg',
-    'semantic.navigation.disabled.fg',
-    'semantic.navigation.groupLabel.fg',
     'semantic.navigation.hover.bg',
     'semantic.navigation.hover.fg',
-    'semantic.navigation.itemActive.bg',
-    'semantic.navigation.itemActive.fg',
-    'semantic.navigation.itemHover.bg',
-    'semantic.navigation.itemHover.fg',
     'semantic.navigation.optionActive.bg',
     'semantic.navigation.optionActive.fg',
     'semantic.navigation.optionHover.bg',
@@ -1283,23 +1486,40 @@ export const tokenPaths = [
     'semantic.navigation.tabHover.fg',
     'semantic.navigation.triggerHover.bg',
     'semantic.navigation.triggerHover.fg',
+    'semantic.overlay.backdrop',
+    'semantic.overlay.modal.bg',
+    'semantic.overlay.modal.border',
+    'semantic.overlay.popover.bg',
+    'semantic.overlay.popover.border',
+    'semantic.overlay.tooltip.bg',
+    'semantic.overlay.tooltip.border',
+    'semantic.overlay.tooltip.fg',
+    'semantic.shadow.inset',
+    'semantic.shadow.lg',
+    'semantic.shadow.md',
+    'semantic.shadow.sm',
+    'semantic.shadow.xl',
     'semantic.skeleton.base',
     'semantic.skeleton.highlight',
     'semantic.status.error.bg',
     'semantic.status.error.border',
     'semantic.status.error.fg',
+    'semantic.status.error.ring',
     'semantic.status.error.strong',
     'semantic.status.info.bg',
     'semantic.status.info.border',
     'semantic.status.info.fg',
+    'semantic.status.info.ring',
     'semantic.status.info.strong',
     'semantic.status.success.bg',
     'semantic.status.success.border',
     'semantic.status.success.fg',
+    'semantic.status.success.ring',
     'semantic.status.success.strong',
     'semantic.status.warning.bg',
     'semantic.status.warning.border',
     'semantic.status.warning.fg',
+    'semantic.status.warning.ring',
     'semantic.status.warning.strong',
     'semantic.surface.active',
     'semantic.surface.danger',
@@ -1313,11 +1533,11 @@ export const tokenPaths = [
     'semantic.surface.subtle',
     'semantic.text.brand',
     'semantic.text.disabled',
-    'semantic.text.elevated',
-    'semantic.text.hover',
+    'semantic.text.interactive',
+    'semantic.text.interactiveActive',
+    'semantic.text.interactiveHover',
     'semantic.text.inverse',
     'semantic.text.muted',
-    'semantic.text.onInverse',
     'semantic.text.primary',
     'semantic.text.secondary',
     'semantic.text.subtle',
@@ -1615,12 +1835,15 @@ export const themeCssVariableNames = [
     '--checkbox-checked-default-bg',
     '--checkbox-checked-default-border',
     '--checkbox-checked-default-fg',
+    '--checkbox-checked-default-label-fg',
     '--checkbox-checked-hover-bg',
     '--checkbox-checked-hover-border',
     '--checkbox-checked-hover-fg',
+    '--checkbox-checked-hover-label-fg',
     '--checkbox-checked-pressed-bg',
     '--checkbox-checked-pressed-border',
     '--checkbox-checked-pressed-fg',
+    '--checkbox-checked-pressed-label-fg',
     '--checkbox-default-bg',
     '--checkbox-default-border',
     '--checkbox-default-fg',
@@ -1629,10 +1852,12 @@ export const themeCssVariableNames = [
     '--checkbox-disabled-fg',
     '--checkbox-error-border',
     '--checkbox-error-fg',
+    '--checkbox-error-ring',
     '--checkbox-focus-ring',
     '--checkbox-hover-bg',
     '--checkbox-hover-border',
     '--checkbox-hover-fg',
+    '--checkbox-hover-label-fg',
     '--color-error-50',
     '--color-error-100',
     '--color-error-200',
@@ -1749,18 +1974,62 @@ export const themeCssVariableNames = [
     '--color-warning-800',
     '--color-warning-900',
     '--color-warning-950',
+    '--context-menu-content-bg',
+    '--context-menu-content-border',
+    '--context-menu-content-shadow',
+    '--context-menu-group-label-fg',
+    '--context-menu-item-active-bg',
+    '--context-menu-item-active-fg',
+    '--context-menu-item-active-ring',
+    '--context-menu-item-danger-active-bg',
+    '--context-menu-item-danger-active-fg',
+    '--context-menu-item-danger-default-bg',
+    '--context-menu-item-danger-default-fg',
+    '--context-menu-item-danger-disabled-bg',
+    '--context-menu-item-danger-disabled-fg',
+    '--context-menu-item-danger-hover-bg',
+    '--context-menu-item-danger-hover-fg',
+    '--context-menu-item-default-bg',
+    '--context-menu-item-default-fg',
+    '--context-menu-item-disabled-bg',
+    '--context-menu-item-disabled-fg',
+    '--context-menu-item-focus-ring-color',
+    '--context-menu-item-focus-ring-offset',
+    '--context-menu-item-focus-ring-shadow',
+    '--context-menu-item-focus-ring-width',
+    '--context-menu-item-hover-bg',
+    '--context-menu-item-hover-fg',
+    '--context-menu-item-pressed-bg',
+    '--context-menu-item-pressed-fg',
+    '--context-menu-trigger-default-bg',
+    '--context-menu-trigger-default-border',
+    '--context-menu-trigger-default-fg',
+    '--context-menu-trigger-disabled-bg',
+    '--context-menu-trigger-disabled-border',
+    '--context-menu-trigger-disabled-fg',
+    '--context-menu-trigger-focus-bg',
+    '--context-menu-trigger-focus-border',
+    '--context-menu-trigger-focus-fg',
+    '--context-menu-trigger-focus-ring-color',
+    '--context-menu-trigger-focus-ring-offset',
+    '--context-menu-trigger-focus-ring-shadow',
+    '--context-menu-trigger-focus-ring-width',
+    '--context-menu-trigger-hover-bg',
+    '--context-menu-trigger-hover-border',
+    '--context-menu-trigger-hover-fg',
+    '--context-menu-trigger-hover-ring',
     '--control-active-bg',
     '--control-active-border',
     '--control-active-fg',
     '--control-default-bg',
     '--control-default-border',
     '--control-default-fg',
+    '--control-disabled-bg',
+    '--control-disabled-border',
+    '--control-disabled-fg',
     '--control-hover-bg',
     '--control-hover-border',
     '--control-hover-fg',
-    '--control-radio-hover-bg',
-    '--control-radio-hover-border',
-    '--control-radio-hover-fg',
     '--control-selected-active-bg',
     '--control-selected-active-border',
     '--control-selected-active-fg',
@@ -1773,15 +2042,13 @@ export const themeCssVariableNames = [
     '--control-selected-muted-bg',
     '--control-selected-muted-border',
     '--control-selected-muted-fg',
-    '--control-selected-radio-default-bg',
-    '--control-selected-radio-default-border',
-    '--control-selected-radio-default-fg',
     '--divider-default',
     '--divider-muted',
     '--divider-strong',
     '--dropdown-content-bg',
     '--dropdown-content-border',
     '--dropdown-content-fg',
+    '--dropdown-content-shadow',
     '--dropdown-group-label-fg',
     '--dropdown-item-active-bg',
     '--dropdown-item-active-fg',
@@ -1789,16 +2056,24 @@ export const themeCssVariableNames = [
     '--dropdown-item-danger-active-bg',
     '--dropdown-item-danger-active-fg',
     '--dropdown-item-danger-active-ring',
+    '--dropdown-item-danger-default-bg',
     '--dropdown-item-danger-default-fg',
+    '--dropdown-item-danger-disabled-bg',
+    '--dropdown-item-danger-disabled-fg',
     '--dropdown-item-danger-hover-bg',
     '--dropdown-item-danger-hover-fg',
     '--dropdown-item-default-bg',
     '--dropdown-item-default-fg',
     '--dropdown-item-disabled-bg',
     '--dropdown-item-disabled-fg',
-    '--dropdown-item-focus-ring',
+    '--dropdown-item-focus-ring-color',
+    '--dropdown-item-focus-ring-offset',
+    '--dropdown-item-focus-ring-shadow',
+    '--dropdown-item-focus-ring-width',
     '--dropdown-item-hover-bg',
     '--dropdown-item-hover-fg',
+    '--dropdown-item-pressed-bg',
+    '--dropdown-item-pressed-fg',
     '--dropdown-separator-bg',
     '--dropdown-separator-fg',
     '--dropdown-trigger-default-bg',
@@ -1810,13 +2085,18 @@ export const themeCssVariableNames = [
     '--dropdown-trigger-focus-bg',
     '--dropdown-trigger-focus-border',
     '--dropdown-trigger-focus-fg',
-    '--dropdown-trigger-focus-ring',
+    '--dropdown-trigger-focus-ring-color',
+    '--dropdown-trigger-focus-ring-offset',
+    '--dropdown-trigger-focus-ring-shadow',
+    '--dropdown-trigger-focus-ring-width',
     '--dropdown-trigger-hover-bg',
     '--dropdown-trigger-hover-border',
     '--dropdown-trigger-hover-fg',
     '--dropdown-trigger-hover-ring',
-    '--focus-ring',
+    '--focus-ring-color',
     '--focus-ring-offset',
+    '--focus-ring-shadow',
+    '--focus-ring-width',
     '--form-field-description-fg',
     '--form-field-disabled-description-fg',
     '--form-field-disabled-helper-text-fg',
@@ -1828,6 +2108,17 @@ export const themeCssVariableNames = [
     '--form-field-helper-text-warning-fg',
     '--form-field-label-fg',
     '--form-field-required-mark-fg',
+    '--icons-brand',
+    '--icons-danger',
+    '--icons-default',
+    '--icons-disabled',
+    '--icons-hover',
+    '--icons-inverse',
+    '--icons-muted',
+    '--icons-primary',
+    '--icons-secondary',
+    '--icons-subtle',
+    '--icons-success',
     '--input-clear-button-fg',
     '--input-clear-button-focus-bg',
     '--input-clear-button-hover-bg',
@@ -1871,34 +2162,46 @@ export const themeCssVariableNames = [
     '--input-read-only-placeholder',
     '--input-success-border',
     '--input-success-ring',
-    '--menu-group-label-fg',
+    '--menu-background',
+    '--menu-border',
     '--menu-item-active-bg',
     '--menu-item-active-fg',
     '--menu-item-danger-active-bg',
     '--menu-item-danger-active-fg',
+    '--menu-item-danger-default-bg',
     '--menu-item-danger-default-fg',
+    '--menu-item-danger-disabled-bg',
+    '--menu-item-danger-disabled-fg',
     '--menu-item-danger-hover-bg',
     '--menu-item-danger-hover-fg',
     '--menu-item-default-bg',
     '--menu-item-default-fg',
     '--menu-item-disabled-bg',
     '--menu-item-disabled-fg',
-    '--menu-item-focus-ring',
     '--menu-item-hover-bg',
     '--menu-item-hover-fg',
-    '--menu-trigger-default-fg',
-    '--menu-trigger-hover-bg',
-    '--menu-trigger-hover-fg',
-    '--menu-trigger-hover-ring',
+    '--menu-item-pressed-bg',
+    '--menu-item-pressed-fg',
     '--modal-close-button-default-bg',
+    '--modal-close-button-default-border',
     '--modal-close-button-default-fg',
     '--modal-close-button-disabled-bg',
+    '--modal-close-button-disabled-border',
     '--modal-close-button-disabled-fg',
+    '--modal-close-button-focus-ring-color',
+    '--modal-close-button-focus-ring-offset',
+    '--modal-close-button-focus-ring-shadow',
+    '--modal-close-button-focus-ring-width',
     '--modal-close-button-hover-bg',
+    '--modal-close-button-hover-border',
     '--modal-close-button-hover-fg',
+    '--modal-close-button-pressed-bg',
+    '--modal-close-button-pressed-border',
+    '--modal-close-button-pressed-fg',
     '--modal-content-bg',
     '--modal-content-border',
     '--modal-content-fg',
+    '--modal-content-shadow',
     '--modal-description-fg',
     '--modal-overlay-bg',
     '--modal-title-fg',
@@ -1907,15 +2210,8 @@ export const themeCssVariableNames = [
     '--navigation-border',
     '--navigation-brand-hover-bg',
     '--navigation-brand-hover-fg',
-    '--navigation-disabled-bg',
-    '--navigation-disabled-fg',
-    '--navigation-group-label-fg',
     '--navigation-hover-bg',
     '--navigation-hover-fg',
-    '--navigation-item-active-bg',
-    '--navigation-item-active-fg',
-    '--navigation-item-hover-bg',
-    '--navigation-item-hover-fg',
     '--navigation-option-active-bg',
     '--navigation-option-active-fg',
     '--navigation-option-hover-bg',
@@ -1924,18 +2220,30 @@ export const themeCssVariableNames = [
     '--navigation-tab-hover-fg',
     '--navigation-trigger-hover-bg',
     '--navigation-trigger-hover-fg',
+    '--overlay-backdrop',
+    '--overlay-modal-bg',
+    '--overlay-modal-border',
+    '--overlay-popover-bg',
+    '--overlay-popover-border',
+    '--overlay-tooltip-bg',
+    '--overlay-tooltip-border',
+    '--overlay-tooltip-fg',
     '--radio-checked-default-bg',
     '--radio-checked-default-border',
     '--radio-checked-default-fg',
+    '--radio-checked-default-label-fg',
     '--radio-checked-disabled-bg',
     '--radio-checked-disabled-border',
     '--radio-checked-disabled-fg',
+    '--radio-checked-disabled-label-fg',
     '--radio-checked-hover-bg',
     '--radio-checked-hover-border',
     '--radio-checked-hover-fg',
+    '--radio-checked-hover-label-fg',
     '--radio-checked-pressed-bg',
     '--radio-checked-pressed-border',
     '--radio-checked-pressed-fg',
+    '--radio-checked-pressed-label-fg',
     '--radio-default-bg',
     '--radio-default-border',
     '--radio-default-fg',
@@ -1950,13 +2258,16 @@ export const themeCssVariableNames = [
     '--radio-invalid-bg',
     '--radio-invalid-border',
     '--radio-invalid-fg',
+    '--radio-invalid-ring',
     '--radio-pressed-bg',
     '--radio-pressed-border',
     '--radio-pressed-fg',
     '--select-dropdown-bg',
     '--select-dropdown-border',
     '--select-dropdown-fg',
+    '--select-dropdown-shadow',
     '--select-option-active-bg',
+    '--select-option-active-border',
     '--select-option-active-fg',
     '--select-option-active-ring',
     '--select-option-default-bg',
@@ -1966,9 +2277,15 @@ export const themeCssVariableNames = [
     '--select-option-disabled-border',
     '--select-option-disabled-fg',
     '--select-option-hover-bg',
+    '--select-option-hover-border',
     '--select-option-hover-fg',
+    '--select-option-pressed-bg',
+    '--select-option-pressed-border',
+    '--select-option-pressed-fg',
     '--select-option-selected-bg',
+    '--select-option-selected-border',
     '--select-option-selected-fg',
+    '--select-option-selected-shadow',
     '--select-trigger-default-bg',
     '--select-trigger-default-border',
     '--select-trigger-default-fg',
@@ -1985,23 +2302,32 @@ export const themeCssVariableNames = [
     '--select-trigger-hover-border',
     '--select-trigger-hover-fg',
     '--select-trigger-placeholder-fg',
+    '--shadow-inset',
+    '--shadow-lg',
+    '--shadow-md',
+    '--shadow-sm',
+    '--shadow-xl',
     '--skeleton-base',
     '--skeleton-highlight',
     '--status-error-bg',
     '--status-error-border',
     '--status-error-fg',
+    '--status-error-ring',
     '--status-error-strong',
     '--status-info-bg',
     '--status-info-border',
     '--status-info-fg',
+    '--status-info-ring',
     '--status-info-strong',
     '--status-success-bg',
     '--status-success-border',
     '--status-success-fg',
+    '--status-success-ring',
     '--status-success-strong',
     '--status-warning-bg',
     '--status-warning-border',
     '--status-warning-fg',
+    '--status-warning-ring',
     '--status-warning-strong',
     '--surface-active',
     '--surface-danger',
@@ -2039,17 +2365,20 @@ export const themeCssVariableNames = [
     '--tabs-trigger-disabled-bg',
     '--tabs-trigger-disabled-border',
     '--tabs-trigger-disabled-fg',
-    '--tabs-trigger-focus-ring',
+    '--tabs-trigger-focus-ring-color',
+    '--tabs-trigger-focus-ring-offset',
+    '--tabs-trigger-focus-ring-shadow',
+    '--tabs-trigger-focus-ring-width',
     '--tabs-trigger-hover-bg',
     '--tabs-trigger-hover-border',
     '--tabs-trigger-hover-fg',
     '--text-brand',
     '--text-disabled',
-    '--text-elevated',
-    '--text-hover',
+    '--text-interactive',
+    '--text-interactive-active',
+    '--text-interactive-hover',
     '--text-inverse',
     '--text-muted',
-    '--text-on-inverse',
     '--text-primary',
     '--text-secondary',
     '--text-subtle',
@@ -2057,6 +2386,7 @@ export const themeCssVariableNames = [
     '--tooltip-content-bg',
     '--tooltip-content-border',
     '--tooltip-content-fg',
+    '--tooltip-content-shadow',
 ];
 export const cssVariableNames = [
     '--action-close-active-bg',
@@ -2240,12 +2570,15 @@ export const cssVariableNames = [
     '--checkbox-checked-default-bg',
     '--checkbox-checked-default-border',
     '--checkbox-checked-default-fg',
+    '--checkbox-checked-default-label-fg',
     '--checkbox-checked-hover-bg',
     '--checkbox-checked-hover-border',
     '--checkbox-checked-hover-fg',
+    '--checkbox-checked-hover-label-fg',
     '--checkbox-checked-pressed-bg',
     '--checkbox-checked-pressed-border',
     '--checkbox-checked-pressed-fg',
+    '--checkbox-checked-pressed-label-fg',
     '--checkbox-default-bg',
     '--checkbox-default-border',
     '--checkbox-default-fg',
@@ -2254,10 +2587,12 @@ export const cssVariableNames = [
     '--checkbox-disabled-fg',
     '--checkbox-error-border',
     '--checkbox-error-fg',
+    '--checkbox-error-ring',
     '--checkbox-focus-ring',
     '--checkbox-hover-bg',
     '--checkbox-hover-border',
     '--checkbox-hover-fg',
+    '--checkbox-hover-label-fg',
     '--color-error-50',
     '--color-error-100',
     '--color-error-200',
@@ -2374,18 +2709,62 @@ export const cssVariableNames = [
     '--color-warning-800',
     '--color-warning-900',
     '--color-warning-950',
+    '--context-menu-content-bg',
+    '--context-menu-content-border',
+    '--context-menu-content-shadow',
+    '--context-menu-group-label-fg',
+    '--context-menu-item-active-bg',
+    '--context-menu-item-active-fg',
+    '--context-menu-item-active-ring',
+    '--context-menu-item-danger-active-bg',
+    '--context-menu-item-danger-active-fg',
+    '--context-menu-item-danger-default-bg',
+    '--context-menu-item-danger-default-fg',
+    '--context-menu-item-danger-disabled-bg',
+    '--context-menu-item-danger-disabled-fg',
+    '--context-menu-item-danger-hover-bg',
+    '--context-menu-item-danger-hover-fg',
+    '--context-menu-item-default-bg',
+    '--context-menu-item-default-fg',
+    '--context-menu-item-disabled-bg',
+    '--context-menu-item-disabled-fg',
+    '--context-menu-item-focus-ring-color',
+    '--context-menu-item-focus-ring-offset',
+    '--context-menu-item-focus-ring-shadow',
+    '--context-menu-item-focus-ring-width',
+    '--context-menu-item-hover-bg',
+    '--context-menu-item-hover-fg',
+    '--context-menu-item-pressed-bg',
+    '--context-menu-item-pressed-fg',
+    '--context-menu-trigger-default-bg',
+    '--context-menu-trigger-default-border',
+    '--context-menu-trigger-default-fg',
+    '--context-menu-trigger-disabled-bg',
+    '--context-menu-trigger-disabled-border',
+    '--context-menu-trigger-disabled-fg',
+    '--context-menu-trigger-focus-bg',
+    '--context-menu-trigger-focus-border',
+    '--context-menu-trigger-focus-fg',
+    '--context-menu-trigger-focus-ring-color',
+    '--context-menu-trigger-focus-ring-offset',
+    '--context-menu-trigger-focus-ring-shadow',
+    '--context-menu-trigger-focus-ring-width',
+    '--context-menu-trigger-hover-bg',
+    '--context-menu-trigger-hover-border',
+    '--context-menu-trigger-hover-fg',
+    '--context-menu-trigger-hover-ring',
     '--control-active-bg',
     '--control-active-border',
     '--control-active-fg',
     '--control-default-bg',
     '--control-default-border',
     '--control-default-fg',
+    '--control-disabled-bg',
+    '--control-disabled-border',
+    '--control-disabled-fg',
     '--control-hover-bg',
     '--control-hover-border',
     '--control-hover-fg',
-    '--control-radio-hover-bg',
-    '--control-radio-hover-border',
-    '--control-radio-hover-fg',
     '--control-selected-active-bg',
     '--control-selected-active-border',
     '--control-selected-active-fg',
@@ -2398,15 +2777,13 @@ export const cssVariableNames = [
     '--control-selected-muted-bg',
     '--control-selected-muted-border',
     '--control-selected-muted-fg',
-    '--control-selected-radio-default-bg',
-    '--control-selected-radio-default-border',
-    '--control-selected-radio-default-fg',
     '--divider-default',
     '--divider-muted',
     '--divider-strong',
     '--dropdown-content-bg',
     '--dropdown-content-border',
     '--dropdown-content-fg',
+    '--dropdown-content-shadow',
     '--dropdown-group-label-fg',
     '--dropdown-item-active-bg',
     '--dropdown-item-active-fg',
@@ -2414,16 +2791,24 @@ export const cssVariableNames = [
     '--dropdown-item-danger-active-bg',
     '--dropdown-item-danger-active-fg',
     '--dropdown-item-danger-active-ring',
+    '--dropdown-item-danger-default-bg',
     '--dropdown-item-danger-default-fg',
+    '--dropdown-item-danger-disabled-bg',
+    '--dropdown-item-danger-disabled-fg',
     '--dropdown-item-danger-hover-bg',
     '--dropdown-item-danger-hover-fg',
     '--dropdown-item-default-bg',
     '--dropdown-item-default-fg',
     '--dropdown-item-disabled-bg',
     '--dropdown-item-disabled-fg',
-    '--dropdown-item-focus-ring',
+    '--dropdown-item-focus-ring-color',
+    '--dropdown-item-focus-ring-offset',
+    '--dropdown-item-focus-ring-shadow',
+    '--dropdown-item-focus-ring-width',
     '--dropdown-item-hover-bg',
     '--dropdown-item-hover-fg',
+    '--dropdown-item-pressed-bg',
+    '--dropdown-item-pressed-fg',
     '--dropdown-separator-bg',
     '--dropdown-separator-fg',
     '--dropdown-trigger-default-bg',
@@ -2435,13 +2820,18 @@ export const cssVariableNames = [
     '--dropdown-trigger-focus-bg',
     '--dropdown-trigger-focus-border',
     '--dropdown-trigger-focus-fg',
-    '--dropdown-trigger-focus-ring',
+    '--dropdown-trigger-focus-ring-color',
+    '--dropdown-trigger-focus-ring-offset',
+    '--dropdown-trigger-focus-ring-shadow',
+    '--dropdown-trigger-focus-ring-width',
     '--dropdown-trigger-hover-bg',
     '--dropdown-trigger-hover-border',
     '--dropdown-trigger-hover-fg',
     '--dropdown-trigger-hover-ring',
-    '--focus-ring',
+    '--focus-ring-color',
     '--focus-ring-offset',
+    '--focus-ring-shadow',
+    '--focus-ring-width',
     '--font-family-base',
     '--font-family-extra-light',
     '--font-family-medium',
@@ -2468,6 +2858,17 @@ export const cssVariableNames = [
     '--form-field-helper-text-warning-fg',
     '--form-field-label-fg',
     '--form-field-required-mark-fg',
+    '--icons-brand',
+    '--icons-danger',
+    '--icons-default',
+    '--icons-disabled',
+    '--icons-hover',
+    '--icons-inverse',
+    '--icons-muted',
+    '--icons-primary',
+    '--icons-secondary',
+    '--icons-subtle',
+    '--icons-success',
     '--input-clear-button-fg',
     '--input-clear-button-focus-bg',
     '--input-clear-button-hover-bg',
@@ -2517,34 +2918,46 @@ export const cssVariableNames = [
     '--line-height-xl',
     '--line-height-xs',
     '--line-height-xxl',
-    '--menu-group-label-fg',
+    '--menu-background',
+    '--menu-border',
     '--menu-item-active-bg',
     '--menu-item-active-fg',
     '--menu-item-danger-active-bg',
     '--menu-item-danger-active-fg',
+    '--menu-item-danger-default-bg',
     '--menu-item-danger-default-fg',
+    '--menu-item-danger-disabled-bg',
+    '--menu-item-danger-disabled-fg',
     '--menu-item-danger-hover-bg',
     '--menu-item-danger-hover-fg',
     '--menu-item-default-bg',
     '--menu-item-default-fg',
     '--menu-item-disabled-bg',
     '--menu-item-disabled-fg',
-    '--menu-item-focus-ring',
     '--menu-item-hover-bg',
     '--menu-item-hover-fg',
-    '--menu-trigger-default-fg',
-    '--menu-trigger-hover-bg',
-    '--menu-trigger-hover-fg',
-    '--menu-trigger-hover-ring',
+    '--menu-item-pressed-bg',
+    '--menu-item-pressed-fg',
     '--modal-close-button-default-bg',
+    '--modal-close-button-default-border',
     '--modal-close-button-default-fg',
     '--modal-close-button-disabled-bg',
+    '--modal-close-button-disabled-border',
     '--modal-close-button-disabled-fg',
+    '--modal-close-button-focus-ring-color',
+    '--modal-close-button-focus-ring-offset',
+    '--modal-close-button-focus-ring-shadow',
+    '--modal-close-button-focus-ring-width',
     '--modal-close-button-hover-bg',
+    '--modal-close-button-hover-border',
     '--modal-close-button-hover-fg',
+    '--modal-close-button-pressed-bg',
+    '--modal-close-button-pressed-border',
+    '--modal-close-button-pressed-fg',
     '--modal-content-bg',
     '--modal-content-border',
     '--modal-content-fg',
+    '--modal-content-shadow',
     '--modal-description-fg',
     '--modal-overlay-bg',
     '--modal-title-fg',
@@ -2553,15 +2966,8 @@ export const cssVariableNames = [
     '--navigation-border',
     '--navigation-brand-hover-bg',
     '--navigation-brand-hover-fg',
-    '--navigation-disabled-bg',
-    '--navigation-disabled-fg',
-    '--navigation-group-label-fg',
     '--navigation-hover-bg',
     '--navigation-hover-fg',
-    '--navigation-item-active-bg',
-    '--navigation-item-active-fg',
-    '--navigation-item-hover-bg',
-    '--navigation-item-hover-fg',
     '--navigation-option-active-bg',
     '--navigation-option-active-fg',
     '--navigation-option-hover-bg',
@@ -2570,18 +2976,30 @@ export const cssVariableNames = [
     '--navigation-tab-hover-fg',
     '--navigation-trigger-hover-bg',
     '--navigation-trigger-hover-fg',
+    '--overlay-backdrop',
+    '--overlay-modal-bg',
+    '--overlay-modal-border',
+    '--overlay-popover-bg',
+    '--overlay-popover-border',
+    '--overlay-tooltip-bg',
+    '--overlay-tooltip-border',
+    '--overlay-tooltip-fg',
     '--radio-checked-default-bg',
     '--radio-checked-default-border',
     '--radio-checked-default-fg',
+    '--radio-checked-default-label-fg',
     '--radio-checked-disabled-bg',
     '--radio-checked-disabled-border',
     '--radio-checked-disabled-fg',
+    '--radio-checked-disabled-label-fg',
     '--radio-checked-hover-bg',
     '--radio-checked-hover-border',
     '--radio-checked-hover-fg',
+    '--radio-checked-hover-label-fg',
     '--radio-checked-pressed-bg',
     '--radio-checked-pressed-border',
     '--radio-checked-pressed-fg',
+    '--radio-checked-pressed-label-fg',
     '--radio-default-bg',
     '--radio-default-border',
     '--radio-default-fg',
@@ -2596,6 +3014,7 @@ export const cssVariableNames = [
     '--radio-invalid-bg',
     '--radio-invalid-border',
     '--radio-invalid-fg',
+    '--radio-invalid-ring',
     '--radio-pressed-bg',
     '--radio-pressed-border',
     '--radio-pressed-fg',
@@ -2608,7 +3027,9 @@ export const cssVariableNames = [
     '--select-dropdown-bg',
     '--select-dropdown-border',
     '--select-dropdown-fg',
+    '--select-dropdown-shadow',
     '--select-option-active-bg',
+    '--select-option-active-border',
     '--select-option-active-fg',
     '--select-option-active-ring',
     '--select-option-default-bg',
@@ -2618,9 +3039,15 @@ export const cssVariableNames = [
     '--select-option-disabled-border',
     '--select-option-disabled-fg',
     '--select-option-hover-bg',
+    '--select-option-hover-border',
     '--select-option-hover-fg',
+    '--select-option-pressed-bg',
+    '--select-option-pressed-border',
+    '--select-option-pressed-fg',
     '--select-option-selected-bg',
+    '--select-option-selected-border',
     '--select-option-selected-fg',
+    '--select-option-selected-shadow',
     '--select-trigger-default-bg',
     '--select-trigger-default-border',
     '--select-trigger-default-fg',
@@ -2637,9 +3064,11 @@ export const cssVariableNames = [
     '--select-trigger-hover-border',
     '--select-trigger-hover-fg',
     '--select-trigger-placeholder-fg',
+    '--shadow-inset',
     '--shadow-lg',
     '--shadow-md',
     '--shadow-sm',
+    '--shadow-xl',
     '--skeleton-base',
     '--skeleton-highlight',
     '--space-0',
@@ -2656,18 +3085,22 @@ export const cssVariableNames = [
     '--status-error-bg',
     '--status-error-border',
     '--status-error-fg',
+    '--status-error-ring',
     '--status-error-strong',
     '--status-info-bg',
     '--status-info-border',
     '--status-info-fg',
+    '--status-info-ring',
     '--status-info-strong',
     '--status-success-bg',
     '--status-success-border',
     '--status-success-fg',
+    '--status-success-ring',
     '--status-success-strong',
     '--status-warning-bg',
     '--status-warning-border',
     '--status-warning-fg',
+    '--status-warning-ring',
     '--status-warning-strong',
     '--surface-active',
     '--surface-danger',
@@ -2705,17 +3138,20 @@ export const cssVariableNames = [
     '--tabs-trigger-disabled-bg',
     '--tabs-trigger-disabled-border',
     '--tabs-trigger-disabled-fg',
-    '--tabs-trigger-focus-ring',
+    '--tabs-trigger-focus-ring-color',
+    '--tabs-trigger-focus-ring-offset',
+    '--tabs-trigger-focus-ring-shadow',
+    '--tabs-trigger-focus-ring-width',
     '--tabs-trigger-hover-bg',
     '--tabs-trigger-hover-border',
     '--tabs-trigger-hover-fg',
     '--text-brand',
     '--text-disabled',
-    '--text-elevated',
-    '--text-hover',
+    '--text-interactive',
+    '--text-interactive-active',
+    '--text-interactive-hover',
     '--text-inverse',
     '--text-muted',
-    '--text-on-inverse',
     '--text-primary',
     '--text-secondary',
     '--text-subtle',
@@ -2723,6 +3159,7 @@ export const cssVariableNames = [
     '--tooltip-content-bg',
     '--tooltip-content-border',
     '--tooltip-content-fg',
+    '--tooltip-content-shadow',
     '--z-index-backdrop',
     '--z-index-dropdown',
     '--z-index-modal',