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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (336) hide show
  1. package/dist/action-bar-z2DPc1Wy.js +285 -0
  2. package/dist/action-bar.js +1 -1
  3. package/dist/action-sheet-BnedGewu.js +360 -0
  4. package/dist/action-sheet.js +1 -1
  5. package/dist/{alert-BTcqbG8w.js → alert-BTAXJ69M.js} +5 -5
  6. package/dist/alert.js +1 -1
  7. package/dist/{app-shell-BlkqQrOx.js → app-shell-Cb_kDBeV.js} +232 -173
  8. package/dist/app-shell.js +1 -1
  9. package/dist/{attachment-zlOPJvIm.js → attachment-D1O4qS8H.js} +28 -28
  10. package/dist/attachment.js +1 -1
  11. package/dist/{breadcrumb-DCGynpkb.js → breadcrumb-CnFjxxI2.js} +10 -10
  12. package/dist/breadcrumb.js +1 -1
  13. package/dist/{button-BCVjdzkn.js → button-D31perSu.js} +2 -2
  14. package/dist/button.js +2 -2
  15. package/dist/{calendar-qGUJ-kAy.js → calendar-DZyC1gAT.js} +8 -8
  16. package/dist/calendar.js +1 -1
  17. package/dist/{carousel-CjRTu8m7.js → carousel-Dso3gcYd.js} +14 -14
  18. package/dist/carousel.js +1 -1
  19. package/dist/cascader-BbajBwsX.js +1157 -0
  20. package/dist/cascader.js +1 -1
  21. package/dist/{chart-CPFq3jIE.js → chart-Bb6ctahn.js} +9 -9
  22. package/dist/chart.js +1 -1
  23. package/dist/{checkbox-CMY2KIih.js → checkbox-C_8GVtjD.js} +3 -3
  24. package/dist/{checkbox-group-DzMtLF7f.js → checkbox-group-DXCcusol.js} +2 -2
  25. package/dist/checkbox-group.js +1 -1
  26. package/dist/checkbox.js +1 -1
  27. package/dist/{code-block-Bh_2Eg3M.js → code-block-C4mtsROE.js} +8 -8
  28. package/dist/code-block.js +1 -1
  29. package/dist/{color-picker-DlepH5co.js → color-picker-JZPnPb7s.js} +49 -49
  30. package/dist/color-picker.js +1 -1
  31. package/dist/{column-manager-CV9tCnKa.js → column-manager-BDUj-WIs.js} +31 -31
  32. package/dist/column-manager.js +1 -1
  33. package/dist/combobox-Dn69QwGX.js +904 -0
  34. package/dist/combobox.js +1 -1
  35. package/dist/command-palette-Dh1HKz_F.js +744 -0
  36. package/dist/command-palette.js +1 -1
  37. package/dist/{context-menu-Dbc0KkFp.js → context-menu-uJjEmAN3.js} +1 -1
  38. package/dist/context-menu.js +1 -1
  39. package/dist/{currency-field--wIfgVAx.js → currency-field-lHcrNJ7X.js} +13 -13
  40. package/dist/currency-field.js +1 -1
  41. package/dist/{dashboard-grid-D_LbWfdZ.js → dashboard-grid-z-SOm9H0.js} +65 -65
  42. package/dist/dashboard-grid.js +1 -1
  43. package/dist/{data-grid-XH5fGoGj.js → data-grid-DQCvXMJA.js} +1330 -1278
  44. package/dist/data-grid.js +1 -1
  45. package/dist/data-list-BgdkA3bD.js +587 -0
  46. package/dist/data-list.js +1 -1
  47. package/dist/{date-field-BrNyJBiJ.js → date-field-B2lQzE3p.js} +5 -5
  48. package/dist/date-field.js +1 -1
  49. package/dist/{date-picker-Nl55so0C.js → date-picker-DpTRb-Y1.js} +16 -16
  50. package/dist/date-picker.js +1 -1
  51. package/dist/{date-range-picker-DLkvfUJD.js → date-range-picker-CBUPJep5.js} +17 -17
  52. package/dist/date-range-picker.js +1 -1
  53. package/dist/{datetime-field-CZRhRDPb.js → datetime-field-BZ44uJ_B.js} +7 -7
  54. package/dist/datetime-field.js +1 -1
  55. package/dist/{datetime-picker-_GHra2WL.js → datetime-picker-BK_bV3Yr.js} +21 -21
  56. package/dist/datetime-picker.js +1 -1
  57. package/dist/{datetime-range-picker-Dy1A0Wqy.js → datetime-range-picker-ChdbRgzQ.js} +21 -21
  58. package/dist/datetime-range-picker.js +1 -1
  59. package/dist/{description-list-Cc4JYZ-3.js → description-list-CYlfHDwx.js} +11 -11
  60. package/dist/description-list.js +1 -1
  61. package/dist/{detail-panel-BI_wHSoz.js → detail-panel-DimjnPI8.js} +91 -91
  62. package/dist/detail-panel.js +1 -1
  63. package/dist/{dialog-B6MP7GYI.js → dialog-BB5MdJex.js} +108 -108
  64. package/dist/dialog.js +1 -1
  65. package/dist/docs/action-bar.json +4 -4
  66. package/dist/docs/action-bar.md +3 -3
  67. package/dist/docs/calendar.md +2 -2
  68. package/dist/docs/command-palette.json +1 -0
  69. package/dist/docs/command-palette.md +1 -1
  70. package/dist/docs/data-grid.examples.md +8 -2
  71. package/dist/docs/data-grid.json +25 -3
  72. package/dist/docs/data-grid.md +4 -1
  73. package/dist/docs/data-grid.props.md +2 -1
  74. package/dist/docs/detail-panel.json +4 -2
  75. package/dist/docs/detail-panel.md +15 -5
  76. package/dist/docs/dialog.json +1 -0
  77. package/dist/docs/dialog.md +1 -1
  78. package/dist/docs/drawer.json +6 -4
  79. package/dist/docs/drawer.md +3 -3
  80. package/dist/docs/event-calendar.md +2 -2
  81. package/dist/docs/guidelines/index.md +4 -3
  82. package/dist/docs/guidelines/layout-alignment.md +17 -7
  83. package/dist/docs/guidelines/list-pages.md +3 -3
  84. package/dist/docs/page-header.json +18 -2
  85. package/dist/docs/page-header.md +5 -3
  86. package/dist/docs/page.json +1 -0
  87. package/dist/docs/page.md +1 -1
  88. package/dist/docs/rating.md +1 -1
  89. package/dist/docs/section.json +1 -1
  90. package/dist/docs/section.md +1 -1
  91. package/dist/docs/skills/compose-screen/SKILL.md +12 -4
  92. package/dist/docs/skills/review-screen/SKILL.md +20 -18
  93. package/dist/docs/skills/theme-app/SKILL.md +12 -1
  94. package/dist/docs/toast.json +1 -0
  95. package/dist/docs/toast.md +1 -1
  96. package/dist/docs/tokens.md +1 -1
  97. package/dist/docs/toolbar.json +1 -1
  98. package/dist/docs/toolbar.md +1 -1
  99. package/dist/docs/typography.md +1 -1
  100. package/dist/{drawer-CkpFlKYa.js → drawer-fyPyxnYQ.js} +216 -206
  101. package/dist/drawer.js +1 -1
  102. package/dist/entity-picker-ClyhBTyK.js +1283 -0
  103. package/dist/entity-picker.js +1 -1
  104. package/dist/{event-calendar-BDjI5T44.js → event-calendar-COgC24UG.js} +23 -23
  105. package/dist/event-calendar.js +1 -1
  106. package/dist/{field-group-CCM2vPKL.js → field-group-Bj-EbPIU.js} +2 -2
  107. package/dist/field-group.js +1 -1
  108. package/dist/{field-CzSGs7wo.js → field-tnEZiRLg.js} +19 -19
  109. package/dist/field.js +1 -1
  110. package/dist/filter-bar-BRuCz79-.js +1342 -0
  111. package/dist/filter-bar.js +1 -1
  112. package/dist/{form-CDq04WDY.js → form-DEcJ7tHf.js} +1 -1
  113. package/dist/form.js +1 -1
  114. package/dist/{fullscreen-6GW4naDP.js → fullscreen-BwweNj3-.js} +13 -13
  115. package/dist/fullscreen.js +1 -1
  116. package/dist/{hover-card-aadyPXzF.js → hover-card-BWcU37Yp.js} +1 -1
  117. package/dist/hover-card.js +1 -1
  118. package/dist/{i18n-DpW8lqJ1.js → i18n-D7xXDd8-.js} +11 -4
  119. package/dist/i18n.js +1 -1
  120. package/dist/{icon-button-CRB218_z.js → icon-button-DbSZKGT4.js} +73 -71
  121. package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js} +291 -289
  122. package/dist/import-export-center.js +1 -1
  123. package/dist/index.js +100 -100
  124. package/dist/{kbd-Z4YmSPRy.js → kbd-dNz8QHfL.js} +1 -1
  125. package/dist/kbd.js +1 -1
  126. package/dist/{link-BsSlZ1ts.js → link-DLPyg54C.js} +5 -5
  127. package/dist/link.js +1 -1
  128. package/dist/{listbox-VFcfZT70.js → listbox-BSqx_ARf.js} +1 -1
  129. package/dist/listbox.js +1 -1
  130. package/dist/{loading-overlay-BZPBDK4w.js → loading-overlay-BLIrcaoj.js} +9 -9
  131. package/dist/loading-overlay.js +1 -1
  132. package/dist/{markdown-BmCU_sOv.js → markdown-DccRb1xf.js} +17 -17
  133. package/dist/markdown.js +1 -1
  134. package/dist/{menu-parts-DS9JEUCt.js → menu-parts-CNNHRduK.js} +42 -42
  135. package/dist/menu.js +1 -1
  136. package/dist/{menubar-BV43BKep.js → menubar-Bdr6zigi.js} +1 -1
  137. package/dist/menubar.js +1 -1
  138. package/dist/message-BkTiWsUp.js +436 -0
  139. package/dist/message-scroller-akQEtQLn.js +218 -0
  140. package/dist/message-scroller.js +1 -1
  141. package/dist/message.js +1 -1
  142. package/dist/{multi-select-YaxhhH9y.js → multi-select-BvlJIEtz.js} +445 -443
  143. package/dist/multi-select.js +1 -1
  144. package/dist/{navigation-menu-parts-B64gKl8B.js → navigation-menu-parts-CEW4fgCo.js} +12 -12
  145. package/dist/navigation-menu.js +1 -1
  146. package/dist/{notification-center-Ci-OLWTO.js → notification-center-BQO0Ey3h.js} +40 -40
  147. package/dist/notification-center.js +1 -1
  148. package/dist/{number-field-BYQmPyM-.js → number-field-D1MqT8_A.js} +13 -13
  149. package/dist/number-field.js +1 -1
  150. package/dist/{otp-input-BKO0WPZc.js → otp-input-Cub9H9Di.js} +1 -1
  151. package/dist/otp-input.js +1 -1
  152. package/dist/{page-CfjGviUA.js → page-CwYmBoZQ.js} +1 -1
  153. package/dist/{page-header-w_PFLnLG.js → page-header-CMxCQqu_.js} +117 -114
  154. package/dist/page-header.js +1 -1
  155. package/dist/page.js +1 -1
  156. package/dist/{pagination-Cm9665gb.js → pagination-IEuos7H1.js} +12 -12
  157. package/dist/pagination.js +1 -1
  158. package/dist/{popover-D1krYeP-.js → popover-C7NpEzq6.js} +22 -22
  159. package/dist/popover.js +1 -1
  160. package/dist/prompt-composer-Cu8bj1Vb.js +276 -0
  161. package/dist/prompt-composer.js +1 -1
  162. package/dist/{prose-Bl5OjXTb.js → prose-CQN4Bqqh.js} +1 -1
  163. package/dist/prose.js +1 -1
  164. package/dist/{radio-group-D9VTBLUB.js → radio-group-BHlDgCLk.js} +2 -2
  165. package/dist/radio-group.js +1 -1
  166. package/dist/{rating-BRqsV5OF.js → rating-Cr0lXaAV.js} +15 -15
  167. package/dist/rating.js +1 -1
  168. package/dist/{saved-views-C_76obIv.js → saved-views-CyLSn8a2.js} +151 -151
  169. package/dist/saved-views.js +1 -1
  170. package/dist/{scroll-area-vrm2bbtZ.js → scroll-area-Fr0PmnRS.js} +1 -1
  171. package/dist/scroll-area.js +1 -1
  172. package/dist/{segmented-control-5DTOKO3g.js → segmented-control-uPnQYklX.js} +2 -2
  173. package/dist/segmented-control.js +1 -1
  174. package/dist/select-C0JYHwBy.js +1020 -0
  175. package/dist/select.js +1 -1
  176. package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js} +64 -64
  177. package/dist/side-navigation.js +1 -1
  178. package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js} +1 -1
  179. package/dist/skeleton.js +1 -1
  180. package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js} +2 -2
  181. package/dist/slider.js +1 -1
  182. package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js} +1 -1
  183. package/dist/sparkline.js +1 -1
  184. package/dist/spinner-ring-DyfaYloA.js +19 -0
  185. package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js} +2 -2
  186. package/dist/split-button.js +1 -1
  187. package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js} +16 -16
  188. package/dist/stat-card.js +1 -1
  189. package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js} +4 -4
  190. package/dist/status-indicator.js +1 -1
  191. package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js} +16 -16
  192. package/dist/stepper.js +1 -1
  193. package/dist/styles/action-bar.css +1 -1
  194. package/dist/styles/action-sheet.css +2 -2
  195. package/dist/styles/button.css +2 -2
  196. package/dist/styles/cascader.css +2 -2
  197. package/dist/styles/chart.css +1 -1
  198. package/dist/styles/column-manager.css +3 -3
  199. package/dist/styles/command-palette.css +3 -3
  200. package/dist/styles/dashboard-grid.css +2 -2
  201. package/dist/styles/data-grid.css +3 -3
  202. package/dist/styles/data-list.css +2 -2
  203. package/dist/styles/detail-panel.css +4 -4
  204. package/dist/styles/dialog.css +1 -1
  205. package/dist/styles/drawer.css +1 -1
  206. package/dist/styles/entity-picker.css +1 -1
  207. package/dist/styles/event-calendar.css +1 -1
  208. package/dist/styles/filter-bar.css +3 -3
  209. package/dist/styles/import-export-center.css +4 -4
  210. package/dist/styles/index.css +12 -12
  211. package/dist/styles/markdown.css +2 -2
  212. package/dist/styles/multi-select.css +1 -1
  213. package/dist/styles/notification-center.css +3 -3
  214. package/dist/styles/page-header.css +2 -2
  215. package/dist/styles/page.css +1 -1
  216. package/dist/styles/prompt-composer.css +1 -1
  217. package/dist/styles/saved-views.css +2 -2
  218. package/dist/styles/split-button.css +2 -2
  219. package/dist/styles/table.css +2 -2
  220. package/dist/styles/tabs.css +1 -1
  221. package/dist/styles/timeline.css +1 -1
  222. package/dist/styles/toast.css +1 -1
  223. package/dist/styles/tour.css +2 -2
  224. package/dist/styles/transfer.css +2 -2
  225. package/dist/styles/upload.css +1 -1
  226. package/dist/styles/wizard.css +2 -2
  227. package/dist/styles.css +1 -1
  228. package/dist/{switch-CQ1rpuKa.js → switch-BHyKHqeI.js} +5 -5
  229. package/dist/switch.js +1 -1
  230. package/dist/{table-DpGTPtnb.js → table-C8zOHDcY.js} +30 -30
  231. package/dist/{table-of-contents-BFVERMZy.js → table-of-contents-BAIuPCdy.js} +8 -8
  232. package/dist/table-of-contents.js +1 -1
  233. package/dist/table.js +1 -1
  234. package/dist/{tag-aX7uyAN0.js → tag-XYGEPUHR.js} +14 -14
  235. package/dist/tag.js +1 -1
  236. package/dist/{tags-input-BgpS22sf.js → tags-input-ClYSd-No.js} +40 -40
  237. package/dist/tags-input.js +1 -1
  238. package/dist/text-field-Cguj75tn.js +205 -0
  239. package/dist/text-field.js +1 -1
  240. package/dist/{textarea-DNCjsQYd.js → textarea-BKsh_jAo.js} +1 -1
  241. package/dist/textarea.js +1 -1
  242. package/dist/{time-field-Cm6iBjwH.js → time-field-BIE4WMpS.js} +7 -7
  243. package/dist/time-field.js +1 -1
  244. package/dist/{time-picker-Ce18FSO2.js → time-picker-CNfafRDF.js} +18 -18
  245. package/dist/time-picker.js +1 -1
  246. package/dist/{time-range-picker-kDnw4PQ3.js → time-range-picker-D7gM_Wno.js} +20 -20
  247. package/dist/time-range-picker.js +1 -1
  248. package/dist/timeline-BLadNUkS.js +449 -0
  249. package/dist/timeline.js +1 -1
  250. package/dist/{toast-58ex8PDK.js → toast-CjbiXiza.js} +16 -16
  251. package/dist/toast.js +1 -1
  252. package/dist/{toggle-group-YxVJlCnI.js → toggle-group-BZmghKac.js} +1 -1
  253. package/dist/toggle-group.js +1 -1
  254. package/dist/toolbar-BI4ZepBs.js +243 -0
  255. package/dist/toolbar.js +1 -1
  256. package/dist/{top-navigation-DorkYBnR.js → top-navigation-BTZpx5VA.js} +13 -13
  257. package/dist/top-navigation.js +1 -1
  258. package/dist/{tour-CwK_m_Jp.js → tour-_CQ1kYov.js} +23 -23
  259. package/dist/tour.js +1 -1
  260. package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js} +59 -59
  261. package/dist/transfer.js +1 -1
  262. package/dist/tree-DfI9UWLA.js +794 -0
  263. package/dist/tree.js +1 -1
  264. package/dist/types/action-bar/action-bar-overflow.d.ts.map +1 -1
  265. package/dist/types/action-bar/action-bar.types.d.ts +2 -2
  266. package/dist/types/action-sheet/action-sheet-parts.d.ts.map +1 -1
  267. package/dist/types/app-shell/app-shell-parts.d.ts.map +1 -1
  268. package/dist/types/app-shell/app-shell.d.ts.map +1 -1
  269. package/dist/types/app-shell/app-shell.types.d.ts +21 -14
  270. package/dist/types/app-shell/app-shell.types.d.ts.map +1 -1
  271. package/dist/types/app-shell/index.d.ts +1 -1
  272. package/dist/types/app-shell/index.d.ts.map +1 -1
  273. package/dist/types/button/button-indicator.d.ts.map +1 -1
  274. package/dist/types/button/spinner-ring.d.ts +8 -0
  275. package/dist/types/button/spinner-ring.d.ts.map +1 -0
  276. package/dist/types/cascader/cascader-surface.d.ts.map +1 -1
  277. package/dist/types/cascader/cascader.d.ts.map +1 -1
  278. package/dist/types/combobox/combobox-parts.d.ts.map +1 -1
  279. package/dist/types/command-palette/command-palette.d.ts.map +1 -1
  280. package/dist/types/data-grid/data-grid-body.d.ts +7 -2
  281. package/dist/types/data-grid/data-grid-body.d.ts.map +1 -1
  282. package/dist/types/data-grid/data-grid-context.d.ts +2 -1
  283. package/dist/types/data-grid/data-grid-context.d.ts.map +1 -1
  284. package/dist/types/data-grid/data-grid-header.d.ts.map +1 -1
  285. package/dist/types/data-grid/data-grid.d.ts +1 -1
  286. package/dist/types/data-grid/data-grid.d.ts.map +1 -1
  287. package/dist/types/data-grid/data-grid.types.d.ts +12 -0
  288. package/dist/types/data-grid/data-grid.types.d.ts.map +1 -1
  289. package/dist/types/data-grid/index.d.ts +1 -1
  290. package/dist/types/data-grid/index.d.ts.map +1 -1
  291. package/dist/types/detail-panel/detail-panel-parts.d.ts +2 -1
  292. package/dist/types/detail-panel/detail-panel-parts.d.ts.map +1 -1
  293. package/dist/types/drawer/drawer-parts.d.ts.map +1 -1
  294. package/dist/types/entity-picker/entity-picker-control.d.ts.map +1 -1
  295. package/dist/types/filter-bar/filter-bar.d.ts.map +1 -1
  296. package/dist/types/i18n/slotted-provider.d.ts +6 -0
  297. package/dist/types/i18n/slotted-provider.d.ts.map +1 -1
  298. package/dist/types/import-export-center/import-export-center.d.ts.map +1 -1
  299. package/dist/types/message/message-parts.d.ts.map +1 -1
  300. package/dist/types/message-scroller/message-scroller.d.ts.map +1 -1
  301. package/dist/types/multi-select/multi-select-parts.d.ts.map +1 -1
  302. package/dist/types/page-header/page-header-defaults.d.ts +1 -1
  303. package/dist/types/page-header/page-header-defaults.d.ts.map +1 -1
  304. package/dist/types/page-header/page-header.d.ts +1 -1
  305. package/dist/types/page-header/page-header.d.ts.map +1 -1
  306. package/dist/types/page-header/page-header.types.d.ts +9 -0
  307. package/dist/types/page-header/page-header.types.d.ts.map +1 -1
  308. package/dist/types/prompt-composer/prompt-composer.d.ts.map +1 -1
  309. package/dist/types/select/select-parts.d.ts.map +1 -1
  310. package/dist/types/text-field/text-field.d.ts.map +1 -1
  311. package/dist/types/timeline/timeline-parts.d.ts.map +1 -1
  312. package/dist/types/timeline/timeline.d.ts.map +1 -1
  313. package/dist/types/toolbar/toolbar-overflow.d.ts.map +1 -1
  314. package/dist/types/toolbar/toolbar.types.d.ts +2 -2
  315. package/dist/types/tree/tree-parts.d.ts.map +1 -1
  316. package/dist/{upload-CEDsfMWz.js → upload-N2-nyO8x.js} +65 -65
  317. package/dist/upload.js +1 -1
  318. package/dist/{wizard-B3p7zCSj.js → wizard-CK1x2fs3.js} +16 -16
  319. package/dist/wizard.js +1 -1
  320. package/package.json +6 -6
  321. package/dist/action-bar-CJgBierN.js +0 -283
  322. package/dist/action-sheet-tRrjm7WQ.js +0 -358
  323. package/dist/cascader-DqlC1z5b.js +0 -1154
  324. package/dist/combobox-YWFkxaQ3.js +0 -902
  325. package/dist/command-palette-DXNq-zKN.js +0 -741
  326. package/dist/data-list-DZCN_uW1.js +0 -587
  327. package/dist/entity-picker-CFwLGQeU.js +0 -1281
  328. package/dist/filter-bar-G50WdRac.js +0 -1340
  329. package/dist/message-Dtck9RJy.js +0 -434
  330. package/dist/message-scroller-niUJ8RoL.js +0 -216
  331. package/dist/prompt-composer-sh_TXKYZ.js +0 -273
  332. package/dist/select-BFx5EgAa.js +0 -1018
  333. package/dist/text-field-DL_uhNXV.js +0 -203
  334. package/dist/timeline-pEL30Jp8.js +0 -446
  335. package/dist/toolbar-BtIyVbs4.js +0 -241
  336. package/dist/tree-DbLRyItM.js +0 -792
