@womp/kookie-ui 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (991) hide show
  1. package/components.css +486 -1070
  2. package/dist/cjs/components/_internal/base-button.js +1 -1
  3. package/dist/cjs/components/_internal/base-button.js.map +4 -4
  4. package/dist/cjs/components/_internal/base-button.props.d.ts +2 -7
  5. package/dist/cjs/components/_internal/base-button.props.d.ts.map +1 -1
  6. package/dist/cjs/components/_internal/base-button.props.js +1 -1
  7. package/dist/cjs/components/_internal/base-button.props.js.map +4 -4
  8. package/dist/cjs/components/_internal/base-checkbox.props.d.ts +0 -5
  9. package/dist/cjs/components/_internal/base-checkbox.props.d.ts.map +1 -1
  10. package/dist/cjs/components/_internal/base-checkbox.props.js +1 -1
  11. package/dist/cjs/components/_internal/base-checkbox.props.js.map +4 -4
  12. package/dist/cjs/components/_internal/base-menu.props.d.ts +0 -10
  13. package/dist/cjs/components/_internal/base-menu.props.d.ts.map +1 -1
  14. package/dist/cjs/components/_internal/base-menu.props.js +1 -1
  15. package/dist/cjs/components/_internal/base-menu.props.js.map +4 -4
  16. package/dist/cjs/components/_internal/base-menu.utils.d.ts +48 -0
  17. package/dist/cjs/components/_internal/base-menu.utils.d.ts.map +1 -0
  18. package/dist/cjs/components/_internal/base-menu.utils.js +2 -0
  19. package/dist/cjs/components/_internal/base-menu.utils.js.map +7 -0
  20. package/dist/cjs/components/_internal/base-radio.props.d.ts +0 -5
  21. package/dist/cjs/components/_internal/base-radio.props.d.ts.map +1 -1
  22. package/dist/cjs/components/_internal/base-radio.props.js +1 -1
  23. package/dist/cjs/components/_internal/base-radio.props.js.map +4 -4
  24. package/dist/cjs/components/_internal/base-tab-list.props.d.ts +0 -5
  25. package/dist/cjs/components/_internal/base-tab-list.props.d.ts.map +1 -1
  26. package/dist/cjs/components/_internal/base-tab-list.props.js +1 -1
  27. package/dist/cjs/components/_internal/base-tab-list.props.js.map +4 -4
  28. package/dist/cjs/components/_internal/dropdown-menu-drill-down.d.ts +77 -59
  29. package/dist/cjs/components/_internal/dropdown-menu-drill-down.d.ts.map +1 -1
  30. package/dist/cjs/components/_internal/dropdown-menu-drill-down.js +1 -1
  31. package/dist/cjs/components/_internal/dropdown-menu-drill-down.js.map +4 -4
  32. package/dist/cjs/components/_internal/menu-context.d.ts +7 -3
  33. package/dist/cjs/components/_internal/menu-context.d.ts.map +1 -1
  34. package/dist/cjs/components/_internal/menu-context.js +1 -1
  35. package/dist/cjs/components/_internal/menu-context.js.map +4 -4
  36. package/dist/cjs/components/_internal/shell-bottom.js +1 -1
  37. package/dist/cjs/components/_internal/shell-bottom.js.map +4 -4
  38. package/dist/cjs/components/_internal/shell-inspector.js +1 -1
  39. package/dist/cjs/components/_internal/shell-inspector.js.map +4 -4
  40. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  41. package/dist/cjs/components/_internal/shell-sidebar.js.map +4 -4
  42. package/dist/cjs/components/accordion.js +1 -1
  43. package/dist/cjs/components/accordion.js.map +4 -4
  44. package/dist/cjs/components/accordion.props.d.ts +0 -6
  45. package/dist/cjs/components/accordion.props.d.ts.map +1 -1
  46. package/dist/cjs/components/accordion.props.js +1 -1
  47. package/dist/cjs/components/accordion.props.js.map +4 -4
  48. package/dist/cjs/components/alert-dialog.js +1 -1
  49. package/dist/cjs/components/alert-dialog.js.map +4 -4
  50. package/dist/cjs/components/avatar.js +1 -1
  51. package/dist/cjs/components/avatar.js.map +4 -4
  52. package/dist/cjs/components/avatar.props.d.ts +0 -5
  53. package/dist/cjs/components/avatar.props.d.ts.map +1 -1
  54. package/dist/cjs/components/avatar.props.js +1 -1
  55. package/dist/cjs/components/avatar.props.js.map +4 -4
  56. package/dist/cjs/components/badge.js +1 -1
  57. package/dist/cjs/components/badge.js.map +4 -4
  58. package/dist/cjs/components/badge.props.d.ts +0 -5
  59. package/dist/cjs/components/badge.props.d.ts.map +1 -1
  60. package/dist/cjs/components/badge.props.js +1 -1
  61. package/dist/cjs/components/badge.props.js.map +4 -4
  62. package/dist/cjs/components/blockquote.js +1 -1
  63. package/dist/cjs/components/blockquote.js.map +4 -4
  64. package/dist/cjs/components/blockquote.props.d.ts +3 -2
  65. package/dist/cjs/components/blockquote.props.d.ts.map +1 -1
  66. package/dist/cjs/components/blockquote.props.js +1 -1
  67. package/dist/cjs/components/blockquote.props.js.map +4 -4
  68. package/dist/cjs/components/button.js +1 -1
  69. package/dist/cjs/components/button.js.map +4 -4
  70. package/dist/cjs/components/button.props.js +1 -1
  71. package/dist/cjs/components/button.props.js.map +4 -4
  72. package/dist/cjs/components/callout.js +1 -1
  73. package/dist/cjs/components/callout.js.map +4 -4
  74. package/dist/cjs/components/callout.props.d.ts +0 -5
  75. package/dist/cjs/components/callout.props.d.ts.map +1 -1
  76. package/dist/cjs/components/callout.props.js +1 -1
  77. package/dist/cjs/components/callout.props.js.map +4 -4
  78. package/dist/cjs/components/card.js +1 -1
  79. package/dist/cjs/components/card.js.map +2 -2
  80. package/dist/cjs/components/chatbar.d.ts +46 -44
  81. package/dist/cjs/components/chatbar.d.ts.map +1 -1
  82. package/dist/cjs/components/chatbar.js +2 -2
  83. package/dist/cjs/components/chatbar.js.map +4 -4
  84. package/dist/cjs/components/checkbox-cards.d.ts.map +1 -1
  85. package/dist/cjs/components/checkbox-cards.js +1 -1
  86. package/dist/cjs/components/checkbox-cards.js.map +4 -4
  87. package/dist/cjs/components/checkbox-cards.props.d.ts +0 -5
  88. package/dist/cjs/components/checkbox-cards.props.d.ts.map +1 -1
  89. package/dist/cjs/components/checkbox-cards.props.js +1 -1
  90. package/dist/cjs/components/checkbox-cards.props.js.map +4 -4
  91. package/dist/cjs/components/checkbox-group.d.ts.map +1 -1
  92. package/dist/cjs/components/checkbox-group.js +1 -1
  93. package/dist/cjs/components/checkbox-group.js.map +4 -4
  94. package/dist/cjs/components/checkbox-group.props.d.ts +0 -5
  95. package/dist/cjs/components/checkbox-group.props.d.ts.map +1 -1
  96. package/dist/cjs/components/checkbox-group.props.js +1 -1
  97. package/dist/cjs/components/checkbox-group.props.js.map +4 -4
  98. package/dist/cjs/components/checkbox.js +1 -1
  99. package/dist/cjs/components/checkbox.js.map +4 -4
  100. package/dist/cjs/components/checkbox.props.js +1 -1
  101. package/dist/cjs/components/checkbox.props.js.map +4 -4
  102. package/dist/cjs/components/code.js +1 -1
  103. package/dist/cjs/components/code.js.map +4 -4
  104. package/dist/cjs/components/code.props.d.ts +3 -2
  105. package/dist/cjs/components/code.props.d.ts.map +1 -1
  106. package/dist/cjs/components/code.props.js +1 -1
  107. package/dist/cjs/components/code.props.js.map +4 -4
  108. package/dist/cjs/components/combobox.d.ts +28 -15
  109. package/dist/cjs/components/combobox.d.ts.map +1 -1
  110. package/dist/cjs/components/combobox.js +1 -1
  111. package/dist/cjs/components/combobox.js.map +4 -4
  112. package/dist/cjs/components/combobox.props.d.ts +46 -8
  113. package/dist/cjs/components/combobox.props.d.ts.map +1 -1
  114. package/dist/cjs/components/combobox.props.js +1 -1
  115. package/dist/cjs/components/combobox.props.js.map +4 -4
  116. package/dist/cjs/components/context-menu.d.ts +18 -5
  117. package/dist/cjs/components/context-menu.d.ts.map +1 -1
  118. package/dist/cjs/components/context-menu.js +1 -1
  119. package/dist/cjs/components/context-menu.js.map +4 -4
  120. package/dist/cjs/components/context-menu.props.d.ts +1 -1
  121. package/dist/cjs/components/context-menu.props.d.ts.map +1 -1
  122. package/dist/cjs/components/context-menu.props.js +1 -1
  123. package/dist/cjs/components/context-menu.props.js.map +4 -4
  124. package/dist/cjs/components/data-list.js +1 -1
  125. package/dist/cjs/components/data-list.js.map +4 -4
  126. package/dist/cjs/components/data-list.props.d.ts +4 -3
  127. package/dist/cjs/components/data-list.props.d.ts.map +1 -1
  128. package/dist/cjs/components/data-list.props.js +1 -1
  129. package/dist/cjs/components/data-list.props.js.map +4 -4
  130. package/dist/cjs/components/dialog.js +1 -1
  131. package/dist/cjs/components/dialog.js.map +4 -4
  132. package/dist/cjs/components/dropdown-menu.d.ts +11 -18
  133. package/dist/cjs/components/dropdown-menu.d.ts.map +1 -1
  134. package/dist/cjs/components/dropdown-menu.js +1 -1
  135. package/dist/cjs/components/dropdown-menu.js.map +4 -4
  136. package/dist/cjs/components/dropdown-menu.props.js +1 -1
  137. package/dist/cjs/components/dropdown-menu.props.js.map +4 -4
  138. package/dist/cjs/components/heading.js +1 -1
  139. package/dist/cjs/components/heading.js.map +4 -4
  140. package/dist/cjs/components/heading.props.d.ts +3 -2
  141. package/dist/cjs/components/heading.props.d.ts.map +1 -1
  142. package/dist/cjs/components/heading.props.js +1 -1
  143. package/dist/cjs/components/heading.props.js.map +4 -4
  144. package/dist/cjs/components/hover-card.js +1 -1
  145. package/dist/cjs/components/hover-card.js.map +2 -2
  146. package/dist/cjs/components/icon-button.js +2 -2
  147. package/dist/cjs/components/icon-button.js.map +4 -4
  148. package/dist/cjs/components/icon-button.props.js +1 -1
  149. package/dist/cjs/components/icon-button.props.js.map +4 -4
  150. package/dist/cjs/components/index.js +5 -5
  151. package/dist/cjs/components/index.js.map +4 -4
  152. package/dist/cjs/components/link.js +1 -1
  153. package/dist/cjs/components/link.js.map +4 -4
  154. package/dist/cjs/components/link.props.d.ts +0 -5
  155. package/dist/cjs/components/link.props.d.ts.map +1 -1
  156. package/dist/cjs/components/link.props.js +1 -1
  157. package/dist/cjs/components/link.props.js.map +4 -4
  158. package/dist/cjs/components/popover.js +1 -1
  159. package/dist/cjs/components/popover.js.map +2 -2
  160. package/dist/cjs/components/progress.js +1 -1
  161. package/dist/cjs/components/progress.js.map +4 -4
  162. package/dist/cjs/components/progress.props.d.ts +0 -5
  163. package/dist/cjs/components/progress.props.d.ts.map +1 -1
  164. package/dist/cjs/components/progress.props.js +1 -1
  165. package/dist/cjs/components/progress.props.js.map +4 -4
  166. package/dist/cjs/components/radio-cards.js +1 -1
  167. package/dist/cjs/components/radio-cards.js.map +4 -4
  168. package/dist/cjs/components/radio-cards.props.d.ts +0 -5
  169. package/dist/cjs/components/radio-cards.props.d.ts.map +1 -1
  170. package/dist/cjs/components/radio-cards.props.js +1 -1
  171. package/dist/cjs/components/radio-cards.props.js.map +4 -4
  172. package/dist/cjs/components/radio-group.d.ts.map +1 -1
  173. package/dist/cjs/components/radio-group.js +1 -1
  174. package/dist/cjs/components/radio-group.js.map +4 -4
  175. package/dist/cjs/components/radio-group.props.d.ts +0 -5
  176. package/dist/cjs/components/radio-group.props.d.ts.map +1 -1
  177. package/dist/cjs/components/radio-group.props.js +1 -1
  178. package/dist/cjs/components/radio-group.props.js.map +4 -4
  179. package/dist/cjs/components/radio.js +1 -1
  180. package/dist/cjs/components/radio.js.map +4 -4
  181. package/dist/cjs/components/radio.props.js +1 -1
  182. package/dist/cjs/components/radio.props.js.map +4 -4
  183. package/dist/cjs/components/schemas/base-button.schema.d.ts +111 -257
  184. package/dist/cjs/components/schemas/base-button.schema.d.ts.map +1 -1
  185. package/dist/cjs/components/schemas/base-button.schema.js +1 -1
  186. package/dist/cjs/components/schemas/base-button.schema.js.map +2 -2
  187. package/dist/cjs/components/schemas/button.schema.d.ts +136 -558
  188. package/dist/cjs/components/schemas/button.schema.d.ts.map +1 -1
  189. package/dist/cjs/components/schemas/button.schema.js +1 -1
  190. package/dist/cjs/components/schemas/button.schema.js.map +2 -2
  191. package/dist/cjs/components/schemas/icon-button.schema.d.ts +123 -241
  192. package/dist/cjs/components/schemas/icon-button.schema.d.ts.map +1 -1
  193. package/dist/cjs/components/schemas/icon-button.schema.js +1 -1
  194. package/dist/cjs/components/schemas/icon-button.schema.js.map +2 -2
  195. package/dist/cjs/components/schemas/index.js +1 -1
  196. package/dist/cjs/components/schemas/index.js.map +2 -2
  197. package/dist/cjs/components/schemas/shell.schema.d.ts +592 -851
  198. package/dist/cjs/components/schemas/shell.schema.d.ts.map +1 -1
  199. package/dist/cjs/components/schemas/shell.schema.js +1 -1
  200. package/dist/cjs/components/schemas/shell.schema.js.map +2 -2
  201. package/dist/cjs/components/schemas/toggle-button.schema.d.ts +138 -1027
  202. package/dist/cjs/components/schemas/toggle-button.schema.d.ts.map +1 -1
  203. package/dist/cjs/components/schemas/toggle-button.schema.js +1 -1
  204. package/dist/cjs/components/schemas/toggle-button.schema.js.map +2 -2
  205. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts +124 -466
  206. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts.map +1 -1
  207. package/dist/cjs/components/schemas/toggle-icon-button.schema.js +1 -1
  208. package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map +2 -2
  209. package/dist/cjs/components/scroll-area.js +1 -1
  210. package/dist/cjs/components/segmented-control.js +1 -1
  211. package/dist/cjs/components/select.js +1 -1
  212. package/dist/cjs/components/select.js.map +4 -4
  213. package/dist/cjs/components/select.props.d.ts +0 -5
  214. package/dist/cjs/components/select.props.d.ts.map +1 -1
  215. package/dist/cjs/components/select.props.js +1 -1
  216. package/dist/cjs/components/select.props.js.map +4 -4
  217. package/dist/cjs/components/separator.js.map +1 -1
  218. package/dist/cjs/components/separator.props.js.map +1 -1
  219. package/dist/cjs/components/sheet.js +1 -1
  220. package/dist/cjs/components/sheet.js.map +4 -4
  221. package/dist/cjs/components/shell.js +1 -1
  222. package/dist/cjs/components/shell.js.map +4 -4
  223. package/dist/cjs/components/sidebar.d.ts +0 -1
  224. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  225. package/dist/cjs/components/sidebar.js +1 -1
  226. package/dist/cjs/components/sidebar.js.map +4 -4
  227. package/dist/cjs/components/sidebar.props.d.ts +0 -5
  228. package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
  229. package/dist/cjs/components/sidebar.props.js +1 -1
  230. package/dist/cjs/components/sidebar.props.js.map +4 -4
  231. package/dist/cjs/components/slider.js +1 -1
  232. package/dist/cjs/components/slider.js.map +4 -4
  233. package/dist/cjs/components/slider.props.d.ts +0 -5
  234. package/dist/cjs/components/slider.props.d.ts.map +1 -1
  235. package/dist/cjs/components/slider.props.js +1 -1
  236. package/dist/cjs/components/slider.props.js.map +4 -4
  237. package/dist/cjs/components/slot.d.ts +6 -2
  238. package/dist/cjs/components/slot.d.ts.map +1 -1
  239. package/dist/cjs/components/switch.d.ts.map +1 -1
  240. package/dist/cjs/components/switch.js +1 -1
  241. package/dist/cjs/components/switch.js.map +4 -4
  242. package/dist/cjs/components/switch.props.d.ts +0 -5
  243. package/dist/cjs/components/switch.props.d.ts.map +1 -1
  244. package/dist/cjs/components/switch.props.js +1 -1
  245. package/dist/cjs/components/switch.props.js.map +4 -4
  246. package/dist/cjs/components/tab-nav.js +1 -1
  247. package/dist/cjs/components/tab-nav.js.map +4 -4
  248. package/dist/cjs/components/tab-nav.props.js +1 -1
  249. package/dist/cjs/components/tab-nav.props.js.map +4 -4
  250. package/dist/cjs/components/tabs.js +1 -1
  251. package/dist/cjs/components/tabs.js.map +4 -4
  252. package/dist/cjs/components/tabs.props.js +1 -1
  253. package/dist/cjs/components/tabs.props.js.map +4 -4
  254. package/dist/cjs/components/text-area.js.map +1 -1
  255. package/dist/cjs/components/text-area.props.js.map +1 -1
  256. package/dist/cjs/components/text-field.js +2 -2
  257. package/dist/cjs/components/text-field.js.map +1 -1
  258. package/dist/cjs/components/text-field.props.js.map +1 -1
  259. package/dist/cjs/components/text.js +1 -1
  260. package/dist/cjs/components/text.js.map +4 -4
  261. package/dist/cjs/components/text.props.d.ts +3 -2
  262. package/dist/cjs/components/text.props.d.ts.map +1 -1
  263. package/dist/cjs/components/text.props.js +1 -1
  264. package/dist/cjs/components/text.props.js.map +4 -4
  265. package/dist/cjs/components/theme-panel.js +3 -3
  266. package/dist/cjs/components/theme-panel.js.map +4 -4
  267. package/dist/cjs/components/theme.js +1 -1
  268. package/dist/cjs/components/theme.js.map +2 -2
  269. package/dist/cjs/components/theme.props.d.ts +1 -1
  270. package/dist/cjs/components/theme.props.js +1 -1
  271. package/dist/cjs/components/theme.props.js.map +2 -2
  272. package/dist/cjs/components/toggle-button.js +2 -2
  273. package/dist/cjs/components/toggle-button.js.map +4 -4
  274. package/dist/cjs/components/toggle-icon-button.js +3 -3
  275. package/dist/cjs/components/toggle-icon-button.js.map +4 -4
  276. package/dist/cjs/components/toolbar.js +1 -1
  277. package/dist/cjs/components/toolbar.js.map +4 -4
  278. package/dist/cjs/components/tooltip.js +1 -1
  279. package/dist/cjs/components/tooltip.js.map +4 -4
  280. package/dist/cjs/components/user-card.d.ts.map +1 -1
  281. package/dist/cjs/components/user-card.js +1 -1
  282. package/dist/cjs/components/user-card.js.map +4 -4
  283. package/dist/cjs/components/user-card.props.d.ts +0 -5
  284. package/dist/cjs/components/user-card.props.d.ts.map +1 -1
  285. package/dist/cjs/components/user-card.props.js +1 -1
  286. package/dist/cjs/components/user-card.props.js.map +4 -4
  287. package/dist/cjs/components/virtual-menu.d.ts.map +1 -1
  288. package/dist/cjs/components/virtual-menu.js +1 -1
  289. package/dist/cjs/components/virtual-menu.js.map +4 -4
  290. package/dist/cjs/helpers/extract-props.js +1 -1
  291. package/dist/cjs/helpers/extract-props.js.map +2 -2
  292. package/dist/cjs/helpers/get-margin-styles.js +1 -1
  293. package/dist/cjs/helpers/get-margin-styles.js.map +2 -2
  294. package/dist/cjs/hooks/use-breakpoint.d.ts +4 -1
  295. package/dist/cjs/hooks/use-breakpoint.d.ts.map +1 -1
  296. package/dist/cjs/hooks/use-breakpoint.js +1 -1
  297. package/dist/cjs/hooks/use-breakpoint.js.map +3 -3
  298. package/dist/cjs/index.js +5 -5
  299. package/dist/cjs/index.js.map +4 -4
  300. package/dist/cjs/props/color.prop.js.map +1 -1
  301. package/dist/cjs/props/emphasis.prop.d.ts +11 -0
  302. package/dist/cjs/props/emphasis.prop.d.ts.map +1 -0
  303. package/dist/cjs/props/emphasis.prop.js +2 -0
  304. package/dist/cjs/props/emphasis.prop.js.map +7 -0
  305. package/dist/cjs/props/index.d.ts +1 -1
  306. package/dist/cjs/props/index.d.ts.map +1 -1
  307. package/dist/cjs/props/index.js +1 -1
  308. package/dist/cjs/props/index.js.map +4 -4
  309. package/dist/esm/chunk-2264DHUW.js +2 -0
  310. package/dist/esm/{chunk-AU3D6F42.js.map → chunk-2264DHUW.js.map} +2 -2
  311. package/dist/esm/chunk-2CMM7MEL.js +2 -0
  312. package/dist/esm/chunk-2CMM7MEL.js.map +7 -0
  313. package/dist/esm/chunk-2I7QRVJ5.js +2 -0
  314. package/dist/esm/chunk-2I7QRVJ5.js.map +7 -0
  315. package/dist/esm/{chunk-2FYJTSOP.js → chunk-2SZZ75RJ.js} +2 -2
  316. package/dist/esm/chunk-3KSGRY6I.js +2 -0
  317. package/dist/esm/chunk-3KSGRY6I.js.map +7 -0
  318. package/dist/esm/chunk-4NTGF22C.js +2 -0
  319. package/dist/esm/chunk-4NTGF22C.js.map +7 -0
  320. package/dist/esm/chunk-4WVNMGI5.js +2 -0
  321. package/dist/esm/chunk-4WVNMGI5.js.map +7 -0
  322. package/dist/esm/chunk-4XKK32M4.js +2 -0
  323. package/dist/esm/chunk-4XKK32M4.js.map +7 -0
  324. package/dist/esm/chunk-5SNHUVDA.js +2 -0
  325. package/dist/esm/{chunk-H7ST535H.js → chunk-5WRCK4R7.js} +2 -2
  326. package/dist/esm/chunk-5XV4QEP5.js +2 -0
  327. package/dist/esm/chunk-5XV4QEP5.js.map +7 -0
  328. package/dist/esm/chunk-667BKCUG.js +2 -0
  329. package/dist/esm/chunk-667BKCUG.js.map +7 -0
  330. package/dist/esm/{chunk-MHPPVJDB.js → chunk-67MKPTZJ.js} +2 -2
  331. package/dist/esm/chunk-7EWFBWBS.js +2 -0
  332. package/dist/esm/chunk-7EWFBWBS.js.map +7 -0
  333. package/dist/esm/{chunk-CRWYCLTE.js → chunk-ABSKRHVM.js} +2 -2
  334. package/dist/esm/chunk-AF6XKU3W.js +2 -0
  335. package/dist/esm/chunk-AF6XKU3W.js.map +7 -0
  336. package/dist/esm/chunk-AGSSWWFI.js +2 -0
  337. package/dist/esm/chunk-AGSSWWFI.js.map +7 -0
  338. package/dist/esm/{chunk-PTLFMWCN.js → chunk-ALWNS44Q.js} +2 -2
  339. package/dist/esm/{chunk-3MWWP4MW.js → chunk-BBJUB52V.js} +2 -2
  340. package/dist/esm/{chunk-GYBLXQ4R.js → chunk-CDG5WH4U.js} +2 -2
  341. package/dist/esm/{chunk-CVWCKOHO.js → chunk-CEIK5U6C.js} +2 -2
  342. package/dist/esm/{chunk-374ZYJUP.js → chunk-CESYMTJQ.js} +2 -2
  343. package/dist/esm/chunk-CFNESRYI.js +2 -0
  344. package/dist/esm/chunk-CFNESRYI.js.map +7 -0
  345. package/dist/esm/{chunk-P7IAHW4V.js → chunk-CIYF56YS.js} +2 -2
  346. package/dist/esm/chunk-CJ27XP5Z.js +2 -0
  347. package/dist/esm/chunk-CJ27XP5Z.js.map +7 -0
  348. package/dist/esm/{chunk-LKAK5GXF.js → chunk-CKMMUHKE.js} +2 -2
  349. package/dist/esm/{chunk-SESAEJ6W.js → chunk-CLMOWP5T.js} +2 -2
  350. package/dist/esm/{chunk-DUHJVT64.js → chunk-CRSHBENJ.js} +2 -2
  351. package/dist/esm/{chunk-GJSGKE7B.js → chunk-CTA5ODAO.js} +2 -2
  352. package/dist/esm/{chunk-CWRNW44F.js → chunk-DSJY5RI3.js} +2 -2
  353. package/dist/esm/chunk-EBQZ3Z22.js +2 -0
  354. package/dist/esm/chunk-EBQZ3Z22.js.map +7 -0
  355. package/dist/esm/chunk-ECXGQQJB.js +2 -0
  356. package/dist/esm/chunk-ECXGQQJB.js.map +7 -0
  357. package/dist/esm/chunk-EDKQURDU.js +2 -0
  358. package/dist/esm/chunk-EDKQURDU.js.map +7 -0
  359. package/dist/esm/{chunk-M24UXMOQ.js → chunk-EE2IH2GL.js} +2 -2
  360. package/dist/esm/{chunk-NMKPFUNP.js → chunk-EPTYNVCU.js} +2 -2
  361. package/dist/esm/chunk-F6V7GBNQ.js +2 -0
  362. package/dist/esm/chunk-F6V7GBNQ.js.map +7 -0
  363. package/dist/esm/{chunk-XMRIRFM7.js → chunk-FG7XM7KJ.js} +2 -2
  364. package/dist/esm/chunk-FMBECDL4.js +2 -0
  365. package/dist/esm/{chunk-4XJY6FIK.js.map → chunk-FMBECDL4.js.map} +3 -3
  366. package/dist/esm/{chunk-6IGTK4JE.js → chunk-GAV3NHYL.js} +2 -2
  367. package/dist/esm/{chunk-TOOSHJOA.js → chunk-GO7OHBHW.js} +2 -2
  368. package/dist/esm/{chunk-MBCBP73P.js → chunk-HJU4I34X.js} +2 -2
  369. package/dist/esm/{chunk-VX6ARMWP.js → chunk-HSAG7C53.js} +2 -2
  370. package/dist/esm/{chunk-K6QZMNCD.js → chunk-IFM4EMZB.js} +2 -2
  371. package/dist/esm/chunk-JFWMAYEH.js +2 -0
  372. package/dist/esm/chunk-JFWMAYEH.js.map +7 -0
  373. package/dist/esm/{chunk-HF5WY5YE.js → chunk-JGLAE5G7.js} +2 -2
  374. package/dist/esm/{chunk-4YFJWXL2.js → chunk-JJKQ7CGI.js} +2 -2
  375. package/dist/esm/chunk-JSW6J6RS.js +2 -0
  376. package/dist/esm/chunk-JSW6J6RS.js.map +7 -0
  377. package/dist/esm/{chunk-P7HYVJSU.js → chunk-K3UAS7RW.js} +2 -2
  378. package/dist/esm/chunk-KCWESYMR.js +2 -0
  379. package/dist/esm/chunk-KCWESYMR.js.map +7 -0
  380. package/dist/esm/{chunk-25WZA7ZU.js → chunk-KFR3CK24.js} +2 -2
  381. package/dist/esm/chunk-KJUDZCYK.js +2 -0
  382. package/dist/esm/{chunk-SO67YEVQ.js.map → chunk-KJUDZCYK.js.map} +2 -2
  383. package/dist/esm/{chunk-WFMYNZXZ.js → chunk-KMPE7TJ6.js} +2 -2
  384. package/dist/esm/{chunk-WXP6MMUB.js → chunk-KOFEFBB3.js} +2 -2
  385. package/dist/esm/chunk-KRDP5SQ7.js +2 -0
  386. package/dist/esm/chunk-KRDP5SQ7.js.map +7 -0
  387. package/dist/esm/chunk-KZWNGWIM.js +2 -0
  388. package/dist/esm/chunk-KZWNGWIM.js.map +7 -0
  389. package/dist/esm/chunk-KZYFTDGO.js +2 -0
  390. package/dist/esm/chunk-KZYFTDGO.js.map +7 -0
  391. package/dist/esm/chunk-L3BWTV7I.js +2 -0
  392. package/dist/esm/chunk-L3BWTV7I.js.map +7 -0
  393. package/dist/esm/{chunk-W7N7V5YD.js → chunk-M6DJRFJZ.js} +2 -2
  394. package/dist/esm/{chunk-7QDTSBJF.js → chunk-MCPRXVKZ.js} +2 -2
  395. package/dist/esm/{chunk-DNHUQLXO.js → chunk-MEO7MJMQ.js} +2 -2
  396. package/dist/esm/{chunk-YVBCDTTD.js → chunk-MN3XALXD.js} +2 -2
  397. package/dist/esm/{chunk-F7IYL2VW.js → chunk-MS5J4MF6.js} +2 -2
  398. package/dist/esm/{chunk-OSRJRBKP.js → chunk-MTOLKA6S.js} +2 -2
  399. package/dist/esm/{chunk-MBE2YSBU.js → chunk-N4GTDLRD.js} +2 -2
  400. package/dist/esm/chunk-NIIEIZKQ.js +2 -0
  401. package/dist/esm/chunk-NIIEIZKQ.js.map +7 -0
  402. package/dist/esm/{chunk-FHOCUZDR.js → chunk-NIQT45PJ.js} +2 -2
  403. package/dist/esm/chunk-NVDXXGVW.js +2 -0
  404. package/dist/esm/chunk-NVDXXGVW.js.map +7 -0
  405. package/dist/esm/{chunk-IKSN4RNB.js → chunk-O2U6RJTB.js} +3 -3
  406. package/dist/esm/{chunk-IKSN4RNB.js.map → chunk-O2U6RJTB.js.map} +2 -2
  407. package/dist/esm/{chunk-TOLLPRMM.js → chunk-OFUNVHZ5.js} +2 -2
  408. package/dist/esm/chunk-OGVKSYLL.js +2 -0
  409. package/dist/esm/chunk-OGVKSYLL.js.map +7 -0
  410. package/dist/esm/chunk-OJU5GCDZ.js +2 -0
  411. package/dist/esm/chunk-OJU5GCDZ.js.map +7 -0
  412. package/dist/esm/{chunk-RMKXWYOV.js → chunk-OLAWVEAI.js} +2 -2
  413. package/dist/esm/chunk-OS3FCYZY.js +2 -0
  414. package/dist/esm/{chunk-UWT6TE5D.js → chunk-OTXCKEWT.js} +2 -2
  415. package/dist/esm/chunk-OWMA6GTG.js +2 -0
  416. package/dist/esm/chunk-OWMA6GTG.js.map +7 -0
  417. package/dist/esm/chunk-PZ7OYATT.js +2 -0
  418. package/dist/esm/chunk-PZ7OYATT.js.map +7 -0
  419. package/dist/esm/chunk-QFPHEY77.js +2 -0
  420. package/dist/esm/chunk-QFPHEY77.js.map +7 -0
  421. package/dist/esm/chunk-QQ62LO3X.js +2 -0
  422. package/dist/esm/chunk-QQ62LO3X.js.map +7 -0
  423. package/dist/esm/{chunk-MK2R6DAU.js → chunk-QWVU2TW4.js} +2 -2
  424. package/dist/esm/{chunk-MK2R6DAU.js.map → chunk-QWVU2TW4.js.map} +3 -3
  425. package/dist/esm/chunk-RDAMYQFF.js +2 -0
  426. package/dist/esm/chunk-RDAMYQFF.js.map +7 -0
  427. package/dist/esm/{chunk-D6B7IMZU.js → chunk-RNTCHVFI.js} +2 -2
  428. package/dist/esm/{chunk-YUP6EICB.js → chunk-SEY4NA45.js} +2 -2
  429. package/dist/esm/{chunk-YV2KYHGR.js → chunk-UBOOUDS4.js} +2 -2
  430. package/dist/esm/chunk-V27ZAN3E.js +2 -0
  431. package/dist/esm/chunk-V27ZAN3E.js.map +7 -0
  432. package/dist/esm/chunk-VBI3AWPT.js +2 -0
  433. package/dist/esm/chunk-VBI3AWPT.js.map +7 -0
  434. package/dist/esm/{chunk-S56YSRHP.js → chunk-VHECAEUP.js} +2 -2
  435. package/dist/esm/chunk-VLTXI4A7.js +2 -0
  436. package/dist/esm/chunk-VLTXI4A7.js.map +7 -0
  437. package/dist/esm/{chunk-4AQTUBVP.js → chunk-VNH7BJOA.js} +2 -2
  438. package/dist/esm/{chunk-IEWCQU2S.js → chunk-VR7ZAFYN.js} +2 -2
  439. package/dist/esm/chunk-VZSQATP6.js +2 -0
  440. package/dist/esm/{chunk-666GX7O5.js.map → chunk-VZSQATP6.js.map} +2 -2
  441. package/dist/esm/{chunk-PLWXTEVE.js → chunk-W2FOBR5Q.js} +2 -2
  442. package/dist/esm/chunk-WGYUWEQV.js +2 -0
  443. package/dist/esm/chunk-WGYUWEQV.js.map +7 -0
  444. package/dist/esm/{chunk-FXUUI6Z2.js → chunk-WHFJ4JUN.js} +2 -2
  445. package/dist/esm/chunk-WMGIFPI2.js +2 -0
  446. package/dist/esm/chunk-WMGIFPI2.js.map +7 -0
  447. package/dist/esm/chunk-WXQIIKWV.js +2 -0
  448. package/dist/esm/chunk-WXQIIKWV.js.map +7 -0
  449. package/dist/esm/{chunk-2UPAYDKR.js → chunk-X7V3V3W4.js} +2 -2
  450. package/dist/esm/{chunk-6XGZPIUT.js → chunk-XYVLQDGR.js} +2 -2
  451. package/dist/esm/{chunk-6XGZPIUT.js.map → chunk-XYVLQDGR.js.map} +2 -2
  452. package/dist/esm/{chunk-S2HA3W3V.js → chunk-Y5RCH23Z.js} +2 -2
  453. package/dist/esm/{chunk-OWAUCLRT.js → chunk-YBSRX63K.js} +2 -2
  454. package/dist/esm/{chunk-66ZLZAAJ.js → chunk-ZNK6AH2G.js} +1 -1
  455. package/dist/esm/{chunk-66ZLZAAJ.js.map → chunk-ZNK6AH2G.js.map} +1 -1
  456. package/dist/esm/{chunk-KPBG7CIL.js → chunk-ZO7TTWJI.js} +2 -2
  457. package/dist/esm/chunk-ZWZGUBL4.js +2 -0
  458. package/dist/esm/chunk-ZWZGUBL4.js.map +7 -0
  459. package/dist/esm/components/_internal/base-button.js +1 -1
  460. package/dist/esm/components/_internal/base-button.props.d.ts +2 -7
  461. package/dist/esm/components/_internal/base-button.props.d.ts.map +1 -1
  462. package/dist/esm/components/_internal/base-button.props.js +1 -1
  463. package/dist/esm/components/_internal/base-checkbox.props.d.ts +0 -5
  464. package/dist/esm/components/_internal/base-checkbox.props.d.ts.map +1 -1
  465. package/dist/esm/components/_internal/base-checkbox.props.js +1 -1
  466. package/dist/esm/components/_internal/base-menu.props.d.ts +0 -10
  467. package/dist/esm/components/_internal/base-menu.props.d.ts.map +1 -1
  468. package/dist/esm/components/_internal/base-menu.props.js +1 -1
  469. package/dist/esm/components/_internal/base-menu.utils.d.ts +48 -0
  470. package/dist/esm/components/_internal/base-menu.utils.d.ts.map +1 -0
  471. package/dist/esm/components/_internal/base-menu.utils.js +2 -0
  472. package/dist/esm/components/_internal/base-radio.props.d.ts +0 -5
  473. package/dist/esm/components/_internal/base-radio.props.d.ts.map +1 -1
  474. package/dist/esm/components/_internal/base-radio.props.js +1 -1
  475. package/dist/esm/components/_internal/base-tab-list.props.d.ts +0 -5
  476. package/dist/esm/components/_internal/base-tab-list.props.d.ts.map +1 -1
  477. package/dist/esm/components/_internal/base-tab-list.props.js +1 -1
  478. package/dist/esm/components/_internal/dropdown-menu-drill-down.d.ts +77 -59
  479. package/dist/esm/components/_internal/dropdown-menu-drill-down.d.ts.map +1 -1
  480. package/dist/esm/components/_internal/dropdown-menu-drill-down.js +1 -1
  481. package/dist/esm/components/_internal/menu-context.d.ts +7 -3
  482. package/dist/esm/components/_internal/menu-context.d.ts.map +1 -1
  483. package/dist/esm/components/_internal/menu-context.js +1 -1
  484. package/dist/esm/components/_internal/shell-bottom.js +1 -1
  485. package/dist/esm/components/_internal/shell-handles.js +1 -1
  486. package/dist/esm/components/_internal/shell-inspector.js +1 -1
  487. package/dist/esm/components/_internal/shell-prop-helpers.js +1 -1
  488. package/dist/esm/components/_internal/shell-resize.js +1 -1
  489. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  490. package/dist/esm/components/accessible-icon.js +1 -1
  491. package/dist/esm/components/accordion.js +1 -1
  492. package/dist/esm/components/accordion.props.d.ts +0 -6
  493. package/dist/esm/components/accordion.props.d.ts.map +1 -1
  494. package/dist/esm/components/accordion.props.js +1 -1
  495. package/dist/esm/components/alert-dialog.js +1 -1
  496. package/dist/esm/components/alert-dialog.props.js +1 -1
  497. package/dist/esm/components/aspect-ratio.js +1 -1
  498. package/dist/esm/components/avatar.js +1 -1
  499. package/dist/esm/components/avatar.props.d.ts +0 -5
  500. package/dist/esm/components/avatar.props.d.ts.map +1 -1
  501. package/dist/esm/components/avatar.props.js +1 -1
  502. package/dist/esm/components/badge.js +1 -1
  503. package/dist/esm/components/badge.props.d.ts +0 -5
  504. package/dist/esm/components/badge.props.d.ts.map +1 -1
  505. package/dist/esm/components/badge.props.js +1 -1
  506. package/dist/esm/components/blockquote.js +1 -1
  507. package/dist/esm/components/blockquote.props.d.ts +3 -2
  508. package/dist/esm/components/blockquote.props.d.ts.map +1 -1
  509. package/dist/esm/components/blockquote.props.js +1 -1
  510. package/dist/esm/components/box.js +1 -1
  511. package/dist/esm/components/box.props.js +1 -1
  512. package/dist/esm/components/button.js +1 -1
  513. package/dist/esm/components/button.props.js +1 -1
  514. package/dist/esm/components/callout.js +1 -1
  515. package/dist/esm/components/callout.props.d.ts +0 -5
  516. package/dist/esm/components/callout.props.d.ts.map +1 -1
  517. package/dist/esm/components/callout.props.js +1 -1
  518. package/dist/esm/components/card.js +1 -1
  519. package/dist/esm/components/card.props.js +1 -1
  520. package/dist/esm/components/chatbar.d.ts +46 -44
  521. package/dist/esm/components/chatbar.d.ts.map +1 -1
  522. package/dist/esm/components/chatbar.js +1 -1
  523. package/dist/esm/components/checkbox-cards.d.ts.map +1 -1
  524. package/dist/esm/components/checkbox-cards.js +1 -1
  525. package/dist/esm/components/checkbox-cards.props.d.ts +0 -5
  526. package/dist/esm/components/checkbox-cards.props.d.ts.map +1 -1
  527. package/dist/esm/components/checkbox-cards.props.js +1 -1
  528. package/dist/esm/components/checkbox-group.d.ts.map +1 -1
  529. package/dist/esm/components/checkbox-group.js +1 -1
  530. package/dist/esm/components/checkbox-group.primitive.js +1 -1
  531. package/dist/esm/components/checkbox-group.props.d.ts +0 -5
  532. package/dist/esm/components/checkbox-group.props.d.ts.map +1 -1
  533. package/dist/esm/components/checkbox-group.props.js +1 -1
  534. package/dist/esm/components/checkbox.js +1 -1
  535. package/dist/esm/components/checkbox.props.js +1 -1
  536. package/dist/esm/components/code.js +1 -1
  537. package/dist/esm/components/code.props.d.ts +3 -2
  538. package/dist/esm/components/code.props.d.ts.map +1 -1
  539. package/dist/esm/components/code.props.js +1 -1
  540. package/dist/esm/components/combobox.d.ts +28 -15
  541. package/dist/esm/components/combobox.d.ts.map +1 -1
  542. package/dist/esm/components/combobox.js +1 -1
  543. package/dist/esm/components/combobox.props.d.ts +46 -8
  544. package/dist/esm/components/combobox.props.d.ts.map +1 -1
  545. package/dist/esm/components/combobox.props.js +1 -1
  546. package/dist/esm/components/container.js +1 -1
  547. package/dist/esm/components/container.props.js +1 -1
  548. package/dist/esm/components/context-menu.d.ts +18 -5
  549. package/dist/esm/components/context-menu.d.ts.map +1 -1
  550. package/dist/esm/components/context-menu.js +1 -1
  551. package/dist/esm/components/context-menu.props.d.ts +1 -1
  552. package/dist/esm/components/context-menu.props.d.ts.map +1 -1
  553. package/dist/esm/components/context-menu.props.js +1 -1
  554. package/dist/esm/components/data-list.js +1 -1
  555. package/dist/esm/components/data-list.props.d.ts +4 -3
  556. package/dist/esm/components/data-list.props.d.ts.map +1 -1
  557. package/dist/esm/components/data-list.props.js +1 -1
  558. package/dist/esm/components/dialog.js +1 -1
  559. package/dist/esm/components/dialog.props.js +1 -1
  560. package/dist/esm/components/dropdown-menu.d.ts +11 -18
  561. package/dist/esm/components/dropdown-menu.d.ts.map +1 -1
  562. package/dist/esm/components/dropdown-menu.js +1 -1
  563. package/dist/esm/components/dropdown-menu.props.js +1 -1
  564. package/dist/esm/components/em.js +1 -1
  565. package/dist/esm/components/em.props.js +1 -1
  566. package/dist/esm/components/flex.js +1 -1
  567. package/dist/esm/components/flex.props.js +1 -1
  568. package/dist/esm/components/grid.js +1 -1
  569. package/dist/esm/components/grid.props.js +1 -1
  570. package/dist/esm/components/heading.js +1 -1
  571. package/dist/esm/components/heading.props.d.ts +3 -2
  572. package/dist/esm/components/heading.props.d.ts.map +1 -1
  573. package/dist/esm/components/heading.props.js +1 -1
  574. package/dist/esm/components/hover-card.js +1 -1
  575. package/dist/esm/components/hover-card.props.js +1 -1
  576. package/dist/esm/components/icon-button.js +1 -1
  577. package/dist/esm/components/icon-button.props.js +1 -1
  578. package/dist/esm/components/icons.js +1 -1
  579. package/dist/esm/components/image.js +1 -1
  580. package/dist/esm/components/image.props.js +1 -1
  581. package/dist/esm/components/index.js +1 -1
  582. package/dist/esm/components/inset.js +1 -1
  583. package/dist/esm/components/inset.props.js +1 -1
  584. package/dist/esm/components/kbd.js +1 -1
  585. package/dist/esm/components/kbd.props.js +1 -1
  586. package/dist/esm/components/link.js +1 -1
  587. package/dist/esm/components/link.props.d.ts +0 -5
  588. package/dist/esm/components/link.props.d.ts.map +1 -1
  589. package/dist/esm/components/link.props.js +1 -1
  590. package/dist/esm/components/navbar.js +1 -1
  591. package/dist/esm/components/navbar.props.js +1 -1
  592. package/dist/esm/components/popover.js +1 -1
  593. package/dist/esm/components/popover.props.js +1 -1
  594. package/dist/esm/components/portal.js +1 -1
  595. package/dist/esm/components/progress.js +1 -1
  596. package/dist/esm/components/progress.props.d.ts +0 -5
  597. package/dist/esm/components/progress.props.d.ts.map +1 -1
  598. package/dist/esm/components/progress.props.js +1 -1
  599. package/dist/esm/components/quote.js +1 -1
  600. package/dist/esm/components/quote.props.js +1 -1
  601. package/dist/esm/components/radio-cards.js +1 -1
  602. package/dist/esm/components/radio-cards.props.d.ts +0 -5
  603. package/dist/esm/components/radio-cards.props.d.ts.map +1 -1
  604. package/dist/esm/components/radio-cards.props.js +1 -1
  605. package/dist/esm/components/radio-group.d.ts.map +1 -1
  606. package/dist/esm/components/radio-group.js +1 -1
  607. package/dist/esm/components/radio-group.props.d.ts +0 -5
  608. package/dist/esm/components/radio-group.props.d.ts.map +1 -1
  609. package/dist/esm/components/radio-group.props.js +1 -1
  610. package/dist/esm/components/radio.js +1 -1
  611. package/dist/esm/components/radio.props.js +1 -1
  612. package/dist/esm/components/reset.js +1 -1
  613. package/dist/esm/components/schemas/base-button.schema.d.ts +111 -257
  614. package/dist/esm/components/schemas/base-button.schema.d.ts.map +1 -1
  615. package/dist/esm/components/schemas/base-button.schema.js +1 -1
  616. package/dist/esm/components/schemas/button.schema.d.ts +136 -558
  617. package/dist/esm/components/schemas/button.schema.d.ts.map +1 -1
  618. package/dist/esm/components/schemas/button.schema.js +1 -1
  619. package/dist/esm/components/schemas/icon-button.schema.d.ts +123 -241
  620. package/dist/esm/components/schemas/icon-button.schema.d.ts.map +1 -1
  621. package/dist/esm/components/schemas/icon-button.schema.js +1 -1
  622. package/dist/esm/components/schemas/index.js +1 -1
  623. package/dist/esm/components/schemas/shell.schema.d.ts +592 -851
  624. package/dist/esm/components/schemas/shell.schema.d.ts.map +1 -1
  625. package/dist/esm/components/schemas/shell.schema.js +1 -1
  626. package/dist/esm/components/schemas/toggle-button.schema.d.ts +138 -1027
  627. package/dist/esm/components/schemas/toggle-button.schema.d.ts.map +1 -1
  628. package/dist/esm/components/schemas/toggle-button.schema.js +1 -1
  629. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts +124 -466
  630. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts.map +1 -1
  631. package/dist/esm/components/schemas/toggle-icon-button.schema.js +1 -1
  632. package/dist/esm/components/scroll-area.js +1 -1
  633. package/dist/esm/components/scroll-area.props.js +1 -1
  634. package/dist/esm/components/section.js +1 -1
  635. package/dist/esm/components/section.props.js +1 -1
  636. package/dist/esm/components/segmented-control.js +1 -1
  637. package/dist/esm/components/segmented-control.props.js +1 -1
  638. package/dist/esm/components/select.js +1 -1
  639. package/dist/esm/components/select.props.d.ts +0 -5
  640. package/dist/esm/components/select.props.d.ts.map +1 -1
  641. package/dist/esm/components/select.props.js +1 -1
  642. package/dist/esm/components/separator.js +1 -1
  643. package/dist/esm/components/separator.props.js +1 -1
  644. package/dist/esm/components/sheet.js +1 -1
  645. package/dist/esm/components/shell.context.js +1 -1
  646. package/dist/esm/components/shell.hooks.js +1 -1
  647. package/dist/esm/components/shell.js +1 -1
  648. package/dist/esm/components/shell.types.js +1 -1
  649. package/dist/esm/components/sidebar.d.ts +0 -1
  650. package/dist/esm/components/sidebar.d.ts.map +1 -1
  651. package/dist/esm/components/sidebar.js +1 -1
  652. package/dist/esm/components/sidebar.props.d.ts +0 -5
  653. package/dist/esm/components/sidebar.props.d.ts.map +1 -1
  654. package/dist/esm/components/sidebar.props.js +1 -1
  655. package/dist/esm/components/skeleton.js +1 -1
  656. package/dist/esm/components/skeleton.props.js +1 -1
  657. package/dist/esm/components/slider.js +1 -1
  658. package/dist/esm/components/slider.props.d.ts +0 -5
  659. package/dist/esm/components/slider.props.d.ts.map +1 -1
  660. package/dist/esm/components/slider.props.js +1 -1
  661. package/dist/esm/components/slot.d.ts +6 -2
  662. package/dist/esm/components/slot.d.ts.map +1 -1
  663. package/dist/esm/components/slot.js +1 -1
  664. package/dist/esm/components/spinner.js +1 -1
  665. package/dist/esm/components/spinner.props.js +1 -1
  666. package/dist/esm/components/strong.js +1 -1
  667. package/dist/esm/components/strong.props.js +1 -1
  668. package/dist/esm/components/switch.d.ts.map +1 -1
  669. package/dist/esm/components/switch.js +1 -1
  670. package/dist/esm/components/switch.props.d.ts +0 -5
  671. package/dist/esm/components/switch.props.d.ts.map +1 -1
  672. package/dist/esm/components/switch.props.js +1 -1
  673. package/dist/esm/components/tab-nav.js +1 -1
  674. package/dist/esm/components/tab-nav.props.js +1 -1
  675. package/dist/esm/components/table.js +1 -1
  676. package/dist/esm/components/table.props.js +1 -1
  677. package/dist/esm/components/tabs.js +1 -1
  678. package/dist/esm/components/tabs.props.js +1 -1
  679. package/dist/esm/components/text-area.js +1 -1
  680. package/dist/esm/components/text-area.props.js +1 -1
  681. package/dist/esm/components/text-field.js +1 -1
  682. package/dist/esm/components/text-field.props.js +1 -1
  683. package/dist/esm/components/text.js +1 -1
  684. package/dist/esm/components/text.props.d.ts +3 -2
  685. package/dist/esm/components/text.props.d.ts.map +1 -1
  686. package/dist/esm/components/text.props.js +1 -1
  687. package/dist/esm/components/theme-panel.js +1 -1
  688. package/dist/esm/components/theme.js +1 -1
  689. package/dist/esm/components/theme.props.d.ts +1 -1
  690. package/dist/esm/components/theme.props.js +1 -1
  691. package/dist/esm/components/toggle-button.js +1 -1
  692. package/dist/esm/components/toggle-icon-button.js +1 -1
  693. package/dist/esm/components/toolbar.js +1 -1
  694. package/dist/esm/components/tooltip.js +1 -1
  695. package/dist/esm/components/tooltip.props.js +1 -1
  696. package/dist/esm/components/user-card.d.ts.map +1 -1
  697. package/dist/esm/components/user-card.js +1 -1
  698. package/dist/esm/components/user-card.props.d.ts +0 -5
  699. package/dist/esm/components/user-card.props.d.ts.map +1 -1
  700. package/dist/esm/components/user-card.props.js +1 -1
  701. package/dist/esm/components/virtual-menu.d.ts.map +1 -1
  702. package/dist/esm/components/virtual-menu.js +1 -1
  703. package/dist/esm/components/visually-hidden.js +1 -1
  704. package/dist/esm/helpers/compile-prop-defs.js +1 -1
  705. package/dist/esm/helpers/extract-margin-props.js +1 -1
  706. package/dist/esm/helpers/extract-props.js +1 -1
  707. package/dist/esm/helpers/font-config.js +1 -1
  708. package/dist/esm/helpers/get-margin-styles.js +1 -1
  709. package/dist/esm/helpers/get-matching-gray-color.js +1 -1
  710. package/dist/esm/helpers/get-responsive-styles.js +1 -1
  711. package/dist/esm/helpers/get-subtree.js +1 -1
  712. package/dist/esm/helpers/has-own-property.js +1 -1
  713. package/dist/esm/helpers/index.js +1 -1
  714. package/dist/esm/helpers/inert.js +1 -1
  715. package/dist/esm/helpers/is-responsive-object.js +1 -1
  716. package/dist/esm/helpers/map-prop-values.js +1 -1
  717. package/dist/esm/helpers/merge-styles.js +1 -1
  718. package/dist/esm/helpers/normalize-to-px.js +1 -1
  719. package/dist/esm/helpers/require-react-element.js +1 -1
  720. package/dist/esm/helpers/use-deprecation-warning.js +1 -1
  721. package/dist/esm/hooks/index.js +1 -1
  722. package/dist/esm/hooks/use-body-pointer-events-cleanup.js +1 -1
  723. package/dist/esm/hooks/use-breakpoint.d.ts +4 -1
  724. package/dist/esm/hooks/use-breakpoint.d.ts.map +1 -1
  725. package/dist/esm/hooks/use-breakpoint.js +1 -1
  726. package/dist/esm/hooks/use-live-announcer.js +1 -1
  727. package/dist/esm/hooks/use-prop-synced-state.js +1 -1
  728. package/dist/esm/hooks/use-toggle-state.js +1 -1
  729. package/dist/esm/hooks/use-tooltip-wrapper.js +1 -1
  730. package/dist/esm/index.js +1 -1
  731. package/dist/esm/props/as-child.prop.js +1 -1
  732. package/dist/esm/props/color.prop.js +1 -1
  733. package/dist/esm/props/emphasis.prop.d.ts +11 -0
  734. package/dist/esm/props/emphasis.prop.d.ts.map +1 -0
  735. package/dist/esm/props/emphasis.prop.js +2 -0
  736. package/dist/esm/props/emphasis.prop.js.map +7 -0
  737. package/dist/esm/props/font-family.prop.js +1 -1
  738. package/dist/esm/props/gap.props.js +1 -1
  739. package/dist/esm/props/height.props.js +1 -1
  740. package/dist/esm/props/index.d.ts +1 -1
  741. package/dist/esm/props/index.d.ts.map +1 -1
  742. package/dist/esm/props/index.js +1 -1
  743. package/dist/esm/props/layout.props.js +1 -1
  744. package/dist/esm/props/leading-trim.prop.js +1 -1
  745. package/dist/esm/props/margin.props.js +1 -1
  746. package/dist/esm/props/padding.props.js +1 -1
  747. package/dist/esm/props/prop-def.js +1 -1
  748. package/dist/esm/props/radius.prop.js +1 -1
  749. package/dist/esm/props/shadow.props.js +1 -1
  750. package/dist/esm/props/text-align.prop.js +1 -1
  751. package/dist/esm/props/text-wrap.prop.js +1 -1
  752. package/dist/esm/props/truncate.prop.js +1 -1
  753. package/dist/esm/props/weight.prop.js +1 -1
  754. package/dist/esm/props/width.props.js +1 -1
  755. package/fonts.css +2 -0
  756. package/package.json +36 -36
  757. package/schemas/base-button.json +64 -63
  758. package/schemas/button.json +78 -77
  759. package/schemas/icon-button.json +76 -75
  760. package/schemas/index.json +380 -375
  761. package/schemas/toggle-button.json +82 -81
  762. package/schemas/toggle-icon-button.json +80 -79
  763. package/src/components/_internal/base-button.css +14 -69
  764. package/src/components/_internal/base-button.props.ts +2 -4
  765. package/src/components/_internal/base-checkbox.css +9 -63
  766. package/src/components/_internal/base-checkbox.props.ts +0 -2
  767. package/src/components/_internal/base-menu.css +56 -183
  768. package/src/components/_internal/base-menu.props.ts +0 -2
  769. package/src/components/_internal/base-menu.utils.tsx +144 -0
  770. package/src/components/_internal/base-radio.css +9 -46
  771. package/src/components/_internal/base-radio.props.ts +0 -2
  772. package/src/components/_internal/base-sidebar-menu.css +3 -3
  773. package/src/components/_internal/base-tab-list.css +1 -7
  774. package/src/components/_internal/base-tab-list.props.ts +0 -2
  775. package/src/components/_internal/dropdown-menu-drill-down.tsx +281 -183
  776. package/src/components/_internal/menu-context.tsx +24 -15
  777. package/src/components/accordion.css +4 -62
  778. package/src/components/accordion.props.tsx +0 -3
  779. package/src/components/avatar.css +10 -61
  780. package/src/components/avatar.props.tsx +0 -2
  781. package/src/components/badge.css +7 -32
  782. package/src/components/badge.props.tsx +0 -2
  783. package/src/components/blockquote.props.tsx +2 -2
  784. package/src/components/callout.css +5 -25
  785. package/src/components/callout.props.tsx +0 -2
  786. package/src/components/chatbar.css +94 -26
  787. package/src/components/chatbar.tsx +742 -735
  788. package/src/components/checkbox-cards.props.tsx +0 -2
  789. package/src/components/checkbox-cards.tsx +1 -4
  790. package/src/components/checkbox-group.tsx +0 -2
  791. package/src/components/code.css +36 -36
  792. package/src/components/code.props.tsx +2 -2
  793. package/src/components/combobox.css +61 -120
  794. package/src/components/combobox.props.tsx +15 -5
  795. package/src/components/combobox.tsx +439 -215
  796. package/src/components/context-menu.props.tsx +4 -1
  797. package/src/components/context-menu.tsx +106 -63
  798. package/src/components/data-list.css +14 -9
  799. package/src/components/data-list.props.tsx +5 -2
  800. package/src/components/dropdown-menu.css +41 -121
  801. package/src/components/dropdown-menu.tsx +427 -276
  802. package/src/components/heading.css +16 -5
  803. package/src/components/heading.props.tsx +2 -2
  804. package/src/components/link.css +3 -4
  805. package/src/components/link.props.tsx +0 -2
  806. package/src/components/progress.css +3 -10
  807. package/src/components/progress.props.tsx +0 -2
  808. package/src/components/radio-cards.css +1 -4
  809. package/src/components/radio-cards.props.tsx +0 -2
  810. package/src/components/radio-group.props.tsx +0 -2
  811. package/src/components/radio-group.tsx +0 -2
  812. package/src/components/schemas/base-button.schema.ts +0 -10
  813. package/src/components/schemas/shell.schema.ts +11 -18
  814. package/src/components/scroll-area.css +2 -3
  815. package/src/components/select.css +13 -96
  816. package/src/components/select.props.tsx +0 -2
  817. package/src/components/sheet.tsx +2 -2
  818. package/src/components/sidebar.css +21 -115
  819. package/src/components/sidebar.props.tsx +0 -2
  820. package/src/components/sidebar.tsx +2 -5
  821. package/src/components/slider.css +4 -37
  822. package/src/components/slider.props.tsx +0 -2
  823. package/src/components/slider.tsx +1 -1
  824. package/src/components/switch.css +4 -23
  825. package/src/components/switch.props.tsx +0 -2
  826. package/src/components/switch.tsx +1 -3
  827. package/src/components/text.css +16 -5
  828. package/src/components/text.props.tsx +2 -2
  829. package/src/components/theme-panel.tsx +1 -1
  830. package/src/components/theme.props.tsx +1 -1
  831. package/src/components/user-card.props.tsx +0 -2
  832. package/src/components/user-card.tsx +1 -2
  833. package/src/components/virtual-menu.tsx +12 -8
  834. package/src/hooks/use-breakpoint.ts +19 -3
  835. package/src/props/color.prop.ts +1 -1
  836. package/src/props/emphasis.prop.ts +19 -0
  837. package/src/props/index.ts +1 -1
  838. package/src/styles/fonts.css +6 -1
  839. package/src/styles/tokens/color.css +109 -0
  840. package/src/styles/tokens/constants.css +0 -1
  841. package/src/styles/tokens/font-family.css +13 -5
  842. package/styles.css +694 -1225
  843. package/tokens/base.css +205 -151
  844. package/tokens.css +205 -152
  845. package/dist/cjs/props/high-contrast.prop.d.ts +0 -9
  846. package/dist/cjs/props/high-contrast.prop.d.ts.map +0 -1
  847. package/dist/cjs/props/high-contrast.prop.js +0 -2
  848. package/dist/cjs/props/high-contrast.prop.js.map +0 -7
  849. package/dist/esm/chunk-3DC63EZP.js +0 -2
  850. package/dist/esm/chunk-3DC63EZP.js.map +0 -7
  851. package/dist/esm/chunk-3XT5P2HO.js +0 -2
  852. package/dist/esm/chunk-4TCXI3L3.js +0 -2
  853. package/dist/esm/chunk-4TCXI3L3.js.map +0 -7
  854. package/dist/esm/chunk-4XJY6FIK.js +0 -2
  855. package/dist/esm/chunk-4Z33XHOK.js +0 -2
  856. package/dist/esm/chunk-4Z33XHOK.js.map +0 -7
  857. package/dist/esm/chunk-666GX7O5.js +0 -2
  858. package/dist/esm/chunk-6HEAF5IT.js +0 -2
  859. package/dist/esm/chunk-6HEAF5IT.js.map +0 -7
  860. package/dist/esm/chunk-A2RZGGMY.js +0 -2
  861. package/dist/esm/chunk-A2RZGGMY.js.map +0 -7
  862. package/dist/esm/chunk-A3NH376A.js +0 -2
  863. package/dist/esm/chunk-A3NH376A.js.map +0 -7
  864. package/dist/esm/chunk-AU3D6F42.js +0 -2
  865. package/dist/esm/chunk-B24BDVG2.js +0 -2
  866. package/dist/esm/chunk-B24BDVG2.js.map +0 -7
  867. package/dist/esm/chunk-BI7W34WW.js +0 -2
  868. package/dist/esm/chunk-BI7W34WW.js.map +0 -7
  869. package/dist/esm/chunk-CBR3VIRS.js +0 -2
  870. package/dist/esm/chunk-CBR3VIRS.js.map +0 -7
  871. package/dist/esm/chunk-D2AZAGGP.js +0 -2
  872. package/dist/esm/chunk-D2AZAGGP.js.map +0 -7
  873. package/dist/esm/chunk-E2Z5IA2P.js +0 -2
  874. package/dist/esm/chunk-E2Z5IA2P.js.map +0 -7
  875. package/dist/esm/chunk-F7IUK2I2.js +0 -2
  876. package/dist/esm/chunk-FLBLS7M4.js +0 -2
  877. package/dist/esm/chunk-FLBLS7M4.js.map +0 -7
  878. package/dist/esm/chunk-GSIE6SUD.js +0 -2
  879. package/dist/esm/chunk-GSIE6SUD.js.map +0 -7
  880. package/dist/esm/chunk-GWXVETMF.js +0 -2
  881. package/dist/esm/chunk-GWXVETMF.js.map +0 -7
  882. package/dist/esm/chunk-HOHUDTTL.js +0 -2
  883. package/dist/esm/chunk-HOHUDTTL.js.map +0 -7
  884. package/dist/esm/chunk-HUKPWYG2.js +0 -2
  885. package/dist/esm/chunk-HUKPWYG2.js.map +0 -7
  886. package/dist/esm/chunk-HVWEPVBH.js +0 -2
  887. package/dist/esm/chunk-HVWEPVBH.js.map +0 -7
  888. package/dist/esm/chunk-IDYHZIS6.js +0 -2
  889. package/dist/esm/chunk-IDYHZIS6.js.map +0 -7
  890. package/dist/esm/chunk-IGQRZCAI.js +0 -2
  891. package/dist/esm/chunk-IGQRZCAI.js.map +0 -7
  892. package/dist/esm/chunk-ILRJA7FU.js +0 -2
  893. package/dist/esm/chunk-ILRJA7FU.js.map +0 -7
  894. package/dist/esm/chunk-KKBP2CRH.js +0 -2
  895. package/dist/esm/chunk-KKBP2CRH.js.map +0 -7
  896. package/dist/esm/chunk-KTAFIHJY.js +0 -2
  897. package/dist/esm/chunk-KTAFIHJY.js.map +0 -7
  898. package/dist/esm/chunk-MCQAJV4K.js +0 -2
  899. package/dist/esm/chunk-MCQAJV4K.js.map +0 -7
  900. package/dist/esm/chunk-MJ47O7KH.js +0 -2
  901. package/dist/esm/chunk-MJ47O7KH.js.map +0 -7
  902. package/dist/esm/chunk-MOR3NSXQ.js +0 -2
  903. package/dist/esm/chunk-MOR3NSXQ.js.map +0 -7
  904. package/dist/esm/chunk-N2B7TWIP.js +0 -2
  905. package/dist/esm/chunk-N2B7TWIP.js.map +0 -7
  906. package/dist/esm/chunk-QCNUTT4R.js +0 -2
  907. package/dist/esm/chunk-QCNUTT4R.js.map +0 -7
  908. package/dist/esm/chunk-QEOAXJLN.js +0 -2
  909. package/dist/esm/chunk-QEOAXJLN.js.map +0 -7
  910. package/dist/esm/chunk-SO67YEVQ.js +0 -2
  911. package/dist/esm/chunk-TBJ6L4NL.js +0 -2
  912. package/dist/esm/chunk-TBJ6L4NL.js.map +0 -7
  913. package/dist/esm/chunk-TGN5ZJU5.js +0 -2
  914. package/dist/esm/chunk-TGN5ZJU5.js.map +0 -7
  915. package/dist/esm/chunk-UGD7Z3L4.js +0 -2
  916. package/dist/esm/chunk-UGD7Z3L4.js.map +0 -7
  917. package/dist/esm/chunk-UMX5MGLG.js +0 -2
  918. package/dist/esm/chunk-UMX5MGLG.js.map +0 -7
  919. package/dist/esm/chunk-WR7YLY46.js +0 -2
  920. package/dist/esm/chunk-WR7YLY46.js.map +0 -7
  921. package/dist/esm/chunk-WZETC7WV.js +0 -2
  922. package/dist/esm/chunk-WZETC7WV.js.map +0 -7
  923. package/dist/esm/chunk-XGGLYV5D.js +0 -2
  924. package/dist/esm/chunk-XGGLYV5D.js.map +0 -7
  925. package/dist/esm/chunk-XKASPWCJ.js +0 -2
  926. package/dist/esm/chunk-XKASPWCJ.js.map +0 -7
  927. package/dist/esm/chunk-YEB3H7QN.js +0 -2
  928. package/dist/esm/chunk-YEB3H7QN.js.map +0 -7
  929. package/dist/esm/chunk-ZRKE3NVU.js +0 -2
  930. package/dist/esm/chunk-ZRKE3NVU.js.map +0 -7
  931. package/dist/esm/chunk-ZY6SQWHT.js +0 -2
  932. package/dist/esm/chunk-ZY6SQWHT.js.map +0 -7
  933. package/dist/esm/props/high-contrast.prop.d.ts +0 -9
  934. package/dist/esm/props/high-contrast.prop.d.ts.map +0 -1
  935. package/dist/esm/props/high-contrast.prop.js +0 -2
  936. package/src/props/high-contrast.prop.ts +0 -13
  937. /package/dist/esm/{chunk-2FYJTSOP.js.map → chunk-2SZZ75RJ.js.map} +0 -0
  938. /package/dist/esm/{chunk-F7IUK2I2.js.map → chunk-5SNHUVDA.js.map} +0 -0
  939. /package/dist/esm/{chunk-H7ST535H.js.map → chunk-5WRCK4R7.js.map} +0 -0
  940. /package/dist/esm/{chunk-MHPPVJDB.js.map → chunk-67MKPTZJ.js.map} +0 -0
  941. /package/dist/esm/{chunk-CRWYCLTE.js.map → chunk-ABSKRHVM.js.map} +0 -0
  942. /package/dist/esm/{chunk-PTLFMWCN.js.map → chunk-ALWNS44Q.js.map} +0 -0
  943. /package/dist/esm/{chunk-3MWWP4MW.js.map → chunk-BBJUB52V.js.map} +0 -0
  944. /package/dist/esm/{chunk-GYBLXQ4R.js.map → chunk-CDG5WH4U.js.map} +0 -0
  945. /package/dist/esm/{chunk-CVWCKOHO.js.map → chunk-CEIK5U6C.js.map} +0 -0
  946. /package/dist/esm/{chunk-374ZYJUP.js.map → chunk-CESYMTJQ.js.map} +0 -0
  947. /package/dist/esm/{chunk-P7IAHW4V.js.map → chunk-CIYF56YS.js.map} +0 -0
  948. /package/dist/esm/{chunk-LKAK5GXF.js.map → chunk-CKMMUHKE.js.map} +0 -0
  949. /package/dist/esm/{chunk-SESAEJ6W.js.map → chunk-CLMOWP5T.js.map} +0 -0
  950. /package/dist/esm/{chunk-DUHJVT64.js.map → chunk-CRSHBENJ.js.map} +0 -0
  951. /package/dist/esm/{chunk-GJSGKE7B.js.map → chunk-CTA5ODAO.js.map} +0 -0
  952. /package/dist/esm/{chunk-CWRNW44F.js.map → chunk-DSJY5RI3.js.map} +0 -0
  953. /package/dist/esm/{chunk-M24UXMOQ.js.map → chunk-EE2IH2GL.js.map} +0 -0
  954. /package/dist/esm/{chunk-NMKPFUNP.js.map → chunk-EPTYNVCU.js.map} +0 -0
  955. /package/dist/esm/{chunk-XMRIRFM7.js.map → chunk-FG7XM7KJ.js.map} +0 -0
  956. /package/dist/esm/{chunk-6IGTK4JE.js.map → chunk-GAV3NHYL.js.map} +0 -0
  957. /package/dist/esm/{chunk-TOOSHJOA.js.map → chunk-GO7OHBHW.js.map} +0 -0
  958. /package/dist/esm/{chunk-MBCBP73P.js.map → chunk-HJU4I34X.js.map} +0 -0
  959. /package/dist/esm/{chunk-VX6ARMWP.js.map → chunk-HSAG7C53.js.map} +0 -0
  960. /package/dist/esm/{chunk-K6QZMNCD.js.map → chunk-IFM4EMZB.js.map} +0 -0
  961. /package/dist/esm/{chunk-HF5WY5YE.js.map → chunk-JGLAE5G7.js.map} +0 -0
  962. /package/dist/esm/{chunk-4YFJWXL2.js.map → chunk-JJKQ7CGI.js.map} +0 -0
  963. /package/dist/esm/{chunk-P7HYVJSU.js.map → chunk-K3UAS7RW.js.map} +0 -0
  964. /package/dist/esm/{chunk-25WZA7ZU.js.map → chunk-KFR3CK24.js.map} +0 -0
  965. /package/dist/esm/{chunk-WFMYNZXZ.js.map → chunk-KMPE7TJ6.js.map} +0 -0
  966. /package/dist/esm/{chunk-WXP6MMUB.js.map → chunk-KOFEFBB3.js.map} +0 -0
  967. /package/dist/esm/{chunk-W7N7V5YD.js.map → chunk-M6DJRFJZ.js.map} +0 -0
  968. /package/dist/esm/{chunk-7QDTSBJF.js.map → chunk-MCPRXVKZ.js.map} +0 -0
  969. /package/dist/esm/{chunk-DNHUQLXO.js.map → chunk-MEO7MJMQ.js.map} +0 -0
  970. /package/dist/esm/{chunk-YVBCDTTD.js.map → chunk-MN3XALXD.js.map} +0 -0
  971. /package/dist/esm/{chunk-F7IYL2VW.js.map → chunk-MS5J4MF6.js.map} +0 -0
  972. /package/dist/esm/{chunk-OSRJRBKP.js.map → chunk-MTOLKA6S.js.map} +0 -0
  973. /package/dist/esm/{chunk-MBE2YSBU.js.map → chunk-N4GTDLRD.js.map} +0 -0
  974. /package/dist/esm/{chunk-FHOCUZDR.js.map → chunk-NIQT45PJ.js.map} +0 -0
  975. /package/dist/esm/{chunk-TOLLPRMM.js.map → chunk-OFUNVHZ5.js.map} +0 -0
  976. /package/dist/esm/{chunk-RMKXWYOV.js.map → chunk-OLAWVEAI.js.map} +0 -0
  977. /package/dist/esm/{chunk-3XT5P2HO.js.map → chunk-OS3FCYZY.js.map} +0 -0
  978. /package/dist/esm/{chunk-UWT6TE5D.js.map → chunk-OTXCKEWT.js.map} +0 -0
  979. /package/dist/esm/{chunk-D6B7IMZU.js.map → chunk-RNTCHVFI.js.map} +0 -0
  980. /package/dist/esm/{chunk-YUP6EICB.js.map → chunk-SEY4NA45.js.map} +0 -0
  981. /package/dist/esm/{chunk-YV2KYHGR.js.map → chunk-UBOOUDS4.js.map} +0 -0
  982. /package/dist/esm/{chunk-S56YSRHP.js.map → chunk-VHECAEUP.js.map} +0 -0
  983. /package/dist/esm/{chunk-4AQTUBVP.js.map → chunk-VNH7BJOA.js.map} +0 -0
  984. /package/dist/esm/{chunk-IEWCQU2S.js.map → chunk-VR7ZAFYN.js.map} +0 -0
  985. /package/dist/esm/{chunk-PLWXTEVE.js.map → chunk-W2FOBR5Q.js.map} +0 -0
  986. /package/dist/esm/{chunk-FXUUI6Z2.js.map → chunk-WHFJ4JUN.js.map} +0 -0
  987. /package/dist/esm/{chunk-2UPAYDKR.js.map → chunk-X7V3V3W4.js.map} +0 -0
  988. /package/dist/esm/{chunk-S2HA3W3V.js.map → chunk-Y5RCH23Z.js.map} +0 -0
  989. /package/dist/esm/{chunk-OWAUCLRT.js.map → chunk-YBSRX63K.js.map} +0 -0
  990. /package/dist/esm/{chunk-KPBG7CIL.js.map → chunk-ZO7TTWJI.js.map} +0 -0
  991. /package/dist/esm/{props/high-contrast.prop.js.map → components/_internal/base-menu.utils.js.map} +0 -0
