@slotted/react 0.1.0-beta.10 → 0.1.0-beta.12

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 (329) hide show
  1. package/dist/action-bar-z2DPc1Wy.js +285 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/action-sheet-BnedGewu.js +360 -0
  4. package/dist/action-sheet.js +1 -1
  5. package/dist/{alert-BTcqbG8w.js → alert-BTAXJ69M.js} +5 -5
  6. package/dist/alert.js +1 -1
  7. package/dist/{app-shell-BlkqQrOx.js → app-shell-Cb_kDBeV.js} +232 -173
  8. package/dist/app-shell.js +1 -1
  9. package/dist/{attachment-zlOPJvIm.js → attachment-D1O4qS8H.js} +28 -28
  10. package/dist/attachment.js +1 -1
  11. package/dist/{breadcrumb-DCGynpkb.js → breadcrumb-CnFjxxI2.js} +10 -10
  12. package/dist/breadcrumb.js +1 -1
  13. package/dist/{button-BCVjdzkn.js → button-D31perSu.js} +2 -2
  14. package/dist/button.js +2 -2
  15. package/dist/{calendar-qGUJ-kAy.js → calendar-DZyC1gAT.js} +8 -8
  16. package/dist/calendar.js +1 -1
  17. package/dist/{carousel-CjRTu8m7.js → carousel-Dso3gcYd.js} +14 -14
  18. package/dist/carousel.js +1 -1
  19. package/dist/cascader-BbajBwsX.js +1157 -0
  20. package/dist/cascader.js +1 -1
  21. package/dist/{chart-CPFq3jIE.js → chart-Bb6ctahn.js} +9 -9
  22. package/dist/chart.js +1 -1
  23. package/dist/{checkbox-CMY2KIih.js → checkbox-C_8GVtjD.js} +3 -3
  24. package/dist/{checkbox-group-DzMtLF7f.js → checkbox-group-DXCcusol.js} +2 -2
  25. package/dist/checkbox-group.js +1 -1
  26. package/dist/checkbox.js +1 -1
  27. package/dist/{code-block-Bh_2Eg3M.js → code-block-C4mtsROE.js} +8 -8
  28. package/dist/code-block.js +1 -1
  29. package/dist/{color-picker-DlepH5co.js → color-picker-JZPnPb7s.js} +49 -49
  30. package/dist/color-picker.js +1 -1
  31. package/dist/{column-manager-CV9tCnKa.js → column-manager-BDUj-WIs.js} +31 -31
  32. package/dist/column-manager.js +1 -1
  33. package/dist/combobox-Dn69QwGX.js +904 -0
  34. package/dist/combobox.js +1 -1
  35. package/dist/command-palette-Dh1HKz_F.js +744 -0
  36. package/dist/command-palette.js +1 -1
  37. package/dist/{context-menu-Dbc0KkFp.js → context-menu-uJjEmAN3.js} +1 -1
  38. package/dist/context-menu.js +1 -1
  39. package/dist/{currency-field--wIfgVAx.js → currency-field-lHcrNJ7X.js} +13 -13
  40. package/dist/currency-field.js +1 -1
  41. package/dist/{dashboard-grid-D_LbWfdZ.js → dashboard-grid-z-SOm9H0.js} +65 -65
  42. package/dist/dashboard-grid.js +1 -1
  43. package/dist/{data-grid-XH5fGoGj.js → data-grid-Kj1b9RD-.js} +1316 -1272
  44. package/dist/data-grid.js +1 -1
  45. package/dist/data-list-BgdkA3bD.js +587 -0
  46. package/dist/data-list.js +1 -1
  47. package/dist/{date-field-BrNyJBiJ.js → date-field-B2lQzE3p.js} +5 -5
  48. package/dist/date-field.js +1 -1
  49. package/dist/{date-picker-Nl55so0C.js → date-picker-DpTRb-Y1.js} +16 -16
  50. package/dist/date-picker.js +1 -1
  51. package/dist/{date-range-picker-DLkvfUJD.js → date-range-picker-CBUPJep5.js} +17 -17
  52. package/dist/date-range-picker.js +1 -1
  53. package/dist/{datetime-field-CZRhRDPb.js → datetime-field-BZ44uJ_B.js} +7 -7
  54. package/dist/datetime-field.js +1 -1
  55. package/dist/{datetime-picker-_GHra2WL.js → datetime-picker-BK_bV3Yr.js} +21 -21
  56. package/dist/datetime-picker.js +1 -1
  57. package/dist/{datetime-range-picker-Dy1A0Wqy.js → datetime-range-picker-ChdbRgzQ.js} +21 -21
  58. package/dist/datetime-range-picker.js +1 -1
  59. package/dist/{description-list-Cc4JYZ-3.js → description-list-CYlfHDwx.js} +11 -11
  60. package/dist/description-list.js +1 -1
  61. package/dist/{detail-panel-BI_wHSoz.js → detail-panel-DimjnPI8.js} +91 -91
  62. package/dist/detail-panel.js +1 -1
  63. package/dist/{dialog-B6MP7GYI.js → dialog-BB5MdJex.js} +108 -108
  64. package/dist/dialog.js +1 -1
  65. package/dist/docs/action-bar.json +4 -4
  66. package/dist/docs/action-bar.md +3 -3
  67. package/dist/docs/calendar.md +2 -2
  68. package/dist/docs/command-palette.json +1 -0
  69. package/dist/docs/command-palette.md +1 -1
  70. package/dist/docs/data-grid.examples.md +8 -2
  71. package/dist/docs/data-grid.json +12 -2
  72. package/dist/docs/data-grid.md +3 -1
  73. package/dist/docs/detail-panel.json +4 -2
  74. package/dist/docs/detail-panel.md +15 -5
  75. package/dist/docs/dialog.json +1 -0
  76. package/dist/docs/dialog.md +1 -1
  77. package/dist/docs/drawer.json +6 -4
  78. package/dist/docs/drawer.md +3 -3
  79. package/dist/docs/event-calendar.md +2 -2
  80. package/dist/docs/guidelines/index.md +4 -3
  81. package/dist/docs/guidelines/layout-alignment.md +17 -7
  82. package/dist/docs/guidelines/list-pages.md +3 -3
  83. package/dist/docs/page-header.json +18 -2
  84. package/dist/docs/page-header.md +5 -3
  85. package/dist/docs/page.json +1 -0
  86. package/dist/docs/page.md +1 -1
  87. package/dist/docs/rating.md +1 -1
  88. package/dist/docs/section.json +1 -1
  89. package/dist/docs/section.md +1 -1
  90. package/dist/docs/skills/compose-screen/SKILL.md +12 -4
  91. package/dist/docs/skills/review-screen/SKILL.md +20 -18
  92. package/dist/docs/skills/theme-app/SKILL.md +12 -1
  93. package/dist/docs/toast.json +1 -0
  94. package/dist/docs/toast.md +1 -1
  95. package/dist/docs/tokens.md +1 -1
  96. package/dist/docs/toolbar.json +1 -1
  97. package/dist/docs/toolbar.md +1 -1
  98. package/dist/docs/typography.md +1 -1
  99. package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
  100. package/dist/drawer.js +1 -1
  101. package/dist/entity-picker-ClyhBTyK.js +1283 -0
  102. package/dist/entity-picker.js +1 -1
  103. package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
  104. package/dist/event-calendar.js +1 -1
  105. package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
  106. package/dist/field-group.js +1 -1
  107. package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
  108. package/dist/field.js +1 -1
  109. package/dist/filter-bar-BRuCz79-.js +1342 -0
  110. package/dist/filter-bar.js +1 -1
  111. package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
  112. package/dist/form.js +1 -1
  113. package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
  114. package/dist/fullscreen.js +1 -1
  115. package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
  116. package/dist/hover-card.js +1 -1
  117. package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
  118. package/dist/i18n.js +1 -1
  119. package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
  120. package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
  121. package/dist/import-export-center.js +1 -1
  122. package/dist/index.js +100 -100
  123. package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
  124. package/dist/kbd.js +1 -1
  125. package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
  126. package/dist/link.js +1 -1
  127. package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
  128. package/dist/listbox.js +1 -1
  129. package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
  130. package/dist/loading-overlay.js +1 -1
  131. package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
  132. package/dist/markdown.js +1 -1
  133. package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
  134. package/dist/menu.js +1 -1
  135. package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
  136. package/dist/menubar.js +1 -1
  137. package/dist/message-BkTiWsUp.js +436 -0
  138. package/dist/message-scroller-akQEtQLn.js +218 -0
  139. package/dist/message-scroller.js +1 -1
  140. package/dist/message.js +1 -1
  141. package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
  142. package/dist/multi-select.js +1 -1
  143. package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
  144. package/dist/navigation-menu.js +1 -1
  145. package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
  146. package/dist/notification-center.js +1 -1
  147. package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
  148. package/dist/number-field.js +1 -1
  149. package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
  150. package/dist/otp-input.js +1 -1
  151. package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
  152. package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
  153. package/dist/page-header.js +1 -1
  154. package/dist/page.js +1 -1
  155. package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
  156. package/dist/pagination.js +1 -1
  157. package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
  158. package/dist/popover.js +1 -1
  159. package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
  160. package/dist/prompt-composer.js +1 -1
  161. package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
  162. package/dist/prose.js +1 -1
  163. package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
  164. package/dist/radio-group.js +1 -1
  165. package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
  166. package/dist/rating.js +1 -1
  167. package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
  168. package/dist/saved-views.js +1 -1
  169. package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
  170. package/dist/scroll-area.js +1 -1
  171. package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
  172. package/dist/segmented-control.js +1 -1
  173. package/dist/select-C0JYHwBy.js +1020 -0
  174. package/dist/select.js +1 -1
  175. package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
  176. package/dist/side-navigation.js +1 -1
  177. package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
  178. package/dist/skeleton.js +1 -1
  179. package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
  180. package/dist/slider.js +1 -1
  181. package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
  182. package/dist/sparkline.js +1 -1
  183. package/dist/spinner-ring-DyfaYloA.js +19 -0
  184. package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
  185. package/dist/split-button.js +1 -1
  186. package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
  187. package/dist/stat-card.js +1 -1
  188. package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
  189. package/dist/status-indicator.js +1 -1
  190. package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
  191. package/dist/stepper.js +1 -1
  192. package/dist/styles/action-bar.css +1 -1
  193. package/dist/styles/action-sheet.css +2 -2
  194. package/dist/styles/button.css +2 -2
  195. package/dist/styles/cascader.css +2 -2
  196. package/dist/styles/chart.css +1 -1
  197. package/dist/styles/column-manager.css +3 -3
  198. package/dist/styles/command-palette.css +3 -3
  199. package/dist/styles/dashboard-grid.css +2 -2
  200. package/dist/styles/data-grid.css +3 -3
  201. package/dist/styles/data-list.css +2 -2
  202. package/dist/styles/detail-panel.css +4 -4
  203. package/dist/styles/dialog.css +1 -1
  204. package/dist/styles/drawer.css +1 -1
  205. package/dist/styles/entity-picker.css +1 -1
  206. package/dist/styles/event-calendar.css +1 -1
  207. package/dist/styles/filter-bar.css +3 -3
  208. package/dist/styles/import-export-center.css +4 -4
  209. package/dist/styles/index.css +12 -12
  210. package/dist/styles/markdown.css +2 -2
  211. package/dist/styles/multi-select.css +1 -1
  212. package/dist/styles/notification-center.css +3 -3
  213. package/dist/styles/page-header.css +2 -2
  214. package/dist/styles/page.css +1 -1
  215. package/dist/styles/prompt-composer.css +1 -1
  216. package/dist/styles/saved-views.css +2 -2
  217. package/dist/styles/split-button.css +2 -2
  218. package/dist/styles/table.css +2 -2
  219. package/dist/styles/tabs.css +1 -1
  220. package/dist/styles/timeline.css +1 -1
  221. package/dist/styles/toast.css +1 -1
  222. package/dist/styles/tour.css +2 -2
  223. package/dist/styles/transfer.css +2 -2
  224. package/dist/styles/upload.css +1 -1
  225. package/dist/styles/wizard.css +2 -2
  226. package/dist/styles.css +1 -1
  227. package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
  228. package/dist/switch.js +1 -1
  229. package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
  230. package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
  231. package/dist/table-of-contents.js +1 -1
  232. package/dist/table.js +1 -1
  233. package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
  234. package/dist/tag.js +1 -1
  235. package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
  236. package/dist/tags-input.js +1 -1
  237. package/dist/text-field-Cguj75tn.js +205 -0
  238. package/dist/text-field.js +1 -1
  239. package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
  240. package/dist/textarea.js +1 -1
  241. package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
  242. package/dist/time-field.js +1 -1
  243. package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
  244. package/dist/time-picker.js +1 -1
  245. package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
  246. package/dist/time-range-picker.js +1 -1
  247. package/dist/timeline-BLadNUkS.js +449 -0
  248. package/dist/timeline.js +1 -1
  249. package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
  250. package/dist/toast.js +1 -1
  251. package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
  252. package/dist/toggle-group.js +1 -1
  253. package/dist/toolbar-BI4ZepBs.js +243 -0
  254. package/dist/toolbar.js +1 -1
  255. package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
  256. package/dist/top-navigation.js +1 -1
  257. package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
  258. package/dist/tour.js +1 -1
  259. package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
  260. package/dist/transfer.js +1 -1
  261. package/dist/tree-DfI9UWLA.js +794 -0
  262. package/dist/tree.js +1 -1
  263. package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
  264. package/dist/types/action-bar/action-bar.types.d.ts +2 -2
  265. package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
  266. package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
  267. package/dist/types/app-shell/app-shell.d.ts.map +1 -1
  268. package/dist/types/app-shell/app-shell.types.d.ts +21 -14
  269. package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
  270. package/dist/types/app-shell/index.d.ts +1 -1
  271. package/dist/types/app-shell/index.d.ts.map +1 -1
  272. package/dist/types/button/button-indicator.d.ts.map +1 -1
  273. package/dist/types/button/spinner-ring.d.ts +8 -0
  274. package/dist/types/button/spinner-ring.d.ts.map +1 -0
  275. package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
  276. package/dist/types/cascader/cascader.d.ts.map +1 -1
  277. package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
  278. package/dist/types/command-palette/command-palette.d.ts.map +1 -1
  279. package/dist/types/data-grid/data-grid-body.d.ts +7 -2
  280. package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
  281. package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
  282. package/dist/types/data-grid/data-grid.d.ts +1 -1
  283. package/dist/types/data-grid/data-grid.d.ts.map +1 -1
  284. package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
  285. package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
  286. package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
  287. package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
  288. package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
  289. package/dist/types/i18n/slotted-provider.d.ts +6 -0
  290. package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
  291. package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
  292. package/dist/types/message/message-parts.d.ts.map +1 -1
  293. package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
  294. package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
  295. package/dist/types/page-header/page-header-defaults.d.ts +1 -1
  296. package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
  297. package/dist/types/page-header/page-header.d.ts +1 -1
  298. package/dist/types/page-header/page-header.d.ts.map +1 -1
  299. package/dist/types/page-header/page-header.types.d.ts +9 -0
  300. package/dist/types/page-header/page-header.types.d.ts.map +1 -1
  301. package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
  302. package/dist/types/select/select-parts.d.ts.map +1 -1
  303. package/dist/types/text-field/text-field.d.ts.map +1 -1
  304. package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
  305. package/dist/types/timeline/timeline.d.ts.map +1 -1
  306. package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
  307. package/dist/types/toolbar/toolbar.types.d.ts +2 -2
  308. package/dist/types/tree/tree-parts.d.ts.map +1 -1
  309. package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
  310. package/dist/upload.js +1 -1
  311. package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
  312. package/dist/wizard.js +1 -1
  313. package/package.json +6 -6
  314. package/dist/action-bar-CJgBierN.js +0 -283
  315. package/dist/action-sheet-tRrjm7WQ.js +0 -358
  316. package/dist/cascader-DqlC1z5b.js +0 -1154
  317. package/dist/combobox-YWFkxaQ3.js +0 -902
  318. package/dist/command-palette-DXNq-zKN.js +0 -741
  319. package/dist/data-list-DZCN_uW1.js +0 -587
  320. package/dist/entity-picker-CFwLGQeU.js +0 -1281
  321. package/dist/filter-bar-G50WdRac.js +0 -1340
  322. package/dist/message-Dtck9RJy.js +0 -434
  323. package/dist/message-scroller-niUJ8RoL.js +0 -216
  324. package/dist/prompt-composer-sh_TXKYZ.js +0 -273
  325. package/dist/select-BFx5EgAa.js +0 -1018
  326. package/dist/text-field-DL_uhNXV.js +0 -203
  327. package/dist/timeline-pEL30Jp8.js +0 -446
  328. package/dist/toolbar-BtIyVbs4.js +0 -241
  329. package/dist/tree-DbLRyItM.js +0 -792
