@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/toast.css CHANGED
@@ -5,4 +5,4 @@
5
5
 
6
6
  @layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}
7
7
 
8
- @layer slotted.components{[data-ui-toast][data-part-root]{--_offset:var(--slotted-toast-offset,var(--slotted-space-6,1rem));--_measure:var(--slotted-toast-measure,24rem);--_gap:var(--slotted-toast-gap,var(--slotted-space-5,.75rem));--_stack-step:var(--slotted-toast-stack-step,var(--slotted-space-3,.375rem));--_stack-fade:var(--slotted-toast-stack-fade,.15);--_enter-shift:var(--slotted-space-7,1.25rem);box-sizing:border-box;inline-size:min(var(--_measure), calc(100% - 2 * var(--_offset)));z-index:var(--slotted-z-index-toast,1200);pointer-events:none;position:fixed;container:slotted-toast/inline-size}[data-ui-toast][data-part-root][data-attach=inline]{position:absolute}[data-ui-toast][data-part-root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement=top],[data-ui-toast][data-part-root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui-toast]>[data-part-list]{gap:var(--_gap);pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-ui-toast][data-placement^=bottom]>[data-part-list]{flex-direction:column-reverse}[data-ui-toast][data-expanded]>[data-part-list]{pointer-events:auto}[data-ui-toast]>[data-part-list]>[data-part-item]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text);--_ground:var(--slotted-toast-surface,var(--slotted-surface-raised,#fff));--_edge:var(--slotted-toast-border-color,var(--slotted-border-subtle,#e2e8f0));--_ink:var(--slotted-toast-text,var(--slotted-text,#0f172a));--_ink-muted:var(--slotted-toast-text-muted,var(--slotted-text-muted,#5b6b7f));--_mark:var(--_tone-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-toast-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-toast-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-toast-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-toast-radius,var(--slotted-radius-lg,8px));--_border-width:var(--slotted-toast-border-width,var(--slotted-border-width-thin,1px));--_close-size:var(--slotted-toast-close-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));--_progress-size:var(--slotted-toast-progress-size,var(--slotted-space-1,.125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow,var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-toast-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);pointer-events:auto;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}[data-ui-toast][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui-toast]>[data-part-list]>[data-part-item][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter), translate var(--slotted-duration-medium) var(--slotted-easing-enter);translate:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_tone-surface:var(--slotted-tone-secondary-surface);--_tone-border:var(--slotted-tone-secondary-border);--_tone-text:var(--slotted-tone-secondary-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_tone-surface:var(--slotted-tone-success-surface);--_tone-border:var(--slotted-tone-success-border);--_tone-text:var(--slotted-tone-success-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_tone-surface:var(--slotted-tone-info-surface);--_tone-border:var(--slotted-tone-info-border);--_tone-text:var(--slotted-tone-info-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_tone-surface:var(--slotted-tone-warning-surface);--_tone-border:var(--slotted-tone-warning-border);--_tone-text:var(--slotted-tone-warning-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_tone-surface:var(--slotted-tone-danger-surface);--_tone-border:var(--slotted-tone-danger-border);--_tone-text:var(--slotted-tone-danger-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=soft]{--_ground:var(--_tone-surface);--_edge:var(--_tone-border);--_ink:var(--_tone-text);--_ink-muted:var(--_tone-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]{--_ground:var(--_solid);--_edge:var(--_solid);--_ink:var(--_on-solid);--_ink-muted:var(--_on-solid);--_mark:var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size:var(--_mark-size);--slotted-progress-indicator-indicator-color:var(--_mark);--slotted-progress-indicator-track-color:color-mix(in oklab, var(--_mark) 24%, var(--_ground));block-size:var(--_mark-size);color:var(--_mark);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-title]{font-family:var(--slotted-toast-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-weight:var(--slotted-toast-title-font-weight,var(--slotted-font-weight-semibold,600));overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-description]{color:var(--_ink-muted);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:center;gap:var(--slotted-toast-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_close-size);border-radius:var(--slotted-toast-close-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_close-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_close-size)) / 2);padding:0;display:inline-flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover{background-color:var(--_state-hover)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:var(--_state-active)}@media (pointer:coarse){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible,[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-duration:var(--slotted-toast-duration,var(--slotted-duration-long));animation-name:slotted-toast-countdown;animation-fill-mode:forwards;animation-play-state:var(--slotted-toast-play-state,running);background-color:var(--_solid);block-size:var(--_progress-size);animation-timing-function:linear;position:absolute;inset-block-end:0;inset-inline-start:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui-toast][data-stacking=stack]>[data-part-list]{display:block;position:relative}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-front-height,auto);z-index:calc(var(--slotted-toast-count,1) - var(--slotted-toast-index,0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard), opacity var(--slotted-duration-medium) var(--slotted-easing-standard), translate var(--slotted-duration-medium) var(--slotted-easing-standard);position:absolute;inset-inline:0}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index,0), 2) * var(--_stack-fade))}[data-ui-toast][data-stacking=stack][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-index,0) * var(--_stack-step));inset-block-end:0}[data-ui-toast][data-stacking=stack][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(var(--slotted-toast-index,0) * var(--_stack-step));inset-block-start:0}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]{block-size:var(--slotted-toast-stack-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item][data-open]{opacity:1}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset,0px))}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 var(--slotted-toast-stack-offset,0px)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]:not([data-expanded]) [data-part-item]>*{opacity:calc(1 - min(1, var(--slotted-toast-index,0)))}[data-ui-toast]>[data-part-list]>[data-part-item][data-dragging]{cursor:grabbing;translate:var(--slotted-toast-swipe-x,0px) var(--slotted-toast-swipe-y,0px);touch-action:none;-webkit-user-select:none;user-select:none;transition:none}[data-ui-toast][data-swipe=true]>[data-part-list]>[data-part-item]{touch-action:none}@container slotted-toast (width<=20rem){[data-ui-toast]>[data-part-list]>[data-part-item]{--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-5,.75rem))}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@media (forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item]{border-color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon],[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover,[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{color:highlighttext;background-color:highlight}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{opacity:1;background-color:canvastext}}@media (prefers-reduced-motion:reduce){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{inline-size:100%;animation-name:none}}}
8
+ @layer slotted.components{[data-ui-toast][data-part-root]{--_offset:var(--slotted-toast-offset,var(--slotted-space-6,1rem));--_measure:var(--slotted-toast-measure,24rem);--_gap:var(--slotted-toast-gap,var(--slotted-space-5,.75rem));--_stack-step:var(--slotted-toast-stack-step,var(--slotted-space-3,.375rem));--_stack-fade:var(--slotted-toast-stack-fade,.15);--_enter-shift:var(--slotted-space-7,1.25rem);box-sizing:border-box;inline-size:min(var(--_measure), calc(100% - 2 * var(--_offset)));z-index:var(--slotted-z-index-toast,1200);pointer-events:none;position:fixed;container:slotted-toast/inline-size}[data-ui-toast][data-part-root][data-attach=inline]{position:absolute}[data-ui-toast][data-part-root][data-placement^=top]{inset-block-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement^=bottom]{inset-block-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-start]{inset-inline-start:var(--_offset)}[data-ui-toast][data-part-root][data-placement$=-end]{inset-inline-end:var(--_offset)}[data-ui-toast][data-part-root][data-placement=top],[data-ui-toast][data-part-root][data-placement=bottom]{inset-inline:var(--_offset);margin-inline:auto}[data-ui-toast]>[data-part-list]{gap:var(--_gap);pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-ui-toast][data-placement^=bottom]>[data-part-list]{flex-direction:column-reverse}[data-ui-toast][data-expanded]>[data-part-list]{pointer-events:auto}[data-ui-toast]>[data-part-list]>[data-part-item]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text);--_ground:var(--slotted-toast-surface,var(--slotted-surface-raised,#fff));--_edge:var(--slotted-toast-border-color,var(--slotted-border-subtle,#e2e8f0));--_ink:var(--slotted-toast-text,var(--slotted-text,#0f172a));--_ink-muted:var(--slotted-toast-text-muted,var(--slotted-text-muted,#5b6b7f));--_mark:var(--_tone-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-toast-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-toast-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-toast-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-toast-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-toast-radius,var(--slotted-radius-lg,8px));--_border-width:var(--slotted-toast-border-width,var(--slotted-border-width-thin,1px));--_close-size:var(--slotted-toast-close-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));--_progress-size:var(--slotted-toast-progress-size,var(--slotted-space-1,.125rem));background-color:var(--_ground);border:var(--_border-width) solid var(--_edge);border-radius:var(--_radius);box-shadow:var(--slotted-toast-shadow,var(--slotted-shadow-md));box-sizing:border-box;color:var(--_ink);font-family:var(--slotted-toast-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);pointer-events:auto;padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);opacity:0;translate:0 var(--_enter-shift);transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}[data-ui-toast][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--_enter-shift))}[data-ui-toast]>[data-part-list]>[data-part-item][data-open]{opacity:1;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter), translate var(--slotted-duration-medium) var(--slotted-easing-enter);translate:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_tone-surface:var(--slotted-tone-accent-surface);--_tone-border:var(--slotted-tone-accent-border);--_tone-text:var(--slotted-tone-accent-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_tone-surface:var(--slotted-tone-secondary-surface);--_tone-border:var(--slotted-tone-secondary-border);--_tone-text:var(--slotted-tone-secondary-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_tone-surface:var(--slotted-tone-success-surface);--_tone-border:var(--slotted-tone-success-border);--_tone-text:var(--slotted-tone-success-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_tone-surface:var(--slotted-tone-info-surface);--_tone-border:var(--slotted-tone-info-border);--_tone-text:var(--slotted-tone-info-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_tone-surface:var(--slotted-tone-warning-surface);--_tone-border:var(--slotted-tone-warning-border);--_tone-text:var(--slotted-tone-warning-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_tone-surface:var(--slotted-tone-danger-surface);--_tone-border:var(--slotted-tone-danger-border);--_tone-text:var(--slotted-tone-danger-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:var(--slotted-toast-backdrop-filter,none);backdrop-filter:var(--slotted-toast-backdrop-filter,none)}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=raised]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=soft]{--_ground:var(--_tone-surface);--_edge:var(--_tone-border);--_ink:var(--_tone-text);--_ink-muted:var(--_tone-text)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]{--_ground:var(--_solid);--_edge:var(--_solid);--_ink:var(--_on-solid);--_ink-muted:var(--_on-solid);--_mark:var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);--slotted-progress-indicator-size:var(--_mark-size);--slotted-progress-indicator-indicator-color:var(--_mark);--slotted-progress-indicator-track-color:color-mix(in oklab, var(--_mark) 24%, var(--_ground));block-size:var(--_mark-size);color:var(--_mark);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-title]{font-family:var(--slotted-toast-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-weight:var(--slotted-toast-title-font-weight,var(--slotted-font-weight-semibold,600));overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-content]>[data-part-description]{color:var(--_ink-muted);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{align-items:center;gap:var(--slotted-toast-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_close-size);border-radius:var(--slotted-toast-close-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_close-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_close-size)) / 2);margin-block-end:calc((1lh - var(--_close-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_close-size)) / 2);padding:0;display:inline-flex}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover{background-color:var(--_state-hover)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{background-color:var(--_state-active)}@media (pointer:coarse){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{position:relative}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible,[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:focus-visible{outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-toast]>[data-part-list]>[data-part-item]:focus-visible{outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-close]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{animation-duration:var(--slotted-toast-duration,var(--slotted-duration-long));animation-name:slotted-toast-countdown;animation-fill-mode:forwards;animation-play-state:var(--slotted-toast-play-state,running);background-color:var(--_solid);block-size:var(--_progress-size);animation-timing-function:linear;position:absolute;inset-block-end:0;inset-inline-start:0}[data-ui-toast]>[data-part-list]>[data-part-item][data-variant=solid]>[data-part-progress]{background-color:var(--_on-solid);opacity:.7}@keyframes slotted-toast-countdown{0%{inline-size:100%}to{inline-size:0%}}[data-ui-toast][data-stacking=stack]>[data-part-list]{display:block;position:relative}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-front-height,auto);z-index:calc(var(--slotted-toast-count,1) - var(--slotted-toast-index,0));transition:block-size var(--slotted-duration-medium) var(--slotted-easing-standard), opacity var(--slotted-duration-medium) var(--slotted-easing-standard), translate var(--slotted-duration-medium) var(--slotted-easing-standard);position:absolute;inset-inline:0}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item][data-open]{opacity:calc(1 - min(var(--slotted-toast-index,0), 2) * var(--_stack-fade))}[data-ui-toast][data-stacking=stack][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-index,0) * var(--_stack-step));inset-block-end:0}[data-ui-toast][data-stacking=stack][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 calc(var(--slotted-toast-index,0) * var(--_stack-step));inset-block-start:0}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item]{block-size:var(--slotted-toast-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]{block-size:var(--slotted-toast-stack-height,auto)}[data-ui-toast][data-stacking=stack][data-expanded]>[data-part-list]>[data-part-item][data-open]{opacity:1}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=bottom]>[data-part-list]>[data-part-item]{translate:0 calc(-1 * var(--slotted-toast-stack-offset,0px))}[data-ui-toast][data-stacking=stack][data-expanded][data-placement^=top]>[data-part-list]>[data-part-item]{translate:0 var(--slotted-toast-stack-offset,0px)}[data-ui-toast][data-stacking=stack]>[data-part-list]>[data-part-item]>*{transition:opacity var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-toast][data-stacking=stack]:not([data-expanded]) [data-part-item]>*{opacity:calc(1 - min(1, var(--slotted-toast-index,0)))}[data-ui-toast]>[data-part-list]>[data-part-item][data-dragging]{cursor:grabbing;translate:var(--slotted-toast-swipe-x,0px) var(--slotted-toast-swipe-y,0px);touch-action:none;-webkit-user-select:none;user-select:none;transition:none}[data-ui-toast][data-swipe=true]>[data-part-list]>[data-part-item]{touch-action:none}@container slotted-toast (width<=20rem){[data-ui-toast]>[data-part-list]>[data-part-item]{--_inset-block:var(--slotted-toast-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-toast-padding-inline,var(--slotted-space-5,.75rem))}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@media (forced-colors:active){[data-ui-toast]>[data-part-list]>[data-part-item]{border-color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-icon],[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]{color:canvastext}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:hover,[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-close]:enabled:active{color:highlighttext;background-color:highlight}[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{opacity:1;background-color:canvastext}}@media (prefers-reduced-motion:reduce){[data-ui-toast]>[data-part-list]>[data-part-item]>[data-part-progress]{inline-size:100%;animation-name:none}}}
package/dist/styles/tour.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-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-tour]{--_scrim:var(--slotted-tour-scrim,var(--slotted-scrim,Canvas));--_spotlight-padding:var(--slotted-tour-spotlight-padding,var(--slotted-space-3,.375rem));--_spotlight-radius:var(--slotted-tour-spotlight-radius,var(--slotted-radius-md,6px));--_gap:var(--slotted-tour-gap,calc(var(--_spotlight-padding) + var(--slotted-space-4,.5rem)));--_surface:var(--slotted-tour-surface,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tour-text,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tour-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px);--_radius:var(--slotted-tour-radius,var(--slotted-radius-lg,8px));--_shadow:var(--slotted-tour-shadow,var(--slotted-shadow-lg));--_arrow-size:var(--slotted-tour-arrow-size,.625rem);--_arrow-tip-radius:var(--slotted-tour-arrow-tip-radius,var(--slotted-radius-xs,2px));--_inset-block:var(--slotted-tour-padding-block,var(--slotted-space-6,1rem));--_inset-inline:var(--slotted-tour-padding-inline,var(--slotted-space-6,1rem));--_row-gap:var(--slotted-control-gap-md,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem);--_font-size:var(--slotted-font-size-md,.875rem);--_measure:var(--slotted-tour-measure,20rem);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));isolation:isolate;pointer-events:none;visibility:hidden;transition:visibility var(--slotted-duration-short) var(--slotted-easing-exit);position:fixed;inset:0;overflow:clip}[data-ui-tour][data-open]{visibility:visible;transition:none}[data-ui-tour][data-size=sm]{--_inset-block:var(--slotted-tour-padding-block-sm,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-tour-padding-inline-sm,var(--slotted-space-5,.75rem));--_title-font-size:var(--slotted-font-size-md,.875rem);--_font-size:var(--slotted-font-size-sm,.8125rem);--_measure:var(--slotted-tour-measure-sm,16rem)}[data-ui-tour][data-size=lg]{--_inset-block:var(--slotted-tour-padding-block-lg,var(--slotted-space-7,1.25rem));--_inset-inline:var(--slotted-tour-padding-inline-lg,var(--slotted-space-7,1.25rem));--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_measure:var(--slotted-tour-measure-lg,24rem)}[data-ui-tour]>[data-part-backdrop]{background:var(--_scrim);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset:0;overflow:clip}[data-ui-tour][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour][data-spotlight]>[data-part-backdrop]{background:0 0}[data-ui-tour][data-modal]>[data-part-backdrop]{pointer-events:auto}[data-ui-tour]>[data-part-backdrop]>[data-part-spotlight]{left:calc(var(--slotted-tour-target-x,0px) - var(--_spotlight-padding));top:calc(var(--slotted-tour-target-y,0px) - var(--_spotlight-padding));width:calc(var(--slotted-tour-target-width,0px) + 2 * var(--_spotlight-padding));height:calc(var(--slotted-tour-target-height,0px) + 2 * var(--_spotlight-padding));border-radius:var(--_spotlight-radius);box-shadow:0 0 0 200vmax var(--_scrim);background-color:#0000;position:absolute}[data-ui-tour][data-spot=travel]>[data-part-backdrop]>[data-part-spotlight]{transition-property:left,top,width,height;transition-duration:var(--slotted-duration-long);transition-timing-function:var(--slotted-easing-standard)}[data-ui-tour][data-spot=light]>[data-part-backdrop]>[data-part-spotlight]{animation:slotted-tour-light var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour][data-spot=close]>[data-part-backdrop]>[data-part-spotlight]{background-color:var(--_scrim);transition:background-color var(--slotted-duration-long) var(--slotted-easing-standard)}@keyframes slotted-tour-light{0%{background-color:var(--_scrim)}}[data-ui-tour]>[data-part-surface]{box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tour][data-open]>[data-part-surface][data-ready]:not([data-leaving]){opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-tour]>[data-part-surface][data-detached]{visibility:hidden}[data-ui-tour]>[data-part-surface][data-placement=centered]{block-size:max-content;max-inline-size:min(var(--_measure), 100%);max-block-size:100%;margin:auto;inset:0}@supports (inset:env(safe-area-inset-top)){[data-ui-tour]>[data-part-surface][data-placement=centered]{inset:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}}[data-ui-tour][data-compact]>[data-part-surface][data-placement=anchored]{--_compact-measure:var(--slotted-tour-measure-compact,32rem);inline-size:min(var(--slotted-positioner-available-width,100vw), var(--_compact-measure));max-inline-size:min(var(--slotted-positioner-available-width,100vw), var(--_compact-measure))}[data-ui-tour]>[data-part-surface][data-placement=centered]>[data-part-arrow]{display:none}[data-ui-tour]>[data-part-surface]>[data-part-focus-guard]{opacity:0;pointer-events:none;outline:none;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}[data-ui-tour]>[data-part-surface]>[data-part-content]{box-sizing:border-box;max-inline-size:100%;max-block-size:calc(var(--slotted-positioner-available-height,100vh) - 2 * var(--_gap));border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);color:var(--_text);box-shadow:var(--_shadow);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md,1.5);text-align:start;pointer-events:auto;outline:none;flex-direction:column;display:flex;overflow:clip}[data-ui-tour]>[data-part-surface][data-placement=centered]>[data-part-content]{max-block-size:calc(100vh - 2 * var(--_gap))}[data-ui-tour]>[data-part-surface]>[data-part-content]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tour] [data-part-content]>[data-part-media]{object-fit:cover;border-block-end:var(--_border-width) solid var(--_border-color);flex:none;block-size:auto;inline-size:100%;max-inline-size:100%;display:block}[data-ui-tour] [data-part-content]>[data-part-media]>:is(img,video,svg){block-size:auto;inline-size:100%;display:block}[data-ui-tour] [data-part-content]>[data-part-header]{align-items:flex-start;gap:var(--_row-gap);min-block-size:var(--slotted-control-height-sm,30px);padding-block-start:calc(var(--_inset-block) - var(--slotted-space-3,.375rem));padding-inline:var(--_inset-inline) calc(var(--_inset-inline) - var(--slotted-space-3,.375rem));flex:none;display:flex}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-progress]{min-inline-size:0;font-size:var(--slotted-font-size-xs,.75rem);font-weight:var(--slotted-font-weight-medium,500);line-height:var(--slotted-line-height-xs,1.4);color:var(--slotted-text-muted,#5b6b7f);font-variant-numeric:tabular-nums;padding-block:calc((var(--slotted-control-height-sm,30px) - 1lh) / 2);unicode-bidi:plaintext;flex:auto;margin:0}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]{box-sizing:border-box;inline-size:var(--slotted-control-height-sm,30px);block-size:var(--slotted-control-height-sm,30px);border-radius:var(--slotted-control-radius,var(--slotted-radius-sm,4px));color:var(--slotted-text-muted,#5b6b7f);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:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-inline-start:auto;padding:0;display:inline-flex}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:enabled:hover{background:var(--slotted-tone-secondary-subtle-hover,#0f172a0f);color:var(--_text)}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:enabled:active{background:var(--slotted-tone-secondary-subtle-active,#0f172a1a)}[data-ui-tour] [data-part-content]>[data-part-header]>[data-part-close]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,currentColor);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tour] [data-part-content]>[data-part-title]{padding-inline:var(--_inset-inline);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(--_text);overflow-wrap:anywhere;unicode-bidi:plaintext;flex:none;margin:0;padding-block-start:var(--slotted-space-2,.25rem)}[data-ui-tour] [data-part-content]>[data-part-title]:first-child,[data-ui-tour] [data-part-content]>[data-part-media]+[data-part-title]{padding-block-start:var(--_inset-block)}[data-ui-tour] [data-part-content]>[data-part-description]{padding-inline:var(--_inset-inline);color:var(--slotted-text-muted,#5b6b7f);overflow-wrap:anywhere;unicode-bidi:plaintext;flex:none;margin:0;padding-block-start:var(--slotted-space-2,.25rem)}[data-ui-tour] [data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;overflow-wrap:anywhere;min-block-size:0;padding-inline:var(--_inset-inline);background:linear-gradient(var(--_surface) 30%, transparent) center top / 100% var(--slotted-space-4,.5rem) no-repeat local, linear-gradient(transparent, var(--_surface) 70%) center bottom / 100% var(--slotted-space-4,.5rem) no-repeat local, radial-gradient(farthest-side at 50% 0, color-mix(in oklab, var(--_text) 12%, transparent), transparent) center top / 100% var(--slotted-space-3,.375rem) no-repeat scroll, radial-gradient(farthest-side at 50% 100%, color-mix(in oklab, var(--_text) 12%, transparent), transparent) center bottom / 100% var(--slotted-space-3,.375rem) no-repeat scroll;unicode-bidi:plaintext;flex:auto;margin-block-start:var(--_row-gap);overflow:hidden auto}[data-ui-tour] [data-part-content]>[data-part-footer]{justify-content:flex-start;align-items:center;gap:var(--_row-gap);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);flex-flow:row-reverse wrap-reverse;flex:none;display:flex}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-next]{order:1}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-prev]{order:2}[data-ui-tour] [data-part-content]>[data-part-footer]>[data-part-skip]{order:3;margin-inline-start:calc(-1 * var(--slotted-control-padding-inline-sm,10px));margin-inline-end:auto}[data-ui-tour]>[data-part-surface]>[data-part-arrow]{--_arrow-min:calc(var(--_gap) + var(--_radius));--_arrow-max-x:calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size));--_arrow-x:clamp(var(--_arrow-min), var(--slotted-positioner-arrow-x,0px), var(--_arrow-max-x));--_arrow-y:clamp(var(--_arrow-min), var(--slotted-positioner-arrow-y,0px), calc(100% - var(--_gap) - var(--_radius) - var(--_arrow-size)));z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tour]>[data-part-surface][data-side=top]>[data-part-arrow]{left:var(--_arrow-x);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=bottom]>[data-part-arrow]{left:var(--_arrow-x);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tour]>[data-part-surface][data-side=left]>[data-part-arrow]{top:var(--_arrow-y);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tour]>[data-part-surface][data-side=right]>[data-part-arrow]{top:var(--_arrow-y);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}[data-ui-tour]>[data-part-surface]:has(>[data-part-content]:focus-visible)>[data-part-arrow]{--_border-width:var(--slotted-focus-ring-width,2px);border-color:var(--slotted-focus-ring-color,currentColor)}[data-ui-tour] [data-part-content] [data-part][hidden]{display:none}@media (forced-colors:active){[data-ui-tour]>[data-part-backdrop]>[data-part-spotlight]{outline:var(--slotted-focus-ring-width,2px) solid Highlight}[data-ui-tour][data-spotlight]>[data-part-backdrop]{background:0 0}}}
package/dist/styles/transfer.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/upload.css CHANGED
@@ -11,6 +11,6 @@
11
11
 
12
12
  @layer slotted.components{[data-ui-field][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_control-block-size:var(--slotted-control-height-md,34px);--_row-gap:var(--slotted-field-row-gap,var(--slotted-space-3,.375rem));--_column-gap:var(--slotted-field-column-gap,var(--slotted-space-5,.75rem));font-family:var(--slotted-field-font-family,var(--slotted-control-font-family,sans-serif));grid-template-columns:minmax(0, var(--slotted-field-label-inline-size,12rem)) minmax(0, 1fr) auto;align-content:start;row-gap:var(--_row-gap);min-inline-size:0;display:grid;container:slotted-field/inline-size}[data-ui-field][data-part-root]>*{grid-column:1/-1}[data-ui-field]>[data-part-control]{min-inline-size:0}[data-ui-field][data-part-root][data-size=sm]{--_help-glyph:max(var(--slotted-field-icon-size-min,14px), var(--slotted-control-icon-size-sm,14px));--_help-inner-size:var(--slotted-control-inner-size-sm,22px);--_font-size:var(--slotted-control-font-size-sm,12px);--_control-block-size:var(--slotted-control-height-sm,30px)}[data-ui-field][data-part-root][data-size=md]{--_help-glyph:max(var(--slotted-field-icon-size-min,14px), var(--slotted-control-icon-size-sm,14px));--_help-inner-size:var(--slotted-control-inner-size-sm,22px);--_font-size:var(--slotted-control-font-size-md,13px);--_control-block-size:var(--slotted-control-height-md,34px)}[data-ui-field][data-part-root][data-size=lg]{--_help-glyph:max(var(--slotted-field-icon-size-min,14px), var(--slotted-control-icon-size-md,16px));--_help-inner-size:var(--slotted-control-inner-size-md,24px);--_font-size:var(--slotted-control-font-size-lg,14px);--_control-block-size:var(--slotted-control-height-lg,38px)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]>[data-part-label]{color:var(--slotted-field-label-color,var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight,var(--slotted-font-weight-medium,500));line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));overflow-wrap:anywhere;min-inline-size:0;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]{grid-area:1/1/auto/-1}[data-ui-field][data-part-root]:has(>[data-part-counter])>[data-part-label]{grid-column:1/3}[data-ui-field]>[data-part-label]>[data-part-mark],[data-ui-field]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-color,var(--slotted-tone-danger-text));overflow-wrap:normal;unicode-bidi:isolate;margin-inline-start:var(--slotted-field-mark-gap,var(--slotted-space-2,.25rem))}[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-label]>[data-part-mark],[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-text-color,var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm,12px);font-weight:var(--slotted-font-weight-regular,400)}[data-ui-field]>[data-part-header]{align-items:baseline;column-gap:var(--slotted-field-header-gap,var(--slotted-space-3,.375rem));font-size:var(--_font-size);line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));flex-wrap:wrap;min-inline-size:0;display:flex}[data-ui-field]>[data-part-header]>[data-part-label]{flex:0 auto}[data-ui-field]>[data-part-header]>[data-part-action],[data-ui-field]>[data-part-header]>[data-part-counter]{margin-inline-start:auto}[data-ui-field]>[data-part-header]>[data-part-action]~[data-part-counter]{margin-inline-start:var(--slotted-space-3,.375rem)}[data-ui-field]>[data-part-header]>[data-part-help]{--_box:max(min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2,.25rem)), var(--_help-inner-size)), 1lh);--slotted-icon-size:var(--_help-glyph);appearance:none;block-size:var(--_box);border-radius:var(--slotted-field-help-radius,var(--slotted-control-radius,4px));color:var(--slotted-field-help-color,var(--slotted-text-muted));cursor:pointer;font:inherit;inline-size:var(--_box);margin-block:calc(( var(--_font-size) * var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45)) - var(--_box) ) / 2);text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;margin-inline-start:calc(var(--slotted-space-1,.125rem) - var(--slotted-field-header-gap,var(--slotted-space-3,.375rem)));padding:0;display:inline-block;position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}[data-ui-field]>[data-part-header]>[data-part-help]>[data-ui-icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:hover,[data-ui-field]>[data-part-header]>[data-part-help][data-open]{background-color:var(--slotted-field-help-surface-hover,var(--slotted-tone-secondary-subtle-hover,ButtonFace))}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:active{background-color:var(--slotted-field-help-surface-active,var(--slotted-tone-secondary-subtle-active,ButtonFace))}[data-ui-field]>[data-part-header]>[data-part-help]: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-field]>[data-part-header]>[data-part-indicator]{align-self:center;align-items:center;column-gap:var(--slotted-space-2,.25rem);flex-wrap:wrap;display:inline-flex}[data-ui-field]>[data-part-header]>[data-part-action]{--_rest:var(--slotted-field-action-color,var(--slotted-tone-accent-text,LinkText));appearance:none;block-size:var(--slotted-target-min,24px);border-radius:var(--slotted-field-action-radius,var(--slotted-control-radius,4px));color:var(--_rest);cursor:pointer;font-family:inherit;font-size:var(--slotted-control-font-size-sm,12px);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));margin-block:calc((1lh - var(--slotted-target-min,24px)) / 2);text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;background:0 0;border:0;flex:none;align-items:center;padding:0;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:from-font;display:inline-flex}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):hover{color:var(--slotted-field-action-color-hover,color-mix(in oklab, var(--_rest) 65%, var(--slotted-text,CanvasText)));text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):active{color:var(--slotted-field-action-color-active,color-mix(in oklab, var(--_rest) 35%, var(--slotted-text,CanvasText)));text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px);text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}@media (pointer:coarse){[data-ui-field]>[data-part-header]>[data-part-action]{position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before,[data-ui-field]>[data-part-header]>[data-part-action]:before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-field]>[data-part-counter],[data-ui-field]>[data-part-header]>[data-part-counter]{color:var(--slotted-field-counter-color,var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm,12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height,var(--slotted-line-height-sm,1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-counter]{grid-area:1/3;place-self:end;padding-inline-start:var(--_column-gap)}[data-ui-field]>[data-part-counter][data-invalid],[data-ui-field]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-field-counter-invalid-color,var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium,500)}[data-ui-field]>[data-ui-inline-message]:not([data-reserve]):has([data-part-text]:empty){display:none}[data-ui-field][data-part-root]>[data-ui-inline-message]{font-size:var(--slotted-font-size-xs,.75rem)}[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=danger],[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium,500)}@container slotted-field (width>=320px){[data-ui-field][data-part-root][data-label-placement=side]>*{grid-column:2/3;align-self:start}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-label],[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]{grid-area:1/1;padding-block-start:max(0px, calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-counter]{padding-inline:0 var(--_column-gap);grid-area:2/1;justify-self:end}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]>[data-part-counter]{text-align:end;flex-basis:100%;margin-inline-start:0}}[data-ui-field][data-part-root][data-disabled]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-label]>[data-part-mark],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-counter][data-invalid],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular,400)}}