package/components.css CHANGED
@@ -31,8 +31,8 @@
31
31
  .rt-reset:where(textarea,input:not([type='button'],[type='image'],[type='reset'],[type='submit'],[type='checkbox'],[type='color'],[type='radio'],[type='range'])) {
32
32
  all: unset;
33
33
  display: block;
34
- width: -webkit-fill-available;
35
34
  width: -moz-available;
35
+ width: -webkit-fill-available;
36
36
  width: stretch;
37
37
  font-weight: normal;
38
38
  font-style: normal;
@@ -123,8 +123,8 @@
123
123
  .rt-reset:where(iframe) {
124
124
  display: block;
125
125
  border: none;
126
- width: -webkit-fill-available;
127
126
  width: -moz-available;
127
+ width: -webkit-fill-available;
128
128
  width: stretch;
129
129
  }
130
130
  .rt-reset:where(ins,u) {
@@ -159,8 +159,8 @@
159
159
  }
160
160
  .rt-reset:where(video) {
161
161
  display: block;
162
- width: -webkit-fill-available;
163
162
  width: -moz-available;
163
+ width: -webkit-fill-available;
164
164
  width: stretch;
165
165
  }
166
166
  .rt-reset:where(:-moz-any-link) {
@@ -1098,11 +1098,23 @@
1098
1098
  :where(.rt-Text) {
1099
1099
  margin: 0;
1100
1100
  }
1101
+ .rt-Text:where(.rt-emphasis-loud) {
1102
+ color: var(--gray-ink);
1103
+ }
1104
+ .rt-Text:where(.rt-emphasis-medium) {
1105
+ color: var(--gray-ink-muted);
1106
+ }
1107
+ .rt-Text:where(.rt-emphasis-quiet) {
1108
+ color: var(--gray-ink-faint);
1109
+ }
1101
1110
  .rt-Text:where([data-accent-color]) {
1102
- color: var(--accent-a11);
1111
+ color: var(--accent-ink);
1103
1112
  }
1104
- .rt-Text:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
1105
- color: var(--accent-12);
1113
+ .rt-Text:where([data-accent-color].rt-emphasis-medium) {
1114
+ color: var(--accent-ink-muted);
1115
+ }
1116
+ .rt-Text:where([data-accent-color].rt-emphasis-quiet) {
1117
+ color: var(--accent-ink-faint);
1106
1118
  }
1107
1119
  @media (pointer: coarse) {
1108
1120
  .rt-Text:where(label) {
@@ -1792,35 +1804,8 @@
1792
1804
  -webkit-transition: var(--transition-accordion-trigger-active);
1793
1805
  transition: var(--transition-accordion-trigger-active);
1794
1806
  }
1795
- :where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
1796
- color: var(--accent-a11);
1797
- }
1798
- :where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
1799
- color: var(--accent-12);
1800
- }
1801
- :where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
1802
- color: var(--accent-11);
1803
- }
1804
- :where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
1805
- color: var(--accent-12);
1806
- }
1807
- :where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
1808
- color: var(--accent-a11);
1809
- }
1810
- :where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
1811
- color: var(--accent-12);
1812
- }
1813
- :where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
1814
- color: var(--accent-a11);
1815
- }
1816
- :where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
1817
- color: var(--accent-12);
1818
- }
1819
- :where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
1820
- color: var(--accent-a11);
1821
- }
1822
- :where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
1823
- color: var(--accent-12);
1807
+ :where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
1808
+ color: var(--accent-ink);
1824
1809
  }
