@slotted/react 0.1.0-beta.1 → 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 (1088) hide show
  1. package/README.md +23 -2
  2. package/dist/accordion-n5D6mcmS.js +144 -0
  3. package/dist/accordion.js +1 -1
  4. package/dist/action-bar-z2DPc1Wy.js +285 -0
  5. package/dist/action-bar.js +1 -1
  6. package/dist/action-sheet-BnedGewu.js +360 -0
  7. package/dist/action-sheet.js +1 -1
  8. package/dist/alert-BTAXJ69M.js +163 -0
  9. package/dist/alert.js +1 -1
  10. package/dist/app-shell-Cb_kDBeV.js +904 -0
  11. package/dist/app-shell.js +1 -1
  12. package/dist/aspect-ratio-CLxOFJVH.js +41 -0
  13. package/dist/aspect-ratio.js +1 -1
  14. package/dist/attachment-D1O4qS8H.js +305 -0
  15. package/dist/attachment.js +1 -1
  16. package/dist/avatar-C1mYlU05.js +104 -0
  17. package/dist/avatar-group-DhbHJlMx.js +50 -0
  18. package/dist/avatar-group.js +1 -1
  19. package/dist/avatar.js +1 -1
  20. package/dist/badge-pgYVOnZO.js +98 -0
  21. package/dist/badge.js +1 -1
  22. package/dist/bin/slotted-agent-docs.mjs +297 -0
  23. package/dist/breadcrumb-CnFjxxI2.js +222 -0
  24. package/dist/breadcrumb.js +1 -1
  25. package/dist/button-D31perSu.js +100 -0
  26. package/dist/button-group-C-m4aSqu.js +51 -0
  27. package/dist/button-group.js +1 -1
  28. package/dist/button.js +2 -2
  29. package/dist/calendar-DZyC1gAT.js +457 -0
  30. package/dist/calendar.js +1 -1
  31. package/dist/card-DRmq8_5e.js +103 -0
  32. package/dist/card.js +1 -1
  33. package/dist/carousel-Dso3gcYd.js +499 -0
  34. package/dist/carousel.js +1 -1
  35. package/dist/cascader-BbajBwsX.js +1157 -0
  36. package/dist/cascader.js +1 -1
  37. package/dist/{chart-BNzfIfQe.js → chart-Bb6ctahn.js} +333 -271
  38. package/dist/chart.js +1 -1
  39. package/dist/checkbox-C_8GVtjD.js +144 -0
  40. package/dist/checkbox-group-DXCcusol.js +109 -0
  41. package/dist/checkbox-group.js +1 -1
  42. package/dist/checkbox.js +1 -1
  43. package/dist/code-block-C4mtsROE.js +282 -0
  44. package/dist/code-block.js +1 -1
  45. package/dist/collapsible-B_UjYE2f.js +222 -0
  46. package/dist/collapsible.js +1 -1
  47. package/dist/color-picker-JZPnPb7s.js +506 -0
  48. package/dist/color-picker.js +1 -1
  49. package/dist/column-manager-BDUj-WIs.js +586 -0
  50. package/dist/column-manager.js +1 -1
  51. package/dist/combobox-Dn69QwGX.js +904 -0
  52. package/dist/combobox.js +1 -1
  53. package/dist/command-palette-Dh1HKz_F.js +744 -0
  54. package/dist/command-palette.js +1 -1
  55. package/dist/container-WoYiHo50.js +47 -0
  56. package/dist/container.js +1 -1
  57. package/dist/context-menu-uJjEmAN3.js +151 -0
  58. package/dist/context-menu.js +1 -1
  59. package/dist/currency-field-lHcrNJ7X.js +469 -0
  60. package/dist/currency-field.js +1 -1
  61. package/dist/dashboard-grid-z-SOm9H0.js +1048 -0
  62. package/dist/dashboard-grid.js +1 -1
  63. package/dist/data-grid-DQCvXMJA.js +3856 -0
  64. package/dist/data-grid.js +1 -1
  65. package/dist/data-list-BgdkA3bD.js +587 -0
  66. package/dist/data-list.js +1 -1
  67. package/dist/date-field-B2lQzE3p.js +299 -0
  68. package/dist/date-field.js +1 -1
  69. package/dist/date-picker-DpTRb-Y1.js +316 -0
  70. package/dist/date-picker.js +1 -1
  71. package/dist/date-range-picker-CBUPJep5.js +501 -0
  72. package/dist/date-range-picker.js +1 -1
  73. package/dist/datetime-field-BZ44uJ_B.js +424 -0
  74. package/dist/datetime-field.js +1 -1
  75. package/dist/datetime-picker-BK_bV3Yr.js +662 -0
  76. package/dist/datetime-picker.js +1 -1
  77. package/dist/datetime-range-picker-ChdbRgzQ.js +1029 -0
  78. package/dist/datetime-range-picker.js +1 -1
  79. package/dist/description-list-CYlfHDwx.js +240 -0
  80. package/dist/description-list.js +1 -1
  81. package/dist/{detail-panel-qOJiNuzr.js → detail-panel-DimjnPI8.js} +121 -113
  82. package/dist/detail-panel.js +1 -1
  83. package/dist/dialog-BB5MdJex.js +537 -0
  84. package/dist/dialog.js +1 -1
  85. package/dist/divider-ryFeK0Pi.js +35 -0
  86. package/dist/divider.js +1 -1
  87. package/dist/docs/AGENTS.snippet.md +12 -0
  88. package/dist/docs/action-bar.json +4 -4
  89. package/dist/docs/action-bar.md +3 -3
  90. package/dist/docs/alert.json +7 -1
  91. package/dist/docs/alert.md +3 -3
  92. package/dist/docs/app-shell.examples.md +1 -1
  93. package/dist/docs/app-shell.json +5 -5
  94. package/dist/docs/app-shell.md +2 -2
  95. package/dist/docs/avatar.json +22 -1
  96. package/dist/docs/avatar.md +5 -3
  97. package/dist/docs/badge.json +7 -1
  98. package/dist/docs/badge.md +3 -3
  99. package/dist/docs/button-group.json +2 -0
  100. package/dist/docs/button-group.md +1 -1
  101. package/dist/docs/button.json +51 -11
  102. package/dist/docs/button.md +10 -6
  103. package/dist/docs/calendar.json +8 -1
  104. package/dist/docs/calendar.md +3 -2
  105. package/dist/docs/cascader.json +1 -0
  106. package/dist/docs/cascader.md +1 -1
  107. package/dist/docs/chart.examples.md +1 -1
  108. package/dist/docs/chart.json +10 -1
  109. package/dist/docs/chart.md +3 -2
  110. package/dist/docs/code-block.json +93 -93
  111. package/dist/docs/code-block.md +71 -71
  112. package/dist/docs/collapsible.json +1 -1
  113. package/dist/docs/collapsible.md +1 -1
  114. package/dist/docs/combobox.json +1 -0
  115. package/dist/docs/combobox.md +1 -1
  116. package/dist/docs/command-palette.json +1 -0
  117. package/dist/docs/command-palette.md +1 -1
  118. package/dist/docs/currency-field.json +40 -1
  119. package/dist/docs/currency-field.md +5 -1
  120. package/dist/docs/data-grid.examples.md +10 -4
  121. package/dist/docs/data-grid.json +48 -9
  122. package/dist/docs/data-grid.md +4 -1
  123. package/dist/docs/data-grid.props.md +7 -4
  124. package/dist/docs/data-list.json +2 -1
  125. package/dist/docs/data-list.md +1 -1
  126. package/dist/docs/date-field.json +9 -1
  127. package/dist/docs/date-field.md +3 -2
  128. package/dist/docs/date-picker.examples.md +29 -0
  129. package/dist/docs/date-picker.json +16 -1
  130. package/dist/docs/date-picker.md +2 -1
  131. package/dist/docs/datetime-field.json +1 -0
  132. package/dist/docs/datetime-field.md +1 -1
  133. package/dist/docs/detail-panel.json +4 -2
  134. package/dist/docs/detail-panel.md +15 -5
  135. package/dist/docs/dialog.examples.md +144 -116
  136. package/dist/docs/dialog.json +36 -11
  137. package/dist/docs/dialog.md +5 -3
  138. package/dist/docs/drawer.json +11 -4
  139. package/dist/docs/drawer.md +4 -3
  140. package/dist/docs/entity-picker.json +18 -3
  141. package/dist/docs/entity-picker.md +11 -4
  142. package/dist/docs/event-calendar.json +7 -0
  143. package/dist/docs/event-calendar.md +3 -2
  144. package/dist/docs/filter-bar.json +115 -115
  145. package/dist/docs/filter-bar.md +78 -78
  146. package/dist/docs/form.json +2 -1
  147. package/dist/docs/form.md +1 -1
  148. package/dist/docs/guidelines/README.md +27 -0
  149. package/dist/docs/guidelines/async-feedback.md +129 -0
  150. package/dist/docs/guidelines/browsing.md +74 -0
  151. package/dist/docs/guidelines/builders.md +97 -0
  152. package/dist/docs/guidelines/composition.md +143 -0
  153. package/dist/docs/guidelines/conversations.md +59 -0
  154. package/dist/docs/guidelines/errors-and-conflicts.md +71 -0
  155. package/dist/docs/guidelines/forms.md +202 -0
  156. package/dist/docs/guidelines/index.md +130 -0
  157. package/dist/docs/guidelines/layout-alignment.md +105 -0
  158. package/dist/docs/guidelines/ledgers.md +45 -0
  159. package/dist/docs/guidelines/list-pages.md +206 -0
  160. package/dist/docs/guidelines/overviews.md +76 -0
  161. package/dist/docs/guidelines/own-elements.md +115 -0
  162. package/dist/docs/guidelines/reading-permissions.md +55 -0
  163. package/dist/docs/guidelines/record-pages.md +178 -0
  164. package/dist/docs/guidelines/reports.md +123 -0
  165. package/dist/docs/guidelines/shell-composition.md +94 -0
  166. package/dist/docs/guidelines/workspaces.md +46 -0
  167. package/dist/docs/icon.json +3 -1
  168. package/dist/docs/icon.md +3 -3
  169. package/dist/docs/index.md +12 -0
  170. package/dist/docs/inline-message.json +15 -3
  171. package/dist/docs/inline-message.md +5 -3
  172. package/dist/docs/list-item.json +9 -1
  173. package/dist/docs/list-item.md +3 -3
  174. package/dist/docs/list.json +26 -1
  175. package/dist/docs/list.md +4 -1
  176. package/dist/docs/markdown.json +75 -75
  177. package/dist/docs/markdown.md +63 -63
  178. package/dist/docs/menu.json +12 -0
  179. package/dist/docs/menu.md +2 -0
  180. package/dist/docs/message.json +7 -1
  181. package/dist/docs/message.md +3 -3
  182. package/dist/docs/multi-select.json +1 -0
  183. package/dist/docs/multi-select.md +1 -1
  184. package/dist/docs/notification-center.json +4 -0
  185. package/dist/docs/notification-center.md +2 -2
  186. package/dist/docs/number-field.json +1 -0
  187. package/dist/docs/number-field.md +1 -1
  188. package/dist/docs/otp-input.json +1 -0
  189. package/dist/docs/otp-input.md +1 -1
  190. package/dist/docs/page-header.json +21 -4
  191. package/dist/docs/page-header.md +6 -4
  192. package/dist/docs/page.json +2 -0
  193. package/dist/docs/page.md +2 -1
  194. package/dist/docs/popover.json +1 -1
  195. package/dist/docs/progress-indicator.json +4 -3
  196. package/dist/docs/progress-indicator.md +4 -4
  197. package/dist/docs/prompt-composer.json +41 -1
  198. package/dist/docs/prompt-composer.md +5 -1
  199. package/dist/docs/rating.json +5 -3
  200. package/dist/docs/rating.md +6 -6
  201. package/dist/docs/section.json +27 -15
  202. package/dist/docs/section.md +15 -9
  203. package/dist/docs/segmented-control.json +36 -12
  204. package/dist/docs/segmented-control.md +17 -1
  205. package/dist/docs/select.json +2 -1
  206. package/dist/docs/select.md +2 -2
  207. package/dist/docs/side-navigation.json +3 -2
  208. package/dist/docs/side-navigation.md +20 -5
  209. package/dist/docs/skills/build-own-element/SKILL.md +90 -0
  210. package/dist/docs/skills/compose-screen/SKILL.md +103 -0
  211. package/dist/docs/skills/index.md +9 -0
  212. package/dist/docs/skills/review-screen/SKILL.md +79 -0
  213. package/dist/docs/skills/theme-app/SKILL.md +98 -0
  214. package/dist/docs/skills/waiting-states/SKILL.md +143 -0
  215. package/dist/docs/sparkline.json +5 -2
  216. package/dist/docs/sparkline.md +4 -4
  217. package/dist/docs/split-button.json +4 -1
  218. package/dist/docs/split-button.md +3 -3
  219. package/dist/docs/stat-card.json +5 -1
  220. package/dist/docs/stat-card.md +3 -3
  221. package/dist/docs/table.examples.md +14 -18
  222. package/dist/docs/table.json +94 -5
  223. package/dist/docs/table.md +14 -1
  224. package/dist/docs/tabs.examples.md +1 -1
  225. package/dist/docs/tabs.json +27 -9
  226. package/dist/docs/tabs.md +6 -3
  227. package/dist/docs/tag.json +14 -4
  228. package/dist/docs/tag.md +6 -6
  229. package/dist/docs/tags-input.json +29 -2
  230. package/dist/docs/tags-input.md +4 -1
  231. package/dist/docs/text-field.json +2 -1
  232. package/dist/docs/text-field.md +2 -2
  233. package/dist/docs/textarea.examples.md +504 -0
  234. package/dist/docs/textarea.json +1 -0
  235. package/dist/docs/textarea.md +2 -498
  236. package/dist/docs/time-field.json +1 -0
  237. package/dist/docs/time-field.md +1 -1
  238. package/dist/docs/timeline.json +136 -130
  239. package/dist/docs/timeline.md +122 -122
  240. package/dist/docs/toast.json +8 -1
  241. package/dist/docs/toast.md +3 -3
  242. package/dist/docs/toggle-group.json +14 -3
  243. package/dist/docs/toggle-group.md +3 -3
  244. package/dist/docs/toggle.json +12 -3
  245. package/dist/docs/toggle.md +3 -3
  246. package/dist/docs/tokens.md +467 -0
  247. package/dist/docs/toolbar.json +1 -1
  248. package/dist/docs/toolbar.md +1 -1
  249. package/dist/docs/top-navigation.examples.md +23 -5
  250. package/dist/docs/top-navigation.json +2 -2
  251. package/dist/docs/tour.json +1 -1
  252. package/dist/docs/typography.json +4 -2
  253. package/dist/docs/typography.md +5 -5
  254. package/dist/drawer-fyPyxnYQ.js +782 -0
  255. package/dist/drawer.js +1 -1
  256. package/dist/entity-picker-ClyhBTyK.js +1283 -0
  257. package/dist/entity-picker.js +2 -2
  258. package/dist/{event-calendar-BFdeGfC-.js → event-calendar-COgC24UG.js} +479 -409
  259. package/dist/event-calendar.js +1 -1
  260. package/dist/field-group-Bj-EbPIU.js +138 -0
  261. package/dist/field-group.js +1 -1
  262. package/dist/field-tnEZiRLg.js +367 -0
  263. package/dist/field.js +1 -1
  264. package/dist/filter-bar-BRuCz79-.js +1342 -0
  265. package/dist/filter-bar.js +1 -1
  266. package/dist/{form-vTCQhZM-.js → form-DEcJ7tHf.js} +97 -88
  267. package/dist/form.js +1 -1
  268. package/dist/fullscreen-BwweNj3-.js +190 -0
  269. package/dist/fullscreen.js +1 -1
  270. package/dist/grid-l7xi6DUg.js +26 -0
  271. package/dist/grid.js +1 -1
  272. package/dist/highlight-9lRPIZ9O.js +59 -0
  273. package/dist/highlight.js +1 -1
  274. package/dist/hover-card-BWcU37Yp.js +215 -0
  275. package/dist/hover-card.js +1 -1
  276. package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
  277. package/dist/i18n.js +1 -1
  278. package/dist/icon-DjqSEQ-o.js +75 -0
  279. package/dist/icon-button-DbSZKGT4.js +224 -0
  280. package/dist/icon.js +1 -1
  281. package/dist/{image-DpDFrrXL.js → image-Ajqo38Uz.js} +24 -20
  282. package/dist/image.js +1 -1
  283. package/dist/import-export-center-CYf0Qxl_.js +867 -0
  284. package/dist/import-export-center.js +1 -1
  285. package/dist/index.js +128 -127
  286. package/dist/inline-CqF8iT4m.js +17 -0
  287. package/dist/inline-message-DM7mf2cM.js +119 -0
  288. package/dist/inline-message.js +2 -2
  289. package/dist/inline.js +1 -1
  290. package/dist/kbd-dNz8QHfL.js +105 -0
  291. package/dist/kbd.js +1 -1
  292. package/dist/link-DLPyg54C.js +91 -0
  293. package/dist/link.js +1 -1
  294. package/dist/list-B7gaPH1U.js +95 -0
  295. package/dist/list-item-DMeNfokY.js +125 -0
  296. package/dist/list-item.js +1 -1
  297. package/dist/list.js +1 -1
  298. package/dist/listbox-BSqx_ARf.js +626 -0
  299. package/dist/listbox.js +1 -1
  300. package/dist/loading-overlay-BLIrcaoj.js +218 -0
  301. package/dist/loading-overlay.js +1 -1
  302. package/dist/markdown-DccRb1xf.js +306 -0
  303. package/dist/markdown.js +1 -1
  304. package/dist/menu-parts-CNNHRduK.js +805 -0
  305. package/dist/menu.js +1 -1
  306. package/dist/menubar-Bdr6zigi.js +157 -0
  307. package/dist/menubar.js +1 -1
  308. package/dist/message-BkTiWsUp.js +436 -0
  309. package/dist/message-scroller-akQEtQLn.js +218 -0
  310. package/dist/message-scroller.js +1 -1
  311. package/dist/message.js +1 -1
  312. package/dist/multi-select-BvlJIEtz.js +1259 -0
  313. package/dist/multi-select.js +1 -1
  314. package/dist/navigation-menu-parts-CEW4fgCo.js +492 -0
  315. package/dist/navigation-menu.js +1 -1
  316. package/dist/notification-center-BQO0Ey3h.js +516 -0
  317. package/dist/notification-center.js +1 -1
  318. package/dist/number-field-D1MqT8_A.js +345 -0
  319. package/dist/number-field.js +1 -1
  320. package/dist/{otp-input-Bf8JUiVR.js → otp-input-Cub9H9Di.js} +75 -72
  321. package/dist/otp-input.js +1 -1
  322. package/dist/page-CwYmBoZQ.js +179 -0
  323. package/dist/page-header-CMxCQqu_.js +372 -0
  324. package/dist/page-header.js +1 -1
  325. package/dist/page.js +1 -1
  326. package/dist/pagination-IEuos7H1.js +299 -0
  327. package/dist/pagination.js +1 -1
  328. package/dist/popover-C7NpEzq6.js +500 -0
  329. package/dist/popover.js +1 -1
  330. package/dist/press-selection-DjOllE2B.js +29 -0
  331. package/dist/press-selection.js +2 -0
  332. package/dist/progress-indicator-D0acshNn.js +292 -0
  333. package/dist/progress-indicator.js +1 -1
  334. package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
  335. package/dist/prompt-composer.js +1 -1
  336. package/dist/prose-CQN4Bqqh.js +92 -0
  337. package/dist/prose.js +1 -1
  338. package/dist/radio-group-BHlDgCLk.js +143 -0
  339. package/dist/radio-group.js +1 -1
  340. package/dist/rating-Cr0lXaAV.js +501 -0
  341. package/dist/rating.js +1 -1
  342. package/dist/result-state-BMYhelu1.js +128 -0
  343. package/dist/result-state.js +1 -1
  344. package/dist/saved-views-CyLSn8a2.js +456 -0
  345. package/dist/saved-views.js +1 -1
  346. package/dist/scroll-area-Fr0PmnRS.js +112 -0
  347. package/dist/scroll-area.js +1 -1
  348. package/dist/section-DY8yPm11.js +177 -0
  349. package/dist/section.js +2 -2
  350. package/dist/segmented-control-uPnQYklX.js +156 -0
  351. package/dist/segmented-control.js +1 -1
  352. package/dist/select-C0JYHwBy.js +1020 -0
  353. package/dist/{select-tags-CQMcHIQN.js → select-tags-CMe5rzql.js} +11 -1
  354. package/dist/select.js +1 -1
  355. package/dist/side-navigation-D8lRpHwj.js +747 -0
  356. package/dist/side-navigation.js +1 -1
  357. package/dist/skeleton-DeEOmm1y.js +149 -0
  358. package/dist/skeleton.js +1 -1
  359. package/dist/slider-BSI1xvjw.js +264 -0
  360. package/dist/slider.js +1 -1
  361. package/dist/sparkline-CYU4_lCD.js +152 -0
  362. package/dist/sparkline.js +1 -1
  363. package/dist/spinner-ring-DyfaYloA.js +19 -0
  364. package/dist/split-button-CkbylOMN.js +136 -0
  365. package/dist/split-button.js +1 -1
  366. package/dist/splitter-CspZHJz4.js +293 -0
  367. package/dist/splitter.js +1 -1
  368. package/dist/stack-BbgvuQ7m.js +16 -0
  369. package/dist/stack.js +1 -1
  370. package/dist/stat-card-CAh4SdeY.js +247 -0
  371. package/dist/stat-card.js +1 -1
  372. package/dist/status-indicator-BVMnpcm8.js +78 -0
  373. package/dist/status-indicator.js +1 -1
  374. package/dist/stepper-BLfvMz04.js +261 -0
  375. package/dist/stepper.js +1 -1
  376. package/dist/styles/accordion.css +2 -0
  377. package/dist/styles/action-bar.css +8 -0
  378. package/dist/styles/action-sheet.css +8 -0
  379. package/dist/styles/alert.css +4 -0
  380. package/dist/styles/app-shell.css +8 -0
  381. package/dist/styles/aspect-ratio.css +2 -0
  382. package/dist/styles/attachment.css +8 -0
  383. package/dist/styles/avatar-group.css +6 -0
  384. package/dist/styles/avatar.css +4 -0
  385. package/dist/styles/badge.css +2 -0
  386. package/dist/styles/breadcrumb.css +4 -0
  387. package/dist/styles/button-group.css +2 -0
  388. package/dist/styles/button.css +4 -0
  389. package/dist/styles/calendar.css +4 -0
  390. package/dist/styles/card.css +2 -0
  391. package/dist/styles/carousel.css +4 -0
  392. package/dist/styles/cascader.css +20 -0
  393. package/dist/styles/chart.css +10 -0
  394. package/dist/styles/checkbox-group.css +12 -0
  395. package/dist/styles/checkbox.css +14 -0
  396. package/dist/styles/code-block.css +10 -0
  397. package/dist/styles/collapsible.css +6 -0
  398. package/dist/styles/color-picker.css +18 -0
  399. package/dist/styles/column-manager.css +32 -0
  400. package/dist/styles/combobox.css +12 -0
  401. package/dist/styles/command-palette.css +14 -0
  402. package/dist/styles/container.css +2 -0
  403. package/dist/styles/context-menu.css +8 -0
  404. package/dist/styles/currency-field.css +10 -0
  405. package/dist/styles/dashboard-grid.css +20 -0
  406. package/dist/styles/data-grid.css +64 -0
  407. package/dist/styles/data-list.css +34 -0
  408. package/dist/styles/date-field.css +10 -0
  409. package/dist/styles/date-picker.css +14 -0
  410. package/dist/styles/date-range-picker.css +14 -0
  411. package/dist/styles/datetime-field.css +10 -0
  412. package/dist/styles/datetime-picker.css +14 -0
  413. package/dist/styles/datetime-range-picker.css +14 -0
  414. package/dist/styles/description-list.css +6 -0
  415. package/dist/styles/detail-panel.css +24 -0
  416. package/dist/styles/dialog.css +4 -0
  417. package/dist/styles/divider.css +2 -0
  418. package/dist/styles/drawer.css +4 -0
  419. package/dist/styles/entity-picker.css +22 -0
  420. package/dist/styles/event-calendar.css +28 -0
  421. package/dist/styles/field-group.css +10 -0
  422. package/dist/styles/field.css +8 -0
  423. package/dist/styles/filter-bar.css +54 -0
  424. package/dist/styles/form.css +2 -0
  425. package/dist/styles/fullscreen.css +4 -0
  426. package/dist/styles/grid.css +2 -0
  427. package/dist/styles/highlight.css +2 -0
  428. package/dist/styles/hover-card.css +6 -0
  429. package/dist/styles/i18n.css +1 -0
  430. package/dist/styles/icon.css +2 -0
  431. package/dist/styles/image.css +6 -0
  432. package/dist/styles/import-export-center.css +70 -0
  433. package/dist/styles/index.css +248 -0
  434. package/dist/styles/inline-message.css +4 -0
  435. package/dist/styles/inline.css +2 -0
  436. package/dist/styles/kbd.css +2 -0
  437. package/dist/styles/link.css +6 -0
  438. package/dist/styles/list-item.css +6 -0
  439. package/dist/styles/list.css +2 -0
  440. package/dist/styles/listbox.css +10 -0
  441. package/dist/styles/loading-overlay.css +6 -0
  442. package/dist/styles/markdown.css +34 -0
  443. package/dist/styles/menu.css +6 -0
  444. package/dist/styles/menubar.css +8 -0
  445. package/dist/styles/message-scroller.css +4 -0
  446. package/dist/styles/message.css +4 -0
  447. package/dist/styles/multi-select.css +18 -0
  448. package/dist/styles/navigation-menu.css +4 -0
  449. package/dist/styles/notification-center.css +16 -0
  450. package/dist/styles/number-field.css +10 -0
  451. package/dist/styles/otp-input.css +10 -0
  452. package/dist/styles/page-header.css +16 -0
  453. package/dist/styles/page.css +6 -0
  454. package/dist/styles/pagination.css +4 -0
  455. package/dist/styles/popover.css +4 -0
  456. package/dist/styles/press-selection.css +1 -0
  457. package/dist/styles/progress-indicator.css +4 -0
  458. package/dist/styles/prompt-composer.css +12 -0
  459. package/dist/styles/prose.css +2 -0
  460. package/dist/styles/radio-group.css +12 -0
  461. package/dist/styles/rating.css +10 -0
  462. package/dist/styles/result-state.css +2 -0
  463. package/dist/styles/saved-views.css +20 -0
  464. package/dist/styles/scroll-area.css +2 -0
  465. package/dist/styles/section.css +4 -0
  466. package/dist/styles/segmented-control.css +12 -0
  467. package/dist/styles/select.css +14 -0
  468. package/dist/styles/side-navigation.css +14 -0
  469. package/dist/styles/skeleton.css +4 -0
  470. package/dist/styles/slider.css +10 -0
  471. package/dist/styles/sparkline.css +2 -0
  472. package/dist/styles/split-button.css +12 -0
  473. package/dist/styles/splitter.css +2 -0
  474. package/dist/styles/stack.css +2 -0
  475. package/dist/styles/stat-card.css +8 -0
  476. package/dist/styles/status-indicator.css +6 -0
  477. package/dist/styles/stepper.css +6 -0
  478. package/dist/styles/switch.css +12 -0
  479. package/dist/styles/table-of-contents.css +8 -0
  480. package/dist/styles/table.css +60 -0
  481. package/dist/styles/tabs.css +4 -0
  482. package/dist/styles/tag.css +4 -0
  483. package/dist/styles/tags-input.css +12 -0
  484. package/dist/styles/text-field.css +10 -0
  485. package/dist/styles/textarea.css +10 -0
  486. package/dist/styles/theme.css +1 -0
  487. package/dist/styles/time-field.css +10 -0
  488. package/dist/styles/time-picker.css +12 -0
  489. package/dist/styles/time-range-picker.css +12 -0
  490. package/dist/styles/timeline.css +8 -0
  491. package/dist/styles/toast.css +8 -0
  492. package/dist/styles/toggle-group.css +10 -0
  493. package/dist/styles/toggle.css +2 -0
  494. package/dist/styles/toolbar.css +8 -0
  495. package/dist/styles/tooltip.css +2 -0
  496. package/dist/styles/top-navigation.css +14 -0
  497. package/dist/styles/tour.css +8 -0
  498. package/dist/styles/transfer.css +26 -0
  499. package/dist/styles/tree.css +6 -0
  500. package/dist/styles/typography.css +2 -0
  501. package/dist/styles/upload.css +16 -0
  502. package/dist/styles/visually-hidden.css +2 -0
  503. package/dist/styles/wizard.css +22 -0
  504. package/dist/styles.css +1 -1
  505. package/dist/switch-BHyKHqeI.js +144 -0
  506. package/dist/switch.js +1 -1
  507. package/dist/table-C8zOHDcY.js +1019 -0
  508. package/dist/table-of-contents-BAIuPCdy.js +471 -0
  509. package/dist/table-of-contents.js +1 -1
  510. package/dist/table.js +2 -2
  511. package/dist/tabs-DjEpS9uq.js +361 -0
  512. package/dist/tabs.js +1 -1
  513. package/dist/tag-XYGEPUHR.js +374 -0
  514. package/dist/tag.js +1 -1
  515. package/dist/tags-input-ClYSd-No.js +729 -0
  516. package/dist/tags-input.js +1 -1
  517. package/dist/text-field-Cguj75tn.js +205 -0
  518. package/dist/text-field.js +1 -1
  519. package/dist/textarea-BKsh_jAo.js +100 -0
  520. package/dist/textarea.js +1 -1
  521. package/dist/time-field-BIE4WMpS.js +366 -0
  522. package/dist/time-field.js +1 -1
  523. package/dist/time-picker-CNfafRDF.js +415 -0
  524. package/dist/time-picker.js +1 -1
  525. package/dist/time-range-picker-D7gM_Wno.js +779 -0
  526. package/dist/time-range-picker.js +1 -1
  527. package/dist/timeline-BLadNUkS.js +449 -0
  528. package/dist/timeline.js +1 -1
  529. package/dist/{toast-wI8BtPY5.js → toast-CjbiXiza.js} +114 -112
  530. package/dist/toast.js +1 -1
  531. package/dist/toggle-group-BZmghKac.js +145 -0
  532. package/dist/toggle-group.js +1 -1
  533. package/dist/toggle-zDTD5G3H.js +67 -0
  534. package/dist/toggle.js +1 -1
  535. package/dist/toolbar-BI4ZepBs.js +243 -0
  536. package/dist/toolbar.js +1 -1
  537. package/dist/tooltip-DrFiRlH8.js +411 -0
  538. package/dist/tooltip.js +1 -1
  539. package/dist/top-navigation-BTZpx5VA.js +744 -0
  540. package/dist/top-navigation.js +1 -1
  541. package/dist/tour-_CQ1kYov.js +809 -0
  542. package/dist/tour.js +1 -1
  543. package/dist/transfer-BVhBdIGp.js +606 -0
  544. package/dist/transfer.js +1 -1
  545. package/dist/tree-DfI9UWLA.js +794 -0
  546. package/dist/tree.js +1 -1
  547. package/dist/types/accordion/accordion.d.ts.map +1 -1
  548. package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
  549. package/dist/types/action-bar/action-bar-parts.d.ts.map +1 -1
  550. package/dist/types/action-bar/action-bar.d.ts.map +1 -1
  551. package/dist/types/action-bar/action-bar.types.d.ts +2 -2
  552. package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
  553. package/dist/types/alert/alert-parts.d.ts.map +1 -1
  554. package/dist/types/alert/alert.d.ts.map +1 -1
  555. package/dist/types/alert/alert.types.d.ts +1 -1
  556. package/dist/types/alert/alert.types.d.ts.map +1 -1
  557. package/dist/types/app-shell/app-shell-parts.d.ts +6 -4
  558. package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
  559. package/dist/types/app-shell/app-shell.d.ts.map +1 -1
  560. package/dist/types/app-shell/app-shell.types.d.ts +21 -14
  561. package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
  562. package/dist/types/app-shell/index.d.ts +1 -1
  563. package/dist/types/app-shell/index.d.ts.map +1 -1
  564. package/dist/types/aspect-ratio/aspect-ratio.d.ts.map +1 -1
  565. package/dist/types/attachment/attachment-parts.d.ts.map +1 -1
  566. package/dist/types/attachment/attachment.d.ts.map +1 -1
  567. package/dist/types/avatar/avatar.d.ts +1 -1
  568. package/dist/types/avatar/avatar.d.ts.map +1 -1
  569. package/dist/types/avatar/avatar.types.d.ts +10 -1
  570. package/dist/types/avatar/avatar.types.d.ts.map +1 -1
  571. package/dist/types/avatar/index.d.ts +1 -1
  572. package/dist/types/avatar/index.d.ts.map +1 -1
  573. package/dist/types/avatar-group/avatar-group.d.ts.map +1 -1
  574. package/dist/types/badge/badge-anchor.d.ts.map +1 -1
  575. package/dist/types/badge/badge.d.ts.map +1 -1
  576. package/dist/types/badge/badge.types.d.ts +1 -1
  577. package/dist/types/badge/badge.types.d.ts.map +1 -1
  578. package/dist/types/breadcrumb/breadcrumb-parts.d.ts.map +1 -1
  579. package/dist/types/breadcrumb/breadcrumb.d.ts.map +1 -1
  580. package/dist/types/breadcrumb/breadcrumb.types.d.ts +2 -1
  581. package/dist/types/breadcrumb/breadcrumb.types.d.ts.map +1 -1
  582. package/dist/types/button/button-content.d.ts.map +1 -1
  583. package/dist/types/button/button-indicator.d.ts.map +1 -1
  584. package/dist/types/button/button-link.d.ts +1 -1
  585. package/dist/types/button/button-link.d.ts.map +1 -1
  586. package/dist/types/button/button-root.d.ts +7 -5
  587. package/dist/types/button/button-root.d.ts.map +1 -1
  588. package/dist/types/button/button.constants.d.ts +2 -1
  589. package/dist/types/button/button.constants.d.ts.map +1 -1
  590. package/dist/types/button/button.d.ts +1 -1
  591. package/dist/types/button/button.d.ts.map +1 -1
  592. package/dist/types/button/button.types.d.ts +11 -3
  593. package/dist/types/button/button.types.d.ts.map +1 -1
  594. package/dist/types/button/icon-button.d.ts.map +1 -1
  595. package/dist/types/button/index.d.ts +1 -1
  596. package/dist/types/button/index.d.ts.map +1 -1
  597. package/dist/types/button/spinner-ring.d.ts +8 -0
  598. package/dist/types/button/spinner-ring.d.ts.map +1 -0
  599. package/dist/types/button/toggle-button.d.ts +1 -1
  600. package/dist/types/button/toggle-button.d.ts.map +1 -1
  601. package/dist/types/button-group/button-group-separator.d.ts.map +1 -1
  602. package/dist/types/button-group/button-group.d.ts.map +1 -1
  603. package/dist/types/calendar/calendar.d.ts +1 -1
  604. package/dist/types/calendar/calendar.d.ts.map +1 -1
  605. package/dist/types/calendar/calendar.types.d.ts +9 -0
  606. package/dist/types/calendar/calendar.types.d.ts.map +1 -1
  607. package/dist/types/calendar/index.d.ts +1 -1
  608. package/dist/types/calendar/index.d.ts.map +1 -1
  609. package/dist/types/card/card-actions.d.ts.map +1 -1
  610. package/dist/types/card/card-body.d.ts.map +1 -1
  611. package/dist/types/card/card-footer.d.ts.map +1 -1
  612. package/dist/types/card/card-header.d.ts.map +1 -1
  613. package/dist/types/card/card-link.d.ts.map +1 -1
  614. package/dist/types/card/card-media.d.ts.map +1 -1
  615. package/dist/types/card/card-selection.d.ts.map +1 -1
  616. package/dist/types/card/card.d.ts.map +1 -1
  617. package/dist/types/card/card.types.d.ts +2 -1
  618. package/dist/types/card/card.types.d.ts.map +1 -1
  619. package/dist/types/carousel/carousel-parts.d.ts.map +1 -1
  620. package/dist/types/carousel/carousel.d.ts.map +1 -1
  621. package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
  622. package/dist/types/cascader/cascader.d.ts.map +1 -1
  623. package/dist/types/chart/chart.d.ts.map +1 -1
  624. package/dist/types/checkbox/checkbox.d.ts.map +1 -1
  625. package/dist/types/checkbox-group/checkbox-group.d.ts.map +1 -1
  626. package/dist/types/code-block/code-block.d.ts.map +1 -1
  627. package/dist/types/collapsible/collapsible-parts.d.ts.map +1 -1
  628. package/dist/types/collapsible/collapsible.d.ts.map +1 -1
  629. package/dist/types/color-picker/color-picker.d.ts.map +1 -1
  630. package/dist/types/column-manager/column-manager.d.ts.map +1 -1
  631. package/dist/types/combobox/combobox-collection.d.ts +1 -0
  632. package/dist/types/combobox/combobox-collection.d.ts.map +1 -1
  633. package/dist/types/combobox/combobox-items.d.ts.map +1 -1
  634. package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
  635. package/dist/types/combobox/combobox.d.ts.map +1 -1
  636. package/dist/types/command-palette/command-palette.d.ts.map +1 -1
  637. package/dist/types/container/container-breakout.d.ts.map +1 -1
  638. package/dist/types/container/container.d.ts.map +1 -1
  639. package/dist/types/context-menu/context-menu.d.ts.map +1 -1
  640. package/dist/types/currency-field/currency-field-defaults.d.ts.map +1 -1
  641. package/dist/types/currency-field/currency-field.d.ts +1 -1
  642. package/dist/types/currency-field/currency-field.d.ts.map +1 -1
  643. package/dist/types/currency-field/currency-field.types.d.ts +28 -5
  644. package/dist/types/currency-field/currency-field.types.d.ts.map +1 -1
  645. package/dist/types/currency-field/index.d.ts +1 -1
  646. package/dist/types/currency-field/index.d.ts.map +1 -1
  647. package/dist/types/dashboard-grid/dashboard-grid.d.ts.map +1 -1
  648. package/dist/types/dashboard-grid/dashboard-widget.d.ts +1 -1
  649. package/dist/types/dashboard-grid/dashboard-widget.d.ts.map +1 -1
  650. package/dist/types/data-grid/data-grid-body.d.ts +7 -2
  651. package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
  652. package/dist/types/data-grid/data-grid-context.d.ts +31 -1
  653. package/dist/types/data-grid/data-grid-context.d.ts.map +1 -1
  654. package/dist/types/data-grid/data-grid-filter.d.ts.map +1 -1
  655. package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
  656. package/dist/types/data-grid/data-grid.d.ts +1 -1
  657. package/dist/types/data-grid/data-grid.d.ts.map +1 -1
  658. package/dist/types/data-grid/data-grid.types.d.ts +36 -1
  659. package/dist/types/data-grid/data-grid.types.d.ts.map +1 -1
  660. package/dist/types/data-grid/index.d.ts +1 -1
  661. package/dist/types/data-grid/index.d.ts.map +1 -1
  662. package/dist/types/data-list/data-list.d.ts.map +1 -1
  663. package/dist/types/date-field/date-field.d.ts +1 -1
  664. package/dist/types/date-field/date-field.d.ts.map +1 -1
  665. package/dist/types/date-field/date-field.types.d.ts +7 -0
  666. package/dist/types/date-field/date-field.types.d.ts.map +1 -1
  667. package/dist/types/date-picker/date-picker.d.ts +5 -1
  668. package/dist/types/date-picker/date-picker.d.ts.map +1 -1
  669. package/dist/types/date-picker/date-picker.types.d.ts +20 -2
  670. package/dist/types/date-picker/date-picker.types.d.ts.map +1 -1
  671. package/dist/types/date-picker/index.d.ts +1 -1
  672. package/dist/types/date-picker/index.d.ts.map +1 -1
  673. package/dist/types/date-range-picker/date-range-picker.d.ts.map +1 -1
  674. package/dist/types/datetime-field/datetime-field.d.ts.map +1 -1
  675. package/dist/types/datetime-picker/datetime-picker.d.ts.map +1 -1
  676. package/dist/types/datetime-range-picker/datetime-range-picker.d.ts.map +1 -1
  677. package/dist/types/description-list/description-list-parts.d.ts.map +1 -1
  678. package/dist/types/description-list/description-list.d.ts.map +1 -1
  679. package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
  680. package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
  681. package/dist/types/detail-panel/detail-panel.d.ts.map +1 -1
  682. package/dist/types/dialog/dialog-demo.d.ts +8 -0
  683. package/dist/types/dialog/dialog-demo.d.ts.map +1 -1
  684. package/dist/types/dialog/dialog-parts.d.ts.map +1 -1
  685. package/dist/types/dialog/dialog.d.ts.map +1 -1
  686. package/dist/types/dialog/dialog.types.d.ts +12 -2
  687. package/dist/types/dialog/dialog.types.d.ts.map +1 -1
  688. package/dist/types/divider/divider.d.ts.map +1 -1
  689. package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
  690. package/dist/types/drawer/drawer.d.ts +1 -1
  691. package/dist/types/drawer/drawer.d.ts.map +1 -1
  692. package/dist/types/drawer/drawer.types.d.ts +6 -0
  693. package/dist/types/drawer/drawer.types.d.ts.map +1 -1
  694. package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
  695. package/dist/types/entity-picker/entity-picker-option-parts.d.ts +13 -0
  696. package/dist/types/entity-picker/entity-picker-option-parts.d.ts.map +1 -0
  697. package/dist/types/entity-picker/entity-picker-popup.d.ts +0 -7
  698. package/dist/types/entity-picker/entity-picker-popup.d.ts.map +1 -1
  699. package/dist/types/entity-picker/entity-picker.types.d.ts +8 -0
  700. package/dist/types/entity-picker/entity-picker.types.d.ts.map +1 -1
  701. package/dist/types/entity-picker/index.d.ts +1 -0
  702. package/dist/types/entity-picker/index.d.ts.map +1 -1
  703. package/dist/types/event-calendar/event-calendar-event.d.ts.map +1 -1
  704. package/dist/types/event-calendar/event-calendar-list.d.ts.map +1 -1
  705. package/dist/types/event-calendar/event-calendar-month.d.ts.map +1 -1
  706. package/dist/types/event-calendar/event-calendar-time-grid.d.ts.map +1 -1
  707. package/dist/types/event-calendar/event-calendar.d.ts +1 -1
  708. package/dist/types/event-calendar/event-calendar.d.ts.map +1 -1
  709. package/dist/types/event-calendar/event-calendar.types.d.ts +6 -0
  710. package/dist/types/event-calendar/event-calendar.types.d.ts.map +1 -1
  711. package/dist/types/field/field-parts.d.ts.map +1 -1
  712. package/dist/types/field/field.d.ts.map +1 -1
  713. package/dist/types/field-group/field-group-parts.d.ts.map +1 -1
  714. package/dist/types/field-group/field-group.d.ts.map +1 -1
  715. package/dist/types/filter-bar/filter-bar-rules.d.ts.map +1 -1
  716. package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
  717. package/dist/types/form/form-parts.d.ts.map +1 -1
  718. package/dist/types/form/form.d.ts.map +1 -1
  719. package/dist/types/fullscreen/fullscreen.d.ts.map +1 -1
  720. package/dist/types/grid/grid.d.ts.map +1 -1
  721. package/dist/types/highlight/highlight.d.ts.map +1 -1
  722. package/dist/types/hover-card/hover-card.d.ts.map +1 -1
  723. package/dist/types/i18n/slotted-provider.d.ts +6 -0
  724. package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
  725. package/dist/types/icon/glyph.d.ts.map +1 -1
  726. package/dist/types/icon/icon.d.ts.map +1 -1
  727. package/dist/types/icon/icon.types.d.ts +1 -1
  728. package/dist/types/icon/icon.types.d.ts.map +1 -1
  729. package/dist/types/image/image.d.ts.map +1 -1
  730. package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
  731. package/dist/types/index.d.ts +1 -0
  732. package/dist/types/index.d.ts.map +1 -1
  733. package/dist/types/inline/inline.d.ts.map +1 -1
  734. package/dist/types/inline-message/index.d.ts +2 -2
  735. package/dist/types/inline-message/index.d.ts.map +1 -1
  736. package/dist/types/inline-message/inline-message-defaults.d.ts +1 -1
  737. package/dist/types/inline-message/inline-message-defaults.d.ts.map +1 -1
  738. package/dist/types/inline-message/inline-message.d.ts +11 -3
  739. package/dist/types/inline-message/inline-message.d.ts.map +1 -1
  740. package/dist/types/inline-message/inline-message.types.d.ts +3 -1
  741. package/dist/types/inline-message/inline-message.types.d.ts.map +1 -1
  742. package/dist/types/kbd/key-element.d.ts.map +1 -1
  743. package/dist/types/kbd/shortcut.d.ts.map +1 -1
  744. package/dist/types/link/link.d.ts.map +1 -1
  745. package/dist/types/link/link.types.d.ts +2 -1
  746. package/dist/types/link/link.types.d.ts.map +1 -1
  747. package/dist/types/list/index.d.ts +1 -1
  748. package/dist/types/list/index.d.ts.map +1 -1
  749. package/dist/types/list/list-parts.d.ts +1 -1
  750. package/dist/types/list/list-parts.d.ts.map +1 -1
  751. package/dist/types/list/list.d.ts.map +1 -1
  752. package/dist/types/list/list.types.d.ts +12 -0
  753. package/dist/types/list/list.types.d.ts.map +1 -1
  754. package/dist/types/list-item/list-item-content.d.ts.map +1 -1
  755. package/dist/types/list-item/list-item-parts.d.ts.map +1 -1
  756. package/dist/types/list-item/list-item.d.ts.map +1 -1
  757. package/dist/types/list-item/list-item.types.d.ts +3 -2
  758. package/dist/types/list-item/list-item.types.d.ts.map +1 -1
  759. package/dist/types/listbox/listbox-parts.d.ts.map +1 -1
  760. package/dist/types/listbox/listbox.d.ts.map +1 -1
  761. package/dist/types/loading-overlay/loading-overlay.d.ts.map +1 -1
  762. package/dist/types/markdown/markdown.d.ts.map +1 -1
  763. package/dist/types/menu/index.d.ts +1 -1
  764. package/dist/types/menu/index.d.ts.map +1 -1
  765. package/dist/types/menu/menu-defaults.d.ts.map +1 -1
  766. package/dist/types/menu/menu-items.d.ts.map +1 -1
  767. package/dist/types/menu/menu-parts.d.ts.map +1 -1
  768. package/dist/types/menu/menu.d.ts +1 -1
  769. package/dist/types/menu/menu.d.ts.map +1 -1
  770. package/dist/types/menu/menu.types.d.ts +13 -1
  771. package/dist/types/menu/menu.types.d.ts.map +1 -1
  772. package/dist/types/menubar/menubar.d.ts.map +1 -1
  773. package/dist/types/message/bubble.d.ts.map +1 -1
  774. package/dist/types/message/message-parts.d.ts.map +1 -1
  775. package/dist/types/message/message.d.ts.map +1 -1
  776. package/dist/types/message/message.types.d.ts +1 -1
  777. package/dist/types/message/message.types.d.ts.map +1 -1
  778. package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
  779. package/dist/types/multi-select/multi-select-chips.d.ts.map +1 -1
  780. package/dist/types/multi-select/multi-select-collection.d.ts +0 -2
  781. package/dist/types/multi-select/multi-select-collection.d.ts.map +1 -1
  782. package/dist/types/multi-select/multi-select-items.d.ts.map +1 -1
  783. package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
  784. package/dist/types/multi-select/multi-select.d.ts.map +1 -1
  785. package/dist/types/navigation-menu/navigation-menu-parts.d.ts.map +1 -1
  786. package/dist/types/navigation-menu/navigation-menu.d.ts.map +1 -1
  787. package/dist/types/navigation-menu/navigation-menu.types.d.ts +2 -1
  788. package/dist/types/navigation-menu/navigation-menu.types.d.ts.map +1 -1
  789. package/dist/types/notification-center/notification-center.d.ts.map +1 -1
  790. package/dist/types/notification-center/notification-center.types.d.ts +1 -1
  791. package/dist/types/notification-center/notification-center.types.d.ts.map +1 -1
  792. package/dist/types/number-field/number-field.d.ts.map +1 -1
  793. package/dist/types/otp-input/otp-input.d.ts.map +1 -1
  794. package/dist/types/page/page.d.ts.map +1 -1
  795. package/dist/types/page-header/page-header-defaults.d.ts +1 -1
  796. package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
  797. package/dist/types/page-header/page-header-parts.d.ts +3 -3
  798. package/dist/types/page-header/page-header-parts.d.ts.map +1 -1
  799. package/dist/types/page-header/page-header.d.ts +1 -1
  800. package/dist/types/page-header/page-header.d.ts.map +1 -1
  801. package/dist/types/page-header/page-header.types.d.ts +11 -1
  802. package/dist/types/page-header/page-header.types.d.ts.map +1 -1
  803. package/dist/types/pagination/pagination-parts.d.ts.map +1 -1
  804. package/dist/types/pagination/pagination.d.ts.map +1 -1
  805. package/dist/types/popover/popover-parts.d.ts.map +1 -1
  806. package/dist/types/press-selection/index.d.ts +3 -0
  807. package/dist/types/press-selection/index.d.ts.map +1 -0
  808. package/dist/types/press-selection/press-selection.d.ts +23 -0
  809. package/dist/types/press-selection/press-selection.d.ts.map +1 -0
  810. package/dist/types/progress-indicator/progress-bar.d.ts.map +1 -1
  811. package/dist/types/progress-indicator/progress-circle.d.ts.map +1 -1
  812. package/dist/types/progress-indicator/progress-indicator.types.d.ts +1 -1
  813. package/dist/types/progress-indicator/progress-indicator.types.d.ts.map +1 -1
  814. package/dist/types/progress-indicator/progress-parts.d.ts.map +1 -1
  815. package/dist/types/progress-indicator/use-progress-indicator.d.ts +6 -0
  816. package/dist/types/progress-indicator/use-progress-indicator.d.ts.map +1 -1
  817. package/dist/types/prompt-composer/index.d.ts +1 -1
  818. package/dist/types/prompt-composer/index.d.ts.map +1 -1
  819. package/dist/types/prompt-composer/prompt-composer-defaults.d.ts.map +1 -1
  820. package/dist/types/prompt-composer/prompt-composer.d.ts +1 -1
  821. package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
  822. package/dist/types/prompt-composer/prompt-composer.types.d.ts +9 -0
  823. package/dist/types/prompt-composer/prompt-composer.types.d.ts.map +1 -1
  824. package/dist/types/prose/prose-parts.d.ts.map +1 -1
  825. package/dist/types/prose/prose-scroll.d.ts.map +1 -1
  826. package/dist/types/prose/prose.d.ts.map +1 -1
  827. package/dist/types/radio-group/radio-group-parts.d.ts.map +1 -1
  828. package/dist/types/radio-group/radio-group.d.ts.map +1 -1
  829. package/dist/types/rating/rating-display.d.ts.map +1 -1
  830. package/dist/types/rating/rating-summary.d.ts.map +1 -1
  831. package/dist/types/rating/rating.d.ts.map +1 -1
  832. package/dist/types/rating/rating.types.d.ts +1 -1
  833. package/dist/types/rating/rating.types.d.ts.map +1 -1
  834. package/dist/types/result-state/result-state-parts.d.ts.map +1 -1
  835. package/dist/types/result-state/result-state.d.ts.map +1 -1
  836. package/dist/types/saved-views/saved-views.d.ts.map +1 -1
  837. package/dist/types/scroll-area/scroll-area.d.ts.map +1 -1
  838. package/dist/types/section/index.d.ts +1 -1
  839. package/dist/types/section/index.d.ts.map +1 -1
  840. package/dist/types/section/section-parts.d.ts +9 -1
  841. package/dist/types/section/section-parts.d.ts.map +1 -1
  842. package/dist/types/section/section.d.ts.map +1 -1
  843. package/dist/types/segmented-control/index.d.ts +1 -1
  844. package/dist/types/segmented-control/index.d.ts.map +1 -1
  845. package/dist/types/segmented-control/segmented-control-defaults.d.ts.map +1 -1
  846. package/dist/types/segmented-control/segmented-control-parts.d.ts.map +1 -1
  847. package/dist/types/segmented-control/segmented-control.d.ts +1 -1
  848. package/dist/types/segmented-control/segmented-control.d.ts.map +1 -1
  849. package/dist/types/segmented-control/segmented-control.types.d.ts +10 -0
  850. package/dist/types/segmented-control/segmented-control.types.d.ts.map +1 -1
  851. package/dist/types/select/select-collection.d.ts +0 -2
  852. package/dist/types/select/select-collection.d.ts.map +1 -1
  853. package/dist/types/select/select-items.d.ts.map +1 -1
  854. package/dist/types/select/select-parts.d.ts.map +1 -1
  855. package/dist/types/select/select-tags.d.ts.map +1 -1
  856. package/dist/types/select/select.d.ts.map +1 -1
  857. package/dist/types/side-navigation/side-navigation-parts.d.ts.map +1 -1
  858. package/dist/types/side-navigation/side-navigation.d.ts.map +1 -1
  859. package/dist/types/side-navigation/side-navigation.types.d.ts +2 -1
  860. package/dist/types/side-navigation/side-navigation.types.d.ts.map +1 -1
  861. package/dist/types/skeleton/skeleton-region.d.ts.map +1 -1
  862. package/dist/types/skeleton/skeleton-text.d.ts.map +1 -1
  863. package/dist/types/skeleton/skeleton.d.ts.map +1 -1
  864. package/dist/types/slider/slider.d.ts.map +1 -1
  865. package/dist/types/sparkline/sparkline.d.ts.map +1 -1
  866. package/dist/types/sparkline/sparkline.types.d.ts +3 -1
  867. package/dist/types/sparkline/sparkline.types.d.ts.map +1 -1
  868. package/dist/types/split-button/split-button-parts.d.ts.map +1 -1
  869. package/dist/types/split-button/split-button.d.ts.map +1 -1
  870. package/dist/types/splitter/splitter.d.ts.map +1 -1
  871. package/dist/types/stack/stack.d.ts.map +1 -1
  872. package/dist/types/stat-card/stat-card-delta.d.ts.map +1 -1
  873. package/dist/types/stat-card/stat-card-parts.d.ts.map +1 -1
  874. package/dist/types/stat-card/stat-card-value.d.ts.map +1 -1
  875. package/dist/types/stat-card/stat-card.d.ts.map +1 -1
  876. package/dist/types/stat-card/stat-card.types.d.ts +3 -3
  877. package/dist/types/stat-card/stat-card.types.d.ts.map +1 -1
  878. package/dist/types/status-indicator/status-indicator.d.ts.map +1 -1
  879. package/dist/types/stepper/stepper-parts.d.ts.map +1 -1
  880. package/dist/types/stepper/stepper.d.ts.map +1 -1
  881. package/dist/types/switch/switch.d.ts.map +1 -1
  882. package/dist/types/table/index.d.ts +2 -2
  883. package/dist/types/table/index.d.ts.map +1 -1
  884. package/dist/types/table/table-content.d.ts.map +1 -1
  885. package/dist/types/table/table-defaults.d.ts.map +1 -1
  886. package/dist/types/table/table-filter.d.ts.map +1 -1
  887. package/dist/types/table/table-parts.d.ts +12 -2
  888. package/dist/types/table/table-parts.d.ts.map +1 -1
  889. package/dist/types/table/table.d.ts +1 -1
  890. package/dist/types/table/table.d.ts.map +1 -1
  891. package/dist/types/table/table.types.d.ts +43 -1
  892. package/dist/types/table/table.types.d.ts.map +1 -1
  893. package/dist/types/table-of-contents/table-of-contents-demo.d.ts.map +1 -1
  894. package/dist/types/table-of-contents/table-of-contents-parts.d.ts.map +1 -1
  895. package/dist/types/table-of-contents/table-of-contents.d.ts.map +1 -1
  896. package/dist/types/table-of-contents/table-of-contents.types.d.ts +2 -1
  897. package/dist/types/table-of-contents/table-of-contents.types.d.ts.map +1 -1
  898. package/dist/types/tabs/tabs-parts.d.ts +2 -4
  899. package/dist/types/tabs/tabs-parts.d.ts.map +1 -1
  900. package/dist/types/tabs/tabs.d.ts +1 -1
  901. package/dist/types/tabs/tabs.d.ts.map +1 -1
  902. package/dist/types/tabs/tabs.types.d.ts +18 -0
  903. package/dist/types/tabs/tabs.types.d.ts.map +1 -1
  904. package/dist/types/tag/tag-button.d.ts.map +1 -1
  905. package/dist/types/tag/tag-chip.d.ts +2 -2
  906. package/dist/types/tag/tag-chip.d.ts.map +1 -1
  907. package/dist/types/tag/tag-group.d.ts.map +1 -1
  908. package/dist/types/tag/tag-link.d.ts.map +1 -1
  909. package/dist/types/tag/tag-toggle.d.ts.map +1 -1
  910. package/dist/types/tag/tag.types.d.ts +3 -2
  911. package/dist/types/tag/tag.types.d.ts.map +1 -1
  912. package/dist/types/tags-input/tags-input-chips.d.ts.map +1 -1
  913. package/dist/types/tags-input/tags-input.d.ts +7 -1
  914. package/dist/types/tags-input/tags-input.d.ts.map +1 -1
  915. package/dist/types/tags-input/tags-input.types.d.ts +10 -0
  916. package/dist/types/tags-input/tags-input.types.d.ts.map +1 -1
  917. package/dist/types/text-field/text-field.d.ts.map +1 -1
  918. package/dist/types/textarea/textarea.d.ts.map +1 -1
  919. package/dist/types/time-field/time-field.d.ts.map +1 -1
  920. package/dist/types/time-picker/time-picker.d.ts.map +1 -1
  921. package/dist/types/time-range-picker/time-range-picker.d.ts.map +1 -1
  922. package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
  923. package/dist/types/timeline/timeline.d.ts.map +1 -1
  924. package/dist/types/timeline/timeline.types.d.ts +1 -1
  925. package/dist/types/timeline/timeline.types.d.ts.map +1 -1
  926. package/dist/types/toast/toast-parts.d.ts.map +1 -1
  927. package/dist/types/toast/toast.d.ts.map +1 -1
  928. package/dist/types/toast/toast.types.d.ts +1 -1
  929. package/dist/types/toast/toast.types.d.ts.map +1 -1
  930. package/dist/types/toggle/toggle.d.ts.map +1 -1
  931. package/dist/types/toggle/toggle.types.d.ts +1 -1
  932. package/dist/types/toggle/toggle.types.d.ts.map +1 -1
  933. package/dist/types/toggle-group/toggle-group-parts.d.ts.map +1 -1
  934. package/dist/types/toggle-group/toggle-group.d.ts.map +1 -1
  935. package/dist/types/toggle-group/toggle-group.types.d.ts +6 -1
  936. package/dist/types/toggle-group/toggle-group.types.d.ts.map +1 -1
  937. package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
  938. package/dist/types/toolbar/toolbar-parts.d.ts.map +1 -1
  939. package/dist/types/toolbar/toolbar.d.ts.map +1 -1
  940. package/dist/types/toolbar/toolbar.types.d.ts +2 -2
  941. package/dist/types/tooltip/tooltip-parts.d.ts.map +1 -1
  942. package/dist/types/top-navigation/top-navigation-parts.d.ts.map +1 -1
  943. package/dist/types/top-navigation/top-navigation.d.ts.map +1 -1
  944. package/dist/types/top-navigation/top-navigation.types.d.ts +8 -7
  945. package/dist/types/top-navigation/top-navigation.types.d.ts.map +1 -1
  946. package/dist/types/tour/tour-parts.d.ts.map +1 -1
  947. package/dist/types/tour/tour.d.ts.map +1 -1
  948. package/dist/types/transfer/transfer.d.ts.map +1 -1
  949. package/dist/types/tree/tree-parts.d.ts.map +1 -1
  950. package/dist/types/tree/tree.d.ts.map +1 -1
  951. package/dist/types/typography/heading.d.ts +2 -2
  952. package/dist/types/typography/heading.d.ts.map +1 -1
  953. package/dist/types/typography/text.d.ts.map +1 -1
  954. package/dist/types/typography/typography.types.d.ts +1 -1
  955. package/dist/types/typography/typography.types.d.ts.map +1 -1
  956. package/dist/types/upload/upload-viewer.d.ts.map +1 -1
  957. package/dist/types/upload/upload.d.ts.map +1 -1
  958. package/dist/types/visually-hidden/visually-hidden.d.ts.map +1 -1
  959. package/dist/types/wizard/wizard-parts.d.ts.map +1 -1
  960. package/dist/types/wizard/wizard.d.ts.map +1 -1
  961. package/dist/typography-BESqb4C0.js +93 -0
  962. package/dist/typography.js +1 -1
  963. package/dist/upload-N2-nyO8x.js +648 -0
  964. package/dist/upload.js +1 -1
  965. package/dist/visually-hidden-BUSrFZ1_.js +15 -0
  966. package/dist/visually-hidden.js +1 -1
  967. package/dist/wizard-CK1x2fs3.js +838 -0
  968. package/dist/wizard.js +1 -1
  969. package/package.json +24 -11
  970. package/dist/accordion-D-YuMJzk.js +0 -143
  971. package/dist/action-bar-C7cGnEyJ.js +0 -282
  972. package/dist/action-sheet-D8Glxl7l.js +0 -347
  973. package/dist/alert-CP62p9Ul.js +0 -159
  974. package/dist/app-shell-CXwma4XA.js +0 -836
  975. package/dist/aspect-ratio-C76l-aoY.js +0 -40
  976. package/dist/attachment-DdBbQcEB.js +0 -302
  977. package/dist/avatar-BnlE5jjr.js +0 -100
  978. package/dist/avatar-group-4rBj99tz.js +0 -47
  979. package/dist/badge-C6rbwVpu.js +0 -94
  980. package/dist/breadcrumb-Bf01N4wK.js +0 -218
  981. package/dist/button-DakQ-7Tm.js +0 -97
  982. package/dist/button-group-Det_nYor.js +0 -50
  983. package/dist/calendar-B3mio8iQ.js +0 -387
  984. package/dist/card-CpVu8PyZ.js +0 -102
  985. package/dist/carousel-BPi-Y5yF.js +0 -498
  986. package/dist/cascader-CARCYdHh.js +0 -1097
  987. package/dist/checkbox-CwUOc-3u.js +0 -139
  988. package/dist/checkbox-group-BYTjgAcX.js +0 -108
  989. package/dist/code-block-CFHf8uTm.js +0 -269
  990. package/dist/collapsible-CGo49NNW.js +0 -217
  991. package/dist/color-picker-BlPR4g4H.js +0 -504
  992. package/dist/column-manager-CNZ7Xk5_.js +0 -585
  993. package/dist/combobox-C46GRqAA.js +0 -852
  994. package/dist/command-palette-BqRyNR9Y.js +0 -707
  995. package/dist/container-CjxY6rYv.js +0 -46
  996. package/dist/context-menu-DMiHdggw.js +0 -150
  997. package/dist/currency-field-B7OZ0hk7.js +0 -436
  998. package/dist/dashboard-grid-nfhEewA4.js +0 -1005
  999. package/dist/data-grid-BUgOJuGp.js +0 -3648
  1000. package/dist/data-list-2xfDpHVC.js +0 -561
  1001. package/dist/date-field-D_kLLTfL.js +0 -279
  1002. package/dist/date-picker-DQ5SIhdA.js +0 -264
  1003. package/dist/date-range-picker-lpB08hK_.js +0 -471
  1004. package/dist/datetime-field-T1gNdJ7t.js +0 -411
  1005. package/dist/datetime-picker-0F0kDW-8.js +0 -629
  1006. package/dist/datetime-range-picker-ClnEleth.js +0 -994
  1007. package/dist/description-list-IYLnFgHT.js +0 -232
  1008. package/dist/dialog-Dmy-m_pe.js +0 -499
  1009. package/dist/divider-D36Jqo0J.js +0 -33
  1010. package/dist/drawer-Ci3wuCVa.js +0 -758
  1011. package/dist/entity-picker-UGhbVwkC.js +0 -1111
  1012. package/dist/field-BJh5HI7w.js +0 -365
  1013. package/dist/field-group-BDaspQPh.js +0 -138
  1014. package/dist/filter-bar-b2Q9BZHf.js +0 -1335
  1015. package/dist/fullscreen-CF0UN4mv.js +0 -187
  1016. package/dist/grid-CIkG_2IQ.js +0 -25
  1017. package/dist/highlight-0Qw23QPp.js +0 -57
  1018. package/dist/hover-card-CSDbA6zd.js +0 -214
  1019. package/dist/icon-T9Yt4tnm.js +0 -73
  1020. package/dist/icon-button-TnvMhK4o.js +0 -211
  1021. package/dist/import-export-center-D8xbCLWs.js +0 -813
  1022. package/dist/inline-D_IjcJ1n.js +0 -16
  1023. package/dist/inline-message-C4a-A2mw.js +0 -91
  1024. package/dist/kbd-eFSWTKxN.js +0 -100
  1025. package/dist/link-TjvRl2VQ.js +0 -87
  1026. package/dist/list-C1Y8MWp2.js +0 -87
  1027. package/dist/list-item-DN_mcouU.js +0 -123
  1028. package/dist/listbox-4WvqR0JF.js +0 -615
  1029. package/dist/loading-overlay-B83XFctM.js +0 -208
  1030. package/dist/markdown-CpfDn1LF.js +0 -295
  1031. package/dist/menu-parts-BQej6eU9.js +0 -787
  1032. package/dist/menubar-CtGavUTO.js +0 -156
  1033. package/dist/message-Cp0rLCyW.js +0 -430
  1034. package/dist/message-scroller-UZjFpflz.js +0 -214
  1035. package/dist/multi-select-CfzsvAeI.js +0 -1193
  1036. package/dist/navigation-menu-parts-D8qFAwHX.js +0 -492
  1037. package/dist/notification-center-C4pEHJ3h.js +0 -485
  1038. package/dist/number-field-J_koud1r.js +0 -342
  1039. package/dist/page-header-CWEBfMGq.js +0 -367
  1040. package/dist/page-kQgLctsA.js +0 -167
  1041. package/dist/pagination-DWJc521r.js +0 -292
  1042. package/dist/popover-DE22lSpV.js +0 -476
  1043. package/dist/progress-indicator-DwvUSFFs.js +0 -269
  1044. package/dist/prompt-composer-B7MMcER0.js +0 -259
  1045. package/dist/prose-CkeNYS0X.js +0 -91
  1046. package/dist/radio-group-BFpjhDkV.js +0 -140
  1047. package/dist/rating-D1EsADFM.js +0 -459
  1048. package/dist/react-dom-DzrKNxo6.js +0 -273
  1049. package/dist/result-state-CZsQfdN4.js +0 -126
  1050. package/dist/saved-views-BueW-Lyb.js +0 -446
  1051. package/dist/scroll-area-BriwmvYY.js +0 -111
  1052. package/dist/section-Be7dX9MC.js +0 -176
  1053. package/dist/segmented-control-Cy_5D3Nj.js +0 -149
  1054. package/dist/select-UTwKjheK.js +0 -957
  1055. package/dist/side-navigation-YUiJRpng.js +0 -729
  1056. package/dist/skeleton-2LSpg84Z.js +0 -143
  1057. package/dist/slider-B432T6nD.js +0 -256
  1058. package/dist/sparkline-rY7HIFE4.js +0 -131
  1059. package/dist/split-button-DHF3v3PJ.js +0 -135
  1060. package/dist/splitter-Bg3UgmbV.js +0 -289
  1061. package/dist/stack-BEFavbRs.js +0 -15
  1062. package/dist/stat-card-BG7uLytP.js +0 -244
  1063. package/dist/status-indicator-BOjpXkU5.js +0 -73
  1064. package/dist/stepper-DQJuRWqR.js +0 -253
  1065. package/dist/switch-4MHwKmkz.js +0 -138
  1066. package/dist/table-CzBIw9ng.js +0 -970
  1067. package/dist/table-of-contents-DfAeYtFJ.js +0 -461
  1068. package/dist/tabs-DQ36APY-.js +0 -343
  1069. package/dist/tag-DjtW53xN.js +0 -365
  1070. package/dist/tags-input-DLdHLWrH.js +0 -625
  1071. package/dist/text-field-BktZbmzD.js +0 -195
  1072. package/dist/textarea-JAK2RJl0.js +0 -99
  1073. package/dist/time-field-DCG_VtGO.js +0 -355
  1074. package/dist/time-picker-DuT1tf5-.js +0 -396
  1075. package/dist/time-range-picker-HwBvrrXN.js +0 -745
  1076. package/dist/timeline-DH_02ysz.js +0 -421
  1077. package/dist/toggle-CBFhM4Jh.js +0 -64
  1078. package/dist/toggle-group-DQBlI1TV.js +0 -140
  1079. package/dist/toolbar-CDQTydDx.js +0 -240
  1080. package/dist/tooltip-BggqPDcW.js +0 -393
  1081. package/dist/top-navigation-COQZsNqW.js +0 -740
  1082. package/dist/tour-C11DmYTC.js +0 -799
  1083. package/dist/transfer-JA9TWjAw.js +0 -596
  1084. package/dist/tree-C6fYJqT9.js +0 -783
  1085. package/dist/typography-B2iaigEC.js +0 -92
  1086. package/dist/upload-Bq_UiyMr.js +0 -613
  1087. package/dist/visually-hidden-CE6u5JLW.js +0 -14
  1088. package/dist/wizard-B4GrlEqh.js +0 -815
