@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/styles.css CHANGED
@@ -3391,7 +3391,6 @@
3391
3391
  --size-multiplier-large: 1.25;
3392
3392
  --opacity-disabled: var(--opacity-5);
3393
3393
  --opacity-soft-variant: var(--opacity-8);
3394
- --opacity-high-contrast: var(--opacity-8);
3395
3394
  --position-center: 50%;
3396
3395
  --position-full: 100%;
3397
3396
  --position-negative-full: -100%;
@@ -3424,6 +3423,12 @@
3424
3423
  --material-blend: 100%;
3425
3424
  --material-alpha: 0;
3426
3425
  --color-transparent: rgb(0 0 0 / 0);
3426
+ --solid-chroma-hover-filter: none;
3427
+ --solid-chroma-active-filter: brightness(0.9) contrast(1.03);
3428
+ --solid-chroma-open-filter: brightness(0.96) contrast(1.02);
3429
+ --solid-gray-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
3430
+ --solid-gray-active-filter: brightness(0.92);
3431
+ --solid-gray-open-filter: brightness(0.96);
3427
3432
  --shadow-1: 0 0 0 0.25px var(--gray-a6), inset 0 1px 1px 0 var(--black-a2);
3428
3433
  --shadow-2: 0 0 0 0.25px var(--gray-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
3429
3434
  --shadow-3: 0 0 0 0.25px var(--gray-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
@@ -3455,13 +3460,7 @@
3455
3460
  --opacity-9: calc(0.9 * var(--opacity-factor));
3456
3461
  --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
3457
3462
  --avatar-image-active-filter: brightness(0.9) saturate(1.1);
3458
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
3459
- --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
3460
- --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
3461
- --base-button-solid-high-contrast-active-filter: brightness(0.92);
3462
- --base-button-solid-high-contrast-open-filter: brightness(0.96);
3463
3463
  --segmented-control-indicator-background-color: var(--color-background);
3464
- --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
3465
3464
  }
3466
3465
  @supports (color: color(display-p3 1 1 1)) {
3467
3466
  @media (color-gamut: p3) {
@@ -3503,6 +3502,12 @@
3503
3502
  --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
3504
3503
  --color-dialog-solid: var(--gray-2);
3505
3504
  --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
3505
+ --solid-chroma-hover-filter: none;
3506
+ --solid-chroma-active-filter: brightness(0.88) contrast(1.03);
3507
+ --solid-chroma-open-filter: brightness(0.95) contrast(1.02);
3508
+ --solid-gray-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
3509
+ --solid-gray-active-filter: brightness(0.9);
3510
+ --solid-gray-open-filter: brightness(0.95);
3506
3511
  --shadow-1: inset 0 0 0 0.5px var(--gray-a6), inset 0 1px 1px 0 var(--black-a3);
3507
3512
  --shadow-2: 0 0 0 0.5px var(--gray-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
3508
3513
  --shadow-3: 0 0 0 0.5px var(--gray-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
@@ -3511,12 +3516,6 @@
3511
3516
  --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
3512
3517
  --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
3513
3518
  --avatar-image-active-filter: brightness(1.1) saturate(1.1);
3514
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
3515
- --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
3516
- --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
3517
- --base-button-solid-high-contrast-active-filter: brightness(0.9);
3518
- --base-button-solid-high-contrast-open-filter: brightness(0.95);
3519
- --slider-range-high-contrast-background-image: none;
3520
3519
  }
3521
3520
  @supports (color: color(display-p3 1 1 1)) {
3522
3521
  @media (color-gamut: p3) {
@@ -3557,6 +3556,26 @@
3557
3556
  --focus-a10: var(--accent-a10);
3558
3557
  --focus-a11: var(--accent-a11);
3559
3558
  --focus-a12: var(--accent-a12);
3559
+ --accent-ink-mix: 45%;
3560
+ --accent-ink: color-mix(in oklab, var(--accent-11), var(--accent-12) var(--accent-ink-mix));
3561
+ --accent-ink-muted: color-mix(in oklab, var(--accent-ink) 74%, transparent);
3562
+ --accent-ink-faint: color-mix(in oklab, var(--accent-ink) 52%, transparent);
3563
+ --accent-solid: var(--accent-9);
3564
+ --accent-solid-a: var(--accent-a9);
3565
+ --accent-solid-hover: var(--accent-10);
3566
+ --accent-solid-hover-a: var(--accent-a10);
3567
+ --accent-solid-active: var(--accent-11);
3568
+ --accent-solid-active-a: var(--accent-a11);
3569
+ --accent-solid-contrast: var(--accent-contrast);
3570
+ --accent-solid-selection: var(--accent-7);
3571
+ --accent-solid-selection-contrast: var(--accent-12);
3572
+ --accent-solid-indicator: var(--accent-indicator);
3573
+ --accent-solid-thumb: white;
3574
+ --accent-solid-badge: var(--accent-12);
3575
+ --accent-solid-badge-contrast: var(--accent-1);
3576
+ --accent-solid-hover-filter: var(--solid-chroma-hover-filter);
3577
+ --accent-solid-active-filter: var(--solid-chroma-active-filter);
3578
+ --accent-solid-open-filter: var(--solid-chroma-open-filter);
3560
3579
  }
3561
3580
  .radix-themes ::-moz-selection {
3562
3581
  background-color: var(--focus-a5);
@@ -3856,6 +3875,25 @@
3856
3875
  --accent-surface: var(--gray-surface);
3857
3876
  --accent-indicator: var(--gray-indicator);
3858
3877
  --accent-track: var(--gray-track);
3878
+ --accent-ink: var(--gray-12);
3879
+ --accent-ink-muted: var(--gray-a11);
3880
+ --accent-ink-faint: var(--gray-a10);
3881
+ --accent-solid: var(--gray-12);
3882
+ --accent-solid-a: var(--gray-a12);
3883
+ --accent-solid-hover: var(--gray-12);
3884
+ --accent-solid-hover-a: var(--gray-a12);
3885
+ --accent-solid-active: var(--gray-12);
3886
+ --accent-solid-active-a: var(--gray-a12);
3887
+ --accent-solid-contrast: var(--gray-1);
3888
+ --accent-solid-selection: var(--gray-a11);
3889
+ --accent-solid-selection-contrast: var(--gray-1);
3890
+ --accent-solid-indicator: var(--gray-12);
3891
+ --accent-solid-thumb: var(--gray-1);
3892
+ --accent-solid-badge: var(--gray-1);
3893
+ --accent-solid-badge-contrast: var(--gray-12);
3894
+ --accent-solid-hover-filter: var(--solid-gray-hover-filter);
3895
+ --accent-solid-active-filter: var(--solid-gray-active-filter);
3896
+ --accent-solid-open-filter: var(--solid-gray-open-filter);
3859
3897
  }
3860
3898
  [data-accent-color='green'] {
3861
3899
  --accent-1: var(--green-1);
@@ -4367,157 +4405,10 @@
4367
4405
  --accent-indicator: var(--yellow-indicator);
4368
4406
  --accent-track: var(--yellow-track);
4369
4407
  }
4370
- .radix-themes:where([data-gray-color='mauve']) {
4371
- --gray-1: var(--mauve-1);
4372
- --gray-2: var(--mauve-2);
4373
- --gray-3: var(--mauve-3);
4374
- --gray-4: var(--mauve-4);
4375
- --gray-5: var(--mauve-5);
4376
- --gray-6: var(--mauve-6);
4377
- --gray-7: var(--mauve-7);
4378
- --gray-8: var(--mauve-8);
4379
- --gray-9: var(--mauve-9);
4380
- --gray-10: var(--mauve-10);
4381
- --gray-11: var(--mauve-11);
4382
- --gray-12: var(--mauve-12);
4383
- --gray-a1: var(--mauve-a1);
4384
- --gray-a2: var(--mauve-a2);
4385
- --gray-a3: var(--mauve-a3);
4386
- --gray-a4: var(--mauve-a4);
4387
- --gray-a5: var(--mauve-a5);
4388
- --gray-a6: var(--mauve-a6);
4389
- --gray-a7: var(--mauve-a7);
4390
- --gray-a8: var(--mauve-a8);
4391
- --gray-a9: var(--mauve-a9);
4392
- --gray-a10: var(--mauve-a10);
4393
- --gray-a11: var(--mauve-a11);
4394
- --gray-a12: var(--mauve-a12);
4395
- --gray-contrast: var(--mauve-contrast);
4396
- --gray-surface: var(--mauve-surface);
4397
- --gray-indicator: var(--mauve-indicator);
4398
- --gray-track: var(--mauve-track);
4399
- }
4400
- .radix-themes:where([data-gray-color='olive']) {
4401
- --gray-1: var(--olive-1);
4402
- --gray-2: var(--olive-2);
4403
- --gray-3: var(--olive-3);
4404
- --gray-4: var(--olive-4);
4405
- --gray-5: var(--olive-5);
4406
- --gray-6: var(--olive-6);
4407
- --gray-7: var(--olive-7);
4408
- --gray-8: var(--olive-8);
4409
- --gray-9: var(--olive-9);
4410
- --gray-10: var(--olive-10);
4411
- --gray-11: var(--olive-11);
4412
- --gray-12: var(--olive-12);
4413
- --gray-a1: var(--olive-a1);
4414
- --gray-a2: var(--olive-a2);
4415
- --gray-a3: var(--olive-a3);
4416
- --gray-a4: var(--olive-a4);
4417
- --gray-a5: var(--olive-a5);
4418
- --gray-a6: var(--olive-a6);
4419
- --gray-a7: var(--olive-a7);
4420
- --gray-a8: var(--olive-a8);
4421
- --gray-a9: var(--olive-a9);
4422
- --gray-a10: var(--olive-a10);
4423
- --gray-a11: var(--olive-a11);
4424
- --gray-a12: var(--olive-a12);
4425
- --gray-contrast: var(--olive-contrast);
4426
- --gray-surface: var(--olive-surface);
4427
- --gray-indicator: var(--olive-indicator);
4428
- --gray-track: var(--olive-track);
4429
- }
4430
- .radix-themes:where([data-gray-color='sage']) {
4431
- --gray-1: var(--sage-1);
4432
- --gray-2: var(--sage-2);
4433
- --gray-3: var(--sage-3);
4434
- --gray-4: var(--sage-4);
4435
- --gray-5: var(--sage-5);
4436
- --gray-6: var(--sage-6);
4437
- --gray-7: var(--sage-7);
4438
- --gray-8: var(--sage-8);
4439
- --gray-9: var(--sage-9);
4440
- --gray-10: var(--sage-10);
4441
- --gray-11: var(--sage-11);
4442
- --gray-12: var(--sage-12);
4443
- --gray-a1: var(--sage-a1);
4444
- --gray-a2: var(--sage-a2);
4445
- --gray-a3: var(--sage-a3);
4446
- --gray-a4: var(--sage-a4);
4447
- --gray-a5: var(--sage-a5);
4448
- --gray-a6: var(--sage-a6);
4449
- --gray-a7: var(--sage-a7);
4450
- --gray-a8: var(--sage-a8);
4451
- --gray-a9: var(--sage-a9);
4452
- --gray-a10: var(--sage-a10);
4453
- --gray-a11: var(--sage-a11);
4454
- --gray-a12: var(--sage-a12);
4455
- --gray-contrast: var(--sage-contrast);
4456
- --gray-surface: var(--sage-surface);
4457
- --gray-indicator: var(--sage-indicator);
4458
- --gray-track: var(--sage-track);
4459
- }
4460
- .radix-themes:where([data-gray-color='sand']) {
4461
- --gray-1: var(--sand-1);
4462
- --gray-2: var(--sand-2);
4463
- --gray-3: var(--sand-3);
4464
- --gray-4: var(--sand-4);
4465
- --gray-5: var(--sand-5);
4466
- --gray-6: var(--sand-6);
4467
- --gray-7: var(--sand-7);
4468
- --gray-8: var(--sand-8);
4469
- --gray-9: var(--sand-9);
4470
- --gray-10: var(--sand-10);
4471
- --gray-11: var(--sand-11);
4472
- --gray-12: var(--sand-12);
4473
- --gray-a1: var(--sand-a1);
4474
- --gray-a2: var(--sand-a2);
4475
- --gray-a3: var(--sand-a3);
4476
- --gray-a4: var(--sand-a4);
4477
- --gray-a5: var(--sand-a5);
4478
- --gray-a6: var(--sand-a6);
4479
- --gray-a7: var(--sand-a7);
4480
- --gray-a8: var(--sand-a8);
4481
- --gray-a9: var(--sand-a9);
4482
- --gray-a10: var(--sand-a10);
4483
- --gray-a11: var(--sand-a11);
4484
- --gray-a12: var(--sand-a12);
4485
- --gray-contrast: var(--sand-contrast);
4486
- --gray-surface: var(--sand-surface);
4487
- --gray-indicator: var(--sand-indicator);
4488
- --gray-track: var(--sand-track);
4489
- }
4490
- .radix-themes:where([data-gray-color='slate']) {
4491
- --gray-1: var(--slate-1);
4492
- --gray-2: var(--slate-2);
4493
- --gray-3: var(--slate-3);
4494
- --gray-4: var(--slate-4);
4495
- --gray-5: var(--slate-5);
4496
- --gray-6: var(--slate-6);
4497
- --gray-7: var(--slate-7);
4498
- --gray-8: var(--slate-8);
4499
- --gray-9: var(--slate-9);
4500
- --gray-10: var(--slate-10);
4501
- --gray-11: var(--slate-11);
4502
- --gray-12: var(--slate-12);
4503
- --gray-a1: var(--slate-a1);
4504
- --gray-a2: var(--slate-a2);
4505
- --gray-a3: var(--slate-a3);
4506
- --gray-a4: var(--slate-a4);
4507
- --gray-a5: var(--slate-a5);
4508
- --gray-a6: var(--slate-a6);
4509
- --gray-a7: var(--slate-a7);
4510
- --gray-a8: var(--slate-a8);
4511
- --gray-a9: var(--slate-a9);
4512
- --gray-a10: var(--slate-a10);
4513
- --gray-a11: var(--slate-a11);
4514
- --gray-a12: var(--slate-a12);
4515
- --gray-contrast: var(--slate-contrast);
4516
- --gray-surface: var(--slate-surface);
4517
- --gray-indicator: var(--slate-indicator);
4518
- --gray-track: var(--slate-track);
4519
- }
4520
4408
  .radix-themes {
4409
+ --gray-ink: var(--gray-12);
4410
+ --gray-ink-muted: var(--gray-a11);
4411
+ --gray-ink-faint: var(--gray-a10);
4521
4412
  --cursor-button: default;
4522
4413
  --cursor-checkbox: default;
4523
4414
  --cursor-disabled: not-allowed;
@@ -4603,7 +4494,7 @@
4603
4494
  --transition-spring-gpu: transform var(--motion-duration-small) var(--motion-spring-snappy), opacity var(--motion-duration-small) var(--motion-spring-snappy);
4604
4495
  --transition-spring-gpu-fast: transform var(--motion-duration-micro) var(--motion-spring-snappy), opacity var(--motion-duration-micro) var(--motion-spring-snappy);
4605
4496
  --font-body: var(--font-sans);
4606
- --font-heading: var(--font-body);
4497
+ --font-heading: var(--font-display, var(--font-body));
4607
4498
  --font-code: var(--font-mono);
4608
4499
  --font-strong: var(--font-body);
4609
4500
  --font-em: var(--font-serif);
@@ -4744,6 +4635,156 @@
4744
4635
  --spinner-opacity: 0.65;
4745
4636
  color: var(--gray-12);
4746
4637
  }
4638
+ .radix-themes:where([data-gray-color='mauve']) {
4639
+ --gray-1: var(--mauve-1);
4640
+ --gray-2: var(--mauve-2);
4641
+ --gray-3: var(--mauve-3);
4642
+ --gray-4: var(--mauve-4);
4643
+ --gray-5: var(--mauve-5);
4644
+ --gray-6: var(--mauve-6);
4645
+ --gray-7: var(--mauve-7);
4646
+ --gray-8: var(--mauve-8);
4647
+ --gray-9: var(--mauve-9);
4648
+ --gray-10: var(--mauve-10);
4649
+ --gray-11: var(--mauve-11);
4650
+ --gray-12: var(--mauve-12);
4651
+ --gray-a1: var(--mauve-a1);
4652
+ --gray-a2: var(--mauve-a2);
4653
+ --gray-a3: var(--mauve-a3);
4654
+ --gray-a4: var(--mauve-a4);
4655
+ --gray-a5: var(--mauve-a5);
4656
+ --gray-a6: var(--mauve-a6);
4657
+ --gray-a7: var(--mauve-a7);
4658
+ --gray-a8: var(--mauve-a8);
4659
+ --gray-a9: var(--mauve-a9);
4660
+ --gray-a10: var(--mauve-a10);
4661
+ --gray-a11: var(--mauve-a11);
4662
+ --gray-a12: var(--mauve-a12);
4663
+ --gray-contrast: var(--mauve-contrast);
4664
+ --gray-surface: var(--mauve-surface);
4665
+ --gray-indicator: var(--mauve-indicator);
4666
+ --gray-track: var(--mauve-track);
4667
+ }
4668
+ .radix-themes:where([data-gray-color='olive']) {
4669
+ --gray-1: var(--olive-1);
4670
+ --gray-2: var(--olive-2);
4671
+ --gray-3: var(--olive-3);
4672
+ --gray-4: var(--olive-4);
4673
+ --gray-5: var(--olive-5);
4674
+ --gray-6: var(--olive-6);
4675
+ --gray-7: var(--olive-7);
4676
+ --gray-8: var(--olive-8);
4677
+ --gray-9: var(--olive-9);
4678
+ --gray-10: var(--olive-10);
4679
+ --gray-11: var(--olive-11);
4680
+ --gray-12: var(--olive-12);
4681
+ --gray-a1: var(--olive-a1);
4682
+ --gray-a2: var(--olive-a2);
4683
+ --gray-a3: var(--olive-a3);
4684
+ --gray-a4: var(--olive-a4);
4685
+ --gray-a5: var(--olive-a5);
4686
+ --gray-a6: var(--olive-a6);
4687
+ --gray-a7: var(--olive-a7);
4688
+ --gray-a8: var(--olive-a8);
4689
+ --gray-a9: var(--olive-a9);
4690
+ --gray-a10: var(--olive-a10);
4691
+ --gray-a11: var(--olive-a11);
4692
+ --gray-a12: var(--olive-a12);
4693
+ --gray-contrast: var(--olive-contrast);
4694
+ --gray-surface: var(--olive-surface);
4695
+ --gray-indicator: var(--olive-indicator);
4696
+ --gray-track: var(--olive-track);
4697
+ }
4698
+ .radix-themes:where([data-gray-color='sage']) {
4699
+ --gray-1: var(--sage-1);
4700
+ --gray-2: var(--sage-2);
4701
+ --gray-3: var(--sage-3);
4702
+ --gray-4: var(--sage-4);
4703
+ --gray-5: var(--sage-5);
4704
+ --gray-6: var(--sage-6);
4705
+ --gray-7: var(--sage-7);
4706
+ --gray-8: var(--sage-8);
4707
+ --gray-9: var(--sage-9);
4708
+ --gray-10: var(--sage-10);
4709
+ --gray-11: var(--sage-11);
4710
+ --gray-12: var(--sage-12);
4711
+ --gray-a1: var(--sage-a1);
4712
+ --gray-a2: var(--sage-a2);
4713
+ --gray-a3: var(--sage-a3);
4714
+ --gray-a4: var(--sage-a4);
4715
+ --gray-a5: var(--sage-a5);
4716
+ --gray-a6: var(--sage-a6);
4717
+ --gray-a7: var(--sage-a7);
4718
+ --gray-a8: var(--sage-a8);
4719
+ --gray-a9: var(--sage-a9);
4720
+ --gray-a10: var(--sage-a10);
4721
+ --gray-a11: var(--sage-a11);
4722
+ --gray-a12: var(--sage-a12);
4723
+ --gray-contrast: var(--sage-contrast);
4724
+ --gray-surface: var(--sage-surface);
4725
+ --gray-indicator: var(--sage-indicator);
4726
+ --gray-track: var(--sage-track);
4727
+ }
4728
+ .radix-themes:where([data-gray-color='sand']) {
4729
+ --gray-1: var(--sand-1);
4730
+ --gray-2: var(--sand-2);
4731
+ --gray-3: var(--sand-3);
4732
+ --gray-4: var(--sand-4);
4733
+ --gray-5: var(--sand-5);
4734
+ --gray-6: var(--sand-6);
4735
+ --gray-7: var(--sand-7);
4736
+ --gray-8: var(--sand-8);
4737
+ --gray-9: var(--sand-9);
4738
+ --gray-10: var(--sand-10);
4739
+ --gray-11: var(--sand-11);
4740
+ --gray-12: var(--sand-12);
4741
+ --gray-a1: var(--sand-a1);
4742
+ --gray-a2: var(--sand-a2);
4743
+ --gray-a3: var(--sand-a3);
4744
+ --gray-a4: var(--sand-a4);
4745
+ --gray-a5: var(--sand-a5);
4746
+ --gray-a6: var(--sand-a6);
4747
+ --gray-a7: var(--sand-a7);
4748
+ --gray-a8: var(--sand-a8);
4749
+ --gray-a9: var(--sand-a9);
4750
+ --gray-a10: var(--sand-a10);
4751
+ --gray-a11: var(--sand-a11);
4752
+ --gray-a12: var(--sand-a12);
4753
+ --gray-contrast: var(--sand-contrast);
4754
+ --gray-surface: var(--sand-surface);
4755
+ --gray-indicator: var(--sand-indicator);
4756
+ --gray-track: var(--sand-track);
4757
+ }
4758
+ .radix-themes:where([data-gray-color='slate']) {
4759
+ --gray-1: var(--slate-1);
4760
+ --gray-2: var(--slate-2);
4761
+ --gray-3: var(--slate-3);
4762
+ --gray-4: var(--slate-4);
4763
+ --gray-5: var(--slate-5);
4764
+ --gray-6: var(--slate-6);
4765
+ --gray-7: var(--slate-7);
4766
+ --gray-8: var(--slate-8);
4767
+ --gray-9: var(--slate-9);
4768
+ --gray-10: var(--slate-10);
4769
+ --gray-11: var(--slate-11);
4770
+ --gray-12: var(--slate-12);
4771
+ --gray-a1: var(--slate-a1);
4772
+ --gray-a2: var(--slate-a2);
4773
+ --gray-a3: var(--slate-a3);
4774
+ --gray-a4: var(--slate-a4);
4775
+ --gray-a5: var(--slate-a5);
4776
+ --gray-a6: var(--slate-a6);
4777
+ --gray-a7: var(--slate-a7);
4778
+ --gray-a8: var(--slate-a8);
4779
+ --gray-a9: var(--slate-a9);
4780
+ --gray-a10: var(--slate-a10);
4781
+ --gray-a11: var(--slate-a11);
4782
+ --gray-a12: var(--slate-a12);
4783
+ --gray-contrast: var(--slate-contrast);
4784
+ --gray-surface: var(--slate-surface);
4785
+ --gray-indicator: var(--slate-indicator);
4786
+ --gray-track: var(--slate-track);
4787
+ }
4747
4788
  .radix-themes:where([data-scaling='90%']) {
4748
4789
  --scaling: 0.9;
4749
4790
  }
@@ -5134,8 +5175,8 @@
5134
5175
  .rt-reset:where(textarea,input:not([type='button'],[type='image'],[type='reset'],[type='submit'],[type='checkbox'],[type='color'],[type='radio'],[type='range'])) {
5135
5176
  all: unset;
5136
5177
  display: block;
5137
- width: -webkit-fill-available;
5138
5178
  width: -moz-available;
5179
+ width: -webkit-fill-available;
5139
5180
  width: stretch;
5140
5181
  font-weight: normal;
5141
5182
  font-style: normal;
@@ -5226,8 +5267,8 @@
5226
5267
  .rt-reset:where(iframe) {
5227
5268
  display: block;
5228
5269
  border: none;
5229
- width: -webkit-fill-available;
5230
5270
  width: -moz-available;
5271
+ width: -webkit-fill-available;
5231
5272
  width: stretch;
5232
5273
  }
5233
5274
  .rt-reset:where(ins,u) {
@@ -5262,8 +5303,8 @@
5262
5303
  }
5263
5304
  .rt-reset:where(video) {
5264
5305
  display: block;
5265
- width: -webkit-fill-available;
5266
5306
  width: -moz-available;
5307
+ width: -webkit-fill-available;
5267
5308
  width: stretch;
5268
5309
  }
5269
5310
  .rt-reset:where(:-moz-any-link) {
@@ -6184,11 +6225,23 @@
6184
6225
  :where(.rt-Text) {
6185
6226
  margin: 0;
6186
6227
  }
6228
+ .rt-Text:where(.rt-emphasis-loud) {
6229
+ color: var(--gray-ink);
6230
+ }
6231
+ .rt-Text:where(.rt-emphasis-medium) {
6232
+ color: var(--gray-ink-muted);
6233
+ }
6234
+ .rt-Text:where(.rt-emphasis-quiet) {
6235
+ color: var(--gray-ink-faint);
6236
+ }
6187
6237
  .rt-Text:where([data-accent-color]) {
6188
- color: var(--accent-a11);
6238
+ color: var(--accent-ink);
6189
6239
  }
6190
- .rt-Text:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
6191
- color: var(--accent-12);
6240
+ .rt-Text:where([data-accent-color].rt-emphasis-medium) {
6241
+ color: var(--accent-ink-muted);
6242
+ }
6243
+ .rt-Text:where([data-accent-color].rt-emphasis-quiet) {
6244
+ color: var(--accent-ink-faint);
6192
6245
  }
6193
6246
  @media (pointer: coarse) {
6194
6247
  .rt-Text:where(label) {
@@ -6878,35 +6931,8 @@
6878
6931
  -webkit-transition: var(--transition-accordion-trigger-active);
6879
6932
  transition: var(--transition-accordion-trigger-active);
6880
6933
  }
6881
- :where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
6882
- color: var(--accent-a11);
6883
- }
6884
- :where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
6885
- color: var(--accent-12);
6886
- }
6887
- :where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
6888
- color: var(--accent-11);
6889
- }
6890
- :where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
6891
- color: var(--accent-12);
6892
- }
6893
- :where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
6894
- color: var(--accent-a11);
6895
- }
6896
- :where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
6897
- color: var(--accent-12);
6898
- }
6899
- :where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
6900
- color: var(--accent-a11);
6901
- }
6902
- :where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
6903
- color: var(--accent-12);
6904
- }
6905
- :where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
6906
- color: var(--accent-a11);
6907
- }
6908
- :where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
6909
- color: var(--accent-12);
6934
+ :where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
6935
+ color: var(--accent-ink);
6910
6936
  }