1825
1810
  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
1826
1811
  background-color: var(--accent-2);
@@ -1929,7 +1914,7 @@
1929
1914
  .rt-AccordionContent {
1930
1915
  overflow: hidden;
1931
1916
  font-size: var(--font-size-2);
1932
- color: var(--accent-a11);
1917
+ color: var(--accent-ink);
1933
1918
  line-height: var(--line-height-4);
1934
1919
  -webkit-transform-origin: top;
1935
1920
  transform-origin: top;
@@ -2018,21 +2003,9 @@
2018
2003
  transform: translateY(-4px) scaleY(0.98);
2019
2004
  }
2020
2005
  }
2021
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
2022
- color: var(--accent-12);
2023
- }
2024
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
2025
- color: var(--accent-12);
2026
- }
2027
2006
  :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
2028
2007
  background-color: var(--accent-a4);
2029
2008
  }
2030
- :where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
2031
- color: var(--accent-a11);
2032
- }
2033
- :where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
2034
- color: var(--accent-12);
2035
- }
2036
2009
  @media (prefers-reduced-motion: reduce) {
2037
2010
  :where(.rt-AccordionContent[data-state="open"]),
2038
2011
  :where(.rt-AccordionContent[data-state="closed"]) {
@@ -3087,8 +3060,7 @@
3087
3060
  }
3088
3061
  }