13
13
 
14
- @layer slotted.components{[data-ui-dialog]{--_measure:var(--slotted-dialog-measure,32rem);--_layer-padding:var(--slotted-space-8,1.5rem);--_padding-inline:var(--slotted-dialog-padding-inline,var(--slotted-space-8,1.5rem));--_padding-block:var(--slotted-dialog-padding-block,var(--slotted-space-7,1.25rem));--_header-padding-block:var(--slotted-space-6,1rem);--_footer-padding-block:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_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-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_status-size:var(--_title-font-size);--_mark-gap:var(--slotted-space-4,.5rem);--_tone-color:var(--slotted-tone-danger-text,CanvasText);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));color:var(--slotted-dialog-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0;container:slotted-dialog/inline-size}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure:var(--slotted-dialog-measure,24rem);--_padding-inline:var(--slotted-dialog-padding-inline-sm,var(--slotted-space-7,1.25rem));--_padding-block:var(--slotted-dialog-padding-block-sm,var(--slotted-space-6,1rem));--_header-padding-block:var(--slotted-space-5,.75rem);--_footer-padding-block:var(--slotted-space-4,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem)}[data-ui-dialog][data-size=lg]{--_measure:var(--slotted-dialog-measure,42rem)}[data-ui-dialog][data-size=xl]{--_measure:var(--slotted-dialog-measure,56rem)}[data-ui-dialog][data-size=full]{--_measure:var(--slotted-dialog-measure,none)}[data-ui-dialog]>[data-part-backdrop]{background:var(--slotted-dialog-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{padding:var(--_layer-padding);overscroll-behavior:contain;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;display:grid;overflow:auto}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline:var(--_padding-inline);--slotted-dialog-inset-block:var(--_padding-block);inline-size:100%;max-inline-size:var(--_measure);background:var(--slotted-dialog-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-dialog-radius,var(--slotted-radius-lg,8px));max-block-size:100%;box-shadow:var(--slotted-shadow-lg);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{align-items:start;column-gap:0;row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size:var(--_status-size);color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap);display:inline-grid}[data-ui-dialog][data-tone=accent]{--_tone-color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color:var(--slotted-tone-secondary-text,CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color:var(--slotted-tone-success-text,CanvasText)}[data-ui-dialog][data-tone=info]{--_tone-color:var(--slotted-tone-info-text,CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-dialog-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(--_title-line-height);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText));grid-area:1/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[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-dialog-description-color,var(--slotted-text-muted,GrayText));grid-area:2/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold,600);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[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-dialog-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/4/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[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-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--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-dialog-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/3/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]: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))}@media (pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-body-color,var(--slotted-text,CanvasText));overflow:hidden auto}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;display:flex}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:0 0;border:0;padding:0}@container slotted-dialog (inline-size<=30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}@media (forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:canvastext;border-width:var(--slotted-border-width-thick,2px)}}}
14
+ @layer slotted.components{[data-ui-dialog]{--_measure:var(--slotted-dialog-measure,32rem);--_layer-padding:var(--slotted-space-8,1.5rem);--_padding-inline:var(--slotted-dialog-padding-inline,var(--slotted-space-8,1.5rem));--_padding-block:var(--slotted-dialog-padding-block,var(--slotted-space-7,1.25rem));--_header-padding-block:var(--slotted-space-6,1rem);--_footer-padding-block:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-5,.75rem);--_rule-size:var(--slotted-border-width-thin,1px);--_title-font-size:var(--slotted-font-size-xl,1.125rem);--_title-line-height:var(--slotted-line-height-md,1.5);--_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-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_close-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_status-size:var(--_title-font-size);--_mark-gap:var(--slotted-space-4,.5rem);--_tone-color:var(--slotted-tone-danger-text,CanvasText);z-index:calc(var(--slotted-z-index-overlay,1000) + var(--slotted-layer-depth,0));color:var(--slotted-dialog-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,var(--slotted-font-family-sans));content-visibility:visible;transition:content-visibility var(--slotted-duration-medium) allow-discrete;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:fixed;inset:0;container:slotted-dialog/inline-size}[data-ui-dialog][inert]{content-visibility:hidden;pointer-events:none}[data-ui-dialog]:not([data-modal]){pointer-events:none}[data-ui-dialog]:not([data-modal])>[data-part-backdrop]{visibility:hidden}[data-ui-dialog]:not([data-modal])>[data-part-viewport]>[data-part-content]{pointer-events:auto}[data-ui-dialog][data-size=sm]{--_measure:var(--slotted-dialog-measure,24rem);--_padding-inline:var(--slotted-dialog-padding-inline-sm,var(--slotted-space-7,1.25rem));--_padding-block:var(--slotted-dialog-padding-block-sm,var(--slotted-space-6,1rem));--_header-padding-block:var(--slotted-space-5,.75rem);--_footer-padding-block:var(--slotted-space-4,.5rem);--_title-font-size:var(--slotted-font-size-lg,1rem)}[data-ui-dialog][data-size=lg]{--_measure:var(--slotted-dialog-measure,42rem)}[data-ui-dialog][data-size=xl]{--_measure:var(--slotted-dialog-measure,56rem)}[data-ui-dialog][data-size=full]{--_measure:var(--slotted-dialog-measure,none)}[data-ui-dialog]>[data-part-backdrop]{background:var(--slotted-dialog-scrim,var(--slotted-scrim,Canvas));opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);grid-area:1/1}[data-ui-dialog][data-open]>[data-part-backdrop]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog]>[data-part-viewport]{padding:var(--_layer-padding);overscroll-behavior:contain;grid-area:1/1;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;display:grid;overflow:auto}[data-ui-dialog][data-placement=top]>[data-part-viewport]{align-content:safe start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]{--slotted-dialog-inset-inline:var(--_padding-inline);--slotted-dialog-inset-block:var(--_padding-block);inline-size:100%;max-inline-size:var(--_measure);background:var(--slotted-dialog-surface,var(--slotted-surface-raised,Canvas));border:var(--_rule-size) solid var(--slotted-dialog-border-color,var(--slotted-border-subtle,ButtonBorder));border-radius:var(--slotted-dialog-radius,var(--slotted-radius-lg,8px));max-block-size:100%;box-shadow:var(--slotted-shadow-lg);opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);-webkit-backdrop-filter:var(--slotted-dialog-backdrop-filter,none);backdrop-filter:var(--slotted-dialog-backdrop-filter,none);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}@media (prefers-reduced-transparency:reduce),(forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{-webkit-backdrop-filter:none;backdrop-filter:none}}[data-ui-dialog][data-open]>[data-part-viewport]>[data-part-content]{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]{max-block-size:none}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form{display:contents}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]{align-items:start;column-gap:0;row-gap:var(--slotted-space-2,.25rem);padding-block:var(--_header-padding-block);padding-inline:var(--_padding-inline);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:not([data-part-icon],[data-part-title],[data-part-description],[data-part-fullscreen],[data-part-close]){grid-column:2;justify-self:start}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-icon],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-icon]{--slotted-icon-size:var(--_status-size);color:var(--_tone-color);block-size:var(--_status-size);inline-size:var(--_status-size);flex:none;grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--_title-font-size) * var(--_title-line-height) - var(--_status-size)) / 2);margin-inline-end:var(--_mark-gap);display:inline-grid}[data-ui-dialog][data-tone=accent]{--_tone-color:var(--slotted-tone-accent-text,CanvasText)}[data-ui-dialog][data-tone=secondary]{--_tone-color:var(--slotted-tone-secondary-text,CanvasText)}[data-ui-dialog][data-tone=success]{--_tone-color:var(--slotted-tone-success-text,CanvasText)}[data-ui-dialog][data-tone=info]{--_tone-color:var(--slotted-tone-info-text,CanvasText)}[data-ui-dialog][data-tone=warning]{--_tone-color:var(--slotted-tone-warning-text,CanvasText)}[data-ui-dialog][data-tone=danger]{--_tone-color:var(--slotted-tone-danger-text,CanvasText)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-title],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-title]{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--slotted-dialog-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(--_title-line-height);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText));grid-area:1/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[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-dialog-description-color,var(--slotted-text-muted,GrayText));grid-area:2/2;margin:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-description] :is(strong,b),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-description] :is(strong,b){font-weight:var(--slotted-font-weight-semibold,600);color:var(--slotted-dialog-title-color,var(--slotted-text,CanvasText))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[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-dialog-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/4/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);margin-inline-end:calc(-1 * (var(--_close-size) - var(--_icon-size)) / 2);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-close]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-close]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[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-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]{--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-dialog-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/3/span 2;align-self:start;place-items:center;margin-inline-start:var(--_gap);padding:0;display:inline-grid}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]{margin-inline-start:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):hover{background-color:var(--slotted-dialog-close-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:not(:disabled):active,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:not(:disabled):active{background-color:var(--slotted-dialog-close-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:focus-visible,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]: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))}@media (pointer:coarse){[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]){position:relative}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>:is([data-part-close],[data-part-fullscreen]):before{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]:has(+[data-part-close]):before{inset-inline-end:0}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before,[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-header]>[data-part-fullscreen]+[data-part-close]:before{inset-inline-start:0}}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow-inline:hidden;overflow-block:auto;overscroll-behavior:contain;min-block-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-size:var(--_body-font-size);line-height:var(--slotted-line-height-md,1.5);color:var(--slotted-dialog-body-color,var(--slotted-text,CanvasText));overflow:hidden auto}[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-scroll=viewport]>[data-part-viewport]>[data-part-content]>[data-part-body]{overflow:visible}[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>form>[data-part-body],[data-ui-dialog][data-loading]>[data-part-viewport]>[data-part-content]>[data-part-body]{min-block-size:var(--slotted-space-12,4rem)}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer],[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]{justify-content:flex-end;align-items:center;gap:var(--_gap);padding-block:var(--_footer-padding-block);padding-inline:var(--_padding-inline);background:var(--slotted-dialog-footer-surface,var(--slotted-surface-sunken,Canvas));flex-wrap:wrap;display:flex}[data-ui-dialog]>[data-part-viewport]>[data-part-content]>form>[data-part-footer]:not(:first-child),[data-ui-dialog]>[data-part-viewport]>[data-part-content]>[data-part-footer]:not(:first-child){border-block-start:var(--_rule-size) solid var(--slotted-dialog-rule-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]{box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;transition:none;display:block;overflow:visible}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>*{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit)}[data-ui-dialog][data-surface=plain][data-open]>[data-part-viewport]>[data-part-content]>*{opacity:1;transition:opacity var(--slotted-duration-long) var(--slotted-easing-standard)}[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>form>:is([data-part-header],[data-part-body],[data-part-footer]),[data-ui-dialog][data-surface=plain]>[data-part-viewport]>[data-part-content]>:is([data-part-header],[data-part-body],[data-part-footer]){background:0 0;border:0;padding:0}@container slotted-dialog (inline-size<=30rem){[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=narrow]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}}[data-ui-dialog][data-full-screen=always]>[data-part-viewport],[data-ui-dialog][data-fullscreen]>[data-part-viewport]{align-content:stretch;padding:0}[data-ui-dialog][data-full-screen=always]>[data-part-viewport]>[data-part-content],[data-ui-dialog][data-fullscreen]>[data-part-viewport]>[data-part-content]{box-sizing:border-box;block-size:100%;max-inline-size:none;border:0;border-radius:0;padding-block-end:var(--slotted-keyboard-inset,0px)}@media (forced-colors:active){[data-ui-dialog]>[data-part-viewport]>[data-part-content]{border-color:canvastext;border-width:var(--slotted-border-width-thick,2px)}}}
15
15
 