6911
6937
  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
6912
6938
  background-color: var(--accent-2);
@@ -7015,7 +7041,7 @@
7015
7041
  .rt-AccordionContent {
7016
7042
  overflow: hidden;
7017
7043
  font-size: var(--font-size-2);
7018
- color: var(--accent-a11);
7044
+ color: var(--accent-ink);
7019
7045
  line-height: var(--line-height-4);
7020
7046
  -webkit-transform-origin: top;
7021
7047
  transform-origin: top;
@@ -7104,21 +7130,9 @@
7104
7130
  transform: translateY(-4px) scaleY(0.98);
7105
7131
  }
7106
7132
  }
7107
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
7108
- color: var(--accent-12);
7109
- }
7110
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
7111
- color: var(--accent-12);
7112
- }
7113
7133
  :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
7114
7134
  background-color: var(--accent-a4);
7115
7135
  }
7116
- :where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
7117
- color: var(--accent-a11);
7118
- }
7119
- :where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
7120
- color: var(--accent-12);
7121
- }
7122
7136
  @media (prefers-reduced-motion: reduce) {
7123
7137
  :where(.rt-AccordionContent[data-state="open"]),
7124
7138
  :where(.rt-AccordionContent[data-state="closed"]) {
@@ -8173,8 +8187,7 @@
8173
8187
  }
8174
8188
  }
8175
8189
  .rt-AvatarRoot:where(.rt-variant-soft) {
8176
- --v-color: var(--accent-11);
8177
- --v-color-high-contrast: var(--accent-12);
8190
+ --v-color: var(--accent-ink);
8178
8191
  --v-bg: var(--accent-3);
8179
8192
  --v-bg-a: var(--accent-a3);
8180
8193
  --v-bg-hover: var(--accent-4);
@@ -8184,9 +8197,7 @@
8184
8197
  --v-bg-disabled: var(--gray-a3);
8185
8198
  }
8186
8199
  .rt-AvatarRoot:where(.rt-variant-outline) {
8187
- --v-color: var(--accent-11);
8188
- --v-color-a: var(--accent-a11);
8189
- --v-color-high-contrast: var(--accent-12);
8200
+ --v-color: var(--accent-ink);
8190
8201
  --v-bg: transparent;
8191
8202
  --v-bg-a: transparent;
8192
8203
  --v-bg-hover: var(--accent-2);
@@ -8203,8 +8214,7 @@
8203
8214
  --v-border-disabled: var(--gray-a7);
8204
8215
  }
8205
8216
  .rt-AvatarRoot:where(.rt-variant-surface) {
8206
- --v-color: var(--accent-a11);
8207
- --v-color-high-contrast: var(--accent-12);
8217
+ --v-color: var(--accent-ink);
8208
8218
  --v-bg: var(--accent-2);
8209
8219
  --v-bg-a: var(--accent-a2);
8210
8220
  --v-bg-hover: var(--accent-3);
@@ -8224,19 +8234,10 @@
8224
8234
  color: var(--v-color);
8225
8235
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
8226
8236
  }
8227
- .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8228
- color: var(--v-color-high-contrast);
8229
- }
8230
8237
  .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
8231
8238
  color: var(--gray-a8);
8232
8239
  background-color: var(--v-bg-disabled, var(--gray-a3));
8233
8240
  }
8234
- .rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
8235
- color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
8236
- }
8237
- .rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8238
- color: var(--v-color-high-contrast);
8239
- }
8240
8241
  .rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
8241
8242
  -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));
8242
8243
  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));
@@ -8281,12 +8282,8 @@
8281
8282
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
8282
8283
  }
8283
8284
  .rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
8284
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
8285
- color: var(--accent-contrast);
8286
- }
8287
- .rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8288
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8289
- color: var(--gray-1);
8285
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
8286
+ color: var(--accent-solid-contrast);
8290
8287
  }
8291
8288
  .rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
8292
8289
  color: var(--gray-a8);
@@ -8296,32 +8293,20 @@
8296
8293
  }
8297
8294
  @media (hover: hover) {
8298
8295
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
8299
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
8296
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
8300
8297
  }
8301
8298
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8302
8299
  background-color: inherit;
8300
+ -webkit-filter: var(--accent-solid-hover-filter);
8301
+ filter: var(--accent-solid-hover-filter);
8303
8302
  }
8304
8303
  }
8305
8304
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
8306
- background-color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--solid-blend));
8305
+ background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
8307
8306
  }
8308
8307
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8309
8308
  background-color: inherit;
8310
8309
  }
8311
- @media (hover: hover) {
8312
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
8313
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8314
- }
8315
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8316
- background-color: inherit;
8317
- }
8318
- }
8319
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
8320
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8321
- }
8322
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8323
- background-color: inherit;
8324
- }
8325
8310
  .rt-AvatarRoot:where(.rt-variant-classic) {
8326
8311
  position: relative;
8327
8312
  top: var(--classic-elevation-offset);
@@ -8329,15 +8314,11 @@
8329
8314
  .rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
8330
8315
  position: relative;
8331
8316
  top: 0;
8332
- color: var(--accent-a11);
8317
+ color: var(--accent-ink);
8333
8318
  background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
8334
8319
  -webkit-box-shadow: var(--shadow-2);
8335
8320
  box-shadow: var(--shadow-2);
8336
8321
  }
8337
- .rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8338
- color: var(--gray-12);
8339
- background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
8340
- }
8341
8322
  .rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
8342
8323
  color: var(--gray-a8);
8343
8324
  background-color: var(--gray-a3);
@@ -8756,12 +8737,8 @@
8756
8737
  }
8757
8738
  .rt-Badge:where(.rt-variant-solid) {
8758
8739
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
8759
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
8760
- color: var(--accent-contrast);
8761
- }
8762
- .rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
8763
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8764
- color: var(--gray-1);
8740
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
8741
+ color: var(--accent-solid-contrast);
8765
8742
  }
8766
8743
  .rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
8767
8744
  color: var(--gray-a8);
@@ -8776,16 +8753,10 @@
8776
8753
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
8777
8754
  -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));
8778
8755
  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));
8779
- color: var(--accent-a11);
8780
- }
8781
- .rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
8782
- color: var(--accent-12);
8756
+ color: var(--accent-ink);
8783
8757
  }
8784
8758
  .rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
8785
- color: var(--accent-a11);
8786
- }
8787
- .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
8788
- color: var(--accent-12);
8759
+ color: var(--accent-ink);
8789
8760
  }
8790
8761
  .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
8791
8762
  color: var(--gray-a8);
@@ -8805,24 +8776,18 @@
8805
8776
  .rt-Badge:where(.rt-variant-outline) {
8806
8777
  -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));
8807
8778
  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));
8808
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
8779
+ color: var(--accent-ink);
8809
8780
  -webkit-transition: var(--transition-background-blur);
8810
8781
  transition: var(--transition-background-blur);
8811
8782
  }
8812
- .rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
8813
- color: var(--accent-12);
8814
- }
8815
8783
  .rt-Badge:where(.rt-variant-ghost) {
8816
8784
  background-color: transparent;
8817
- color: var(--accent-a11);
8818
- }
8819
- .rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
8820
- color: var(--accent-12);
8785
+ color: var(--accent-ink);
8821
8786
  }
8822
8787
  .rt-Badge:where(.rt-variant-classic) {
8823
8788
  position: relative;
8824
8789
  top: var(--classic-elevation-offset);
8825
- color: var(--accent-a11);
8790
+ color: var(--accent-ink);
8826
8791
  -webkit-box-shadow: var(--shadow-2);
8827
8792
  box-shadow: var(--shadow-2);
8828
8793
  -webkit-transition: var(--transition-text-field);
@@ -8839,9 +8804,6 @@
8839
8804
  .rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
8840
8805
  --classic-surface: var(--color-surface-translucent);
8841
8806
  }
8842
- .rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
8843
- color: var(--accent-12);
8844
- }
8845
8807
  .rt-Blockquote {
8846
8808
  -webkit-box-sizing: border-box;
8847
8809
  box-sizing: border-box;
@@ -9074,8 +9036,7 @@
9074
9036
  }
9075
9037
  }
9076
9038
  .rt-BaseButton:where(.rt-variant-soft) {
9077
- --v-color: var(--accent-a11);
9078
- --v-color-high-contrast: var(--accent-12);
9039
+ --v-color: var(--accent-ink);
9079
9040
  --v-bg: var(--accent-3);
9080
9041
  --v-bg-a: var(--accent-a3);
9081
9042
  --v-bg-hover: var(--accent-4);
@@ -9089,8 +9050,7 @@
9089
9050
  --v-focus-offset: -1px;
9090
9051
  }
9091
9052
  .rt-BaseButton:where(.rt-variant-ghost) {
9092
- --v-color: var(--accent-a11);
9093
- --v-color-high-contrast: var(--accent-12);
9053
+ --v-color: var(--accent-ink);
9094
9054
  --v-bg: transparent;
9095
9055
  --v-bg-a: transparent;
9096
9056
  --v-bg-hover: var(--accent-3);
@@ -9104,8 +9064,7 @@
9104
9064
  --v-focus-offset: -1px;
9105
9065
  }