package/dist/styles/page.css CHANGED
@@ -3,4 +3,4 @@
3
3
 
4
4
  @layer slotted.components{[data-ui-typography]{font-family:var(--slotted-typography-font-family,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--slotted-font-size-md,.875rem);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--slotted-line-height-md,1.5);overflow-wrap:anywhere;margin:0}[data-ui-typography]:is(h1,h2,h3,h4,h5,h6){font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif))}[data-ui-typography][data-size=xs]{font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--slotted-line-height-xs,1.4)}[data-ui-typography][data-size=sm]{font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45)}[data-ui-typography][data-size=md]{font-size:var(--slotted-font-size-md,.875rem);line-height:var(--slotted-line-height-md,1.5)}[data-ui-typography][data-size=lg]{font-size:var(--slotted-font-size-lg,1rem);line-height:var(--slotted-line-height-lg,1.5)}[data-ui-typography][data-size=xl]{font-size:var(--slotted-font-size-xl,1.125rem);line-height:var(--slotted-line-height-xl,1.45)}[data-ui-typography][data-size="2xl"]{font-size:var(--slotted-font-size-2xl,1.25rem);line-height:var(--slotted-line-height-2xl,1.4)}[data-ui-typography][data-size="3xl"]{font-size:var(--slotted-font-size-3xl,1.5rem);line-height:var(--slotted-line-height-3xl,1.3)}[data-ui-typography][data-weight=regular]{font-weight:var(--slotted-font-weight-regular,400)}[data-ui-typography][data-weight=medium]{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-typography][data-weight=semibold]{font-weight:var(--slotted-font-weight-semibold,600)}[data-ui-typography][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-typography][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-typography][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-typography][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-typography][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-typography][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-typography][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-typography][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-typography][data-align]{display:block}[data-ui-typography][data-align=start]{text-align:start}[data-ui-typography][data-align=center]{text-align:center}[data-ui-typography][data-align=end]{text-align:end}[data-ui-typography][data-wrap=normal]{text-wrap:wrap;white-space:normal}[data-ui-typography][data-wrap=nowrap]{white-space:nowrap}[data-ui-typography][data-wrap=balance]{text-wrap:balance}[data-ui-typography][data-wrap=pretty]{text-wrap:pretty}[data-ui-typography][data-numeric=normal]{font-variant-numeric:normal}[data-ui-typography][data-numeric=tabular]{font-variant-numeric:tabular-nums}[data-ui-typography][data-transform=none]{text-transform:none}[data-ui-typography][data-transform=capitalize]{text-transform:capitalize}[data-ui-typography][data-transform=uppercase]{letter-spacing:var(--slotted-typography-uppercase-tracking,.06em);text-transform:uppercase}[data-ui-typography]:lang(ar),[data-ui-typography]:lang(fa),[data-ui-typography]:lang(ur){letter-spacing:normal}[data-ui-typography][data-truncate]{-webkit-line-clamp:var(--slotted-typography-lines,1);line-clamp:var(--slotted-typography-lines,1);-webkit-box-orient:vertical;min-inline-size:0;display:-webkit-box;overflow:hidden}}