16
16
  @layer slotted.components{[data-ui-upload][data-part-root],[data-ui-upload][data-part-viewer]{--_font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_control-height:var(--slotted-control-height-md,34px);--_control-inset:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_preview-size:var(--slotted-upload-preview-size,calc(2 * var(--_glyph-size)));--_state-hover:color-mix(in oklab, currentcolor var(--slotted-upload-state-layer-hover,8%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-upload-state-layer-active,14%), transparent);--_section-gap:var(--slotted-upload-section-gap,var(--slotted-space-5,.75rem));--_item-gap:var(--slotted-upload-item-gap,var(--slotted-space-4,.5rem));--_line-gap:var(--slotted-upload-line-gap,var(--slotted-space-1,.125rem));--_item-inset-block:var(--slotted-upload-item-padding-block,var(--slotted-space-4,.5rem));--_item-inset-inline:var(--slotted-upload-item-padding-inline,var(--slotted-space-5,.75rem));--_radius:var(--slotted-upload-radius,var(--slotted-radius-md,6px));--_item-radius:var(--slotted-upload-item-radius,var(--slotted-radius-md,6px));--_border-width:var(--slotted-upload-border-width,var(--slotted-border-width-thin,1px));--_zone-inset-block:var(--slotted-upload-zone-padding-block,var(--slotted-space-9,2rem));--_zone-inset-inline:var(--slotted-upload-zone-padding-inline,var(--slotted-space-6,1rem));--_zone-border-width:var(--slotted-upload-zone-border-width,var(--slotted-border-width-medium,1.5px));--_zone-edge:var(--slotted-upload-zone-border-color,var(--slotted-border-strong));--_zone-ground:var(--slotted-upload-zone-background,var(--slotted-surface-sunken));--_zone-glyph-size:var(--slotted-upload-zone-icon-size,calc(1.5 * var(--_glyph-size)));--_action-glyph-size:max(var(--slotted-upload-icon-size-min,14px), var(--_glyph-size));--_action-size:var(--slotted-upload-action-size,max(var(--slotted-target-min,24px), min(calc(var(--_action-glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));--_status-text:var(--slotted-text-muted);--_item-surface:var(--slotted-upload-item-background,var(--slotted-surface));--_item-border:var(--slotted-upload-item-border-color,var(--slotted-border-subtle));--_kind-tile:var(--slotted-upload-kind-other);--_leading:round(up, calc(1em * var(--slotted-line-height-md,1.5)), 1px);color:var(--slotted-text);font-family:var(--slotted-upload-font-family,var(--slotted-control-font-family));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-upload][data-part-root]{gap:var(--_section-gap);flex-direction:column;inline-size:100%;display:flex;container:slotted-upload/inline-size}[data-ui-upload][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_glyph-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_control-height:var(--slotted-control-height-sm,30px);--_control-inset:var(--slotted-control-padding-inline-sm,10px);--_gap:var(--slotted-control-gap-sm,6px)}[data-ui-upload][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_glyph-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_control-height:var(--slotted-control-height-lg,38px);--_control-inset:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px)}[data-ui-upload] [data-part-label]{color:var(--slotted-text);font-weight:var(--slotted-upload-label-font-weight,var(--slotted-font-weight-medium,500));flex:none}[data-ui-upload] [data-part-description]{color:var(--slotted-text-muted);flex:none;margin:0}[data-ui-upload] [data-part-dropzone]{--_zone-border-color:var(--_zone-edge);--_zone-surface:var(--_zone-ground);background-color:var(--_zone-surface);border:var(--_zone-border-width) dashed var(--_zone-border-color);border-radius:var(--_radius);align-items:center;gap:var(--_gap);padding-block:var(--_zone-inset-block);padding-inline:var(--_zone-inset-inline);text-align:center;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);flex-direction:column;flex:none;display:flex}[data-ui-upload] [data-part-dropzone]>[data-ui-icon]{--slotted-icon-size:var(--_zone-glyph-size);color:var(--slotted-text-muted)}[data-ui-upload] [data-part-dropzone][data-drop-target]{--_zone-border-color:var(--slotted-tone-accent-border);--_zone-surface:var(--slotted-tone-accent-surface)}[data-ui-upload] [data-part-dropzone][data-drop-invalid]{--_zone-border-color:var(--slotted-tone-danger-border);--_zone-surface:var(--slotted-tone-danger-surface)}[data-ui-upload] [data-part-dropzone][data-browsable]{cursor:pointer}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):hover{--_zone-surface:color-mix(in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-hover,4%), var(--_zone-ground))}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):active{--_zone-surface:color-mix(in oklab, var(--slotted-text) var(--slotted-upload-zone-state-layer-active,8%), var(--_zone-ground))}[data-ui-upload]:not([data-disabled],[data-invalid]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):is(:hover,:active){--_zone-border-color:var(--slotted-text-muted)}[data-ui-upload]:not([data-disabled]) [data-part-dropzone][data-browsable]:not([data-drop-target],[data-drop-invalid]):has([data-part-trigger]:hover){--_zone-border-color:var(--_zone-edge);--_zone-surface:var(--_zone-ground)}[data-ui-upload][data-disabled][data-part-root]{--_zone-edge:var(--slotted-disabled-border);--_zone-ground:var(--slotted-disabled-background)}[data-ui-upload][data-disabled] [data-part-dropzone]{color:var(--slotted-disabled-foreground)}[data-ui-upload][data-invalid][data-part-root]{--_zone-edge:var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-trigger]{background-color:var(--slotted-upload-trigger-background,var(--slotted-surface));block-size:var(--_control-height);border:var(--slotted-control-border-width,1px) solid var(--slotted-control-border-color);border-radius:var(--slotted-control-radius,4px);box-shadow:var(--slotted-control-shadow);color:var(--slotted-text);cursor:pointer;font:inherit;font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_gap);padding-inline:var(--_control-inset);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), translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);white-space:nowrap;flex:none;justify-content:center;display:inline-flex;position:relative}[data-ui-upload] [data-part-trigger]>[data-ui-icon]{--slotted-icon-size:var(--_glyph-size)}[data-ui-upload]:not([data-disabled]) [data-part-trigger]:hover{background-color:var(--slotted-tone-secondary-subtle-hover)}[data-ui-upload]:not([data-disabled]) [data-part-trigger]:active{background-color:var(--slotted-tone-secondary-subtle-active);translate:0 var(--slotted-border-width-thin,1px)}[data-ui-upload][data-disabled] [data-part-trigger]{background-color:var(--slotted-disabled-background);border-color:var(--slotted-disabled-border);box-shadow:none;color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-trigger]:has(: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-upload][data-invalid] [data-part-trigger]{--slotted-focus-ring-color:var(--slotted-focus-ring-color-invalid);border-color:var(--slotted-tone-danger-border);--_invalid-edge-width:var(--slotted-control-invalid-edge-width,1px);box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-input]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;overflow:hidden}[data-ui-upload] [data-part-input]:focus-visible{outline:none}[data-ui-upload] [data-part-summary]{color:var(--slotted-text-muted);align-items:center;gap:var(--_gap);flex:none;justify-content:space-between;display:flex}[data-ui-upload] [data-part-clear]{appearance:none;white-space:nowrap;border-radius:var(--slotted-control-radius,4px);color:inherit;cursor:pointer;font:inherit;padding-block:var(--slotted-space-1,.125rem);padding-inline:var(--slotted-space-3,.375rem);text-underline-offset:.2em;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;text-decoration-line:underline}[data-ui-upload] [data-part-clear]:enabled:hover{background-color:var(--_state-hover)}[data-ui-upload] [data-part-clear]:enabled:active{background-color:var(--_state-active)}[data-ui-upload] [data-part-clear]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-clear]: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-upload] [data-part-list]{--_row-block-size:calc(max(var(--_preview-size), 2lh) + 2 * var(--_item-inset-block) + 2 * var(--_border-width) + var(--_item-gap));gap:var(--_item-gap);min-block-size:var(--_row-block-size);max-block-size:calc(var(--slotted-upload-visible-rows,6) * var(--_row-block-size));flex-direction:column;flex:auto;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}[data-ui-upload] [data-part-item]{background-color:var(--_item-surface);border:var(--_border-width) solid var(--_item-border);border-radius:var(--_item-radius);align-items:center;column-gap:var(--_gap);padding-block:var(--_item-inset-block);padding-inline:var(--_item-inset-inline);row-gap:var(--_line-gap);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), opacity var(--slotted-duration-medium) var(--slotted-easing-enter), translate var(--slotted-duration-medium) var(--slotted-easing-enter);flex:none;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"preview body actions""message message message";display:grid;position:relative;overflow:hidden}@starting-style{[data-ui-upload] [data-part-item]{opacity:0;translate:0 calc(-1 * var(--slotted-space-2,.25rem))}}[data-ui-upload] [data-part-item][data-status=success]{--_status-text:var(--slotted-tone-success-text)}[data-ui-upload] [data-part-item][data-status=ready]{border-style:dashed}[data-ui-upload] [data-part-item][data-status=paused],[data-ui-upload] [data-part-item][data-status=stalled]{--_status-text:var(--slotted-tone-warning-text)}[data-ui-upload] [data-part-item][data-status=rejected],[data-ui-upload] [data-part-item][data-status=error]{--_status-text:var(--slotted-tone-danger-text);--_item-surface:var(--slotted-tone-danger-surface);--_item-border:var(--slotted-tone-danger-border)}[data-ui-upload] [data-part-item][data-status=canceled]{--_status-text:var(--slotted-text-muted)}[data-ui-upload][data-disabled] [data-part-item]{color:var(--slotted-disabled-foreground)}[data-ui-upload] [data-part-preview]{background-color:var(--_kind-tile);block-size:var(--_preview-size);border-radius:var(--slotted-upload-preview-radius,var(--slotted-radius-sm,4px));color:var(--slotted-upload-kind-foreground);inline-size:var(--_preview-size);flex-direction:column;grid-area:preview;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}[data-ui-upload] [data-part-preview]>img{object-fit:cover;block-size:100%;inline-size:100%}[data-ui-upload] [data-part-preview]>[data-ui-icon]{--slotted-icon-size:var(--_glyph-size)}[data-ui-upload] [data-part-preview][data-kind=pdf]{--_kind-tile:var(--slotted-upload-kind-pdf)}[data-ui-upload] [data-part-preview][data-kind=document]{--_kind-tile:var(--slotted-upload-kind-document)}[data-ui-upload] [data-part-preview][data-kind=spreadsheet]{--_kind-tile:var(--slotted-upload-kind-spreadsheet)}[data-ui-upload] [data-part-preview][data-kind=presentation]{--_kind-tile:var(--slotted-upload-kind-presentation)}[data-ui-upload] [data-part-preview][data-kind=image]{--_kind-tile:var(--slotted-upload-kind-image)}[data-ui-upload] [data-part-preview][data-kind=video]{--_kind-tile:var(--slotted-upload-kind-video)}[data-ui-upload] [data-part-preview][data-kind=audio]{--_kind-tile:var(--slotted-upload-kind-audio)}[data-ui-upload] [data-part-preview][data-kind=archive]{--_kind-tile:var(--slotted-upload-kind-archive)}[data-ui-upload] [data-part-item]>[data-part-body]{gap:var(--_line-gap);flex-direction:column;grid-area:body;min-inline-size:0;display:flex}[data-ui-upload] [data-part-filename]{font-weight:var(--slotted-upload-name-font-weight,var(--slotted-font-weight-medium,500));unicode-bidi:isolate;min-inline-size:0;display:flex}[data-ui-upload] button[data-part-filename]{appearance:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;text-align:start;transition:translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);background:0 0;border:0;padding:0}[data-ui-upload] button[data-part-filename]:enabled:hover{text-underline-offset:.2em;text-decoration-line:underline}[data-ui-upload] button[data-part-filename]:enabled:active{text-underline-offset:.2em;translate:0 var(--slotted-border-width-thin,1px);text-decoration-line:underline}[data-ui-upload] button[data-part-filename]:focus-visible{border-radius:var(--slotted-control-radius,4px);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-upload][data-layout=grid] button[data-part-preview]{appearance:none;cursor:pointer;border:0;padding:0}[data-ui-upload] [data-part-name]{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;overflow:hidden}[data-ui-upload] [data-part-extension]{flex:none}[data-ui-upload] [data-part-detail]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--_leading);flex-wrap:wrap;align-items:baseline;min-inline-size:0;display:flex}[data-ui-upload] [data-part-meta]{font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-upload] [data-part-status]{color:var(--_status-text);font-weight:var(--slotted-upload-status-font-weight,var(--slotted-font-weight-medium,500));min-inline-size:0}[data-ui-upload] [data-part-meta]:has(+[data-part-status]):after{color:var(--slotted-text-muted);content:" ·";margin-inline-end:.4em}[data-ui-upload] [data-part-message]{color:var(--_status-text);font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--_leading);grid-area:message;margin:0}[data-ui-upload] [data-part-progress]{display:block;position:absolute;inset-block-end:0;inset-inline:0}[data-ui-upload] [data-part-actions]{gap:var(--slotted-space-1,.125rem);grid-area:actions;justify-content:flex-end;display:inline-flex}[data-ui-upload] [data-part-viewerexternal],[data-ui-upload] [data-part-viewerclose],[data-ui-upload] [data-part-start],[data-ui-upload] [data-part-pause],[data-ui-upload] [data-part-retry],[data-ui-upload] [data-part-cancel],[data-ui-upload] [data-part-remove]{appearance:none;block-size:var(--_action-size);border-radius:var(--slotted-upload-action-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_action-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-ui-upload] [data-part-viewerexternal]>[data-ui-icon],[data-ui-upload] [data-part-viewerclose]>[data-ui-icon],[data-ui-upload] [data-part-start]>[data-ui-icon],[data-ui-upload] [data-part-pause]>[data-ui-icon],[data-ui-upload] [data-part-retry]>[data-ui-icon],[data-ui-upload] [data-part-cancel]>[data-ui-icon],[data-ui-upload] [data-part-remove]>[data-ui-icon]{--slotted-icon-size:var(--_action-glyph-size)}@media (pointer:coarse){[data-ui-upload] :is([data-part-viewerexternal],[data-part-viewerclose],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]){position:relative}[data-ui-upload] :is([data-part-viewerexternal],[data-part-viewerclose],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}[data-ui-upload] :is([data-part-viewerexternal],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel]):has(+:is([data-part-viewerclose],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):not([hidden])):after{inset-inline-end:0}[data-ui-upload] :is([data-part-viewerexternal],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel]):not([hidden])+:is([data-part-viewerclose],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):after{inset-inline-start:0}}[data-ui-upload] [data-part-viewerexternal]:enabled:hover,[data-ui-upload] [data-part-viewerclose]:enabled:hover,[data-ui-upload] [data-part-start]:enabled:hover,[data-ui-upload] [data-part-pause]:enabled:hover,[data-ui-upload] [data-part-retry]:enabled:hover,[data-ui-upload] [data-part-cancel]:enabled:hover,[data-ui-upload] [data-part-remove]:enabled:hover{background-color:var(--_state-hover)}[data-ui-upload] [data-part-viewerexternal]:enabled:active,[data-ui-upload] [data-part-viewerclose]:enabled:active,[data-ui-upload] [data-part-start]:enabled:active,[data-ui-upload] [data-part-pause]:enabled:active,[data-ui-upload] [data-part-retry]:enabled:active,[data-ui-upload] [data-part-cancel]:enabled:active,[data-ui-upload] [data-part-remove]:enabled:active{background-color:var(--_state-active)}[data-ui-upload] [data-part-viewerexternal]:disabled,[data-ui-upload] [data-part-viewerclose]:disabled,[data-ui-upload] [data-part-start]:disabled,[data-ui-upload] [data-part-pause]:disabled,[data-ui-upload] [data-part-retry]:disabled,[data-ui-upload] [data-part-cancel]:disabled,[data-ui-upload] [data-part-remove]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-viewerexternal]:focus-visible,[data-ui-upload] [data-part-viewerclose]:focus-visible,[data-ui-upload] [data-part-start]:focus-visible,[data-ui-upload] [data-part-pause]:focus-visible,[data-ui-upload] [data-part-retry]:focus-visible,[data-ui-upload] [data-part-cancel]:focus-visible,[data-ui-upload] [data-part-remove]: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-upload][data-part-viewer]{background-color:var(--slotted-surface);grid-row:1/-1;grid-template-rows:auto minmax(0,1fr);block-size:100%;inline-size:100%;display:grid}[data-ui-upload] [data-part-viewerheader]{border-block-end:var(--_border-width) solid var(--slotted-border-subtle);align-items:center;column-gap:var(--_gap);padding-block:var(--slotted-space-4,.5rem);padding-inline:var(--slotted-space-6,1rem);grid-template-columns:minmax(0,1fr) auto;display:grid}[data-ui-upload] [data-part-viewertitle]{font-size:var(--slotted-font-size-md,.875rem);line-height:var(--_leading);font-weight:var(--slotted-font-weight-semibold,600);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}[data-ui-upload] [data-part-viewermeta]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-xs,.75rem);line-height:var(--_leading)}[data-ui-upload] [data-part-vieweractions]{align-items:center;gap:var(--slotted-space-1,.125rem);display:inline-flex}[data-ui-upload] [data-part-viewerstage]{background-color:var(--slotted-surface-sunken);min-block-size:0;padding:var(--slotted-space-6,1rem);place-items:center;display:grid;position:relative;overflow:hidden}[data-ui-upload] [data-part-viewerstage]>img,[data-ui-upload] [data-part-viewerstage]>iframe{place-self:stretch stretch;block-size:auto;min-block-size:0;inline-size:auto;min-inline-size:0}[data-ui-upload] [data-part-viewerstage]>img{object-fit:contain}[data-ui-upload] [data-part-viewerstage]>iframe{background-color:var(--slotted-surface);border:0}[data-ui-upload] [data-part-viewerstage]>video,[data-ui-upload] [data-part-viewerstage]>audio{min-block-size:0;max-block-size:100%;min-inline-size:0;max-inline-size:100%}[data-ui-upload] [data-part-viewerstage]>[data-part-preview]{block-size:var(--slotted-upload-viewer-tile-size,6rem);inline-size:var(--slotted-upload-viewer-tile-size,6rem)}[data-ui-upload] [data-part-viewerstage]>[data-part-preview]>[data-ui-icon]{--slotted-icon-size:calc(3 * var(--_glyph-size))}[data-ui-upload] [data-part-viewerstage]>p{color:var(--slotted-text-muted);text-align:center;max-inline-size:28ch;margin:0}[data-ui-upload] [data-part-viewerstage]:has(>[data-part-preview]){align-items:center;gap:var(--slotted-space-5,.75rem);flex-direction:column;justify-content:center;display:flex}[data-ui-upload] [data-part-viewerprevious],[data-ui-upload] [data-part-viewernext]{appearance:none;background-color:color-mix(in oklab, var(--slotted-surface) var(--slotted-upload-viewer-control-opacity,92%), transparent);block-size:var(--slotted-upload-viewer-control-size,2.5rem);border-radius:var(--slotted-radius-full,9999px);box-shadow:var(--slotted-shadow-sm);color:var(--slotted-text);cursor:pointer;inline-size:var(--slotted-upload-viewer-control-size,2.5rem);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), translate var(--slotted-duration-instant) var(--slotted-control-transition-easing);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}[data-ui-upload] [data-part-viewerprevious]{inset-inline-start:var(--slotted-space-5,.75rem)}[data-ui-upload] [data-part-viewernext]{inset-inline-end:var(--slotted-space-5,.75rem)}[data-ui-upload] [data-part-viewerprevious]>[data-ui-icon],[data-ui-upload] [data-part-viewernext]>[data-ui-icon]{--slotted-icon-size:var(--_glyph-size)}[data-ui-upload] [data-part-viewerprevious]>[data-ui-icon]{rotate:180deg}[data-ui-upload] [data-part-viewerprevious]:enabled:hover,[data-ui-upload] [data-part-viewernext]:enabled:hover{background-color:color-mix(in oklab, currentcolor var(--slotted-upload-state-layer-hover,8%), var(--slotted-surface))}[data-ui-upload] [data-part-viewerprevious]:enabled:active,[data-ui-upload] [data-part-viewernext]:enabled:active{background-color:color-mix(in oklab, currentcolor var(--slotted-upload-state-layer-active,14%), var(--slotted-surface));translate:0 var(--slotted-border-width-thin,1px)}[data-ui-upload] [data-part-viewerprevious]:disabled,[data-ui-upload] [data-part-viewernext]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui-upload] [data-part-viewerprevious]:focus-visible,[data-ui-upload] [data-part-viewernext]: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-field] [data-ui-upload]>[data-part-label],[data-ui-field] [data-ui-upload]>[data-part-description],[data-ui-field] [data-ui-upload]>[data-part-message]{display:none}[data-ui-field] [data-ui-upload][data-part-root]{--_section-gap:var(--slotted-upload-field-section-gap,var(--slotted-space-4,.5rem))}[data-ui-upload][data-variant=button] [data-part-trigger]{align-self:start}[data-ui-upload][data-variant=field]:where([data-part-root]){--_zone-edge:var(--slotted-control-border-color);--_zone-ground:var(--slotted-control-surface,Field)}[data-ui-upload][data-variant=field] [data-part-dropzone]{border-style:solid;border-width:var(--slotted-control-border-width,1px);align-items:center;gap:var(--_gap);padding-block:var(--slotted-space-2,.25rem);padding-inline:var(--slotted-space-2,.25rem);text-align:start;flex-direction:row}[data-ui-upload][data-layout=grid] [data-part-list]{gap:var(--_gap);grid-template-columns:repeat(auto-fill, minmax(var(--slotted-upload-card-measure,9rem), 1fr));display:grid}[data-ui-upload][data-layout=grid] [data-part-item]{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""body""message";align-content:start;align-items:stretch;container-type:inline-size}[data-ui-upload][data-layout=grid] [data-part-preview]{block-size:round(down,75cqi,1px);inline-size:100%}[data-ui-upload][data-layout=grid] [data-part-actions]{background-color:color-mix(in oklab, var(--slotted-surface) var(--slotted-upload-card-actions-opacity,96%), transparent);border-radius:var(--_item-radius);box-shadow:var(--slotted-shadow-xs);min-inline-size:0;padding:var(--slotted-space-1,.125rem);margin-block-start:0;position:absolute;inset-block-start:calc(var(--_item-inset-block) + var(--slotted-space-3,.375rem));inset-inline-end:calc(var(--_item-inset-inline) + var(--slotted-space-3,.375rem))}[data-ui-upload][data-layout=grid] [data-part-preview]:not(:has(img)):after{content:attr(data-extension);font-size:var(--slotted-font-size-sm,.8125rem);font-weight:var(--slotted-font-weight-semibold,600);letter-spacing:.06em;text-transform:uppercase;margin-block-start:var(--slotted-space-3,.375rem)}[data-ui-upload][data-layout=grid] [data-part-preview]>[data-ui-icon]{--slotted-icon-size:calc(2 * var(--_glyph-size))}@container slotted-upload (width<=30rem){[data-ui-upload] [data-part-summary]{flex-direction:column;align-items:start}}@container slotted-upload (width<=26rem){[data-ui-upload] [data-part-item]{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"preview body""preview actions""message message"}[data-ui-upload] [data-part-preview]{align-self:start}[data-ui-upload] [data-part-actions]{justify-content:flex-start;margin-inline-start:calc(-1 * var(--slotted-space-2,.25rem))}[data-ui-upload] [data-part-dropzone]{padding-block:var(--slotted-space-6,1rem)}}@media (forced-colors:active){[data-ui-upload] [data-part-item][data-status=rejected],[data-ui-upload] [data-part-item][data-status=error]{--_item-border:CanvasText}[data-ui-upload] [data-part-preview]{border:var(--_border-width) solid ButtonBorder}[data-ui-upload] [data-part-dropzone][data-drop-target],[data-ui-upload] [data-part-dropzone][data-drop-invalid]{--_zone-border-color:Highlight}[data-ui-upload] :is([data-part-clear],[data-part-viewerexternal],[data-part-viewerclose],[data-part-viewerprevious],[data-part-viewernext],[data-part-start],[data-part-pause],[data-part-retry],[data-part-cancel],[data-part-remove]):enabled:is(:hover,:active){color:highlighttext;background-color:highlight}[data-ui-upload][data-invalid] [data-part-trigger]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-upload][data-invalid] [data-part-trigger]:has(:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}}}
package/dist/styles/wizard.css CHANGED
@@ -3,9 +3,9 @@
3
3
 
4
4
  @layer slotted.components{[data-ui-alert][data-part-root]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border);--_text:var(--slotted-tone-accent-text);--_state-hover:color-mix(in oklab, currentcolor var(--slotted-alert-state-layer-hover,10%), transparent);--_state-active:color-mix(in oklab, currentcolor var(--slotted-alert-state-layer-active,16%), transparent);--_font-size:var(--slotted-control-font-size-md,13px);--_description-font-size:var(--slotted-control-font-size-md,13px);--_glyph-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_mark-size:round(nearest, 1.2em, 2px);--_line-height:var(--slotted-line-height-md,1.5);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-5,.75rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-6,1rem));--_column-gap:var(--slotted-alert-column-gap,var(--slotted-space-4,.5rem));--_row-gap:var(--slotted-alert-row-gap,var(--slotted-space-5,.75rem));--_text-gap:var(--slotted-alert-text-gap,var(--slotted-space-2,.25rem));--_radius:var(--slotted-alert-radius,var(--slotted-radius-md,6px));--_border-width:var(--slotted-alert-border-width,var(--slotted-border-width-thin,1px));--_dismiss-size:var(--slotted-alert-dismiss-size,max(var(--slotted-target-min,24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size))));border:var(--_border-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;inline-size:100%;color:var(--_text);font-family:var(--slotted-alert-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);column-gap:0;row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), translate var(--slotted-duration-short) var(--slotted-easing-enter), display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete;background-color:#0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid;container:slotted-alert/inline-size}[data-ui-alert][data-part-root][hidden]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit), display var(--slotted-duration-short) var(--slotted-easing-exit);translate:0 calc(-1 * var(--slotted-space-2,.25rem));display:none}@starting-style{[data-ui-alert][data-part-root]:is([data-live=polite],[data-live=assertive]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2,.25rem))}}[data-ui-alert][data-part-root][data-tone=accent]{--_solid:var(--slotted-tone-accent-solid);--_on-solid:var(--slotted-tone-accent-on-solid);--_surface:var(--slotted-tone-accent-surface);--_border:var(--slotted-tone-accent-border);--_text:var(--slotted-tone-accent-text)}[data-ui-alert][data-part-root][data-tone=secondary]{--_solid:var(--slotted-tone-secondary-solid);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_border:var(--slotted-tone-secondary-border);--_text:var(--slotted-tone-secondary-text)}[data-ui-alert][data-part-root][data-tone=success]{--_solid:var(--slotted-tone-success-solid);--_on-solid:var(--slotted-tone-success-on-solid);--_surface:var(--slotted-tone-success-surface);--_border:var(--slotted-tone-success-border);--_text:var(--slotted-tone-success-text)}[data-ui-alert][data-part-root][data-tone=info]{--_solid:var(--slotted-tone-info-solid);--_on-solid:var(--slotted-tone-info-on-solid);--_surface:var(--slotted-tone-info-surface);--_border:var(--slotted-tone-info-border);--_text:var(--slotted-tone-info-text)}[data-ui-alert][data-part-root][data-tone=warning]{--_solid:var(--slotted-tone-warning-solid);--_on-solid:var(--slotted-tone-warning-on-solid);--_surface:var(--slotted-tone-warning-surface);--_border:var(--slotted-tone-warning-border);--_text:var(--slotted-tone-warning-text)}[data-ui-alert][data-part-root][data-tone=danger]{--_solid:var(--slotted-tone-danger-solid);--_on-solid:var(--slotted-tone-danger-on-solid);--_surface:var(--slotted-tone-danger-surface);--_border:var(--slotted-tone-danger-border);--_text:var(--slotted-tone-danger-text)}[data-ui-alert][data-part-root][data-variant=soft]{background-color:var(--_surface);border-color:var(--_border)}[data-ui-alert][data-part-root][data-variant=outline]{border-color:var(--_border);background-color:#0000}[data-ui-alert][data-part-root][data-variant=solid]{background-color:var(--_solid);border-color:var(--_solid);color:var(--_on-solid)}[data-ui-alert][data-part-root][data-reach=inline]{--_font-size:var(--slotted-control-font-size-sm,12px);--_description-font-size:var(--slotted-control-font-size-sm,12px);--_glyph-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-4,.5rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-5,.75rem));--_row-gap:var(--slotted-alert-row-gap,var(--slotted-space-4,.5rem));--_radius:var(--slotted-alert-radius,var(--slotted-radius-sm,4px))}[data-ui-alert][data-part-root][data-reach=page]{--_font-size:var(--slotted-control-font-size-lg,14px);--_glyph-size:var(--slotted-control-icon-size-lg,18px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_inset-block:var(--slotted-alert-padding-block,var(--slotted-space-6,1rem));--_inset-inline:var(--slotted-alert-padding-inline,var(--slotted-space-7,1.25rem));--_radius:var(--slotted-alert-radius,0);border-block-start-width:0;border-inline-width:0}[data-ui-alert][data-part-root][data-reach=page][data-variant=solid]{border-block-start-width:var(--_border-width);border-inline-width:var(--_border-width)}[data-ui-alert]>[data-part-icon]{--slotted-icon-size:calc(var(--_mark-size) * 12 / 11);block-size:var(--_mark-size);contain:layout;inline-size:var(--_mark-size);grid-area:1/1;justify-content:center;align-self:baseline;align-items:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);display:flex;position:relative;inset-block-start:round(nearest, (var(--_mark-size) - 1cap) / 2, 1px)}[data-ui-alert]>[data-part-content]{align-self:baseline;row-gap:var(--_text-gap);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}[data-ui-alert] [data-part-title]{font-family:var(--slotted-alert-title-font-family,var(--slotted-font-family-heading,var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif)));font-size:inherit;font-weight:var(--slotted-alert-title-font-weight,var(--slotted-font-weight-semibold,600));line-height:inherit;overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-alert] [data-part-description]{font-size:var(--_description-font-size);line-height:round(nearest, calc(var(--_line-height) * 1em), 2px);overflow-wrap:anywhere;min-inline-size:0;margin:0}[data-ui-alert]>[data-part-actions]{align-items:center;gap:var(--slotted-alert-actions-gap,var(--slotted-space-3,.375rem));flex-wrap:wrap;grid-area:2/2;min-inline-size:0;display:flex}[data-ui-alert]>[data-part-dismiss]{--slotted-icon-size:var(--_glyph-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-alert-dismiss-radius,var(--slotted-control-radius,4px));color:inherit;cursor:pointer;font:inherit;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;grid-area:1/3;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((1lh - var(--_dismiss-size)) / 2);margin-block-end:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-start:var(--_column-gap);margin-inline-end:calc((1lh - var(--_dismiss-size)) / 2);padding:0;display:inline-flex}[data-ui-alert]>[data-part-dismiss]:enabled:hover{background-color:var(--_state-hover)}[data-ui-alert]>[data-part-dismiss]:enabled:active{background-color:var(--_state-active)}[data-ui-alert]>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground);cursor:default}@media (pointer:coarse){[data-ui-alert]>[data-part-dismiss]{position:relative}[data-ui-alert]>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-alert]>[data-part-dismiss]: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-alert][data-variant=solid]>[data-part-dismiss]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width,2px)) var(--_on-solid)}[data-ui-alert][data-part-root]: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-alert (width<=22rem){[data-ui-alert]>[data-part-actions]{flex-direction:column;align-items:flex-start}}@container slotted-alert (width>=40rem){[data-ui-alert][data-reach=page]>[data-part-actions]{grid-area:1/3;align-self:center;margin-inline-start:var(--_column-gap)}[data-ui-alert][data-reach=page]>[data-part-dismiss]{grid-column:4;align-self:center;margin-block:0}}@media (forced-colors:active){[data-ui-alert][data-part-root][data-variant]{color:canvastext;background-color:canvas;border-color:canvastext}[data-ui-alert]>[data-part-dismiss]{color:canvastext}[data-ui-alert]>[data-part-dismiss]:enabled:hover,[data-ui-alert]>[data-part-dismiss]:enabled:active{color:highlighttext;background-color:highlight}}}