9106
9066
  .rt-BaseButton:where(.rt-variant-outline) {
9107
- --v-color: var(--accent-11);
9108
- --v-color-high-contrast: var(--accent-12);
9067
+ --v-color: var(--accent-ink);
9109
9068
  --v-bg: transparent;
9110
9069
  --v-bg-a: transparent;
9111
9070
  --v-bg-hover: var(--accent-2);
@@ -9128,8 +9087,7 @@
9128
9087
  --v-focus-offset: -1px;
9129
9088
  }
9130
9089
  .rt-BaseButton:where(.rt-variant-surface) {
9131
- --v-color: var(--accent-a11);
9132
- --v-color-high-contrast: var(--accent-12);
9090
+ --v-color: var(--accent-ink);
9133
9091
  --v-bg: var(--accent-2);
9134
9092
  --v-bg-a: var(--accent-a2);
9135
9093
  --v-bg-hover: var(--accent-3);
@@ -9155,9 +9113,6 @@
9155
9113
  color: var(--v-color);
9156
9114
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
9157
9115
  }
9158
- .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
9159
- color: var(--v-color-high-contrast);
9160
- }
9161
9116
  .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
9162
9117
  outline: 2px solid var(--v-focus-color);
9163
9118
  outline-offset: var(--v-focus-offset);
@@ -9232,7 +9187,7 @@
9232
9187
  }
9233
9188
  .rt-BaseButton:where(.rt-variant-classic) {
9234
9189
  position: relative;
9235
- color: var(--accent-a11);
9190
+ color: var(--accent-ink);
9236
9191
  background-color: var(--color-surface-solid);
9237
9192
  -webkit-box-shadow: var(--shadow-2);
9238
9193
  box-shadow: var(--shadow-2);
@@ -9240,9 +9195,6 @@
9240
9195
  .rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
9241
9196
  background-color: var(--color-surface-translucent);
9242
9197
  }
9243
- .rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
9244
- color: var(--gray-12);
9245
- }
9246
9198
  .rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
9247
9199
  outline: 2px solid var(--focus-8);
9248
9200
  outline-offset: 2px;
@@ -9345,8 +9297,8 @@
9345
9297
  }
9346
9298
  .rt-BaseButton:where(.rt-variant-solid) {
9347
9299
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
9348
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
9349
- color: var(--accent-contrast);
9300
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
9301
+ color: var(--accent-solid-contrast);
9350
9302
  }
9351
9303
  .rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
9352
9304
  outline: 2px solid var(--focus-8);
@@ -9354,22 +9306,24 @@
9354
9306
  }
9355
9307
  @media (hover: hover) {
9356
9308
  .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
9357
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
9309
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
9310
+ -webkit-filter: var(--accent-solid-hover-filter);
9311
+ filter: var(--accent-solid-hover-filter);
9358
9312
  -webkit-box-shadow: var(--shadow-2);
9359
9313
  box-shadow: var(--shadow-2);
9360
9314
  }
9361
9315
  }
9362
9316
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
9363
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
9364
- -webkit-filter: var(--base-button-solid-open-filter);
9365
- filter: var(--base-button-solid-open-filter);
9317
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
9318
+ -webkit-filter: var(--accent-solid-open-filter);
9319
+ filter: var(--accent-solid-open-filter);
9366
9320
  }
9367
9321
  .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
9368
- -webkit-filter: var(--base-button-solid-active-filter);
9369
- filter: var(--base-button-solid-active-filter);
9322
+ -webkit-filter: var(--accent-solid-active-filter);
9323
+ filter: var(--accent-solid-active-filter);
9370
9324
  }
9371
9325
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
9372
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
9326
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
9373
9327
  opacity: 0.9;
9374
9328
  }
9375
9329
  @media (pointer: coarse) {
@@ -9378,32 +9332,6 @@
9378
9332
  outline-offset: 0;
9379
9333
  }
9380
9334
  }
9381
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
9382
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
9383
- color: var(--gray-1);
9384
- }
9385
- @media (hover: hover) {
9386
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
9387
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
9388
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
9389
- filter: var(--base-button-solid-high-contrast-hover-filter);
9390
- -webkit-box-shadow: var(--shadow-2);
9391
- box-shadow: var(--shadow-2);
9392
- }
9393
- }
9394
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
9395
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
9396
- -webkit-filter: var(--base-button-solid-high-contrast-open-filter);
9397
- filter: var(--base-button-solid-high-contrast-open-filter);
9398
- }
9399
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
9400
- -webkit-filter: var(--base-button-solid-high-contrast-active-filter);
9401
- filter: var(--base-button-solid-high-contrast-active-filter);
9402
- }
9403
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
9404
- background-color: var(--accent-12);
9405
- opacity: 0.85;
9406
- }
9407
9335
  .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
9408
9336
  color: var(--gray-a8);
9409
9337
  background-color: var(--gray-a3);
@@ -10020,7 +9948,7 @@
10020
9948
  -ms-flex-pack: start;
10021
9949
  justify-content: flex-start;
10022
9950
  text-align: left;
10023
- color: var(--accent-a11);
9951
+ color: var(--accent-ink);
10024
9952
  -webkit-transition: var(--transition-card);
10025
9953
  transition: var(--transition-card);
10026
9954
  border-radius: var(--callout-border-radius);
@@ -10046,9 +9974,6 @@
10046
9974
  backdrop-filter: var(--backdrop-filter-components);
10047
9975
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
10048
9976
  }
10049
- .rt-CalloutRoot:where(.rt-high-contrast) {
10050
- color: var(--accent-12);
10051
- }
10052
9977
  .rt-CalloutRoot:where(:focus-visible) {
10053
9978
  outline: 2px solid var(--accent-8);
10054
9979
  outline-offset: 2px;
@@ -10395,34 +10320,25 @@
10395
10320
  }
10396
10321
  .rt-CalloutRoot:where(.rt-variant-soft) {
10397
10322
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
10398
- color: var(--accent-a11);
10399
- }
10400
- .rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
10401
- color: var(--accent-12);
10323
+ color: var(--accent-ink);
10402
10324
  }
10403
10325
  .rt-CalloutRoot:where(.rt-variant-surface) {
10404
10326
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
10405
10327
  -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));
10406
10328
  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));
10407
- color: var(--accent-a11);
10408
- }
10409
- .rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
10410
- color: var(--accent-12);
10329
+ color: var(--accent-ink);
10411
10330
  }
10412
10331
  .rt-CalloutRoot:where(.rt-variant-outline) {
10413
10332
  -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));
10414
10333
  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));
10415
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
10416
- }
10417
- .rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
10418
- color: var(--accent-12);
10334
+ color: var(--accent-ink);
10419
10335
  }
10420
10336
  .rt-CalloutRoot:where(.rt-variant-classic) {
10421
10337
  --classic-surface: var(--color-surface-solid);
10422
10338
  background-color: var(--classic-surface);
10423
10339
  -webkit-box-shadow: var(--shadow-2);
10424
10340
  box-shadow: var(--shadow-2);
10425
- color: var(--accent-a11);
10341
+ color: var(--accent-ink);
10426
10342
  -webkit-transition: var(--transition-text-field);
10427
10343
  transition: var(--transition-text-field);
10428
10344
  }
@@ -10435,9 +10351,6 @@
10435
10351
  .rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
10436
10352
  --classic-surface: var(--color-surface-translucent);
10437
10353
  }
10438
- .rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
10439
- color: var(--accent-12);
10440
- }
10441
10354
  .rt-BaseCard {
10442
10355
  --material-blend: 100%;
10443
10356
  --material-alpha: 0;
@@ -10814,7 +10727,6 @@
10814
10727
  outline: inherit;
10815
10728
  }
10816
10729
  .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:focus-visible):where(:active:not([data-state='open']))::before {
10817
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
10818
10730
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
10819
10731
  }
10820
10732
  @media (hover: hover) {
@@ -10842,7 +10754,6 @@
10842
10754
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
10843
10755
  }
10844
10756
  .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
10845
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
10846
10757
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
10847
10758
  }
10848
10759
  }
@@ -10987,7 +10898,6 @@
10987
10898
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
10988
10899
  }
10989
10900
  .rt-BaseCard:where(.rt-variant-ghost):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
10990
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
10991
10901
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
10992
10902
  }
10993
10903
  }
@@ -11075,7 +10985,6 @@
11075
10985
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
11076
10986
  }
11077
10987
  .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
11078
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
11079
10988
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
11080
10989
  }
11081
10990
  }
@@ -11084,7 +10993,6 @@
11084
10993
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
11085
10994
  }
11086
10995
  .rt-BaseCard:where(:any-link,button,label):where(:active:not(:focus-visible,[data-state='open']))::before {
11087
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
11088
10996
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
11089
10997
  }
11090
10998
  }
@@ -11099,7 +11007,6 @@
11099
11007
  outline: inherit;
11100
11008
  }
11101
11009
  .rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
11102
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
11103
11010
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
11104
11011
  }
11105
11012
  .rt-BaseCheckboxRoot {
@@ -11269,20 +11176,12 @@
11269
11176
  box-shadow: inset 0 0 0 1px var(--accent-9);
11270
11177
  }
11271
11178
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
11272
- background-color: var(--accent-9);
11273
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
11274
- box-shadow: inset 0 0 0 1px var(--accent-9);
11179
+ background-color: var(--accent-solid);
11180
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
11181
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
11275
11182
  }
11276
11183
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11277
- color: var(--accent-contrast);
11278
- }
11279
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
11280
- background-color: var(--accent-12);
11281
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
11282
- box-shadow: inset 0 0 0 1px var(--accent-12);
11283
- }
11284
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11285
- color: var(--gray-1);
11184
+ color: var(--accent-solid-contrast);
11286
11185
  }
11287
11186
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
11288
11187
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -11297,7 +11196,7 @@
11297
11196
  top: var(--classic-elevation-offset);
11298
11197
  }
11299
11198
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
11300
- color: var(--accent-a11);
11199
+ color: var(--accent-ink);
11301
11200
  background-color: var(--color-surface-solid);
11302
11201
  -webkit-box-shadow: var(--shadow-2);
11303
11202
  box-shadow: var(--shadow-2);
@@ -11324,22 +11223,7 @@
11324
11223
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11325
11224
  }
11326
11225
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11327
- color: var(--accent-a11);
11328
- }
11329
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
11330
- background-color: var(--accent-3);
11331
- }
11332
- :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) {
11333
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11334
- }
11335
- :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']) {
11336
- background-color: var(--accent-3);
11337
- }
11338
- :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']) {
11339
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11340
- }
11341
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11342
- color: var(--accent-12);
11226
+ color: var(--accent-ink);
11343
11227
  }
11344
11228
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
11345
11229
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -11381,10 +11265,7 @@
11381
11265
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11382
11266
  }
11383
11267
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11384
- color: var(--accent-a11);
11385
- }
11386
- .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11387
- color: var(--accent-12);
11268
+ color: var(--accent-ink);
11388
11269
  }
11389
11270
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
11390
11271
  background-color: var(--gray-a3);
@@ -11395,22 +11276,19 @@
11395
11276
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
11396
11277
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
11397
11278
  box-shadow: inset 0 0 0 1px var(--accent-6);
11398
- color: var(--accent-11);
11279
+ color: var(--accent-ink);
11399
11280
  }
11400
11281
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
11401
11282
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
11402
11283
  box-shadow: inset 0 0 0 1px var(--accent-a6);
11403
- color: var(--accent-a11);
11404
11284
  }
11405
11285
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
11406
11286
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
11407
11287
  box-shadow: inset 0 0 0 1px var(--accent-6);
11408
- color: var(--accent-11);
11409
11288
  }
11410
11289
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
11411
11290
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
11412
11291
  box-shadow: inset 0 0 0 1px var(--accent-a6);
11413
- color: var(--accent-a11);
11414
11292
  }
11415
11293
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
11416
11294
  background-color: var(--accent-2);
@@ -11433,10 +11311,7 @@
11433
11311
  box-shadow: inset 0 0 0 1px var(--accent-a7);
11434
11312
  }
11435
11313
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11436
- color: var(--accent-a11);
11437
- }
11438
- .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11439
- color: var(--accent-12);
11314
+ color: var(--accent-ink);
11440
11315
  }
11441
11316
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
11442
11317
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -11487,10 +11362,7 @@
11487
11362
  box-shadow: inset 0 0 0 1px var(--accent-a8);
11488
11363
  }
11489
11364
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11490
- color: var(--accent-a11);
11491
- }
11492
- .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11493
- color: var(--accent-12);
11365
+ color: var(--accent-ink);
11494
11366
  }
11495
11367
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
11496
11368
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -11731,7 +11603,6 @@
11731
11603
  }
11732
11604
  @media (pointer: coarse) {
11733
11605
  .rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
11734
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
11735
11606
  background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
11736
11607
  }
11737
11608
  }
@@ -11740,7 +11611,6 @@
11740
11611
  color: var(--gray-a9);
11741
11612
  }
11742
11613
  .rt-CheckboxCardsItem:where(:has(:disabled))::before {
11743
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
11744
11614
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
11745
11615
  }
11746
11616
  .rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
@@ -12197,35 +12067,35 @@
12197
12067
  --code-variant-font-size-adjust: var(--code-font-size-adjust);
12198
12068
  padding: 0;
12199
12069
  }
12070
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
12071
+ color: var(--gray-ink);
12072
+ }
12073
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
12074
+ color: var(--gray-ink-muted);
12075
+ }
12076
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
12077
+ color: var(--gray-ink-faint);
12078
+ }
12200
12079
  .rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
12201
- color: var(--accent-a11);
12080
+ color: var(--accent-ink);
12202
12081
  }
12203
- .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) {
12204
- color: var(--accent-12);
12082
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
12083
+ color: var(--accent-ink-muted);
12084
+ }
12085
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
12086
+ color: var(--accent-ink-faint);
12205
12087
  }
12206
12088
  .rt-Code:where(.rt-variant-solid) {
12207
- background-color: var(--accent-a9);
12208
- color: var(--accent-contrast);
12089
+ background-color: var(--accent-solid-a);
12090
+ color: var(--accent-solid-contrast);
12209
12091
  }
12210
12092
  .rt-Code:where(.rt-variant-solid)::-moz-selection {
12211
- background-color: var(--accent-7);
12212
- color: var(--accent-12);
12093
+ background-color: var(--accent-solid-selection);
12094
+ color: var(--accent-solid-selection-contrast);
12213
12095
  }
12214
12096
  .rt-Code:where(.rt-variant-solid)::selection {
12215
- background-color: var(--accent-7);
12216
- color: var(--accent-12);
12217
- }
12218
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
12219
- background-color: var(--accent-12);
12220
- color: var(--accent-1);
12221
- }
12222
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
12223
- background-color: var(--accent-a11);
12224
- color: var(--accent-1);
12225
- }
12226
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
12227
- background-color: var(--accent-a11);
12228
- color: var(--accent-1);
12097
+ background-color: var(--accent-solid-selection);
12098
+ color: var(--accent-solid-selection-contrast);
12229
12099
  }
12230
12100
  .rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
12231
12101
  isolation: isolate;
@@ -12235,27 +12105,18 @@
12235
12105
  }
12236
12106
  @media (hover: hover) {
12237
12107
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
12238
- background-color: var(--accent-10);
12108
+ background-color: var(--accent-solid-hover);
12109
+ filter: var(--accent-solid-hover-filter);
12239
12110
  }
12240
12111
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
12241
- background-color: var(--accent-10);
12242
- }
12243
- :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) {
12244
- background-color: var(--accent-12);
12245
- filter: var(--base-button-solid-high-contrast-hover-filter);
12246
- }
12247
- :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) {
12248
- background-color: var(--accent-12);
12249
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
12250
- filter: var(--base-button-solid-high-contrast-hover-filter);
12112
+ background-color: var(--accent-solid-hover);
12113
+ -webkit-filter: var(--accent-solid-hover-filter);
12114
+ filter: var(--accent-solid-hover-filter);
12251
12115
  }
12252
12116
  }
12253
12117
  .rt-Code:where(.rt-variant-soft) {
12254
12118
  background-color: var(--accent-a2);
12255
- color: var(--accent-a11);
12256
- }
12257
- .rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
12258
- color: var(--accent-12);
12119
+ color: var(--accent-ink);
12259
12120
  }
12260
12121
  .rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
12261
12122
  isolation: isolate;
@@ -12274,12 +12135,7 @@
12274
12135
  .rt-Code:where(.rt-variant-outline) {
12275
12136
  -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
12276
12137
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
12277
- color: var(--accent-a11);
12278
- }
12279
- .rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
12280
- -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);
12281
- box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
12282
- color: var(--accent-12);
12138
+ color: var(--accent-ink);
12283
12139
  }
12284
12140
  .rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
12285
12141
  isolation: isolate;
@@ -12295,6 +12151,12 @@
12295
12151
  background-color: var(--accent-a2);
12296
12152
  }
12297
12153
  }
12154
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
12155
+ color: var(--accent-ink-muted);
12156
+ }
12157
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
12158
+ color: var(--accent-ink-faint);
12159
+ }
12298
12160
  .rt-BaseMenuContent {
12299
12161
  --backdrop-filter-components-enabled: none;
12300
12162
  --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
@@ -12320,16 +12182,12 @@
12320
12182
  transition: var(--transition-background-blur);
12321
12183
  contain: paint;
12322
12184
  isolation: isolate;
12323
- }
12324
- .rt-BaseMenuContent:where([data-state='open']) {
12325
- will-change: transform, opacity;
12185
+ --base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
12326
12186
  }
12327
12187
  @media (prefers-reduced-motion: reduce) {
12328
12188
  .rt-BaseMenuContent {
12329
12189
  -webkit-transition: none;
12330
12190
  transition: none;
12331
- will-change: auto;
12332
- backdrop-filter: none;
12333
12191
  }
12334
12192
  }