3089
3062
  .rt-AvatarRoot:where(.rt-variant-soft) {
3090
- --v-color: var(--accent-11);
3091
- --v-color-high-contrast: var(--accent-12);
3063
+ --v-color: var(--accent-ink);
3092
3064
  --v-bg: var(--accent-3);
3093
3065
  --v-bg-a: var(--accent-a3);
3094
3066
  --v-bg-hover: var(--accent-4);
@@ -3098,9 +3070,7 @@
3098
3070
  --v-bg-disabled: var(--gray-a3);
3099
3071
  }
3100
3072
  .rt-AvatarRoot:where(.rt-variant-outline) {
3101
- --v-color: var(--accent-11);
3102
- --v-color-a: var(--accent-a11);
3103
- --v-color-high-contrast: var(--accent-12);
3073
+ --v-color: var(--accent-ink);
3104
3074
  --v-bg: transparent;
3105
3075
  --v-bg-a: transparent;
3106
3076
  --v-bg-hover: var(--accent-2);
@@ -3117,8 +3087,7 @@
3117
3087
  --v-border-disabled: var(--gray-a7);
3118
3088
  }
3119
3089
  .rt-AvatarRoot:where(.rt-variant-surface) {
3120
- --v-color: var(--accent-a11);
3121
- --v-color-high-contrast: var(--accent-12);
3090
+ --v-color: var(--accent-ink);
3122
3091
  --v-bg: var(--accent-2);
3123
3092
  --v-bg-a: var(--accent-a2);
3124
3093
  --v-bg-hover: var(--accent-3);
@@ -3138,19 +3107,10 @@
3138
3107
  color: var(--v-color);
3139
3108
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
3140
3109
  }
3141
- .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3142
- color: var(--v-color-high-contrast);
3143
- }
3144
3110
  .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
3145
3111
  color: var(--gray-a8);
3146
3112
  background-color: var(--v-bg-disabled, var(--gray-a3));
3147
3113
  }
3148
- .rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
3149
- color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
3150
- }
3151
- .rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3152
- color: var(--v-color-high-contrast);
3153
- }
3154
3114
  .rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
3155
3115
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
3156
3116
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
@@ -3195,12 +3155,8 @@
3195
3155
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
3196
3156
  }
3197
3157
  .rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
3198
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
3199
- color: var(--accent-contrast);
3200
- }
3201
- .rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3202
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3203
- color: var(--gray-1);
3158
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
3159
+ color: var(--accent-solid-contrast);
3204
3160
  }
3205
3161
  .rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
3206
3162
  color: var(--gray-a8);
@@ -3210,32 +3166,20 @@
3210
3166
  }
3211
3167
  @media (hover: hover) {
3212
3168
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
3213
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
3169
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
3214
3170
  }
3215
3171
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3216
3172
  background-color: inherit;
3173
+ -webkit-filter: var(--accent-solid-hover-filter);
3174
+ filter: var(--accent-solid-hover-filter);
3217
3175
  }
3218
3176
  }
3219
3177
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
3220
- background-color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--solid-blend));
3178
+ background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
3221
3179
  }
3222
3180
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3223
3181
  background-color: inherit;
3224
3182
  }
3225
- @media (hover: hover) {
3226
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
3227
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3228
- }
3229
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3230
- background-color: inherit;
3231
- }
3232
- }
3233
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
3234
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3235
- }
3236
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3237
- background-color: inherit;
3238
- }
3239
3183
  .rt-AvatarRoot:where(.rt-variant-classic) {
3240
3184
  position: relative;
3241
3185
  top: var(--classic-elevation-offset);
@@ -3243,15 +3187,11 @@
3243
3187
  .rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
3244
3188
  position: relative;
3245
3189
  top: 0;
3246
- color: var(--accent-a11);
3190
+ color: var(--accent-ink);
3247
3191
  background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
3248
3192
  -webkit-box-shadow: var(--shadow-2);
3249
3193
  box-shadow: var(--shadow-2);
3250
3194
  }
3251
- .rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3252
- color: var(--gray-12);
3253
- background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
3254
- }
3255
3195
  .rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
3256
3196
  color: var(--gray-a8);
3257
3197
  background-color: var(--gray-a3);
@@ -3286,24 +3226,12 @@
3286
3226
  :where(.radix-themes) {
3287
3227
  --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
3288
3228
  --avatar-image-active-filter: brightness(0.9) saturate(1.1);
3289
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
3290
- --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
3291
- --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
3292
- --base-button-solid-high-contrast-active-filter: brightness(0.92);
3293
- --base-button-solid-high-contrast-open-filter: brightness(0.96);
3294
3229
  --segmented-control-indicator-background-color: var(--color-background);
3295
- --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
3296
3230
  }
3297
3231
  :is(.dark, .dark-theme),
3298
3232
  :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
3299
3233
  --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
3300
3234
  --avatar-image-active-filter: brightness(1.1) saturate(1.1);
3301
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
3302
- --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
3303
- --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
3304
- --base-button-solid-high-contrast-active-filter: brightness(0.9);
3305
- --base-button-solid-high-contrast-open-filter: brightness(0.95);
3306
- --slider-range-high-contrast-background-image: none;
3307
3235
  }
3308
3236
  .rt-AvatarStatus,
3309
3237
  .rt-AvatarBadge {
@@ -3692,12 +3620,8 @@
3692
3620
  }
3693
3621
  .rt-Badge:where(.rt-variant-solid) {
3694
3622
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
3695
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
3696
- color: var(--accent-contrast);
3697
- }
3698
- .rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
3699
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3700
- color: var(--gray-1);
3623
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
3624
+ color: var(--accent-solid-contrast);
3701
3625
  }
3702
3626
  .rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
3703
3627
  color: var(--gray-a8);
@@ -3712,16 +3636,10 @@
3712
3636
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
3713
3637
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
3714
3638
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
3715
- color: var(--accent-a11);
3716
- }
3717
- .rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
3718
- color: var(--accent-12);
3639
+ color: var(--accent-ink);
3719
3640
  }
3720
3641
  .rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
3721
- color: var(--accent-a11);
3722
- }
3723
- .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
3724
- color: var(--accent-12);
3642
+ color: var(--accent-ink);
3725
3643
  }
3726
3644
  .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
3727
3645
  color: var(--gray-a8);
@@ -3741,24 +3659,18 @@
3741
3659
  .rt-Badge:where(.rt-variant-outline) {
3742
3660
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
3743
3661
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
3744
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
3662
+ color: var(--accent-ink);
3745
3663
  -webkit-transition: var(--transition-background-blur);
3746
3664
  transition: var(--transition-background-blur);
3747
3665
  }
3748
- .rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
3749
- color: var(--accent-12);
3750
- }
3751
3666
  .rt-Badge:where(.rt-variant-ghost) {
3752
3667
  background-color: transparent;
3753
- color: var(--accent-a11);
3754
- }
3755
- .rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
3756
- color: var(--accent-12);
3668
+ color: var(--accent-ink);
3757
3669
  }
3758
3670
  .rt-Badge:where(.rt-variant-classic) {
3759
3671
  position: relative;
3760
3672
  top: var(--classic-elevation-offset);
3761
- color: var(--accent-a11);
3673
+ color: var(--accent-ink);
3762
3674
  -webkit-box-shadow: var(--shadow-2);
3763
3675
  box-shadow: var(--shadow-2);
3764
3676
  -webkit-transition: var(--transition-text-field);
@@ -3775,9 +3687,6 @@
3775
3687
  .rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
3776
3688
  --classic-surface: var(--color-surface-translucent);
3777
3689
  }
3778
- .rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
3779
- color: var(--accent-12);
3780
- }
3781
3690
  .rt-Blockquote {
3782
3691
  -webkit-box-sizing: border-box;
3783
3692
  box-sizing: border-box;
@@ -4010,8 +3919,7 @@
4010
3919
  }
4011
3920
  }
4012
3921
  .rt-BaseButton:where(.rt-variant-soft) {
4013
- --v-color: var(--accent-a11);
4014
- --v-color-high-contrast: var(--accent-12);
3922
+ --v-color: var(--accent-ink);
4015
3923
  --v-bg: var(--accent-3);
4016
3924
  --v-bg-a: var(--accent-a3);
4017
3925
  --v-bg-hover: var(--accent-4);
@@ -4025,8 +3933,7 @@
4025
3933
  --v-focus-offset: -1px;
4026
3934
  }
4027
3935
  .rt-BaseButton:where(.rt-variant-ghost) {
4028
- --v-color: var(--accent-a11);
4029
- --v-color-high-contrast: var(--accent-12);
3936
+ --v-color: var(--accent-ink);
4030
3937
  --v-bg: transparent;
4031
3938
  --v-bg-a: transparent;
4032
3939
  --v-bg-hover: var(--accent-3);
@@ -4040,8 +3947,7 @@
4040
3947
  --v-focus-offset: -1px;
4041
3948
  }
4042
3949
  .rt-BaseButton:where(.rt-variant-outline) {
4043
- --v-color: var(--accent-11);
4044
- --v-color-high-contrast: var(--accent-12);
3950
+ --v-color: var(--accent-ink);
4045
3951
  --v-bg: transparent;
4046
3952
  --v-bg-a: transparent;
4047
3953
  --v-bg-hover: var(--accent-2);
@@ -4064,8 +3970,7 @@
4064
3970
  --v-focus-offset: -1px;
4065
3971
  }
4066
3972
  .rt-BaseButton:where(.rt-variant-surface) {
4067
- --v-color: var(--accent-a11);
4068
- --v-color-high-contrast: var(--accent-12);
3973
+ --v-color: var(--accent-ink);
4069
3974
  --v-bg: var(--accent-2);
4070
3975
  --v-bg-a: var(--accent-a2);
4071
3976
  --v-bg-hover: var(--accent-3);
@@ -4091,9 +3996,6 @@
4091
3996
  color: var(--v-color);
4092
3997
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
4093
3998
  }
4094
- .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
4095
- color: var(--v-color-high-contrast);
4096
- }
4097
3999
  .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
4098
4000
  outline: 2px solid var(--v-focus-color);
4099
4001
  outline-offset: var(--v-focus-offset);
@@ -4168,7 +4070,7 @@
4168
4070
  }
4169
4071
  .rt-BaseButton:where(.rt-variant-classic) {
4170
4072
  position: relative;
4171
- color: var(--accent-a11);
4073
+ color: var(--accent-ink);
4172
4074
  background-color: var(--color-surface-solid);
4173
4075
  -webkit-box-shadow: var(--shadow-2);
4174
4076
  box-shadow: var(--shadow-2);
@@ -4176,9 +4078,6 @@
4176
4078
  .rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
4177
4079
  background-color: var(--color-surface-translucent);
4178
4080
  }
4179
- .rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
4180
- color: var(--gray-12);
4181
- }
4182
4081
  .rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
4183
4082
  outline: 2px solid var(--focus-8);
4184
4083
  outline-offset: 2px;
@@ -4281,8 +4180,8 @@
4281
4180
  }
4282
4181
  .rt-BaseButton:where(.rt-variant-solid) {
4283
4182
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
4284
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
4285
- color: var(--accent-contrast);
4183
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
4184
+ color: var(--accent-solid-contrast);
4286
4185
  }
4287
4186
  .rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
4288
4187
  outline: 2px solid var(--focus-8);
@@ -4290,22 +4189,24 @@
4290
4189
  }
4291
4190
  @media (hover: hover) {
4292
4191
  .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
4293
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
4192
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
4193
+ -webkit-filter: var(--accent-solid-hover-filter);
4194
+ filter: var(--accent-solid-hover-filter);
4294
4195
  -webkit-box-shadow: var(--shadow-2);
4295
4196
  box-shadow: var(--shadow-2);
4296
4197
  }
4297
4198
  }
4298
4199
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
4299
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
4300
- -webkit-filter: var(--base-button-solid-open-filter);
4301
- filter: var(--base-button-solid-open-filter);
4200
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
4201
+ -webkit-filter: var(--accent-solid-open-filter);
4202
+ filter: var(--accent-solid-open-filter);
4302
4203
  }
4303
4204
  .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
4304
- -webkit-filter: var(--base-button-solid-active-filter);
4305
- filter: var(--base-button-solid-active-filter);
4205
+ -webkit-filter: var(--accent-solid-active-filter);
4206
+ filter: var(--accent-solid-active-filter);
4306
4207
  }
4307
4208
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
4308
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
4209
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
4309
4210
  opacity: 0.9;
4310
4211
  }
4311
4212
  @media (pointer: coarse) {
@@ -4314,32 +4215,6 @@
4314
4215
  outline-offset: 0;
4315
4216
  }
4316
4217
  }
4317
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
4318
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
4319
- color: var(--gray-1);
4320
- }
4321
- @media (hover: hover) {
4322
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
4323
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
4324
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
4325
- filter: var(--base-button-solid-high-contrast-hover-filter);
4326
- -webkit-box-shadow: var(--shadow-2);
4327
- box-shadow: var(--shadow-2);
4328
- }
4329
- }
4330
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
4331
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
4332
- -webkit-filter: var(--base-button-solid-high-contrast-open-filter);
4333
- filter: var(--base-button-solid-high-contrast-open-filter);
4334
- }
4335
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
4336
- -webkit-filter: var(--base-button-solid-high-contrast-active-filter);
4337
- filter: var(--base-button-solid-high-contrast-active-filter);
4338
- }
4339
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
4340
- background-color: var(--accent-12);
4341
- opacity: 0.85;
4342
- }
4343
4218
  .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
4344
4219
  color: var(--gray-a8);
4345
4220
  background-color: var(--gray-a3);
@@ -4956,7 +4831,7 @@
4956
4831
  -ms-flex-pack: start;
4957
4832
  justify-content: flex-start;
4958
4833
  text-align: left;
4959
- color: var(--accent-a11);
4834
+ color: var(--accent-ink);
4960
4835
  -webkit-transition: var(--transition-card);
4961
4836
  transition: var(--transition-card);
4962
4837
  border-radius: var(--callout-border-radius);
@@ -4982,9 +4857,6 @@
4982
4857
  backdrop-filter: var(--backdrop-filter-components);
4983
4858
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
4984
4859
  }
4985
- .rt-CalloutRoot:where(.rt-high-contrast) {
4986
- color: var(--accent-12);
4987
- }
4988
4860
  .rt-CalloutRoot:where(:focus-visible) {
4989
4861
  outline: 2px solid var(--accent-8);
4990
4862
  outline-offset: 2px;
@@ -5331,34 +5203,25 @@
5331
5203
  }
5332
5204
  .rt-CalloutRoot:where(.rt-variant-soft) {
5333
5205
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
5334
- color: var(--accent-a11);
5335
- }
5336
- .rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
5337
- color: var(--accent-12);
5206
+ color: var(--accent-ink);
5338
5207
  }
5339
5208
  .rt-CalloutRoot:where(.rt-variant-surface) {
5340
5209
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
5341
5210
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
5342
5211
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
5343
- color: var(--accent-a11);
5344
- }
5345
- .rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
5346
- color: var(--accent-12);
5212
+ color: var(--accent-ink);
5347
5213
  }
5348
5214
  .rt-CalloutRoot:where(.rt-variant-outline) {
5349
5215
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
5350
5216
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
5351
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
5352
- }
5353
- .rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
5354
- color: var(--accent-12);
5217
+ color: var(--accent-ink);
5355
5218
  }
5356
5219
  .rt-CalloutRoot:where(.rt-variant-classic) {
5357
5220
  --classic-surface: var(--color-surface-solid);
5358
5221
  background-color: var(--classic-surface);
5359
5222
  -webkit-box-shadow: var(--shadow-2);
5360
5223
  box-shadow: var(--shadow-2);
5361
- color: var(--accent-a11);
5224
+ color: var(--accent-ink);
5362
5225
  -webkit-transition: var(--transition-text-field);
5363
5226
  transition: var(--transition-text-field);
5364
5227
  }
@@ -5371,9 +5234,6 @@
5371
5234
  .rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
5372
5235
  --classic-surface: var(--color-surface-translucent);
5373
5236
  }
5374
- .rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
5375
- color: var(--accent-12);
5376
- }
5377
5237
  .rt-BaseCard {
5378
5238
  --material-blend: 100%;
5379
5239
  --material-alpha: 0;
@@ -5750,7 +5610,6 @@
5750
5610
  outline: inherit;
5751
5611
  }
5752
5612
  .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:focus-visible):where(:active:not([data-state='open']))::before {
5753
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
5754
5613
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
5755
5614
  }
5756
5615
  @media (hover: hover) {
@@ -5778,7 +5637,6 @@
5778
5637
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
5779
5638
  }
5780
5639
  .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
5781
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
5782
5640
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
5783
5641
  }
5784
5642
  }
@@ -5923,7 +5781,6 @@
5923
5781
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
5924
5782
  }
5925
5783
  .rt-BaseCard:where(.rt-variant-ghost):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
5926
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
5927
5784
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
5928
5785
  }
5929
5786
  }
@@ -6011,7 +5868,6 @@
6011
5868
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
6012
5869
  }
6013
5870
  .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
6014
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
6015
5871
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
6016
5872
  }
6017
5873
  }
@@ -6020,7 +5876,6 @@
6020
5876
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
6021
5877
  }
6022
5878
  .rt-BaseCard:where(:any-link,button,label):where(:active:not(:focus-visible,[data-state='open']))::before {
6023
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
6024
5879
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
6025
5880
  }
6026
5881
  }
@@ -6035,7 +5890,6 @@
6035
5890
  outline: inherit;
6036
5891
  }
6037
5892
  .rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
6038
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
6039
5893
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
6040
5894
  }