5
5
 
6
- @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));--_track:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-opacity='0.2' stroke-width='2.25'/%3E%3C/svg%3E");--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='1 150' transform='rotate(-90 12 12)'%3E%3Canimate attributeName='stroke-dasharray' values='1 150;70 150;70 150' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-28;-99' keyTimes='0;0.5;1' calcMode='spline' keySplines='0.42 0 0.58 1;0.42 0 0.58 1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");block-size:var(--_size);forced-color-adjust:none;inline-size:var(--_size);mask-image:var(--_arc), var(--_track);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;scale:1;mask-position:50%;mask-size:100% 100%;mask-repeat:no-repeat}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner]{--_arc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.875' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' pathLength='100' stroke-dasharray='75 150' transform='rotate(-90 12 12)'/%3E%3C/svg%3E")}}}
6
+ @layer slotted.components{[data-ui-spinner]{--_size:var(--slotted-spinner-size,var(--slotted-control-icon-size-md,16px));animation:slotted-spinner-turn calc(var(--slotted-duration-loop-slow) * 1.25) linear infinite;block-size:var(--_size);color:inherit;forced-color-adjust:none;inline-size:var(--_size);opacity:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle;flex:none;display:inline-block;scale:1}[data-ui-spinner]>svg{fill:none;stroke:currentColor;stroke-width:2.25px;block-size:100%;inline-size:100%;display:block}[data-ui-spinner]>svg>circle:first-child{stroke-opacity:.2}[data-ui-spinner]>svg>circle:last-child{animation:slotted-spinner-arc var(--slotted-duration-loop-slow) infinite;stroke-dasharray:1 150;stroke-linecap:round;transform-origin:50%;rotate:-90deg}@keyframes slotted-spinner-turn{to{rotate:360deg}}@keyframes slotted-spinner-arc{0%{stroke-dasharray:1 150;stroke-dashoffset:0;animation-timing-function:ease-in-out}50%{stroke-dasharray:70 150;stroke-dashoffset:-28px;animation-timing-function:ease-in-out}to{stroke-dasharray:70 150;stroke-dashoffset:-99px}}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){[data-ui-spinner],[data-ui-spinner]>svg>circle:last-child{animation:none}[data-ui-spinner]>svg>circle:last-child{stroke-dasharray:75 150}}}
7
7
 
8
- @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}}
8
+ @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}}
9
9
 
10
10
  @layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}}
11
11