12335
12193
  .rt-BaseMenuContent:where([data-panel-background='solid']) {
@@ -12356,10 +12214,6 @@
12356
12214
  -webkit-box-sizing: border-box;
12357
12215
  box-sizing: border-box;
12358
12216
  }
12359
- :where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
12360
- -webkit-padding-end: var(--space-3);
12361
- padding-inline-end: var(--space-3);
12362
- }
12363
12217
  .rt-BaseMenuViewport:where(.rt-virtualized) {
12364
12218
  -webkit-padding-end: 0;
12365
12219
  padding-inline-end: 0;
@@ -12396,7 +12250,6 @@
12396
12250
  .rt-BaseMenuItem {
12397
12251
  -webkit-transition: none;
12398
12252
  transition: none;
12399
- backdrop-filter: none;
12400
12253
  }
12401
12254
  }
12402
12255
  .rt-BaseMenuShortcut {
@@ -12459,7 +12312,7 @@
12459
12312
  padding-inline-end: var(--base-menu-item-padding-right);
12460
12313
  -webkit-box-sizing: border-box;
12461
12314
  box-sizing: border-box;
12462
- color: var(--gray-a10);
12315
+ color: var(--gray-a11);
12463
12316
  -webkit-user-select: none;
12464
12317
  -moz-user-select: none;
12465
12318
  -ms-user-select: none;
@@ -12469,18 +12322,17 @@
12469
12322
  :where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
12470
12323
  margin-top: var(--space-2);
12471
12324
  }
12472
- .rt-BaseMenuArrow {
12473
- fill: var(--color-panel);
12474
- }
12475
- :where(.rt-BaseMenuContent[data-panel-background='solid']) .rt-BaseMenuArrow {
12476
- fill: var(--color-panel-solid);
12325
+ .rt-BaseMenuContent:where([dir='rtl']) :where(.rt-BaseMenuSubTriggerIcon) {
12326
+ -webkit-transform: scaleX(-1);
12327
+ transform: scaleX(-1);
12477
12328
  }
12478
- :where(.rt-BaseMenuContent[data-panel-background='translucent']) .rt-BaseMenuArrow {
12479
- fill: var(--color-panel-translucent);
12329
+ .rt-BaseMenuContent:where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12330
+ --base-menu-item-padding-left: var(--base-menu-item-padding-left-plain);
12480
12331
  }
12481
12332
  .rt-BaseMenuContent:where(.rt-r-size-1) {
12482
12333
  --base-menu-content-padding: var(--space-2);
12483
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12334
+ --base-menu-item-padding-left-plain: var(--space-2);
12335
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12484
12336
  --base-menu-item-padding-right: var(--space-2);
12485
12337
  --base-menu-item-padding-y: var(--space-1);
12486
12338
  --base-menu-item-height: var(--space-5);
@@ -12503,22 +12355,17 @@
12503
12355
  font-size: var(--font-size-1);
12504
12356
  line-height: var(--line-height-1);
12505
12357
  letter-spacing: var(--letter-spacing-1);
12506
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
12507
- padding-inline-start: calc(var(--base-menu-item-padding-left));
12358
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12359
+ padding-inline-start: var(--base-menu-item-padding-left);
12508
12360
  }
12509
12361
  .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12510
12362
  width: var(--indicator-icon-size-1);
12511
12363
  height: var(--indicator-icon-size-1);
12512
12364
  }
12513
- .rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12514
- --base-menu-item-padding-left: var(--space-2);
12515
- }
12516
- .rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12517
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12518
- }
12519
12365
  .rt-BaseMenuContent:where(.rt-r-size-2) {
12520
12366
  --base-menu-content-padding: var(--space-3);
12521
- --base-menu-item-padding-left: var(--space-3);
12367
+ --base-menu-item-padding-left-plain: var(--space-3);
12368
+ --base-menu-item-padding-left-indicator: var(--space-5);
12522
12369
  --base-menu-item-padding-right: var(--space-3);
12523
12370
  --base-menu-item-padding-y: var(--space-1);
12524
12371
  --base-menu-item-height: var(--space-6);
@@ -12541,21 +12388,17 @@
12541
12388
  font-size: var(--font-size-2);
12542
12389
  line-height: var(--line-height-2);
12543
12390
  letter-spacing: var(--letter-spacing-2);
12544
- padding-left: calc(var(--base-menu-item-padding-left));
12391
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12392
+ padding-inline-start: var(--base-menu-item-padding-left);
12545
12393
  }
12546
12394
  .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12547
12395
  width: var(--indicator-icon-size-2);
12548
12396
  height: var(--indicator-icon-size-2);
12549
12397
  }
12550
- .rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12551
- --base-menu-item-padding-left: var(--space-3);
12552
- }
12553
- .rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12554
- --base-menu-item-padding-left: var(--space-5);
12555
- }
12556
12398
  .rt-BaseMenuContent:where(.rt-r-size-3) {
12557
12399
  --base-menu-content-padding: var(--space-3);
12558
- --base-menu-item-padding-left: var(--space-3);
12400
+ --base-menu-item-padding-left-plain: var(--space-3);
12401
+ --base-menu-item-padding-left-indicator: var(--space-5);
12559
12402
  --base-menu-item-padding-right: var(--space-3);
12560
12403
  --base-menu-item-padding-y: var(--space-2);
12561
12404
  --base-menu-item-height: var(--space-7);
@@ -12564,36 +12407,32 @@
12564
12407
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
12565
12408
  gap: var(--component-gap-4);
12566
12409
  font-size: var(--font-size-3);
12567
- line-height: var(--line-height-2);
12410
+ line-height: var(--line-height-3);
12568
12411
  letter-spacing: var(--letter-spacing-3);
12569
12412
  border-radius: var(--radius-2);
12570
12413
  }
12571
12414
  :is(.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
12572
- width: var(--content-icon-size-2);
12573
- height: var(--content-icon-size-2);
12415
+ width: var(--content-icon-size-3);
12416
+ height: var(--content-icon-size-3);
12574
12417
  -ms-flex-negative: 0;
12575
12418
  flex-shrink: 0;
12576
12419
  }
12577
12420
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuLabel) {
12578
- font-size: var(--font-size-2);
12579
- line-height: var(--line-height-2);
12580
- letter-spacing: var(--letter-spacing-2);
12581
- padding-left: calc(var(--base-menu-item-padding-left));
12421
+ font-size: var(--font-size-3);
12422
+ line-height: var(--line-height-3);
12423
+ letter-spacing: var(--letter-spacing-3);
12424
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12425
+ padding-inline-start: var(--base-menu-item-padding-left);
12582
12426
  }
12583
12427
  .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12584
- width: var(--indicator-icon-size-2);
12585
- height: var(--indicator-icon-size-2);
12586
- }
12587
- .rt-BaseMenuContent:where(.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12588
- --base-menu-item-padding-left: var(--space-3);
12589
- }
12590
- .rt-BaseMenuContent:where(.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12591
- --base-menu-item-padding-left: var(--space-5);
12428
+ width: var(--indicator-icon-size-3);
12429
+ height: var(--indicator-icon-size-3);
12592
12430
  }
12593
12431
  @media (min-width: 520px) {
12594
12432
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
12595
12433
  --base-menu-content-padding: var(--space-2);
12596
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12434
+ --base-menu-item-padding-left-plain: var(--space-2);
12435
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12597
12436
  --base-menu-item-padding-right: var(--space-2);
12598
12437
  --base-menu-item-padding-y: var(--space-1);
12599
12438
  --base-menu-item-height: var(--space-5);
@@ -12616,22 +12455,17 @@
12616
12455
  font-size: var(--font-size-1);
12617
12456
  line-height: var(--line-height-1);
12618
12457
  letter-spacing: var(--letter-spacing-1);
12619
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
12620
- padding-inline-start: calc(var(--base-menu-item-padding-left));
12458
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12459
+ padding-inline-start: var(--base-menu-item-padding-left);
12621
12460
  }
12622
12461
  .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12623
- width: var(--indicator-icon-size-1);
12624
- height: var(--indicator-icon-size-1);
12625
- }
12626
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12627
- --base-menu-item-padding-left: var(--space-2);
12628
- }
12629
- .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12630
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12462
+ width: var(--indicator-icon-size-1);
12463
+ height: var(--indicator-icon-size-1);
12631
12464
  }
12632
12465
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
12633
12466
  --base-menu-content-padding: var(--space-3);
12634
- --base-menu-item-padding-left: var(--space-3);
12467
+ --base-menu-item-padding-left-plain: var(--space-3);
12468
+ --base-menu-item-padding-left-indicator: var(--space-5);
12635
12469
  --base-menu-item-padding-right: var(--space-3);
12636
12470
  --base-menu-item-padding-y: var(--space-1);
12637
12471
  --base-menu-item-height: var(--space-6);
@@ -12654,21 +12488,17 @@
12654
12488
  font-size: var(--font-size-2);
12655
12489
  line-height: var(--line-height-2);
12656
12490
  letter-spacing: var(--letter-spacing-2);
12657
- padding-left: calc(var(--base-menu-item-padding-left));
12491
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12492
+ padding-inline-start: var(--base-menu-item-padding-left);
12658
12493
  }
12659
12494
  .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12660
12495
  width: var(--indicator-icon-size-2);
12661
12496
  height: var(--indicator-icon-size-2);
12662
12497
  }
12663
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12664
- --base-menu-item-padding-left: var(--space-3);
12665
- }
12666
- .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12667
- --base-menu-item-padding-left: var(--space-5);
12668
- }
12669
12498
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) {
12670
12499
  --base-menu-content-padding: var(--space-3);
12671
- --base-menu-item-padding-left: var(--space-3);
12500
+ --base-menu-item-padding-left-plain: var(--space-3);
12501
+ --base-menu-item-padding-left-indicator: var(--space-5);
12672
12502
  --base-menu-item-padding-right: var(--space-3);
12673
12503
  --base-menu-item-padding-y: var(--space-2);
12674
12504
  --base-menu-item-height: var(--space-7);
@@ -12677,37 +12507,33 @@
12677
12507
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
12678
12508
  gap: var(--component-gap-4);
12679
12509
  font-size: var(--font-size-3);
12680
- line-height: var(--line-height-2);
12510
+ line-height: var(--line-height-3);
12681
12511
  letter-spacing: var(--letter-spacing-3);
12682
12512
  border-radius: var(--radius-2);
12683
12513
  }
12684
12514
  :is(.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
12685
- width: var(--content-icon-size-2);
12686
- height: var(--content-icon-size-2);
12515
+ width: var(--content-icon-size-3);
12516
+ height: var(--content-icon-size-3);
12687
12517
  -ms-flex-negative: 0;
12688
12518
  flex-shrink: 0;
12689
12519
  }
12690
12520
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
12691
- font-size: var(--font-size-2);
12692
- line-height: var(--line-height-2);
12693
- letter-spacing: var(--letter-spacing-2);
12694
- padding-left: calc(var(--base-menu-item-padding-left));
12521
+ font-size: var(--font-size-3);
12522
+ line-height: var(--line-height-3);
12523
+ letter-spacing: var(--letter-spacing-3);
12524
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12525
+ padding-inline-start: var(--base-menu-item-padding-left);
12695
12526
  }
12696
12527
  .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12697
- width: var(--indicator-icon-size-2);
12698
- height: var(--indicator-icon-size-2);
12699
- }
12700
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12701
- --base-menu-item-padding-left: var(--space-3);
12702
- }
12703
- .rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12704
- --base-menu-item-padding-left: var(--space-5);
12528
+ width: var(--indicator-icon-size-3);
12529
+ height: var(--indicator-icon-size-3);
12705
12530
  }
12706
12531
  }
12707
12532
  @media (min-width: 768px) {
12708
12533
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
12709
12534
  --base-menu-content-padding: var(--space-2);
12710
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12535
+ --base-menu-item-padding-left-plain: var(--space-2);
12536
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12711
12537
  --base-menu-item-padding-right: var(--space-2);
12712
12538
  --base-menu-item-padding-y: var(--space-1);
12713
12539
  --base-menu-item-height: var(--space-5);
@@ -12730,22 +12556,17 @@
12730
12556
  font-size: var(--font-size-1);
12731
12557
  line-height: var(--line-height-1);
12732
12558
  letter-spacing: var(--letter-spacing-1);
12733
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
12734
- padding-inline-start: calc(var(--base-menu-item-padding-left));
12559
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12560
+ padding-inline-start: var(--base-menu-item-padding-left);
12735
12561
  }
12736
12562
  .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12737
12563
  width: var(--indicator-icon-size-1);
12738
12564
  height: var(--indicator-icon-size-1);
12739
12565
  }
12740
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12741
- --base-menu-item-padding-left: var(--space-2);
12742
- }
12743
- .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12744
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12745
- }
12746
12566
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
12747
12567
  --base-menu-content-padding: var(--space-3);
12748
- --base-menu-item-padding-left: var(--space-3);
12568
+ --base-menu-item-padding-left-plain: var(--space-3);
12569
+ --base-menu-item-padding-left-indicator: var(--space-5);
12749
12570
  --base-menu-item-padding-right: var(--space-3);
12750
12571
  --base-menu-item-padding-y: var(--space-1);
12751
12572
  --base-menu-item-height: var(--space-6);
@@ -12768,21 +12589,17 @@
12768
12589
  font-size: var(--font-size-2);
12769
12590
  line-height: var(--line-height-2);
12770
12591
  letter-spacing: var(--letter-spacing-2);
12771
- padding-left: calc(var(--base-menu-item-padding-left));
12592
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12593
+ padding-inline-start: var(--base-menu-item-padding-left);
12772
12594
  }
12773
12595
  .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12774
12596
  width: var(--indicator-icon-size-2);
12775
12597
  height: var(--indicator-icon-size-2);
12776
12598
  }
12777
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12778
- --base-menu-item-padding-left: var(--space-3);
12779
- }
12780
- .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12781
- --base-menu-item-padding-left: var(--space-5);
12782
- }
12783
12599
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) {
12784
12600
  --base-menu-content-padding: var(--space-3);
12785
- --base-menu-item-padding-left: var(--space-3);
12601
+ --base-menu-item-padding-left-plain: var(--space-3);
12602
+ --base-menu-item-padding-left-indicator: var(--space-5);
12786
12603
  --base-menu-item-padding-right: var(--space-3);
12787
12604
  --base-menu-item-padding-y: var(--space-2);
12788
12605
  --base-menu-item-height: var(--space-7);
@@ -12791,37 +12608,33 @@
12791
12608
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
12792
12609
  gap: var(--component-gap-4);
12793
12610
  font-size: var(--font-size-3);
12794
- line-height: var(--line-height-2);
12611
+ line-height: var(--line-height-3);
12795
12612
  letter-spacing: var(--letter-spacing-3);
12796
12613
  border-radius: var(--radius-2);
12797
12614
  }
12798
12615
  :is(.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
12799
- width: var(--content-icon-size-2);
12800
- height: var(--content-icon-size-2);
12616
+ width: var(--content-icon-size-3);
12617
+ height: var(--content-icon-size-3);
12801
12618
  -ms-flex-negative: 0;
12802
12619
  flex-shrink: 0;
12803
12620
  }
12804
12621
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
12805
- font-size: var(--font-size-2);
12806
- line-height: var(--line-height-2);
12807
- letter-spacing: var(--letter-spacing-2);
12808
- padding-left: calc(var(--base-menu-item-padding-left));
12622
+ font-size: var(--font-size-3);
12623
+ line-height: var(--line-height-3);
12624
+ letter-spacing: var(--letter-spacing-3);
12625
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12626
+ padding-inline-start: var(--base-menu-item-padding-left);
12809
12627
  }
12810
12628
  .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12811
- width: var(--indicator-icon-size-2);
12812
- height: var(--indicator-icon-size-2);
12813
- }
12814
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12815
- --base-menu-item-padding-left: var(--space-3);
12816
- }
12817
- .rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12818
- --base-menu-item-padding-left: var(--space-5);
12629
+ width: var(--indicator-icon-size-3);
12630
+ height: var(--indicator-icon-size-3);
12819
12631
  }
12820
12632
  }
12821
12633
  @media (min-width: 1024px) {
12822
12634
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) {
12823
12635
  --base-menu-content-padding: var(--space-2);
12824
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12636
+ --base-menu-item-padding-left-plain: var(--space-2);
12637
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12825
12638
  --base-menu-item-padding-right: var(--space-2);
12826
12639
  --base-menu-item-padding-y: var(--space-1);
12827
12640
  --base-menu-item-height: var(--space-5);
@@ -12844,22 +12657,17 @@
12844
12657
  font-size: var(--font-size-1);
12845
12658
  line-height: var(--line-height-1);
12846
12659
  letter-spacing: var(--letter-spacing-1);
12847
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
12848
- padding-inline-start: calc(var(--base-menu-item-padding-left));
12660
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12661
+ padding-inline-start: var(--base-menu-item-padding-left);
12849
12662
  }
12850
12663
  .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12851
12664
  width: var(--indicator-icon-size-1);
12852
12665
  height: var(--indicator-icon-size-1);
12853
12666
  }
12854
- .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12855
- --base-menu-item-padding-left: var(--space-2);
12856
- }
12857
- .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12858
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12859
- }
12860
12667
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
12861
12668
  --base-menu-content-padding: var(--space-3);
12862
- --base-menu-item-padding-left: var(--space-3);
12669
+ --base-menu-item-padding-left-plain: var(--space-3);
12670
+ --base-menu-item-padding-left-indicator: var(--space-5);
12863
12671
  --base-menu-item-padding-right: var(--space-3);
12864
12672
  --base-menu-item-padding-y: var(--space-1);
12865
12673
  --base-menu-item-height: var(--space-6);
@@ -12882,21 +12690,17 @@
12882
12690
  font-size: var(--font-size-2);
12883
12691
  line-height: var(--line-height-2);
12884
12692
  letter-spacing: var(--letter-spacing-2);