6041
5895
  .rt-BaseCheckboxRoot {
@@ -6205,20 +6059,12 @@
6205
6059
  box-shadow: inset 0 0 0 1px var(--accent-9);
6206
6060
  }
6207
6061
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
6208
- background-color: var(--accent-9);
6209
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
6210
- box-shadow: inset 0 0 0 1px var(--accent-9);
6062
+ background-color: var(--accent-solid);
6063
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
6064
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
6211
6065
  }
6212
6066
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6213
- color: var(--accent-contrast);
6214
- }
6215
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
6216
- background-color: var(--accent-12);
6217
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
6218
- box-shadow: inset 0 0 0 1px var(--accent-12);
6219
- }
6220
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6221
- color: var(--gray-1);
6067
+ color: var(--accent-solid-contrast);
6222
6068
  }
6223
6069
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
6224
6070
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -6233,7 +6079,7 @@
6233
6079
  top: var(--classic-elevation-offset);
6234
6080
  }
6235
6081
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
6236
- color: var(--accent-a11);
6082
+ color: var(--accent-ink);
6237
6083
  background-color: var(--color-surface-solid);
6238
6084
  -webkit-box-shadow: var(--shadow-2);
6239
6085
  box-shadow: var(--shadow-2);
@@ -6260,22 +6106,7 @@
6260
6106
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6261
6107
  }
6262
6108
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6263
- color: var(--accent-a11);
6264
- }
6265
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
6266
- background-color: var(--accent-3);
6267
- }
6268
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before) {
6269
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6270
- }
6271
- :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='solid'],[data-material='solid']) {
6272
- background-color: var(--accent-3);
6273
- }
6274
- :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='translucent'],[data-material='translucent']) {
6275
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6276
- }
6277
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6278
- color: var(--accent-12);
6109
+ color: var(--accent-ink);
6279
6110
  }
6280
6111
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
6281
6112
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -6317,10 +6148,7 @@
6317
6148
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6318
6149
  }
6319
6150
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6320
- color: var(--accent-a11);
6321
- }
6322
- .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6323
- color: var(--accent-12);
6151
+ color: var(--accent-ink);
6324
6152
  }
6325
6153
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
6326
6154
  background-color: var(--gray-a3);
@@ -6331,22 +6159,19 @@
6331
6159
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
6332
6160
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
6333
6161
  box-shadow: inset 0 0 0 1px var(--accent-6);
6334
- color: var(--accent-11);
6162
+ color: var(--accent-ink);
6335
6163
  }
6336
6164
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
6337
6165
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
6338
6166
  box-shadow: inset 0 0 0 1px var(--accent-a6);
6339
- color: var(--accent-a11);
6340
6167
  }
6341
6168
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
6342
6169
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
6343
6170
  box-shadow: inset 0 0 0 1px var(--accent-6);
6344
- color: var(--accent-11);
6345
6171
  }
6346
6172
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
6347
6173
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
6348
6174
  box-shadow: inset 0 0 0 1px var(--accent-a6);
6349
- color: var(--accent-a11);
6350
6175
  }
6351
6176
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
6352
6177
  background-color: var(--accent-2);
@@ -6369,10 +6194,7 @@
6369
6194
  box-shadow: inset 0 0 0 1px var(--accent-a7);
6370
6195
  }
6371
6196
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6372
- color: var(--accent-a11);
6373
- }
6374
- .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6375
- color: var(--accent-12);
6197
+ color: var(--accent-ink);
6376
6198
  }
6377
6199
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
6378
6200
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -6423,10 +6245,7 @@
6423
6245
  box-shadow: inset 0 0 0 1px var(--accent-a8);
6424
6246
  }
6425
6247
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6426
- color: var(--accent-a11);
6427
- }
6428
- .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6429
- color: var(--accent-12);
6248
+ color: var(--accent-ink);
6430
6249
  }
6431
6250
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
6432
6251
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -6667,7 +6486,6 @@
6667
6486
  }
6668
6487
  @media (pointer: coarse) {
6669
6488
  .rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
6670
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
6671
6489
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
6672
6490
  }
6673
6491
  }
@@ -6676,7 +6494,6 @@
6676
6494
  color: var(--gray-a9);
6677
6495
  }
6678
6496
  .rt-CheckboxCardsItem:where(:has(:disabled))::before {
6679
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
6680
6497
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
6681
6498
  }
6682
6499
  .rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
@@ -7133,35 +6950,35 @@
7133
6950
  --code-variant-font-size-adjust: var(--code-font-size-adjust);
7134
6951
  padding: 0;
7135
6952
  }
6953
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
6954
+ color: var(--gray-ink);
6955
+ }
6956
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
6957
+ color: var(--gray-ink-muted);
6958
+ }
6959
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
6960
+ color: var(--gray-ink-faint);
6961
+ }
7136
6962
  .rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
7137
- color: var(--accent-a11);
6963
+ color: var(--accent-ink);
7138
6964
  }
7139
- .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Code:where(.rt-variant-ghost):where(.rt-high-contrast) {
7140
- color: var(--accent-12);
6965
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
6966
+ color: var(--accent-ink-muted);
6967
+ }
6968
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
6969
+ color: var(--accent-ink-faint);
7141
6970
  }
7142
6971
  .rt-Code:where(.rt-variant-solid) {
7143
- background-color: var(--accent-a9);
7144
- color: var(--accent-contrast);
6972
+ background-color: var(--accent-solid-a);
6973
+ color: var(--accent-solid-contrast);
7145
6974
  }
7146
6975
  .rt-Code:where(.rt-variant-solid)::-moz-selection {
7147
- background-color: var(--accent-7);
7148
- color: var(--accent-12);
6976
+ background-color: var(--accent-solid-selection);
6977
+ color: var(--accent-solid-selection-contrast);
7149
6978
  }
7150
6979
  .rt-Code:where(.rt-variant-solid)::selection {
7151
- background-color: var(--accent-7);
7152
- color: var(--accent-12);
7153
- }
7154
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
7155
- background-color: var(--accent-12);
7156
- color: var(--accent-1);
7157
- }
7158
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
7159
- background-color: var(--accent-a11);
7160
- color: var(--accent-1);
7161
- }
7162
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
7163
- background-color: var(--accent-a11);
7164
- color: var(--accent-1);
6980
+ background-color: var(--accent-solid-selection);
6981
+ color: var(--accent-solid-selection-contrast);
7165
6982
  }
7166
6983
  .rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
7167
6984
  isolation: isolate;
@@ -7171,27 +6988,18 @@
7171
6988
  }
7172
6989
  @media (hover: hover) {
7173
6990
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
7174
- background-color: var(--accent-10);
6991
+ background-color: var(--accent-solid-hover);
6992
+ filter: var(--accent-solid-hover-filter);
7175
6993
  }
7176
6994
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
7177
- background-color: var(--accent-10);
7178
- }
7179
- :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(.rt-high-contrast:hover) {
7180
- background-color: var(--accent-12);
7181
- filter: var(--base-button-solid-high-contrast-hover-filter);
7182
- }
7183
- :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(.rt-high-contrast:hover) {
7184
- background-color: var(--accent-12);
7185
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
7186
- filter: var(--base-button-solid-high-contrast-hover-filter);
6995
+ background-color: var(--accent-solid-hover);
6996
+ -webkit-filter: var(--accent-solid-hover-filter);
6997
+ filter: var(--accent-solid-hover-filter);
7187
6998
  }
7188
6999
  }
7189
7000
  .rt-Code:where(.rt-variant-soft) {
7190
7001
  background-color: var(--accent-a2);
7191
- color: var(--accent-a11);
7192
- }
7193
- .rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
7194
- color: var(--accent-12);
7002
+ color: var(--accent-ink);
7195
7003
  }
7196
7004
  .rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
7197
7005
  isolation: isolate;
@@ -7210,12 +7018,7 @@
7210
7018
  .rt-Code:where(.rt-variant-outline) {
7211
7019
  -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
7212
7020
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
7213
- color: var(--accent-a11);
7214
- }
7215
- .rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
7216
- -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
7217
- box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
7218
- color: var(--accent-12);
7021
+ color: var(--accent-ink);
7219
7022
  }
7220
7023
  .rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
7221
7024
  isolation: isolate;
@@ -7231,6 +7034,12 @@
7231
7034
  background-color: var(--accent-a2);
7232
7035
  }
7233
7036
  }
7037
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
7038
+ color: var(--accent-ink-muted);
7039
+ }
7040
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
7041
+ color: var(--accent-ink-faint);
7042
+ }
7234
7043
  .rt-BaseMenuContent {
7235
7044
  --backdrop-filter-components-enabled: none;
7236
7045
  --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
@@ -7256,16 +7065,12 @@
7256
7065
  transition: var(--transition-background-blur);
7257
7066
  contain: paint;
7258
7067
  isolation: isolate;
7259
- }
7260
- .rt-BaseMenuContent:where([data-state='open']) {
7261
- will-change: transform, opacity;
7068
+ --base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
7262
7069
  }
7263
7070
  @media (prefers-reduced-motion: reduce) {
7264
7071
  .rt-BaseMenuContent {
7265
7072
  -webkit-transition: none;
7266
7073
  transition: none;
7267
- will-change: auto;
7268
- backdrop-filter: none;
7269
7074
  }
7270
7075
  }
7271
7076
  .rt-BaseMenuContent:where([data-panel-background='solid']) {
@@ -7292,10 +7097,6 @@
7292
7097
  -webkit-box-sizing: border-box;
7293
7098
  box-sizing: border-box;
7294
7099
  }
7295
- :where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
7296
- -webkit-padding-end: var(--space-3);
7297
- padding-inline-end: var(--space-3);
7298
- }
7299
7100
  .rt-BaseMenuViewport:where(.rt-virtualized) {
7300
7101
  -webkit-padding-end: 0;
7301
7102
  padding-inline-end: 0;
@@ -7332,7 +7133,6 @@
7332
7133
  .rt-BaseMenuItem {
7333
7134
  -webkit-transition: none;
7334
7135
  transition: none;
7335
- backdrop-filter: none;
7336
7136
  }
7337
7137
  }
7338
7138
  .rt-BaseMenuShortcut {
@@ -7395,7 +7195,7 @@
7395
7195
  padding-inline-end: var(--base-menu-item-padding-right);
7396
7196
  -webkit-box-sizing: border-box;
7397
7197
  box-sizing: border-box;
7398
- color: var(--gray-a10);
7198
+ color: var(--gray-a11);
7399
7199
  -webkit-user-select: none;
7400
7200
  -moz-user-select: none;
7401
7201
  -ms-user-select: none;
@@ -7405,18 +7205,17 @@
7405
7205
  :where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
7406
7206
  margin-top: var(--space-2);
7407
7207
  }
7408
- .rt-BaseMenuArrow {
7409
- fill: var(--color-panel);
7208
+ .rt-BaseMenuContent:where([dir='rtl']) :where(.rt-BaseMenuSubTriggerIcon) {
7209
+ -webkit-transform: scaleX(-1);
7210
+ transform: scaleX(-1);
7410
7211
  }
7411
- :where(.rt-BaseMenuContent[data-panel-background='solid']) .rt-BaseMenuArrow {
7412
- fill: var(--color-panel-solid);
7413
- }
7414
- :where(.rt-BaseMenuContent[data-panel-background='translucent']) .rt-BaseMenuArrow {
7415
- fill: var(--color-panel-translucent);
7212
+ .rt-BaseMenuContent:where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7213
+ --base-menu-item-padding-left: var(--base-menu-item-padding-left-plain);
7416
7214
  }
7417
7215
  .rt-BaseMenuContent:where(.rt-r-size-1) {
7418
7216
  --base-menu-content-padding: var(--space-2);
7419
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7217
+ --base-menu-item-padding-left-plain: var(--space-2);
7218
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7420
7219
  --base-menu-item-padding-right: var(--space-2);
7421
7220
  --base-menu-item-padding-y: var(--space-1);
7422
7221
  --base-menu-item-height: var(--space-5);
@@ -7439,22 +7238,17 @@
7439
7238
  font-size: var(--font-size-1);
7440
7239
  line-height: var(--line-height-1);
7441
7240
  letter-spacing: var(--letter-spacing-1);
7442
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
7443
- padding-inline-start: calc(var(--base-menu-item-padding-left));
7241
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7242
+ padding-inline-start: var(--base-menu-item-padding-left);
7444
7243
  }
7445
7244
  .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7446
7245
  width: var(--indicator-icon-size-1);
7447
7246
  height: var(--indicator-icon-size-1);
7448
7247
  }
7449
- .rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7450
- --base-menu-item-padding-left: var(--space-2);
7451
- }
7452
- .rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7453
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7454
- }
7455
7248
  .rt-BaseMenuContent:where(.rt-r-size-2) {
7456
7249
  --base-menu-content-padding: var(--space-3);
7457
- --base-menu-item-padding-left: var(--space-3);
7250
+ --base-menu-item-padding-left-plain: var(--space-3);
7251
+ --base-menu-item-padding-left-indicator: var(--space-5);
7458
7252
  --base-menu-item-padding-right: var(--space-3);
7459
7253
  --base-menu-item-padding-y: var(--space-1);
7460
7254
  --base-menu-item-height: var(--space-6);
@@ -7477,21 +7271,17 @@
7477
7271
  font-size: var(--font-size-2);
7478
7272
  line-height: var(--line-height-2);
7479
7273
  letter-spacing: var(--letter-spacing-2);
7480
- padding-left: calc(var(--base-menu-item-padding-left));
7274
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7275
+ padding-inline-start: var(--base-menu-item-padding-left);
7481
7276
  }
7482
7277
  .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7483
7278
  width: var(--indicator-icon-size-2);
7484
7279
  height: var(--indicator-icon-size-2);
7485
7280
  }
7486
- .rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7487
- --base-menu-item-padding-left: var(--space-3);
7488
- }
7489
- .rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7490
- --base-menu-item-padding-left: var(--space-5);
7491
- }
7492
7281
  .rt-BaseMenuContent:where(.rt-r-size-3) {
7493
7282
  --base-menu-content-padding: var(--space-3);
7494
- --base-menu-item-padding-left: var(--space-3);
7283
+ --base-menu-item-padding-left-plain: var(--space-3);
7284
+ --base-menu-item-padding-left-indicator: var(--space-5);
7495
7285
  --base-menu-item-padding-right: var(--space-3);
7496
7286
  --base-menu-item-padding-y: var(--space-2);
7497
7287
  --base-menu-item-height: var(--space-7);
@@ -7500,36 +7290,32 @@
7500
7290
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
7501
7291
  gap: var(--component-gap-4);
7502
7292
  font-size: var(--font-size-3);
7503
- line-height: var(--line-height-2);
7293
+ line-height: var(--line-height-3);
7504
7294
  letter-spacing: var(--letter-spacing-3);
7505
7295
  border-radius: var(--radius-2);
7506
7296
  }
7507
7297
  :is(.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
7508
- width: var(--content-icon-size-2);
7509
- height: var(--content-icon-size-2);
7298
+ width: var(--content-icon-size-3);
7299
+ height: var(--content-icon-size-3);
7510
7300
  -ms-flex-negative: 0;
7511
7301
  flex-shrink: 0;
7512
7302
  }
7513
7303
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuLabel) {
7514
- font-size: var(--font-size-2);
7515
- line-height: var(--line-height-2);
7516
- letter-spacing: var(--letter-spacing-2);
7517
- padding-left: calc(var(--base-menu-item-padding-left));
7304
+ font-size: var(--font-size-3);
7305
+ line-height: var(--line-height-3);
7306
+ letter-spacing: var(--letter-spacing-3);
7307
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7308
+ padding-inline-start: var(--base-menu-item-padding-left);
7518
7309
  }
7519
7310
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7520
- width: var(--indicator-icon-size-2);
7521
- height: var(--indicator-icon-size-2);
7522
- }
7523
- .rt-BaseMenuContent:where(.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7524
- --base-menu-item-padding-left: var(--space-3);
7525
- }
7526
- .rt-BaseMenuContent:where(.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7527
- --base-menu-item-padding-left: var(--space-5);
7311
+ width: var(--indicator-icon-size-3);
7312
+ height: var(--indicator-icon-size-3);
7528
7313
  }
7529
7314
  @media (min-width: 520px) {
7530
7315
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
7531
7316
  --base-menu-content-padding: var(--space-2);
7532
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7317
+ --base-menu-item-padding-left-plain: var(--space-2);
7318
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7533
7319
  --base-menu-item-padding-right: var(--space-2);
7534
7320
  --base-menu-item-padding-y: var(--space-1);
7535
7321
  --base-menu-item-height: var(--space-5);
@@ -7552,22 +7338,17 @@
7552
7338
  font-size: var(--font-size-1);
7553
7339
  line-height: var(--line-height-1);
7554
7340
  letter-spacing: var(--letter-spacing-1);
7555
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
7556
- padding-inline-start: calc(var(--base-menu-item-padding-left));
7341
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7342
+ padding-inline-start: var(--base-menu-item-padding-left);
7557
7343
  }
7558
7344
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7559
7345
  width: var(--indicator-icon-size-1);
7560
7346
  height: var(--indicator-icon-size-1);
7561
7347
  }
7562
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7563
- --base-menu-item-padding-left: var(--space-2);
7564
- }
7565
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7566
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7567
- }
7568
7348
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
7569
7349
  --base-menu-content-padding: var(--space-3);
7570
- --base-menu-item-padding-left: var(--space-3);
7350
+ --base-menu-item-padding-left-plain: var(--space-3);
7351
+ --base-menu-item-padding-left-indicator: var(--space-5);
7571
7352
  --base-menu-item-padding-right: var(--space-3);
7572
7353
  --base-menu-item-padding-y: var(--space-1);
7573
7354
  --base-menu-item-height: var(--space-6);
@@ -7590,21 +7371,17 @@
7590
7371
  font-size: var(--font-size-2);
7591
7372
  line-height: var(--line-height-2);
7592
7373
  letter-spacing: var(--letter-spacing-2);
7593
- padding-left: calc(var(--base-menu-item-padding-left));
7374
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7375
+ padding-inline-start: var(--base-menu-item-padding-left);
7594
7376
  }
7595
7377
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7596
7378
  width: var(--indicator-icon-size-2);
7597
7379
  height: var(--indicator-icon-size-2);
7598
7380
  }
7599
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7600
- --base-menu-item-padding-left: var(--space-3);
7601
- }
7602
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7603
- --base-menu-item-padding-left: var(--space-5);
7604
- }
7605
7381
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) {
7606
7382
  --base-menu-content-padding: var(--space-3);
7607
- --base-menu-item-padding-left: var(--space-3);
7383
+ --base-menu-item-padding-left-plain: var(--space-3);
7384
+ --base-menu-item-padding-left-indicator: var(--space-5);
7608
7385
  --base-menu-item-padding-right: var(--space-3);
7609
7386
  --base-menu-item-padding-y: var(--space-2);
7610
7387
  --base-menu-item-height: var(--space-7);
@@ -7613,37 +7390,33 @@
7613
7390
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
7614
7391
  gap: var(--component-gap-4);
7615
7392
  font-size: var(--font-size-3);
7616
- line-height: var(--line-height-2);
7393
+ line-height: var(--line-height-3);
7617
7394
  letter-spacing: var(--letter-spacing-3);
7618
7395
  border-radius: var(--radius-2);
7619
7396
  }
7620
7397
  :is(.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
7621
- width: var(--content-icon-size-2);
7622
- height: var(--content-icon-size-2);
7398
+ width: var(--content-icon-size-3);
7399
+ height: var(--content-icon-size-3);
7623
7400
  -ms-flex-negative: 0;
7624
7401
  flex-shrink: 0;
7625
7402
  }
7626
7403
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
7627
- font-size: var(--font-size-2);
7628
- line-height: var(--line-height-2);
7629
- letter-spacing: var(--letter-spacing-2);
7630
- padding-left: calc(var(--base-menu-item-padding-left));
7404
+ font-size: var(--font-size-3);
7405
+ line-height: var(--line-height-3);
7406
+ letter-spacing: var(--letter-spacing-3);
7407
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7408
+ padding-inline-start: var(--base-menu-item-padding-left);
7631
7409
  }
7632
7410
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7633
- width: var(--indicator-icon-size-2);
7634
- height: var(--indicator-icon-size-2);
7635
- }
7636
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7637
- --base-menu-item-padding-left: var(--space-3);
7638
- }
7639
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7640
- --base-menu-item-padding-left: var(--space-5);
7411
+ width: var(--indicator-icon-size-3);
7412
+ height: var(--indicator-icon-size-3);
7641
7413
  }
7642
7414
  }
7643
7415
  @media (min-width: 768px) {
7644
7416
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
7645
7417
  --base-menu-content-padding: var(--space-2);
7646
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7418
+ --base-menu-item-padding-left-plain: var(--space-2);
7419
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7647
7420
  --base-menu-item-padding-right: var(--space-2);
7648
7421
  --base-menu-item-padding-y: var(--space-1);
7649
7422
  --base-menu-item-height: var(--space-5);
@@ -7666,22 +7439,17 @@
7666
7439
  font-size: var(--font-size-1);
7667
7440
  line-height: var(--line-height-1);
7668
7441
  letter-spacing: var(--letter-spacing-1);
7669
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
7670
- padding-inline-start: calc(var(--base-menu-item-padding-left));
7442
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7443
+ padding-inline-start: var(--base-menu-item-padding-left);
7671
7444
  }
7672
7445
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7673
7446
  width: var(--indicator-icon-size-1);
7674
7447
  height: var(--indicator-icon-size-1);
7675
7448
  }
7676
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7677
- --base-menu-item-padding-left: var(--space-2);
7678
- }
7679
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7680
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7681
- }
7682
7449
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
7683
7450
  --base-menu-content-padding: var(--space-3);
7684
- --base-menu-item-padding-left: var(--space-3);
7451
+ --base-menu-item-padding-left-plain: var(--space-3);
7452
+ --base-menu-item-padding-left-indicator: var(--space-5);
7685
7453
  --base-menu-item-padding-right: var(--space-3);
7686
7454
  --base-menu-item-padding-y: var(--space-1);
7687
7455
  --base-menu-item-height: var(--space-6);
@@ -7704,21 +7472,17 @@
7704
7472
  font-size: var(--font-size-2);
7705
7473
  line-height: var(--line-height-2);
7706
7474
  letter-spacing: var(--letter-spacing-2);
7707
- padding-left: calc(var(--base-menu-item-padding-left));
7475
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7476
+ padding-inline-start: var(--base-menu-item-padding-left);
7708
7477
  }
7709
7478
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7710
7479
  width: var(--indicator-icon-size-2);
7711
7480
  height: var(--indicator-icon-size-2);
7712
7481
  }
7713
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7714
- --base-menu-item-padding-left: var(--space-3);
7715
- }
7716
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7717
- --base-menu-item-padding-left: var(--space-5);
7718
- }
7719
7482
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) {
7720
7483
  --base-menu-content-padding: var(--space-3);
7721
- --base-menu-item-padding-left: var(--space-3);
7484
+ --base-menu-item-padding-left-plain: var(--space-3);
7485
+ --base-menu-item-padding-left-indicator: var(--space-5);
7722
7486
  --base-menu-item-padding-right: var(--space-3);
7723
7487
  --base-menu-item-padding-y: var(--space-2);
7724
7488
  --base-menu-item-height: var(--space-7);
@@ -7727,37 +7491,33 @@
7727
7491
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
7728
7492
  gap: var(--component-gap-4);
7729
7493
  font-size: var(--font-size-3);
7730
- line-height: var(--line-height-2);
7494
+ line-height: var(--line-height-3);
7731
7495
  letter-spacing: var(--letter-spacing-3);
7732
7496
  border-radius: var(--radius-2);
7733
7497
  }
7734
7498
  :is(.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
7735
- width: var(--content-icon-size-2);
7736
- height: var(--content-icon-size-2);
7499
+ width: var(--content-icon-size-3);
7500
+ height: var(--content-icon-size-3);
7737
7501
  -ms-flex-negative: 0;
7738
7502
  flex-shrink: 0;
7739
7503
  }
7740
7504
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
7741
- font-size: var(--font-size-2);
7742
- line-height: var(--line-height-2);
7743
- letter-spacing: var(--letter-spacing-2);
7744
- padding-left: calc(var(--base-menu-item-padding-left));
7505
+ font-size: var(--font-size-3);
7506
+ line-height: var(--line-height-3);
7507
+ letter-spacing: var(--letter-spacing-3);
7508
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7509
+ padding-inline-start: var(--base-menu-item-padding-left);
7745
7510
  }