@@ -1,792 +0,0 @@
1
- import { n as e, t } from "./icon-DjqSEQ-o.js";
2
- /* empty css */
3
- import { keyedProps as n, withSelectorKey as r } from "@slotted/core/selector-key";
4
- import { createControllable as i } from "@slotted/core/state";
5
- import { createContext as a, useCallback as o, useContext as s, useEffect as c, useId as ee, useImperativeHandle as te, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
6
- import { jsx as p, jsxs as ne } from "react/jsx-runtime";
7
- import { createTypeahead as re, isPrintable as ie } from "@slotted/core/typeahead";
8
- import { cascadeSelection as ae, createFilter as oe, createTreeCollection as m, indeterminateKeys as se, moveIndex as h, nextSelection as ce, splitByMatch as g, virtualWindow as _ } from "@slotted/core/collection";
9
- //#region src/tree/tree-context.ts
10
- var v = a(void 0);
11
- function le() {
12
- let e = s(v);
13
- if (e === void 0) throw Error("This part must be rendered inside a Tree.");
14
- return e;
15
- }
16
- var y = a(0);
17
- function b() {
18
- return s(y);
19
- }
20
- //#endregion
21
- //#region src/tree/tree-defaults.tsx
22
- var x = a({
23
- disabled: !1,
24
- disallowEmptySelection: !1,
25
- disallowSelectAll: !1,
26
- expandOn: "row",
27
- focusMode: "auto",
28
- guides: !0,
29
- itemSize: 32,
30
- loop: !1,
31
- navigateDisabled: !1,
32
- overscan: 4,
33
- pageSize: 10,
34
- selectOnFocus: !1,
35
- selectionBehavior: "toggle",
36
- selectionCascade: "none",
37
- selectionIndicator: "auto",
38
- selectionMode: "single",
39
- size: "md",
40
- structure: "auto",
41
- typeahead: !0,
42
- typeaheadTimeout: 500,
43
- variant: "plain",
44
- virtual: !1
45
- });
46
- function S() {
47
- return s(x);
48
- }
49
- function C({ children: e, ...t }) {
50
- let n = S();
51
- return /* @__PURE__ */ p(x.Provider, {
52
- value: {
53
- disabled: t.disabled ?? n.disabled,
54
- disallowEmptySelection: t.disallowEmptySelection ?? n.disallowEmptySelection,
55
- disallowSelectAll: t.disallowSelectAll ?? n.disallowSelectAll,
56
- expandOn: t.expandOn ?? n.expandOn,
57
- focusMode: t.focusMode ?? n.focusMode,
58
- guides: t.guides ?? n.guides,
59
- itemSize: t.itemSize ?? n.itemSize,
60
- loop: t.loop ?? n.loop,
61
- navigateDisabled: t.navigateDisabled ?? n.navigateDisabled,
62
- overscan: t.overscan ?? n.overscan,
63
- pageSize: t.pageSize ?? n.pageSize,
64
- selectOnFocus: t.selectOnFocus ?? n.selectOnFocus,
65
- selectionBehavior: t.selectionBehavior ?? n.selectionBehavior,
66
- selectionCascade: t.selectionCascade ?? n.selectionCascade,
67
- selectionIndicator: t.selectionIndicator ?? n.selectionIndicator,
68
- selectionMode: t.selectionMode ?? n.selectionMode,
69
- size: t.size ?? n.size,
70
- structure: t.structure ?? n.structure,
71
- typeahead: t.typeahead ?? n.typeahead,
72
- typeaheadTimeout: t.typeaheadTimeout ?? n.typeaheadTimeout,
73
- variant: t.variant ?? n.variant,
74
- virtual: t.virtual ?? n.virtual
75
- },
76
- children: e
77
- });
78
- }
79
- //#endregion
80
- //#region src/tree/tree-parts.tsx
81
- var ue = "[data-part='node']";
82
- function w({ actions: r, children: i, depth: a, description: o, disabled: s, hasChildren: c, icon: ee, label: te, loading: l, match: u, meta: d, offset: f, onClick: re, pinned: ie, render: ae, textValue: oe, value: m, ...se }) {
83
- let h = le(), ce = b(), g = a ?? ce, _ = c === !0 || i !== void 0, v = _ && h.isExpanded(m), x = h.isSelected(m), S = h.isIndeterminate(m), C = s === !0 || h.disabled === !0, ue = h.selectionMode === "none" ? void 0 : x, w = n({
84
- ...se,
85
- "aria-busy": _ && l === !0 ? !0 : void 0,
86
- "aria-expanded": _ ? v : void 0,
87
- "aria-checked": h.indicator === "checkbox" ? ue : void 0,
88
- "aria-disabled": C ? !0 : void 0,
89
- "aria-labelledby": h.labelId(m),
90
- "aria-level": h.levelOf(m),
91
- "aria-posinset": h.posInSetOf(m),
92
- "aria-selected": h.indicator === "checkbox" ? void 0 : ue,
93
- "aria-setsize": h.setSizeOf(m),
94
- ..._ ? { "data-branch": "" } : {},
95
- ...h.isActive(m) ? { "data-current": "" } : {},
96
- "data-depth": g,
97
- ...C ? { "data-disabled": "" } : {},
98
- ...v ? { "data-expanded": "" } : {},
99
- ...S ? { "data-indeterminate": "" } : {},
100
- "data-key": m,
101
- ...l === !0 ? { "data-loading": "" } : {},
102
- ...u === void 0 ? {} : { "data-match": u },
103
- "data-part": "node",
104
- ...ie === !0 ? { "data-pinned": "" } : {},
105
- ...x ? { "data-selected": "" } : {},
106
- ...!v && h.holdsSelection(m) ? { "data-selected-within": "" } : {},
107
- ...oe === void 0 ? {} : { "data-text-value": oe },
108
- id: h.nodeId(m),
109
- role: "treeitem",
110
- style: {
111
- ...se.style,
112
- "--slotted-tree-depth": g,
113
- ...f === void 0 ? {} : { "--slotted-tree-row-offset": `${f}px` }
114
- },
115
- tabIndex: h.nodeTabIndex(m)
116
- }), de = /* @__PURE__ */ ne("div", {
117
- "data-part": "row",
118
- "data-part-row": "",
119
- onClick: (e) => {
120
- re?.(e), !e.defaultPrevented && h.press(m, e);
121
- },
122
- children: [
123
- h.guides && g > 0 ? /* @__PURE__ */ p("span", {
124
- "data-part": "guide",
125
- "data-part-guide": "",
126
- "aria-hidden": "true"
127
- }) : null,
128
- _ && l === !0 ? /* @__PURE__ */ p("span", {
129
- "data-part": "loader",
130
- "data-part-loader": "",
131
- "data-ui": "spinner",
132
- "data-ui-spinner": "",
133
- "aria-hidden": "true"
134
- }) : /* @__PURE__ */ p("span", {
135
- "data-part": "expander",
136
- "data-part-expander": "",
137
- "aria-hidden": "true",
138
- onClick: (e) => {
139
- e.stopPropagation(), _ && !C && h.pressExpander(m, e);
140
- },
141
- children: _ ? /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: "chevron-right" }) }) : null
142
- }),
143
- h.indicator === "checkbox" ? /* @__PURE__ */ p("span", {
144
- "data-part": "indicator",
145
- "data-part-indicator": "",
146
- "aria-hidden": "true",
147
- onClick: (e) => {
148
- e.stopPropagation(), !C && h.pressIndicator(m, e);
149
- },
150
- children: /* @__PURE__ */ p(t, { children: /* @__PURE__ */ p(e, { name: S ? "minus" : "check" }) })
151
- }) : null,
152
- ee === void 0 ? null : /* @__PURE__ */ p("span", {
153
- "data-part": "icon",
154
- "data-part-icon": "",
155
- "aria-hidden": "true",
156
- children: ee
157
- }),
158
- /* @__PURE__ */ p("span", {
159
- "data-part": "label",
160
- "data-part-label": "",
161
- id: h.labelId(m),
162
- children: te
163
- }),
164
- o === void 0 ? null : /* @__PURE__ */ p("span", {
165
- "data-part": "description",
166
- "data-part-description": "",
167
- children: o
168
- }),
169
- d === void 0 ? null : /* @__PURE__ */ p("span", {
170
- "data-part": "meta",
171
- "data-part-meta": "",
172
- children: d
173
- }),
174
- r === void 0 ? null : /* @__PURE__ */ p("div", {
175
- "data-part": "actions",
176
- "data-part-actions": "",
177
- children: r
178
- })
179
- ]
180
- }), fe = _ && v && i !== void 0 ? /* @__PURE__ */ p("ul", {
181
- "data-part": "group",
182
- "data-part-group": "",
183
- role: "group",
184
- "aria-busy": l === !0 || void 0,
185
- children: i
186
- }) : null, pe = /* @__PURE__ */ ne(y.Provider, {
187
- value: g + 1,
188
- children: [de, fe]
189
- });
190
- return ae ? ae({
191
- ...w,
192
- children: pe
193
- }) : /* @__PURE__ */ p("li", {
194
- ...w,
195
- children: pe
196
- });
197
- }
198
- function de({ children: e, ...t }) {
199
- let n = b();
200
- return /* @__PURE__ */ p("ul", {
201
- ...r(t, "part", "group"),
202
- role: "group",
203
- children: /* @__PURE__ */ p(y.Provider, {
204
- value: n + 1,
205
- children: e
206
- })
207
- });
208
- }
209
- function fe({ children: e, ...t }) {
210
- return /* @__PURE__ */ p("span", {
211
- ...r(t, "part", "label"),
212
- children: e
213
- });
214
- }
215
- function pe({ children: e, ...t }) {
216
- return /* @__PURE__ */ p("span", {
217
- ...r(t, "part", "description"),
218
- children: e
219
- });
220
- }
221
- function me({ children: e, ...t }) {
222
- return /* @__PURE__ */ p("span", {
223
- ...r(t, "part", "meta"),
224
- children: e
225
- });
226
- }
227
- function he({ children: e, ...t }) {
228
- return /* @__PURE__ */ p("span", {
229
- ...r(t, "part", "icon"),
230
- "aria-hidden": "true",
231
- children: e
232
- });
233
- }
234
- function T({ children: e, ...t }) {
235
- return /* @__PURE__ */ p("div", {
236
- ...r(t, "part", "empty"),
237
- children: e
238
- });
239
- }
240
- //#endregion
241
- //#region src/tree/tree.tsx
242
- function ge(e) {
243
- return e == null ? [] : typeof e == "string" ? [e] : e;
244
- }
245
- function E(e, t) {
246
- return e.length === t.length && e.every((e, n) => e === t[n]);
247
- }
248
- function D({ activeKey: e, children: t, defaultActiveKey: r, defaultExpandedKeys: a, defaultValue: s, disabled: le, disallowEmptySelection: b, disallowSelectAll: x, emptyContent: C, expandOn: de, expandedKeys: fe, focusMode: pe, getChildren: me, getChildrenCount: he, getKey: T, getLabel: D, getLevel: O, guides: _e, handleRef: ve, hasChildren: ye, invalid: be, isNodeDisabled: xe, isNodeLoading: Se, itemSize: Ce, loading: we, loop: Te, name: Ee, navigateDisabled: De, nodes: k, onActiveKeyChange: Oe, onExpandedKeysChange: ke, onNodeActivate: Ae, onValueChange: je, overscan: Me, pageSize: Ne, query: A, readOnly: Pe, ref: Fe, render: Ie, renderNode: Le, required: Re, selectOnFocus: ze, selectionBehavior: Be, selectionCascade: Ve, selectionIndicator: He, selectionMode: Ue, size: We, structure: Ge, typeahead: Ke, typeaheadTimeout: qe, value: Je, variant: Ye, virtual: Xe, ...Ze }) {
249
- let j = S(), M = {
250
- disabled: le ?? j.disabled,
251
- disallowEmptySelection: b ?? j.disallowEmptySelection,
252
- disallowSelectAll: x ?? j.disallowSelectAll,
253
- expandOn: de ?? j.expandOn,
254
- focusMode: pe ?? j.focusMode,
255
- guides: _e ?? j.guides,
256
- itemSize: Ce ?? j.itemSize,
257
- loop: Te ?? j.loop,
258
- navigateDisabled: De ?? j.navigateDisabled,
259
- overscan: Me ?? j.overscan,
260
- pageSize: Ne ?? j.pageSize,
261
- selectOnFocus: ze ?? j.selectOnFocus,
262
- selectionBehavior: Be ?? j.selectionBehavior,
263
- selectionCascade: Ve ?? j.selectionCascade,
264
- selectionIndicator: He ?? j.selectionIndicator,
265
- selectionMode: Ue ?? j.selectionMode,
266
- size: We ?? j.size,
267
- structure: Ge ?? j.structure,
268
- typeahead: Ke ?? j.typeahead,
269
- typeaheadTimeout: qe ?? j.typeaheadTimeout,
270
- variant: Ye ?? j.variant,
271
- virtual: Xe ?? j.virtual
272
- }, Qe = M.selectionIndicator === "auto" ? M.selectionMode === "multiple" ? "checkbox" : M.selectionMode === "single" ? "highlight" : "none" : M.selectionIndicator, N = k === void 0 ? "nested" : M.structure === "auto" ? M.virtual ? "flat" : "nested" : M.structure, $e = d(null), P = d(null), et = ee(), F = u(() => {
273
- if (k !== void 0 && T !== void 0) return m({
274
- ...O === void 0 ? { roots: k } : { items: k },
275
- getKey: T,
276
- ...D === void 0 ? {} : { getLabel: D },
277
- ...me === void 0 ? {} : { getChildren: me },
278
- ...O === void 0 ? {} : { getLevel: O },
279
- ...ye === void 0 ? {} : { hasChildren: ye },
280
- ...he === void 0 ? {} : { getChildrenCount: he },
281
- ...xe === void 0 ? {} : { isDisabled: xe }
282
- });
283
- }, [
284
- me,
285
- he,
286
- T,
287
- D,
288
- O,
289
- ye,
290
- xe,
291
- k
292
- ]), [tt, nt] = f(() => ge(s)), rt = Je !== void 0, I = rt ? ge(Je) : tt, [it, at] = f(a ?? []), ot = fe !== void 0, L = ot ? fe ?? [] : it, [st, ct] = f(r ?? null), lt = e !== void 0, R = lt ? e ?? null : st, ut = o((e) => M.selectionMode === "multiple" ? e : e[0] ?? null, [M.selectionMode]), dt = o((e, t, n) => {
293
- let r = !1, a = i({
294
- ...rt ? { controlled: I } : {},
295
- initial: I,
296
- equals: E,
297
- onRequest: (e) => {
298
- let t = {
299
- value: ut(e.value),
300
- previous: ut(e.previous),
301
- reason: e.reason,
302
- source: e.source,
303
- get cancelled() {
304
- return e.cancelled;
305
- },
306
- cancel: () => e.cancel()
307
- };
308
- je?.(t.value, t), r = e.cancelled;
309
- }
310
- }).request(e, t, n);
311
- r || a && nt(e);
312
- }, [
313
- rt,
314
- je,
315
- ut,
316
- I
317
- ]), z = o((e, t, n) => {
318
- let r = !1, a = i({
319
- ...ot ? { controlled: L } : {},
320
- initial: L,
321
- equals: E,
322
- onRequest: (e) => {
323
- ke?.(e.value, e), r = e.cancelled;
324
- }
325
- }).request(e, t, n);
326
- r || a && at(e);
327
- }, [
328
- L,
329
- ot,
330
- ke
331
- ]), B = o((t, n, r) => {
332
- let a = !1, o = i({
333
- ...lt ? { controlled: e ?? null } : {},
334
- initial: R,
335
- onRequest: (e) => {
336
- Oe?.(e.value, e), a = e.cancelled;
337
- }
338
- }).request(t, n, r);
339
- a || o && ct(t);
340
- }, [
341
- R,
342
- lt,
343
- e,
344
- Oe
345
- ]), V = o(() => {
346
- let e = P.current;
347
- return e === null ? [] : [...e.querySelectorAll(ue)].map((e) => ({
348
- key: e.dataset.key ?? "",
349
- depth: Number(e.dataset.depth ?? 0),
350
- branch: e.dataset.branch !== void 0,
351
- disabled: e.getAttribute("aria-disabled") === "true",
352
- label: e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? "",
353
- element: e
354
- }));
355
- }, []), ft = (e) => e.findIndex((e) => e.key === R), pt = (e, t) => {
356
- let n = e[t]?.depth ?? 0;
357
- for (let r = t - 1; r >= 0; --r) if (e[r].depth < n) return r;
358
- return -1;
359
- }, mt = (e, t) => {
360
- let n = e[t]?.depth ?? 0, r = [];
361
- for (let i = t + 1; i < e.length; i += 1) {
362
- let t = e[i];
363
- if (t.depth <= n) break;
364
- r.push(t.key);
365
- }
366
- return r;
367
- }, H = u(() => {
368
- if (F === void 0 || A === void 0 || A.trim() === "") return;
369
- let e = oe(), t = /* @__PURE__ */ new Set();
370
- for (let n of F.nodes) e.contains(n.label, A) && t.add(n.key);
371
- let n = new Set(t);
372
- for (let e of t) for (let t of F.ancestorsOf(e)) n.add(t);
373
- return {
374
- hits: t,
375
- kept: n
376
- };
377
- }, [F, A]), ht = M.selectionCascade === "descendants", gt = u(() => ht ? F === void 0 ? /* @__PURE__ */ new Set() : new Set(se(F, I)) : /* @__PURE__ */ new Set(), [
378
- ht,
379
- F,
380
- I
381
- ]), U = u(() => new Set(I), [I]), _t = o((e) => L.includes(e) || H !== void 0 && H.kept.has(e) && !H.hits.has(e), [L, H]), vt = o((e) => F === void 0 || U.has(e) ? !1 : F.descendantsOf(e).some((e) => U.has(e)), [U, F]), W = d(void 0), G = o((e, t, n, r) => {
382
- if (M.selectionMode === "none" || Pe === !0) return;
383
- let i = V();
384
- if (ht && F !== void 0 && (n === "toggle" || n === "replace")) {
385
- let n = ae({
386
- collection: F,
387
- selected: I,
388
- key: e,
389
- action: "toggle"
390
- });
391
- n.changed && dt(n.selected, r, t);
392
- return;
393
- }
394
- let a = i.filter((e) => !e.disabled).map((e) => e.key), o = ce({
395
- action: n,
396
- mode: M.selectionMode,
397
- behavior: M.selectionBehavior,
398
- selected: I,
399
- keys: a,
400
- key: e,
401
- anchor: W.current ?? e,
402
- disabled: (e) => i.find((t) => t.key === e)?.disabled === !0,
403
- disallowEmpty: M.disallowEmptySelection,
404
- disallowSelectAll: M.disallowSelectAll
405
- });
406
- W.current = o.anchor, o.changed && dt(o.selected, r, t);
407
- }, [
408
- ht,
409
- F,
410
- Pe,
411
- V,
412
- dt,
413
- M.disallowEmptySelection,
414
- M.disallowSelectAll,
415
- M.selectionBehavior,
416
- M.selectionMode,
417
- I
418
- ]), K = o((e, t, n, r) => {
419
- if (L.includes(e) === t) return;
420
- let i = t ? [...L, e] : L.filter((t) => t !== e);
421
- if (!t && R !== null && R !== e) {
422
- let t = V(), i = t.findIndex((t) => t.key === e);
423
- i !== -1 && mt(t, i).includes(R) && B(e, n === "pointer" ? "pointer" : "keyboard", r);
424
- }
425
- z(i, n, r);
426
- }, [
427
- R,
428
- L,
429
- V,
430
- B,
431
- z
432
- ]), yt = o((e, t) => {
433
- if (M.disabled === !0) return;
434
- let n = V().find((t) => t.key === e);
435
- if (!(n === void 0 || n.disabled)) {
436
- if (B(e, "pointer", t), n.branch && M.expandOn === "row" && K(e, !L.includes(e), "pointer", t), M.selectionMode !== "none") {
437
- let n = t.shiftKey ? "range" : t.ctrlKey || t.metaKey ? "toggle" : M.selectionBehavior === "replace" ? "replace" : "toggle";
438
- G(e, t, n, "pointer");
439
- }
440
- Ae?.(e, "pointer");
441
- }
442
- }, [
443
- G,
444
- L,
445
- Ae,
446
- V,
447
- B,
448
- M.disabled,
449
- M.expandOn,
450
- M.selectionBehavior,
451
- M.selectionMode,
452
- K
453
- ]), bt = o((e, t) => {
454
- M.disabled !== !0 && (B(e, "pointer", t), K(e, !L.includes(e), "pointer", t));
455
- }, [
456
- L,
457
- B,
458
- M.disabled,
459
- K
460
- ]), xt = o((e, t) => {
461
- M.disabled !== !0 && (B(e, "pointer", t), G(e, t, "toggle", "pointer"));
462
- }, [
463
- G,
464
- B,
465
- M.disabled
466
- ]), St = d(null);
467
- St.current === null && (St.current = re({ timeout: M.typeaheadTimeout })), c(() => () => St.current?.destroy(), []);
468
- let q = o((e, t, n) => {
469
- let r = e[t];
470
- r !== void 0 && (B(r.key, "keyboard", n), r.element.focus(), M.selectOnFocus && G(r.key, n, "replace", "keyboard"));
471
- }, [
472
- G,
473
- B,
474
- M.selectOnFocus
475
- ]), J = o((e, t, n) => {
476
- let r = e.map((e) => M.navigateDisabled || !e.disabled), i = h({
477
- enabled: r,
478
- from: ft(e),
479
- intent: t,
480
- loop: M.loop,
481
- page: M.pageSize
482
- });
483
- i !== -1 && q(e, i, n);
484
- }, [
485
- q,
486
- M.loop,
487
- M.navigateDisabled,
488
- M.pageSize,
489
- R
490
- ]), Ct = (e) => {
491
- if (e.defaultPrevented || M.disabled === !0 || e.target.closest("input, textarea, [contenteditable=\"true\"]") !== null) return;
492
- let t = V();
493
- if (t.length === 0) return;
494
- let n = ft(t), r = n === -1 ? void 0 : t[n], i = P.current ? getComputedStyle(P.current).direction === "rtl" : !1, a = i ? "ArrowLeft" : "ArrowRight", o = i ? "ArrowRight" : "ArrowLeft", s = () => {
495
- e.preventDefault(), e.stopPropagation();
496
- };
497
- switch (e.key) {
498
- case "ArrowDown":
499
- if (s(), e.shiftKey && M.selectionMode === "multiple") {
500
- let r = h({
501
- enabled: t.map((e) => M.navigateDisabled || !e.disabled),
502
- from: n,
503
- intent: "next",
504
- loop: M.loop
505
- });
506
- r !== -1 && (q(t, r, e), G(t[r].key, e, "toggle", "keyboard"));
507
- return;
508
- }
509
- J(t, "next", e);
510
- return;
511
- case "ArrowUp":
512
- if (s(), e.shiftKey && M.selectionMode === "multiple") {
513
- let r = h({
514
- enabled: t.map((e) => M.navigateDisabled || !e.disabled),
515
- from: n,
516
- intent: "previous",
517
- loop: M.loop
518
- });
519
- r !== -1 && (q(t, r, e), G(t[r].key, e, "toggle", "keyboard"));
520
- return;
521
- }
522
- J(t, "previous", e);
523
- return;
524
- case "Home":
525
- if (s(), e.ctrlKey && e.shiftKey && r !== void 0) {
526
- W.current = t[0].key, G(r.key, e, "range", "keyboard");
527
- return;
528
- }
529
- J(t, "first", e);
530
- return;
531
- case "End":
532
- if (s(), e.ctrlKey && e.shiftKey && r !== void 0) {
533
- W.current = t[t.length - 1].key, G(r.key, e, "range", "keyboard");
534
- return;
535
- }
536
- J(t, "last", e);
537
- return;
538
- case "PageDown":
539
- s(), J(t, "pageDown", e);
540
- return;
541
- case "PageUp":
542
- s(), J(t, "pageUp", e);
543
- return;
544
- case a:
545
- if (s(), r === void 0 || !r.branch) return;
546
- if (!L.includes(r.key)) {
547
- K(r.key, !0, "keyboard", e);
548
- return;
549
- }
550
- n + 1 < t.length && t[n + 1].depth > r.depth && q(t, n + 1, e);
551
- return;
552
- case o: {
553
- if (s(), r === void 0) return;
554
- if (r.branch && L.includes(r.key)) {
555
- K(r.key, !1, "keyboard", e);
556
- return;
557
- }
558
- let i = pt(t, n);
559
- i !== -1 && q(t, i, e);
560
- return;
561
- }
562
- case "Enter":
563
- if (s(), r === void 0) return;
564
- r.branch && M.expandOn === "row" && K(r.key, !L.includes(r.key), "keyboard", e), M.selectionMode !== "none" && G(r.key, e, "replace", "keyboard"), Ae?.(r.key, "keyboard");
565
- return;
566
- case " ":
567
- if (s(), r === void 0) return;
568
- if (e.shiftKey) {
569
- G(r.key, e, "range", "keyboard");
570
- return;
571
- }
572
- G(r.key, e, "toggle", "keyboard");
573
- return;
574
- case "a":
575
- case "A":
576
- if (!(e.ctrlKey || e.metaKey)) break;
577
- s(), G(r?.key ?? "", e, "all", "keyboard");
578
- return;
579
- case "*": {
580
- if (s(), r === void 0) return;
581
- let i = pt(t, n), a = t.filter((e, n) => e.depth === r.depth && pt(t, n) === i).filter((e) => e.branch).map((e) => e.key), o = [.../* @__PURE__ */ new Set([...L, ...a])];
582
- E(o, L) || z(o, "keyboard", e);
583
- return;
584
- }
585
- }
586
- if (!M.typeahead || !ie(e.key) || e.ctrlKey || e.metaKey) return;
587
- let c = St.current?.match(e.key, t.map((e) => e.label), n);
588
- c !== void 0 && c !== -1 && (s(), q(t, c, e));
589
- }, Y = M.focusMode === "activedescendant" || M.focusMode === "auto" && M.virtual, wt = (e) => {
590
- if (e.target !== P.current || Y) return;
591
- let t = V();
592
- if (t.length === 0) return;
593
- let n = t.find((e) => U.has(e.key) && !e.disabled) ?? t.find((e) => !e.disabled);
594
- n !== void 0 && (B(n.key, "keyboard", e), n.element.focus());
595
- }, Tt = o((e) => {
596
- if (F === void 0) return L;
597
- let t = F.ancestorsOf(e);
598
- return [.../* @__PURE__ */ new Set([...L, ...t])];
599
- }, [F, L]);
600
- te(ve, () => ({
601
- focus: () => {
602
- let e = V();
603
- ((e.find((e) => e.key === R) ?? e[0])?.element ?? P.current)?.focus();
604
- },
605
- scrollToKey: (e, t = "nearest") => {
606
- let n = Tt(e);
607
- E(n, L) || z(n, "programmatic", void 0), V().find((t) => t.key === e)?.element.scrollIntoView({ block: t === "nearest" ? "nearest" : t });
608
- },
609
- expand: (e) => {
610
- let t = [.../* @__PURE__ */ new Set([...Tt(e), e])];
611
- E(t, L) || z(t, "programmatic", void 0);
612
- },
613
- collapse: (e) => K(e, !1, "programmatic", void 0),
614
- expandAll: () => {
615
- F !== void 0 && z(F.branchKeys, "programmatic", void 0);
616
- },
617
- collapseAll: () => z([], "programmatic", void 0),
618
- getActiveKey: () => R,
619
- getElement: () => $e.current
620
- }), [
621
- R,
622
- F,
623
- L,
624
- V,
625
- z,
626
- Tt,
627
- K
628
- ]);
629
- let X = M.virtual && F !== void 0, Z = u(() => F === void 0 ? [] : F.visible(L), [F, L]), [Et, Dt] = f(0), [Ot, kt] = f(0);
630
- (typeof window > "u" ? c : l)(() => {
631
- if (!X) return;
632
- let e = $e.current;
633
- if (e === null) return;
634
- let t = () => {
635
- Dt(e.clientHeight), kt(e.scrollTop);
636
- };
637
- t(), e.addEventListener("scroll", t, { passive: !0 });
638
- let n = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(t);
639
- return n?.observe(e), () => {
640
- e.removeEventListener("scroll", t), n?.disconnect();
641
- };
642
- }, [X]);
643
- let Q = u(() => {
644
- if (!X) return;
645
- let e = Z.findIndex((e) => e.key === R), t = Z.findIndex((e) => e.key === W.current);
646
- return _({
647
- itemCount: Z.length,
648
- itemSize: M.itemSize,
649
- overscan: M.overscan,
650
- pinned: [e, t].filter((e) => e !== -1),
651
- scrollOffset: Ot,
652
- viewportSize: Et
653
- });
654
- }, [
655
- R,
656
- M.itemSize,
657
- M.overscan,
658
- Ot,
659
- Et,
660
- Z,
661
- X
662
- ]), At = u(() => {
663
- if (F !== void 0 && N === "flat") return F;
664
- }, [F, N]), jt = {
665
- disabled: M.disabled,
666
- expandOn: M.expandOn,
667
- guides: M.guides,
668
- holdsSelection: vt,
669
- indicator: Qe,
670
- isActive: (e) => e === R,
671
- isExpanded: (e) => _t(e),
672
- isIndeterminate: (e) => gt.has(e),
673
- isNodeDisabled: (e) => V().find((t) => t.key === e)?.disabled === !0,
674
- isSelected: (e) => U.has(e),
675
- labelId: (e) => `${et}-label-${e}`,
676
- levelOf: (e) => {
677
- let t = At?.nodeFor(e);
678
- return t === void 0 ? void 0 : t.level + 1;
679
- },
680
- nodeId: (e) => `${et}-node-${e}`,
681
- nodeTabIndex: (e) => {
682
- if (!Y) return R === null ? -1 : e === R ? 0 : -1;
683
- },
684
- posInSetOf: (e) => At?.nodeFor(e)?.posInSet,
685
- press: yt,
686
- pressExpander: bt,
687
- pressIndicator: xt,
688
- readOnly: Pe,
689
- selectionMode: M.selectionMode,
690
- setSizeOf: (e) => At?.nodeFor(e)?.setSize,
691
- structure: N
692
- }, $ = o((e) => D ? D(e) : T?.(e) ?? "", [T, D]), Mt = o((e) => A === void 0 || A.trim() === "" ? e : g(e, A).map((e, t) => e.matched ? /* @__PURE__ */ p("mark", { children: e.text }, t) : e.text), [A]), Nt = (e) => F === void 0 ? null : e.map((e) => {
693
- let t = F.nodeFor(e);
694
- if (t === void 0 || H !== void 0 && !H.kept.has(e)) return null;
695
- let n = _t(e);
696
- return /* @__PURE__ */ p(w, {
697
- value: e,
698
- label: Le ? Le(t.item, e) : Mt($(t.item)),
699
- ...t.disabled ? { disabled: !0 } : {},
700
- ...t.hasChildren ? { hasChildren: !0 } : {},
701
- ...Se?.(t.item) === !0 ? { loading: !0 } : {},
702
- ...H === void 0 ? {} : { match: H.hits.has(e) ? "hit" : "ancestor" },
703
- textValue: $(t.item),
704
- children: t.hasChildren && n && t.children.length > 0 ? Nt(t.children) : void 0
705
- }, e);
706
- }), Pt = (e, t) => /* @__PURE__ */ p(w, {
707
- value: e.key,
708
- depth: e.level,
709
- label: Le ? Le(e.item, e.key) : Mt($(e.item)),
710
- ...e.disabled ? { disabled: !0 } : {},
711
- ...e.hasChildren ? { hasChildren: !0 } : {},
712
- ...Se?.(e.item) === !0 ? { loading: !0 } : {},
713
- ...t ? {
714
- pinned: !0,
715
- offset: Z.indexOf(e) * M.itemSize
716
- } : {},
717
- textValue: $(e.item)
718
- }, e.key), Ft = F === void 0 ? t : N === "flat" ? X ? (() => {
719
- if (Q === void 0) return null;
720
- let e = Z.slice(Q.startIndex, Q.endIndex).map((e) => Pt(e, !1));
721
- return [...[...Q.pinnedBefore, ...Q.pinnedAfter].map((e) => Z[e]).filter((e) => e !== void 0).map((e) => Pt(e, !0)), ...e];
722
- })() : Z.map((e) => Pt(e, !1)) : Nt(F.roots), It = F === void 0 ? !1 : F.nodes.length === 0 || H !== void 0 && H.kept.size === 0, Lt = n({
723
- ...Ze,
724
- ...M.disabled ? { "data-disabled": "" } : {},
725
- "data-expand-on": M.expandOn,
726
- "data-focus-mode": Y ? "activedescendant" : "roving",
727
- "data-guides": M.guides ? "true" : "false",
728
- "data-indicator": Qe,
729
- ...be === !0 ? { "data-invalid": "" } : {},
730
- ...we === !0 ? { "data-loading": "" } : {},
731
- "data-part": "root",
732
- ...Pe === !0 ? { "data-readonly": "" } : {},
733
- ...Re === !0 ? { "data-required": "" } : {},
734
- "data-selection": M.selectionMode,
735
- "data-size": M.size,
736
- "data-structure": N,
737
- "data-ui": "tree",
738
- "data-variant": M.variant
739
- }), Rt = /* @__PURE__ */ p("ul", {
740
- ref: P,
741
- "data-part": "canvas",
742
- "data-part-canvas": "",
743
- role: "tree",
744
- "aria-busy": we === !0 || void 0,
745
- "aria-disabled": M.disabled ? !0 : void 0,
746
- "aria-invalid": be === !0 || void 0,
747
- "aria-label": Ze["aria-label"],
748
- "aria-labelledby": Ze["aria-labelledby"],
749
- "aria-multiselectable": M.selectionMode === "multiple" || void 0,
750
- "aria-required": Re === !0 || void 0,
751
- ...Y && R !== null ? { "aria-activedescendant": jt.nodeId(R) } : {},
752
- onFocus: wt,
753
- onKeyDown: Ct,
754
- style: Q === void 0 ? void 0 : {
755
- "--_canvas-size": `${Q.totalSize}px`,
756
- "--_canvas-offset": `${Q.startOffset}px`
757
- },
758
- tabIndex: Y || R === null ? 0 : -1,
759
- children: /* @__PURE__ */ p(y.Provider, {
760
- value: 0,
761
- children: Ft
762
- })
763
- }), zt = /* @__PURE__ */ ne(v.Provider, {
764
- value: jt,
765
- children: [
766
- Rt,
767
- It && C !== void 0 ? /* @__PURE__ */ p("div", {
768
- "data-part": "empty",
769
- "data-part-empty": "",
770
- children: C
771
- }) : null,
772
- Ee === void 0 ? null : I.map((e) => /* @__PURE__ */ p("input", {
773
- type: "hidden",
774
- name: Ee,
775
- value: e,
776
- readOnly: !0
777
- }, e))
778
- ]
779
- });
780
- return Ie ? Ie({
781
- ...Lt,
782
- children: zt
783
- }) : /* @__PURE__ */ p("div", {
784
- ...Lt,
785
- ref: (e) => {
786
- $e.current = e, typeof Fe == "function" ? Fe(e) : Fe != null && (Fe.current = e);
787
- },
788
- children: zt
789
- });
790
- }
791
- //#endregion
792
- export { he as a, w as c, le as d, b as f, de as i, C as l, pe as n, fe as o, T as r, me as s, D as t, S as u };