12885
- padding-left: calc(var(--base-menu-item-padding-left));
12693
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12694
+ padding-inline-start: var(--base-menu-item-padding-left);
12886
12695
  }
12887
12696
  .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12888
12697
  width: var(--indicator-icon-size-2);
12889
12698
  height: var(--indicator-icon-size-2);
12890
12699
  }
12891
- .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12892
- --base-menu-item-padding-left: var(--space-3);
12893
- }
12894
- .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12895
- --base-menu-item-padding-left: var(--space-5);
12896
- }
12897
12700
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) {
12898
12701
  --base-menu-content-padding: var(--space-3);
12899
- --base-menu-item-padding-left: var(--space-3);
12702
+ --base-menu-item-padding-left-plain: var(--space-3);
12703
+ --base-menu-item-padding-left-indicator: var(--space-5);
12900
12704
  --base-menu-item-padding-right: var(--space-3);
12901
12705
  --base-menu-item-padding-y: var(--space-2);
12902
12706
  --base-menu-item-height: var(--space-7);
@@ -12905,37 +12709,33 @@
12905
12709
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
12906
12710
  gap: var(--component-gap-4);
12907
12711
  font-size: var(--font-size-3);
12908
- line-height: var(--line-height-2);
12712
+ line-height: var(--line-height-3);
12909
12713
  letter-spacing: var(--letter-spacing-3);
12910
12714
  border-radius: var(--radius-2);
12911
12715
  }
12912
12716
  :is(.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
12913
- width: var(--content-icon-size-2);
12914
- height: var(--content-icon-size-2);
12717
+ width: var(--content-icon-size-3);
12718
+ height: var(--content-icon-size-3);
12915
12719
  -ms-flex-negative: 0;
12916
12720
  flex-shrink: 0;
12917
12721
  }
12918
12722
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
12919
- font-size: var(--font-size-2);
12920
- line-height: var(--line-height-2);
12921
- letter-spacing: var(--letter-spacing-2);
12922
- padding-left: calc(var(--base-menu-item-padding-left));
12723
+ font-size: var(--font-size-3);
12724
+ line-height: var(--line-height-3);
12725
+ letter-spacing: var(--letter-spacing-3);
12726
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12727
+ padding-inline-start: var(--base-menu-item-padding-left);
12923
12728
  }
12924
12729
  .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12925
- width: var(--indicator-icon-size-2);
12926
- height: var(--indicator-icon-size-2);
12927
- }
12928
- .rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12929
- --base-menu-item-padding-left: var(--space-3);
12930
- }
12931
- .rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12932
- --base-menu-item-padding-left: var(--space-5);
12730
+ width: var(--indicator-icon-size-3);
12731
+ height: var(--indicator-icon-size-3);
12933
12732
  }
12934
12733
  }
12935
12734
  @media (min-width: 1280px) {
12936
12735
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
12937
12736
  --base-menu-content-padding: var(--space-2);
12938
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12737
+ --base-menu-item-padding-left-plain: var(--space-2);
12738
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
12939
12739
  --base-menu-item-padding-right: var(--space-2);
12940
12740
  --base-menu-item-padding-y: var(--space-1);
12941
12741
  --base-menu-item-height: var(--space-5);
@@ -12958,22 +12758,17 @@
12958
12758
  font-size: var(--font-size-1);
12959
12759
  line-height: var(--line-height-1);
12960
12760
  letter-spacing: var(--letter-spacing-1);
12961
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
12962
- padding-inline-start: calc(var(--base-menu-item-padding-left));
12761
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12762
+ padding-inline-start: var(--base-menu-item-padding-left);
12963
12763
  }
12964
12764
  .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
12965
12765
  width: var(--indicator-icon-size-1);
12966
12766
  height: var(--indicator-icon-size-1);
12967
12767
  }
12968
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
12969
- --base-menu-item-padding-left: var(--space-2);
12970
- }
12971
- .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
12972
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12973
- }
12974
12768
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
12975
12769
  --base-menu-content-padding: var(--space-3);
12976
- --base-menu-item-padding-left: var(--space-3);
12770
+ --base-menu-item-padding-left-plain: var(--space-3);
12771
+ --base-menu-item-padding-left-indicator: var(--space-5);
12977
12772
  --base-menu-item-padding-right: var(--space-3);
12978
12773
  --base-menu-item-padding-y: var(--space-1);
12979
12774
  --base-menu-item-height: var(--space-6);
@@ -12996,21 +12791,17 @@
12996
12791
  font-size: var(--font-size-2);
12997
12792
  line-height: var(--line-height-2);
12998
12793
  letter-spacing: var(--letter-spacing-2);
12999
- padding-left: calc(var(--base-menu-item-padding-left));
12794
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12795
+ padding-inline-start: var(--base-menu-item-padding-left);
13000
12796
  }
13001
12797
  .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
13002
12798
  width: var(--indicator-icon-size-2);
13003
12799
  height: var(--indicator-icon-size-2);
13004
12800
  }
13005
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
13006
- --base-menu-item-padding-left: var(--space-3);
13007
- }
13008
- .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
13009
- --base-menu-item-padding-left: var(--space-5);
13010
- }
13011
12801
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) {
13012
12802
  --base-menu-content-padding: var(--space-3);
13013
- --base-menu-item-padding-left: var(--space-3);
12803
+ --base-menu-item-padding-left-plain: var(--space-3);
12804
+ --base-menu-item-padding-left-indicator: var(--space-5);
13014
12805
  --base-menu-item-padding-right: var(--space-3);
13015
12806
  --base-menu-item-padding-y: var(--space-2);
13016
12807
  --base-menu-item-height: var(--space-7);
@@ -13019,37 +12810,33 @@
13019
12810
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
13020
12811
  gap: var(--component-gap-4);
13021
12812
  font-size: var(--font-size-3);
13022
- line-height: var(--line-height-2);
12813
+ line-height: var(--line-height-3);
13023
12814
  letter-spacing: var(--letter-spacing-3);
13024
12815
  border-radius: var(--radius-2);
13025
12816
  }
13026
12817
  :is(.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
13027
- width: var(--content-icon-size-2);
13028
- height: var(--content-icon-size-2);
12818
+ width: var(--content-icon-size-3);
12819
+ height: var(--content-icon-size-3);
13029
12820
  -ms-flex-negative: 0;
13030
12821
  flex-shrink: 0;
13031
12822
  }
13032
12823
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
13033
- font-size: var(--font-size-2);
13034
- line-height: var(--line-height-2);
13035
- letter-spacing: var(--letter-spacing-2);
13036
- padding-left: calc(var(--base-menu-item-padding-left));
12824
+ font-size: var(--font-size-3);
12825
+ line-height: var(--line-height-3);
12826
+ letter-spacing: var(--letter-spacing-3);
12827
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12828
+ padding-inline-start: var(--base-menu-item-padding-left);
13037
12829
  }
13038
12830
  .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
13039
- width: var(--indicator-icon-size-2);
13040
- height: var(--indicator-icon-size-2);
13041
- }
13042
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
13043
- --base-menu-item-padding-left: var(--space-3);
13044
- }
13045
- .rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
13046
- --base-menu-item-padding-left: var(--space-5);
12831
+ width: var(--indicator-icon-size-3);
12832
+ height: var(--indicator-icon-size-3);
13047
12833
  }
13048
12834
  }
13049
12835
  @media (min-width: 1640px) {
13050
12836
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
13051
12837
  --base-menu-content-padding: var(--space-2);
13052
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
12838
+ --base-menu-item-padding-left-plain: var(--space-2);
12839
+ --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
13053
12840
  --base-menu-item-padding-right: var(--space-2);
13054
12841
  --base-menu-item-padding-y: var(--space-1);
13055
12842
  --base-menu-item-height: var(--space-5);
@@ -13072,22 +12859,17 @@
13072
12859
  font-size: var(--font-size-1);
13073
12860
  line-height: var(--line-height-1);
13074
12861
  letter-spacing: var(--letter-spacing-1);
13075
- -webkit-padding-start: calc(var(--base-menu-item-padding-left));
13076
- padding-inline-start: calc(var(--base-menu-item-padding-left));
12862
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12863
+ padding-inline-start: var(--base-menu-item-padding-left);
13077
12864
  }
13078
12865
  .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
13079
12866
  width: var(--indicator-icon-size-1);
13080
12867
  height: var(--indicator-icon-size-1);
13081
12868
  }
13082
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
13083
- --base-menu-item-padding-left: var(--space-2);
13084
- }
13085
- .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
13086
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
13087
- }
13088
12869
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
13089
12870
  --base-menu-content-padding: var(--space-3);
13090
- --base-menu-item-padding-left: var(--space-3);
12871
+ --base-menu-item-padding-left-plain: var(--space-3);
12872
+ --base-menu-item-padding-left-indicator: var(--space-5);
13091
12873
  --base-menu-item-padding-right: var(--space-3);
13092
12874
  --base-menu-item-padding-y: var(--space-1);
13093
12875
  --base-menu-item-height: var(--space-6);
@@ -13110,21 +12892,17 @@
13110
12892
  font-size: var(--font-size-2);
13111
12893
  line-height: var(--line-height-2);
13112
12894
  letter-spacing: var(--letter-spacing-2);
13113
- padding-left: calc(var(--base-menu-item-padding-left));
12895
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12896
+ padding-inline-start: var(--base-menu-item-padding-left);
13114
12897
  }
13115
12898
  .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
13116
12899
  width: var(--indicator-icon-size-2);
13117
12900
  height: var(--indicator-icon-size-2);
13118
12901
  }
13119
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
13120
- --base-menu-item-padding-left: var(--space-3);
13121
- }
13122
- .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
13123
- --base-menu-item-padding-left: var(--space-5);
13124
- }
13125
12902
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) {
13126
12903
  --base-menu-content-padding: var(--space-3);
13127
- --base-menu-item-padding-left: var(--space-3);
12904
+ --base-menu-item-padding-left-plain: var(--space-3);
12905
+ --base-menu-item-padding-left-indicator: var(--space-5);
13128
12906
  --base-menu-item-padding-right: var(--space-3);
13129
12907
  --base-menu-item-padding-y: var(--space-2);
13130
12908
  --base-menu-item-height: var(--space-7);
@@ -13133,85 +12911,53 @@
13133
12911
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
13134
12912
  gap: var(--component-gap-4);
13135
12913
  font-size: var(--font-size-3);
13136
- line-height: var(--line-height-2);
12914
+ line-height: var(--line-height-3);
13137
12915
  letter-spacing: var(--letter-spacing-3);
13138
12916
  border-radius: var(--radius-2);
13139
12917
  }
13140
12918
  :is(.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
13141
- width: var(--content-icon-size-2);
13142
- height: var(--content-icon-size-2);
12919
+ width: var(--content-icon-size-3);
12920
+ height: var(--content-icon-size-3);
13143
12921
  -ms-flex-negative: 0;
13144
12922
  flex-shrink: 0;
13145
12923
  }
13146
12924
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
13147
- font-size: var(--font-size-2);
13148
- line-height: var(--line-height-2);
13149
- letter-spacing: var(--letter-spacing-2);
13150
- padding-left: calc(var(--base-menu-item-padding-left));
12925
+ font-size: var(--font-size-3);
12926
+ line-height: var(--line-height-3);
12927
+ letter-spacing: var(--letter-spacing-3);
12928
+ -webkit-padding-start: var(--base-menu-item-padding-left);
12929
+ padding-inline-start: var(--base-menu-item-padding-left);
13151
12930
  }
13152
12931
  .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
13153
- width: var(--indicator-icon-size-2);
13154
- height: var(--indicator-icon-size-2);
13155
- }
13156
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
13157
- --base-menu-item-padding-left: var(--space-3);
13158
- }
13159
- .rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
13160
- --base-menu-item-padding-left: var(--space-5);
12932
+ width: var(--indicator-icon-size-3);
12933
+ height: var(--indicator-icon-size-3);
13161
12934
  }
13162
12935
  }
13163
12936
  .rt-BaseMenuItem:where([data-accent-color]) {
13164
- color: var(--accent-a11);
12937
+ color: var(--accent-ink);
13165
12938
  }
13166
12939
  .rt-BaseMenuItem:where([data-disabled]) {
13167
12940
  color: var(--gray-a8);
13168
12941
  cursor: default;
13169
12942
  }
13170
- .rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
13171
- color: var(--gray-a10);
12943
+ .rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
12944
+ color: var(--gray-a8);
13172
12945
  }
13173
12946
  :is(.rt-BaseMenuItem:where([data-disabled],[data-highlighted]),.rt-BaseMenuSubTrigger:where([data-state='open'])) :where(.rt-BaseMenuShortcut) {
13174
12947
  color: inherit;
13175
12948
  }
13176
- .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
13177
- -webkit-transition: var(--transition-menu);
13178
- transition: var(--transition-menu);
13179
- }
13180
- @media (prefers-reduced-motion: reduce) {
13181
- .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
13182
- -webkit-transition: none;
13183
- transition: none;
13184
- backdrop-filter: none;
13185
- }
13186
- }
13187
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
13188
- -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
13189
- transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
13190
- }
13191
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuItem)) {
13192
- -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
13193
- transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
13194
- }
13195
12949
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
13196
12950
  background-color: var(--gray-3);
13197
12951
  }
13198
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
13199
- background-color: var(--gray-a3);
13200
- }
13201
- :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
13202
- background-color: var(--gray-3);
13203
- backdrop-filter: none;
13204
- --backdrop-filter-components: none;
13205
- }
13206
- :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
12952
+ .rt-BaseMenuContent:where(.rt-variant-solid):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
13207
12953
  background-color: var(--gray-a3);
13208
12954
  }
13209
12955
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
13210
- background-color: var(--accent-9);
13211
- color: var(--accent-contrast);
12956
+ background-color: var(--accent-solid);
12957
+ color: var(--accent-solid-contrast);
13212
12958
  }
13213
12959
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
13214
- color: var(--accent-contrast);
12960
+ color: var(--accent-solid-contrast);
13215
12961
  }
13216
12962
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
13217
12963
  color: inherit !important;
@@ -13219,59 +12965,24 @@
13219
12965
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
13220
12966
  color: inherit !important;
13221
12967
  }
13222
- .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
13223
- background-color: var(--accent-12);
13224
- color: var(--accent-1);
13225
- }
13226
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
13227
- color: var(--accent-1);
13228
- }
13229
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
13230
- color: inherit !important;
13231
- }
13232
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
13233
- color: inherit !important;
13234
- }
13235
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
13236
- background-color: var(--accent-9);
13237
- color: var(--accent-contrast);
13238
- }
13239
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
13240
- color: inherit !important;
13241
- }
13242
- :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)) {
13243
- color: inherit !important;
13244
- }
13245
12968
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
13246
12969
  background-color: var(--accent-3);
13247
12970
  }
13248
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
13249
- background-color: var(--accent-a3);
13250
- }
13251
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
13252
- background-color: var(--accent-3);
13253
- backdrop-filter: none;
13254
- --backdrop-filter-components: none;
13255
- }
13256
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
12971
+ .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
13257
12972
  background-color: var(--accent-a3);
13258
12973
  }
13259
12974
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
13260
12975
  background-color: var(--accent-4);
13261
12976
  }
13262
- :where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) {
13263
- background-color: var(--accent-a4);
13264
- }
13265
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
13266
- background-color: var(--accent-4);
13267
- backdrop-filter: none;
13268
- --backdrop-filter-components: none;
12977
+ :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'])) {
12978
+ color: var(--gray-11) !important;
13269
12979
  }
13270
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='translucent']) {
12980
+ .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
13271
12981
  background-color: var(--accent-a4);
13272
12982
  }
13273
- :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)) {
13274
- color: var(--gray-11) !important;
12983
+ .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]:focus-visible) {
12984
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
12985
+ box-shadow: inset 0 0 0 1px var(--accent-a8);
13275
12986
  }
13276
12987
  @media (forced-colors: active) {
13277
12988
  .rt-BaseMenuItem:where(:focus-visible) {
@@ -13303,16 +13014,22 @@
13303
13014
  display: -webkit-box;
13304
13015
  display: -ms-flexbox;
13305
13016
  display: flex;
13306
- color: var(--gray-a11);
13017
+ color: var(--gray-ink-muted);
13307
13018
  }
13308
- .rt-DataListLabel:where(.rt-high-contrast) {
13309
- color: var(--gray-12);
13019
+ .rt-DataListLabel:where(.rt-emphasis-loud) {
13020
+ color: var(--gray-ink);
13021
+ }
13022
+ .rt-DataListLabel:where(.rt-emphasis-quiet) {
13023
+ color: var(--gray-ink-faint);
13310
13024
  }
13311
13025
  .rt-DataListLabel:where([data-accent-color]) {
13312
- color: var(--accent-a11);
13026
+ color: var(--accent-ink);
13313
13027
  }
13314
- .rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
13315
- color: var(--accent-12);
13028
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
13029
+ color: var(--accent-ink-muted);
13030
+ }
13031
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
13032
+ color: var(--accent-ink-faint);
13316
13033
  }