7746
7511
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7747
- width: var(--indicator-icon-size-2);
7748
- height: var(--indicator-icon-size-2);
7749
- }
7750
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7751
- --base-menu-item-padding-left: var(--space-3);
7752
- }
7753
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7754
- --base-menu-item-padding-left: var(--space-5);
7512
+ width: var(--indicator-icon-size-3);
7513
+ height: var(--indicator-icon-size-3);
7755
7514
  }
7756
7515
  }
7757
7516
  @media (min-width: 1024px) {
7758
7517
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) {
7759
7518
  --base-menu-content-padding: var(--space-2);
7760
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7519
+ --base-menu-item-padding-left-plain: var(--space-2);
7520
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7761
7521
  --base-menu-item-padding-right: var(--space-2);
7762
7522
  --base-menu-item-padding-y: var(--space-1);
7763
7523
  --base-menu-item-height: var(--space-5);
@@ -7780,22 +7540,17 @@
7780
7540
  font-size: var(--font-size-1);
7781
7541
  line-height: var(--line-height-1);
7782
7542
  letter-spacing: var(--letter-spacing-1);
7783
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
7784
- padding-inline-start: calc(var(--base-menu-item-padding-left));
7543
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7544
+ padding-inline-start: var(--base-menu-item-padding-left);
7785
7545
  }
7786
7546
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7787
7547
  width: var(--indicator-icon-size-1);
7788
7548
  height: var(--indicator-icon-size-1);
7789
7549
  }
7790
- .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7791
- --base-menu-item-padding-left: var(--space-2);
7792
- }
7793
- .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7794
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7795
- }
7796
7550
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
7797
7551
  --base-menu-content-padding: var(--space-3);
7798
- --base-menu-item-padding-left: var(--space-3);
7552
+ --base-menu-item-padding-left-plain: var(--space-3);
7553
+ --base-menu-item-padding-left-indicator: var(--space-5);
7799
7554
  --base-menu-item-padding-right: var(--space-3);
7800
7555
  --base-menu-item-padding-y: var(--space-1);
7801
7556
  --base-menu-item-height: var(--space-6);
@@ -7818,21 +7573,17 @@
7818
7573
  font-size: var(--font-size-2);
7819
7574
  line-height: var(--line-height-2);
7820
7575
  letter-spacing: var(--letter-spacing-2);
7821
- padding-left: calc(var(--base-menu-item-padding-left));
7576
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7577
+ padding-inline-start: var(--base-menu-item-padding-left);
7822
7578
  }
7823
7579
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7824
7580
  width: var(--indicator-icon-size-2);
7825
7581
  height: var(--indicator-icon-size-2);
7826
7582
  }
7827
- .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7828
- --base-menu-item-padding-left: var(--space-3);
7829
- }
7830
- .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7831
- --base-menu-item-padding-left: var(--space-5);
7832
- }
7833
7583
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) {
7834
7584
  --base-menu-content-padding: var(--space-3);
7835
- --base-menu-item-padding-left: var(--space-3);
7585
+ --base-menu-item-padding-left-plain: var(--space-3);
7586
+ --base-menu-item-padding-left-indicator: var(--space-5);
7836
7587
  --base-menu-item-padding-right: var(--space-3);
7837
7588
  --base-menu-item-padding-y: var(--space-2);
7838
7589
  --base-menu-item-height: var(--space-7);
@@ -7841,37 +7592,33 @@
7841
7592
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
7842
7593
  gap: var(--component-gap-4);
7843
7594
  font-size: var(--font-size-3);
7844
- line-height: var(--line-height-2);
7595
+ line-height: var(--line-height-3);
7845
7596
  letter-spacing: var(--letter-spacing-3);
7846
7597
  border-radius: var(--radius-2);
7847
7598
  }
7848
7599
  :is(.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
7849
- width: var(--content-icon-size-2);
7850
- height: var(--content-icon-size-2);
7600
+ width: var(--content-icon-size-3);
7601
+ height: var(--content-icon-size-3);
7851
7602
  -ms-flex-negative: 0;
7852
7603
  flex-shrink: 0;
7853
7604
  }
7854
7605
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
7855
- font-size: var(--font-size-2);
7856
- line-height: var(--line-height-2);
7857
- letter-spacing: var(--letter-spacing-2);
7858
- padding-left: calc(var(--base-menu-item-padding-left));
7606
+ font-size: var(--font-size-3);
7607
+ line-height: var(--line-height-3);
7608
+ letter-spacing: var(--letter-spacing-3);
7609
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7610
+ padding-inline-start: var(--base-menu-item-padding-left);
7859
7611
  }
7860
7612
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7861
- width: var(--indicator-icon-size-2);
7862
- height: var(--indicator-icon-size-2);
7863
- }
7864
- .rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7865
- --base-menu-item-padding-left: var(--space-3);
7866
- }
7867
- .rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7868
- --base-menu-item-padding-left: var(--space-5);
7613
+ width: var(--indicator-icon-size-3);
7614
+ height: var(--indicator-icon-size-3);
7869
7615
  }
7870
7616
  }
7871
7617
  @media (min-width: 1280px) {
7872
7618
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
7873
7619
  --base-menu-content-padding: var(--space-2);
7874
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7620
+ --base-menu-item-padding-left-plain: var(--space-2);
7621
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7875
7622
  --base-menu-item-padding-right: var(--space-2);
7876
7623
  --base-menu-item-padding-y: var(--space-1);
7877
7624
  --base-menu-item-height: var(--space-5);
@@ -7894,22 +7641,17 @@
7894
7641
  font-size: var(--font-size-1);
7895
7642
  line-height: var(--line-height-1);
7896
7643
  letter-spacing: var(--letter-spacing-1);
7897
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
7898
- padding-inline-start: calc(var(--base-menu-item-padding-left));
7644
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7645
+ padding-inline-start: var(--base-menu-item-padding-left);
7899
7646
  }
7900
7647
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7901
7648
  width: var(--indicator-icon-size-1);
7902
7649
  height: var(--indicator-icon-size-1);
7903
7650
  }
7904
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7905
- --base-menu-item-padding-left: var(--space-2);
7906
- }
7907
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7908
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7909
- }
7910
7651
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
7911
7652
  --base-menu-content-padding: var(--space-3);
7912
- --base-menu-item-padding-left: var(--space-3);
7653
+ --base-menu-item-padding-left-plain: var(--space-3);
7654
+ --base-menu-item-padding-left-indicator: var(--space-5);
7913
7655
  --base-menu-item-padding-right: var(--space-3);
7914
7656
  --base-menu-item-padding-y: var(--space-1);
7915
7657
  --base-menu-item-height: var(--space-6);
@@ -7932,21 +7674,17 @@
7932
7674
  font-size: var(--font-size-2);
7933
7675
  line-height: var(--line-height-2);
7934
7676
  letter-spacing: var(--letter-spacing-2);
7935
- padding-left: calc(var(--base-menu-item-padding-left));
7677
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7678
+ padding-inline-start: var(--base-menu-item-padding-left);
7936
7679
  }
7937
7680
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7938
7681
  width: var(--indicator-icon-size-2);
7939
7682
  height: var(--indicator-icon-size-2);
7940
7683
  }
7941
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7942
- --base-menu-item-padding-left: var(--space-3);
7943
- }
7944
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7945
- --base-menu-item-padding-left: var(--space-5);
7946
- }
7947
7684
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) {
7948
7685
  --base-menu-content-padding: var(--space-3);
7949
- --base-menu-item-padding-left: var(--space-3);
7686
+ --base-menu-item-padding-left-plain: var(--space-3);
7687
+ --base-menu-item-padding-left-indicator: var(--space-5);
7950
7688
  --base-menu-item-padding-right: var(--space-3);
7951
7689
  --base-menu-item-padding-y: var(--space-2);
7952
7690
  --base-menu-item-height: var(--space-7);
@@ -7955,37 +7693,33 @@
7955
7693
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
7956
7694
  gap: var(--component-gap-4);
7957
7695
  font-size: var(--font-size-3);
7958
- line-height: var(--line-height-2);
7696
+ line-height: var(--line-height-3);
7959
7697
  letter-spacing: var(--letter-spacing-3);
7960
7698
  border-radius: var(--radius-2);
7961
7699
  }
7962
7700
  :is(.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
7963
- width: var(--content-icon-size-2);
7964
- height: var(--content-icon-size-2);
7701
+ width: var(--content-icon-size-3);
7702
+ height: var(--content-icon-size-3);
7965
7703
  -ms-flex-negative: 0;
7966
7704
  flex-shrink: 0;
7967
7705
  }
7968
7706
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
7969
- font-size: var(--font-size-2);
7970
- line-height: var(--line-height-2);
7971
- letter-spacing: var(--letter-spacing-2);
7972
- padding-left: calc(var(--base-menu-item-padding-left));
7707
+ font-size: var(--font-size-3);
7708
+ line-height: var(--line-height-3);
7709
+ letter-spacing: var(--letter-spacing-3);
7710
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7711
+ padding-inline-start: var(--base-menu-item-padding-left);
7973
7712
  }
7974
7713
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
7975
- width: var(--indicator-icon-size-2);
7976
- height: var(--indicator-icon-size-2);
7977
- }
7978
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
7979
- --base-menu-item-padding-left: var(--space-3);
7980
- }
7981
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
7982
- --base-menu-item-padding-left: var(--space-5);
7714
+ width: var(--indicator-icon-size-3);
7715
+ height: var(--indicator-icon-size-3);
7983
7716
  }
7984
7717
  }
7985
7718
  @media (min-width: 1640px) {
7986
7719
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
7987
7720
  --base-menu-content-padding: var(--space-2);
7988
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
7721
+ --base-menu-item-padding-left-plain: var(--space-2);
7722
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
7989
7723
  --base-menu-item-padding-right: var(--space-2);
7990
7724
  --base-menu-item-padding-y: var(--space-1);
7991
7725
  --base-menu-item-height: var(--space-5);
@@ -8008,22 +7742,17 @@
8008
7742
  font-size: var(--font-size-1);
8009
7743
  line-height: var(--line-height-1);
8010
7744
  letter-spacing: var(--letter-spacing-1);
8011
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
8012
- padding-inline-start: calc(var(--base-menu-item-padding-left));
7745
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7746
+ padding-inline-start: var(--base-menu-item-padding-left);
8013
7747
  }
8014
7748
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
8015
7749
  width: var(--indicator-icon-size-1);
8016
7750
  height: var(--indicator-icon-size-1);
8017
7751
  }
8018
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
8019
- --base-menu-item-padding-left: var(--space-2);
8020
- }
8021
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
8022
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
8023
- }
8024
7752
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
8025
7753
  --base-menu-content-padding: var(--space-3);
8026
- --base-menu-item-padding-left: var(--space-3);
7754
+ --base-menu-item-padding-left-plain: var(--space-3);
7755
+ --base-menu-item-padding-left-indicator: var(--space-5);
8027
7756
  --base-menu-item-padding-right: var(--space-3);
8028
7757
  --base-menu-item-padding-y: var(--space-1);
8029
7758
  --base-menu-item-height: var(--space-6);
@@ -8046,21 +7775,17 @@
8046
7775
  font-size: var(--font-size-2);
8047
7776
  line-height: var(--line-height-2);
8048
7777
  letter-spacing: var(--letter-spacing-2);
8049
- padding-left: calc(var(--base-menu-item-padding-left));
7778
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7779
+ padding-inline-start: var(--base-menu-item-padding-left);
8050
7780
  }
8051
7781
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
8052
7782
  width: var(--indicator-icon-size-2);
8053
7783
  height: var(--indicator-icon-size-2);
8054
7784
  }
8055
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
8056
- --base-menu-item-padding-left: var(--space-3);
8057
- }
8058
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
8059
- --base-menu-item-padding-left: var(--space-5);
8060
- }
8061
7785
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) {
8062
7786
  --base-menu-content-padding: var(--space-3);
8063
- --base-menu-item-padding-left: var(--space-3);
7787
+ --base-menu-item-padding-left-plain: var(--space-3);
7788
+ --base-menu-item-padding-left-indicator: var(--space-5);
8064
7789
  --base-menu-item-padding-right: var(--space-3);
8065
7790
  --base-menu-item-padding-y: var(--space-2);
8066
7791
  --base-menu-item-height: var(--space-7);
@@ -8069,85 +7794,53 @@
8069
7794
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
8070
7795
  gap: var(--component-gap-4);
8071
7796
  font-size: var(--font-size-3);
8072
- line-height: var(--line-height-2);
7797
+ line-height: var(--line-height-3);
8073
7798
  letter-spacing: var(--letter-spacing-3);
8074
7799
  border-radius: var(--radius-2);
8075
7800
  }
8076
7801
  :is(.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
8077
- width: var(--content-icon-size-2);
8078
- height: var(--content-icon-size-2);
7802
+ width: var(--content-icon-size-3);
7803
+ height: var(--content-icon-size-3);
8079
7804
  -ms-flex-negative: 0;
8080
7805
  flex-shrink: 0;
8081
7806
  }
8082
7807
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
8083
- font-size: var(--font-size-2);
8084
- line-height: var(--line-height-2);
8085
- letter-spacing: var(--letter-spacing-2);
8086
- padding-left: calc(var(--base-menu-item-padding-left));
7808
+ font-size: var(--font-size-3);
7809
+ line-height: var(--line-height-3);
7810
+ letter-spacing: var(--letter-spacing-3);
7811
+ -webkit-padding-start: var(--base-menu-item-padding-left);
7812
+ padding-inline-start: var(--base-menu-item-padding-left);
8087
7813
  }
8088
7814
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
8089
- width: var(--indicator-icon-size-2);
8090
- height: var(--indicator-icon-size-2);
8091
- }
8092
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
8093
- --base-menu-item-padding-left: var(--space-3);
8094
- }
8095
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
8096
- --base-menu-item-padding-left: var(--space-5);
7815
+ width: var(--indicator-icon-size-3);
7816
+ height: var(--indicator-icon-size-3);
8097
7817
  }
8098
7818
  }
8099
7819
  .rt-BaseMenuItem:where([data-accent-color]) {
8100
- color: var(--accent-a11);
7820
+ color: var(--accent-ink);
8101
7821
  }
8102
7822
  .rt-BaseMenuItem:where([data-disabled]) {
8103
7823
  color: var(--gray-a8);
8104
7824
  cursor: default;
8105
7825
  }
8106
- .rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
8107
- color: var(--gray-a10);
7826
+ .rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
7827
+ color: var(--gray-a8);
8108
7828
  }
8109
7829
  :is(.rt-BaseMenuItem:where([data-disabled],[data-highlighted]),.rt-BaseMenuSubTrigger:where([data-state='open'])) :where(.rt-BaseMenuShortcut) {
8110
7830
  color: inherit;
8111
7831
  }
8112
- .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
8113
- -webkit-transition: var(--transition-menu);
8114
- transition: var(--transition-menu);
8115
- }
8116
- @media (prefers-reduced-motion: reduce) {
8117
- .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
8118
- -webkit-transition: none;
8119
- transition: none;
8120
- backdrop-filter: none;
8121
- }
8122
- }
8123
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
8124
- -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
8125
- transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
8126
- }
8127
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuItem)) {
8128
- -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
8129
- transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
8130
- }
8131
7832
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
8132
7833
  background-color: var(--gray-3);
8133
7834
  }
8134
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
8135
- background-color: var(--gray-a3);
8136
- }
8137
- :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
8138
- background-color: var(--gray-3);
8139
- backdrop-filter: none;
8140
- --backdrop-filter-components: none;
8141
- }
8142
- :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
7835
+ .rt-BaseMenuContent:where(.rt-variant-solid):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
8143
7836
  background-color: var(--gray-a3);
8144
7837
  }
8145
7838
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
8146
- background-color: var(--accent-9);
8147
- color: var(--accent-contrast);
7839
+ background-color: var(--accent-solid);
7840
+ color: var(--accent-solid-contrast);
8148
7841
  }
8149
7842
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
8150
- color: var(--accent-contrast);
7843
+ color: var(--accent-solid-contrast);
8151
7844
  }
8152
7845
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
8153
7846
  color: inherit !important;
@@ -8155,59 +7848,24 @@
8155
7848
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
8156
7849
  color: inherit !important;
8157
7850
  }
8158
- .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
8159
- background-color: var(--accent-12);
8160
- color: var(--accent-1);
8161
- }
8162
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
8163
- color: var(--accent-1);
8164
- }
8165
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
8166
- color: inherit !important;
8167
- }
8168
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
8169
- color: inherit !important;
8170
- }
8171
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
8172
- background-color: var(--accent-9);
8173
- color: var(--accent-contrast);
8174
- }
8175
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
8176
- color: inherit !important;
8177
- }
8178
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
8179
- color: inherit !important;
8180
- }
8181
7851
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
8182
7852
  background-color: var(--accent-3);
8183
7853
  }
8184
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
8185
- background-color: var(--accent-a3);
8186
- }
8187
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
8188
- background-color: var(--accent-3);
8189
- backdrop-filter: none;
8190
- --backdrop-filter-components: none;
8191
- }
8192
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
7854
+ .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
8193
7855
  background-color: var(--accent-a3);
8194
7856
  }
8195
7857
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
8196
7858
  background-color: var(--accent-4);
8197
7859
  }
8198
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) {
8199
- background-color: var(--accent-a4);
8200
- }
8201
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
8202
- background-color: var(--accent-4);
8203
- backdrop-filter: none;
8204
- --backdrop-filter-components: none;
7860
+ :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
7861
+ color: var(--gray-11) !important;
8205
7862
  }
8206
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='translucent']) {
7863
+ .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
8207
7864
  background-color: var(--accent-a4);
8208
7865
  }
8209
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
8210
- color: var(--gray-11) !important;
7866
+ .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]:focus-visible) {
7867
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
7868
+ box-shadow: inset 0 0 0 1px var(--accent-a8);
8211
7869
  }
8212
7870
  @media (forced-colors: active) {
8213
7871
  .rt-BaseMenuItem:where(:focus-visible) {
@@ -8239,16 +7897,22 @@
8239
7897
  display: -webkit-box;
8240
7898
  display: -ms-flexbox;
8241
7899
  display: flex;
8242
- color: var(--gray-a11);
7900
+ color: var(--gray-ink-muted);
8243
7901
  }
8244
- .rt-DataListLabel:where(.rt-high-contrast) {
8245
- color: var(--gray-12);
7902
+ .rt-DataListLabel:where(.rt-emphasis-loud) {
7903
+ color: var(--gray-ink);
7904
+ }
7905
+ .rt-DataListLabel:where(.rt-emphasis-quiet) {
7906
+ color: var(--gray-ink-faint);
8246
7907
  }
8247
7908
  .rt-DataListLabel:where([data-accent-color]) {
8248
- color: var(--accent-a11);
7909
+ color: var(--accent-ink);
8249
7910
  }
8250
- .rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
8251
- color: var(--accent-12);
7911
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
7912
+ color: var(--accent-ink-muted);
7913
+ }
7914
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
7915
+ color: var(--accent-ink-faint);
8252
7916
  }
8253
7917
  .rt-DataListValue {
8254
7918
  display: -webkit-box;
@@ -9064,111 +8728,52 @@
9064
8728
  .rt-DropdownMenuDrillDownRoot {
9065
8729
  display: contents;
9066
8730
  }
9067
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > * {
9068
- display: none !important;
9069
- }
9070
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) :where(.rt-DropdownMenuDrillDownPanel) {
9071
- display: contents !important;
9072
- }
9073
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) {
9074
- display: contents !important;
9075
- }
9076
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
9077
- display: none !important;
9078
- }
9079
- .rt-DropdownMenuDrillDownPanel {
9080
- display: contents;
9081
- }
9082
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > * {
9083
- display: none !important;
9084
- }
9085
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) :where(.rt-DropdownMenuDrillDownPanel) {
9086
- display: contents !important;
9087
- }
9088
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) {
9089
- display: contents !important;
9090
- }
9091
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
9092
- display: none !important;
9093
- }
9094
- .rt-DropdownMenuDrillDownBackItem {
8731
+ .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])),
8732
+ .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active]) {
9095
8733
  display: -webkit-box;
9096
8734
  display: -ms-flexbox;
9097
8735
  display: flex;
9098
- -webkit-box-align: center;
9099
- -ms-flex-align: center;
9100
- align-items: center;
9101
- gap: var(--space-2);
9102
- min-height: var(--base-menu-item-height);
9103
- padding-top: var(--base-menu-item-padding-y);
9104
- padding-bottom: var(--base-menu-item-padding-y);
9105
- -webkit-padding-start: var(--base-menu-item-padding-left);
9106
- padding-inline-start: var(--base-menu-item-padding-left);
9107
- -webkit-padding-end: var(--base-menu-item-padding-right);
9108
- padding-inline-end: var(--base-menu-item-padding-right);
9109
- -webkit-box-sizing: border-box;
9110
- box-sizing: border-box;
9111
- outline: none;
9112
- cursor: var(--cursor-menu-item);
9113
- -webkit-user-select: none;
9114
- -moz-user-select: none;
9115
- -ms-user-select: none;
9116
- user-select: none;
9117
- -webkit-transition: var(--transition-menu);
9118
- transition: var(--transition-menu);
9119
- font-weight: 500;
9120
- }
9121
- .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
9122
- outline: 2px solid var(--focus-8);
9123
- outline-offset: -2px;
9124
- }
9125
- @media (prefers-reduced-motion: reduce) {
9126
- .rt-DropdownMenuDrillDownBackItem {
9127
- -webkit-transition: none;
9128
- transition: none;
9129
- }
9130
- }
9131
- .rt-DropdownMenuDrillDownBackIcon {
9132
- width: var(--indicator-icon-size-2);
9133
- height: var(--indicator-icon-size-2);
9134
- -ms-flex-negative: 0;
9135
- flex-shrink: 0;
9136
- color: var(--gray-12);
9137
- }
9138
- .rt-DropdownMenuDrillDownBackLabel {
9139
- color: var(--gray-12);
8736
+ -webkit-box-orient: vertical;
8737
+ -webkit-box-direction: normal;
8738
+ -ms-flex-direction: column;
8739
+ flex-direction: column;
9140
8740
  }
9141
- .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
9142
- background-color: var(--accent-9);
9143
- color: var(--accent-contrast);
8741
+ .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) {
8742
+ display: contents;
9144
8743
  }
9145
- :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible)) :where(.rt-DropdownMenuDrillDownBackIcon),:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible)) :where(.rt-DropdownMenuDrillDownBackLabel),:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible)) :where(.rt-BaseMenuSubTriggerIcon) {
9146
- color: var(--accent-contrast);
8744
+ :is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(:not(.rt-DropdownMenuDrillDownPanel,.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup)) {
8745
+ display: none;
9147
8746
  }
9148
- .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
9149
- background-color: var(--accent-4);
8747
+ :is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup) {
8748
+ display: contents;
9150
8749
  }
9151
- :where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:hover),:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
9152
- background-color: var(--accent-a4);
8750
+ .rt-DropdownMenuDrillDownBackItem {
8751
+ font-weight: var(--font-weight-medium);
9153
8752
  }
9154
- @media (forced-colors: active) {
9155
- .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
9156
- outline: 2px solid Highlight;
9157
- outline-offset: 2px;
9158
- }
8753
+ .rt-DropdownMenuDrillDownBackIcon {
8754
+ -webkit-margin-start: calc(-2px * var(--scaling));
8755
+ margin-inline-start: calc(-2px * var(--scaling));
8756
+ -webkit-margin-end: 0;
8757
+ margin-inline-end: 0;
9159
8758
  }
9160
8759
  @media (prefers-reduced-motion: no-preference) {
9161
- .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
8760
+ .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
9162
8761
  -webkit-animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
9163
8762
  animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
9164
8763
  }
9165
- .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
8764
+ .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
8765
+ .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
9166
8766
  -webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
9167
8767
  animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
9168
8768
  }
9169
- .rt-DropdownMenuDrillDownRoot:where(:not([data-drill-down-active])[data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
9170
- -webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
9171
- animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
8769
+ :where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
8770
+ -webkit-animation-name: rt-drill-down-enter-from-left;
8771
+ animation-name: rt-drill-down-enter-from-left;
8772
+ }
8773
+ :where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
8774
+ :where([dir='rtl']) .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
8775
+ -webkit-animation-name: rt-drill-down-enter-from-right;
8776
+ animation-name: rt-drill-down-enter-from-right;
9172
8777
  }
