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

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 (336) 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-DQCvXMJA.js} +1330 -1278
  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 +25 -3
  72. package/dist/docs/data-grid.md +4 -1
  73. package/dist/docs/data-grid.props.md +2 -1
  74. package/dist/docs/detail-panel.json +4 -2
  75. package/dist/docs/detail-panel.md +15 -5
  76. package/dist/docs/dialog.json +1 -0
  77. package/dist/docs/dialog.md +1 -1
  78. package/dist/docs/drawer.json +6 -4
  79. package/dist/docs/drawer.md +3 -3
  80. package/dist/docs/event-calendar.md +2 -2
  81. package/dist/docs/guidelines/index.md +4 -3
  82. package/dist/docs/guidelines/layout-alignment.md +17 -7
  83. package/dist/docs/guidelines/list-pages.md +3 -3
  84. package/dist/docs/page-header.json +18 -2
  85. package/dist/docs/page-header.md +5 -3
  86. package/dist/docs/page.json +1 -0
  87. package/dist/docs/page.md +1 -1
  88. package/dist/docs/rating.md +1 -1
  89. package/dist/docs/section.json +1 -1
  90. package/dist/docs/section.md +1 -1
  91. package/dist/docs/skills/compose-screen/SKILL.md +12 -4
  92. package/dist/docs/skills/review-screen/SKILL.md +20 -18
  93. package/dist/docs/skills/theme-app/SKILL.md +12 -1
  94. package/dist/docs/toast.json +1 -0
  95. package/dist/docs/toast.md +1 -1
  96. package/dist/docs/tokens.md +1 -1
  97. package/dist/docs/toolbar.json +1 -1
  98. package/dist/docs/toolbar.md +1 -1
  99. package/dist/docs/typography.md +1 -1
  100. package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
  101. package/dist/drawer.js +1 -1
  102. package/dist/entity-picker-ClyhBTyK.js +1283 -0
  103. package/dist/entity-picker.js +1 -1
  104. package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
  105. package/dist/event-calendar.js +1 -1
  106. package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
  107. package/dist/field-group.js +1 -1
  108. package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
  109. package/dist/field.js +1 -1
  110. package/dist/filter-bar-BRuCz79-.js +1342 -0
  111. package/dist/filter-bar.js +1 -1
  112. package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
  113. package/dist/form.js +1 -1
  114. package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
  115. package/dist/fullscreen.js +1 -1
  116. package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
  117. package/dist/hover-card.js +1 -1
  118. package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
  119. package/dist/i18n.js +1 -1
  120. package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
  121. package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
  122. package/dist/import-export-center.js +1 -1
  123. package/dist/index.js +100 -100
  124. package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
  125. package/dist/kbd.js +1 -1
  126. package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
  127. package/dist/link.js +1 -1
  128. package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
  129. package/dist/listbox.js +1 -1
  130. package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
  131. package/dist/loading-overlay.js +1 -1
  132. package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
  133. package/dist/markdown.js +1 -1
  134. package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
  135. package/dist/menu.js +1 -1
  136. package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
  137. package/dist/menubar.js +1 -1
  138. package/dist/message-BkTiWsUp.js +436 -0
  139. package/dist/message-scroller-akQEtQLn.js +218 -0
  140. package/dist/message-scroller.js +1 -1
  141. package/dist/message.js +1 -1
  142. package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
  143. package/dist/multi-select.js +1 -1
  144. package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
  145. package/dist/navigation-menu.js +1 -1
  146. package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
  147. package/dist/notification-center.js +1 -1
  148. package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
  149. package/dist/number-field.js +1 -1
  150. package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
  151. package/dist/otp-input.js +1 -1
  152. package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
  153. package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
  154. package/dist/page-header.js +1 -1
  155. package/dist/page.js +1 -1
  156. package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
  157. package/dist/pagination.js +1 -1
  158. package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
  159. package/dist/popover.js +1 -1
  160. package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
  161. package/dist/prompt-composer.js +1 -1
  162. package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
  163. package/dist/prose.js +1 -1
  164. package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
  165. package/dist/radio-group.js +1 -1
  166. package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
  167. package/dist/rating.js +1 -1
  168. package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
  169. package/dist/saved-views.js +1 -1
  170. package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
  171. package/dist/scroll-area.js +1 -1
  172. package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
  173. package/dist/segmented-control.js +1 -1
  174. package/dist/select-C0JYHwBy.js +1020 -0
  175. package/dist/select.js +1 -1
  176. package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
  177. package/dist/side-navigation.js +1 -1
  178. package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
  179. package/dist/skeleton.js +1 -1
  180. package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
  181. package/dist/slider.js +1 -1
  182. package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
  183. package/dist/sparkline.js +1 -1
  184. package/dist/spinner-ring-DyfaYloA.js +19 -0
  185. package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
  186. package/dist/split-button.js +1 -1
  187. package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
  188. package/dist/stat-card.js +1 -1
  189. package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
  190. package/dist/status-indicator.js +1 -1
  191. package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
  192. package/dist/stepper.js +1 -1
  193. package/dist/styles/action-bar.css +1 -1
  194. package/dist/styles/action-sheet.css +2 -2
  195. package/dist/styles/button.css +2 -2
  196. package/dist/styles/cascader.css +2 -2
  197. package/dist/styles/chart.css +1 -1
  198. package/dist/styles/column-manager.css +3 -3
  199. package/dist/styles/command-palette.css +3 -3
  200. package/dist/styles/dashboard-grid.css +2 -2
  201. package/dist/styles/data-grid.css +3 -3
  202. package/dist/styles/data-list.css +2 -2
  203. package/dist/styles/detail-panel.css +4 -4
  204. package/dist/styles/dialog.css +1 -1
  205. package/dist/styles/drawer.css +1 -1
  206. package/dist/styles/entity-picker.css +1 -1
  207. package/dist/styles/event-calendar.css +1 -1
  208. package/dist/styles/filter-bar.css +3 -3
  209. package/dist/styles/import-export-center.css +4 -4
  210. package/dist/styles/index.css +12 -12
  211. package/dist/styles/markdown.css +2 -2
  212. package/dist/styles/multi-select.css +1 -1
  213. package/dist/styles/notification-center.css +3 -3
  214. package/dist/styles/page-header.css +2 -2
  215. package/dist/styles/page.css +1 -1
  216. package/dist/styles/prompt-composer.css +1 -1
  217. package/dist/styles/saved-views.css +2 -2
  218. package/dist/styles/split-button.css +2 -2
  219. package/dist/styles/table.css +2 -2
  220. package/dist/styles/tabs.css +1 -1
  221. package/dist/styles/timeline.css +1 -1
  222. package/dist/styles/toast.css +1 -1
  223. package/dist/styles/tour.css +2 -2
  224. package/dist/styles/transfer.css +2 -2
  225. package/dist/styles/upload.css +1 -1
  226. package/dist/styles/wizard.css +2 -2
  227. package/dist/styles.css +1 -1
  228. package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
  229. package/dist/switch.js +1 -1
  230. package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
  231. package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
  232. package/dist/table-of-contents.js +1 -1
  233. package/dist/table.js +1 -1
  234. package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
  235. package/dist/tag.js +1 -1
  236. package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
  237. package/dist/tags-input.js +1 -1
  238. package/dist/text-field-Cguj75tn.js +205 -0
  239. package/dist/text-field.js +1 -1
  240. package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
  241. package/dist/textarea.js +1 -1
  242. package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
  243. package/dist/time-field.js +1 -1
  244. package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
  245. package/dist/time-picker.js +1 -1
  246. package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
  247. package/dist/time-range-picker.js +1 -1
  248. package/dist/timeline-BLadNUkS.js +449 -0
  249. package/dist/timeline.js +1 -1
  250. package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
  251. package/dist/toast.js +1 -1
  252. package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
  253. package/dist/toggle-group.js +1 -1
  254. package/dist/toolbar-BI4ZepBs.js +243 -0
  255. package/dist/toolbar.js +1 -1
  256. package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
  257. package/dist/top-navigation.js +1 -1
  258. package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
  259. package/dist/tour.js +1 -1
  260. package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
  261. package/dist/transfer.js +1 -1
  262. package/dist/tree-DfI9UWLA.js +794 -0
  263. package/dist/tree.js +1 -1
  264. package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
  265. package/dist/types/action-bar/action-bar.types.d.ts +2 -2
  266. package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
  267. package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
  268. package/dist/types/app-shell/app-shell.d.ts.map +1 -1
  269. package/dist/types/app-shell/app-shell.types.d.ts +21 -14
  270. package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
  271. package/dist/types/app-shell/index.d.ts +1 -1
  272. package/dist/types/app-shell/index.d.ts.map +1 -1
  273. package/dist/types/button/button-indicator.d.ts.map +1 -1
  274. package/dist/types/button/spinner-ring.d.ts +8 -0
  275. package/dist/types/button/spinner-ring.d.ts.map +1 -0
  276. package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
  277. package/dist/types/cascader/cascader.d.ts.map +1 -1
  278. package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
  279. package/dist/types/command-palette/command-palette.d.ts.map +1 -1
  280. package/dist/types/data-grid/data-grid-body.d.ts +7 -2
  281. package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
  282. package/dist/types/data-grid/data-grid-context.d.ts +2 -1
  283. package/dist/types/data-grid/data-grid-context.d.ts.map +1 -1
  284. package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
  285. package/dist/types/data-grid/data-grid.d.ts +1 -1
  286. package/dist/types/data-grid/data-grid.d.ts.map +1 -1
  287. package/dist/types/data-grid/data-grid.types.d.ts +12 -0
  288. package/dist/types/data-grid/data-grid.types.d.ts.map +1 -1
  289. package/dist/types/data-grid/index.d.ts +1 -1
  290. package/dist/types/data-grid/index.d.ts.map +1 -1
  291. package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
  292. package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
  293. package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
  294. package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
  295. package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
  296. package/dist/types/i18n/slotted-provider.d.ts +6 -0
  297. package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
  298. package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
  299. package/dist/types/message/message-parts.d.ts.map +1 -1
  300. package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
  301. package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
  302. package/dist/types/page-header/page-header-defaults.d.ts +1 -1
  303. package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
  304. package/dist/types/page-header/page-header.d.ts +1 -1
  305. package/dist/types/page-header/page-header.d.ts.map +1 -1
  306. package/dist/types/page-header/page-header.types.d.ts +9 -0
  307. package/dist/types/page-header/page-header.types.d.ts.map +1 -1
  308. package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
  309. package/dist/types/select/select-parts.d.ts.map +1 -1
  310. package/dist/types/text-field/text-field.d.ts.map +1 -1
  311. package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
  312. package/dist/types/timeline/timeline.d.ts.map +1 -1
  313. package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
  314. package/dist/types/toolbar/toolbar.types.d.ts +2 -2
  315. package/dist/types/tree/tree-parts.d.ts.map +1 -1
  316. package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
  317. package/dist/upload.js +1 -1
  318. package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
  319. package/dist/wizard.js +1 -1
  320. package/package.json +6 -6
  321. package/dist/action-bar-CJgBierN.js +0 -283
  322. package/dist/action-sheet-tRrjm7WQ.js +0 -358
  323. package/dist/cascader-DqlC1z5b.js +0 -1154
  324. package/dist/combobox-YWFkxaQ3.js +0 -902
  325. package/dist/command-palette-DXNq-zKN.js +0 -741
  326. package/dist/data-list-DZCN_uW1.js +0 -587
  327. package/dist/entity-picker-CFwLGQeU.js +0 -1281
  328. package/dist/filter-bar-G50WdRac.js +0 -1340
  329. package/dist/message-Dtck9RJy.js +0 -434
  330. package/dist/message-scroller-niUJ8RoL.js +0 -216
  331. package/dist/prompt-composer-sh_TXKYZ.js +0 -273
  332. package/dist/select-BFx5EgAa.js +0 -1018
  333. package/dist/text-field-DL_uhNXV.js +0 -203
  334. package/dist/timeline-pEL30Jp8.js +0 -446
  335. package/dist/toolbar-BtIyVbs4.js +0 -241
  336. package/dist/tree-DbLRyItM.js +0 -792