13317
13034
  .rt-DataListValue {
13318
13035
  display: -webkit-box;
@@ -14128,112 +13845,53 @@
14128
13845
  .rt-DropdownMenuDrillDownRoot {
14129
13846
  display: contents;
14130
13847
  }
14131
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > * {
14132
- display: none !important;
14133
- }
14134
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) :where(.rt-DropdownMenuDrillDownPanel) {
14135
- display: contents !important;
14136
- }
14137
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) {
14138
- display: contents !important;
14139
- }
14140
- .rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
14141
- display: none !important;
14142
- }
14143
- .rt-DropdownMenuDrillDownPanel {
14144
- display: contents;
14145
- }
14146
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > * {
14147
- display: none !important;
14148
- }
14149
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) :where(.rt-DropdownMenuDrillDownPanel) {
14150
- display: contents !important;
14151
- }
14152
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) {
14153
- display: contents !important;
14154
- }
14155
- .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
14156
- display: none !important;
14157
- }
14158
- .rt-DropdownMenuDrillDownBackItem {
13848
+ .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])),
13849
+ .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active]) {
14159
13850
  display: -webkit-box;
14160
13851
  display: -ms-flexbox;
14161
13852
  display: flex;
14162
- -webkit-box-align: center;
14163
- -ms-flex-align: center;
14164
- align-items: center;
14165
- gap: var(--space-2);
14166
- min-height: var(--base-menu-item-height);
14167
- padding-top: var(--base-menu-item-padding-y);
14168
- padding-bottom: var(--base-menu-item-padding-y);
14169
- -webkit-padding-start: var(--base-menu-item-padding-left);
14170
- padding-inline-start: var(--base-menu-item-padding-left);
14171
- -webkit-padding-end: var(--base-menu-item-padding-right);
14172
- padding-inline-end: var(--base-menu-item-padding-right);
14173
- -webkit-box-sizing: border-box;
14174
- box-sizing: border-box;
14175
- outline: none;
14176
- cursor: var(--cursor-menu-item);
14177
- -webkit-user-select: none;
14178
- -moz-user-select: none;
14179
- -ms-user-select: none;
14180
- user-select: none;
14181
- -webkit-transition: var(--transition-menu);
14182
- transition: var(--transition-menu);
14183
- font-weight: 500;
14184
- }
14185
- .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
14186
- outline: 2px solid var(--focus-8);
14187
- outline-offset: -2px;
14188
- }
14189
- @media (prefers-reduced-motion: reduce) {
14190
- .rt-DropdownMenuDrillDownBackItem {
14191
- -webkit-transition: none;
14192
- transition: none;
14193
- }
14194
- }
14195
- .rt-DropdownMenuDrillDownBackIcon {
14196
- width: var(--indicator-icon-size-2);
14197
- height: var(--indicator-icon-size-2);
14198
- -ms-flex-negative: 0;
14199
- flex-shrink: 0;
14200
- color: var(--gray-12);
14201
- }
14202
- .rt-DropdownMenuDrillDownBackLabel {
14203
- color: var(--gray-12);
13853
+ -webkit-box-orient: vertical;
13854
+ -webkit-box-direction: normal;
13855
+ -ms-flex-direction: column;
13856
+ flex-direction: column;
14204
13857
  }
14205
- .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) {
14206
- background-color: var(--accent-9);
14207
- color: var(--accent-contrast);
13858
+ .rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) {
13859
+ display: contents;
14208
13860
  }
14209
- :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) {
14210
- color: var(--accent-contrast);
13861
+ :is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(:not(.rt-DropdownMenuDrillDownPanel,.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup)) {
13862
+ display: none;
14211
13863
  }
14212
- .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) {
14213
- background-color: var(--accent-4);
13864
+ :is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup) {
13865
+ display: contents;
14214
13866
  }
14215
- :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) {
14216
- background-color: var(--accent-a4);
13867
+ .rt-DropdownMenuDrillDownBackItem {
13868
+ font-weight: var(--font-weight-medium);
14217
13869
  }
14218
- @media (forced-colors: active) {
14219
- .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
14220
- outline: 2px solid Highlight;
14221
- outline-offset: 2px;
14222
- }
13870
+ .rt-DropdownMenuDrillDownBackIcon {
13871
+ -webkit-margin-start: calc(-2px * var(--scaling));
13872
+ margin-inline-start: calc(-2px * var(--scaling));
13873
+ -webkit-margin-end: 0;
13874
+ margin-inline-end: 0;
14223
13875
  }
14224
13876
  @media (prefers-reduced-motion: no-preference) {
14225
- .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
13877
+ .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
14226
13878
  -webkit-animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
14227
13879
  animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
14228
13880
  }
14229
- .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
14230
- -webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
14231
- animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
14232
- }
14233
- .rt-DropdownMenuDrillDownRoot:where(:not([data-drill-down-active])[data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
13881
+ .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
13882
+ .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
14234
13883
  -webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
14235
13884
  animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
14236
13885
  }
13886
+ :where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
13887
+ -webkit-animation-name: rt-drill-down-enter-from-left;
13888
+ animation-name: rt-drill-down-enter-from-left;
13889
+ }
13890
+ :where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
13891
+ :where([dir='rtl']) .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
13892
+ -webkit-animation-name: rt-drill-down-enter-from-right;
13893
+ animation-name: rt-drill-down-enter-from-right;
13894
+ }
14237
13895
  }
14238
13896
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot {
14239
13897
  backdrop-filter: var(--backdrop-filter-components);
@@ -14942,7 +14600,6 @@
14942
14600
  box-shadow: inset 0 0 0 1px var(--focus-a5);
14943
14601
  }
14944
14602
  .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
14945
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
14946
14603
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
14947
14604
  -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
14948
14605
  box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -14952,7 +14609,6 @@
14952
14609
  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
14953
14610
  }
14954
14611
  .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
14955
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
14956
14612
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
14957
14613
  -webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
14958
14614
  box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
@@ -15022,7 +14678,6 @@
15022
14678
  box-shadow: var(--shadow-2);
15023
14679
  }
15024
14680
  .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
15025
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
15026
14681
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
15027
14682
  -webkit-box-shadow: var(--shadow-2);
15028
14683
  box-shadow: var(--shadow-2);
@@ -15031,7 +14686,6 @@
15031
14686
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
15032
14687
  }
15033
14688
  .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
15034
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
15035
14689
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
15036
14690
  }
15037
14691
  .rt-TextFieldRoot:where(.rt-variant-soft) {
@@ -15443,15 +15097,12 @@
15443
15097
  }
15444
15098
  }
15445
15099
  .rt-ComboboxContent {
15446
- padding: 0 !important;
15100
+ --combobox-list-max-height: calc(300px * var(--scaling));
15101
+ min-width: var(--radix-popover-trigger-width);
15447
15102
  max-height: var(--radix-popover-content-available-height);
15448
- display: -webkit-box;
15449
- display: -ms-flexbox;
15450
- display: flex;
15451
- -webkit-box-orient: vertical;
15452
- -webkit-box-direction: normal;
15453
- -ms-flex-direction: column;
15454
- flex-direction: column;
15103
+ -webkit-transform-origin: var(--radix-popover-content-transform-origin);
15104
+ transform-origin: var(--radix-popover-content-transform-origin);
15105
+ outline: 0;
15455
15106
  }
15456
15107
  .rt-ComboboxContent:where([data-state='closed']) {
15457
15108
  visibility: hidden;
@@ -15470,9 +15121,14 @@
15470
15121
  -ms-flex: 1;
15471
15122
  flex: 1;
15472
15123
  min-height: 0;
15124
+ outline: 0;
15473
15125
  }
15474
15126
  .rt-ComboboxViewport {
15475
- padding-top: 0 !important;
15127
+ padding-top: 0;
15128
+ overflow: visible;
15129
+ }
15130
+ :where(.rt-ComboboxCommand:not(:has(.rt-ComboboxSearch))) .rt-ComboboxViewport {
15131
+ padding-top: var(--base-menu-content-padding);
15476
15132
  }
15477
15133
  .rt-ComboboxScrollArea {
15478
15134
  -webkit-box-flex: 1;
@@ -15480,97 +15136,49 @@
15480
15136
  flex: 1;
15481
15137
  min-height: 0;
15482
15138
  overflow: auto;
15483
- max-height: 300px;
15139
+ -ms-scroll-chaining: none;
15140
+ overscroll-behavior: contain;
15141
+ max-height: var(--combobox-list-max-height);
15142
+ scrollbar-width: thin;
15143
+ scrollbar-color: var(--gray-a8) transparent;
15484
15144
  }
15485
- .rt-ComboboxItem:where([data-disabled="false"]) {
15145
+ .rt-ComboboxList {
15146
+ outline: 0;
15147
+ }
15148
+ .rt-ComboboxItem:where([data-disabled='false']) {
15486
15149
  color: inherit;
15487
15150
  cursor: var(--cursor-menu-item);
15488
15151
  }
15489
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem) {
15490
- --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
15491
- }
15492
- .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxLabel) {
15152
+ .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
15493
15153
  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
15494
15154
  }
15495
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxItem),
15496
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxItem) {
15497
- --base-menu-item-padding-left: var(--space-5);
15498
- }
15499
- .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxLabel),
15500
- .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxLabel) {
15155
+ .rt-BaseMenuContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
15501
15156
  --base-menu-item-padding-left: var(--space-5);
15502
15157
  }
15503
15158
  .rt-ComboboxSearch {
15504
- position: sticky;
15505
- top: 0;
15506
- z-index: 1;
15507
15159
  padding: var(--base-menu-content-padding);
15508
- background-color: var(--color-panel);
15509
- }
15510
- :where([data-panel-background='translucent']) .rt-ComboboxSearch {
15511
- background-color: var(--color-panel-translucent);
15512
15160
  }
15513
15161
  .rt-ComboboxSearch :where(.rt-ComboboxInputRoot) {
15514
15162
  width: 100%;
15515
15163
  }
15516
- .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
15517
- cursor: var(--cursor-menu-item);
15518
- }
15519
- :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
15520
- background-color: var(--accent-9);
15521
- color: var(--accent-contrast);
15522
- }
15523
- :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
15524
- color: var(--accent-contrast) !important;
15525
- }
15526
- :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
15527
- background-color: var(--accent-4);
15528
- }
15529
- :where([data-panel-background='translucent'] .rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
15530
- background-color: var(--accent-a4);
15531
- }
15532
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
15533
- background-color: var(--accent-12);
15534
- color: var(--accent-1);
15535
- }
15536
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
15537
- color: var(--accent-1) !important;
15538
- }
15539
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
15540
- background-color: var(--accent-9);
15541
- color: var(--accent-contrast);
15542
- }
15543
- :where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
15544
- color: var(--accent-contrast) !important;
15545
- }
15546
15164
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
15547
- background-color: var(--accent-9);
15548
- color: var(--accent-contrast);
15165
+ background-color: var(--accent-solid);
15166
+ color: var(--accent-solid-contrast);
15549
15167
  }
15550
- .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) * {
15551
- color: var(--accent-contrast) !important;
15168
+ :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
15169
+ color: inherit;
15552
15170
  }
15553
15171
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
15554
15172
  background-color: var(--accent-4);
15555
15173
  }
15556
- :where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
15174
+ .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent'])
15175
+ :where(.rt-ComboboxItem[data-selected='true']) {
15557
15176
  background-color: var(--accent-a4);
15558
15177
  }
15559
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
15560
- background-color: var(--accent-12);
15561
- color: var(--accent-1);
15562
- }
15563
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) * {
15564
- color: var(--accent-1) !important;
15565
- }
15566
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) {
15567
- background-color: var(--accent-9);
15568
- color: var(--accent-contrast);
15569
- }
15570
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) * {
15571
- color: var(--accent-contrast) !important;
15178
+ :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'])) {
15179
+ color: var(--gray-11);
15572
15180
  }
15573
- .rt-ComboboxItem:where([data-disabled="true"], [data-disabled=""]) {
15181
+ .rt-ComboboxItem:where([data-disabled='true']) {
15574
15182
  color: var(--gray-a8);
15575
15183
  cursor: default;
15576
15184
  pointer-events: none;
@@ -15581,6 +15189,12 @@
15581
15189
  color: var(--gray-a11);
15582
15190
  font-size: var(--font-size-2);
15583
15191
  }
15192
+ @media (forced-colors: active) {
15193
+ .rt-ComboboxItem:where([data-selected='true']) {
15194
+ outline: 2px solid Highlight;
15195
+ outline-offset: -2px;
15196
+ }
15197
+ }
15584
15198
  .rt-Em {
15585
15199
  -webkit-box-sizing: border-box;
15586
15200
  box-sizing: border-box;
@@ -15615,11 +15229,23 @@
15615
15229
  :where(.rt-Heading) {
15616
15230
  margin: 0;
15617
15231
  }
15232
+ .rt-Heading:where(.rt-emphasis-loud) {
15233
+ color: var(--gray-ink);
15234
+ }
15235
+ .rt-Heading:where(.rt-emphasis-medium) {
15236
+ color: var(--gray-ink-muted);
15237
+ }
15238
+ .rt-Heading:where(.rt-emphasis-quiet) {
15239
+ color: var(--gray-ink-faint);
15240
+ }
15618
15241
  .rt-Heading:where([data-accent-color]) {
15619
- color: var(--accent-a11);
15242
+ color: var(--accent-ink);
15620
15243
  }
15621
- .rt-Heading:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
15622
- color: var(--accent-12);
15244
+ .rt-Heading:where([data-accent-color].rt-emphasis-medium) {
15245
+ color: var(--accent-ink-muted);
15246
+ }
15247
+ .rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
15248
+ color: var(--accent-ink-faint);
15623
15249
  }
15624
15250
  .rt-Heading:where(.rt-r-size-0) {
15625
15251
  font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
@@ -17573,8 +17199,8 @@
17573
17199
  .rt-Link:where(:disabled,[data-disabled]) {
17574
17200
  cursor: var(--cursor-disabled);
17575
17201
  }
17576
- :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
17577
- color: var(--accent-12);
17202
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
17203
+ color: var(--accent-ink);
17578
17204
  }
17579
17205
  @supports (color: color-mix(in oklab, white, black)) {
17580
17206
  .rt-Link:where(:-moz-any-link,button) {
@@ -17602,19 +17228,19 @@
17602
17228
  text-decoration-line: underline;
17603
17229
  }
17604
17230
  }
17605
- .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='']) {
17231
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17606
17232
  text-decoration-line: underline;
17607
17233
  text-decoration-color: var(--accent-a6);
17608
17234
  }
17609
- .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='']) {
17235
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17610
17236
  text-decoration-line: underline;
17611
17237
  text-decoration-color: var(--accent-a6);
17612
17238
  }
17613
17239
  @supports (color: color-mix(in oklab, white, black)) {
17614
- .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='']) {
17240
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17615
17241
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
17616
17242
  }
17617
- .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='']) {
17243
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17618
17244
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
17619
17245
  }
17620
17246
  }
@@ -18301,7 +17927,7 @@
18301
17927
  box-shadow: inset 0 0 0 1px var(--gray-a6);
18302
17928
  }
18303
17929
  .rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
18304
- background-color: var(--accent-9);
17930
+ background-color: var(--accent-solid);
18305
17931
  }
18306
17932
  .rt-ProgressRoot:where(.rt-variant-soft) {
18307
17933
  background-color: var(--gray-3);
@@ -18316,7 +17942,7 @@
18316
17942
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
18317
17943
  }
18318
17944
  .rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
18319
- background-color: var(--accent-9);
17945
+ background-color: var(--accent-solid);
18320
17946
  }
18321
17947
  .rt-ProgressRoot:where(.rt-variant-outline) {
18322
17948
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -18335,10 +17961,7 @@
18335
17961
  box-shadow: inset 0 0 0 1px var(--gray-a6);
18336
17962
  }
18337
17963
  .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
18338
- background-color: var(--accent-9);
18339
- }
18340
- .rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
18341
- background-color: var(--accent-12);
17964
+ background-color: var(--accent-solid);
18342
17965
  }
18343
17966
  .rt-Quote {
18344
17967
  -webkit-box-sizing: border-box;
@@ -18487,20 +18110,12 @@
18487
18110
  box-shadow: inset 0 0 0 1px var(--accent-9);
18488
18111
  }
18489
18112
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
18490
- background-color: var(--accent-9);
18491
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
18492
- box-shadow: inset 0 0 0 1px var(--accent-9);
18113
+ background-color: var(--accent-solid);
18114
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
18115
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
18493
18116
  }
18494
18117
  .rt-BaseRadioRoot:where(.rt-variant-solid)::after {
18495
- background-color: var(--accent-contrast);
18496
- }
18497
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
18498
- background-color: var(--accent-12);
18499
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
18500
- box-shadow: inset 0 0 0 1px var(--accent-12);
18501
- }
18502
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
18503
- background-color: var(--gray-1);
18118
+ background-color: var(--accent-solid-contrast);
18504
18119
  }
18505
18120
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
18506
18121
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -18515,7 +18130,7 @@
18515
18130
  top: var(--classic-elevation-offset);
18516
18131
  }
18517
18132
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
18518
- color: var(--accent-a11);
18133
+ color: var(--accent-ink);
18519
18134
  background-color: var(--color-surface-solid);
18520
18135
  -webkit-box-shadow: var(--shadow-2);
18521
18136
  box-shadow: var(--shadow-2);
@@ -18542,10 +18157,7 @@
18542
18157
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
18543
18158
  }
18544
18159
  .rt-BaseRadioRoot:where(.rt-variant-classic)::after {
18545
- background-color: var(--accent-a11);
18546
- }
18547
- .rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
18548
- color: var(--accent-12);
18160
+ background-color: var(--accent-ink);
18549
18161
  }
18550
18162
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
18551
18163
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -18587,10 +18199,7 @@
18587
18199
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
18588
18200
  }
18589
18201
  .rt-BaseRadioRoot:where(.rt-variant-soft)::after {
18590
- background-color: var(--accent-a11);
18591
- }
18592
- .rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
18593
- background-color: var(--accent-12);
18202
+ background-color: var(--accent-ink);
18594
18203
  }
18595
18204
  .rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
18596
18205
  outline-color: var(--accent-a8);
@@ -18604,22 +18213,19 @@
18604
18213
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
18605
18214
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
18606
18215
  box-shadow: inset 0 0 0 1px var(--accent-6);
18607
- color: var(--accent-11);
18216
+ color: var(--accent-ink);
18608
18217
  }
18609
18218
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
18610
18219
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
18611
18220
  box-shadow: inset 0 0 0 1px var(--accent-a6);
18612
- color: var(--accent-a11);
18613
18221
  }
18614
18222
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
18615
18223
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
18616
18224
  box-shadow: inset 0 0 0 1px var(--accent-6);
18617
- color: var(--accent-11);
18618
18225
  }