9173
8778
  }
9174
8779
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot {
@@ -9878,7 +9483,6 @@
9878
9483
  box-shadow: inset 0 0 0 1px var(--focus-a5);
9879
9484
  }
9880
9485
  .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
9881
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
9882
9486
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
9883
9487
  -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
9884
9488
  box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -9888,7 +9492,6 @@
9888
9492
  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
9889
9493
  }
9890
9494
  .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
9891
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
9892
9495
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
9893
9496
  -webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
9894
9497
  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
@@ -9958,7 +9561,6 @@
9958
9561
  box-shadow: var(--shadow-2);
9959
9562
  }
9960
9563
  .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
9961
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
9962
9564
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
9963
9565
  -webkit-box-shadow: var(--shadow-2);
9964
9566
  box-shadow: var(--shadow-2);
@@ -9967,7 +9569,6 @@
9967
9569
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
9968
9570
  }
9969
9571
  .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
9970
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
9971
9572
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
9972
9573
  }
9973
9574
  .rt-TextFieldRoot:where(.rt-variant-soft) {
@@ -10379,15 +9980,12 @@
10379
9980
  }
10380
9981
  }
10381
9982
  .rt-ComboboxContent {
10382
- padding: 0 !important;
9983
+ --combobox-list-max-height: calc(300px * var(--scaling));
9984
+ min-width: var(--radix-popover-trigger-width);
10383
9985
  max-height: var(--radix-popover-content-available-height);
10384
- display: -webkit-box;
10385
- display: -ms-flexbox;
10386
- display: flex;
10387
- -webkit-box-orient: vertical;
10388
- -webkit-box-direction: normal;
10389
- -ms-flex-direction: column;
10390
- flex-direction: column;
9986
+ -webkit-transform-origin: var(--radix-popover-content-transform-origin);
9987
+ transform-origin: var(--radix-popover-content-transform-origin);
9988
+ outline: 0;
10391
9989
  }
10392
9990
  .rt-ComboboxContent:where([data-state='closed']) {
10393
9991
  visibility: hidden;
@@ -10406,9 +10004,14 @@
10406
10004
  -ms-flex: 1;
10407
10005
  flex: 1;
10408
10006
  min-height: 0;
10007
+ outline: 0;
10409
10008
  }
10410
10009
  .rt-ComboboxViewport {
10411
- padding-top: 0 !important;
10010
+ padding-top: 0;
10011
+ overflow: visible;
10012
+ }
10013
+ :where(.rt-ComboboxCommand:not(:has(.rt-ComboboxSearch))) .rt-ComboboxViewport {
10014
+ padding-top: var(--base-menu-content-padding);
10412
10015
  }
10413
10016
  .rt-ComboboxScrollArea {
10414
10017
  -webkit-box-flex: 1;
@@ -10416,97 +10019,49 @@
10416
10019
  flex: 1;
10417
10020
  min-height: 0;
10418
10021
  overflow: auto;
10419
- max-height: 300px;
10022
+ -ms-scroll-chaining: none;
10023
+ overscroll-behavior: contain;
10024
+ max-height: var(--combobox-list-max-height);
10025
+ scrollbar-width: thin;
10026
+ scrollbar-color: var(--gray-a8) transparent;
10420
10027
  }
10421
- .rt-ComboboxItem:where([data-disabled="false"]) {
10028
+ .rt-ComboboxList {
10029
+ outline: 0;
10030
+ }
10031
+ .rt-ComboboxItem:where([data-disabled='false']) {
10422
10032
  color: inherit;
10423
10033
  cursor: var(--cursor-menu-item);
10424
10034
  }
10425
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem) {
10426
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
10427
- }
10428
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxLabel) {
10035
+ .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
10429
10036
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
10430
10037
  }
10431
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxItem),
10432
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxItem) {
10433
- --base-menu-item-padding-left: var(--space-5);
10434
- }
10435
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxLabel),
10436
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxLabel) {
10038
+ .rt-BaseMenuContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
10437
10039
  --base-menu-item-padding-left: var(--space-5);
10438
10040
  }
10439
10041
  .rt-ComboboxSearch {
10440
- position: sticky;
10441
- top: 0;
10442
- z-index: 1;
10443
10042
  padding: var(--base-menu-content-padding);
10444
- background-color: var(--color-panel);
10445
- }
10446
- :where([data-panel-background='translucent']) .rt-ComboboxSearch {
10447
- background-color: var(--color-panel-translucent);
10448
10043
  }
10449
10044
  .rt-ComboboxSearch :where(.rt-ComboboxInputRoot) {
10450
10045
  width: 100%;
10451
10046
  }
10452
- .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
10453
- cursor: var(--cursor-menu-item);
10454
- }
10455
- :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
10456
- background-color: var(--accent-9);
10457
- color: var(--accent-contrast);
10458
- }
10459
- :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
10460
- color: var(--accent-contrast) !important;
10461
- }
10462
- :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
10463
- background-color: var(--accent-4);
10464
- }
10465
- :where([data-panel-background='translucent'] .rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
10466
- background-color: var(--accent-a4);
10467
- }
10468
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
10469
- background-color: var(--accent-12);
10470
- color: var(--accent-1);
10471
- }
10472
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
10473
- color: var(--accent-1) !important;
10474
- }
10475
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
10476
- background-color: var(--accent-9);
10477
- color: var(--accent-contrast);
10478
- }
10479
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
10480
- color: var(--accent-contrast) !important;
10481
- }
10482
10047
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
10483
- background-color: var(--accent-9);
10484
- color: var(--accent-contrast);
10048
+ background-color: var(--accent-solid);
10049
+ color: var(--accent-solid-contrast);
10485
10050
  }
10486
- .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) * {
10487
- color: var(--accent-contrast) !important;
10051
+ :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
10052
+ color: inherit;
10488
10053
  }
10489
10054
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
10490
10055
  background-color: var(--accent-4);
10491
10056
  }
10492
- :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
10057
+ .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent'])
10058
+ :where(.rt-ComboboxItem[data-selected='true']) {
10493
10059
  background-color: var(--accent-a4);
10494
10060
  }
10495
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
10496
- background-color: var(--accent-12);
10497
- color: var(--accent-1);
10498
- }
10499
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) * {
10500
- color: var(--accent-1) !important;
10501
- }
10502
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) {
10503
- background-color: var(--accent-9);
10504
- color: var(--accent-contrast);
10505
- }
10506
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) * {
10507
- color: var(--accent-contrast) !important;
10061
+ :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
10062
+ color: var(--gray-11);
10508
10063
  }
10509
- .rt-ComboboxItem:where([data-disabled="true"], [data-disabled=""]) {
10064
+ .rt-ComboboxItem:where([data-disabled='true']) {
10510
10065
  color: var(--gray-a8);
10511
10066
  cursor: default;
10512
10067
  pointer-events: none;
@@ -10517,6 +10072,12 @@
10517
10072
  color: var(--gray-a11);
10518
10073
  font-size: var(--font-size-2);
10519
10074
  }
10075
+ @media (forced-colors: active) {
10076
+ .rt-ComboboxItem:where([data-selected='true']) {
10077
+ outline: 2px solid Highlight;
10078
+ outline-offset: -2px;
10079
+ }
10080
+ }
10520
10081
  .rt-Em {
10521
10082
  -webkit-box-sizing: border-box;
10522
10083
  box-sizing: border-box;
@@ -10551,11 +10112,23 @@
10551
10112
  :where(.rt-Heading) {
10552
10113
  margin: 0;
10553
10114
  }
10115
+ .rt-Heading:where(.rt-emphasis-loud) {
10116
+ color: var(--gray-ink);
10117
+ }
10118
+ .rt-Heading:where(.rt-emphasis-medium) {
10119
+ color: var(--gray-ink-muted);
10120
+ }
10121
+ .rt-Heading:where(.rt-emphasis-quiet) {
10122
+ color: var(--gray-ink-faint);
10123
+ }
10554
10124
  .rt-Heading:where([data-accent-color]) {
10555
- color: var(--accent-a11);
10125
+ color: var(--accent-ink);
10556
10126
  }
10557
- .rt-Heading:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
10558
- color: var(--accent-12);
10127
+ .rt-Heading:where([data-accent-color].rt-emphasis-medium) {
10128
+ color: var(--accent-ink-muted);
10129
+ }
10130
+ .rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
10131
+ color: var(--accent-ink-faint);
10559
10132
  }
10560
10133
  .rt-Heading:where(.rt-r-size-0) {
10561
10134
  font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
@@ -12509,8 +12082,8 @@
12509
12082
  .rt-Link:where(:disabled,[data-disabled]) {
12510
12083
  cursor: var(--cursor-disabled);
12511
12084
  }
12512
- :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
12513
- color: var(--accent-12);
12085
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
12086
+ color: var(--accent-ink);
12514
12087
  }
12515
12088
  @supports (color: color-mix(in oklab, white, black)) {
12516
12089
  .rt-Link:where(:-moz-any-link,button) {
@@ -12538,19 +12111,19 @@
12538
12111
  text-decoration-line: underline;
12539
12112
  }
12540
12113
  }
12541
- .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12114
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12542
12115
  text-decoration-line: underline;
12543
12116
  text-decoration-color: var(--accent-a6);
12544
12117
  }
12545
- .rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12118
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12546
12119
  text-decoration-line: underline;
12547
12120
  text-decoration-color: var(--accent-a6);
12548
12121
  }
12549
12122
  @supports (color: color-mix(in oklab, white, black)) {
12550
- .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12123
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12551
12124
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
12552
12125
  }
12553
- .rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12126
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12554
12127
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
12555
12128
  }
12556
12129
  }
@@ -13237,7 +12810,7 @@
13237
12810
  box-shadow: inset 0 0 0 1px var(--gray-a6);
13238
12811
  }
13239
12812
  .rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
13240
- background-color: var(--accent-9);
12813
+ background-color: var(--accent-solid);
13241
12814
  }
13242
12815
  .rt-ProgressRoot:where(.rt-variant-soft) {
13243
12816
  background-color: var(--gray-3);
@@ -13252,7 +12825,7 @@
13252
12825
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
13253
12826
  }
13254
12827
  .rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
13255
- background-color: var(--accent-9);
12828
+ background-color: var(--accent-solid);
13256
12829
  }
13257
12830
  .rt-ProgressRoot:where(.rt-variant-outline) {
13258
12831
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -13271,10 +12844,7 @@
13271
12844
  box-shadow: inset 0 0 0 1px var(--gray-a6);
13272
12845
  }
13273
12846
  .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
13274
- background-color: var(--accent-9);
13275
- }
13276
- .rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
13277
- background-color: var(--accent-12);
12847
+ background-color: var(--accent-solid);
13278
12848
  }
13279
12849
  .rt-Quote {
13280
12850
  -webkit-box-sizing: border-box;
@@ -13423,20 +12993,12 @@
13423
12993
  box-shadow: inset 0 0 0 1px var(--accent-9);
13424
12994
  }
13425
12995
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
13426
- background-color: var(--accent-9);
13427
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
13428
- box-shadow: inset 0 0 0 1px var(--accent-9);
12996
+ background-color: var(--accent-solid);
12997
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
12998
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
13429
12999
  }
13430
13000
  .rt-BaseRadioRoot:where(.rt-variant-solid)::after {
13431
- background-color: var(--accent-contrast);
13432
- }
13433
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
13434
- background-color: var(--accent-12);
13435
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
13436
- box-shadow: inset 0 0 0 1px var(--accent-12);
13437
- }
13438
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
13439
- background-color: var(--gray-1);
13001
+ background-color: var(--accent-solid-contrast);
13440
13002
  }
13441
13003
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
13442
13004
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -13451,7 +13013,7 @@
13451
13013
  top: var(--classic-elevation-offset);
13452
13014
  }
13453
13015
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
13454
- color: var(--accent-a11);
13016
+ color: var(--accent-ink);
13455
13017
  background-color: var(--color-surface-solid);
13456
13018
  -webkit-box-shadow: var(--shadow-2);
13457
13019
  box-shadow: var(--shadow-2);
@@ -13478,10 +13040,7 @@
13478
13040
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
13479
13041
  }
13480
13042
  .rt-BaseRadioRoot:where(.rt-variant-classic)::after {
13481
- background-color: var(--accent-a11);
13482
- }
13483
- .rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
13484
- color: var(--accent-12);
13043
+ background-color: var(--accent-ink);
13485
13044
  }
13486
13045
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
13487
13046
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -13523,10 +13082,7 @@
13523
13082
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
13524
13083
  }
13525
13084
  .rt-BaseRadioRoot:where(.rt-variant-soft)::after {
13526
- background-color: var(--accent-a11);
13527
- }
13528
- .rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
13529
- background-color: var(--accent-12);
13085
+ background-color: var(--accent-ink);
13530
13086
  }
13531
13087
  .rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
13532
13088
  outline-color: var(--accent-a8);
@@ -13540,22 +13096,19 @@
13540
13096
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
13541
13097
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
13542
13098
  box-shadow: inset 0 0 0 1px var(--accent-6);
13543
- color: var(--accent-11);
13099
+ color: var(--accent-ink);
13544
13100
  }
13545
13101
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
13546
13102
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
13547
13103
  box-shadow: inset 0 0 0 1px var(--accent-a6);
13548
- color: var(--accent-a11);
13549
13104
  }
13550
13105
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
13551
13106
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
13552
13107
  box-shadow: inset 0 0 0 1px var(--accent-6);
13553
- color: var(--accent-11);
13554
13108
  }
13555
13109
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
13556
13110
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
13557
13111
  box-shadow: inset 0 0 0 1px var(--accent-a6);
13558
- color: var(--accent-a11);
13559
13112
  }
13560
13113
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
13561
13114
  background-color: var(--accent-2);
@@ -13578,10 +13131,7 @@
13578
13131
  box-shadow: inset 0 0 0 1px var(--accent-a7);
13579
13132
  }
13580
13133
  .rt-BaseRadioRoot:where(.rt-variant-outline)::after {
13581
- background-color: var(--accent-a11);
13582
- }
13583
- .rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
13584
- background-color: var(--accent-12);
13134
+ background-color: var(--accent-ink);
13585
13135
  }
13586
13136
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
13587
13137
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -13632,10 +13182,7 @@
13632
13182
  box-shadow: inset 0 0 0 1px var(--accent-a8);
13633
13183
  }
13634
13184
  .rt-BaseRadioRoot:where(.rt-variant-surface)::after {
13635
- background-color: var(--accent-a11);
13636
- }
13637
- .rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
13638
- background-color: var(--accent-12);
13185
+ background-color: var(--accent-ink);
13639
13186
  }
13640
13187
  .rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
13641
13188
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -13833,12 +13380,9 @@
13833
13380
  .rt-RadioCardsItem:where([data-state='checked']) {
13834
13381
  -webkit-transition: var(--transition-fast);
13835
13382
  transition: var(--transition-fast);
13836
- outline: var(--focus-outline-width) solid var(--accent-indicator);
13383
+ outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
13837
13384
  outline-offset: -1px;
13838
13385
  }
13839
- :where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
13840
- outline-color: var(--accent-12);
13841
- }
13842
13386
  .rt-RadioCardsItem:where(:focus-visible) {
13843
13387
  -webkit-transition: var(--transition-focus);
13844
13388
  transition: var(--transition-focus);
@@ -13846,7 +13390,6 @@
13846
13390
  outline-offset: -1px;
13847
13391
  }
13848
13392
  .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
13849
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a3)), to(var(--focus-a3)));
13850
13393
  background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
13851
13394
  }
13852
13395
  .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
@@ -13859,7 +13402,6 @@
13859
13402
  background-color: var(--gray-a5);
13860
13403
  }
13861
13404
  .rt-RadioCardsItem:where(:disabled)::before {
13862
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
13863
13405
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
13864
13406
  }
13865
13407
  .rt-RadioCardsItem:where(:disabled) {
@@ -14180,7 +13722,6 @@
14180
13722
  user-select: none;
14181
13723
  -ms-touch-action: none;
14182
13724
  touch-action: none;
14183
- background-color: var(--gray-a3);
14184
13725
  border-radius: var(--scrollarea-scrollbar-border-radius);
14185
13726
  -webkit-animation-duration: var(--motion-duration-micro);
14186
13727
  animation-duration: var(--motion-duration-micro);
@@ -14211,7 +13752,7 @@
14211
13752
  }
14212
13753
  .rt-ScrollAreaThumb {
14213
13754
  position: relative;
14214
- background-color: var(--gray-a8);
13755
+ background-color: var(--gray-a6);
14215
13756
  border-radius: inherit;
14216
13757
  -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
14217
13758
  transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
@@ -14320,7 +13861,7 @@
14320
13861
  }
14321
13862
  @media (hover: hover) {
14322
13863
  .rt-ScrollAreaThumb:where(:hover) {
14323
- background-color: var(--gray-a9);
13864
+ background-color: var(--gray-a8);
14324
13865
  }
14325
13866
  }
14326
13867
  .rt-SegmentedControlRoot:where(:has([data-icon-only])) {
@@ -15415,9 +14956,6 @@
15415
14956
  backdrop-filter: var(--backdrop-filter-components);
15416
14957
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
15417
14958
  }
15418
- .rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
15419
- color: var(--accent-12);
15420
- }
15421
14959
  .rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
15422
14960
  font-weight: var(--font-weight-medium);
15423
14961
  }
@@ -15553,7 +15091,7 @@
15553
15091
  height: var(--select-trigger-height);
15554
15092
  padding: 0 var(--select-trigger-ghost-padding-x);
15555
15093
  background-color: transparent;
15556
- color: var(--accent-a11);
15094
+ color: var(--accent-ink);
15557
15095
  }
15558
15096
  .rt-SelectTrigger:where(.rt-r-size-1) {
15559
15097
  --select-trigger-height: var(--space-5);
@@ -16262,17 +15800,13 @@
16262
15800
  .rt-SelectTrigger:where(.rt-variant-classic) {
16263
15801
  position: relative;
16264
15802
  top: var(--classic-elevation-offset);
16265
- color: var(--accent-a11);
15803
+ color: var(--accent-ink);
16266
15804
  background-color: var(--color-surface);
16267
15805
  -webkit-box-shadow: var(--shadow-2);
16268
15806
  box-shadow: var(--shadow-2);
16269
15807
  -webkit-transition: var(--transition-text-field);
16270
15808
  transition: var(--transition-text-field);
16271
15809
  }
16272
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
16273
- color: var(--accent-12);
16274
- background-color: var(--color-surface);
16275
- }
16276
15810
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
16277
15811
  background-color: var(--color-surface);
16278
15812
  }
@@ -16282,15 +15816,6 @@
16282
15816
  .rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
16283
15817
  background-color: var(--color-surface);
16284
15818
  }
16285
- :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
16286
- background-color: var(--color-surface);
16287
- }
16288
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
16289
- background-color: var(--color-surface);
16290
- }
16291
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
16292
- background-color: var(--color-surface);
16293
- }
16294
15819
  .rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
16295
15820
  outline: 2px solid var(--focus-8);
16296
15821
  outline-offset: 2px;
@@ -16350,10 +15875,7 @@
16350
15875
  }
16351
15876
  .rt-SelectTrigger:where(.rt-variant-soft) {
16352
15877
  background-color: var(--accent-3);
16353
- color: var(--accent-a11);
16354
- }
16355
- .rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
16356
- color: var(--accent-12);
15878
+ color: var(--accent-ink);
16357
15879
  }
16358
15880
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
16359
15881
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -16417,9 +15939,6 @@
16417
15939
  opacity: 0.6;
16418
15940
  font-weight: var(--font-weight-regular);
16419
15941
  }
16420
- .rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
16421
- color: var(--accent-12);
16422
- }
16423
15942
  .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
16424
15943
  color: var(--gray-a10);
16425
15944
  font-weight: var(--font-weight-regular);
@@ -16475,28 +15994,21 @@
16475
15994
  .rt-SelectTrigger:where(.rt-variant-outline) {
16476
15995
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
16477
15996
  box-shadow: inset 0 0 0 1px var(--accent-6);
16478
- color: var(--accent-11);
15997
+ color: var(--accent-ink);
16479
15998
  -webkit-transition: var(--transition-background-blur);
16480
15999
  transition: var(--transition-background-blur);
16481
16000
  }
16482
- .rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
16483
- color: var(--accent-12);
16484
- color: var(--accent-12);
16485
- }
16486
16001
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
16487
16002
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
16488
16003
  box-shadow: inset 0 0 0 1px var(--accent-a6);
16489
- color: var(--accent-a11);
16490
16004
  }
16491
16005
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
16492
16006
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
16493
16007
  box-shadow: inset 0 0 0 1px var(--accent-6);
16494
- color: var(--accent-11);
16495
16008
  }
16496
16009
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
16497
16010
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
16498
16011
  box-shadow: inset 0 0 0 1px var(--accent-a6);
16499
- color: var(--accent-a11);
16500
16012
  }
16501
16013
  @media (hover: hover) {
16502
16014
  .rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
@@ -16580,11 +16092,7 @@
16580
16092
  background-color: var(--accent-2);
16581
16093
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
16582
16094
  box-shadow: inset 0 0 0 1px var(--accent-6);
16583
- color: var(--accent-a11);
16584
- }
16585
- .rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
16586
- color: var(--accent-12);
16587
- color: var(--accent-12);
16095
+ color: var(--accent-ink);
16588
16096
  }
16589
16097
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
16590
16098
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -16758,18 +16266,18 @@
16758
16266
  }
16759
16267
  }
16760
16268
  .rt-SelectItem:where([data-accent-color]) {
16761
- color: var(--accent-a11);
16269
+ color: var(--accent-ink);
16762
16270
  }
16763
16271
  .rt-SelectItem:where([data-disabled]) {
16764
16272
  color: var(--gray-a8);
16765
16273
  cursor: default;
16766
16274
  }
16767
- .rt-SelectItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
16275
+ .rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
16768
16276
  color: var(--gray-a10);
16769
16277
  }
16770
16278
  .rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
16771
- background-color: var(--accent-9);
16772
- color: var(--accent-contrast);
16279
+ background-color: var(--accent-solid);
16280
+ color: var(--accent-solid-contrast);
16773
16281
  }
16774
16282
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
16775
16283
  color: inherit !important;
@@ -16777,30 +16285,10 @@
16777
16285
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
16778
16286
  color: inherit !important;
16779
16287
  }
16780
- .rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
16781
- background-color: var(--accent-12);
16782
- color: var(--accent-1);
16783
- }
16784
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
16785
- color: inherit !important;
16786
- }
16787
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
16788
- color: inherit !important;
16789
- }
16790
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
16791
- background-color: var(--accent-9);
16792
- color: var(--accent-contrast);
16793
- }
16794
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
16795
- color: inherit !important;
16796
- }
16797
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']) {
16798
- color: inherit !important;
16799
- }
16800
16288
  .rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
16801
16289
  background-color: var(--accent-a4);
16802
16290
  }
16803
- :is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']) {
16291
+ :is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
16804
16292
  color: var(--gray-11) !important;
16805
16293
  }
16806
16294
  .rt-Separator {
@@ -17161,9 +16649,9 @@
17161
16649
  outline-offset: 2px;
17162
16650
  }
17163
16651
  .rt-SidebarMenuButton:where([data-accent-color]) {
17164
- color: var(--accent-a11);
16652
+ color: var(--accent-ink);
17165
16653
  }
17166
- .rt-SidebarMenuButton :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
16654
+ .rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
17167
16655
  color: var(--gray-a10);
17168
16656
  }
17169
16657
  .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
@@ -17573,11 +17061,11 @@
17573
17061
  line-height: var(--line-height-0);
17574
17062
  }
17575
17063
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
17576
- color: var(--accent-11);
17064
+ color: var(--accent-ink);
17577
17065
  font-weight: var(--font-weight-medium);
17578
17066
  }
17579
17067
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
17580
- color: var(--accent-11);
17068
+ color: var(--accent-ink);
17581
17069
  }
17582
17070
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
17583
17071
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
@@ -17596,20 +17084,12 @@
17596
17084
  background-color: var(--accent-a3);
17597
17085
  }
17598
17086
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
17599
- background-color: var(--accent-9);
17600
- color: var(--accent-contrast);
17087
+ background-color: var(--accent-solid);
17088
+ color: var(--accent-solid-contrast);
17601
17089
  }