5
5
 
6
- @layer slotted.components{[data-ui-page]{--_ground:var(--slotted-page-background-sunken,var(--slotted-surface-sunken,Canvas));--_padding-block:var(--slotted-page-padding-block,var(--slotted-space-8,1.5rem));--_footer-ground:var(--slotted-page-footer-background,var(--slotted-surface,Canvas));--_footer-rule:var(--slotted-page-footer-border,var(--slotted-border-subtle,ButtonBorder));--_footer-padding-block:var(--slotted-page-footer-padding-block,var(--slotted-space-4,.5rem));--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,cubic-bezier(.2, 0, 0, 1));--slotted-page-ground:var(--_ground);--slotted-table-sticky-offset:var(--slotted-page-sticky-top,0px);--slotted-table-sticky-offset-end:var(--slotted-page-sticky-bottom,0px);background-color:var(--_ground);color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);flex-direction:column;min-block-size:100%;min-inline-size:0;display:flex;container:slotted-page/inline-size}[data-ui-page][data-ground=surface]{--_ground:var(--slotted-page-background-surface,var(--slotted-surface,Canvas))}[data-ui-page]>[data-part-scroll]{overflow-anchor:none;flex-direction:column;flex:1 0 auto;min-inline-size:0;display:flex}[data-ui-page][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui-page][data-scroll=self]>[data-part-scroll]{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:auto}[data-ui-page]>[data-part-scroll]>[data-part-body]{min-inline-size:0;padding-block:var(--_padding-block);flex:1 0 auto}@container slotted-page (width>=600px){[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]{flex-direction:column;flex:auto;min-block-size:0;display:flex}[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]>*{flex:auto;min-block-size:0}}[data-ui-page][data-loading]>[data-part-scroll]>[data-part-body]{cursor:progress}[data-ui-page]>[data-part-footer]{background-color:var(--_footer-ground);border-block-start:var(--slotted-border-width-thin,1px) solid var(--_footer-rule);min-inline-size:0;padding-block:var(--_footer-padding-block);transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing);z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:0}[data-ui-page][data-scroll=self]>[data-part-footer]{position:static}[data-ui-page]>[data-part-footer][data-status=entering],[data-ui-page]>[data-part-footer][data-status=exiting]{opacity:0;translate:0 100%}[data-ui-page]>[data-part-footer]>*>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;display:flex}@container slotted-page (width<600px){[data-ui-page] [data-ui-container][data-inset="5"],[data-ui-page] [data-ui-container][data-inset="6"],[data-ui-page] [data-ui-container][data-inset="7"],[data-ui-page] [data-ui-container][data-inset="8"],[data-ui-page] [data-ui-container][data-inset="9"],[data-ui-page] [data-ui-container][data-inset="10"],[data-ui-page] [data-ui-container][data-inset="11"],[data-ui-page] [data-ui-container][data-inset="12"]{--_inset:var(--slotted-space-4,.5rem)}}}
6
+ @layer slotted.components{[data-ui-page]{--_ground:var(--slotted-page-background-sunken,var(--slotted-surface-sunken,Canvas));--_padding-block:var(--slotted-page-padding-block,var(--slotted-space-8,1.5rem));--_footer-ground:var(--slotted-page-footer-background,var(--slotted-surface,Canvas));--_footer-rule:var(--slotted-page-footer-border,var(--slotted-border-subtle,ButtonBorder));--_footer-padding-block:var(--slotted-page-footer-padding-block,var(--slotted-space-4,.5rem));--_duration:var(--slotted-duration-medium);--_easing:var(--slotted-easing-standard,cubic-bezier(.2, 0, 0, 1));--slotted-page-ground:var(--_ground);--slotted-table-sticky-offset:var(--slotted-page-sticky-top,0px);--slotted-table-sticky-offset-end:var(--slotted-page-sticky-bottom,0px);background-color:var(--_ground);color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);flex-direction:column;min-block-size:100%;min-inline-size:0;display:flex;container:slotted-page/inline-size}[data-ui-page][data-ground=surface]{--_ground:var(--slotted-page-background-surface,var(--slotted-surface,Canvas))}[data-ui-page]>[data-part-scroll]{overflow-anchor:none;flex-direction:column;flex:1 0 auto;min-inline-size:0;display:flex}[data-ui-page][data-scroll=self]{block-size:100%;min-block-size:0}[data-ui-page][data-scroll=self]>[data-part-scroll]{overscroll-behavior:contain;flex:auto;min-block-size:0;overflow:auto}[data-ui-page]>[data-part-scroll]>[data-part-body]{min-inline-size:0;padding-block:var(--_padding-block);flex:1 0 auto}@container slotted-page (width>=600px){[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]{flex-direction:column;flex:auto;min-block-size:0;display:flex}[data-ui-page][data-fill]>[data-part-scroll]>[data-part-body]>*{flex:auto;min-block-size:0}}[data-ui-page][data-loading]>[data-part-scroll]>[data-part-body]{cursor:progress}[data-ui-page]>[data-part-footer]{background-color:var(--_footer-ground);border-block-start:var(--slotted-border-width-thin,1px) solid var(--_footer-rule);min-inline-size:0;padding-block:var(--_footer-padding-block);transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing);z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:0}[data-ui-page][data-scroll=self]>[data-part-footer]{position:static}[data-ui-page]>[data-part-footer][data-status=entering],[data-ui-page]>[data-part-footer][data-status=exiting]{opacity:0;translate:0 100%}[data-ui-page]>[data-part-footer]{-webkit-backdrop-filter:var(--slotted-page-footer-backdrop-filter,none);backdrop-filter:var(--slotted-page-footer-backdrop-filter,none)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-page]>[data-part-footer]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-page]>[data-part-footer]>*>[data-part-actions]{align-items:center;gap:var(--slotted-control-gap-md,8px);flex-wrap:wrap;justify-content:flex-end;min-inline-size:0;display:flex}@container slotted-page (width<600px){[data-ui-page] [data-ui-container][data-inset="5"],[data-ui-page] [data-ui-container][data-inset="6"],[data-ui-page] [data-ui-container][data-inset="7"],[data-ui-page] [data-ui-container][data-inset="8"],[data-ui-page] [data-ui-container][data-inset="9"],[data-ui-page] [data-ui-container][data-inset="10"],[data-ui-page] [data-ui-container][data-inset="11"],[data-ui-page] [data-ui-container][data-inset="12"]{--_inset:var(--slotted-space-4,.5rem)}}}
package/dist/styles/prompt-composer.css CHANGED
@@ -9,4 +9,4 @@
9
9
 