18619
18226
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
18620
18227
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
18621
18228
  box-shadow: inset 0 0 0 1px var(--accent-a6);
18622
- color: var(--accent-a11);
18623
18229
  }
18624
18230
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
18625
18231
  background-color: var(--accent-2);
@@ -18642,10 +18248,7 @@
18642
18248
  box-shadow: inset 0 0 0 1px var(--accent-a7);
18643
18249
  }
18644
18250
  .rt-BaseRadioRoot:where(.rt-variant-outline)::after {
18645
- background-color: var(--accent-a11);
18646
- }
18647
- .rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
18648
- background-color: var(--accent-12);
18251
+ background-color: var(--accent-ink);
18649
18252
  }
18650
18253
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
18651
18254
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -18696,10 +18299,7 @@
18696
18299
  box-shadow: inset 0 0 0 1px var(--accent-a8);
18697
18300
  }
18698
18301
  .rt-BaseRadioRoot:where(.rt-variant-surface)::after {
18699
- background-color: var(--accent-a11);
18700
- }
18701
- .rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
18702
- background-color: var(--accent-12);
18302
+ background-color: var(--accent-ink);
18703
18303
  }
18704
18304
  .rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
18705
18305
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -18897,12 +18497,9 @@
18897
18497
  .rt-RadioCardsItem:where([data-state='checked']) {
18898
18498
  -webkit-transition: var(--transition-fast);
18899
18499
  transition: var(--transition-fast);
18900
- outline: var(--focus-outline-width) solid var(--accent-indicator);
18500
+ outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
18901
18501
  outline-offset: -1px;
18902
18502
  }
18903
- :where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
18904
- outline-color: var(--accent-12);
18905
- }
18906
18503
  .rt-RadioCardsItem:where(:focus-visible) {
18907
18504
  -webkit-transition: var(--transition-focus);
18908
18505
  transition: var(--transition-focus);
@@ -18910,7 +18507,6 @@
18910
18507
  outline-offset: -1px;
18911
18508
  }
18912
18509
  .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
18913
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a3)), to(var(--focus-a3)));
18914
18510
  background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
18915
18511
  }
18916
18512
  .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
@@ -18923,7 +18519,6 @@
18923
18519
  background-color: var(--gray-a5);
18924
18520
  }
18925
18521
  .rt-RadioCardsItem:where(:disabled)::before {
18926
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
18927
18522
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
18928
18523
  }
18929
18524
  .rt-RadioCardsItem:where(:disabled) {
@@ -19244,7 +18839,6 @@
19244
18839
  user-select: none;
19245
18840
  -ms-touch-action: none;
19246
18841
  touch-action: none;
19247
- background-color: var(--gray-a3);
19248
18842
  border-radius: var(--scrollarea-scrollbar-border-radius);
19249
18843
  -webkit-animation-duration: var(--motion-duration-micro);
19250
18844
  animation-duration: var(--motion-duration-micro);
@@ -19275,7 +18869,7 @@
19275
18869
  }
19276
18870
  .rt-ScrollAreaThumb {
19277
18871
  position: relative;
19278
- background-color: var(--gray-a8);
18872
+ background-color: var(--gray-a6);
19279
18873
  border-radius: inherit;
19280
18874
  -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
19281
18875
  transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
@@ -19384,7 +18978,7 @@
19384
18978
  }
19385
18979
  @media (hover: hover) {
19386
18980
  .rt-ScrollAreaThumb:where(:hover) {
19387
- background-color: var(--gray-a9);
18981
+ background-color: var(--gray-a8);
19388
18982
  }
19389
18983
  }
19390
18984
  .rt-SegmentedControlRoot:where(:has([data-icon-only])) {
@@ -20479,9 +20073,6 @@
20479
20073
  backdrop-filter: var(--backdrop-filter-components);
20480
20074
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
20481
20075
  }
20482
- .rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
20483
- color: var(--accent-12);
20484
- }
20485
20076
  .rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
20486
20077
  font-weight: var(--font-weight-medium);
20487
20078
  }
@@ -20617,7 +20208,7 @@
20617
20208
  height: var(--select-trigger-height);
20618
20209
  padding: 0 var(--select-trigger-ghost-padding-x);
20619
20210
  background-color: transparent;
20620
- color: var(--accent-a11);
20211
+ color: var(--accent-ink);
20621
20212
  }
20622
20213
  .rt-SelectTrigger:where(.rt-r-size-1) {
20623
20214
  --select-trigger-height: var(--space-5);
@@ -21326,17 +20917,13 @@
21326
20917
  .rt-SelectTrigger:where(.rt-variant-classic) {
21327
20918
  position: relative;
21328
20919
  top: var(--classic-elevation-offset);
21329
- color: var(--accent-a11);
20920
+ color: var(--accent-ink);
21330
20921
  background-color: var(--color-surface);
21331
20922
  -webkit-box-shadow: var(--shadow-2);
21332
20923
  box-shadow: var(--shadow-2);
21333
20924
  -webkit-transition: var(--transition-text-field);
21334
20925
  transition: var(--transition-text-field);
21335
20926
  }
21336
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
21337
- color: var(--accent-12);
21338
- background-color: var(--color-surface);
21339
- }
21340
20927
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
21341
20928
  background-color: var(--color-surface);
21342
20929
  }
@@ -21346,15 +20933,6 @@
21346
20933
  .rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
21347
20934
  background-color: var(--color-surface);
21348
20935
  }
21349
- :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
21350
- background-color: var(--color-surface);
21351
- }
21352
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
21353
- background-color: var(--color-surface);
21354
- }
21355
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
21356
- background-color: var(--color-surface);
21357
- }
21358
20936
  .rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
21359
20937
  outline: 2px solid var(--focus-8);
21360
20938
  outline-offset: 2px;
@@ -21414,10 +20992,7 @@
21414
20992
  }
21415
20993
  .rt-SelectTrigger:where(.rt-variant-soft) {
21416
20994
  background-color: var(--accent-3);
21417
- color: var(--accent-a11);
21418
- }
21419
- .rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
21420
- color: var(--accent-12);
20995
+ color: var(--accent-ink);
21421
20996
  }
21422
20997
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
21423
20998
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -21481,9 +21056,6 @@
21481
21056
  opacity: 0.6;
21482
21057
  font-weight: var(--font-weight-regular);
21483
21058
  }
21484
- .rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
21485
- color: var(--accent-12);
21486
- }
21487
21059
  .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
21488
21060
  color: var(--gray-a10);
21489
21061
  font-weight: var(--font-weight-regular);
@@ -21539,28 +21111,21 @@
21539
21111
  .rt-SelectTrigger:where(.rt-variant-outline) {
21540
21112
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
21541
21113
  box-shadow: inset 0 0 0 1px var(--accent-6);
21542
- color: var(--accent-11);
21114
+ color: var(--accent-ink);
21543
21115
  -webkit-transition: var(--transition-background-blur);
21544
21116
  transition: var(--transition-background-blur);
21545
21117
  }
21546
- .rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
21547
- color: var(--accent-12);
21548
- color: var(--accent-12);
21549
- }
21550
21118
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
21551
21119
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
21552
21120
  box-shadow: inset 0 0 0 1px var(--accent-a6);
21553
- color: var(--accent-a11);
21554
21121
  }
21555
21122
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
21556
21123
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
21557
21124
  box-shadow: inset 0 0 0 1px var(--accent-6);
21558
- color: var(--accent-11);
21559
21125
  }
21560
21126
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
21561
21127
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
21562
21128
  box-shadow: inset 0 0 0 1px var(--accent-a6);
21563
- color: var(--accent-a11);
21564
21129
  }
21565
21130
  @media (hover: hover) {
21566
21131
  .rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
@@ -21644,11 +21209,7 @@
21644
21209
  background-color: var(--accent-2);
21645
21210
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
21646
21211
  box-shadow: inset 0 0 0 1px var(--accent-6);
21647
- color: var(--accent-a11);
21648
- }
21649
- .rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
21650
- color: var(--accent-12);
21651
- color: var(--accent-12);
21212
+ color: var(--accent-ink);
21652
21213
  }
21653
21214
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
21654
21215
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -21822,18 +21383,18 @@
21822
21383
  }
21823
21384
  }
21824
21385
  .rt-SelectItem:where([data-accent-color]) {
21825
- color: var(--accent-a11);
21386
+ color: var(--accent-ink);
21826
21387
  }
21827
21388
  .rt-SelectItem:where([data-disabled]) {
21828
21389
  color: var(--gray-a8);
21829
21390
  cursor: default;
21830
21391
  }
21831
- .rt-SelectItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
21392
+ .rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
21832
21393
  color: var(--gray-a10);
21833
21394
  }
21834
21395
  .rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
21835
- background-color: var(--accent-9);
21836
- color: var(--accent-contrast);
21396
+ background-color: var(--accent-solid);
21397
+ color: var(--accent-solid-contrast);
21837
21398
  }
21838
21399
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
21839
21400
  color: inherit !important;
@@ -21841,30 +21402,10 @@
21841
21402
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
21842
21403
  color: inherit !important;
21843
21404
  }
21844
- .rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
21845
- background-color: var(--accent-12);
21846
- color: var(--accent-1);
21847
- }
21848
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
21849
- color: inherit !important;
21850
- }
21851
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
21852
- color: inherit !important;
21853
- }
21854
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
21855
- background-color: var(--accent-9);
21856
- color: var(--accent-contrast);
21857
- }
21858
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
21859
- color: inherit !important;
21860
- }
21861
- :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']) {
21862
- color: inherit !important;
21863
- }
21864
21405
  .rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
21865
21406
  background-color: var(--accent-a4);
21866
21407
  }
21867
- :is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']) {
21408
+ :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'])) {
21868
21409
  color: var(--gray-11) !important;
21869
21410
  }
21870
21411
  .rt-Separator {
@@ -22225,9 +21766,9 @@
22225
21766
  outline-offset: 2px;
22226
21767
  }
22227
21768
  .rt-SidebarMenuButton:where([data-accent-color]) {
22228
- color: var(--accent-a11);
21769
+ color: var(--accent-ink);
22229
21770
  }
22230
- .rt-SidebarMenuButton :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
21771
+ .rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
22231
21772
  color: var(--gray-a10);
22232
21773
  }
22233
21774
  .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
@@ -22637,11 +22178,11 @@
22637
22178
  line-height: var(--line-height-0);
22638
22179
  }
22639
22180
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
22640
- color: var(--accent-11);
22181
+ color: var(--accent-ink);
22641
22182
  font-weight: var(--font-weight-medium);
22642
22183
  }
22643
22184
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
22644
- color: var(--accent-11);
22185
+ color: var(--accent-ink);
22645
22186
  }
22646
22187
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
22647
22188
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
@@ -22660,20 +22201,12 @@
22660
22201
  background-color: var(--accent-a3);
22661
22202
  }
22662
22203
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22663
- background-color: var(--accent-9);
22664
- color: var(--accent-contrast);
22204
+ background-color: var(--accent-solid);
22205
+ color: var(--accent-solid-contrast);
22665
22206
  }
22666
22207
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22667
- background-color: var(--accent-9);
22668
- color: var(--accent-contrast);
22669
- }
22670
- :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) {
22671
- background-color: var(--accent-12);
22672
- color: var(--accent-1);
22673
- }
22674
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22675
- background-color: var(--accent-12);
22676
- color: var(--accent-1);
22208
+ background-color: var(--accent-solid);
22209
+ color: var(--accent-solid-contrast);
22677
22210
  }
22678
22211
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
22679
22212
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
@@ -23785,11 +23318,11 @@
23785
23318
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
23786
23319
  }
23787
23320
  :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])) {
23788
- background-color: var(--accent-9);
23789
- color: var(--accent-contrast);
23321
+ background-color: var(--accent-solid);
23322
+ color: var(--accent-solid-contrast);
23790
23323
  }
23791
23324
  :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) {
23792
- color: var(--accent-contrast);
23325
+ color: var(--accent-solid-contrast);
23793
23326
  }
23794
23327
  :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) {
23795
23328
  color: inherit !important;
@@ -23798,12 +23331,12 @@
23798
23331
  color: inherit !important;
23799
23332
  }
23800
23333
  :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) {
23801
- color: var(--accent-contrast) !important;
23802
- background-color: var(--accent-12) !important;
23334
+ color: var(--accent-solid-badge-contrast) !important;
23335
+ background-color: var(--accent-solid-badge) !important;
23803
23336
  }
23804
23337
  :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]) {
23805
- background-color: var(--accent-9);
23806
- color: var(--accent-contrast);
23338
+ background-color: var(--accent-solid);
23339
+ color: var(--accent-solid-contrast);
23807
23340
  font-weight: var(--font-weight-medium);
23808
23341
  }
23809
23342
  :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) {
@@ -23813,68 +23346,8 @@
23813
23346
  color: inherit !important;
23814
23347
  }
23815
23348
  :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) {
23816
- color: var(--accent-contrast) !important;
23817
- background-color: var(--accent-12) !important;
23818
- }
23819
- :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])) {
23820
- background-color: var(--accent-12);
23821
- color: var(--accent-1);
23822
- }
23823
- :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) {
23824
- color: var(--accent-1);
23825
- }
23826
- :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) {
23827
- color: inherit !important;
23828
- }
23829
- :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)) {
23830
- color: inherit !important;
23831
- }
23832
- :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) {
23833
- color: var(--accent-1) !important;
23834
- background-color: var(--accent-9) !important;
23835
- }
23836
- :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]) {
23837
- background-color: var(--accent-9);
23838
- color: var(--accent-contrast);
23839
- }
23840
- :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) {
23841
- color: inherit !important;
23842
- }
23843
- :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)) {
23844
- color: inherit !important;
23845
- }
23846
- :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) {
23847
- color: var(--accent-contrast) !important;
23848
- background-color: var(--accent-12) !important;
23849
- }
23850
- :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]) {
23851
- background-color: var(--accent-12);
23852
- color: var(--accent-1);
23853
- font-weight: var(--font-weight-medium);
23854
- }
23855
- :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) {
23856
- color: inherit !important;
23857
- }
23858
- :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)) {
23859
- color: inherit !important;
23860
- }
23861
- :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) {
23862
- color: var(--accent-1) !important;
23863
- background-color: var(--accent-9) !important;
23864
- }
23865
- :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]) {
23866
- background-color: var(--accent-9);
23867
- color: var(--accent-contrast);
23868
- }
23869
- :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) {
23870
- color: inherit !important;
23871
- }
23872
- :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)) {
23873
- color: inherit !important;
23874
- }
23875
- :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) {
23876
- color: var(--accent-contrast) !important;
23877
- background-color: var(--accent-12) !important;
23349
+ color: var(--accent-solid-badge-contrast) !important;
23350
+ background-color: var(--accent-solid-badge) !important;
23878
23351
  }
23879
23352
  :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) {
23880
23353
  -webkit-transition: var(--transition-menu);
@@ -23922,7 +23395,7 @@
23922
23395
  :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']) {
23923
23396
  background-color: var(--accent-a4);
23924
23397
  }
23925
- :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)) {
23398
+ :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'])) {
23926
23399
  color: var(--gray-11) !important;
23927
23400
  }
23928
23401
  :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]) {
@@ -23944,7 +23417,7 @@
23944
23417
  background-color: var(--accent-a3);
23945
23418
  color: var(--accent-a12);
23946
23419
  }
23947
- :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)) {
23420
+ :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'])) {
23948
23421
  color: var(--gray-11) !important;
23949
23422
  }
23950
23423
  .rt-SidebarSearch {
@@ -24055,8 +23528,8 @@
24055
23528
  background-color: var(--accent-a4);
24056
23529
  }
24057
23530
  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
24058
- background-color: var(--accent-9);
24059
- color: var(--accent-contrast);
23531
+ background-color: var(--accent-solid);
23532
+ color: var(--accent-solid-contrast);
24060
23533
  }
24061
23534
  .rt-SidebarSearchPopover {
24062
23535
  display: -webkit-box;
@@ -24881,14 +24354,14 @@
24881
24354
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
24882
24355
  }
24883
24356
  .rt-SliderRoot:where([data-orientation='horizontal']) {
24884
- width: -webkit-fill-available;
24885
24357
  width: -moz-available;
24358
+ width: -webkit-fill-available;
24886
24359
  width: stretch;
24887
24360
  height: var(--slider-track-size);
24888
24361
  }
24889
24362
  .rt-SliderRoot:where([data-orientation='vertical']) {
24890
- height: -webkit-fill-available;
24891
24363
  height: -moz-available;
24364
+ height: -webkit-fill-available;
24892
24365
  height: stretch;
24893
24366
  -webkit-box-orient: vertical;
24894
24367
  -webkit-box-direction: normal;
@@ -24941,7 +24414,7 @@
24941
24414
  content: '';
24942
24415
  position: absolute;
24943
24416
  inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
24944
- background-color: white;
24417
+ background-color: var(--accent-solid-thumb);
24945
24418
  border-radius: var(--slider-thumb-radius);
24946
24419
  -webkit-box-shadow: var(--shadow-2);
24947
24420
  box-shadow: var(--shadow-2);
@@ -25157,10 +24630,7 @@
25157
24630
  box-shadow: inset 0 0 0 1px var(--gray-5);
25158
24631
  }
25159
24632
  .rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
25160
- background-color: var(--accent-9);
25161
- }
25162
- .rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
25163
- background-color: var(--accent-12);
24633
+ background-color: var(--accent-solid);
25164
24634
  }
25165
24635
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
25166
24636
  background-color: var(--gray-3);
@@ -25175,10 +24645,7 @@
25175
24645
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
25176
24646
  }
25177
24647
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
25178
- background-color: var(--accent-9);
25179
- }
25180
- .rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
25181
- background-color: var(--accent-12);
24648
+ background-color: var(--accent-solid);
25182
24649
  }
25183
24650
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
25184
24651
  --slider-thumb-box-shadow: var(--shadow-3);