17602
17090
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17603
- background-color: var(--accent-9);
17604
- color: var(--accent-contrast);
17605
- }
17606
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
17607
- background-color: var(--accent-12);
17608
- color: var(--accent-1);
17609
- }
17610
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17611
- background-color: var(--accent-12);
17612
- color: var(--accent-1);
17091
+ background-color: var(--accent-solid);
17092
+ color: var(--accent-solid-contrast);
17613
17093
  }
17614
17094
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
17615
17095
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
@@ -18721,11 +18201,11 @@
18721
18201
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
18722
18202
  }
18723
18203
  :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
18724
- background-color: var(--accent-9);
18725
- color: var(--accent-contrast);
18204
+ background-color: var(--accent-solid);
18205
+ color: var(--accent-solid-contrast);
18726
18206
  }
18727
18207
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
18728
- color: var(--accent-contrast);
18208
+ color: var(--accent-solid-contrast);
18729
18209
  }
18730
18210
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
18731
18211
  color: inherit !important;
@@ -18734,12 +18214,12 @@
18734
18214
  color: inherit !important;
18735
18215
  }
18736
18216
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
18737
- color: var(--accent-contrast) !important;
18738
- background-color: var(--accent-12) !important;
18217
+ color: var(--accent-solid-badge-contrast) !important;
18218
+ background-color: var(--accent-solid-badge) !important;
18739
18219
  }
18740
18220
  :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active]) {
18741
- background-color: var(--accent-9);
18742
- color: var(--accent-contrast);
18221
+ background-color: var(--accent-solid);
18222
+ color: var(--accent-solid-contrast);
18743
18223
  font-weight: var(--font-weight-medium);
18744
18224
  }
18745
18225
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
@@ -18749,68 +18229,8 @@
18749
18229
  color: inherit !important;
18750
18230
  }
18751
18231
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
18752
- color: var(--accent-contrast) !important;
18753
- background-color: var(--accent-12) !important;
18754
- }
18755
- :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
18756
- background-color: var(--accent-12);
18757
- color: var(--accent-1);
18758
- }
18759
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
18760
- color: var(--accent-1);
18761
- }
18762
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
18763
- color: inherit !important;
18764
- }
18765
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
18766
- color: inherit !important;
18767
- }
18768
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
18769
- color: var(--accent-1) !important;
18770
- background-color: var(--accent-9) !important;
18771
- }
18772
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) {
18773
- background-color: var(--accent-9);
18774
- color: var(--accent-contrast);
18775
- }
18776
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Text) {
18777
- color: inherit !important;
18778
- }
18779
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
18780
- color: inherit !important;
18781
- }
18782
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Badge) {
18783
- color: var(--accent-contrast) !important;
18784
- background-color: var(--accent-12) !important;
18785
- }
18786
- :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) {
18787
- background-color: var(--accent-12);
18788
- color: var(--accent-1);
18789
- font-weight: var(--font-weight-medium);
18790
- }
18791
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
18792
- color: inherit !important;
18793
- }
18794
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
18795
- color: inherit !important;
18796
- }
18797
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
18798
- color: var(--accent-1) !important;
18799
- background-color: var(--accent-9) !important;
18800
- }
18801
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) {
18802
- background-color: var(--accent-9);
18803
- color: var(--accent-contrast);
18804
- }
18805
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Text) {
18806
- color: inherit !important;
18807
- }
18808
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
18809
- color: inherit !important;
18810
- }
18811
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Badge) {
18812
- color: var(--accent-contrast) !important;
18813
- background-color: var(--accent-12) !important;
18232
+ color: var(--accent-solid-badge-contrast) !important;
18233
+ background-color: var(--accent-solid-badge) !important;
18814
18234
  }
18815
18235
  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
18816
18236
  -webkit-transition: var(--transition-menu);
@@ -18858,7 +18278,7 @@
18858
18278
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
18859
18279
  background-color: var(--accent-a4);
18860
18280
  }
18861
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
18281
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
18862
18282
  color: var(--gray-11) !important;
18863
18283
  }
18864
18284
  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
@@ -18880,7 +18300,7 @@
18880
18300
  background-color: var(--accent-a3);
18881
18301
  color: var(--accent-a12);
18882
18302
  }
18883
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
18303
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
18884
18304
  color: var(--gray-11) !important;
18885
18305
  }
18886
18306
  .rt-SidebarSearch {
@@ -18991,8 +18411,8 @@
18991
18411
  background-color: var(--accent-a4);
18992
18412
  }
18993
18413
  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
18994
- background-color: var(--accent-9);
18995
- color: var(--accent-contrast);
18414
+ background-color: var(--accent-solid);
18415
+ color: var(--accent-solid-contrast);
18996
18416
  }
18997
18417
  .rt-SidebarSearchPopover {
18998
18418
  display: -webkit-box;
@@ -19817,14 +19237,14 @@
19817
19237
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
19818
19238
  }
19819
19239
  .rt-SliderRoot:where([data-orientation='horizontal']) {
19820
- width: -webkit-fill-available;
19821
19240
  width: -moz-available;
19241
+ width: -webkit-fill-available;
19822
19242
  width: stretch;
19823
19243
  height: var(--slider-track-size);
19824
19244
  }
19825
19245
  .rt-SliderRoot:where([data-orientation='vertical']) {
19826
- height: -webkit-fill-available;
19827
19246
  height: -moz-available;
19247
+ height: -webkit-fill-available;
19828
19248
  height: stretch;
19829
19249
  -webkit-box-orient: vertical;
19830
19250
  -webkit-box-direction: normal;
@@ -19877,7 +19297,7 @@
19877
19297
  content: '';
19878
19298
  position: absolute;
19879
19299
  inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
19880
- background-color: white;
19300
+ background-color: var(--accent-solid-thumb);
19881
19301
  border-radius: var(--slider-thumb-radius);
19882
19302
  -webkit-box-shadow: var(--shadow-2);
19883
19303
  box-shadow: var(--shadow-2);
@@ -20093,10 +19513,7 @@
20093
19513
  box-shadow: inset 0 0 0 1px var(--gray-5);
20094
19514
  }
20095
19515
  .rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
20096
- background-color: var(--accent-9);
20097
- }
20098
- .rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
20099
- background-color: var(--accent-12);
19516
+ background-color: var(--accent-solid);
20100
19517
  }
20101
19518
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
20102
19519
  background-color: var(--gray-3);
@@ -20111,10 +19528,7 @@
20111
19528
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
20112
19529
  }
20113
19530
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
20114
- background-color: var(--accent-9);
20115
- }
20116
- .rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
20117
- background-color: var(--accent-12);
19531
+ background-color: var(--accent-solid);
20118
19532
  }
20119
19533
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
20120
19534
  --slider-thumb-box-shadow: var(--shadow-3);
@@ -20136,17 +19550,11 @@
20136
19550
  box-shadow: inset 0 0 0 1px var(--gray-a6);
20137
19551
  }
20138
19552
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
20139
- background-color: var(--accent-9);
20140
- }
20141
- .rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
20142
- background-color: var(--accent-12);
19553
+ background-color: var(--accent-solid);
20143
19554
  }
20144
19555
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
20145
19556
  --slider-thumb-box-shadow: var(--shadow-3);
20146
19557
  }
20147
- .rt-SliderRoot:where(:not(.rt-high-contrast)) {
20148
- --slider-range-high-contrast-background-image: none;
20149
- }
20150
19558
  .rt-SliderRoot:where([data-disabled]) {
20151
19559
  cursor: var(--cursor-disabled);
20152
19560
  }
@@ -20484,6 +19892,7 @@
20484
19892
  transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
20485
19893
  }
20486
19894
  .rt-SwitchThumb:where([data-state='checked']) {
19895
+ background-color: var(--accent-solid-thumb);
20487
19896
  -webkit-transform: translateX(var(--switch-thumb-translate-x));
20488
19897
  transform: translateX(var(--switch-thumb-translate-x));
20489
19898
  }
@@ -20590,12 +19999,7 @@
20590
19999
  box-shadow: inset 0 0 0 1px var(--gray-a6);
20591
20000
  }
20592
20001
  .rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
20593
- background-color: var(--accent-9);
20594
- -webkit-box-shadow: none;
20595
- box-shadow: none;
20596
- }
20597
- .rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
20598
- background-color: var(--accent-12);
20002
+ background-color: var(--accent-solid);
20599
20003
  -webkit-box-shadow: none;
20600
20004
  box-shadow: none;
20601
20005
  }
@@ -20612,10 +20016,7 @@
20612
20016
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
20613
20017
  }
20614
20018
  .rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
20615
- background-color: var(--accent-9);
20616
- }
20617
- .rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
20618
- background-color: var(--accent-12);
20019
+ background-color: var(--accent-solid);
20619
20020
  }
20620
20021
  .rt-SwitchRoot:where(.rt-variant-outline)::before {
20621
20022
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -20634,12 +20035,7 @@
20634
20035
  box-shadow: inset 0 0 0 1px var(--gray-a6);
20635
20036
  }
20636
20037
  .rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
20637
- background-color: var(--accent-9);
20638
- -webkit-box-shadow: none;
20639
- box-shadow: none;
20640
- }
20641
- .rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
20642
- background-color: var(--accent-12);
20038
+ background-color: var(--accent-solid);
20643
20039
  -webkit-box-shadow: none;
20644
20040
  box-shadow: none;
20645
20041
  }
@@ -21014,7 +20410,7 @@
21014
20410
  bottom: 0;
21015
20411
  left: 0;
21016
20412
  right: 0;
21017
- background-color: var(--accent-indicator);
20413
+ background-color: var(--accent-solid-indicator);
21018
20414
  -webkit-transform-origin: center;
21019
20415
  transform-origin: center;
21020
20416
  -webkit-transition: opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
@@ -21022,9 +20418,6 @@
21022
20418
  transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
21023
20419
  transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
21024
20420
  }
21025
- :is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
21026
- background-color: var(--accent-12);
21027
- }
21028
20421
  @media (forced-colors: active) {
21029
20422
  .rt-BaseTabListTrigger:where([data-state='active'])::before,
21030
20423
  .rt-TabNavLink:where([data-active])::before {
@@ -21810,7 +21203,6 @@
21810
21203
  box-shadow: inset 0 0 0 1px var(--focus-a5);
21811
21204
  }
21812
21205
  .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
21813
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
21814
21206
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
21815
21207
  -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
21816
21208
  box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -21821,7 +21213,6 @@
21821
21213
  }
21822
21214
  .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
21823
21215
  background-color: var(--gray-a2);
21824
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
21825
21216
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
21826
21217
  }
21827
21218
  .rt-TextAreaRoot:where(.rt-variant-outline, .rt-variant-surface) {
@@ -21940,7 +21331,6 @@
21940
21331
  box-shadow: var(--shadow-2);
21941
21332
  }
21942
21333
  .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
21943
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
21944
21334
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
21945
21335
  -webkit-box-shadow: var(--shadow-2);
21946
21336
  box-shadow: var(--shadow-2);
@@ -21949,7 +21339,6 @@
21949
21339
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
21950
21340
  }
21951
21341
  .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
21952
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
21953
21342
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
21954
21343
  }
21955
21344
  .rt-TextAreaInput:where(:disabled,:-moz-read-only) {
@@ -22364,6 +21753,9 @@
22364
21753
  width: 100%;
22365
21754
  min-width: 0;
22366
21755
  }
21756
+ .rt-ChatbarRoot {
21757
+ --chatbar-attachment-thumb: var(--space-8);
21758
+ }
22367
21759
  .rt-ChatbarRoot:where([data-material='solid'],[data-panel-background='solid']) {
22368
21760
  --material-blend: 100%;
22369
21761
  --material-alpha: 0;
@@ -22386,13 +21778,19 @@
22386
21778
  font: inherit;
22387
21779
  line-height: inherit;
22388
21780
  text-align: start;
22389
- -webkit-transition: height 150ms ease-out;
22390
- transition: height 150ms ease-out;
21781
+ -webkit-transition: height var(--motion-duration-small) ease-out;
21782
+ transition: height var(--motion-duration-small) ease-out;
22391
21783
  }
22392
21784
  .rt-ChatbarInput:focus,
22393
21785
  .rt-ChatbarInput:focus-visible {
22394
21786
  outline: none;
22395
21787
  }
21788
+ .rt-ChatbarInput::-moz-selection {
21789
+ background-color: var(--v-selection-color, var(--focus-a5));
21790
+ }
21791
+ .rt-ChatbarInput::selection {
21792
+ background-color: var(--v-selection-color, var(--focus-a5));
21793
+ }
22396
21794
  .rt-ChatbarBox :where(.rt-ChatbarGrid) {
22397
21795
  display: -webkit-box;
22398
21796
  display: -ms-flexbox;
@@ -22432,6 +21830,10 @@
22432
21830
  -webkit-transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
22433
21831
  transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
22434
21832
  }
21833
+ .rt-ChatbarSend[aria-hidden='true'] {
21834
+ opacity: 0;
21835
+ pointer-events: none;
21836
+ }
22435
21837
  .rt-ChatbarRoot:where([data-state='closed']) :where(.rt-ChatbarRow) {
22436
21838
  display: none;
22437
21839
  }
@@ -22445,8 +21847,8 @@
22445
21847
  .rt-ChatbarScrollArea {
22446
21848
  border-radius: var(--chatbar-attachments-radius);
22447
21849
  }
22448
- .rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar) {
22449
- display: none;
21850
+ .rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar[data-orientation='horizontal']) {
21851
+ --scrollarea-scrollbar-size: 3px;
22450
21852
  }
22451
21853
  .rt-ChatbarAttachmentPreview {
22452
21854
  height: var(--chatbar-attachment-thumb);
@@ -22559,7 +21961,7 @@
22559
21961
  transition: var(--transition-text-field);
22560
21962
  isolation: isolate;
22561
21963
  }
22562
- .rt-ChatbarRoot:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
21964
+ :where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
22563
21965
  backdrop-filter: var(--backdrop-filter-components);
22564
21966
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
22565
21967
  }
@@ -22572,8 +21974,6 @@
22572
21974
  padding: var(--space-3);
22573
21975
  }
22574
21976
  .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
22575
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
22576
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
22577
21977
  font-size: var(--font-size-1);
22578
21978
  line-height: var(--line-height-1);
22579
21979
  letter-spacing: var(--letter-spacing-1);
@@ -22583,8 +21983,6 @@
22583
21983
  padding: var(--space-4);
22584
21984
  }
22585
21985
  .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
22586
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
22587
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
22588
21986
  font-size: var(--font-size-2);
22589
21987
  line-height: var(--line-height-2);
22590
21988
  letter-spacing: var(--letter-spacing-2);
@@ -22594,8 +21992,6 @@
22594
21992
  padding: var(--space-4);
22595
21993
  }
22596
21994
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
22597
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
22598
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
22599
21995
  font-size: var(--font-size-3);
22600
21996
  line-height: var(--line-height-3);
22601
21997
  letter-spacing: var(--letter-spacing-3);
@@ -22606,8 +22002,6 @@
22606
22002
  padding: var(--space-3);
22607
22003
  }
22608
22004
  .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
22609
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
22610
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
22611
22005
  font-size: var(--font-size-1);
22612
22006
  line-height: var(--line-height-1);
22613
22007
  letter-spacing: var(--letter-spacing-1);
@@ -22617,8 +22011,6 @@
22617
22011
  padding: var(--space-4);
22618
22012
  }
22619
22013
  .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
22620
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
22621
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
22622
22014
  font-size: var(--font-size-2);
22623
22015
  line-height: var(--line-height-2);
22624
22016
  letter-spacing: var(--letter-spacing-2);
@@ -22628,8 +22020,6 @@
22628
22020
  padding: var(--space-4);
22629
22021
  }
22630
22022
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
22631
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
22632
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
22633
22023
  font-size: var(--font-size-3);
22634
22024
  line-height: var(--line-height-3);
22635
22025
  letter-spacing: var(--letter-spacing-3);
@@ -22641,8 +22031,6 @@
22641
22031
  padding: var(--space-3);
22642
22032
  }
22643
22033
  .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
22644
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
22645
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
22646
22034
  font-size: var(--font-size-1);
22647
22035
  line-height: var(--line-height-1);
22648
22036
  letter-spacing: var(--letter-spacing-1);
@@ -22652,8 +22040,6 @@
22652
22040
  padding: var(--space-4);
22653
22041
  }
22654
22042
  .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
22655
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
22656
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
22657
22043
  font-size: var(--font-size-2);
22658
22044
  line-height: var(--line-height-2);
22659
22045
  letter-spacing: var(--letter-spacing-2);
@@ -22663,8 +22049,6 @@
22663
22049
  padding: var(--space-4);
22664
22050
  }
22665
22051
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
22666
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
22667
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
22668
22052
  font-size: var(--font-size-3);
22669
22053
  line-height: var(--line-height-3);
22670
22054
  letter-spacing: var(--letter-spacing-3);
@@ -22676,8 +22060,6 @@
22676
22060
  padding: var(--space-3);
22677
22061
  }
22678
22062
  .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
22679
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
22680
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
22681
22063
  font-size: var(--font-size-1);
22682
22064
  line-height: var(--line-height-1);
22683
22065
  letter-spacing: var(--letter-spacing-1);
@@ -22687,8 +22069,6 @@
22687
22069
  padding: var(--space-4);
22688
22070
  }
22689
22071
  .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
22690
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
22691
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
22692
22072
  font-size: var(--font-size-2);
22693
22073
  line-height: var(--line-height-2);
22694
22074
  letter-spacing: var(--letter-spacing-2);
@@ -22698,8 +22078,6 @@
22698
22078
  padding: var(--space-4);
22699
22079
  }
22700
22080
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
22701
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
22702
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
22703
22081
  font-size: var(--font-size-3);
22704
22082
  line-height: var(--line-height-3);
22705
22083
  letter-spacing: var(--letter-spacing-3);
@@ -22711,8 +22089,6 @@
22711
22089
  padding: var(--space-3);
22712
22090
  }
22713
22091
  .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
22714
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
22715
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
22716
22092
  font-size: var(--font-size-1);
22717
22093
  line-height: var(--line-height-1);
22718
22094
  letter-spacing: var(--letter-spacing-1);
@@ -22722,8 +22098,6 @@
22722
22098
  padding: var(--space-4);
22723
22099
  }
22724
22100
  .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
22725
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
22726
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
22727
22101
  font-size: var(--font-size-2);
22728
22102
  line-height: var(--line-height-2);
22729
22103
  letter-spacing: var(--letter-spacing-2);
@@ -22733,8 +22107,6 @@
22733
22107
  padding: var(--space-4);
22734
22108
  }
22735
22109
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
22736
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
22737
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
22738
22110
  font-size: var(--font-size-3);
22739
22111
  line-height: var(--line-height-3);
22740
22112
  letter-spacing: var(--letter-spacing-3);
@@ -22746,8 +22118,6 @@
22746
22118
  padding: var(--space-3);
22747
22119
  }
22748
22120
  .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
22749
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
22750
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
22751
22121
  font-size: var(--font-size-1);
22752
22122
  line-height: var(--line-height-1);
22753
22123
  letter-spacing: var(--letter-spacing-1);
@@ -22757,8 +22127,6 @@
22757
22127
  padding: var(--space-4);
22758
22128
  }
22759
22129
  .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
22760
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
22761
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
22762
22130
  font-size: var(--font-size-2);
22763
22131
  line-height: var(--line-height-2);
22764
22132
  letter-spacing: var(--letter-spacing-2);
@@ -22768,8 +22136,6 @@
22768
22136
  padding: var(--space-4);
22769
22137
  }
22770
22138
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
22771
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
22772
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
22773
22139
  font-size: var(--font-size-3);
22774
22140
  line-height: var(--line-height-3);
22775
22141
  letter-spacing: var(--letter-spacing-3);
@@ -22937,8 +22303,6 @@
22937
22303
  --v-border-hover-a: var(--accent-a7);
22938
22304
  --v-border-focus: var(--accent-8);
22939
22305
  --v-border-focus-a: var(--accent-a8);
22940
- -webkit-transition: var(--transition-background-blur);
22941
- transition: var(--transition-background-blur);
22942
22306
  }
22943
22307
  .rt-ChatbarBox:where(.rt-variant-surface) {
22944
22308
  --text-area-border-width: 1px;
@@ -22961,16 +22325,20 @@
22961
22325
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
22962
22326
  }
22963
22327
  @media (hover: hover) {
22964
- .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
22328
+ .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
22965
22329
  background-color: color-mix(in srgb, var(--v-bg-hover-a) calc(var(--material-alpha) * 100%), var(--v-bg-hover) var(--material-blend));
22966
22330
  }
22967
22331
  }
22332
+ .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-within) {
22333
+ outline: 2px solid var(--v-focus-color, var(--focus-8));
22334
+ outline-offset: -1px;
22335
+ }
22968
22336
  .rt-ChatbarBox:where(.rt-variant-outline, .rt-variant-surface) {
22969
22337
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
22970
22338
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
22971
22339
  }
22972
22340
  @media (hover: hover) {
22973
- .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
22341
+ .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
22974
22342
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
22975
22343
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
22976
22344
  }
@@ -22995,24 +22363,65 @@
22995
22363
  -webkit-transition: var(--transition-text-field);
22996
22364
  transition: var(--transition-text-field);
22997
22365
  }
22998
- .rt-ChatbarRoot:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
22366
+ :where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
22999
22367
  background-color: var(--color-surface-translucent);
23000
22368
  }
22369
+ :where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
22370
+ background-color: var(--color-surface-solid);
22371
+ }
23001
22372
  @media (hover: hover) {
23002
- .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)) {
22373
+ .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
23003
22374
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
23004
22375
  -webkit-box-shadow: var(--shadow-3);
23005
22376
  box-shadow: var(--shadow-3);
23006
22377
  }
23007
22378
  }
23008
22379
  .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
23009
- -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
23010
- box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
22380
+ -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
22381
+ box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
23011
22382
  }
23012
- .rt-ChatbarRoot {
23013
- -webkit-transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
23014
- transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
23015
- --chatbar-attachment-thumb: var(--space-8);
22383
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox {
22384
+ --v-selection-color: var(--gray-a5);
22385
+ --v-focus-color: var(--gray-8);
22386
+ }
22387
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface) {
22388
+ background-color: var(--gray-a2);
22389
+ }
22390
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-soft) {
22391
+ background-color: var(--gray-a3);
22392
+ }
22393
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface) {
22394
+ -webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
22395
+ box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
22396
+ }
22397
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
22398
+ background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
22399
+ }
22400
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {
22401
+ color: var(--gray-a11);
22402
+ -webkit-text-fill-color: var(--gray-a11);
22403
+ }
22404
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-webkit-input-placeholder {
22405
+ opacity: 0.5;
22406
+ }
22407
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-moz-placeholder {
22408
+ opacity: 0.5;
22409
+ }
22410
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput):-ms-input-placeholder {
22411
+ opacity: 0.5;
22412
+ }
22413
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-ms-input-placeholder {
22414
+ opacity: 0.5;
22415
+ }
22416
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::placeholder {
22417
+ opacity: 0.5;
22418
+ }
22419
+ .rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarBox,.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarInput {
22420
+ cursor: not-allowed;
22421
+ }
22422
+ .rt-ChatbarRoot:where([data-drop-active]) .rt-ChatbarBox {
22423
+ outline: 2px dashed var(--accent-8);
22424
+ outline-offset: -1px;
23016
22425
  }
23017
22426
  .rt-ChatbarDropOverlay {
23018
22427
  position: absolute;
@@ -23047,11 +22456,18 @@
23047
22456
  -ms-flex-align: center;
23048
22457
  align-items: center;
23049
22458
  gap: var(--space-2);
23050
- color: var(--accent-11);
23051
22459
  }
23052
- .rt-ChatbarDropIcon {
23053
- width: var(--space-6);
23054
- height: var(--space-6);
22460
+ @media (prefers-reduced-motion: reduce) {
22461
+ .rt-ChatbarInput,
22462
+ .rt-ChatbarBox,
22463
+ .rt-ChatbarSend {
22464
+ -webkit-transition: none;
22465
+ transition: none;
22466
+ }
22467
+ .rt-ChatbarDropOverlay {
22468
+ -webkit-animation: none;
22469
+ animation: none;
22470
+ }
23055
22471
  }
23056
22472
  .rt-ChatbarInlineStart,
23057
22473
  .rt-ChatbarInlineEnd {