10
10
  @layer slotted.components{[data-ui-prompt-composer][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_rows:var(--slotted-prompt-composer-rows,1);--_max-rows:var(--slotted-prompt-composer-max-rows,8);--_button:var(--_inner-size);--_inset:max(0px, calc((var(--_height) - 2 * var(--slotted-control-border-width,1px) - var(--_inner-size)) / 2));--_padding-inline:calc(var(--_inset) + (var(--_button) - var(--_icon-size)) / 2);--_padding-block:max(0px, calc((var(--_height) - 1lh) / 2));--_radius:var(--slotted-prompt-composer-radius,var(--slotted-radius-lg,8px));--_action-radius:max(var(--slotted-radius-xs,2px), calc(var(--_radius) - var(--_inset)));--_lift:var(--slotted-prompt-composer-shadow,var(--slotted-control-shadow,none));--_lift-focus:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);background-color:var(--slotted-prompt-composer-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-prompt-composer-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--_radius);box-shadow:var(--_lift);box-sizing:border-box;color:var(--slotted-prompt-composer-color,var(--slotted-text,CanvasText));cursor:text;font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-prompt-composer-line-height,var(--slotted-line-height-md,1.5));min-inline-size:0;transition:background-color var(--slotted-duration-medium) var(--slotted-easing-standard), border-color var(--slotted-duration-medium) var(--slotted-easing-standard), box-shadow var(--slotted-duration-medium) var(--slotted-easing-standard);flex-direction:column;margin:0;display:flex}[data-ui-prompt-composer][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-prompt-composer][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-prompt-composer][data-part-root][data-variant=raised]{--_button:calc(var(--_inner-size) + var(--slotted-space-2,.25rem));--_inset:var(--slotted-space-4,.5rem);--_padding-block:calc(var(--_inset) + var(--slotted-space-2,.25rem));--_radius:var(--slotted-prompt-composer-radius,calc(var(--_button) / 2 + var(--_inset)));--_action-radius:var(--slotted-radius-full,9999px);--_lift:var(--slotted-prompt-composer-raised-shadow,var(--slotted-shadow-md,none));--_lift-focus:var(--slotted-prompt-composer-raised-focus-shadow,var(--slotted-shadow-lg,none))}[data-ui-prompt-composer][data-part-root][data-variant=subtle]{background-color:var(--slotted-prompt-composer-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-prompt-composer-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-prompt-composer]>[data-part-input]{appearance:none;box-sizing:border-box;caret-color:var(--slotted-prompt-composer-caret-color,var(--slotted-tone-accent-solid,auto));color:inherit;field-sizing:content;font:inherit;inline-size:100%;line-height:inherit;max-block-size:calc(var(--_max-rows) * 1lh + 2 * var(--_padding-block));min-block-size:calc(var(--_rows) * 1lh + 2 * var(--_padding-block));overflow-wrap:anywhere;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:none;scrollbar-color:var(--slotted-border-strong,GrayText) transparent;scrollbar-width:thin;unicode-bidi:plaintext;background:0 0;border:0;outline:none;margin:0;display:block;overflow-y:auto}[data-ui-prompt-composer]>[data-part-input]::placeholder{color:var(--slotted-prompt-composer-placeholder-color,var(--slotted-text-muted,GrayText))}[data-ui-prompt-composer]>[data-part-input]::selection{background-color:var(--slotted-prompt-composer-selection-background,var(--slotted-tone-accent-surface,Highlight))}[data-ui-prompt-composer]>[data-part-header]+[data-part-input]{padding-block-start:var(--_inset)}[data-ui-prompt-composer][data-variant=raised]>[data-part-input]:has(+[data-part-footer]){padding-block-end:var(--slotted-space-2,.25rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer]){--slotted-icon-size:var(--_icon-size);--slotted-control-inner-size:var(--_button);align-items:center;gap:var(--slotted-space-2,.25rem);min-inline-size:0;padding:var(--_inset);display:flex}[data-ui-prompt-composer]>[data-part-header]{flex-wrap:wrap;padding-block-end:0}[data-ui-prompt-composer]>[data-part-header]>*{min-inline-size:0;max-inline-size:100%}[data-ui-prompt-composer]>[data-part-footer]{flex-wrap:nowrap;padding-block-start:0}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]){appearance:none;block-size:var(--_button);border-radius:var(--_action-radius);box-sizing:border-box;color:var(--slotted-prompt-composer-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;font:inherit;align-items:center;gap:var(--slotted-space-2,.25rem);min-inline-size:var(--_button);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:nowrap;-webkit-tap-highlight-color:transparent;unicode-bidi:plaintext;background-color:#0000;border:0;flex:none;justify-content:center;padding:0;line-height:1;display:inline-flex;position:relative}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){color:var(--slotted-prompt-composer-action-label-color,var(--slotted-text,CanvasText));font-weight:var(--slotted-font-weight-medium,500);padding-inline:var(--slotted-space-3,.375rem);grid-auto-flow:column;place-content:center;align-items:baseline;display:inline-grid}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby])>[data-ui-icon]{translate:0 calc(var(--_icon-size) / 2 - (1cap + 1ex) / 4);margin-block-start:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui-prompt-composer][data-variant=raised]>:is([data-part-header],[data-part-footer])>[data-part-action]:not([aria-label],[aria-labelledby]){padding-inline:var(--slotted-space-4,.5rem)}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach],[data-part-submit]):after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach],[data-part-submit]):after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):has(+*):after{inset-inline-end:0}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>*+:is([data-part-action],[data-part-attach],[data-part-submit]):after{inset-inline-start:0}}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):hover:not(:disabled,[aria-expanded=true]){background-color:var(--slotted-prompt-composer-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):is(:active,[aria-expanded=true]):not(:disabled){background-color:var(--slotted-prompt-composer-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):disabled{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]{--slotted-spinner-size:var(--_icon-size);appearance:none;background-color:var(--slotted-prompt-composer-submit-background,var(--slotted-tone-accent-solid,Highlight));block-size:var(--_button);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-prompt-composer-submit-color,var(--slotted-tone-accent-on-solid,HighlightText));cursor:pointer;inline-size:var(--_button);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-duration-short) var(--slotted-easing-standard);-webkit-tap-highlight-color:transparent;border:0;flex:none;place-items:center;margin-inline-start:auto;padding:0;display:inline-grid;position:relative}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>*{grid-area:1/1}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:not([aria-label],[aria-labelledby]){border-radius:var(--_action-radius);font:inherit;font-weight:var(--slotted-font-weight-medium,500);inline-size:auto;padding-inline:var(--slotted-space-5,.75rem);line-height:1}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:hover:not(:disabled){background-color:var(--slotted-prompt-composer-submit-hover-background,var(--slotted-tone-accent-solid-hover,Highlight))}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:active:not(:disabled){background-color:var(--slotted-prompt-composer-submit-active-background,var(--slotted-tone-accent-solid-active,Highlight))}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:is([aria-label],[aria-labelledby]):active:not(:disabled){scale:.9}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>[data-ui-icon]:has([data-glyph=arrow-up]){transition:translate var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:hover:not(:disabled)>[data-ui-icon]:has([data-glyph=arrow-up]){translate:0 calc(var(--slotted-border-width-thin,1px) * -1)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:disabled{background-color:var(--slotted-prompt-composer-submit-disabled-background,var(--slotted-disabled-background));color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-prompt-composer][data-status=submitted]>[data-part-footer]>[data-part-submit]{background-color:var(--slotted-prompt-composer-submit-background,var(--slotted-tone-accent-solid,Highlight));color:var(--slotted-prompt-composer-submit-color,var(--slotted-tone-accent-on-solid,HighlightText));cursor:progress}[data-ui-prompt-composer][data-status=streaming]>[data-part-footer]>[data-part-submit]{--slotted-spinner-size:calc(var(--_button) - 2 * var(--slotted-space-1,2px));--slotted-icon-size:calc(var(--_icon-size) * 3 / 4)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>:is([data-ui-icon],[data-ui-spinner]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), scale var(--slotted-duration-short) var(--slotted-easing-enter), translate var(--slotted-duration-short) var(--slotted-easing-standard)}@starting-style{[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]>:is([data-ui-icon],[data-ui-spinner]){opacity:0;scale:.8}}[data-ui-prompt-composer]>:is([data-part-header],[data-part-footer])>:is([data-part-action],[data-part-attach]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-prompt-composer]>[data-part-footer]>[data-part-submit]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-prompt-composer][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not([data-drop-target]){border-color:var(--slotted-prompt-composer-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-prompt-composer][data-part-root]:has(>[data-part-input]:focus-visible){box-shadow:var(--_lift-focus);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-prompt-composer][data-part-root][data-emphasis=ring]{--_ring-width:var(--slotted-prompt-composer-ring-width,var(--slotted-border-width-thick,2px));--_ring-reach:var(--slotted-prompt-composer-ring-glow-reach,var(--slotted-space-8,1.5rem));--_glow:var(--slotted-prompt-composer-ring-glow-opacity,.3);box-shadow:none;isolation:isolate;border-color:#0000}[data-ui-prompt-composer][data-part-root][data-emphasis=ring]:has(>[data-part-input]:focus-visible){--_glow:var(--slotted-prompt-composer-ring-glow-opacity-focus,.55);box-shadow:none;outline:none}[data-ui-prompt-composer][data-part-root][data-emphasis=ring]:is([data-loading],[data-status=submitted],[data-status=streaming]){--_glow:var(--slotted-prompt-composer-ring-glow-opacity-busy,.75)}[data-ui-prompt-composer]>:is([data-part-ring],[data-part-glow]){border-radius:var(--_radius);pointer-events:none;position:absolute;overflow:hidden;container-type:size}[data-ui-prompt-composer]>[data-part-ring]{inset:calc(-1 * var(--slotted-control-border-width,1px));padding:var(--_ring-width);z-index:1;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-ui-prompt-composer]>[data-part-glow]{border-radius:calc(var(--_radius) + var(--_ring-reach));filter:blur(calc(var(--_ring-reach) / 2));inset:calc(-1 * var(--_ring-reach));opacity:var(--_glow);padding:var(--_ring-reach);transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard);z-index:-1;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-ui-prompt-composer]>:is([data-part-ring],[data-part-glow]):before{animation:slotted-prompt-composer-turn var(--slotted-prompt-composer-ring-duration,var(--slotted-duration-loop-slow)) linear infinite;aspect-ratio:1;background:conic-gradient(var(--slotted-prompt-composer-ring-colors,var(--slotted-data-1), var(--slotted-data-3), var(--slotted-data-5), var(--slotted-data-2), var(--slotted-data-1)));content:"";inline-size:150cqmax;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)rotate(0)}@keyframes slotted-prompt-composer-turn{to{transform:translate(-50%,-50%)rotate(1turn)}}@media (prefers-reduced-motion:reduce){[data-ui-prompt-composer]>:is([data-part-ring],[data-part-glow]):before{animation:none}}@media (forced-colors:active){[data-ui-prompt-composer]>:is([data-part-ring],[data-part-glow]){display:none}[data-ui-prompt-composer][data-part-root][data-emphasis=ring]{border-color:buttonborder}[data-ui-prompt-composer][data-part-root][data-emphasis=ring]:has(>[data-part-input]:focus-visible){outline:var(--slotted-focus-ring-width,2px) solid Highlight;outline-offset:var(--slotted-focus-ring-offset,2px)}}[data-ui-prompt-composer][data-part-root]{position:relative}[data-ui-prompt-composer][data-part-root]:before{border:var(--slotted-border-width-medium,1.5px) dashed var(--slotted-prompt-composer-drop-border-color,var(--slotted-tone-accent-border,transparent));border-radius:max(var(--slotted-radius-xs,2px), calc(var(--_radius) - var(--_inset) / 2));content:"";inset:calc(var(--_inset) / 2 - var(--slotted-control-border-width,1px));opacity:0;pointer-events:none;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute}[data-ui-prompt-composer][data-part-root][data-drop-target]:before{opacity:1;transition-timing-function:var(--slotted-easing-enter)}[data-ui-prompt-composer][data-part-root][data-drop-target]{background-color:var(--slotted-prompt-composer-drop-background,var(--slotted-tone-accent-surface,Canvas));border-color:var(--slotted-prompt-composer-drop-border-color,var(--slotted-tone-accent-border,Highlight))}[data-ui-prompt-composer][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-prompt-composer-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-prompt-composer-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));border-color:var(--slotted-prompt-composer-invalid-border-color,var(--slotted-tone-danger-border))}[data-ui-prompt-composer][data-part-root][data-invalid]:after{border:var(--_invalid-edge-width) solid var(--slotted-prompt-composer-invalid-border-color,var(--slotted-tone-danger-border));border-radius:max(0px, calc(var(--_radius) - var(--slotted-control-border-width,1px)));content:"";pointer-events:none;position:absolute;inset:0}[data-ui-prompt-composer][data-part-root][data-readonly]{background-color:var(--slotted-prompt-composer-readonly-background,var(--slotted-tone-secondary-subtle-hover));cursor:default}[data-ui-prompt-composer][data-part-root][data-disabled]{background-color:var(--slotted-prompt-composer-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-prompt-composer-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-prompt-composer-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}}
11
11
 
12
- @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
12
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
package/dist/styles/saved-views.css CHANGED
@@ -5,9 +5,9 @@
5
5
 
6
6
  @layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
7
7
 
8
- @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
8
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
9
9
 
10
- @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
10
+ @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
11
11
 
12
12
  @layer slotted.components{[data-ui-inline-message][data-part-root]{--_text:var(--slotted-text-muted);--_font-size:var(--slotted-control-font-size-sm,12px);--_mark-size:1em;--_column-gap:var(--slotted-inline-message-column-gap,var(--slotted-space-4,.5rem));color:var(--_text);font-family:var(--slotted-inline-message-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:var(--slotted-inline-message-line-height,var(--slotted-line-height-md,1.5));grid-template-columns:auto minmax(0,1fr);margin:0;display:grid;position:relative}[data-ui-inline-message][data-part-root][data-tone=accent]{--_text:var(--slotted-tone-accent-text)}[data-ui-inline-message][data-part-root][data-tone=secondary]{--_text:var(--slotted-text-muted)}[data-ui-inline-message][data-part-root][data-tone=success]{--_text:var(--slotted-tone-success-text)}[data-ui-inline-message][data-part-root][data-tone=info]{--_text:var(--slotted-tone-info-text)}[data-ui-inline-message][data-part-root][data-tone=warning]{--_text:var(--slotted-tone-warning-text)}[data-ui-inline-message][data-part-root][data-tone=danger]{--_text:var(--slotted-tone-danger-text)}[data-ui-inline-message][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px)}[data-ui-inline-message][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px)}[data-ui-inline-message][data-part-root][data-reserve]{min-block-size:1lh}[data-ui-inline-message]>[data-part-prefix]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-ui-inline-message]>[data-part-icon]{--slotted-icon-size:var(--_mark-size);block-size:var(--_mark-size);box-sizing:border-box;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_mark-size)) / 2);margin-inline-end:var(--_column-gap);display:flex}[data-ui-inline-message][data-part-root][data-mark=dot]{--_dot-size:calc(var(--_mark-size) / 3)}[data-ui-inline-message][data-mark=dot]>[data-part-icon]:has(>[data-ui-icon]>[data-glyph=dot]){--slotted-icon-size:calc(var(--_dot-size) * 2);inline-size:var(--_dot-size)}[data-ui-inline-message][data-tone=secondary]:not([data-loading]):not([data-mark=dot])>[data-part-icon]:empty,[data-ui-inline-message][data-mark=none]:not([data-loading])>[data-part-icon]:empty{display:none}[data-ui-inline-message]>[data-part-text]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-inline-message]>[data-part-actions]{align-items:center;gap:var(--slotted-inline-message-actions-gap,var(--_column-gap));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;margin-block-start:var(--slotted-inline-message-actions-offset,var(--slotted-space-2,.25rem));display:flex}[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-icon],[data-ui-inline-message]:has([data-part-text]:empty)>[data-part-prefix]{display:none}[data-ui-inline-message][data-loading]>[data-part-icon]{animation:slotted-inline-message-spin var(--slotted-duration-loop-fast) linear infinite;block-size:var(--_mark-size);border:max(var(--slotted-border-width-thin,1px), calc(var(--_mark-size) / 8)) solid currentcolor;border-radius:var(--slotted-radius-full,9999px);inline-size:var(--_mark-size);border-inline-end-color:#0000;margin-block-start:calc((1lh - var(--_mark-size)) / 2);display:block}[data-ui-inline-message][data-loading]>[data-part-icon]>*{display:none}[data-ui-inline-message][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground)}[data-ui-inline-message][data-disabled]>[data-part-icon]{animation:none}@media (prefers-reduced-motion:reduce){[data-ui-inline-message][data-loading]>[data-part-icon]{animation:none}}@media (forced-colors:active){[data-ui-inline-message]>[data-part-icon]{color:canvastext}[data-ui-inline-message][data-part-root][data-disabled]>[data-part-icon]{color:graytext}[data-ui-inline-message][data-loading]>[data-part-icon]{border-color:canvastext;border-inline-end-color:canvas}}}@keyframes slotted-inline-message-spin{to{transform:rotate(1turn)}}
13
13
 
package/dist/styles/split-button.css CHANGED
@@ -5,8 +5,8 @@
5
5
 
6
6
  @layer slotted.components{[data-ui-highlight] [data-part-match]{background-color:var(--slotted-highlight-background,color-mix(in oklab, var(--slotted-tone-accent-text) calc(var(--slotted-highlight-tint-opacity,.075) * 100%), transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--slotted-radius-none,0px);color:var(--slotted-highlight-color,var(--slotted-tone-accent-text));font-weight:inherit;letter-spacing:inherit;-webkit-text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-color:var(--slotted-highlight-rule-color,var(--slotted-tone-accent-border));text-decoration-line:underline;text-decoration-thickness:var(--slotted-border-width-thin,1px);text-underline-offset:var(--slotted-space-1,.125rem);padding:0}[data-ui-highlight] [data-part-match][data-current]{background-color:var(--slotted-highlight-current-background,var(--slotted-tone-accent-solid));color:var(--slotted-highlight-current-color,var(--slotted-tone-accent-on-solid));text-decoration-line:none}[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{background-color:var(--slotted-highlight-disabled-background,transparent);color:inherit;text-decoration-line:underline}@media (forced-colors:active){[data-ui-highlight] [data-part-match],[data-ui-highlight]:is([data-disabled],[data-disabled] *) [data-part-match]{color:marktext;forced-color-adjust:none;background-color:mark}[data-ui-highlight] [data-part-match][data-current]{color:highlighttext;background-color:highlight}}}
7
7
 
8
- @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
8
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
9
9
 
10
- @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
10
+ @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
11
11
 
12
12
  @layer slotted.components{[data-ui-split-button][data-part-root]{--_radius:var(--slotted-split-button-radius,var(--slotted-control-radius,4px));--_overlap:calc(-1 * var(--slotted-control-border-width,1px));isolation:isolate;vertical-align:middle;flex-flow:row;align-items:stretch;gap:0;min-inline-size:0;display:inline-flex}[data-ui-split-button][data-part-root][data-full-width]{inline-size:100%;display:flex}[data-ui-split-button][data-part-root][data-full-width]>[data-part-primary]{flex:1 1 0;min-inline-size:0}[data-ui-split-button][data-part-root]>[data-part-primary]{border-start-start-radius:var(--_radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--_radius);min-inline-size:0}[data-ui-split-button][data-part-root]>[data-part-menu-trigger]{border-start-start-radius:0;border-start-end-radius:var(--_radius);border-end-end-radius:var(--_radius);border-end-start-radius:0;flex:none;margin-inline-start:var(--_overlap)}[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=outline][data-pressed],[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=outline][data-disabled],[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=outline]:disabled{border-color:var(--slotted-control-border-color,ButtonBorder)}[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=ghost][data-pressed],[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=ghost][data-disabled],[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=ghost]:disabled{border-color:#0000}[data-ui-split-button][data-part-root]>[data-ui-button][data-part-primary][data-variant]{border-inline-end-color:#0000}[data-ui-split-button][data-part-root]>[data-tone=accent]{--_seam:var(--slotted-tone-accent-solid-active)}[data-ui-split-button][data-part-root]>[data-tone=secondary]{--_seam:var(--slotted-tone-secondary-solid-active)}[data-ui-split-button][data-part-root]>[data-tone=success]{--_seam:var(--slotted-tone-success-solid-active)}[data-ui-split-button][data-part-root]>[data-tone=info]{--_seam:var(--slotted-tone-info-solid-active)}[data-ui-split-button][data-part-root]>[data-tone=warning]{--_seam:var(--slotted-tone-warning-solid-active)}[data-ui-split-button][data-part-root]>[data-tone=danger]{--_seam:var(--slotted-tone-danger-solid-active)}[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=solid][data-part-menu-trigger]{border-inline-start-color:var(--_seam,ButtonBorder)}[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=solid][data-part-menu-trigger]:disabled,[data-ui-split-button][data-part-root]>[data-ui-button][data-variant=solid][data-part-menu-trigger][data-disabled]{border-inline-start-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-split-button][data-part-root]>:focus-visible{z-index:1}[data-ui-split-button][data-part-root][data-loading]>[data-part-menu-trigger]{pointer-events:none}@media (forced-colors:active){[data-ui-split-button][data-part-root]>[data-ui-button][data-pressed]{border-color:highlight}}}
package/dist/styles/table.css CHANGED
@@ -1,9 +1,9 @@
1
1
  @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
2
2
  @layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
3
3
 
4
- @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
4
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
5
5
 
6
- @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;min-inline-size:0}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
6
+ @layer slotted.components{[data-ui-button]{--_solid:var(--slotted-tone-accent-solid);--_solid-hover:var(--slotted-tone-accent-solid-hover);--_solid-active:var(--slotted-tone-accent-solid-active);--_on-solid:var(--slotted-tone-accent-on-solid);--_text:var(--slotted-tone-accent-text);--_edge:var(--_solid);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_gap:var(--slotted-control-gap-md,8px);--_padding-inline-visual:max(var(--slotted-space-2,.25rem), calc(var(--_padding-inline) - var(--slotted-space-2,.25rem)));--_sweep-width:calc(var(--_height) * 2);--_sweep-strength:.34;appearance:none;border:var(--slotted-control-border-width,1px) solid transparent;border-radius:var(--slotted-control-radius,4px);box-sizing:border-box;cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);text-align:center;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;text-decoration:none;display:inline-flex;position:relative}[data-ui-button][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_solid-hover:var(--slotted-tone-secondary-solid-hover);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid-active)}[data-ui-button][data-tone=neutral]{--_solid:var(--slotted-tone-neutral-solid);--_solid-hover:var(--slotted-tone-neutral-solid-hover);--_solid-active:var(--slotted-tone-neutral-solid-active);--_on-solid:var(--slotted-tone-neutral-on-solid);--_text:var(--slotted-tone-neutral-text)}[data-ui-button][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_solid-hover:var(--slotted-tone-success-solid-hover);--_solid-active:var(--slotted-tone-success-solid-active);--_on-solid:var(--slotted-tone-success-on-solid);--_text:var(--slotted-tone-success-text)}[data-ui-button][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_solid-hover:var(--slotted-tone-info-solid-hover);--_solid-active:var(--slotted-tone-info-solid-active);--_on-solid:var(--slotted-tone-info-on-solid);--_text:var(--slotted-tone-info-text)}[data-ui-button][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_solid-hover:var(--slotted-tone-warning-solid-hover);--_solid-active:var(--slotted-tone-warning-solid-active);--_on-solid:var(--slotted-tone-warning-on-solid);--_text:var(--slotted-tone-warning-text)}[data-ui-button][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_solid-hover:var(--slotted-tone-danger-solid-hover);--_solid-active:var(--slotted-tone-danger-solid-active);--_on-solid:var(--slotted-tone-danger-on-solid);--_text:var(--slotted-tone-danger-text)}[data-ui-button][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_font-size:var(--slotted-control-font-size-sm,12px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-button][data-size=lg]{--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-button][data-variant=solid]{background:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_on-solid,ButtonText)}[data-ui-button][data-variant=outline]{border-color:var(--slotted-control-border-color,ButtonBorder);box-shadow:var(--slotted-control-shadow,none);color:var(--_text,ButtonText);background:0 0}[data-ui-button][data-variant=ghost]{color:var(--_text,ButtonText);background:0 0;border-color:#0000}[data-ui-button][data-variant=outline],[data-ui-button][data-variant=ghost],[data-ui-button][data-variant=solid][data-tone=secondary]{--_sweep-strength:.18}[data-ui-button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active,Highlight);border-color:var(--slotted-tone-accent-border,Highlight);box-shadow:var(--slotted-control-shadow,none);color:var(--slotted-tone-accent-text,HighlightText)}[data-ui-button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover,Highlight)}[data-ui-button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active,Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin,1px));transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui-button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui-button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover,Highlight)}[data-ui-button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active,Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui-button]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-button]:disabled,[data-ui-button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-button][data-variant=solid]:disabled,[data-ui-button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,ButtonBorder)}[data-ui-button][data-variant=outline]:disabled,[data-ui-button][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background:0 0}[data-ui-button][data-pressed]:disabled,[data-ui-button][data-pressed][data-disabled]{background:var(--slotted-disabled-background,ButtonFace);border-color:var(--slotted-disabled-border,GrayText);color:var(--slotted-disabled-foreground,GrayText)}[data-ui-button][data-disabled]:not(:disabled){color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=solid][data-disabled]:not(:disabled),[data-ui-button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace);border-color:var(--slotted-border-subtle,GrayText);color:var(--slotted-text-muted,GrayText)}[data-ui-button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle,GrayText)}[data-ui-button][data-loading]{cursor:progress}[data-ui-button][data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:0}[data-ui-button] [data-part-indicator]{--slotted-spinner-size:var(--_icon-size);flex:none}[data-ui-button] [data-part-start]:has(>[data-part-indicator]),[data-ui-button] [data-part-end]:has(>[data-part-indicator]),[data-ui-button] [data-part-icon]:has(>[data-part-indicator]){visibility:hidden}[data-ui-button] [data-part-start]>[data-part-indicator],[data-ui-button] [data-part-end]>[data-part-indicator],[data-ui-button] [data-part-icon]>[data-part-indicator]{visibility:visible;margin:auto;position:absolute;inset:0}[data-ui-button]>[data-part-indicator]{margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(90deg,#0000,currentColor 40%,#0000 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:"";opacity:var(--_sweep-strength);pointer-events:none;position:absolute;inset:0}[data-ui-button]:not([data-shape])[data-loading]:has([data-part-indicator]):dir(rtl):after{background-image:linear-gradient(270deg,#0000,currentColor 40%,#0000 80%);animation-direction:reverse}[data-ui-button]:not([data-shape])[data-loading]:has(>[data-part-indicator])>:not([data-part-indicator]){opacity:1}[data-ui-button]:not([data-shape])[data-loading] [data-part-indicator]{opacity:0;position:absolute}}}[data-ui-button] [data-part-start],[data-ui-button] [data-part-end],[data-ui-button] [data-part-icon]{block-size:var(--_icon-size);box-sizing:border-box;font-size:var(--_icon-size);inline-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}[data-ui-button] [data-part-start]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-end]>:not([data-part-indicator],[data-ui-kbd]),[data-ui-button] [data-part-icon]>:not([data-part-indicator]){block-size:100%;inline-size:100%;display:block}[data-ui-button] :is([data-part-start],[data-part-end]):has(>[data-ui-kbd]){block-size:auto;font-size:inherit;inline-size:auto}[data-ui-button] [data-part-label]{line-height:var(--slotted-line-height-sm,1.45);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-button] [data-part-label]{padding-block:calc((var(--slotted-line-height-sm,1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui-button]:not([data-shape]):has(>[data-part-start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui-button]:not([data-shape]):has(>[data-part-end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui-button][data-full-width]{inline-size:100%}[data-ui-button][data-justify=between]{justify-content:space-between}[data-ui-button][data-justify=between]>[data-part-label]{text-align:start;flex:auto}[data-ui-button][data-justify=between]>[data-part-end]{inline-size:auto;min-inline-size:var(--_icon-size)}[data-ui-button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height), var(--slotted-target-min,24px));min-inline-size:var(--slotted-target-min,24px);padding-block:0;padding-inline:0}[data-ui-button][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}@media (forced-colors:active){[data-ui-button]{border-color:buttonborder}[data-ui-button][data-pressed]{border-color:highlight}[data-ui-button]:disabled,[data-ui-button][data-disabled]{color:graytext;border-color:graytext}}@media (prefers-reduced-motion:reduce){[data-ui-button] [data-part-indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}
7
7
 
8
8
  @layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
9
9
 
package/dist/styles/tabs.css CHANGED
@@ -1,4 +1,4 @@
1
1
  @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
2
2
  @layer slotted.components{[data-ui-icon]{--_size:var(--slotted-icon-size,var(--slotted-control-icon-size-md,16px));block-size:var(--_size);inline-size:var(--_size);vertical-align:var(--slotted-icon-baseline-shift,calc(.5cap - .5 * var(--_size)));flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}[data-ui-icon]>*,[data-ui-icon] svg{block-size:100%;font-size:var(--_size);inline-size:100%;display:block}[data-ui-icon][data-size=text]{--slotted-icon-size:1em}[data-ui-icon][data-size=sm]{--slotted-icon-size:var(--slotted-control-icon-size-sm,14px)}[data-ui-icon][data-size=md]{--slotted-icon-size:var(--slotted-control-icon-size-md,16px)}[data-ui-icon][data-size=lg]{--slotted-icon-size:var(--slotted-control-icon-size-lg,18px)}[data-ui-icon][data-tone=default]{color:var(--slotted-text,CanvasText)}[data-ui-icon][data-tone=muted]{color:var(--slotted-text-muted,GrayText)}[data-ui-icon][data-tone=accent]{color:var(--slotted-tone-accent-text,LinkText)}[data-ui-icon][data-tone=success]{color:var(--slotted-tone-success-text,CanvasText)}[data-ui-icon][data-tone=info]{color:var(--slotted-tone-info-text,CanvasText)}[data-ui-icon][data-tone=warning]{color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-icon][data-tone=danger]{color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-icon][data-tone=inverse]{color:var(--slotted-text-inverse,Canvas)}[data-ui-icon][data-directional]:dir(rtl){scale:-1 1}}
3
3
 
4
- @layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));transition:left var(--slotted-duration-medium) var(--_marker-easing), top var(--slotted-duration-medium) var(--_marker-easing), inline-size var(--slotted-duration-medium) var(--_marker-easing), block-size var(--slotted-duration-medium) var(--_marker-easing)}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{transition:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
4
+ @layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));animation:slotted-tabs-marker-slide var(--slotted-duration-medium) var(--_marker-easing);transform-origin:0 0}@keyframes slotted-tabs-marker-slide{0%{translate:var(--_indicator-shift,0px 0px);scale:var(--_indicator-scale,1 1)}}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{animation:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
package/dist/styles/timeline.css CHANGED
@@ -3,6 +3,6 @@
3
3
 
4
4
  @layer slotted.components{[data-ui-timeline]{--_icon:var(--slotted-control-icon-size-md,16px);--_font-size:var(--slotted-timeline-font-size,var(--slotted-control-font-size-md,13px));--_meta-size:var(--slotted-timeline-meta-font-size,var(--_font-size));--_gap:var(--slotted-timeline-gap,calc(var(--slotted-control-gap-md,8px) + var(--slotted-space-2,.25rem)));--_glyph:calc(var(--_icon) - 2 * var(--slotted-space-1,.125rem));--_dot:calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core:calc(var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio,.4) - var(--_rule), 2px));--_badge:calc(var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1,.125rem) - var(--_rule), 2px));--_avatar:calc(var(--_rule) + round(up, var(--slotted-avatar-size-xs,24px) - var(--_rule), 2px));--_rail:var(--_dot);--_rule:var(--slotted-timeline-connector-thickness,var(--slotted-border-width-thin,1px));--_edge:var(--slotted-border-width-medium,1.5px);--_reach:calc(var(--_edge) + var(--slotted-border-width-thick,2px));--_item-gap:var(--slotted-timeline-item-gap,calc(var(--_gap) + var(--slotted-space-2,.25rem)));--_line-gap:var(--slotted-timeline-line-gap,var(--slotted-space-1,.125rem));--_opposite:var(--slotted-timeline-opposite-size,8rem);--_line-height:var(--slotted-timeline-line-height,var(--slotted-line-height-md,1.5));--_leading:round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted:var(--slotted-timeline-color-muted,var(--slotted-text-muted,GrayText));--_strong:var(--slotted-timeline-color,var(--slotted-text,CanvasText));--_line:var(--slotted-timeline-connector-color,var(--slotted-border-subtle,GrayText));--_ring:var(--slotted-timeline-marker-border,var(--slotted-control-border-color,ButtonBorder));--_surface:var(--slotted-timeline-marker-surface,var(--slotted-surface,Canvas));color:var(--_strong);font-family:var(--slotted-timeline-font-family,var(--slotted-font-family-sans,inherit));font-size:var(--_font-size);line-height:var(--_leading);display:block;container:slotted-timeline/inline-size}[data-ui-timeline][data-size=sm]{--_icon:var(--slotted-control-icon-size-sm,14px);--_font-size:var(--slotted-timeline-font-size,var(--slotted-control-font-size-sm,12px));--_gap:var(--slotted-timeline-gap,calc(var(--slotted-control-gap-sm,6px) + var(--slotted-space-2,.25rem)))}[data-ui-timeline][data-size=lg]{--_icon:var(--slotted-control-icon-size-lg,18px);--_font-size:var(--slotted-timeline-font-size,var(--slotted-control-font-size-lg,14px));--_gap:var(--slotted-timeline-gap,calc(var(--slotted-control-gap-lg,8px) + var(--slotted-space-2,.25rem)))}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail:var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail:max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid:var(--slotted-tone-secondary-solid,ButtonFace);--_tone-on-solid:var(--slotted-tone-secondary-on-solid,ButtonText);--_tone-surface:var(--slotted-tone-secondary-surface,Canvas);--_tone-border:var(--slotted-tone-secondary-border,ButtonBorder);--_tone-text:var(--slotted-tone-secondary-text,CanvasText);--_tone-mark:var(--slotted-border-strong,GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid:var(--slotted-tone-accent-solid,Highlight);--_tone-on-solid:var(--slotted-tone-accent-on-solid,HighlightText);--_tone-surface:var(--slotted-tone-accent-surface,Canvas);--_tone-border:var(--slotted-tone-accent-border,Highlight);--_tone-mark:var(--slotted-tone-accent-border,Highlight);--_tone-text:var(--slotted-tone-accent-text,Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid:var(--slotted-tone-success-solid,ButtonFace);--_tone-on-solid:var(--slotted-tone-success-on-solid,ButtonText);--_tone-surface:var(--slotted-tone-success-surface,Canvas);--_tone-border:var(--slotted-tone-success-border,ButtonBorder);--_tone-mark:var(--slotted-tone-success-border,ButtonBorder);--_tone-text:var(--slotted-tone-success-text,CanvasText)}[data-ui-timeline][data-tone=info],[data-ui-timeline] [data-tone=info]{--_tone-solid:var(--slotted-tone-info-solid,ButtonFace);--_tone-on-solid:var(--slotted-tone-info-on-solid,ButtonText);--_tone-surface:var(--slotted-tone-info-surface,Canvas);--_tone-border:var(--slotted-tone-info-border,ButtonBorder);--_tone-mark:var(--slotted-tone-info-border,ButtonBorder);--_tone-text:var(--slotted-tone-info-text,CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid:var(--slotted-tone-warning-solid,ButtonFace);--_tone-on-solid:var(--slotted-tone-warning-on-solid,ButtonText);--_tone-surface:var(--slotted-tone-warning-surface,Canvas);--_tone-border:var(--slotted-tone-warning-border,ButtonBorder);--_tone-mark:var(--slotted-tone-warning-border,ButtonBorder);--_tone-text:var(--slotted-tone-warning-text,CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid:var(--slotted-tone-danger-solid,Mark);--_tone-on-solid:var(--slotted-tone-danger-on-solid,MarkText);--_tone-surface:var(--slotted-tone-danger-surface,Canvas);--_tone-border:var(--slotted-tone-danger-border,Mark);--_tone-mark:var(--slotted-tone-danger-border,Mark);--_tone-text:var(--slotted-tone-danger-text,MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column:var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[opposite] var(--_opposite-column,0) [rail] var(--_rail) [content] minmax(0, 1fr);display:grid;position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0, 1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{grid-area:1/content;align-self:baseline;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{color:var(--_muted);overflow-wrap:anywhere;text-align:end;grid-area:1/opposite;align-self:baseline;min-inline-size:0}[data-ui-timeline] [data-part-rail]{line-height:var(--_leading);flex-direction:column;grid-area:1/rail;align-items:center;display:flex;position:relative}[data-ui-timeline] [data-part-marker]{--_marker:var(--_dot);--_lift:round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint:color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));background-color:var(--_tint);block-size:var(--_marker);border-radius:var(--slotted-radius-full,9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);inline-size:var(--_marker);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1;border:0 solid #0000;flex:none;justify-content:center;align-items:center;margin-block-start:var(--_lift);display:inline-flex;position:relative;overflow:hidden}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:"";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker:var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin,1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size:calc(var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px));color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size:var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size:var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker:var(--_avatar);background-color:#0000;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){box-shadow:none;background-color:#0000}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);color:var(--_tone-mark);border-color:#0000}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size:calc(var(--_marker) - 2 * var(--slotted-space-1,.125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick,2px) var(--_surface), 0 0 0 var(--_reach) var(--_tone-mark), 0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark);border-color:#0000}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);inline-size:0;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);display:block;position:absolute;inset-block-start:.5lh;inset-block-end:calc(-.5lh - var(--_item-gap));inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{grid-template-columns:minmax(0,1fr) auto;gap:0;display:grid}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1/-1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap,var(--slotted-space-2,.25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight,var(--slotted-font-weight-medium,500));overflow-wrap:anywhere;grid-column:1;min-inline-size:0}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-area:1/2;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size,var(--slotted-font-size-xs,.75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{color:var(--_muted);align-items:center;column-gap:var(--slotted-space-3,.375rem);font-size:var(--_meta-size);min-inline-size:0;display:flex}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);overflow-wrap:anywhere;min-inline-size:0}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);flex-wrap:wrap;margin-block-start:var(--slotted-space-4,.5rem);display:flex}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius,var(--slotted-control-radius,4px));outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{color:var(--_muted);font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight,var(--slotted-font-weight-semibold,600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap,var(--slotted-space-4,.5rem));align-items:center;display:flex}[data-ui-timeline] [data-part-group-trigger]{appearance:none;border-radius:var(--slotted-timeline-radius,var(--slotted-control-radius,4px));color:inherit;align-items:center;column-gap:var(--slotted-space-2,.25rem);cursor:pointer;font:inherit;min-block-size:var(--slotted-target-min,24px);text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);background:0 0;border:0;padding:0;display:inline-flex}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin,1px)}[data-ui-timeline] [data-part-group-trigger]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-timeline] [data-part-group-indicator]{--slotted-icon-size:var(--_icon);flex:none;display:inline-flex}[data-ui-timeline] [data-part-group]{--_fold:var(--slotted-duration-medium) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{transition:rotate var(--_fold);rotate:-90deg}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow-clip-margin:max(round(up, var(--_reach), 1px), calc(var(--slotted-focus-ring-width,2px) + var(--slotted-focus-ring-offset,2px)));transition:block-size var(--_fold), opacity var(--_fold), visibility var(--_fold);overflow:clip}[data-ui-timeline] [data-part-group-list][hidden]{opacity:0;visibility:hidden;block-size:0;display:flex}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin,1px) solid var(--_ring);border-radius:var(--slotted-radius-full,9999px);color:var(--_strong);align-items:center;column-gap:var(--_gap);cursor:pointer;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight,var(--slotted-font-weight-medium,500));inline-size:fit-content;line-height:var(--slotted-control-line-height,1);min-block-size:var(--slotted-control-height-sm,30px);padding-inline:var(--slotted-control-padding-inline-md,13px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);justify-content:center;display:flex}[data-ui-timeline] [data-part-fresh]{--_tone-solid:var(--slotted-tone-accent-solid,Highlight);--_tone-surface:var(--slotted-tone-accent-surface,Canvas);--_tone-border:var(--slotted-tone-accent-border,Highlight);--_tone-text:var(--slotted-tone-accent-text,Highlight);--_fold:var(--slotted-duration-medium) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;opacity:1;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), block-size var(--_fold), min-block-size var(--_fold), border-block-width var(--_fold), margin-block-end var(--_fold), opacity var(--_fold), display var(--_fold) allow-discrete;margin-block-end:var(--_item-gap);overflow:clip}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){opacity:0;border-block-width:0;block-size:0;min-block-size:0;margin-block-end:0}}[data-ui-timeline] [data-part-fresh][hidden]{opacity:0;pointer-events:none;border-block-width:0;block-size:0;min-block-size:0;margin-block-end:0;display:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab, var(--_tone-surface), currentColor var(--slotted-timeline-state-layer-hover,8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab, var(--_tone-surface), currentColor var(--slotted-timeline-state-layer-active,14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover,Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active,Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column,0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{color:var(--_muted);align-items:center;column-gap:var(--_gap);font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm,30px);display:flex}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size:var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0, 1fr) [rail] var(--_rail) [opposite] var(--_opposite-column,0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0, 1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end;grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{margin-inline:0 var(--_gap);grid-column:1}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down, calc((100% - var(--_rail)) / 2 - var(--_gap)), 1px) [rail] var(--_rail) [after] minmax(0, 1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{text-align:end;grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{text-align:start;grid-column:after}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{text-align:end;grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{margin-inline:0 var(--_gap);grid-column:1}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{grid-auto-columns:minmax(var(--slotted-timeline-track-min,var(--slotted-space-12,4rem)), 1fr);overscroll-behavior-x:contain;padding-block:round(up, var(--_reach), 1px) var(--slotted-space-2,.25rem);padding-inline:round(up, var(--_reach), 1px);grid-auto-flow:column;display:grid;overflow-x:auto}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{grid-template-rows:[before]auto[rail]auto[after]auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:0;margin-block-end:0;padding-inline-end:var(--_item-gap)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{block-size:var(--_rail);grid-area:rail/1;justify-content:center;align-self:start;align-items:start}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift:0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);block-size:0;inline-size:auto;border-inline-start-width:0;inset-block-start:calc(50% - var(--_rule) / 2);inset-block-end:auto;inset-inline-start:calc(var(--_rail) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{margin-block:var(--_gap) 0;text-align:start;grid-area:after/1;align-self:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{margin-block:0 var(--_gap);text-align:start;grid-area:before/1;align-self:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{margin-block:0 var(--_gap);text-align:start;grid-area:before/1}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{margin-block:var(--_gap) 0;grid-area:after/1}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{flex-direction:column;display:flex}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{white-space:normal;margin-inline:0}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (width<=20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{flex-direction:column;display:flex}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{white-space:normal;margin-inline:0}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0, 1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{text-align:start;grid-area:1/content}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1/3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{text-align:start;grid-column:content}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (width<=30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{flex-direction:column;padding:0;display:flex;overflow-x:visible}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0, 1fr);grid-template-rows:none;row-gap:0;margin-block-end:var(--_item-gap);padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{grid-area:1/rail/3;justify-content:flex-start;align-self:stretch;align-items:center;block-size:auto}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift:round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-start:.5lh;inset-block-end:calc(-.5lh - var(--_item-gap));inset-inline-start:calc(50% - var(--_rule) / 2);inset-inline-end:auto}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{text-align:start;grid-area:1/content;align-self:baseline;margin-block:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{text-align:start;grid-area:auto/content;align-self:baseline;margin-block:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0, 1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){text-align:start;grid-column:content}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1/3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{margin-inline:var(--_gap) 0;grid-column:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media (forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{forced-color-adjust:none;background-color:currentColor}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{color:highlighttext;forced-color-adjust:none;background-color:highlight;border-color:highlight}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick,2px)}}}
5
5
 
6
- @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
6
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
7
7
 
8
8
  @layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}