package/dist/styles/action-bar.css CHANGED
@@ -5,4 +5,4 @@
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-action-bar]{--_gap:var(--slotted-control-gap-md,.5rem);--_inset-block:var(--slotted-space-4,.5rem);--_inset-inline:var(--slotted-space-5,.75rem);--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_separator-inset:var(--slotted-space-2,.25rem);--_duration:var(--slotted-control-transition-duration);--_easing:var(--slotted-control-transition-easing);box-sizing:border-box;align-items:center;gap:var(--slotted-action-bar-gap,var(--_gap));inline-size:100%;min-block-size:calc(var(--_height) + 2 * var(--_inset-block));min-inline-size:0;padding-block:var(--slotted-action-bar-inset-block,var(--_inset-block));padding-inline:var(--slotted-action-bar-inset-inline,var(--_inset-inline));flex-wrap:wrap;display:flex;container:slotted-action-bar/inline-size}[data-ui-action-bar][data-size=sm]{--_gap:var(--slotted-control-gap-sm,.375rem);--_inset-block:var(--slotted-space-3,.375rem);--_inset-inline:var(--slotted-space-4,.5rem);--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_separator-inset:var(--slotted-space-1,.125rem)}[data-ui-action-bar][data-size=lg]{--_gap:var(--slotted-control-gap-lg,.5rem);--_inset-block:var(--slotted-space-5,.75rem);--_inset-inline:var(--slotted-space-6,1rem);--_height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_separator-inset:var(--slotted-space-3,.375rem)}[data-ui-action-bar]:not(:has([data-part-actions]>:not([hidden]))):not(:has([data-part-status])){display:none}[data-ui-action-bar][data-variant=raised]{background-color:var(--slotted-action-bar-background,var(--slotted-surface,Canvas));border-block-start:var(--slotted-border-width-thin,1px) solid var(--slotted-action-bar-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-action-bar][data-sticky]{z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:var(--slotted-page-sticky-bottom,0px)}[data-ui-action-bar][data-status]{transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing)}[data-ui-action-bar]:is([data-status=entering],[data-status=exiting]){opacity:0;translate:0 100%}[data-ui-action-bar] [data-part-status]{color:var(--slotted-action-bar-status-color,var(--slotted-text-muted,GrayText));font-family:var(--slotted-control-font-family,inherit);font-size:var(--_font-size);align-items:center;gap:var(--_gap);flex:auto;min-inline-size:0;display:flex}[data-ui-action-bar] [data-part-actions]{align-items:center;gap:var(--_gap);flex-wrap:wrap;flex:none;justify-content:flex-end;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;display:flex}[data-ui-action-bar][data-align=start] [data-part-actions]{justify-content:flex-start;margin-inline:0 auto}[data-ui-action-bar][data-align=center] [data-part-actions]{justify-content:center;margin-inline:auto}[data-ui-action-bar][data-align=center]:not(:has([data-part-status])) [data-part-actions]{margin-inline:auto}[data-ui-action-bar] [data-part-action]{flex:none;align-items:center;min-inline-size:0;display:inline-flex}[data-ui-action-bar] :is([data-part-action],[data-part-separator],[data-part-overflow])[hidden]{display:none}[data-ui-action-bar] [data-part-separator]{background-color:var(--slotted-action-bar-separator-color,var(--slotted-border-strong,ButtonBorder));inline-size:var(--slotted-border-width-thin,1px);margin-block:var(--_separator-inset);margin-inline:calc(var(--_gap) / 2);min-block-size:calc(var(--_height) - 2 * var(--_separator-inset));border:0;flex:none;align-self:stretch}[data-ui-action-bar] [data-part-overflow]{appearance:none;--slotted-icon-size:var(--_icon-size);border-radius:var(--slotted-control-radius,4px);color:var(--slotted-action-bar-overflow-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,inherit);min-block-size:var(--_height);min-inline-size:max(var(--slotted-target-min,24px), var(--_height));transition:background-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;margin-inline-start:calc(var(--_gap) / 2);padding:0;line-height:1;display:inline-flex}[data-ui-action-bar] [data-part-overflow]:not(:disabled):hover{background-color:var(--slotted-action-bar-overflow-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-action-bar-overflow-hover-color,var(--slotted-text,CanvasText))}[data-ui-action-bar] [data-part-overflow]:not(:disabled):active{background-color:var(--slotted-action-bar-overflow-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-action-bar] [data-part-overflow][data-open]{background-color:var(--slotted-action-bar-overflow-open-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-action-bar-overflow-hover-color,var(--slotted-text,CanvasText))}[data-ui-action-bar] [data-part-overflow]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:default}[data-ui-action-bar] [data-part-overflow]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-action-bar (width<24rem){[data-ui-action-bar] [data-part-actions]{--_stacked:1;flex-direction:column-reverse;flex:100%;align-items:stretch;margin-inline:0}[data-ui-action-bar] [data-part-action]>*{inline-size:100%}[data-ui-action-bar] [data-part-overflow]{display:none}[data-ui-action-bar] [data-part-separator]{block-size:var(--slotted-border-width-thin,1px);inline-size:auto;margin-block:calc(var(--_gap) / 2);margin-inline:var(--_separator-inset);min-block-size:0}[data-ui-action-bar] [data-part-status]{flex:100%}[data-ui-action-bar] [data-part-status]>*{align-content:space-between;inline-size:100%}}@media (forced-colors:active){[data-ui-action-bar] [data-part-separator]{forced-color-adjust:none;background-color:canvastext}}}
8
+ @layer slotted.components{[data-ui-action-bar]{--_gap:var(--slotted-control-gap-md,.5rem);--_inset-block:var(--slotted-space-4,.5rem);--_inset-inline:var(--slotted-space-5,.75rem);--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_separator-inset:var(--slotted-space-2,.25rem);--_duration:var(--slotted-control-transition-duration);--_easing:var(--slotted-control-transition-easing);box-sizing:border-box;align-items:center;gap:var(--slotted-action-bar-gap,var(--_gap));inline-size:100%;min-block-size:calc(var(--_height) + 2 * var(--_inset-block));min-inline-size:0;padding-block:var(--slotted-action-bar-inset-block,var(--_inset-block));padding-inline:var(--slotted-action-bar-inset-inline,var(--_inset-inline));flex-wrap:wrap;display:flex;container:slotted-action-bar/inline-size}[data-ui-action-bar][data-size=sm]{--_gap:var(--slotted-control-gap-sm,.375rem);--_inset-block:var(--slotted-space-3,.375rem);--_inset-inline:var(--slotted-space-4,.5rem);--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_separator-inset:var(--slotted-space-1,.125rem)}[data-ui-action-bar][data-size=lg]{--_gap:var(--slotted-control-gap-lg,.5rem);--_inset-block:var(--slotted-space-5,.75rem);--_inset-inline:var(--slotted-space-6,1rem);--_height:var(--slotted-control-height-lg,38px);--_font-size:var(--slotted-control-font-size-lg,.875rem);--_icon-size:var(--slotted-control-icon-size-lg,18px);--_separator-inset:var(--slotted-space-3,.375rem)}[data-ui-action-bar]:not(:has([data-part-actions]>:not([hidden]))):not(:has([data-part-status])){display:none}[data-ui-action-bar][data-variant=raised]{background-color:var(--slotted-action-bar-background,var(--slotted-surface,Canvas));border-block-start:var(--slotted-border-width-thin,1px) solid var(--slotted-action-bar-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-action-bar][data-sticky]{z-index:var(--slotted-z-index-sticky,100);position:sticky;inset-block-end:var(--slotted-page-sticky-bottom,0px)}[data-ui-action-bar][data-status]{transition:translate var(--_duration) var(--_easing), opacity var(--_duration) var(--_easing)}[data-ui-action-bar]:is([data-status=entering],[data-status=exiting]){opacity:0;translate:0 100%}[data-ui-action-bar] [data-part-status]{color:var(--slotted-action-bar-status-color,var(--slotted-text-muted,GrayText));font-family:var(--slotted-control-font-family,inherit);font-size:var(--_font-size);align-items:center;gap:var(--_gap);flex:auto;min-inline-size:0;display:flex}[data-ui-action-bar] [data-part-actions]{align-items:center;gap:var(--_gap);flex-wrap:wrap;flex:none;justify-content:flex-end;min-inline-size:0;max-inline-size:100%;margin-inline-start:auto;display:flex}[data-ui-action-bar][data-align=start] [data-part-actions]{justify-content:flex-start;margin-inline:0 auto}[data-ui-action-bar][data-align=center] [data-part-actions]{justify-content:center;margin-inline:auto}[data-ui-action-bar][data-align=center]:not(:has([data-part-status])) [data-part-actions]{margin-inline:auto}[data-ui-action-bar] [data-part-action]{flex:none;align-items:center;min-inline-size:0;display:inline-flex}[data-ui-action-bar] :is([data-part-action],[data-part-separator],[data-part-overflow])[hidden]{display:none}[data-ui-action-bar] [data-part-separator]{background-color:var(--slotted-action-bar-separator-color,var(--slotted-border-strong,ButtonBorder));inline-size:var(--slotted-border-width-thin,1px);margin-block:var(--_separator-inset);margin-inline:calc(var(--_gap) / 2);min-block-size:calc(var(--_height) - 2 * var(--_separator-inset));border:0;flex:none;align-self:stretch}[data-ui-action-bar] [data-part-overflow]{appearance:none;--slotted-icon-size:var(--_icon-size);border-radius:var(--slotted-control-radius,4px);color:var(--slotted-action-bar-overflow-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,inherit);min-block-size:var(--_height);min-inline-size:max(var(--slotted-target-min,24px), var(--_height));transition:background-color var(--_duration) var(--_easing), color var(--_duration) var(--_easing);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;margin-inline-start:calc(var(--_gap) / 2);padding:0;line-height:1;display:inline-flex}[data-ui-action-bar] [data-part-overflow]:not(:disabled):hover{background-color:var(--slotted-action-bar-overflow-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-action-bar-overflow-hover-color,var(--slotted-text,CanvasText))}[data-ui-action-bar] [data-part-overflow]:not(:disabled):active{background-color:var(--slotted-action-bar-overflow-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-action-bar] [data-part-overflow][data-open]{background-color:var(--slotted-action-bar-overflow-open-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-action-bar-overflow-hover-color,var(--slotted-text,CanvasText))}[data-ui-action-bar] [data-part-overflow]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:default}[data-ui-action-bar] [data-part-overflow]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@container slotted-action-bar (width<24rem){[data-ui-action-bar]:not(:has([data-part-overflow])) [data-part-actions]{--_stacked:1;flex-direction:column-reverse;flex:100%;align-items:stretch;margin-inline:0}[data-ui-action-bar]:not(:has([data-part-overflow])) [data-part-action]>*{inline-size:100%}[data-ui-action-bar]:not(:has([data-part-overflow])) [data-part-separator]{block-size:var(--slotted-border-width-thin,1px);inline-size:auto;margin-block:calc(var(--_gap) / 2);margin-inline:var(--_separator-inset);min-block-size:0}[data-ui-action-bar]:not(:has([data-part-overflow])) [data-part-status]{flex:100%}[data-ui-action-bar]:not(:has([data-part-overflow])) [data-part-status]>*{align-content:space-between;inline-size:100%}}@media (forced-colors:active){[data-ui-action-bar] [data-part-separator]{forced-color-adjust:none;background-color:canvastext}}}
package/dist/styles/action-sheet.css CHANGED
@@ -1,8 +1,8 @@
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-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]: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))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]: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))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}
4
+ @layer slotted.components{[data-ui-drawer]{--_step:var(--slotted-drawer-extent-md,24rem);--_extent:var(--slotted-drawer-extent,var(--_step));--_padding-inline:var(--slotted-space-7,1.25rem);--_padding-block:var(--slotted-space-6,1rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-lg,1rem);--_description-font-size:var(--slotted-font-size-md,.875rem);--_body-font-size:var(--slotted-font-size-md,.875rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_resizer-thickness:var(--slotted-space-6,1rem);--_resizer-reach:var(--slotted-target-min,24px);--_resizer-line:var(--slotted-border-width-thick,2px);--_radius:var(--slotted-radius-lg,8px);--_slide:var(--slotted-duration-long) var(--slotted-easing-enter);--_move:var(--slotted-duration-medium) var(--slotted-easing-enter);--_reveal:content-visibility var(--slotted-duration-medium) allow-discrete;box-sizing:border-box;color:var(--slotted-drawer-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:var(--_reveal);grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}[data-ui-drawer]:not([data-open]){--_slide:var(--slotted-duration-medium) var(--slotted-easing-exit);--_move:var(--slotted-duration-medium) var(--slotted-easing-exit)}[data-ui-drawer][data-dragging]{--_move:var(--slotted-duration-instant) var(--slotted-easing-standard)}[data-ui-drawer][data-size=sm]{--_step:var(--slotted-drawer-extent-sm,18rem);--_padding-inline:var(--slotted-space-6,1rem)}[data-ui-drawer][data-size=lg]{--_step:var(--slotted-drawer-extent-lg,30rem)}[data-ui-drawer][data-size=xl]{--_step:var(--slotted-drawer-extent-xl,40rem);--_padding-inline:var(--slotted-space-8,1.5rem);--_title-font-size:var(--slotted-font-size-xl,1.125rem)}[data-ui-drawer][data-size=full]{--_step:100%}[data-ui-drawer][data-mode=overlay]{z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));position:fixed;inset:0}[data-ui-drawer][data-mode=inline]{overflow:clip}[data-ui-drawer][data-mode=inline][data-side=start],[data-ui-drawer][data-mode=inline][data-side=end]{inline-size:0;transition:inline-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-side=top],[data-ui-drawer][data-mode=inline][data-side=bottom]{block-size:0;transition:block-size var(--_move), var(--_reveal)}[data-ui-drawer][data-mode=inline][data-open][data-side=start],[data-ui-drawer][data-mode=inline][data-open][data-side=end]{inline-size:var(--_extent);max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]{block-size:var(--_extent);max-block-size:100%}[data-ui-drawer][inert]{content-visibility:hidden;pointer-events:none}[data-ui-drawer]>[data-part-backdrop]{background:var(--slotted-drawer-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-drawer][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-drawer]>[data-part-panel]{box-sizing:border-box;transition:inline-size var(--_move), block-size var(--_move);--_row-padding-inline-start:var(--_padding-inline);--_row-padding-inline-end:var(--_padding-inline);background:var(--slotted-drawer-surface,var(--slotted-surface-raised,Canvas));border-color:var(--slotted-drawer-border-color,var(--slotted-border-subtle,ButtonBorder));border-style:solid;border-width:0;grid-area:1/1;grid-template-columns:minmax(0,1fr);min-block-size:0;min-inline-size:0;display:grid;position:relative;overflow:hidden}[data-ui-drawer][data-mode=overlay]>[data-part-panel]{box-shadow:var(--slotted-shadow-lg);transition:translate var(--_slide), inline-size var(--_move), block-size var(--_move), border-start-start-radius var(--_move), border-start-end-radius var(--_move);translate:0}[data-ui-drawer][data-mode=overlay]:not([data-open])>[data-part-panel]{translate:var(--_shift-x,0) var(--_shift-y,0)}[data-ui-drawer][data-dragging]>[data-part-panel]{transition:none}[data-ui-drawer][data-dragging][data-mode=overlay]>[data-part-panel]{transition:translate var(--_slide)}[data-ui-drawer][data-dragging][data-mode=inline][data-side=start],[data-ui-drawer][data-dragging][data-mode=inline][data-side=end],[data-ui-drawer][data-dragging][data-mode=inline][data-side=top],[data-ui-drawer][data-dragging][data-mode=inline][data-side=bottom]{transition:var(--_reveal)}@media (prefers-reduced-motion:reduce){[data-ui-drawer][data-mode=overlay]>[data-part-panel]{transition:inline-size var(--_move), block-size var(--_move);translate:0}}[data-ui-drawer][data-side=start]>[data-part-panel],[data-ui-drawer][data-side=end]>[data-part-panel]{inline-size:min(var(--_extent), 100%);grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}[data-ui-drawer][data-side=top]>[data-part-panel],[data-ui-drawer][data-side=bottom]>[data-part-panel]{block-size:min(var(--_extent), 100%);justify-self:stretch}[data-ui-drawer][data-side=start]>[data-part-panel]{--_shift-x:-100%;--_row-padding-inline-end:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-end-width:var(--_rule-size);justify-self:start}[data-ui-drawer][data-side=end]>[data-part-panel]{--_shift-x:100%;--_row-padding-inline-start:max(var(--_padding-inline), var(--_resizer-thickness));border-inline-start-width:var(--_rule-size);justify-self:end}[data-ui-drawer][data-side=top]>[data-part-panel]{--_shift-y:-100%;border-block-end-width:var(--_rule-size);border-end-end-radius:var(--slotted-drawer-radius,var(--_radius));border-end-start-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto minmax(0,1fr) auto auto;align-self:start}[data-ui-drawer][data-side=bottom]>[data-part-panel]{--_shift-y:100%;border-block-start-width:var(--_rule-size);border-start-start-radius:var(--slotted-drawer-radius,var(--_radius));border-start-end-radius:var(--slotted-drawer-radius,var(--_radius));grid-template-rows:auto auto minmax(0,1fr) auto;align-self:end}[data-ui-drawer][data-side=bottom][data-expanded]>[data-part-panel]{border-start-start-radius:var(--slotted-drawer-radius-expanded,0px);border-start-end-radius:var(--slotted-drawer-radius-expanded,0px)}[data-ui-drawer][data-side=bottom][data-expanded]>[data-part-panel]>[data-part-header]{padding-block-start:calc(var(--_padding-block) + env(safe-area-inset-top,0px))}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-header]{grid-row:2}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]{grid-row:3}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{grid-row:4}[data-ui-drawer][data-mode=overlay][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=overlay][data-side=bottom]>[data-part-panel]{inline-size:min(100%, var(--slotted-drawer-sheet-inline-size,var(--slotted-drawer-extent-xl,40rem)));border-inline-width:var(--_rule-size);justify-self:center}[data-ui-drawer][data-size=content]{--_step:auto;--_content-cap:min(var(--slotted-drawer-extent,calc(100% - var(--slotted-space-12,4rem))), 100%);interpolate-size:allow-keywords}[data-ui-drawer][data-size=content][data-side=start],[data-ui-drawer][data-size=content][data-side=end]{--_step:max-content}[data-ui-drawer][data-size=content][data-side=start]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=end]>[data-part-panel]{inline-size:var(--_extent);max-inline-size:var(--_content-cap)}[data-ui-drawer][data-size=content][data-side=top]>[data-part-panel],[data-ui-drawer][data-size=content][data-side=bottom]>[data-part-panel]{block-size:var(--_extent);max-block-size:var(--_content-cap)}[data-ui-drawer][data-mode=overlay]{padding-block-end:var(--slotted-keyboard-inset,0px)}[data-ui-drawer][data-undimmed]>[data-part-backdrop]{opacity:0;pointer-events:none}[data-ui-drawer][data-undimmed]{pointer-events:none}[data-ui-drawer][data-undimmed]>[data-part-panel]{pointer-events:auto}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-body]:last-child{padding-block-end:calc(var(--_padding-block) + env(safe-area-inset-bottom,0px))}[data-ui-drawer][data-side=start]:dir(rtl)>[data-part-panel]{--_shift-x:100%}[data-ui-drawer][data-side=end]:dir(rtl)>[data-part-panel]{--_shift-x:-100%}[data-ui-drawer][data-size=full]>[data-part-panel]{border-width:0;border-radius:0}[data-ui-drawer][data-mode=inline][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=end]>[data-part-panel]{inline-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-side=bottom]>[data-part-panel]{block-size:var(--_extent)}[data-ui-drawer][data-mode=inline][data-open][data-side=start]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=end]>[data-part-panel]{max-inline-size:100%}[data-ui-drawer][data-mode=inline][data-open][data-side=top]>[data-part-panel],[data-ui-drawer][data-mode=inline][data-open][data-side=bottom]>[data-part-panel]{max-block-size:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]{justify-content:center;align-items:center;gap:min(var(--slotted-space-9,2rem), 12%);touch-action:none;--_rest:var(--slotted-drawer-resizer-line-color,var(--slotted-border-strong,ButtonBorder));--_active:var(--slotted-drawer-resizer-line-active-color,var(--slotted-text-muted,ButtonText));background:0 0;display:flex}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover,[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible,[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]{gap:var(--slotted-space-4,.5rem)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{flex-direction:column}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:before{content:"";--_reach-overhang:calc((var(--_resizer-reach) - var(--_resizer-thickness)) / -2);position:absolute}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]:before{inset-block:0;inset-inline:var(--_reach-overhang)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:before,[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:before{inset-inline:0;inset-block:var(--_reach-overhang)}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inline-size:var(--_resizer-thickness);cursor:col-resize;position:absolute;inset-block:0}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]{inset-inline-end:0}[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]{inset-inline-start:0}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{block-size:var(--_resizer-thickness);cursor:row-resize;position:relative}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]{grid-row:1}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]{grid-row:4}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-line]{flex:0 1 min(var(--slotted-space-12,4rem), 20%);min-block-size:0;min-inline-size:0;inline-size:var(--slotted-border-width-thin,1px);border-radius:var(--slotted-radius-sm,2px);transition:flex-basis var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:first-child{background:linear-gradient(to bottom, transparent, var(--_rest))}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child,[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-line]:last-child{background:linear-gradient(to top, transparent, var(--_rest))}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-line],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-line],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-line]{background:var(--_active);flex-basis:100%}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));flex:none}[data-ui-drawer][data-side=start]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=end]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_rest);background-image:radial-gradient(circle,currentColor 40%,#0000 42%);background-size:var(--slotted-space-2,.25rem) var(--slotted-space-2,.25rem);inline-size:calc(2 * var(--slotted-space-2,.25rem));block-size:calc(3 * var(--slotted-space-2,.25rem))}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_rest);border-radius:var(--slotted-radius-full,9999px);block-size:var(--slotted-space-2,.25rem);inline-size:var(--slotted-space-11,3rem)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-line],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-line]{display:none}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{color:var(--_active)}[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):hover>[data-part-grip],[data-ui-drawer][data-side=top]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-resizer]:not([data-disabled]):focus-visible>[data-part-grip],[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel]>[data-part-resizer]>[data-part-grip],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]>[data-part-resizer]>[data-part-grip]{background-color:var(--_active)}[data-ui-drawer]>[data-part-panel]>[data-part-resizer]: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))}[data-ui-drawer][data-dragging][data-side=start]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=end]>[data-part-panel]{will-change:inline-size}[data-ui-drawer][data-dragging][data-side=top]>[data-part-panel],[data-ui-drawer][data-dragging][data-side=bottom]>[data-part-panel]{will-change:block-size}[data-ui-drawer]>[data-part-panel]>[data-part-header]{align-items:start;column-gap:var(--_gap);row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);grid-row:1;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-drawer-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:var(--_title-font-size);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);color:var(--slotted-drawer-title-color,var(--slotted-text,CanvasText));grid-area:1/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-description]{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-description-color,var(--slotted-text-muted,GrayText));grid-area:2/1;margin:0}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{--slotted-icon-size:var(--_icon-size);block-size:var(--_close-size);inline-size:var(--_close-size);appearance:none;border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-drawer-close-color,var(--slotted-text-muted,GrayText));cursor:pointer;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background-color:#0000;border:0;grid-area:1/2/span 2;align-self:start;place-items:center;margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}@media (pointer:coarse){[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]{position:relative}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-drawer-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-drawer-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-drawer]>[data-part-panel]>[data-part-header]>[data-part-close]: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))}[data-ui-drawer]>[data-part-panel]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-drawer-body-color,var(--slotted-text,CanvasText));grid-row:2;overflow:hidden auto}[data-ui-drawer]>[data-part-panel]>[data-part-body][data-inset=none]{padding:0}[data-ui-drawer]>[data-part-panel]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-drawer][data-loading]>[data-part-panel]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-drawer]>[data-part-panel]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_padding-block);padding-inline:var(--_row-padding-inline-start) var(--_row-padding-inline-end);background:var(--slotted-drawer-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;grid-row:3;display:flex}[data-ui-drawer][data-side=bottom]>[data-part-panel]>[data-part-footer]{padding-block-end:calc(var(--_footer-padding-block,var(--_padding-block)) + env(safe-area-inset-bottom,0px))}[data-ui-drawer]>[data-part-panel]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-drawer-rule-color,var(--slotted-border-subtle,ButtonBorder))}@media (forced-colors:active){[data-ui-drawer]>[data-part-panel]{border-width:var(--slotted-border-width-thick,2px);border-color:canvastext}}}
5
5
 
6
6
  @layer slotted.components{[data-ui-action-sheet]{--_inset:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_label-size:var(--slotted-font-size-md,.875rem);--_icon-size:calc(var(--_label-size) * 1.125);--_item-height:var(--slotted-control-height-lg,38px);--_rule-size:var(--slotted-border-width-thin,1px);--_rule:var(--slotted-action-sheet-rule-color,var(--slotted-border-subtle,ButtonBorder));--_muted:var(--slotted-text-muted,GrayText);--_highlight:var(--slotted-action-sheet-highlight,var(--slotted-tone-secondary-subtle-hover,ButtonFace));--_highlight-active:var(--slotted-action-sheet-highlight-active,var(--slotted-tone-secondary-subtle-active,ButtonFace));--_accent:var(--slotted-text,CanvasText);--_list-inset:var(--slotted-space-2,.25rem);inline-size:min(100%, var(--slotted-action-sheet-inline-size,32rem));box-sizing:border-box;min-block-size:0;padding-inline:max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));color:var(--slotted-text,CanvasText);font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));grid-row:1/-1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-self:center;display:grid}@media (pointer:coarse){[data-ui-action-sheet]{--_label-size:var(--slotted-font-size-lg,1rem)}}[data-ui-action-sheet]>[data-part-header]{border-block-end:var(--_rule-size) solid var(--_rule);padding-block:var(--slotted-space-6,1rem) var(--slotted-space-5,.75rem);padding-inline:var(--_inset);row-gap:var(--slotted-space-1,.125rem);display:grid}[data-ui-action-sheet] [data-part-title]{color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-heading,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-semibold,600);line-height:var(--slotted-line-height-md,1.5);overflow-wrap:anywhere;margin:0}[data-ui-action-sheet] [data-part-message]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;margin:0}[data-ui-action-sheet]>[data-part-list]{--_mark:0px;--_column-gap:0px;overscroll-behavior:contain;min-block-size:0;padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_list-inset);grid-row:2;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;display:grid;overflow-y:auto}[data-ui-action-sheet]>[data-part-list]:has([data-part-icon]){--_mark:var(--_icon-size);--_column-gap:var(--_gap)}[data-ui-action-sheet]:not(:has(>[data-part-footer]))>[data-part-list]{padding-block-end:calc(var(--slotted-space-2,.25rem) + env(safe-area-inset-bottom,0px))}[data-ui-action-sheet] [data-part-group]{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;display:grid}[data-ui-action-sheet] [data-part-group-label]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-sm,1.45);padding-block:var(--slotted-space-4,.5rem) var(--slotted-space-2,.25rem);padding-inline:calc(var(--_inset) - var(--_list-inset))}[data-ui-action-sheet] [data-part-separator]{background-color:var(--_rule);block-size:var(--_rule-size);margin-block:var(--slotted-space-2,.25rem);border:0;margin-inline:0}[data-ui-action-sheet] [data-part-item]{appearance:none;box-sizing:border-box;color:var(--_accent);align-content:center;column-gap:var(--_column-gap);cursor:pointer;font:inherit;font-size:var(--_label-size);grid-template-columns:var(--_mark) minmax(0, 1fr);line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-4,.5rem);padding-inline:calc(var(--_inset) - var(--_list-inset));border-radius:var(--slotted-control-radius,6px);row-gap:var(--slotted-space-1,.125rem);text-align:start;-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard)), color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));background:0 0;border:0;margin:0;text-decoration:none;display:grid}[data-ui-action-sheet] [data-part-item]:focus{background-color:var(--_highlight);outline:none}@media (hover:hover){[data-ui-action-sheet] [data-part-item]:hover:not([data-disabled]):not([data-loading]){background-color:var(--_highlight)}}[data-ui-action-sheet] [data-part-item]: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-action-sheet] [data-part-item]:active:not([data-disabled]):not([data-loading]){background-color:var(--_highlight-active)}[data-ui-action-sheet] [data-part-item][data-disabled]{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{background-color:var(--slotted-disabled-background,ButtonFace)}[data-ui-action-sheet] [data-part-item][data-loading]{cursor:progress}[data-ui-action-sheet] [data-part-icon]{--slotted-icon-size:var(--_icon-size);--slotted-spinner-size:var(--_icon-size);block-size:1lh;inline-size:var(--_icon-size);grid-area:1/1;justify-content:center;align-items:center;display:flex}[data-ui-action-sheet] [data-part-icon]>*{font-size:var(--_icon-size);flex:none}[data-ui-action-sheet] [data-part-label]{overflow-wrap:anywhere;grid-area:1/2;min-inline-size:0}[data-ui-action-sheet] [data-part-description]{color:var(--_muted);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere;grid-area:2/2;min-inline-size:0}[data-ui-action-sheet] [data-part-item][data-disabled]>[data-part-description]{color:inherit}[data-ui-action-sheet] [data-part-item][data-tone=accent]{--_accent:var(--slotted-tone-accent-text);--_highlight:var(--slotted-tone-accent-surface);--_highlight-active:var(--slotted-tone-accent-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=secondary]{--_accent:var(--slotted-tone-secondary-text);--_highlight:var(--slotted-tone-secondary-surface);--_highlight-active:var(--slotted-tone-secondary-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=success]{--_accent:var(--slotted-tone-success-text);--_highlight:var(--slotted-tone-success-surface);--_highlight-active:var(--slotted-tone-success-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=warning]{--_accent:var(--slotted-tone-warning-text);--_highlight:var(--slotted-tone-warning-surface);--_highlight-active:var(--slotted-tone-warning-subtle-active)}[data-ui-action-sheet] [data-part-item][data-tone=danger]{--_accent:var(--slotted-tone-danger-text);--_highlight:var(--slotted-tone-danger-surface);--_highlight-active:var(--slotted-tone-danger-subtle-active)}[data-ui-action-sheet]>[data-part-footer]{background:var(--slotted-action-sheet-footer-surface,var(--slotted-surface-sunken,Canvas));border-block-start:var(--_rule-size) solid var(--_rule);padding-block:var(--slotted-space-4,.5rem) calc(var(--slotted-space-4,.5rem) + env(safe-area-inset-bottom,0px));padding-inline:var(--_inset);grid-row:3;display:grid}[data-ui-action-sheet] [data-part-cancel]{appearance:none;background:var(--slotted-control-surface,ButtonFace);border:var(--slotted-control-border-width,1px) solid var(--slotted-control-border-color,ButtonBorder);border-radius:var(--slotted-control-radius,6px);box-shadow:var(--slotted-control-shadow);box-sizing:border-box;color:var(--slotted-text,CanvasText);cursor:pointer;font:inherit;font-size:var(--_label-size);font-weight:var(--slotted-font-weight-semibold,600);inline-size:100%;line-height:var(--slotted-line-height-md,1.5);min-block-size:var(--_item-height);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--_inset);-webkit-tap-highlight-color:transparent;transition:background-color var(--slotted-control-transition-duration,var(--slotted-duration-short)) var(--slotted-control-transition-easing,var(--slotted-easing-standard));margin:0}@media (hover:hover){[data-ui-action-sheet] [data-part-cancel]:hover:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}}[data-ui-action-sheet] [data-part-cancel]:active:not(:disabled){background:var(--slotted-tone-secondary-subtle-active,ButtonFace);box-shadow:none;translate:0 var(--slotted-border-width-thin,1px)}[data-ui-action-sheet] [data-part-cancel]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}@media (forced-colors:active){[data-ui-action-sheet] [data-part-item]:focus{color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-action-sheet] [data-part-item][data-disabled]:focus{color:graytext;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}}}