package/dist/styles/tabs.css ADDED
@@ -0,0 +1,4 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
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
+
4
+ @layer slotted.components{[data-ui-tabs]{--_height:var(--slotted-control-height-md,34px);--_font-size:var(--slotted-control-font-size-md,.875rem);--_padding-inline:var(--slotted-control-padding-inline-md,.75rem);--_inner-gap:var(--slotted-control-gap-md,.375rem);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_list-gap:var(--slotted-space-1,.125rem);--_track-size:var(--slotted-border-width-thin,1px);--_dismiss-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_dismiss-overhang:calc((var(--_dismiss-size) - var(--_icon-size)) / 2);--_marker-size:max(var(--slotted-tabs-marker-size,3px), var(--slotted-border-width-thick,2px));--_marker-radius:var(--slotted-tabs-marker-radius,var(--slotted-radius-full,9999px));--_marker-inset:var(--slotted-tabs-marker-inset,var(--_padding-inline));--_marker-offset:var(--slotted-tabs-marker-offset,1px);--_track-color:var(--slotted-tabs-track-color,var(--slotted-border-subtle,ButtonBorder));--_fade:var(--slotted-tabs-fade-size,var(--slotted-space-6,1rem));row-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;display:grid}[data-ui-tabs][data-size=sm]{--_height:var(--slotted-control-height-sm,30px);--_font-size:var(--slotted-control-font-size-sm,.8125rem);--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_inner-gap:var(--slotted-control-gap-sm,.25rem);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-tabs][data-size=lg]{--_height:var(--slotted-control-height-lg,40px);--_font-size:var(--slotted-control-font-size-lg,1rem);--_padding-inline:var(--slotted-control-padding-inline-lg,1rem);--_inner-gap:var(--slotted-control-gap-lg,.5rem);--_icon-size:var(--slotted-control-icon-size-lg,20px);--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-tabs][data-orientation=vertical]{--_marker-inset:var(--slotted-tabs-marker-inset,0px);column-gap:var(--slotted-tabs-gap,var(--slotted-space-6,1rem));grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr)}[data-ui-tabs]>[data-part-list]{align-items:stretch;gap:var(--slotted-tabs-list-gap,var(--_list-gap));overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:1/2;min-inline-size:0;display:flex;position:relative;overflow:auto hidden}[data-ui-tabs][data-overflowing]>[data-part-list]{scrollbar-width:none}[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{--_track-reach:var(--_track-size);box-shadow:inset 0 calc(-1 * var(--_track-size)) 0 var(--_track-color);padding-block-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{text-align:start;justify-content:start}[data-ui-tabs][data-orientation=vertical]>[data-part-list]{flex-direction:column;grid-area:1/1;overflow:hidden auto}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{box-shadow:inset calc(-1 * var(--_track-size)) 0 0 var(--_track-color);padding-block-end:0;padding-inline-end:var(--_track-size)}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]:dir(rtl)>[data-part-list]{box-shadow:inset var(--_track-size) 0 0 var(--_track-color)}[data-ui-tabs][data-fit=equal]>[data-part-list]{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid;overflow:visible}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>[data-part-item]{min-inline-size:0}[data-ui-tabs][data-fit=equal]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-ui-tabs]>:where([data-part-list])>[data-part-item]{flex:none;grid-auto-flow:column;align-items:stretch;display:grid;position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]{appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-color,var(--slotted-text-muted,GrayText));cursor:pointer;font-family:var(--slotted-control-font-family,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight,600);align-items:center;gap:var(--_inner-gap);letter-spacing:var(--slotted-control-letter-spacing,0);line-height:var(--slotted-control-line-height,1);min-block-size:var(--_height);min-inline-size:0;padding-block:0;padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;text-decoration:none;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss])>[data-part-tab]{padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>[data-part-label]{unicode-bidi:plaintext;min-inline-size:0}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>:where([data-part-tab])>:is([data-part-start],[data-part-end]){--slotted-icon-size:var(--_icon-size);flex:none;align-items:center;display:inline-flex}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{color:var(--slotted-tabs-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):not([aria-selected=true]):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-offset,2px) + var(--_marker-size)))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tabs]>:where([data-part-list])>[data-part-item][data-selected]>[data-part-tab]{color:var(--slotted-tabs-selected-color,var(--slotted-tone-accent-text))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-tab]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{--_start-inset:var(--_marker-inset);--_end-inset:var(--_marker-inset);--_left-inset:var(--_start-inset);--_span:calc(var(--_indicator-length,0px) - var(--_start-inset) - var(--_end-inset));--_length:max(var(--slotted-space-6,1rem), var(--_span));background-color:var(--slotted-tabs-marker-color,var(--slotted-tone-accent-solid));block-size:var(--_marker-size);border-radius:var(--_marker-radius);inline-size:var(--_length);inset-block-end:calc(var(--_marker-lift,0px) + var(--_marker-offset));left:calc(var(--_indicator-start,0px) + var(--_left-inset) + (var(--_span) - var(--_length)) / 2);pointer-events:none;position:absolute}[data-ui-tabs]:dir(rtl)>:where([data-part-list])>[data-part-marker]{--_left-inset:var(--_end-inset)}[data-ui-tabs]:not([data-orientation=vertical])>[data-part-list]:has(>[data-part-item][data-selected]>[data-part-dismiss])>[data-part-marker]{--_end-inset:0px}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][hidden]{display:none}[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{--_marker-easing:var(--slotted-tabs-marker-easing,cubic-bezier(.4, 0, .2, 1));animation:slotted-tabs-marker-slide var(--slotted-duration-medium) var(--_marker-easing);transform-origin:0 0}@keyframes slotted-tabs-marker-slide{0%{translate:var(--_indicator-shift,0px 0px);scale:var(--_indicator-scale,1 1)}}@media (prefers-reduced-motion:reduce){[data-ui-tabs]>:where([data-part-list])>[data-part-marker][data-moving]{animation:none}}[data-ui-tabs]>:where([data-part-list])>[data-part-item]:before{background-color:var(--slotted-tabs-hover-marker-color,var(--slotted-border-strong));block-size:var(--_marker-size);border-radius:var(--_marker-radius);content:"";inset-block-end:calc(var(--_marker-offset) - var(--_track-reach,0px));inset-inline:var(--_marker-inset);min-inline-size:var(--slotted-space-6,1rem);opacity:0;pointer-events:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);position:absolute}[data-ui-tabs]:not([data-orientation=vertical])>:where([data-part-list])>[data-part-item]:has(>[data-part-dismiss]):before{inset-inline-end:calc(2 * var(--_padding-inline) + var(--_icon-size))}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):hover):before{opacity:var(--slotted-tabs-hover-marker-opacity,.5)}[data-ui-tabs][data-variant=line]>:where([data-part-list])>[data-part-item]:not([data-selected]):has(>[data-part-tab]:not(:disabled):active):before{background-color:var(--slotted-tabs-active-marker-color,var(--slotted-text))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-marker]{block-size:var(--_length);inline-size:var(--_marker-size);inset-block:calc(var(--_indicator-start,0px) + var(--_start-inset) + (var(--_span) - var(--_length)) / 2) auto;inset-inline:auto calc(var(--_marker-lift,0px) + var(--_marker-offset))}[data-ui-tabs][data-orientation=vertical]>:where([data-part-list])>[data-part-item]:before{block-size:auto;inline-size:var(--_marker-size);inset-block:var(--_marker-inset);inset-inline:auto calc(var(--_marker-offset) - var(--_track-reach,0px));min-block-size:var(--slotted-space-6,1rem);min-inline-size:0}[data-ui-tabs][data-variant=contained]>[data-part-list]{--_marker-lift:calc(2 * var(--slotted-space-1,.125rem));background-color:var(--slotted-tabs-contained-background,var(--slotted-surface-sunken));border-radius:var(--slotted-radius-md,6px);max-inline-size:100%;padding:var(--slotted-space-1,.125rem);justify-self:start}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item]{border-radius:var(--slotted-radius-sm,4px);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{background-color:var(--slotted-tabs-contained-selected-background,var(--slotted-surface));box-shadow:var(--slotted-shadow-xs)}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_dismiss-size);border-radius:var(--slotted-radius-full,9999px);color:var(--slotted-tabs-dismiss-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_dismiss-size);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-inline-start:calc(var(--_padding-inline) - var(--_dismiss-overhang));margin-inline-end:calc(var(--_padding-inline) - var(--_dismiss-overhang));padding:0;display:inline-flex}@media (pointer:coarse){[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]{position:relative}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));position:absolute}}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):hover{background-color:var(--slotted-tabs-dismiss-hover-background,var(--slotted-tone-secondary-subtle-hover));color:var(--slotted-tabs-dismiss-hover-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:not(:disabled):active{background-color:var(--slotted-tabs-dismiss-active-background,var(--slotted-tone-secondary-subtle-active));color:var(--slotted-tabs-dismiss-active-color,var(--slotted-text,CanvasText))}[data-ui-tabs]>:where([data-part-list])>:where([data-part-item])>[data-part-dismiss]:disabled{color:var(--slotted-disabled-foreground,GrayText);cursor:not-allowed}[data-ui-tabs]>[data-part-scroll]{--slotted-icon-size:var(--_icon-size);appearance:none;border-radius:var(--slotted-control-radius,4px);color:var(--slotted-tabs-scroll-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));min-block-size:var(--_height);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list],[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=start]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to left, transparent, black var(--_fade))}[data-ui-tabs]:dir(rtl):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade))}[data-ui-tabs]:has(>[data-part-scroll][data-direction=start]:not(:disabled)):has(>[data-part-scroll][data-direction=end]:not(:disabled))>[data-part-list]{mask-image:linear-gradient(to right, transparent, black var(--_fade), black calc(100% - var(--_fade)), transparent)}@media (pointer:coarse){[data-ui-tabs]>[data-part-scroll]{min-block-size:max(var(--slotted-target-comfortable,44px), var(--_height));min-inline-size:max(var(--slotted-target-comfortable,44px), var(--_height))}}[data-ui-tabs]>[data-part-scroll][data-direction=start]{grid-area:1/1;margin-inline-end:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=end]{grid-area:1/3;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem))}[data-ui-tabs]>[data-part-scroll][data-direction=start]>[data-ui-icon]{rotate:.5turn}[data-ui-tabs]>[data-part-scroll]:not(:disabled):hover{background-color:var(--slotted-tabs-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tabs]>[data-part-scroll]:not(:disabled):active{background-color:var(--slotted-tabs-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tabs]>[data-part-scroll]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width,2px))}[data-ui-tabs]>[data-part-scroll]:disabled{cursor:default;visibility:hidden}[data-ui-tabs][data-orientation=vertical]>[data-part-scroll]{display:none}[data-ui-tabs]>[data-part-actions]{grid-area:1/4;align-self:center;align-items:center;min-inline-size:0;margin-inline-start:var(--slotted-tabs-actions-gap,var(--slotted-space-4,.5rem));display:flex}[data-ui-tabs][data-orientation=vertical]>[data-part-actions]{grid-area:2/1}[data-ui-tabs]>[data-part-panel]{overflow-wrap:anywhere;grid-area:2/1/auto/-1;min-inline-size:0}[data-ui-tabs][data-orientation=vertical]>[data-part-panel]{grid-area:1/2/-1}[data-ui-tabs]>[data-part-panel][hidden]{display:none}[data-ui-tabs]>[data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-focus-ring-offset,2px)}[data-ui-tabs]>[data-part-panel]:not([hidden]){animation:slotted-tabs-panel-in var(--slotted-duration-short) var(--slotted-easing-enter)}@keyframes slotted-tabs-panel-in{0%{opacity:0}}[data-ui-tabs][data-disabled]{--_track-color:var(--slotted-disabled-border,GrayText)}[data-ui-tabs][data-disabled][data-variant=contained]>[data-part-list]{background-color:var(--slotted-disabled-background,Canvas)}[data-ui-tabs][data-disabled]>:where([data-part-list])>[data-part-marker]{background-color:var(--slotted-disabled-border)}@media (forced-colors:active){[data-ui-tabs][data-variant=line][data-track=line]>[data-part-list]{border-block-end:var(--_track-size) solid CanvasText;padding-block-end:0}[data-ui-tabs][data-orientation=vertical][data-variant=line][data-track=line]>[data-part-list]{border-block-end:0;border-inline-end:var(--_track-size) solid CanvasText;padding-inline-end:0}[data-ui-tabs]>:where([data-part-list])>[data-part-marker]{forced-color-adjust:none;background-color:highlight}[data-ui-tabs][data-variant=contained]>:where([data-part-list])>[data-part-item][data-selected]{border:var(--slotted-border-width-thin,1px) solid Highlight}}}
package/dist/styles/tag.css ADDED
@@ -0,0 +1,4 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
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
+
4
+ @layer slotted.components{[data-ui-tag][data-part-root]{--_solid:var(--slotted-tone-secondary-solid-hover);--_solid-hover:var(--slotted-tone-secondary-solid-active);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_subtle-hover:var(--slotted-tone-secondary-subtle-hover);--_subtle-active:var(--slotted-tone-secondary-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-secondary-border));--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-space-4,.5rem);--_gap:var(--slotted-space-2,.25rem);--_line-height:var(--slotted-line-height-xs,1.4);--_edge-width:var(--slotted-tag-border-width,var(--slotted-border-width-thin,1px));--_radius:var(--slotted-radius-full,9999px);--_inner-radius:max(0px, calc(var(--_radius) - var(--_edge-width)));--_own-size:calc(var(--_font-size) * var(--_line-height) + 2 * var(--_inset-block) + 2 * var(--_edge-width));--_block-size:var(--slotted-control-inner-size,var(--_own-size));--_line:min(calc(var(--_font-size) * var(--_line-height)), calc(var(--_block-size) - 2 * var(--_edge-width)));--_inset:max(0px, calc((var(--_block-size) - var(--_line) - 2 * var(--_edge-width)) / 2));border:var(--_edge-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;font-family:var(--slotted-tag-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);font-weight:var(--slotted-tag-font-weight,var(--slotted-font-weight-medium,500));line-height:var(--_line);max-inline-size:100%;min-block-size:var(--_block-size);vertical-align:middle;white-space:nowrap;align-items:stretch;display:inline-flex}[data-ui-tag][data-part-root][hidden]{display:none}[data-ui-tag][data-part-root][data-tone=secondary]{--_edge:var(--_border)}[data-ui-tag][data-part-root][data-tone=accent]{--_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);--_surface:var(--slotted-tone-accent-surface);--_subtle-hover:var(--slotted-tone-accent-subtle-hover);--_subtle-active:var(--slotted-tone-accent-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-accent-border));--_text:var(--slotted-tone-accent-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-success-surface);--_subtle-hover:var(--slotted-tone-success-subtle-hover);--_subtle-active:var(--slotted-tone-success-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-success-border));--_text:var(--slotted-tone-success-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-info-surface);--_subtle-hover:var(--slotted-tone-info-subtle-hover);--_subtle-active:var(--slotted-tone-info-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-info-border));--_text:var(--slotted-tone-info-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-warning-surface);--_subtle-hover:var(--slotted-tone-warning-subtle-hover);--_subtle-active:var(--slotted-tone-warning-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-warning-border));--_text:var(--slotted-tone-warning-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-danger-surface);--_subtle-hover:var(--slotted-tone-danger-subtle-hover);--_subtle-active:var(--slotted-tone-danger-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-danger-border));--_text:var(--slotted-tone-danger-text)}[data-ui-tag][data-part-root][data-variant=solid]{background-color:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonFace);color:var(--_on-solid,ButtonText)}[data-ui-tag][data-part-root][data-variant=soft]{background-color:var(--_surface,ButtonFace);border-color:var(--_border,ButtonBorder);color:var(--_text,ButtonText)}[data-ui-tag][data-part-root][data-variant=outline]{border-color:var(--_border,ButtonBorder);color:var(--_text,ButtonText);background-color:#0000}[data-ui-tag][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-1,.125rem));--_inset-inline:var(--slotted-space-3,.375rem)}[data-ui-tag][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-3,.375rem));--_inset-inline:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-3,.375rem)}[data-ui-tag][data-part-root][data-shape=square]{--_radius:var(--slotted-radius-sm,4px)}[data-ui-tag] [data-part-body]{box-sizing:border-box;color:inherit;font:inherit;align-items:center;gap:var(--_gap);letter-spacing:inherit;min-inline-size:0;padding-block:var(--_inset);padding-inline:var(--_inset-inline);text-align:start;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;border-start-start-radius:var(--_inner-radius);border-end-start-radius:var(--_inner-radius);text-decoration:none;display:inline-flex}[data-ui-tag] [data-part-body]:last-child{border-start-end-radius:var(--_inner-radius);border-end-end-radius:var(--_inner-radius)}[data-ui-tag] [data-part-body]:has(+[data-part-remove]){padding-inline-end:var(--_gap)}[data-ui-tag] [data-part-body]:is(a,button){cursor:pointer}[data-ui-tag] [data-part-label]{text-overflow:ellipsis;unicode-bidi:plaintext;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-tag] [data-part-label]{text-box:trim-both cap alphabetic;margin-block:-.3em;padding-block:.3em}}[data-ui-tag] [data-part-start],[data-ui-tag] [data-part-end]{--slotted-icon-size:var(--_icon-size);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}[data-ui-tag] [data-part-start]>*,[data-ui-tag] [data-part-end]>*{block-size:100%;inline-size:100%;display:block}[data-ui-tag] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);block-size:var(--_icon-size);inline-size:0;opacity:0;transition:inline-size var(--slotted-duration-short) var(--slotted-easing-standard), margin-inline-end var(--slotted-duration-short) var(--slotted-easing-standard), opacity var(--slotted-duration-short) var(--slotted-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--_gap));display:inline-flex;overflow:hidden}[data-ui-tag][data-part-root][data-selected] [data-part-indicator]{inline-size:var(--_icon-size);opacity:1;margin-inline-end:0}[data-ui-tag] [data-part-remove]{--slotted-icon-size:var(--_icon-size);appearance:none;box-sizing:border-box;color:inherit;cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;border-start-end-radius:var(--_inner-radius);border-end-end-radius:var(--_inner-radius);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-tag] [data-part-remove]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-tag] [data-part-remove]{inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)), calc(var(--_block-size) - 2 * var(--_edge-width)))}[data-ui-tag] [data-part-remove]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}}[data-ui-tag] [data-part-remove]:first-child{border-start-start-radius:var(--_inner-radius);border-end-start-radius:var(--_inner-radius)}[data-ui-tag][data-part-root][data-selected]:not([data-disabled]){background-color:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);color:var(--_on-solid,ButtonText)}[data-ui-tag][data-part-root]{--_state-hover:color-mix(in oklab, currentColor var(--slotted-tag-state-layer-hover,8%), transparent);--_state-active:color-mix(in oklab, currentColor var(--slotted-tag-state-layer-active,14%), transparent)}[data-ui-tag][data-part-root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_state-hover)}[data-ui-tag][data-part-root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_state-active)}[data-ui-tag][data-part-root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_subtle-hover,ButtonFace)}[data-ui-tag][data-part-root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_subtle-active,ButtonFace)}[data-ui-tag][data-part-root][data-variant=solid]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled),[data-ui-tag][data-part-root][data-selected]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_solid-hover,Highlight)}[data-ui-tag][data-part-root][data-variant=solid]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled),[data-ui-tag][data-part-root][data-selected]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_solid-active,Highlight)}[data-ui-tag] [data-part-body]:focus-visible,[data-ui-tag] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-2 * var(--slotted-focus-ring-width,2px))}[data-ui-tag][data-part-group]: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-tag][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-tag][data-part-root][data-variant=solid][data-disabled],[data-ui-tag][data-part-root][data-variant=soft][data-disabled],[data-ui-tag][data-part-root][data-selected][data-disabled]{background-color:var(--slotted-disabled-background,Canvas);border-color:var(--slotted-disabled-border,GrayText)}[data-ui-tag][data-part-root][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background-color:#0000}[data-ui-tag][data-part-root][data-disabled] :is([data-part-body],[data-part-remove]),[data-ui-tag] [data-part-body]:disabled,[data-ui-tag] [data-part-remove]:disabled{cursor:not-allowed;background-color:#0000}[data-ui-tag] [data-part-remove]:disabled{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-tag][data-part-group]{align-items:center;gap:var(--slotted-tag-group-gap,var(--slotted-space-2,.25rem));flex-wrap:wrap;display:flex}[data-ui-tag][data-part-group][data-orientation=vertical]{flex-flow:column;align-items:start;inline-size:fit-content}[data-ui-tag][data-part-group]:empty{display:none}@media (forced-colors:active){[data-ui-tag][data-part-root]{border-color:currentColor}[data-ui-tag][data-part-root][data-selected]:not([data-disabled]){color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-tag][data-part-root][data-disabled]{color:graytext;border-color:graytext}}}
package/dist/styles/tags-input.css ADDED
@@ -0,0 +1,12 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
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
+
4
+ @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)}}
5
+
6
+ @layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
7
+
8
+ @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)}}
9
+
10
+ @layer slotted.components{[data-ui-tags-input][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-floor:var(--slotted-tags-input-icon-size-min,14px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_action-size:var(--slotted-tags-input-action-size,min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_row-air:var(--slotted-space-1,.125rem);--_inner-size:var(--slotted-control-inner-size-md,24px);--_row-size:var(--_inner-size);--_row-gap:var(--slotted-space-2,.25rem);background-color:var(--slotted-tags-input-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-tags-input-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-tags-input-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-tags-input-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-tags-input-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);align-items:center;gap:var(--slotted-space-1,.125rem);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;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);padding-inline-start:var(--_padding-inline);padding-inline-end:max(0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2));display:flex;position:relative}[data-ui-tags-input][data-part-root]:not([data-full-width]){inline-size:auto}[data-ui-tags-input]>[data-part-control]{flex:auto;align-self:stretch;min-inline-size:0;display:flex}[data-ui-tags-input]>[data-part-control]+*{margin-inline-start:var(--_row-gap)}[data-ui-tags-input] [data-part-chips]{box-sizing:border-box;align-content:safe center;align-items:center;column-gap:var(--_row-gap);min-inline-size:0;padding-block:var(--_row-air);padding-inline:var(--_row-air);margin-inline:calc(-1 * var(--_row-air));row-gap:var(--_row-gap);max-block-size:calc(3 * var(--_row-size) + 2 * var(--_row-gap) + 2 * var(--_row-air));overscroll-behavior:contain;scrollbar-width:none;flex-wrap:wrap;flex:auto;display:flex;overflow-y:auto}[data-ui-tags-input] [data-part-chips]::-webkit-scrollbar{display:none}[data-ui-tags-input][data-overflow=collapse]:not([data-expanded]) [data-part-chips]{flex-wrap:nowrap;max-block-size:none;overflow:hidden}[data-ui-tags-input][data-overflow=collapse][data-expanded] [data-part-chips]>[data-count]{display:none}[data-ui-tags-input] [data-part-chips] input:not([data-part-input]){color:inherit;font:inherit;background-color:#0000;border:0;outline:none;min-inline-size:0;padding:0}[data-ui-tags-input] [data-part-chips]>:not([data-part-field]){max-inline-size:100%;min-block-size:var(--_row-size);flex:none;min-inline-size:0}[data-ui-tags-input] [data-part-chips]{--slotted-control-inner-size:var(--_inner-size)}[data-ui-tags-input] [data-part-field]{flex:1 1 var(--slotted-tags-input-field-basis,4rem);min-block-size:var(--_row-size);min-inline-size:var(--slotted-tags-input-field-min,2.5rem);align-items:center;display:flex}[data-ui-tags-input] [data-part-input]{color:inherit;font:inherit;text-overflow:ellipsis;background-color:#0000;border:0;outline:none;flex:auto;min-inline-size:0;padding:0}[data-ui-tags-input] [data-part-input]::placeholder{color:var(--slotted-tags-input-placeholder-color,var(--slotted-text-muted,GrayText));text-overflow:ellipsis}[data-ui-tags-input][data-part-root]:has([data-part-input]:autofill){background-color:var(--slotted-tags-input-autofill-background,var(--slotted-tone-accent-surface))}[data-ui-tags-input] [data-part-input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-tags-input-autofill-background,var(--slotted-tone-accent-surface));-webkit-text-fill-color:var(--slotted-tags-input-color,var(--slotted-text,CanvasText))}[data-ui-tags-input] [data-part-chips]>:not([data-part-field]):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-tags-input] [data-part-chips]>[data-current]{--slotted-tag-border-color:var(--slotted-tags-input-current-border-color,var(--slotted-tone-accent-border))}[data-ui-tags-input] [data-part-chips]>[data-count]{cursor:pointer;flex:none}[data-ui-tags-input]>[data-part-counter]{color:var(--slotted-tags-input-counter-color,var(--slotted-text-muted,GrayText));font-size:var(--slotted-font-size-xs,.75rem);font-variant-numeric:tabular-nums;line-height:var(--slotted-line-height-sm,1.45);padding-inline:var(--slotted-space-1,.125rem);white-space:nowrap;unicode-bidi:plaintext;flex:none;align-self:center}[data-ui-tags-input][data-complete]>[data-part-counter]{color:var(--slotted-tags-input-counter-complete-color,var(--slotted-tone-accent-text));font-weight:var(--slotted-font-weight-medium,500)}[data-ui-tags-input][data-narrow] [data-part-chips]>:not([data-part-field]){display:none}[data-ui-tags-input] :is([data-part-message],[data-part-hint]){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-tags-input]>[data-part-clear]{appearance:none;block-size:var(--_action-size);border-radius:var(--slotted-tags-input-radius,var(--slotted-control-radius,4px));color:var(--slotted-tags-input-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_action-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-tags-input]>[data-part-clear]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-tags-input]>[data-part-clear]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2));inset-inline-start:0}}[data-ui-tags-input]>[data-part-clear]{--slotted-icon-size:var(--_icon-size)}[data-ui-tags-input][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_gap:var(--slotted-control-gap-sm,6px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-sm,14px))}[data-ui-tags-input][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_inner-size:var(--slotted-control-inner-size-md,24px)}[data-ui-tags-input][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_inner-size:var(--slotted-control-inner-size-lg,28px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-lg,18px))}[data-ui-tags-input][data-part-root][data-variant=subtle]{background-color:var(--slotted-tags-input-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-tags-input-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-tags-input][data-part-root][data-variant=plain]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}@media (forced-colors:active){[data-ui-tags-input][data-part-root][data-variant=plain]{border-color:buttonborder}}[data-ui-tags-input][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-tags-input-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-tags-input][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has([data-part-input]:autofill)){background-color:var(--slotted-tags-input-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tags-input][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has([data-part-input]:autofill)){background-color:var(--slotted-tags-input-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-tags-input][data-part-root]:has([data-part-input]:focus-visible),[data-ui-tags-input][data-part-root]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-tags-input][data-part-root][data-variant=plain]:has([data-part-input]:focus-visible),[data-ui-tags-input][data-part-root][data-variant=plain]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-tags-input][data-part-root]:has([data-part-chips]>:not([data-part-field]):focus-visible){outline:none}[data-ui-tags-input][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-tags-input-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-tags-input-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-tags-input-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-tags-input-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-tags-input][data-part-root][data-invalid]:has([data-part-input]:focus-visible),[data-ui-tags-input][data-part-root][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-tags-input][data-part-root][data-variant=plain][data-invalid]:has([data-part-input]:focus-visible),[data-ui-tags-input][data-part-root][data-variant=plain][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-tags-input][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-tags-input][data-part-root][data-invalid]:has([data-part-input]: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-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-tags-input][data-part-root][data-variant=plain][data-invalid]:has([data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}[data-ui-tags-input][data-part-root][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible),[data-ui-tags-input][data-part-root][data-variant=plain][data-invalid]:has([data-part-chips]>:not([data-part-field]):focus-visible){outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}}[data-ui-tags-input][data-part-root][data-readonly]{background-color:var(--slotted-tags-input-readonly-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tags-input][data-part-root][data-disabled],[data-ui-tags-input][data-part-root]:has([data-part-input]:disabled){background-color:var(--slotted-tags-input-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-tags-input-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-tags-input-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-tags-input]>[data-part-clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-tags-input-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-tags-input]>[data-part-clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-tags-input-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-tags-input]>[data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-tags-input]>[data-part-suggestions]{background-color:var(--slotted-surface-raised,Canvas);border:var(--slotted-border-width-thin,1px) solid var(--slotted-border-subtle,GrayText);border-radius:var(--slotted-radius-lg,8px);box-shadow:var(--slotted-shadow-md);box-sizing:border-box;color:var(--slotted-text,CanvasText);font-size:var(--_font-size);inline-size:var(--slotted-positioner-anchor-width,100%);max-block-size:calc(10 * var(--_height) + 2 * var(--slotted-space-2,.25rem));overscroll-behavior:contain;padding:var(--slotted-space-2,.25rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));position:fixed;overflow-y:auto}[data-ui-tags-input]>[data-part-suggestions]>[data-part-suggestion]{border-radius:var(--slotted-control-radius,4px);cursor:default;min-block-size:var(--_height);overflow-wrap:anywhere;padding-inline:var(--_padding-inline);align-items:center;display:flex}[data-ui-tags-input]>[data-part-suggestions]>[data-highlighted]{background-color:var(--slotted-tone-secondary-subtle-active)}@media (forced-colors:active){[data-ui-tags-input]>[data-part-suggestions]>[data-highlighted]{color:highlighttext;background-color:highlight}}}
11
+
12
+ @layer slotted.components{[data-ui-tag][data-part-root]{--_solid:var(--slotted-tone-secondary-solid-hover);--_solid-hover:var(--slotted-tone-secondary-solid-active);--_solid-active:var(--slotted-tone-secondary-solid-active);--_on-solid:var(--slotted-tone-secondary-on-solid);--_surface:var(--slotted-tone-secondary-surface);--_subtle-hover:var(--slotted-tone-secondary-subtle-hover);--_subtle-active:var(--slotted-tone-secondary-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-secondary-border));--_text:var(--slotted-tone-secondary-text);--_edge:var(--_solid);--_font-size:var(--slotted-control-font-size-md,13px);--_icon-size:var(--slotted-control-icon-size-sm,14px);--_inner-size:var(--slotted-control-inner-size-sm,22px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-2,.25rem));--_inset-inline:var(--slotted-space-4,.5rem);--_gap:var(--slotted-space-2,.25rem);--_line-height:var(--slotted-line-height-xs,1.4);--_edge-width:var(--slotted-tag-border-width,var(--slotted-border-width-thin,1px));--_radius:var(--slotted-radius-full,9999px);--_inner-radius:max(0px, calc(var(--_radius) - var(--_edge-width)));--_own-size:calc(var(--_font-size) * var(--_line-height) + 2 * var(--_inset-block) + 2 * var(--_edge-width));--_block-size:var(--slotted-control-inner-size,var(--_own-size));--_line:min(calc(var(--_font-size) * var(--_line-height)), calc(var(--_block-size) - 2 * var(--_edge-width)));--_inset:max(0px, calc((var(--_block-size) - var(--_line) - 2 * var(--_edge-width)) / 2));border:var(--_edge-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;font-family:var(--slotted-tag-font-family,var(--slotted-control-font-family,sans-serif));font-size:var(--_font-size);font-weight:var(--slotted-tag-font-weight,var(--slotted-font-weight-medium,500));line-height:var(--_line);max-inline-size:100%;min-block-size:var(--_block-size);vertical-align:middle;white-space:nowrap;align-items:stretch;display:inline-flex}[data-ui-tag][data-part-root][hidden]{display:none}[data-ui-tag][data-part-root][data-tone=secondary]{--_edge:var(--_border)}[data-ui-tag][data-part-root][data-tone=accent]{--_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);--_surface:var(--slotted-tone-accent-surface);--_subtle-hover:var(--slotted-tone-accent-subtle-hover);--_subtle-active:var(--slotted-tone-accent-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-accent-border));--_text:var(--slotted-tone-accent-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-success-surface);--_subtle-hover:var(--slotted-tone-success-subtle-hover);--_subtle-active:var(--slotted-tone-success-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-success-border));--_text:var(--slotted-tone-success-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-info-surface);--_subtle-hover:var(--slotted-tone-info-subtle-hover);--_subtle-active:var(--slotted-tone-info-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-info-border));--_text:var(--slotted-tone-info-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-warning-surface);--_subtle-hover:var(--slotted-tone-warning-subtle-hover);--_subtle-active:var(--slotted-tone-warning-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-warning-border));--_text:var(--slotted-tone-warning-text)}[data-ui-tag][data-part-root][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);--_surface:var(--slotted-tone-danger-surface);--_subtle-hover:var(--slotted-tone-danger-subtle-hover);--_subtle-active:var(--slotted-tone-danger-subtle-active);--_border:var(--slotted-tag-border-color,var(--slotted-tone-danger-border));--_text:var(--slotted-tone-danger-text)}[data-ui-tag][data-part-root][data-variant=solid]{background-color:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonFace);color:var(--_on-solid,ButtonText)}[data-ui-tag][data-part-root][data-variant=soft]{background-color:var(--_surface,ButtonFace);border-color:var(--_border,ButtonBorder);color:var(--_text,ButtonText)}[data-ui-tag][data-part-root][data-variant=outline]{border-color:var(--_border,ButtonBorder);color:var(--_text,ButtonText);background-color:#0000}[data-ui-tag][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-1,.125rem));--_inset-inline:var(--slotted-space-3,.375rem)}[data-ui-tag][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_icon-size:var(--slotted-control-icon-size-md,16px);--_inner-size:var(--slotted-control-inner-size-md,24px);--_inset-block:var(--slotted-tag-inset-block,var(--slotted-space-3,.375rem));--_inset-inline:var(--slotted-space-5,.75rem);--_gap:var(--slotted-space-3,.375rem)}[data-ui-tag][data-part-root][data-shape=square]{--_radius:var(--slotted-radius-sm,4px)}[data-ui-tag] [data-part-body]{box-sizing:border-box;color:inherit;font:inherit;align-items:center;gap:var(--_gap);letter-spacing:inherit;min-inline-size:0;padding-block:var(--_inset);padding-inline:var(--_inset-inline);text-align:start;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;border-start-start-radius:var(--_inner-radius);border-end-start-radius:var(--_inner-radius);text-decoration:none;display:inline-flex}[data-ui-tag] [data-part-body]:last-child{border-start-end-radius:var(--_inner-radius);border-end-end-radius:var(--_inner-radius)}[data-ui-tag] [data-part-body]:has(+[data-part-remove]){padding-inline-end:var(--_gap)}[data-ui-tag] [data-part-body]:is(a,button){cursor:pointer}[data-ui-tag] [data-part-label]{text-overflow:ellipsis;unicode-bidi:plaintext;min-inline-size:0;overflow:hidden}@supports (text-box:trim-both cap alphabetic){[data-ui-tag] [data-part-label]{text-box:trim-both cap alphabetic;margin-block:-.3em;padding-block:.3em}}[data-ui-tag] [data-part-start],[data-ui-tag] [data-part-end]{--slotted-icon-size:var(--_icon-size);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}[data-ui-tag] [data-part-start]>*,[data-ui-tag] [data-part-end]>*{block-size:100%;inline-size:100%;display:block}[data-ui-tag] [data-part-indicator]{--slotted-icon-size:var(--_icon-size);block-size:var(--_icon-size);inline-size:0;opacity:0;transition:inline-size var(--slotted-duration-short) var(--slotted-easing-standard), margin-inline-end var(--slotted-duration-short) var(--slotted-easing-standard), opacity var(--slotted-duration-short) var(--slotted-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-end:calc(-1 * var(--_gap));display:inline-flex;overflow:hidden}[data-ui-tag][data-part-root][data-selected] [data-part-indicator]{inline-size:var(--_icon-size);opacity:1;margin-inline-end:0}[data-ui-tag] [data-part-remove]{--slotted-icon-size:var(--_icon-size);appearance:none;box-sizing:border-box;color:inherit;cursor:pointer;inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);background-color:#0000;border:0;border-start-end-radius:var(--_inner-radius);border-end-end-radius:var(--_inner-radius);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-tag] [data-part-remove]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-tag] [data-part-remove]{inline-size:max(var(--slotted-target-min,24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)), calc(var(--_block-size) - 2 * var(--_edge-width)))}[data-ui-tag] [data-part-remove]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}}[data-ui-tag] [data-part-remove]:first-child{border-start-start-radius:var(--_inner-radius);border-end-start-radius:var(--_inner-radius)}[data-ui-tag][data-part-root][data-selected]:not([data-disabled]){background-color:var(--_solid,ButtonFace);border-color:var(--_edge,ButtonBorder);color:var(--_on-solid,ButtonText)}[data-ui-tag][data-part-root]{--_state-hover:color-mix(in oklab, currentColor var(--slotted-tag-state-layer-hover,8%), transparent);--_state-active:color-mix(in oklab, currentColor var(--slotted-tag-state-layer-active,14%), transparent)}[data-ui-tag][data-part-root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_state-hover)}[data-ui-tag][data-part-root][data-variant=soft]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_state-active)}[data-ui-tag][data-part-root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_subtle-hover,ButtonFace)}[data-ui-tag][data-part-root][data-variant=outline]:not([data-disabled]):not([data-selected]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_subtle-active,ButtonFace)}[data-ui-tag][data-part-root][data-variant=solid]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled),[data-ui-tag][data-part-root][data-selected]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):hover:not(:disabled){background-color:var(--_solid-hover,Highlight)}[data-ui-tag][data-part-root][data-variant=solid]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled),[data-ui-tag][data-part-root][data-selected]:not([data-disabled]) :is([data-part-body]:is(a,button),[data-part-remove]):active:not(:disabled){background-color:var(--_solid-active,Highlight)}[data-ui-tag] [data-part-body]:focus-visible,[data-ui-tag] [data-part-remove]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-2 * var(--slotted-focus-ring-width,2px))}[data-ui-tag][data-part-group]: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-tag][data-part-root][data-disabled]{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-tag][data-part-root][data-variant=solid][data-disabled],[data-ui-tag][data-part-root][data-variant=soft][data-disabled],[data-ui-tag][data-part-root][data-selected][data-disabled]{background-color:var(--slotted-disabled-background,Canvas);border-color:var(--slotted-disabled-border,GrayText)}[data-ui-tag][data-part-root][data-variant=outline][data-disabled]{border-color:var(--slotted-disabled-border,GrayText);background-color:#0000}[data-ui-tag][data-part-root][data-disabled] :is([data-part-body],[data-part-remove]),[data-ui-tag] [data-part-body]:disabled,[data-ui-tag] [data-part-remove]:disabled{cursor:not-allowed;background-color:#0000}[data-ui-tag] [data-part-remove]:disabled{color:var(--slotted-disabled-foreground,GrayText)}[data-ui-tag][data-part-group]{align-items:center;gap:var(--slotted-tag-group-gap,var(--slotted-space-2,.25rem));flex-wrap:wrap;display:flex}[data-ui-tag][data-part-group][data-orientation=vertical]{flex-flow:column;align-items:start;inline-size:fit-content}[data-ui-tag][data-part-group]:empty{display:none}@media (forced-colors:active){[data-ui-tag][data-part-root]{border-color:currentColor}[data-ui-tag][data-part-root][data-selected]:not([data-disabled]){color:highlighttext;forced-color-adjust:none;background-color:highlight}[data-ui-tag][data-part-root][data-disabled]{color:graytext;border-color:graytext}}}
package/dist/styles/text-field.css ADDED
@@ -0,0 +1,10 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
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
+
4
+ @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)}}
5
+
6
+ @layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
7
+
8
+ @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)}}
9
+
10
+ @layer slotted.components{[data-ui-text-field][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-floor:var(--slotted-text-field-icon-size-min,14px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_inner-size:var(--slotted-control-inner-size-md,24px);--_action-size:var(--slotted-text-field-action-size,min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), var(--_inner-size)));--_inset:max(0px, calc((var(--_height) - 2 * var(--slotted-control-border-width,1px) - var(--_action-size)) / 2));--_action-radius:max(var(--slotted-radius-xs,2px), calc(var(--slotted-text-field-radius,var(--slotted-control-radius,4px)) - var(--_inset)));--_action-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:var(--slotted-text-field-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-text-field-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-text-field-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-text-field-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-text-field-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);align-items:center;gap:var(--_gap);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline:var(--_padding-inline);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);display:flex}[data-ui-text-field][data-part-root]:has(>:is([data-part-clear],[data-part-copy],[data-part-reveal]):not([hidden]):last-child,>[data-part-end]:last-child>[data-part-action]:last-child){padding-inline-end:var(--_inset)}[data-ui-text-field][data-part-root]:has(>[data-part-start]:first-child>[data-part-action]:first-child){padding-inline-start:var(--_inset)}[data-ui-text-field]>[data-part-input]{margin-block:calc(var(--slotted-control-border-width,1px) * -1);color:inherit;font:inherit;min-inline-size:0;text-align:inherit;text-overflow:ellipsis;background-color:#0000;border:0;outline:none;flex:auto;align-self:stretch;padding:0}[data-ui-text-field]>[data-part-input]::placeholder{color:var(--slotted-text-field-placeholder-color,var(--slotted-text-muted,GrayText));text-overflow:ellipsis}[data-ui-text-field]>[data-part-input]::-webkit-search-cancel-button{appearance:none}[data-ui-text-field]>[data-part-input]::-webkit-search-decoration{appearance:none}[data-ui-text-field][data-part-root]:has(>[data-part-input]:autofill){background-color:var(--slotted-text-field-autofill-background,var(--slotted-tone-accent-surface))}[data-ui-text-field]>[data-part-input]:autofill{box-shadow:inset 0 0 0 100px var(--slotted-text-field-autofill-background,var(--slotted-tone-accent-surface));clip-path:inset(var(--slotted-control-border-width,1px) 0);-webkit-text-fill-color:var(--slotted-text-field-color,var(--slotted-text,CanvasText))}[data-ui-text-field][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_gap:var(--slotted-control-gap-sm,6px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-sm,14px));--_inner-size:var(--slotted-control-inner-size-sm,22px)}[data-ui-text-field][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_inner-size:var(--slotted-control-inner-size-md,24px)}[data-ui-text-field][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-lg,18px));--_inner-size:var(--slotted-control-inner-size-lg,28px)}[data-ui-button-group]>[data-ui-text-field][data-part-root]{flex:1 1 0;inline-size:auto}[data-ui-text-field][data-part-root][data-variant=subtle]{background-color:var(--slotted-text-field-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-text-field-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-text-field][data-part-root][data-variant=plain]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}@media (forced-colors:active){[data-ui-text-field][data-part-root][data-variant=plain]{border-color:buttonborder}}[data-ui-text-field][data-part-root][data-mono]{font-family:var(--slotted-font-family-mono,monospace);font-variant-numeric:tabular-nums}[data-ui-text-field]>[data-part-start],[data-ui-text-field]>[data-part-end]{color:var(--slotted-text-field-adornment-color,var(--slotted-text-muted,GrayText));align-items:center;gap:var(--slotted-space-2,.25rem);--slotted-icon-size:var(--_icon-size);--slotted-control-inner-size:var(--_inner-size);unicode-bidi:plaintext;flex:none;line-height:1;display:inline-flex}[data-ui-text-field]>[data-part-start]>svg,[data-ui-text-field]>[data-part-end]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-text-field]>[data-part-start]:not(:has(svg,img,[data-ui-icon],[data-part-action])),[data-ui-text-field]>[data-part-end]:not(:has(svg,img,[data-ui-icon],[data-part-action])){padding-inline:calc(var(--_icon-size) / 8)}[data-ui-text-field]>:is([data-part-clear],[data-part-copy],[data-part-reveal]),[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]{--slotted-icon-size:var(--_icon-size);appearance:none;block-size:var(--_action-size);border-radius:var(--_action-radius);box-sizing:border-box;color:var(--slotted-text-field-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;font:inherit;align-items:center;gap:var(--slotted-space-2,.25rem);min-inline-size:var(--_action-size);touch-action:manipulation;transition:var(--_action-transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;unicode-bidi:plaintext;background-color:#0000;border:0;flex:none;justify-content:center;padding:0;line-height:1;display:inline-flex;position:relative}[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:not([aria-label],[aria-labelledby]){color:var(--slotted-text-field-action-label-color,var(--slotted-text,CanvasText));font-weight:var(--slotted-font-weight-medium,500);padding-inline:var(--slotted-space-3,.375rem);grid-auto-flow:column;place-content:center;align-items:baseline;display:inline-grid}[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:not([aria-label],[aria-labelledby])>[data-ui-icon]{translate:0 calc(var(--_icon-size) / 2 - (1cap + 1ex) / 4);margin-block-start:calc((1cap + 1ex) / 4 - var(--_icon-size) / 2)}[data-ui-text-field]>:is([data-part-start],[data-part-end]):has(>[data-part-action]){gap:0}[data-ui-text-field]>:is([data-part-clear],[data-part-copy],[data-part-reveal]):after,[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:after,[data-ui-text-field]>:is([data-part-clear],[data-part-copy],[data-part-reveal]):after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-text-field]>:is([data-part-clear],[data-part-copy]):has(~:is([data-part-copy],[data-part-reveal]):not([hidden])):after,[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:has(+[data-part-action]):after{inset-inline-end:0}[data-ui-text-field]>:is([data-part-clear],[data-part-copy]):not([hidden])~:is([data-part-copy],[data-part-reveal]):after,[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]+[data-part-action]:after{inset-inline-start:0}}[data-ui-text-field]>:is([data-part-clear],[data-part-copy],[data-part-reveal]):hover:not(:disabled,[data-complete]),[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:hover:not(:disabled,[aria-expanded=true]){background-color:var(--slotted-text-field-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-text-field]>:is([data-part-clear],[data-part-copy],[data-part-reveal]):active:not(:disabled),[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:active:not(:disabled),[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action][aria-expanded=true]{background-color:var(--slotted-text-field-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:disabled,[data-ui-text-field][data-part-root][data-disabled]>:is([data-part-start],[data-part-end])>[data-part-action]{color:var(--slotted-disabled-foreground);cursor:not-allowed}[data-ui-text-field]>:is([data-part-clear],[data-part-copy],[data-part-reveal]):focus-visible,[data-ui-text-field]>:is([data-part-start],[data-part-end])>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-text-field]>[data-part-copy][data-complete]{color:var(--slotted-text-field-copy-complete-color,var(--slotted-tone-success-text,CanvasText))}[data-ui-text-field]>:is([data-part-copy],[data-part-reveal])>[data-ui-icon]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter), scale var(--slotted-duration-short) var(--slotted-easing-enter)}@starting-style{[data-ui-text-field]>:is([data-part-copy],[data-part-reveal])>[data-ui-icon]{opacity:0;scale:.8}}[data-ui-text-field]>:is([data-part-busy],[data-part-caps-lock],[data-part-clear],[data-part-copy]){transition:var(--_action-transition), opacity var(--slotted-duration-short) var(--slotted-easing-enter), scale var(--slotted-duration-short) var(--slotted-easing-enter), display var(--slotted-duration-short) allow-discrete}[data-ui-text-field]>:is([data-part-busy],[data-part-caps-lock],[data-part-clear],[data-part-copy])[hidden]{opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), scale var(--slotted-duration-short) var(--slotted-easing-exit), display var(--slotted-duration-short) allow-discrete;display:none;scale:.8}@starting-style{[data-ui-text-field]>:is([data-part-busy],[data-part-caps-lock],[data-part-clear],[data-part-copy]){opacity:0;scale:.8}}[data-ui-text-field]>[data-part-busy]{--slotted-spinner-size:var(--_icon-size);color:var(--slotted-text-field-adornment-color,var(--slotted-text-muted,GrayText));flex:none}[data-ui-text-field]>[data-part-caps-lock]{--slotted-icon-size:var(--_icon-size);color:var(--slotted-text-field-caps-lock-color,var(--slotted-tone-warning-text,CanvasText));flex:none;align-items:center;display:inline-flex}[data-ui-text-field][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-text-field-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-text-field][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has(>[data-part-input]:autofill)){background-color:var(--slotted-text-field-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-text-field][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]):not(:has(>[data-part-input]:autofill)){background-color:var(--slotted-text-field-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-text-field][data-part-root]:has(>[data-part-input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-text-field][data-part-root][data-variant=plain]:has(>[data-part-input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-text-field][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-text-field-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-text-field-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-text-field-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-text-field-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-text-field][data-part-root][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-text-field][data-part-root][data-variant=plain][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-text-field][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-text-field][data-part-root][data-invalid]:has(>[data-part-input]: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-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-text-field][data-part-root][data-variant=plain][data-invalid]:has(>[data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}}[data-ui-text-field][data-part-root][data-readonly]{background-color:var(--slotted-text-field-readonly-background,var(--slotted-tone-secondary-subtle-hover));cursor:default}[data-ui-text-field][data-part-root][data-disabled],[data-ui-text-field][data-part-root]:has(>[data-part-input]:disabled){background-color:var(--slotted-text-field-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-text-field-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-text-field-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-text-field][data-part-root][data-disabled]>[data-part-start],[data-ui-text-field][data-part-root][data-disabled]>[data-part-end]{color:var(--slotted-disabled-foreground)}}
package/dist/styles/textarea.css ADDED
@@ -0,0 +1,10 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
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
+
4
+ @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)}}
5
+
6
+ @layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
7
+
8
+ @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)}}
9
+
10
+ @layer slotted.components{[data-ui-textarea][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_padding-block:max(0px, calc((var(--_height) - 1lh) / 2));--_frame:calc(var(--_padding-block) * 2 + var(--slotted-control-border-width,1px) * 2);--_scroll-frame:calc(var(--_padding-block) + var(--slotted-control-border-width,1px) * 2);--_rows:var(--slotted-textarea-rows,3);--_max-rows:var(--slotted-textarea-max-rows,12);background-color:var(--slotted-textarea-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-textarea-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-textarea-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-textarea-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-textarea-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-textarea-line-height,var(--slotted-line-height-md,1.5));overflow-wrap:anywhere;min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:block;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);display:block}[data-ui-textarea][data-part-root]::placeholder{color:var(--slotted-textarea-placeholder-color,var(--slotted-text-muted,GrayText))}[data-ui-textarea][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px)}[data-ui-textarea][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px)}[data-ui-textarea][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px)}[data-ui-textarea][data-part-root][data-variant=subtle]{background-color:var(--slotted-textarea-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-textarea-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-textarea][data-part-root][data-variant=plain]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}@media (forced-colors:active){[data-ui-textarea][data-part-root][data-variant=plain]{border-color:buttonborder}}[data-ui-textarea][data-part-root][data-mono]{font-family:var(--slotted-font-family-mono,monospace);font-variant-numeric:tabular-nums}[data-ui-textarea][data-part-root][data-resize=none]{resize:none}[data-ui-textarea][data-part-root][data-resize=both]{resize:both}[data-ui-textarea][data-part-root][data-auto-size]{field-sizing:content;max-block-size:calc(var(--_max-rows) * 1lh + var(--_scroll-frame));min-block-size:calc(var(--_rows) * 1lh + var(--_frame));resize:none}[data-ui-textarea][data-part-root]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-textarea-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-textarea][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-textarea-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-textarea][data-part-root][data-variant=plain]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-textarea-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-textarea][data-part-root]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-textarea][data-part-root][data-variant=plain]:focus-visible{box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-textarea][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-textarea-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-textarea-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-textarea-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-textarea-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-textarea][data-part-root][data-invalid]:focus-visible{box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-textarea][data-part-root][data-variant=plain][data-invalid]:focus-visible{box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-textarea][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-textarea][data-part-root][data-invalid]: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-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-textarea][data-part-root][data-variant=plain][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}}[data-ui-textarea][data-part-root][data-readonly]{background-color:var(--slotted-textarea-readonly-background,var(--slotted-tone-secondary-subtle-hover));cursor:default}[data-ui-textarea][data-part-root][data-disabled],[data-ui-textarea][data-part-root]:disabled{background-color:var(--slotted-textarea-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-textarea-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-textarea-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed;resize:none}}
package/dist/styles/theme.css ADDED
@@ -0,0 +1 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
package/dist/styles/time-field.css ADDED
@@ -0,0 +1,10 @@
1
+ @layer slotted.reset, slotted.tokens, slotted.theme, slotted.components, slotted.theme-rules;
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
+
4
+ @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)}}
5
+
6
+ @layer slotted.components{[data-ui-tooltip]{--_gap:var(--slotted-tooltip-gap,var(--slotted-space-4,.5rem));--_surface:var(--slotted-tooltip-surface,var(--slotted-surface-inverse,#172033));--_text:var(--slotted-tooltip-text,var(--slotted-text-inverse,#f8fafc));--_border-color:transparent;--_border-width:0;--_radius:var(--slotted-tooltip-radius,var(--slotted-radius-sm,4px));--_shadow:var(--slotted-tooltip-shadow,var(--slotted-shadow-xs));--_arrow-size:var(--slotted-tooltip-arrow-size,.5rem);--_arrow-tip-radius:var(--slotted-tooltip-arrow-tip-radius,var(--slotted-radius-xs,2px));--_padding-inline:var(--slotted-control-padding-inline-md,.8125rem);--_padding-block:var(--slotted-control-gap-md,.5rem);--_font-size:var(--slotted-control-font-size-md,.8125rem);--_line-height:var(--slotted-line-height-sm,1.45);--_measure:var(--slotted-tooltip-measure,18rem);z-index:calc(var(--slotted-z-index-popover,1100) + var(--slotted-layer-depth,0));isolation:isolate;box-sizing:border-box;padding:var(--_gap);inline-size:max-content;max-inline-size:min(var(--_measure), var(--slotted-positioner-available-width,100vw));pointer-events:none;opacity:0;--_enter-distance:var(--slotted-space-2,.25rem);translate:0 calc(-1 * var(--_enter-distance));transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit), translate var(--slotted-duration-short) var(--slotted-easing-exit);position:absolute;inset-block-start:0}[data-ui-tooltip][data-side=top]{translate:0 var(--_enter-distance)}[data-ui-tooltip]:is([data-side=left],[data-side=right]){translate:0}[data-ui-tooltip][data-open]{opacity:1;transition:none;translate:0}[data-ui-tooltip][data-open][data-positioned]{animation:slotted-tooltip-enter-down var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui-tooltip][data-open][data-positioned][data-side=top]{animation-name:slotted-tooltip-enter-up}[data-ui-tooltip][data-open][data-positioned]:is([data-side=left],[data-side=right]){animation-name:slotted-tooltip-fade}@keyframes slotted-tooltip-enter-down{0%{opacity:0;translate:0 calc(-1 * var(--_enter-distance))}}@keyframes slotted-tooltip-enter-up{0%{opacity:0;translate:0 var(--_enter-distance)}}@keyframes slotted-tooltip-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-ui-tooltip],[data-ui-tooltip][data-side=top],[data-ui-tooltip][data-side=left],[data-ui-tooltip][data-side=right]{transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit);translate:0}[data-ui-tooltip][data-open][data-positioned],[data-ui-tooltip][data-open][data-positioned][data-side=top],[data-ui-tooltip][data-open][data-positioned][data-side=left],[data-ui-tooltip][data-open][data-positioned][data-side=right]{animation-name:slotted-tooltip-fade}}[data-ui-tooltip][data-open][data-hoverable]{pointer-events:auto}[data-ui-tooltip][data-detached]{visibility:hidden}[data-ui-tooltip][data-size=sm]{--_padding-inline:var(--slotted-control-padding-inline-sm,.625rem);--_padding-block:var(--slotted-control-gap-sm,.375rem);--_font-size:var(--slotted-control-font-size-sm,.75rem);--_measure:var(--slotted-tooltip-measure-sm,14rem)}[data-ui-tooltip][data-variant=surface]{--_surface:var(--slotted-tooltip-surface-raised,var(--slotted-surface-raised,#fff));--_text:var(--slotted-tooltip-text-raised,var(--slotted-text,#0f172a));--_border-color:var(--slotted-tooltip-border-color,var(--slotted-border-subtle,#e2e8f0));--_border-width:var(--slotted-border-width-thin,1px)}[data-ui-tooltip]>[data-part-content]{box-sizing:border-box;border:var(--_border-width) solid var(--_border-color);border-radius:var(--_radius);background:var(--_surface);max-inline-size:100%;color:var(--_text);box-shadow:var(--_shadow);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);font-family:var(--slotted-font-family-sans,ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-regular,400);line-height:var(--_line-height);text-align:start;overflow-wrap:anywhere;unicode-bidi:plaintext;display:block}[data-ui-tooltip]>[data-part-arrow]{z-index:1;inline-size:var(--_arrow-size);block-size:var(--_arrow-size);background:var(--_surface);border:0 solid var(--_border-color);position:absolute;rotate:45deg}[data-ui-tooltip][data-side=top]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:auto;bottom:calc(var(--_gap) - var(--_arrow-size) / 2);border-right-width:var(--_border-width);border-bottom-width:var(--_border-width);border-bottom-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=bottom]>[data-part-arrow]{left:var(--slotted-positioner-arrow-x,0);top:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-left-width:var(--_border-width);border-top-left-radius:var(--_arrow-tip-radius);bottom:auto}[data-ui-tooltip][data-side=left]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:auto;right:calc(var(--_gap) - var(--_arrow-size) / 2);border-top-width:var(--_border-width);border-right-width:var(--_border-width);border-top-right-radius:var(--_arrow-tip-radius)}[data-ui-tooltip][data-side=right]>[data-part-arrow]{top:var(--slotted-positioner-arrow-y,0);left:calc(var(--_gap) - var(--_arrow-size) / 2);border-bottom-width:var(--_border-width);border-left-width:var(--_border-width);border-bottom-left-radius:var(--_arrow-tip-radius);right:auto}}
7
+
8
+ @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)}}
9
+
10
+ @layer slotted.components{[data-ui-time-field][data-part-root]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-floor:var(--slotted-time-field-icon-size-min,14px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px));--_action-size:var(--slotted-time-field-action-size,min(calc(var(--_icon-size) + 2 * var(--slotted-space-2,.25rem)), calc(var(--_height) - var(--slotted-control-border-width,1px) * 2 - var(--slotted-space-2,.25rem))));background-color:var(--slotted-time-field-background,var(--slotted-control-surface,Field));border:var(--slotted-control-border-width,1px) solid var(--slotted-time-field-border-color,var(--slotted-control-border-color,ButtonBorder));border-radius:var(--slotted-time-field-radius,var(--slotted-control-radius,4px));box-shadow:var(--slotted-time-field-shadow,var(--slotted-control-shadow,none));box-sizing:border-box;color:var(--slotted-time-field-color,var(--slotted-text,CanvasText));font-family:var(--slotted-control-font-family,system-ui, sans-serif);font-size:var(--_font-size);align-items:center;gap:var(--_gap);inline-size:100%;min-block-size:var(--_height);min-inline-size:0;padding-inline:var(--_padding-inline);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);display:flex}[data-ui-time-field][data-part-root]:has(>[data-part-clear]:last-child){padding-inline-end:max(0px, calc(var(--_padding-inline) - (var(--_action-size) - var(--_icon-size)) / 2))}[data-ui-time-field] [data-part-segments]{cursor:text;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:auto;align-items:center;min-inline-size:0;display:flex;overflow:hidden}[data-ui-time-field] [data-part-segments]:dir(rtl){justify-content:flex-end}[data-ui-time-field] [data-part-segment]{--_digits:2;border-radius:var(--slotted-time-field-segment-radius,var(--slotted-radius-xs,2px));box-sizing:content-box;caret-color:#0000;color:inherit;cursor:text;font:inherit;min-inline-size:var(--slotted-time-field-segment-min-inline-size,calc(var(--_digits) * 1ch));padding-inline:var(--slotted-time-field-segment-padding-inline,var(--slotted-space-1,.125rem));text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#0000;flex:none}[data-ui-time-field] [data-part-segment][data-field=dayPeriod]{font-variant-numeric:normal;min-inline-size:var(--slotted-time-field-period-min-inline-size,2ch);text-transform:none;white-space:nowrap}[data-ui-time-field] [data-part-segment][data-placeholder]{color:var(--slotted-time-field-placeholder-color,var(--slotted-text-muted,GrayText))}[data-ui-time-field] [data-part-literal]{color:var(--slotted-time-field-literal-color,var(--slotted-text-muted,GrayText));-webkit-user-select:none;user-select:none;unicode-bidi:plaintext;flex:none}[data-ui-time-field] [data-part-duration]{appearance:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;background-color:#0000;border:0;outline:none;flex:auto;min-inline-size:0;padding:0}[data-ui-time-field] [data-part-duration]:dir(rtl){text-align:right}[data-ui-time-field] [data-part-duration]::placeholder{color:var(--slotted-time-field-placeholder-color,var(--slotted-text-muted,GrayText))}[data-ui-time-field] [data-part-preview]{--_mark:1cap;color:var(--slotted-time-field-preview-color,var(--slotted-tone-accent-text));font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;display:block}[data-ui-time-field] [data-part-preview]>[data-ui-icon]{--slotted-icon-size:var(--_mark);vertical-align:calc((((1cap + 1ex) / 2) - var(--_mark)) / 2);margin-inline-end:var(--slotted-space-1,.125rem)}[data-ui-time-field] [data-part-preview][data-crosses-midnight]{color:var(--slotted-time-field-preview-next-color,var(--slotted-tone-warning-text))}[data-ui-time-field][data-part-root][data-relative]{border-color:var(--slotted-time-field-relative-border-color,var(--slotted-tone-accent-border))}[data-ui-time-field][data-part-root][data-size=sm]{--_font-size:var(--slotted-control-font-size-sm,12px);--_height:var(--slotted-control-height-sm,30px);--_padding-inline:var(--slotted-control-padding-inline-sm,10px);--_gap:var(--slotted-control-gap-sm,6px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-sm,14px))}[data-ui-time-field][data-part-root][data-size=md]{--_font-size:var(--slotted-control-font-size-md,13px);--_height:var(--slotted-control-height-md,34px);--_padding-inline:var(--slotted-control-padding-inline-md,13px);--_gap:var(--slotted-control-gap-md,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-md,16px))}[data-ui-time-field][data-part-root][data-size=lg]{--_font-size:var(--slotted-control-font-size-lg,14px);--_height:var(--slotted-control-height-lg,38px);--_padding-inline:var(--slotted-control-padding-inline-lg,16px);--_gap:var(--slotted-control-gap-lg,8px);--_icon-size:max(var(--_icon-floor), var(--slotted-control-icon-size-lg,18px))}[data-ui-time-field][data-part-root][data-variant=subtle]{background-color:var(--slotted-time-field-subtle-background,var(--slotted-surface-sunken,Canvas));border-color:var(--slotted-time-field-subtle-border-color,var(--slotted-border-subtle,ButtonBorder))}[data-ui-time-field][data-part-root][data-variant=plain]{border-radius:var(--slotted-radius-none,0px);box-shadow:none;background-color:#0000;border-color:#0000}[data-ui-time-field]>[data-part-start],[data-ui-time-field]>[data-part-end]{--slotted-icon-size:var(--_icon-size);color:var(--slotted-time-field-adornment-color,var(--slotted-text-muted,GrayText));align-items:center;gap:var(--slotted-space-2,.25rem);unicode-bidi:plaintext;flex:none;line-height:1;display:inline-flex}[data-ui-time-field]>[data-part-start]>svg,[data-ui-time-field]>[data-part-end]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-time-field]>[data-part-clear]{appearance:none;block-size:var(--_action-size);border-radius:var(--slotted-time-field-radius,var(--slotted-control-radius,4px));color:var(--slotted-time-field-action-color,var(--slotted-text-muted,GrayText));cursor:pointer;inline-size:var(--_action-size);touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing), color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui-time-field]>[data-part-clear]:after{content:"";inset:min(0px, calc((100% - var(--slotted-target-min,24px)) / 2));position:absolute}@media (pointer:coarse){[data-ui-time-field]>[data-part-clear]:after{inset:min(0px, calc((100% - var(--slotted-target-comfortable,44px)) / 2))}[data-ui-time-field]>[data-part-end]+[data-part-clear]:after{inset-inline-start:0}}[data-ui-time-field]>[data-part-clear]{--slotted-icon-size:var(--_icon-size)}[data-ui-time-field]>[data-part-clear]:hover:not(:disabled):not([data-disabled]){background-color:var(--slotted-time-field-action-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-field]>[data-part-clear]:active:not(:disabled):not([data-disabled]){background-color:var(--slotted-time-field-action-active-background,var(--slotted-tone-secondary-subtle-active))}[data-ui-time-field]>[data-part-clear]:focus-visible{outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-field][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-time-field-hover-border-color,var(--slotted-tone-accent-border))}[data-ui-time-field][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-time-field-subtle-hover-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-field][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var(--slotted-time-field-plain-hover-background,var(--slotted-tone-secondary-subtle-hover));border-color:#0000}[data-ui-time-field][data-part-root]:has([data-part-segment]:focus),[data-ui-time-field][data-part-root]:has([data-part-duration]:focus){box-shadow:var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight);outline:var(--slotted-focus-ring-width,2px) solid var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-time-field][data-part-root][data-variant=plain]:has([data-part-segment]:focus),[data-ui-time-field][data-part-root][data-variant=plain]:has([data-part-duration]:focus){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset,2px) * -1)}[data-ui-time-field] [data-part-segment]:focus{background-color:var(--slotted-time-field-segment-focus-background,var(--slotted-tone-accent-solid));color:var(--slotted-time-field-segment-focus-color,var(--slotted-tone-accent-on-solid));outline:none}[data-ui-time-field][data-part-root][data-invalid]{--slotted-focus-ring-color:var(--slotted-time-field-invalid-focus-ring-color,var(--slotted-focus-ring-color-invalid,Highlight));--_invalid-edge-width:var(--slotted-time-field-invalid-edge-width,var(--slotted-control-invalid-edge-width,1px));--_invalid-edge-color:var(--slotted-time-field-invalid-border-color,var(--slotted-tone-danger-border));--_invalid-edge:inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-time-field-invalid-border-color,var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui-time-field][data-part-root][data-invalid]:has([data-part-segment]:focus),[data-ui-time-field][data-part-root][data-invalid]:has([data-part-duration]:focus){box-shadow:var(--_invalid-edge), var(--slotted-control-shadow-focus-geometry,0 1px 4px -1px) var(--slotted-focus-ring-color,Highlight)}[data-ui-time-field][data-part-root][data-variant=plain][data-invalid]:has([data-part-segment]:focus),[data-ui-time-field][data-part-root][data-variant=plain][data-invalid]:has([data-part-duration]:focus){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset,2px) - var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media (forced-colors:active){[data-ui-time-field][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width,1px) + var(--_invalid-edge-width)))}[data-ui-time-field][data-part-root][data-invalid]:has([data-part-segment]:focus),[data-ui-time-field][data-part-root][data-invalid]:has([data-part-duration]:focus){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:var(--slotted-control-focus-ring-offset,var(--slotted-focus-ring-offset,2px))}[data-ui-time-field][data-part-root][data-variant=plain][data-invalid]:has([data-part-segment]:focus),[data-ui-time-field][data-part-root][data-variant=plain][data-invalid]:has([data-part-duration]:focus){outline:calc(var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color,Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width,2px) + var(--_invalid-edge-width)))}}[data-ui-time-field][data-part-root][data-readonly],[data-ui-time-field][data-part-root][data-readonly] [data-part-segments],[data-ui-time-field][data-part-root][data-readonly] [data-part-segment]{cursor:default}[data-ui-time-field][data-part-root][data-readonly]{background-color:var(--slotted-time-field-readonly-background,var(--slotted-tone-secondary-subtle-hover))}[data-ui-time-field][data-part-root][data-disabled]{background-color:var(--slotted-time-field-disabled-background,var(--slotted-disabled-background));border-color:var(--slotted-time-field-disabled-border-color,var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-time-field-disabled-color,var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-time-field][data-part-root][data-disabled] [data-part-segments],[data-ui-time-field][data-part-root][data-disabled] [data-part-segment]{cursor:not-allowed}[data-ui-time-field][data-part-root][data-disabled]>[data-part-start],[data-ui-time-field][data-part-root][data-disabled]>[data-part-end],[data-ui-time-field][data-part-root][data-disabled] [data-part-literal],[data-ui-time-field][data-part-root][data-disabled] [data-part-segment][data-placeholder]{color:var(--slotted-disabled-foreground)}@media (forced-colors:active){[data-ui-time-field][data-part-root][data-variant=plain]{border-color:buttonborder}[data-ui-time-field][data-part-root][data-relative]{border-color:highlight}}}