@@ -25200,17 +24667,11 @@
25200
24667
  box-shadow: inset 0 0 0 1px var(--gray-a6);
25201
24668
  }
25202
24669
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
25203
- background-color: var(--accent-9);
25204
- }
25205
- .rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
25206
- background-color: var(--accent-12);
24670
+ background-color: var(--accent-solid);
25207
24671
  }
25208
24672
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
25209
24673
  --slider-thumb-box-shadow: var(--shadow-3);
25210
24674
  }
25211
- .rt-SliderRoot:where(:not(.rt-high-contrast)) {
25212
- --slider-range-high-contrast-background-image: none;
25213
- }
25214
24675
  .rt-SliderRoot:where([data-disabled]) {
25215
24676
  cursor: var(--cursor-disabled);
25216
24677
  }
@@ -25548,6 +25009,7 @@
25548
25009
  transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
25549
25010
  }
25550
25011
  .rt-SwitchThumb:where([data-state='checked']) {
25012
+ background-color: var(--accent-solid-thumb);
25551
25013
  -webkit-transform: translateX(var(--switch-thumb-translate-x));
25552
25014
  transform: translateX(var(--switch-thumb-translate-x));
25553
25015
  }
@@ -25654,12 +25116,7 @@
25654
25116
  box-shadow: inset 0 0 0 1px var(--gray-a6);
25655
25117
  }
25656
25118
  .rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
25657
- background-color: var(--accent-9);
25658
- -webkit-box-shadow: none;
25659
- box-shadow: none;
25660
- }
25661
- .rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
25662
- background-color: var(--accent-12);
25119
+ background-color: var(--accent-solid);
25663
25120
  -webkit-box-shadow: none;
25664
25121
  box-shadow: none;
25665
25122
  }
@@ -25676,10 +25133,7 @@
25676
25133
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
25677
25134
  }
25678
25135
  .rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
25679
- background-color: var(--accent-9);
25680
- }
25681
- .rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
25682
- background-color: var(--accent-12);
25136
+ background-color: var(--accent-solid);
25683
25137
  }
25684
25138
  .rt-SwitchRoot:where(.rt-variant-outline)::before {
25685
25139
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -25698,12 +25152,7 @@
25698
25152
  box-shadow: inset 0 0 0 1px var(--gray-a6);
25699
25153
  }
25700
25154
  .rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
25701
- background-color: var(--accent-9);
25702
- -webkit-box-shadow: none;
25703
- box-shadow: none;
25704
- }
25705
- .rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
25706
- background-color: var(--accent-12);
25155
+ background-color: var(--accent-solid);
25707
25156
  -webkit-box-shadow: none;
25708
25157
  box-shadow: none;
25709
25158
  }
@@ -26078,7 +25527,7 @@
26078
25527
  bottom: 0;
26079
25528
  left: 0;
26080
25529
  right: 0;
26081
- background-color: var(--accent-indicator);
25530
+ background-color: var(--accent-solid-indicator);
26082
25531
  -webkit-transform-origin: center;
26083
25532
  transform-origin: center;
26084
25533
  -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);
@@ -26086,9 +25535,6 @@
26086
25535
  transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
26087
25536
  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);
26088
25537
  }
26089
- :is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
26090
- background-color: var(--accent-12);
26091
- }
26092
25538
  @media (forced-colors: active) {
26093
25539
  .rt-BaseTabListTrigger:where([data-state='active'])::before,
26094
25540
  .rt-TabNavLink:where([data-active])::before {
@@ -26874,7 +26320,6 @@
26874
26320
  box-shadow: inset 0 0 0 1px var(--focus-a5);
26875
26321
  }
26876
26322
  .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))) {
26877
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
26878
26323
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
26879
26324
  -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
26880
26325
  box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -26885,7 +26330,6 @@
26885
26330
  }
26886
26331
  .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
26887
26332
  background-color: var(--gray-a2);
26888
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
26889
26333
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
26890
26334
  }
26891
26335
  .rt-TextAreaRoot:where(.rt-variant-outline, .rt-variant-surface) {
@@ -27004,7 +26448,6 @@
27004
26448
  box-shadow: var(--shadow-2);
27005
26449
  }
27006
26450
  .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
27007
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
27008
26451
  background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
27009
26452
  -webkit-box-shadow: var(--shadow-2);
27010
26453
  box-shadow: var(--shadow-2);
@@ -27013,7 +26456,6 @@
27013
26456
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
27014
26457
  }
27015
26458
  .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
27016
- background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
27017
26459
  background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
27018
26460
  }
27019
26461
  .rt-TextAreaInput:where(:disabled,:-moz-read-only) {
@@ -27428,6 +26870,9 @@
27428
26870
  width: 100%;
27429
26871
  min-width: 0;
27430
26872
  }
26873
+ .rt-ChatbarRoot {
26874
+ --chatbar-attachment-thumb: var(--space-8);
26875
+ }
27431
26876
  .rt-ChatbarRoot:where([data-material='solid'],[data-panel-background='solid']) {
27432
26877
  --material-blend: 100%;
27433
26878
  --material-alpha: 0;
@@ -27450,13 +26895,19 @@
27450
26895
  font: inherit;
27451
26896
  line-height: inherit;
27452
26897
  text-align: start;
27453
- -webkit-transition: height 150ms ease-out;
27454
- transition: height 150ms ease-out;
26898
+ -webkit-transition: height var(--motion-duration-small) ease-out;
26899
+ transition: height var(--motion-duration-small) ease-out;
27455
26900
  }
27456
26901
  .rt-ChatbarInput:focus,
27457
26902
  .rt-ChatbarInput:focus-visible {
27458
26903
  outline: none;
27459
26904
  }
26905
+ .rt-ChatbarInput::-moz-selection {
26906
+ background-color: var(--v-selection-color, var(--focus-a5));
26907
+ }
26908
+ .rt-ChatbarInput::selection {
26909
+ background-color: var(--v-selection-color, var(--focus-a5));
26910
+ }
27460
26911
  .rt-ChatbarBox :where(.rt-ChatbarGrid) {
27461
26912
  display: -webkit-box;
27462
26913
  display: -ms-flexbox;
@@ -27496,6 +26947,10 @@
27496
26947
  -webkit-transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
27497
26948
  transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
27498
26949
  }
26950
+ .rt-ChatbarSend[aria-hidden='true'] {
26951
+ opacity: 0;
26952
+ pointer-events: none;
26953
+ }
27499
26954
  .rt-ChatbarRoot:where([data-state='closed']) :where(.rt-ChatbarRow) {
27500
26955
  display: none;
27501
26956
  }
@@ -27509,8 +26964,8 @@
27509
26964
  .rt-ChatbarScrollArea {
27510
26965
  border-radius: var(--chatbar-attachments-radius);
27511
26966
  }
27512
- .rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar) {
27513
- display: none;
26967
+ .rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar[data-orientation='horizontal']) {
26968
+ --scrollarea-scrollbar-size: 3px;
27514
26969
  }
27515
26970
  .rt-ChatbarAttachmentPreview {
27516
26971
  height: var(--chatbar-attachment-thumb);
@@ -27623,7 +27078,7 @@
27623
27078
  transition: var(--transition-text-field);
27624
27079
  isolation: isolate;
27625
27080
  }
27626
- .rt-ChatbarRoot:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
27081
+ :where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
27627
27082
  backdrop-filter: var(--backdrop-filter-components);
27628
27083
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
27629
27084
  }
@@ -27636,8 +27091,6 @@
27636
27091
  padding: var(--space-3);
27637
27092
  }
27638
27093
  .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
27639
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
27640
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
27641
27094
  font-size: var(--font-size-1);
27642
27095
  line-height: var(--line-height-1);
27643
27096
  letter-spacing: var(--letter-spacing-1);
@@ -27647,8 +27100,6 @@
27647
27100
  padding: var(--space-4);
27648
27101
  }
27649
27102
  .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
27650
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
27651
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
27652
27103
  font-size: var(--font-size-2);
27653
27104
  line-height: var(--line-height-2);
27654
27105
  letter-spacing: var(--letter-spacing-2);
@@ -27658,8 +27109,6 @@
27658
27109
  padding: var(--space-4);
27659
27110
  }
27660
27111
  .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
27661
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
27662
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
27663
27112
  font-size: var(--font-size-3);
27664
27113
  line-height: var(--line-height-3);
27665
27114
  letter-spacing: var(--letter-spacing-3);
@@ -27670,8 +27119,6 @@
27670
27119
  padding: var(--space-3);
27671
27120
  }
27672
27121
  .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
27673
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
27674
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
27675
27122
  font-size: var(--font-size-1);
27676
27123
  line-height: var(--line-height-1);
27677
27124
  letter-spacing: var(--letter-spacing-1);
@@ -27681,8 +27128,6 @@
27681
27128
  padding: var(--space-4);
27682
27129
  }
27683
27130
  .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
27684
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
27685
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
27686
27131
  font-size: var(--font-size-2);
27687
27132
  line-height: var(--line-height-2);
27688
27133
  letter-spacing: var(--letter-spacing-2);
@@ -27692,8 +27137,6 @@
27692
27137
  padding: var(--space-4);
27693
27138
  }
27694
27139
  .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
27695
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
27696
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
27697
27140
  font-size: var(--font-size-3);
27698
27141
  line-height: var(--line-height-3);
27699
27142
  letter-spacing: var(--letter-spacing-3);
@@ -27705,8 +27148,6 @@
27705
27148
  padding: var(--space-3);
27706
27149
  }
27707
27150
  .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
27708
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
27709
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
27710
27151
  font-size: var(--font-size-1);
27711
27152
  line-height: var(--line-height-1);
27712
27153
  letter-spacing: var(--letter-spacing-1);
@@ -27716,8 +27157,6 @@
27716
27157
  padding: var(--space-4);
27717
27158
  }
27718
27159
  .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
27719
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
27720
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
27721
27160
  font-size: var(--font-size-2);
27722
27161
  line-height: var(--line-height-2);
27723
27162
  letter-spacing: var(--letter-spacing-2);
@@ -27727,8 +27166,6 @@
27727
27166
  padding: var(--space-4);
27728
27167
  }
27729
27168
  .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
27730
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
27731
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
27732
27169
  font-size: var(--font-size-3);
27733
27170
  line-height: var(--line-height-3);
27734
27171
  letter-spacing: var(--letter-spacing-3);
@@ -27740,8 +27177,6 @@
27740
27177
  padding: var(--space-3);
27741
27178
  }
27742
27179
  .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
27743
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
27744
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
27745
27180
  font-size: var(--font-size-1);
27746
27181
  line-height: var(--line-height-1);
27747
27182
  letter-spacing: var(--letter-spacing-1);
@@ -27751,8 +27186,6 @@
27751
27186
  padding: var(--space-4);
27752
27187
  }
27753
27188
  .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
27754
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
27755
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
27756
27189
  font-size: var(--font-size-2);
27757
27190
  line-height: var(--line-height-2);
27758
27191
  letter-spacing: var(--letter-spacing-2);
@@ -27762,8 +27195,6 @@
27762
27195
  padding: var(--space-4);
27763
27196
  }
27764
27197
  .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
27765
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
27766
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
27767
27198
  font-size: var(--font-size-3);
27768
27199
  line-height: var(--line-height-3);
27769
27200
  letter-spacing: var(--letter-spacing-3);
@@ -27775,8 +27206,6 @@
27775
27206
  padding: var(--space-3);
27776
27207
  }
27777
27208
  .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
27778
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
27779
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
27780
27209
  font-size: var(--font-size-1);
27781
27210
  line-height: var(--line-height-1);
27782
27211
  letter-spacing: var(--letter-spacing-1);
@@ -27786,8 +27215,6 @@
27786
27215
  padding: var(--space-4);
27787
27216
  }
27788
27217
  .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
27789
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
27790
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
27791
27218
  font-size: var(--font-size-2);
27792
27219
  line-height: var(--line-height-2);
27793
27220
  letter-spacing: var(--letter-spacing-2);
@@ -27797,8 +27224,6 @@
27797
27224
  padding: var(--space-4);
27798
27225
  }
27799
27226
  .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
27800
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
27801
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
27802
27227
  font-size: var(--font-size-3);
27803
27228
  line-height: var(--line-height-3);
27804
27229
  letter-spacing: var(--letter-spacing-3);
@@ -27810,8 +27235,6 @@
27810
27235
  padding: var(--space-3);
27811
27236
  }
27812
27237
  .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
27813
- --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
27814
- --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
27815
27238
  font-size: var(--font-size-1);
27816
27239
  line-height: var(--line-height-1);
27817
27240
  letter-spacing: var(--letter-spacing-1);
@@ -27821,8 +27244,6 @@
27821
27244
  padding: var(--space-4);
27822
27245
  }
27823
27246
  .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
27824
- --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
27825
- --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
27826
27247
  font-size: var(--font-size-2);
27827
27248
  line-height: var(--line-height-2);
27828
27249
  letter-spacing: var(--letter-spacing-2);
@@ -27832,8 +27253,6 @@
27832
27253
  padding: var(--space-4);
27833
27254
  }
27834
27255
  .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
27835
- --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
27836
- --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
27837
27256
  font-size: var(--font-size-3);
27838
27257
  line-height: var(--line-height-3);
27839
27258
  letter-spacing: var(--letter-spacing-3);
@@ -28001,8 +27420,6 @@
28001
27420
  --v-border-hover-a: var(--accent-a7);
28002
27421
  --v-border-focus: var(--accent-8);
28003
27422
  --v-border-focus-a: var(--accent-a8);
28004
- -webkit-transition: var(--transition-background-blur);
28005
- transition: var(--transition-background-blur);
28006
27423
  }
28007
27424
  .rt-ChatbarBox:where(.rt-variant-surface) {
28008
27425
  --text-area-border-width: 1px;
@@ -28025,16 +27442,20 @@
28025
27442
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
28026
27443
  }
28027
27444
  @media (hover: hover) {
28028
- .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
27445
+ .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]) *)) {
28029
27446
  background-color: color-mix(in srgb, var(--v-bg-hover-a) calc(var(--material-alpha) * 100%), var(--v-bg-hover) var(--material-blend));
28030
27447
  }
28031
27448
  }
27449
+ .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-within) {
27450
+ outline: 2px solid var(--v-focus-color, var(--focus-8));
27451
+ outline-offset: -1px;
27452
+ }
28032
27453
  .rt-ChatbarBox:where(.rt-variant-outline, .rt-variant-surface) {
28033
27454
  -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));
28034
27455
  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));
28035
27456
  }
28036
27457
  @media (hover: hover) {
28037
- .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
27458
+ .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
28038
27459
  -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));
28039
27460
  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));
28040
27461
  }
@@ -28059,24 +27480,65 @@
28059
27480
  -webkit-transition: var(--transition-text-field);
28060
27481
  transition: var(--transition-text-field);
28061
27482
  }
28062
- .rt-ChatbarRoot:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
27483
+ :where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
28063
27484
  background-color: var(--color-surface-translucent);
28064
27485
  }
27486
+ :where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
27487
+ background-color: var(--color-surface-solid);
27488
+ }
28065
27489
  @media (hover: hover) {
28066
- .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)) {
27490
+ .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
28067
27491
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
28068
27492
  -webkit-box-shadow: var(--shadow-3);
28069
27493
  box-shadow: var(--shadow-3);
28070
27494
  }
28071
27495
  }
28072
27496
  .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
28073
- -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
28074
- box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
27497
+ -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
27498
+ box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
28075
27499
  }
28076
- .rt-ChatbarRoot {
28077
- -webkit-transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
28078
- transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
28079
- --chatbar-attachment-thumb: var(--space-8);
27500
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox {
27501
+ --v-selection-color: var(--gray-a5);
27502
+ --v-focus-color: var(--gray-8);
27503
+ }
27504
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface) {
27505
+ background-color: var(--gray-a2);
27506
+ }
27507
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-soft) {
27508
+ background-color: var(--gray-a3);
27509
+ }
27510
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface) {
27511
+ -webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
27512
+ box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
27513
+ }
27514
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
27515
+ background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
27516
+ }
27517
+ .rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {
27518
+ color: var(--gray-a11);
27519
+ -webkit-text-fill-color: var(--gray-a11);
27520
+ }
27521
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-webkit-input-placeholder {
27522
+ opacity: 0.5;
27523
+ }
27524
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-moz-placeholder {
27525
+ opacity: 0.5;
27526
+ }
27527
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput):-ms-input-placeholder {
27528
+ opacity: 0.5;
27529
+ }
27530
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-ms-input-placeholder {
27531
+ opacity: 0.5;
27532
+ }
27533
+ :is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::placeholder {
27534
+ opacity: 0.5;
27535
+ }
27536
+ .rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarBox,.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarInput {
27537
+ cursor: not-allowed;
27538
+ }
27539
+ .rt-ChatbarRoot:where([data-drop-active]) .rt-ChatbarBox {
27540
+ outline: 2px dashed var(--accent-8);
27541
+ outline-offset: -1px;
28080
27542
  }
28081
27543
  .rt-ChatbarDropOverlay {
28082
27544
  position: absolute;
@@ -28111,11 +27573,18 @@
28111
27573
  -ms-flex-align: center;
28112
27574
  align-items: center;
28113
27575
  gap: var(--space-2);
28114
- color: var(--accent-11);
28115
27576
  }
28116
- .rt-ChatbarDropIcon {
28117
- width: var(--space-6);
28118
- height: var(--space-6);
27577
+ @media (prefers-reduced-motion: reduce) {
27578
+ .rt-ChatbarInput,
27579
+ .rt-ChatbarBox,
27580
+ .rt-ChatbarSend {
27581
+ -webkit-transition: none;
27582
+ transition: none;
27583
+ }
27584
+ .rt-ChatbarDropOverlay {
27585
+ -webkit-animation: none;
27586
+ animation: none;
27587
+ }
28119
27588
  }
28120
27589
  .rt-ChatbarInlineStart,
28121
27590
  .rt-ChatbarInlineEnd {