package/dist/styles/button.css CHANGED
@@ -1,4 +1,4 @@
1
1
  @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
2
- @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")}}}
2
+ @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}}}
3
3
 
4
- @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}}
4
+ @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}}
package/dist/styles/cascader.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-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)}}
9
9
 
package/dist/styles/chart.css CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  @layer slotted.components{[data-ui-chart]{--_gap:var(--slotted-chart-gap,var(--slotted-space-5,.75rem));--_plot-size:var(--slotted-chart-plot-block-size,calc(var(--slotted-space-12,4rem) * 4));--_radius:var(--slotted-chart-radius,var(--slotted-radius-md,6px));--_chart-slot-1:var(--slotted-chart-color-1,var(--slotted-data-1));--_chart-slot-2:var(--slotted-chart-color-2,var(--slotted-data-2));--_chart-slot-3:var(--slotted-chart-color-3,var(--slotted-data-3));--_chart-slot-4:var(--slotted-chart-color-4,var(--slotted-data-4));--_chart-slot-5:var(--slotted-chart-color-5,var(--slotted-data-5));--_chart-slot-6:var(--slotted-chart-color-6,var(--slotted-data-6));--_chart-slot-7:var(--slotted-chart-color-7,var(--slotted-data-7));--_chart-slot-8:var(--slotted-chart-color-8,var(--slotted-data-8));--_chart-tone-neutral:var(--slotted-text-muted,GrayText);--_chart-tone-accent:var(--slotted-tone-accent-text,CanvasText);--_chart-tone-secondary:var(--slotted-tone-secondary-text,CanvasText);--_chart-tone-success:var(--slotted-tone-success-text,CanvasText);--_chart-tone-info:var(--slotted-tone-info-text,CanvasText);--_chart-tone-warning:var(--slotted-tone-warning-text,CanvasText);--_chart-tone-danger:var(--slotted-tone-danger-text,CanvasText);--_chart-overflow:var(--slotted-text-muted,GrayText);--_chart-text:var(--slotted-text,CanvasText);--_chart-label:var(--slotted-chart-label-color,var(--slotted-text-muted,GrayText));--_chart-grid:var(--slotted-chart-grid-color,var(--slotted-border-subtle,GrayText));--_chart-axis:var(--slotted-chart-axis-color,var(--slotted-control-border-color,GrayText));--_chart-reference:var(--slotted-chart-reference-color,var(--slotted-border-strong,GrayText));--_chart-surface:var(--slotted-chart-surface,var(--slotted-surface,Canvas));--_chart-label-size:var(--slotted-chart-label-size,var(--slotted-font-size-xs,.75rem));--_chart-line-width:var(--slotted-chart-line-width,var(--slotted-border-width-thick,2px));--_chart-marker-size:var(--slotted-chart-marker-size,var(--slotted-space-4,.5rem));--_chart-bar-radius:var(--slotted-chart-bar-radius,var(--slotted-radius-sm,4px));--_chart-area-opacity:var(--slotted-chart-area-opacity,.18);--_chart-inset:var(--slotted-chart-inset,var(--slotted-control-gap-md,.5rem));--_chart-duration:var(--slotted-duration-long);--_chart-easing:var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-sans,system-ui, sans-serif);font-size:var(--slotted-font-size-md,.875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md,1.5);flex-direction:column;min-inline-size:0;margin:0;display:flex;container:slotted-chart/inline-size}[data-ui-chart][data-size=sm]{--_plot-size:var(--slotted-chart-plot-block-size-sm,calc(var(--slotted-space-12,4rem) * 3))}[data-ui-chart][data-size=lg]{--_plot-size:var(--slotted-chart-plot-block-size-lg,calc(var(--slotted-space-12,4rem) * 6))}[data-ui-chart][data-palette=sequential]{--_hue:var(--slotted-chart-sequential-color,var(--slotted-tone-accent-text,CanvasText));--_chart-slot-1:var(--_hue);--_chart-slot-2:color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3:color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4:color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5:color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6:color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7:color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8:color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui-chart][data-palette=focus]{--_muted:var(--slotted-text-muted,GrayText);--_chart-slot-1:var(--slotted-chart-focus-color,var(--slotted-tone-accent-text,CanvasText));--_chart-slot-2:color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3:color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4:color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5:color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6:color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7:color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8:color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui-chart][data-variant=card]{--_chart-surface:var(--slotted-chart-surface,var(--slotted-surface-raised,Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,CanvasText);border-radius:var(--slotted-chart-card-radius,var(--slotted-radius-lg,8px));padding-block:var(--slotted-chart-card-padding-block,var(--slotted-space-6,1rem));padding-inline:var(--slotted-chart-card-padding-inline,var(--slotted-space-6,1rem))}[data-ui-chart]>[data-part-header]{align-items:start;gap:var(--slotted-space-4,.5rem);min-inline-size:0;display:flex}[data-ui-chart]>[data-part-header]>:first-child{align-content:start;gap:var(--slotted-space-1,.125rem);flex:auto;min-inline-size:0;display:grid}[data-ui-chart]>[data-part-header]>:first-child>:first-child{align-items:center;gap:var(--slotted-space-2,.25rem);min-inline-size:0;display:flex}[data-ui-chart]>[data-part-header] [data-part-title]{color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif));font-size:var(--slotted-font-size-lg,1rem);font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-lg,1.5);overflow-wrap:anywhere;min-inline-size:0}[data-ui-chart]>[data-part-header] [data-part-description]{color:var(--slotted-text-muted,GrayText);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);overflow-wrap:anywhere}[data-ui-chart][data-variant=card]>[data-part-header] :is([data-part-title],[data-part-description]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-chart][data-variant=card]>[data-part-header] [data-part-title]{font-size:var(--slotted-font-size-md,.875rem);line-height:var(--slotted-line-height-md,1.5)}[data-ui-chart][data-variant=card]>[data-part-header]>:first-child{min-block-size:calc(var(--slotted-font-size-md,.875rem) * var(--slotted-line-height-md,1.5) + var(--slotted-space-1,.125rem) + var(--slotted-font-size-sm,.8125rem) * var(--slotted-line-height-sm,1.45))}[data-ui-chart]>[data-part-header]>[data-part-actions]{align-items:center;gap:var(--slotted-space-2,.25rem);flex:none;display:flex}[data-ui-chart]>[data-part-header]>[data-part-toolbar]{align-items:center;gap:var(--slotted-space-1,.125rem);margin-block:calc(( var(--slotted-font-size-lg,1rem) * var(--slotted-line-height-lg,1.5) - var(--slotted-control-height-sm,1.75rem) ) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard);flex:none;display:flex}[data-ui-chart][data-toolbar=hover]>[data-part-header]>[data-part-toolbar]{opacity:0}[data-ui-chart]>[data-part-header]>[data-part-toolbar][data-waiting]{visibility:hidden}[data-ui-chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part-header]>[data-part-toolbar]{opacity:1}@media (hover:none){[data-ui-chart][data-toolbar=hover]>[data-part-header]>[data-part-toolbar]{opacity:1}}[data-ui-chart] :is([data-part-zoom-reset],[data-part-view-toggle],[data-part-fullscreen-toggle],[data-part-menu-trigger],[data-part-help]){--_box:var(--slotted-control-height-sm,1.75rem);block-size:var(--_box);border-radius:var(--slotted-control-radius,var(--slotted-radius-md,6px));color:var(--slotted-text-muted,GrayText);cursor:pointer;inline-size:var(--_box);transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard), color var(--slotted-duration-short) var(--slotted-easing-standard);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-chart] [data-part-help]{--_box:var(--slotted-control-inner-size-sm,1.25rem);margin-block:calc((var(--slotted-font-size-md,.875rem) * var(--slotted-line-height-md,1.5) - var(--_box)) / 2)}[data-ui-chart] :is([data-part-zoom-reset],[data-part-view-toggle],[data-part-fullscreen-toggle],[data-part-menu-trigger],[data-part-help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover,ButtonFace);color:var(--slotted-text,CanvasText)}[data-ui-chart] :is([data-part-view-toggle],[data-part-menu-trigger],[data-part-help])[data-pressed],[data-ui-chart] :is([data-part-menu-trigger],[data-part-help])[data-open]{background-color:var(--slotted-tone-secondary-surface,ButtonFace);color:var(--slotted-text,CanvasText)}[data-ui-chart] :is([data-part-zoom-reset],[data-part-view-toggle],[data-part-fullscreen-toggle],[data-part-menu-trigger],[data-part-help],[data-part-legend-more],[data-part-menu-item]):focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:0}[data-ui-chart] :is([data-part-menu],[data-part-help-content]){background-color:var(--slotted-surface-raised,Canvas);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,CanvasText);border-radius:var(--slotted-radius-md,6px);box-shadow:var(--slotted-shadow-md,none);box-sizing:border-box;color:var(--slotted-text,CanvasText);font-family:var(--slotted-font-family-sans,system-ui, sans-serif);font-size:var(--slotted-font-size-sm,.8125rem);line-height:var(--slotted-line-height-sm,1.45);max-inline-size:min(20rem, calc(100vw - var(--slotted-space-8,1.5rem)));transform:translate(var(--slotted-chart-x,0px), var(--slotted-chart-y,0px));z-index:var(--slotted-z-index-popover,1100);margin:0;position:fixed;inset:0 auto auto 0}[data-ui-chart] [data-part-menu]{min-inline-size:11rem;padding:var(--slotted-space-2,.25rem);display:grid}[data-ui-chart] [data-part-menu]:not(:popover-open,[data-open]){display:none}[data-ui-chart] [data-part-help-content]{padding-block:var(--slotted-space-4,.5rem);padding-inline:var(--slotted-space-5,.75rem)}[data-ui-chart] [data-part-help-content]:not(:popover-open,[data-open]){display:none}[data-ui-chart] [data-part-menu-item]{border-radius:var(--slotted-radius-sm,4px);color:inherit;cursor:pointer;font:inherit;align-items:center;gap:var(--slotted-space-3,.375rem);min-block-size:var(--slotted-control-height-sm,1.75rem);padding-inline:var(--slotted-space-4,.5rem);text-align:start;background:0 0;border:0;display:flex}[data-ui-chart] [data-part-menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui-chart] [data-part-menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-chart] [data-part-legend]{align-items:center;gap:var(--slotted-space-1,.125rem) var(--slotted-space-2,.25rem);margin:0;min-block-size:var(--slotted-target-min,1.5rem);flex-wrap:nowrap;flex:none;min-inline-size:0;margin-inline-start:calc(var(--slotted-space-3,.375rem) * -1);padding:0;list-style:none;display:flex;overflow:hidden}[data-ui-chart][data-legend-overflow=wrap] [data-part-legend]{flex-wrap:wrap;overflow:visible}[data-ui-chart] [data-slot="1"]{--_series:var(--_chart-slot-1)}[data-ui-chart] [data-slot="2"]{--_series:var(--_chart-slot-2)}[data-ui-chart] [data-slot="3"]{--_series:var(--_chart-slot-3)}[data-ui-chart] [data-slot="4"]{--_series:var(--_chart-slot-4)}[data-ui-chart] [data-slot="5"]{--_series:var(--_chart-slot-5)}[data-ui-chart] [data-slot="6"]{--_series:var(--_chart-slot-6)}[data-ui-chart] [data-slot="7"]{--_series:var(--_chart-slot-7)}[data-ui-chart] [data-slot="8"]{--_series:var(--_chart-slot-8)}[data-ui-chart] [data-tone=neutral]{--_series:var(--_chart-tone-neutral)}[data-ui-chart] [data-tone=accent]{--_series:var(--_chart-tone-accent)}[data-ui-chart] [data-tone=secondary]{--_series:var(--_chart-tone-secondary)}[data-ui-chart] [data-tone=success]{--_series:var(--_chart-tone-success)}[data-ui-chart] [data-tone=info]{--_series:var(--_chart-tone-info)}[data-ui-chart] [data-tone=warning]{--_series:var(--_chart-tone-warning)}[data-ui-chart] [data-tone=danger]{--_series:var(--_chart-tone-danger)}[data-ui-chart] [data-overflow]{--_series:var(--_chart-overflow)}[data-ui-chart] :is([data-part-legend-item],[data-part-legend-more]){border-radius:var(--slotted-control-radius,var(--slotted-radius-md,6px));color:var(--slotted-text,CanvasText);font:inherit;font-size:var(--slotted-control-font-size-sm,.75rem);align-items:center;gap:var(--slotted-space-3,.375rem);line-height:var(--slotted-line-height-sm,1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min,1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3,.375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard), color var(--slotted-duration-short) var(--slotted-easing-standard);background:0 0;border:0;flex:none;display:inline-flex}[data-ui-chart] :is([data-part-legend-item],[data-part-legend-more])[hidden]{display:none}[data-ui-chart] [data-part-legend-more]{color:var(--slotted-text-muted,GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium,500)}[data-ui-chart] [data-part-menu] [data-part-legend-item]{inline-size:100%}[data-ui-chart] :is(button[data-part-legend-item],[data-part-legend-more]){cursor:pointer}[data-ui-chart] :is(button[data-part-legend-item],[data-part-legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover,ButtonFace)}[data-ui-chart] [data-part-legend-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:0}[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker]){background-color:var(--_series);border-radius:var(--slotted-radius-xs,2px);flex:none;block-size:.625rem;inline-size:.625rem}[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick,2px);border-radius:var(--slotted-radius-full,9999px);inline-size:.875rem}[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full,9999px)}[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right, var(--_series) 0 3px, transparent 3px 5px)}[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right, var(--_series) 0 2px, transparent 2px 4px)}[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right, var(--_series) 0 5px, transparent 5px 7px, var(--_series) 7px 9px, transparent 9px 11px)}[data-ui-chart] [data-part-legend-label]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}[data-ui-chart] [data-part-legend-value]{color:var(--slotted-text-muted,GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-chart] [data-part-legend-item][data-current] [data-part-legend-value]{color:var(--slotted-text,CanvasText)}[data-ui-chart] button[data-part-legend-item]:not([data-pressed]){color:var(--slotted-text-muted,GrayText)}[data-ui-chart] button[data-part-legend-item]:not([data-pressed]) [data-part-legend-marker]{box-shadow:inset 0 0 0 var(--slotted-border-width-medium,1.5px) var(--_series);background:0 0}[data-ui-chart] button[data-part-legend-item]:not([data-pressed]) [data-part-legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui-chart] button[data-part-legend-item]:not([data-pressed]) [data-part-legend-label]{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in oklab, currentColor 55%, transparent);text-decoration-color:color-mix(in oklab, currentColor 55%, transparent)}[data-ui-chart] [data-part-plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui-chart] [data-part-plot]: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-chart] [data-part-canvas]{z-index:1;position:absolute;inset:0}[data-ui-chart] [data-part-plot]:has(>[data-part-table-region]:not([hidden]))>:is([data-part-canvas],[data-part-crosshair],[data-part-marker],[data-part-tooltip],[data-part-center]){visibility:hidden}[data-ui-chart] :is([data-part-crosshair],[data-part-marker],[data-part-tooltip]){pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}[data-ui-chart] [data-part-crosshair]{background-color:var(--slotted-chart-crosshair-color,var(--slotted-border-strong,GrayText));block-size:var(--slotted-chart-frame-size,100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x,0px) - .5px), var(--slotted-chart-frame-start,0px));z-index:0}[data-ui-chart] [data-part-crosshair][data-band]{background-color:var(--slotted-chart-band-color,color-mix(in oklab, var(--slotted-text,CanvasText) 6%, transparent));border-radius:var(--slotted-radius-sm,4px);inline-size:var(--slotted-chart-band-size,0px);transform:translate(var(--slotted-chart-band-start,0px), var(--slotted-chart-frame-start,0px))}[data-ui-chart] [data-part-crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size,100%);transform:translate(var(--slotted-chart-frame-start,0px), calc(var(--slotted-chart-y,0px) - .5px))}[data-ui-chart] [data-part-crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size,0px);transform:translate(var(--slotted-chart-frame-start,0px), var(--slotted-chart-band-start,0px))}[data-ui-chart] [data-part-marker]{--_size:calc(var(--_chart-marker-size) + var(--slotted-space-2,.25rem));background-color:var(--_series,var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full,9999px);box-shadow:0 0 0 var(--slotted-border-width-thick,2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x,0px) - var(--_size) / 2), calc(var(--slotted-chart-y,0px) - var(--_size) / 2));z-index:2}[data-ui-chart] [data-part-marker][data-selected]{--_size:calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2,.25rem));box-shadow:inset 0 0 0 var(--slotted-border-width-thick,2px) var(--_series,CanvasText), 0 0 0 var(--slotted-border-width-thick,2px) var(--_chart-surface);background-color:#0000}[data-ui-chart] [data-part-tooltip]{background-color:var(--slotted-chart-tooltip-surface,var(--slotted-surface-raised,Canvas));border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,CanvasText);border-radius:var(--slotted-radius-md,6px);box-shadow:var(--slotted-shadow-md,none);box-sizing:border-box;color:var(--slotted-text,CanvasText);column-gap:var(--slotted-space-4,.5rem);font-size:var(--slotted-control-font-size-sm,.75rem);line-height:var(--slotted-line-height-sm,1.45);opacity:0;min-inline-size:8rem;max-inline-size:min(18rem,100%);padding-block:var(--slotted-space-4,.5rem);padding-inline:var(--slotted-space-5,.75rem);row-gap:var(--slotted-space-2,.25rem);transform:translate(var(--slotted-chart-x,0px), var(--slotted-chart-y,0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard), transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3;grid-template-columns:auto minmax(0,1fr) auto;display:grid}[data-ui-chart] [data-part-tooltip][data-docked]{inline-size:100%;min-inline-size:0;max-inline-size:100%}[data-ui-chart]:dir(rtl) :is([data-part-tooltip],[data-part-center]){direction:rtl}[data-ui-chart]:dir(rtl) [data-part-tooltip]{inset-inline:auto 0}[data-ui-chart] [data-part-tooltip][data-open]{opacity:1;visibility:visible}[data-ui-chart] [data-part-tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard), visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui-chart] [data-part-tooltip-title]{color:var(--slotted-text,CanvasText);font-weight:var(--slotted-font-weight-semibold,600);overflow-wrap:anywhere;grid-column:1/-1}[data-ui-chart] [data-part-tooltip-note]{color:var(--slotted-text-muted,GrayText);overflow-wrap:anywhere;grid-column:1/-1}[data-ui-chart] :is([data-part-tooltip-item],[data-part-tooltip-total]){grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}[data-ui-chart] [data-part-tooltip-item]{color:var(--slotted-text-muted,GrayText)}[data-ui-chart] [data-part-tooltip-item][data-current]{color:var(--slotted-text,CanvasText)}[data-ui-chart] [data-part-tooltip-label]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}[data-ui-chart] [data-part-tooltip-value]{color:var(--slotted-text,CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium,500);text-align:end;white-space:nowrap}[data-ui-chart] [data-part-tooltip-total]{border-block-start:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,CanvasText);font-weight:var(--slotted-font-weight-semibold,600);margin-block-start:var(--slotted-space-2,.25rem);padding-block-start:var(--slotted-space-3,.375rem)}[data-ui-chart] [data-part-tooltip-total]>:first-child{grid-column:1/3}[data-ui-chart] [data-part-center]{pointer-events:none;text-align:center;z-index:2;align-content:center;justify-items:center;display:grid;position:absolute;inset:0}[data-ui-chart] [data-part-center-value]{font-size:var(--slotted-font-size-2xl,1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold,600);line-height:var(--slotted-line-height-2xl,1.4)}[data-ui-chart] [data-part-center-label]{color:var(--slotted-text-muted,GrayText);font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--slotted-line-height-xs,1.4)}[data-ui-chart] [data-part-skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui-chart] [data-part-skeleton]>[data-ui-skeleton]{--slotted-skeleton-fill:color-mix(in oklab, var(--slotted-text,CanvasText) 9%, var(--_chart-surface));box-sizing:border-box;column-gap:var(--_chart-inset);row-gap:var(--_chart-inset);grid-template:"y marks"minmax(0,1fr)".x"/2.25rem minmax(0,1fr);block-size:100%;inline-size:100%;display:grid}[data-ui-chart] [data-part-skeleton] [data-skeleton=y]{flex-direction:column;grid-area:y;justify-content:space-between;align-items:end;display:flex}[data-ui-chart] [data-part-skeleton] [data-skeleton=x]{grid-area:x;justify-content:space-around;display:flex}[data-ui-chart] [data-part-skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui-skeleton]{border-radius:var(--slotted-radius-full,9999px);flex:none;block-size:.5rem;min-block-size:0;inline-size:1.5rem}[data-ui-chart] [data-part-skeleton] [data-skeleton=y]>[data-ui-skeleton]:nth-child(odd){inline-size:2rem}[data-ui-chart] [data-part-skeleton] [data-skeleton=x]>[data-ui-skeleton]{flex:0 auto;min-inline-size:0}[data-ui-chart] [data-part-skeleton] [data-skeleton=marks]{background-image:repeating-linear-gradient(to bottom, var(--_chart-grid) 0 1px, transparent 1px calc((100% - 1px) / 4));grid-area:marks;justify-content:space-around;align-items:end;min-block-size:0;display:flex;position:relative}[data-ui-chart] [data-part-skeleton] [data-skeleton=marks]>[data-ui-skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 9%;inline-size:auto;min-inline-size:0}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+1){block-size:38%}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+2){block-size:62%}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+3){block-size:50%}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+4){block-size:74%}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+5){block-size:56%}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+6){block-size:44%}[data-ui-chart] [data-part-skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui-skeleton]:nth-child(7n+7){block-size:68%}[data-ui-chart] [data-part-skeleton][data-kind=line] [data-skeleton=marks]>[data-ui-skeleton]{border-radius:0;block-size:100%;position:absolute;inset:0}[data-ui-chart] [data-part-skeleton][data-kind=line] [data-skeleton=marks]>[data-ui-skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui-chart] [data-part-skeleton][data-kind=line] [data-skeleton=marks]>[data-ui-skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui-chart] [data-part-skeleton][data-kind=pie]>[data-ui-skeleton]{justify-content:center;align-items:center;display:flex}[data-ui-chart] [data-part-skeleton][data-kind=pie] [data-ui-skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;inline-size:auto;mask-image:radial-gradient(circle, transparent calc(var(--slotted-chart-skeleton-hole,64%) * .5), #000 calc(var(--slotted-chart-skeleton-hole,64%) * .5 + .5px));flex:none}[data-ui-chart] [data-part-legend]>[data-ui-skeleton]{--slotted-skeleton-fill:color-mix(in oklab, var(--slotted-text,CanvasText) 9%, var(--_chart-surface));--slotted-skeleton-block-size:.5rem;--slotted-skeleton-min-block-size:0;border-radius:var(--slotted-radius-full,9999px);block-size:.5rem;inline-size:4.5rem;flex:none;align-self:center;min-block-size:0;margin-inline-start:var(--slotted-space-3,.375rem)}[data-ui-chart] [data-part-legend]>[data-ui-skeleton]:nth-child(2){inline-size:3.25rem}[data-ui-chart] :is([data-part-empty],[data-part-error]){--slotted-result-state-title-font-size:var(--slotted-font-size-md,.875rem);--slotted-result-state-padding-block:var(--slotted-space-4,.5rem);padding:var(--_chart-inset);z-index:3;align-content:center;justify-items:center;display:grid;position:absolute;inset:0}[data-ui-chart] [data-part-plot]:has(>:is([data-part-empty],[data-part-error])){background:linear-gradient(var(--_chart-grid), var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui-chart] [data-part-summary]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}[data-ui-chart] [data-part-table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);overscroll-behavior:contain;z-index:4;position:absolute;inset:0;overflow:auto}[data-ui-chart]:dir(rtl) [data-part-table-region]{direction:rtl}[data-ui-chart] [data-part-table-region]:focus{outline:none}[data-ui-chart] [data-part-table-region]:focus-visible[data-focus-origin=keyboard]{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-width,2px) * -1)}[data-ui-chart] [data-part-table-region][hidden]{display:none}[data-ui-chart] [data-part-table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm,.8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm,1.45)}[data-ui-chart] [data-part-table] caption{caption-side:bottom;color:var(--slotted-text-muted,GrayText);font-size:var(--slotted-font-size-xs,.75rem);padding-block:var(--slotted-space-3,.375rem);text-align:start}[data-ui-chart] [data-part-table] :is(th,td){border-block-end:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,CanvasText);padding-block:var(--slotted-control-gap-sm,.375rem);padding-inline:var(--slotted-space-4,.5rem);text-align:start;white-space:nowrap}[data-ui-chart] [data-part-table] tbody th{font-weight:var(--slotted-font-weight-medium,500)}[data-ui-chart] [data-part-table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted,GrayText);font-weight:var(--slotted-font-weight-medium,500);position:sticky;inset-block-start:0}[data-ui-chart] [data-part-table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui-chart] [data-part-table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover,Highlight)}[data-ui-chart][data-fullscreen]{--_chart-surface:var(--slotted-chart-surface,var(--slotted-surface,Canvas));background-color:var(--_chart-surface);block-size:100%;padding-block:var(--slotted-space-8,1.5rem);padding-inline:var(--slotted-space-9,2rem);z-index:var(--slotted-z-index-overlay,1000);border:0;border-radius:0;position:fixed;inset:0}[data-ui-chart][data-fullscreen] [data-part-title]{font-size:var(--slotted-font-size-xl,1.125rem)}@container slotted-chart (width<=480px){[data-ui-chart]>[data-part-header]>[data-part-toolbar]>:is([data-part-view-toggle],[data-part-fullscreen-toggle]){display:none}[data-ui-chart] [data-part-menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui-chart] :is([data-part-legend-item],[data-part-legend-more]){padding-inline:var(--slotted-space-2,.25rem)}}@container slotted-chart (width<=360px){[data-ui-chart][data-variant=card]{padding-block:var(--slotted-space-5,.75rem);padding-inline:var(--slotted-space-5,.75rem)}}@media (pointer:coarse){[data-ui-chart] [data-part-menu-item]{min-block-size:var(--slotted-target-comfortable,2.75rem)}[data-ui-chart] [data-part-menu] [data-part-legend-item]{min-block-size:var(--slotted-target-comfortable,2.75rem);min-inline-size:var(--slotted-target-comfortable,2.75rem)}[data-ui-chart] [data-part-legend]{min-block-size:var(--slotted-target-comfortable,2.75rem);row-gap:calc(var(--slotted-target-comfortable,2.75rem) - var(--slotted-target-min,1.5rem))}[data-ui-chart] [data-part-legend]>:is([data-part-legend-item],[data-part-legend-more]){position:relative}[data-ui-chart] [data-part-legend]>:is([data-part-legend-item],[data-part-legend-more]):after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,2.75rem)) / 2));position:absolute}[data-ui-chart] [data-part-legend]>[data-part-legend-more]:after{inset-inline-start:0}[data-ui-chart] :is([data-part-zoom-reset],[data-part-view-toggle],[data-part-fullscreen-toggle],[data-part-menu-trigger]){--_box:var(--slotted-target-comfortable,2.75rem)}}@media print{[data-ui-chart] :is([data-part-toolbar],[data-part-help],[data-part-legend-more],[data-part-tooltip],[data-part-crosshair],[data-part-marker]:not([data-selected])){display:none}[data-ui-chart] [data-part-legend]{flex-wrap:wrap;overflow:visible}[data-ui-chart]{break-inside:avoid}}@media (forced-colors:active){[data-ui-chart] :is([data-part-legend-marker],[data-part-tooltip-marker],[data-part-marker]){forced-color-adjust:none;background-color:canvastext}[data-ui-chart] [data-part-crosshair]{forced-color-adjust:none;background-color:graytext}}}
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-skeleton][data-part-root][data-loading],[data-ui-skeleton][data-part-text][data-loading] [data-part-line]{--_fill:var(--slotted-skeleton-fill,color-mix(in oklab, var(--slotted-disabled-background,ButtonFace) 92%, var(--slotted-text,CanvasText)));--_edge:var(--slotted-skeleton-border-color,var(--slotted-border-subtle,ButtonBorder));--_highlight:var(--slotted-skeleton-highlight-color,color-mix(in oklab, var(--_fill) 86%, var(--slotted-text,CanvasText)));--_trough:var(--slotted-skeleton-trough-color,color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken,Canvas)));background-color:var(--_fill);border:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui-skeleton][data-part-root]{min-block-size:var(--slotted-skeleton-border-width,var(--slotted-border-width-thin,1px));display:inline-block}[data-ui-skeleton][data-part-root][data-shape=text]{--_line:var(--slotted-skeleton-line-size,1cap);block-size:var(--slotted-skeleton-block-size,var(--_line));border-radius:var(--slotted-radius-full,9999px);inline-size:var(--slotted-skeleton-inline-size,100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui-skeleton][data-part-root][data-shape=block]{block-size:var(--slotted-skeleton-block-size,auto);border-radius:var(--slotted-skeleton-radius,var(--slotted-radius-md,6px));inline-size:var(--slotted-skeleton-inline-size,100%);min-block-size:var(--slotted-skeleton-min-block-size,1lh);display:block}[data-ui-skeleton][data-part-root][data-shape=circle],[data-ui-skeleton][data-part-root][data-shape=square]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px));block-size:var(--slotted-skeleton-block-size,var(--_size));inline-size:var(--slotted-skeleton-inline-size,var(--_size))}[data-ui-skeleton][data-part-root][data-shape=circle]{border-radius:var(--slotted-radius-full,9999px)}[data-ui-skeleton][data-part-root][data-shape=square]{border-radius:var(--slotted-skeleton-radius,calc(var(--_size) / 6))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xs],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xs]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xs,24px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=sm],[data-ui-skeleton][data-part-root][data-shape=square][data-size=sm]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-sm,28px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=md],[data-ui-skeleton][data-part-root][data-shape=square][data-size=md]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-md,36px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=lg],[data-ui-skeleton][data-part-root][data-shape=square][data-size=lg]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-lg,48px))}[data-ui-skeleton][data-part-root][data-shape=circle][data-size=xl],[data-ui-skeleton][data-part-root][data-shape=square][data-size=xl]{--_size:var(--slotted-skeleton-size,var(--slotted-avatar-size-xl,64px))}[data-ui-skeleton][data-part-root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size,auto);color:#0000;inline-size:var(--slotted-skeleton-inline-size,auto)}[data-ui-skeleton][data-part-root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui-skeleton][data-part-text]{grid-auto-rows:var(--slotted-skeleton-row-size,1lh);inline-size:var(--slotted-skeleton-inline-size,100%);align-items:center;display:grid}[data-ui-skeleton] [data-part-line]{block-size:var(--slotted-skeleton-line-size,1cap);border-radius:var(--slotted-radius-full,9999px);inline-size:100%}[data-ui-skeleton] [data-part-line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size,62%)}[data-ui-skeleton][data-part-root]:not([data-loading]),[data-ui-skeleton][data-part-text]:not([data-loading]){display:contents}[data-ui-skeleton][data-part-region]{inline-size:var(--slotted-skeleton-inline-size,100%);min-inline-size:0}[data-ui-skeleton][data-part-root][data-loading]:not([data-animation=none]),[data-ui-skeleton][data-part-text][data-loading]:not([data-animation=none]) [data-part-line]{position:relative;overflow:clip}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-delay:calc(var(--slotted-skeleton-phase,0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);content:"";pointer-events:none;animation-iteration-count:infinite;position:absolute;inset-block:0;inset-inline:0}[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{background-color:var(--_trough);opacity:0;animation-timing-function:ease-in-out}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{background-image:linear-gradient(90deg, transparent 14%, var(--_highlight) 50%, transparent 86%);animation-timing-function:linear}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui-skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part-line]:after{animation-direction:reverse}@media (prefers-reduced-motion:no-preference){[data-ui-skeleton][data-part-root][data-animation=pulse][data-loading]:after,[data-ui-skeleton][data-animation=pulse][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-pulse}[data-ui-skeleton][data-part-root][data-animation=shimmer][data-loading]:after,[data-ui-skeleton][data-animation=shimmer][data-loading] [data-part-line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){[data-ui-skeleton]:after,[data-ui-skeleton] [data-part-line]:after{animation:none}}@media (forced-colors:active){[data-ui-skeleton][data-part-root][data-loading]:after,[data-ui-skeleton][data-part-text][data-loading] [data-part-line]:after{background-image:none}}}
9
9