@ark-ui/react 1.3.0 → 2.0.1

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 (508) hide show
  1. package/CHANGELOG.md +58 -0
  2. package/README.md +1 -0
  3. package/accordion/accordion-item-content.cjs +1 -2
  4. package/accordion/accordion-item-content.mjs +1 -2
  5. package/accordion/accordion-item-trigger.cjs +1 -2
  6. package/accordion/accordion-item-trigger.mjs +1 -2
  7. package/accordion/accordion-item.cjs +3 -4
  8. package/accordion/accordion-item.mjs +3 -4
  9. package/accordion/accordion-root.cjs +38 -0
  10. package/accordion/accordion-root.d.ts +9 -0
  11. package/accordion/accordion-root.mjs +34 -0
  12. package/accordion/accordion.cjs +11 -33
  13. package/accordion/accordion.d.ts +6 -9
  14. package/accordion/accordion.mjs +5 -35
  15. package/accordion/index.cjs +5 -10
  16. package/accordion/index.d.ts +4 -12
  17. package/accordion/index.mjs +7 -16
  18. package/accordion/use-accordion.cjs +1 -2
  19. package/accordion/use-accordion.mjs +1 -2
  20. package/avatar/avatar-root.cjs +27 -0
  21. package/avatar/avatar-root.d.ts +8 -0
  22. package/avatar/avatar-root.mjs +23 -0
  23. package/avatar/avatar.cjs +7 -21
  24. package/avatar/avatar.d.ts +4 -8
  25. package/avatar/avatar.mjs +3 -23
  26. package/avatar/index.cjs +5 -8
  27. package/avatar/index.d.ts +4 -10
  28. package/avatar/index.mjs +5 -12
  29. package/avatar/use-avatar.cjs +1 -2
  30. package/avatar/use-avatar.mjs +1 -2
  31. package/carousel/carousel-root.cjs +40 -0
  32. package/carousel/carousel-root.d.ts +9 -0
  33. package/carousel/carousel-root.mjs +36 -0
  34. package/carousel/carousel.cjs +19 -34
  35. package/carousel/carousel.d.ts +10 -9
  36. package/carousel/carousel.mjs +9 -36
  37. package/carousel/index.cjs +5 -14
  38. package/carousel/index.d.ts +4 -16
  39. package/carousel/index.mjs +11 -24
  40. package/carousel/use-carousel.cjs +1 -2
  41. package/carousel/use-carousel.mjs +1 -2
  42. package/checkbox/checkbox-root.cjs +41 -0
  43. package/checkbox/checkbox-root.d.ts +9 -0
  44. package/checkbox/checkbox-root.mjs +37 -0
  45. package/checkbox/checkbox.cjs +9 -35
  46. package/checkbox/checkbox.d.ts +5 -9
  47. package/checkbox/checkbox.mjs +4 -37
  48. package/checkbox/index.cjs +5 -9
  49. package/checkbox/index.d.ts +5 -12
  50. package/checkbox/index.mjs +6 -14
  51. package/checkbox/use-checkbox.cjs +1 -2
  52. package/checkbox/use-checkbox.mjs +1 -2
  53. package/color-picker/color-picker-content.cjs +1 -2
  54. package/color-picker/color-picker-content.mjs +1 -2
  55. package/color-picker/color-picker-positioner.cjs +1 -2
  56. package/color-picker/color-picker-positioner.mjs +1 -2
  57. package/color-picker/color-picker-root.cjs +55 -0
  58. package/color-picker/color-picker-root.d.ts +10 -0
  59. package/color-picker/color-picker-root.mjs +51 -0
  60. package/color-picker/color-picker.cjs +47 -50
  61. package/color-picker/color-picker.d.ts +24 -10
  62. package/color-picker/color-picker.mjs +23 -52
  63. package/color-picker/index.cjs +5 -28
  64. package/color-picker/index.d.ts +4 -30
  65. package/color-picker/index.mjs +25 -52
  66. package/color-picker/use-color-picker.cjs +1 -2
  67. package/color-picker/use-color-picker.mjs +1 -2
  68. package/combobox/combobox-content.cjs +1 -2
  69. package/combobox/combobox-content.mjs +1 -2
  70. package/combobox/combobox-positioner.cjs +1 -2
  71. package/combobox/combobox-positioner.mjs +1 -2
  72. package/combobox/combobox-root.cjs +70 -0
  73. package/combobox/combobox-root.d.ts +13 -0
  74. package/combobox/combobox-root.mjs +66 -0
  75. package/combobox/combobox.cjs +27 -65
  76. package/combobox/combobox.d.ts +14 -13
  77. package/combobox/combobox.mjs +13 -67
  78. package/combobox/index.cjs +5 -18
  79. package/combobox/index.d.ts +4 -20
  80. package/combobox/index.mjs +15 -32
  81. package/combobox/use-combobox.cjs +1 -2
  82. package/combobox/use-combobox.mjs +1 -2
  83. package/date-picker/date-picker-content.cjs +1 -2
  84. package/date-picker/date-picker-content.mjs +1 -2
  85. package/date-picker/date-picker-positioner.cjs +1 -2
  86. package/date-picker/date-picker-positioner.mjs +1 -2
  87. package/date-picker/date-picker-root.cjs +65 -0
  88. package/date-picker/date-picker-root.d.ts +10 -0
  89. package/date-picker/date-picker-root.mjs +61 -0
  90. package/date-picker/date-picker.cjs +47 -60
  91. package/date-picker/date-picker.d.ts +24 -10
  92. package/date-picker/date-picker.mjs +23 -62
  93. package/date-picker/index.cjs +5 -28
  94. package/date-picker/index.d.ts +4 -30
  95. package/date-picker/index.mjs +25 -52
  96. package/date-picker/use-date-picker.cjs +1 -2
  97. package/date-picker/use-date-picker.mjs +1 -2
  98. package/dialog/dialog-backdrop.cjs +1 -2
  99. package/dialog/dialog-backdrop.mjs +1 -2
  100. package/dialog/dialog-content.cjs +1 -2
  101. package/dialog/dialog-content.mjs +1 -2
  102. package/dialog/dialog-positioner.cjs +1 -2
  103. package/dialog/dialog-positioner.mjs +1 -2
  104. package/dialog/dialog-root.cjs +25 -0
  105. package/dialog/dialog-root.d.ts +8 -0
  106. package/dialog/dialog-root.mjs +21 -0
  107. package/dialog/dialog-trigger.cjs +1 -2
  108. package/dialog/dialog-trigger.mjs +1 -2
  109. package/dialog/dialog.cjs +17 -20
  110. package/dialog/dialog.d.ts +9 -8
  111. package/dialog/dialog.mjs +8 -22
  112. package/dialog/index.cjs +5 -13
  113. package/dialog/index.d.ts +4 -16
  114. package/dialog/index.mjs +10 -22
  115. package/dialog/use-dialog.cjs +1 -2
  116. package/dialog/use-dialog.mjs +1 -2
  117. package/editable/editable-root.cjs +55 -0
  118. package/editable/editable-root.d.ts +9 -0
  119. package/editable/editable-root.mjs +51 -0
  120. package/editable/editable.cjs +19 -49
  121. package/editable/editable.d.ts +10 -9
  122. package/editable/editable.mjs +9 -51
  123. package/editable/index.cjs +5 -14
  124. package/editable/index.d.ts +4 -16
  125. package/editable/index.mjs +11 -24
  126. package/editable/use-editable.cjs +1 -2
  127. package/editable/use-editable.mjs +1 -2
  128. package/environment/index.cjs +2 -5
  129. package/environment/index.d.ts +1 -5
  130. package/environment/index.mjs +1 -8
  131. package/file-upload/file-upload-root.cjs +46 -0
  132. package/file-upload/file-upload-root.d.ts +9 -0
  133. package/file-upload/file-upload-root.mjs +42 -0
  134. package/file-upload/file-upload.cjs +23 -40
  135. package/file-upload/file-upload.d.ts +12 -9
  136. package/file-upload/file-upload.mjs +11 -42
  137. package/file-upload/index.cjs +6 -16
  138. package/file-upload/index.d.ts +5 -19
  139. package/file-upload/index.mjs +13 -28
  140. package/file-upload/use-file-upload.cjs +1 -2
  141. package/file-upload/use-file-upload.mjs +1 -2
  142. package/hover-card/hover-card-content.cjs +1 -2
  143. package/hover-card/hover-card-content.mjs +1 -2
  144. package/hover-card/hover-card-positioner.cjs +1 -2
  145. package/hover-card/hover-card-positioner.mjs +1 -2
  146. package/hover-card/hover-card-root.cjs +24 -0
  147. package/hover-card/hover-card-root.d.ts +8 -0
  148. package/hover-card/hover-card-root.mjs +20 -0
  149. package/hover-card/hover-card.cjs +13 -19
  150. package/hover-card/hover-card.d.ts +7 -8
  151. package/hover-card/hover-card.mjs +6 -21
  152. package/hover-card/index.cjs +5 -11
  153. package/hover-card/index.d.ts +5 -15
  154. package/hover-card/index.mjs +8 -18
  155. package/hover-card/use-hover-card.cjs +1 -2
  156. package/hover-card/use-hover-card.mjs +1 -2
  157. package/index.cjs +238 -148
  158. package/index.d.ts +1 -0
  159. package/index.mjs +148 -73
  160. package/menu/index.cjs +5 -18
  161. package/menu/index.d.ts +4 -21
  162. package/menu/index.mjs +15 -32
  163. package/menu/menu-content.cjs +1 -2
  164. package/menu/menu-content.mjs +1 -2
  165. package/menu/menu-positioner.cjs +1 -2
  166. package/menu/menu-positioner.mjs +1 -2
  167. package/menu/menu-root.cjs +58 -0
  168. package/menu/menu-root.d.ts +8 -0
  169. package/menu/menu-root.mjs +54 -0
  170. package/menu/menu-trigger.cjs +1 -2
  171. package/menu/menu-trigger.mjs +1 -2
  172. package/menu/menu.cjs +27 -53
  173. package/menu/menu.d.ts +14 -8
  174. package/menu/menu.mjs +13 -55
  175. package/menu/use-menu.cjs +1 -2
  176. package/menu/use-menu.mjs +1 -2
  177. package/number-input/index.cjs +5 -12
  178. package/number-input/index.d.ts +4 -14
  179. package/number-input/index.mjs +9 -20
  180. package/number-input/number-input-root.cjs +52 -0
  181. package/number-input/number-input-root.d.ts +9 -0
  182. package/number-input/number-input-root.mjs +48 -0
  183. package/number-input/number-input.cjs +15 -46
  184. package/number-input/number-input.d.ts +8 -9
  185. package/number-input/number-input.mjs +7 -48
  186. package/number-input/use-number-input.cjs +1 -2
  187. package/number-input/use-number-input.mjs +1 -2
  188. package/package.json +60 -54
  189. package/pagination/index.cjs +5 -10
  190. package/pagination/index.d.ts +4 -12
  191. package/pagination/index.mjs +7 -16
  192. package/pagination/pagination-root.cjs +40 -0
  193. package/pagination/pagination-root.d.ts +9 -0
  194. package/pagination/pagination-root.mjs +36 -0
  195. package/pagination/pagination.cjs +11 -34
  196. package/pagination/pagination.d.ts +6 -9
  197. package/pagination/pagination.mjs +5 -36
  198. package/pagination/use-pagination.cjs +1 -2
  199. package/pagination/use-pagination.mjs +1 -2
  200. package/pin-input/index.cjs +5 -9
  201. package/pin-input/index.d.ts +4 -11
  202. package/pin-input/index.mjs +6 -14
  203. package/pin-input/pin-input-root.cjs +48 -0
  204. package/pin-input/pin-input-root.d.ts +8 -0
  205. package/pin-input/pin-input-root.mjs +44 -0
  206. package/pin-input/pin-input.cjs +9 -42
  207. package/pin-input/pin-input.d.ts +5 -8
  208. package/pin-input/pin-input.mjs +4 -44
  209. package/pin-input/use-pin-input.cjs +1 -2
  210. package/pin-input/use-pin-input.mjs +1 -2
  211. package/popover/index.cjs +5 -16
  212. package/popover/index.d.ts +4 -19
  213. package/popover/index.mjs +13 -28
  214. package/popover/popover-content.cjs +1 -2
  215. package/popover/popover-content.mjs +1 -2
  216. package/popover/popover-positioner.cjs +1 -2
  217. package/popover/popover-positioner.mjs +1 -2
  218. package/popover/popover-root.cjs +24 -0
  219. package/popover/popover-root.d.ts +8 -0
  220. package/popover/popover-root.mjs +20 -0
  221. package/popover/popover-trigger.cjs +1 -2
  222. package/popover/popover-trigger.mjs +1 -2
  223. package/popover/popover.cjs +23 -19
  224. package/popover/popover.d.ts +12 -8
  225. package/popover/popover.mjs +11 -21
  226. package/popover/use-popover.cjs +1 -2
  227. package/popover/use-popover.mjs +1 -2
  228. package/portal.cjs +1 -2
  229. package/portal.mjs +1 -2
  230. package/presence/index.cjs +2 -5
  231. package/presence/index.d.ts +1 -6
  232. package/presence/index.mjs +1 -8
  233. package/progress/index.cjs +7 -16
  234. package/progress/index.d.ts +5 -27
  235. package/progress/index.mjs +11 -24
  236. package/progress/progress-root.cjs +34 -0
  237. package/progress/progress-root.d.ts +9 -0
  238. package/progress/progress-root.mjs +30 -0
  239. package/progress/progress-view.cjs +20 -0
  240. package/progress/progress-view.d.ts +8 -0
  241. package/progress/progress-view.mjs +16 -0
  242. package/progress/progress.cjs +19 -28
  243. package/progress/progress.d.ts +10 -9
  244. package/progress/progress.mjs +9 -30
  245. package/progress/use-progress.cjs +0 -1
  246. package/progress/use-progress.mjs +0 -1
  247. package/radio-group/index.cjs +6 -11
  248. package/radio-group/index.d.ts +5 -14
  249. package/radio-group/index.mjs +8 -18
  250. package/radio-group/radio-group-root.cjs +34 -0
  251. package/radio-group/radio-group-root.d.ts +8 -0
  252. package/radio-group/radio-group-root.mjs +30 -0
  253. package/radio-group/radio-group.cjs +13 -28
  254. package/radio-group/radio-group.d.ts +7 -8
  255. package/radio-group/radio-group.mjs +6 -30
  256. package/radio-group/use-radio-group.cjs +1 -2
  257. package/radio-group/use-radio-group.mjs +1 -2
  258. package/rating-group/index.cjs +5 -9
  259. package/rating-group/index.d.ts +4 -11
  260. package/rating-group/index.mjs +6 -14
  261. package/rating-group/rating-group-root.cjs +39 -0
  262. package/rating-group/rating-group-root.d.ts +8 -0
  263. package/rating-group/rating-group-root.mjs +35 -0
  264. package/rating-group/rating-group.cjs +9 -33
  265. package/rating-group/rating-group.d.ts +5 -8
  266. package/rating-group/rating-group.mjs +4 -35
  267. package/rating-group/use-rating-group.cjs +1 -2
  268. package/rating-group/use-rating-group.mjs +1 -2
  269. package/segment-group/index.cjs +5 -11
  270. package/segment-group/index.d.ts +4 -13
  271. package/segment-group/index.mjs +8 -18
  272. package/segment-group/segment-group-root.cjs +39 -0
  273. package/segment-group/segment-group-root.d.ts +8 -0
  274. package/segment-group/segment-group-root.mjs +35 -0
  275. package/segment-group/segment-group.cjs +13 -33
  276. package/segment-group/segment-group.d.ts +7 -8
  277. package/segment-group/segment-group.mjs +6 -35
  278. package/segment-group/use-segment-group.cjs +1 -2
  279. package/segment-group/use-segment-group.mjs +1 -2
  280. package/select/index.cjs +5 -19
  281. package/select/index.d.ts +4 -21
  282. package/select/index.mjs +16 -34
  283. package/select/select-content.cjs +1 -2
  284. package/select/select-content.mjs +1 -2
  285. package/select/select-positioner.cjs +1 -2
  286. package/select/select-positioner.mjs +1 -2
  287. package/select/select-root.cjs +61 -0
  288. package/select/select-root.d.ts +13 -0
  289. package/select/select-root.mjs +57 -0
  290. package/select/select.cjs +29 -56
  291. package/select/select.d.ts +15 -13
  292. package/select/select.mjs +14 -58
  293. package/select/use-select.cjs +1 -2
  294. package/select/use-select.mjs +1 -2
  295. package/slider/index.cjs +5 -14
  296. package/slider/index.d.ts +4 -16
  297. package/slider/index.mjs +11 -24
  298. package/slider/slider-root.cjs +51 -0
  299. package/slider/slider-root.d.ts +9 -0
  300. package/slider/slider-root.mjs +47 -0
  301. package/slider/slider.cjs +19 -45
  302. package/slider/slider.d.ts +10 -9
  303. package/slider/slider.mjs +9 -47
  304. package/slider/use-slider.cjs +1 -2
  305. package/slider/use-slider.mjs +1 -2
  306. package/splitter/index.cjs +5 -8
  307. package/splitter/index.d.ts +4 -10
  308. package/splitter/index.mjs +5 -12
  309. package/splitter/splitter-root.cjs +38 -0
  310. package/splitter/splitter-root.d.ts +9 -0
  311. package/splitter/splitter-root.mjs +34 -0
  312. package/splitter/splitter.cjs +7 -32
  313. package/splitter/splitter.d.ts +4 -9
  314. package/splitter/splitter.mjs +3 -34
  315. package/splitter/use-splitter.cjs +1 -2
  316. package/splitter/use-splitter.mjs +1 -2
  317. package/switch/index.cjs +5 -9
  318. package/switch/index.d.ts +4 -11
  319. package/switch/index.mjs +6 -14
  320. package/switch/switch-root.cjs +39 -0
  321. package/switch/switch-root.d.ts +9 -0
  322. package/switch/switch-root.mjs +35 -0
  323. package/switch/switch.cjs +9 -33
  324. package/switch/switch.d.ts +5 -9
  325. package/switch/switch.mjs +4 -35
  326. package/switch/use-switch.cjs +1 -2
  327. package/switch/use-switch.mjs +1 -2
  328. package/tabs/index.cjs +5 -10
  329. package/tabs/index.d.ts +4 -12
  330. package/tabs/index.mjs +7 -16
  331. package/tabs/tab-content.cjs +2 -3
  332. package/tabs/tab-content.mjs +2 -3
  333. package/tabs/tabs-root.cjs +38 -0
  334. package/tabs/tabs-root.d.ts +9 -0
  335. package/tabs/tabs-root.mjs +34 -0
  336. package/tabs/tabs.cjs +11 -33
  337. package/tabs/tabs.d.ts +6 -9
  338. package/tabs/tabs.mjs +5 -35
  339. package/tabs/use-tabs.cjs +1 -2
  340. package/tabs/use-tabs.mjs +1 -2
  341. package/tags-input/index.cjs +7 -14
  342. package/tags-input/index.d.ts +5 -16
  343. package/tags-input/index.mjs +12 -24
  344. package/tags-input/tags-input-item-preview.cjs +23 -0
  345. package/tags-input/tags-input-item-preview.d.ts +6 -0
  346. package/tags-input/tags-input-item-preview.mjs +19 -0
  347. package/tags-input/tags-input-root.cjs +59 -0
  348. package/tags-input/tags-input-root.d.ts +9 -0
  349. package/tags-input/tags-input-root.mjs +55 -0
  350. package/tags-input/tags-input.cjs +21 -53
  351. package/tags-input/tags-input.d.ts +11 -9
  352. package/tags-input/tags-input.mjs +10 -55
  353. package/tags-input/use-tags-input.cjs +1 -2
  354. package/tags-input/use-tags-input.mjs +1 -2
  355. package/toast/create-toaster.cjs +1 -2
  356. package/toast/create-toaster.mjs +1 -2
  357. package/toast/index.cjs +5 -10
  358. package/toast/index.d.ts +4 -12
  359. package/toast/index.mjs +7 -16
  360. package/toast/toast-root.cjs +19 -0
  361. package/toast/toast-root.d.ts +6 -0
  362. package/toast/toast-root.mjs +15 -0
  363. package/toast/toast.cjs +11 -13
  364. package/toast/toast.d.ts +6 -6
  365. package/toast/toast.mjs +5 -15
  366. package/toggle-group/index.cjs +5 -7
  367. package/toggle-group/index.d.ts +4 -9
  368. package/toggle-group/index.mjs +4 -10
  369. package/toggle-group/toggle-group-root.cjs +35 -0
  370. package/toggle-group/toggle-group-root.d.ts +8 -0
  371. package/toggle-group/toggle-group-root.mjs +31 -0
  372. package/toggle-group/toggle-group.cjs +5 -29
  373. package/toggle-group/toggle-group.d.ts +3 -8
  374. package/toggle-group/toggle-group.mjs +2 -31
  375. package/toggle-group/use-toggle-group.cjs +1 -2
  376. package/toggle-group/use-toggle-group.mjs +1 -2
  377. package/tooltip/index.cjs +5 -11
  378. package/tooltip/index.d.ts +4 -14
  379. package/tooltip/index.mjs +8 -18
  380. package/tooltip/tooltip-content.cjs +1 -2
  381. package/tooltip/tooltip-content.mjs +1 -2
  382. package/tooltip/tooltip-positioner.cjs +1 -2
  383. package/tooltip/tooltip-positioner.mjs +1 -2
  384. package/tooltip/tooltip-root.cjs +24 -0
  385. package/tooltip/tooltip-root.d.ts +8 -0
  386. package/tooltip/tooltip-root.mjs +20 -0
  387. package/tooltip/tooltip.cjs +13 -19
  388. package/tooltip/tooltip.d.ts +7 -8
  389. package/tooltip/tooltip.mjs +6 -21
  390. package/tooltip/use-tooltip.cjs +1 -2
  391. package/tooltip/use-tooltip.mjs +1 -2
  392. package/tree-view/index.cjs +33 -0
  393. package/tree-view/index.d.ts +16 -0
  394. package/tree-view/index.mjs +14 -0
  395. package/tree-view/tree-view-branch-content.cjs +27 -0
  396. package/tree-view/tree-view-branch-content.d.ts +8 -0
  397. package/tree-view/tree-view-branch-content.mjs +23 -0
  398. package/tree-view/tree-view-branch-control.cjs +27 -0
  399. package/tree-view/tree-view-branch-control.d.ts +8 -0
  400. package/tree-view/tree-view-branch-control.mjs +23 -0
  401. package/tree-view/tree-view-branch-indicator.cjs +32 -0
  402. package/tree-view/tree-view-branch-indicator.d.ts +8 -0
  403. package/tree-view/tree-view-branch-indicator.mjs +28 -0
  404. package/tree-view/tree-view-branch-text.cjs +27 -0
  405. package/tree-view/tree-view-branch-text.d.ts +8 -0
  406. package/tree-view/tree-view-branch-text.mjs +23 -0
  407. package/tree-view/tree-view-branch-trigger.cjs +27 -0
  408. package/tree-view/tree-view-branch-trigger.d.ts +8 -0
  409. package/tree-view/tree-view-branch-trigger.mjs +23 -0
  410. package/tree-view/tree-view-branch.cjs +28 -0
  411. package/tree-view/tree-view-branch.d.ts +9 -0
  412. package/tree-view/tree-view-branch.mjs +24 -0
  413. package/tree-view/tree-view-context.cjs +15 -0
  414. package/tree-view/tree-view-context.d.ts +22 -0
  415. package/tree-view/tree-view-context.mjs +10 -0
  416. package/tree-view/tree-view-item-text.cjs +30 -0
  417. package/tree-view/tree-view-item-text.d.ts +8 -0
  418. package/tree-view/tree-view-item-text.mjs +26 -0
  419. package/tree-view/tree-view-item.cjs +28 -0
  420. package/tree-view/tree-view-item.d.ts +9 -0
  421. package/tree-view/tree-view-item.mjs +24 -0
  422. package/tree-view/tree-view-label.cjs +19 -0
  423. package/tree-view/tree-view-label.d.ts +6 -0
  424. package/tree-view/tree-view-label.mjs +15 -0
  425. package/tree-view/tree-view-root.cjs +40 -0
  426. package/tree-view/tree-view-root.d.ts +9 -0
  427. package/tree-view/tree-view-root.mjs +36 -0
  428. package/tree-view/tree-view-tree.cjs +19 -0
  429. package/tree-view/tree-view-tree.d.ts +6 -0
  430. package/tree-view/tree-view-tree.mjs +15 -0
  431. package/tree-view/tree-view.cjs +29 -0
  432. package/tree-view/tree-view.d.ts +12 -0
  433. package/tree-view/tree-view.mjs +11 -0
  434. package/tree-view/use-tree-view.cjs +49 -0
  435. package/tree-view/use-tree-view.d.ts +12 -0
  436. package/tree-view/use-tree-view.mjs +26 -0
  437. package/accordion/accordion.test.d.ts +0 -1
  438. package/accordion/stories/accordion.stories.d.ts +0 -13
  439. package/avatar/avatar.test.d.ts +0 -1
  440. package/avatar/stories/avatar.stories.d.ts +0 -8
  441. package/carousel/carousel.test.d.ts +0 -1
  442. package/carousel/stories/carousel.stories.d.ts +0 -9
  443. package/checkbox/checkbox.test.d.ts +0 -1
  444. package/checkbox/stories/checkbox.stories.d.ts +0 -10
  445. package/color-picker/color-picker.test.d.ts +0 -1
  446. package/color-picker/stories/color-picker.stories.d.ts +0 -8
  447. package/combobox/combobox.test.d.ts +0 -1
  448. package/combobox/stories/combobox.stories.d.ts +0 -8
  449. package/date-picker/date-picker.test.d.ts +0 -1
  450. package/date-picker/stories/date-picker.stories.d.ts +0 -8
  451. package/date-picker/stories/date-range-picker.stories.d.ts +0 -8
  452. package/dialog/dialog.test.d.ts +0 -1
  453. package/dialog/stories/dialog.stories.d.ts +0 -10
  454. package/editable/editable.test.d.ts +0 -1
  455. package/editable/stories/editable.stories.d.ts +0 -8
  456. package/environment/environment.test.d.ts +0 -1
  457. package/environment/stories/environment.stories.d.ts +0 -7
  458. package/factory.test.d.ts +0 -1
  459. package/file-upload/file-upload.test.d.ts +0 -1
  460. package/file-upload/stories/file-upload.stories.d.ts +0 -7
  461. package/hover-card/hover-card.test.d.ts +0 -1
  462. package/hover-card/stories/hover-card.stories.d.ts +0 -10
  463. package/menu/menu.test.d.ts +0 -1
  464. package/menu/stories/context-menu.stories.d.ts +0 -7
  465. package/menu/stories/menu.stories.d.ts +0 -11
  466. package/menu/stories/nested-menu.stories.d.ts +0 -8
  467. package/number-input/number-input.test.d.ts +0 -1
  468. package/number-input/stories/number-input.stories.d.ts +0 -15
  469. package/pagination/pagination.test.d.ts +0 -1
  470. package/pagination/stories/pagination.stories.d.ts +0 -9
  471. package/pin-input/pin-input.test.d.ts +0 -1
  472. package/pin-input/stories/pin-input.stories.d.ts +0 -12
  473. package/popover/popover.test.d.ts +0 -1
  474. package/popover/stories/popover.stories.d.ts +0 -15
  475. package/presence/presence.test.d.ts +0 -1
  476. package/presence/stories/presence.stories.d.ts +0 -10
  477. package/progress/progress-indicator.cjs +0 -22
  478. package/progress/progress-indicator.d.ts +0 -8
  479. package/progress/progress-indicator.mjs +0 -18
  480. package/progress/progress.test.d.ts +0 -1
  481. package/progress/stories/circular-progress.stories.d.ts +0 -11
  482. package/progress/stories/linear-progress.stories.d.ts +0 -12
  483. package/radio-group/radio-group.test.d.ts +0 -1
  484. package/radio-group/stories/radio-group.stories.d.ts +0 -10
  485. package/rating-group/rating-group.test.d.ts +0 -1
  486. package/rating-group/stories/rating-group.stories.d.ts +0 -13
  487. package/segment-group/segment-group.test.d.ts +0 -1
  488. package/segment-group/stories/segment-group.stories.d.ts +0 -10
  489. package/select/select.test.d.ts +0 -1
  490. package/select/stories/select.stories.d.ts +0 -11
  491. package/setup-test.d.ts +0 -3
  492. package/slider/slider.test.d.ts +0 -1
  493. package/slider/stories/range-slider.stories.d.ts +0 -14
  494. package/slider/stories/slider.stories.d.ts +0 -14
  495. package/splitter/splitter.test.d.ts +0 -1
  496. package/splitter/stories/splitter.stories.d.ts +0 -10
  497. package/switch/stories/switch.stories.d.ts +0 -11
  498. package/switch/switch.test.d.ts +0 -1
  499. package/tabs/stories/tabs.stories.d.ts +0 -14
  500. package/tabs/tabs.test.d.ts +0 -1
  501. package/tags-input/stories/tags-input.stories.d.ts +0 -14
  502. package/tags-input/tags-input.test.d.ts +0 -1
  503. package/toast/stories/toast.stories.d.ts +0 -9
  504. package/toast/toast.test.d.ts +0 -2
  505. package/toggle-group/stories/toggle-group.stories.d.ts +0 -9
  506. package/toggle-group/toggle-group.test.d.ts +0 -1
  507. package/tooltip/stories/tooltip.stories.d.ts +0 -12
  508. package/tooltip/tooltip.test.d.ts +0 -1
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const createContext = require('../create-context.cjs');
7
+
8
+ const [TreeViewProvider, useTreeViewContext] = createContext.createContext({
9
+ name: "TreeViewContext",
10
+ hookName: "useTreeViewContext",
11
+ providerName: "<TreeViewProvider />"
12
+ });
13
+
14
+ exports.TreeViewProvider = TreeViewProvider;
15
+ exports.useTreeViewContext = useTreeViewContext;
@@ -0,0 +1,22 @@
1
+ import { Provider } from 'react';
2
+ /// <reference types="react" />
3
+ import { type UseTreeViewReturn } from './use-tree-view';
4
+ export interface ItemProps {
5
+ depth: number;
6
+ id: string;
7
+ disabled?: boolean;
8
+ }
9
+ export interface BranchProps extends ItemProps {
10
+ }
11
+ export interface ItemState {
12
+ id: string;
13
+ isDisabled: boolean;
14
+ isSelected: boolean;
15
+ isFocused: boolean;
16
+ }
17
+ export interface BranchState extends ItemState {
18
+ isExpanded: boolean;
19
+ }
20
+ export interface TreeViewContext extends UseTreeViewReturn {
21
+ }
22
+ export declare const TreeViewProvider: Provider<TreeViewContext>, useTreeViewContext: () => TreeViewContext;
@@ -0,0 +1,10 @@
1
+ 'use client';
2
+ import { createContext } from '../create-context.mjs';
3
+
4
+ const [TreeViewProvider, useTreeViewContext] = createContext({
5
+ name: "TreeViewContext",
6
+ hookName: "useTreeViewContext",
7
+ providerName: "<TreeViewProvider />"
8
+ });
9
+
10
+ export { TreeViewProvider, useTreeViewContext };
@@ -0,0 +1,30 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const anatomy = require('@ark-ui/anatomy');
8
+ const react$1 = require('@zag-js/react');
9
+ const react = require('react');
10
+ const createSplitProps = require('../create-split-props.cjs');
11
+ const factory = require('../factory.cjs');
12
+ const treeViewContext = require('./tree-view-context.cjs');
13
+
14
+ const TreeViewItemText = react.forwardRef((props, ref) => {
15
+ const [itemProps, { ...localProps }] = createSplitProps.createSplitProps()(props, [
16
+ "depth",
17
+ "id",
18
+ "disabled"
19
+ ]);
20
+ const api = treeViewContext.useTreeViewContext();
21
+ const mergedProps = react$1.mergeProps(
22
+ api.getItemProps(itemProps),
23
+ anatomy.treeViewAnatomy.build().itemText.attrs,
24
+ localProps
25
+ );
26
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
27
+ });
28
+ TreeViewItemText.displayName = "TreeViewItemText";
29
+
30
+ exports.TreeViewItemText = TreeViewItemText;
@@ -0,0 +1,8 @@
1
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
+ /// <reference types="react" />
3
+ import { type HTMLArkProps } from '../factory';
4
+ import type { Assign } from '../types';
5
+ import { type ItemProps } from './tree-view-context';
6
+ export interface TreeViewItemTextProps extends Assign<HTMLArkProps<'span'>, ItemProps> {
7
+ }
8
+ export declare const TreeViewItemText: ForwardRefExoticComponent<TreeViewItemTextProps & RefAttributes<HTMLSpanElement>>;
@@ -0,0 +1,26 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { treeViewAnatomy } from '@ark-ui/anatomy';
4
+ import { mergeProps } from '@zag-js/react';
5
+ import { forwardRef } from 'react';
6
+ import { createSplitProps } from '../create-split-props.mjs';
7
+ import { ark } from '../factory.mjs';
8
+ import { useTreeViewContext } from './tree-view-context.mjs';
9
+
10
+ const TreeViewItemText = forwardRef((props, ref) => {
11
+ const [itemProps, { ...localProps }] = createSplitProps()(props, [
12
+ "depth",
13
+ "id",
14
+ "disabled"
15
+ ]);
16
+ const api = useTreeViewContext();
17
+ const mergedProps = mergeProps(
18
+ api.getItemProps(itemProps),
19
+ treeViewAnatomy.build().itemText.attrs,
20
+ localProps
21
+ );
22
+ return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
23
+ });
24
+ TreeViewItemText.displayName = "TreeViewItemText";
25
+
26
+ export { TreeViewItemText };
@@ -0,0 +1,28 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const createSplitProps = require('../create-split-props.cjs');
10
+ const factory = require('../factory.cjs');
11
+ const runIfFn = require('../run-if-fn.cjs');
12
+ const treeViewContext = require('./tree-view-context.cjs');
13
+
14
+ const TreeViewItem = react.forwardRef((props, ref) => {
15
+ const [itemProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
16
+ "depth",
17
+ "id",
18
+ "disabled"
19
+ ]);
20
+ const api = treeViewContext.useTreeViewContext();
21
+ const mergedProps = react$1.mergeProps(api.getItemProps(itemProps), localProps);
22
+ const itemState = api.getItemState(itemProps);
23
+ const view = runIfFn.runIfFn(children, itemState);
24
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: view });
25
+ });
26
+ TreeViewItem.displayName = "TreeViewItem";
27
+
28
+ exports.TreeViewItem = TreeViewItem;
@@ -0,0 +1,9 @@
1
+ import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
2
+ import { type HTMLArkProps } from '../factory';
3
+ import type { Assign } from '../types';
4
+ import { type ItemProps, type ItemState } from './tree-view-context';
5
+ export interface TreeViewItemProps extends Assign<Assign<HTMLArkProps<'li'>, {
6
+ children?: ReactNode | ((state: ItemState) => ReactNode);
7
+ }>, ItemProps> {
8
+ }
9
+ export declare const TreeViewItem: ForwardRefExoticComponent<TreeViewItemProps & RefAttributes<HTMLLIElement>>;
@@ -0,0 +1,24 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { createSplitProps } from '../create-split-props.mjs';
6
+ import { ark } from '../factory.mjs';
7
+ import { runIfFn } from '../run-if-fn.mjs';
8
+ import { useTreeViewContext } from './tree-view-context.mjs';
9
+
10
+ const TreeViewItem = forwardRef((props, ref) => {
11
+ const [itemProps, { children, ...localProps }] = createSplitProps()(props, [
12
+ "depth",
13
+ "id",
14
+ "disabled"
15
+ ]);
16
+ const api = useTreeViewContext();
17
+ const mergedProps = mergeProps(api.getItemProps(itemProps), localProps);
18
+ const itemState = api.getItemState(itemProps);
19
+ const view = runIfFn(children, itemState);
20
+ return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: view });
21
+ });
22
+ TreeViewItem.displayName = "TreeViewItem";
23
+
24
+ export { TreeViewItem };
@@ -0,0 +1,19 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const factory = require('../factory.cjs');
10
+ const treeViewContext = require('./tree-view-context.cjs');
11
+
12
+ const TreeViewLabel = react.forwardRef((props, ref) => {
13
+ const api = treeViewContext.useTreeViewContext();
14
+ const mergedProps = react$1.mergeProps(api.labelProps, props);
15
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
16
+ });
17
+ TreeViewLabel.displayName = "TreeViewLabel";
18
+
19
+ exports.TreeViewLabel = TreeViewLabel;
@@ -0,0 +1,6 @@
1
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
+ /// <reference types="react" />
3
+ import { type HTMLArkProps } from '../factory';
4
+ export interface TreeViewLabelProps extends HTMLArkProps<'label'> {
5
+ }
6
+ export declare const TreeViewLabel: ForwardRefExoticComponent<TreeViewLabelProps & RefAttributes<HTMLLabelElement>>;
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { ark } from '../factory.mjs';
6
+ import { useTreeViewContext } from './tree-view-context.mjs';
7
+
8
+ const TreeViewLabel = forwardRef((props, ref) => {
9
+ const api = useTreeViewContext();
10
+ const mergedProps = mergeProps(api.labelProps, props);
11
+ return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
12
+ });
13
+ TreeViewLabel.displayName = "TreeViewLabel";
14
+
15
+ export { TreeViewLabel };
@@ -0,0 +1,40 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const createSplitProps = require('../create-split-props.cjs');
10
+ const factory = require('../factory.cjs');
11
+ const runIfFn = require('../run-if-fn.cjs');
12
+ const treeViewContext = require('./tree-view-context.cjs');
13
+ const useTreeView = require('./use-tree-view.cjs');
14
+
15
+ const TreeViewRoot = react.forwardRef((props, ref) => {
16
+ const [useTreeViewProps, { children, ...divProps }] = createSplitProps.createSplitProps()(
17
+ props,
18
+ [
19
+ "defaultFocusedId",
20
+ "dir",
21
+ "expandedIds",
22
+ "focusedId",
23
+ "getRootNode",
24
+ "id",
25
+ "onExpandedChange",
26
+ "onFocusChange",
27
+ "onSelectionChange",
28
+ "openOnClick",
29
+ "selectedIds",
30
+ "selectionMode"
31
+ ]
32
+ );
33
+ const api = useTreeView.useTreeView(useTreeViewProps);
34
+ const mergedProps = react$1.mergeProps(api.rootProps, divProps);
35
+ const view = runIfFn.runIfFn(children, api);
36
+ return /* @__PURE__ */ jsxRuntime.jsx(treeViewContext.TreeViewProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
37
+ });
38
+ TreeViewRoot.displayName = "TreeViewRoot";
39
+
40
+ exports.TreeViewRoot = TreeViewRoot;
@@ -0,0 +1,9 @@
1
+ import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
2
+ import { type HTMLArkProps } from '../factory';
3
+ import { type Assign } from '../types';
4
+ import { type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
5
+ export interface TreeViewRootProps extends Assign<Assign<HTMLArkProps<'div'>, {
6
+ children?: ReactNode | ((api: UseTreeViewReturn) => ReactNode);
7
+ }>, UseTreeViewProps> {
8
+ }
9
+ export declare const TreeViewRoot: ForwardRefExoticComponent<TreeViewRootProps & RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,36 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { createSplitProps } from '../create-split-props.mjs';
6
+ import { ark } from '../factory.mjs';
7
+ import { runIfFn } from '../run-if-fn.mjs';
8
+ import { TreeViewProvider } from './tree-view-context.mjs';
9
+ import { useTreeView } from './use-tree-view.mjs';
10
+
11
+ const TreeViewRoot = forwardRef((props, ref) => {
12
+ const [useTreeViewProps, { children, ...divProps }] = createSplitProps()(
13
+ props,
14
+ [
15
+ "defaultFocusedId",
16
+ "dir",
17
+ "expandedIds",
18
+ "focusedId",
19
+ "getRootNode",
20
+ "id",
21
+ "onExpandedChange",
22
+ "onFocusChange",
23
+ "onSelectionChange",
24
+ "openOnClick",
25
+ "selectedIds",
26
+ "selectionMode"
27
+ ]
28
+ );
29
+ const api = useTreeView(useTreeViewProps);
30
+ const mergedProps = mergeProps(api.rootProps, divProps);
31
+ const view = runIfFn(children, api);
32
+ return /* @__PURE__ */ jsx(TreeViewProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
33
+ });
34
+ TreeViewRoot.displayName = "TreeViewRoot";
35
+
36
+ export { TreeViewRoot };
@@ -0,0 +1,19 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const factory = require('../factory.cjs');
10
+ const treeViewContext = require('./tree-view-context.cjs');
11
+
12
+ const TreeViewTree = react.forwardRef((props, ref) => {
13
+ const api = treeViewContext.useTreeViewContext();
14
+ const mergedProps = react$1.mergeProps(api.treeProps, props);
15
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref });
16
+ });
17
+ TreeViewTree.displayName = "TreeViewTree";
18
+
19
+ exports.TreeViewTree = TreeViewTree;
@@ -0,0 +1,6 @@
1
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
+ /// <reference types="react" />
3
+ import { type HTMLArkProps } from '../factory';
4
+ export interface TreeViewTreeProps extends HTMLArkProps<'ul'> {
5
+ }
6
+ export declare const TreeViewTree: ForwardRefExoticComponent<TreeViewTreeProps & RefAttributes<HTMLUListElement>>;
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { ark } from '../factory.mjs';
6
+ import { useTreeViewContext } from './tree-view-context.mjs';
7
+
8
+ const TreeViewTree = forwardRef((props, ref) => {
9
+ const api = useTreeViewContext();
10
+ const mergedProps = mergeProps(api.treeProps, props);
11
+ return /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref });
12
+ });
13
+ TreeViewTree.displayName = "TreeViewTree";
14
+
15
+ export { TreeViewTree };
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
+
5
+ const treeViewBranch = require('./tree-view-branch.cjs');
6
+ const treeViewBranchContent = require('./tree-view-branch-content.cjs');
7
+ const treeViewBranchControl = require('./tree-view-branch-control.cjs');
8
+ const treeViewBranchIndicator = require('./tree-view-branch-indicator.cjs');
9
+ const treeViewBranchText = require('./tree-view-branch-text.cjs');
10
+ const treeViewBranchTrigger = require('./tree-view-branch-trigger.cjs');
11
+ const treeViewItem = require('./tree-view-item.cjs');
12
+ const treeViewItemText = require('./tree-view-item-text.cjs');
13
+ const treeViewLabel = require('./tree-view-label.cjs');
14
+ const treeViewRoot = require('./tree-view-root.cjs');
15
+ const treeViewTree = require('./tree-view-tree.cjs');
16
+
17
+
18
+
19
+ exports.Branch = treeViewBranch.TreeViewBranch;
20
+ exports.BranchContent = treeViewBranchContent.TreeViewBranchContent;
21
+ exports.BranchControl = treeViewBranchControl.TreeViewBranchControl;
22
+ exports.BranchIndicator = treeViewBranchIndicator.TreeViewBranchIndicator;
23
+ exports.BranchText = treeViewBranchText.TreeViewBranchText;
24
+ exports.BranchTrigger = treeViewBranchTrigger.TreeViewBranchTrigger;
25
+ exports.Item = treeViewItem.TreeViewItem;
26
+ exports.ItemText = treeViewItemText.TreeViewItemText;
27
+ exports.Label = treeViewLabel.TreeViewLabel;
28
+ exports.Root = treeViewRoot.TreeViewRoot;
29
+ exports.Tree = treeViewTree.TreeViewTree;
@@ -0,0 +1,12 @@
1
+ import { TreeViewBranch as Branch } from './tree-view-branch';
2
+ import { TreeViewBranchContent as BranchContent } from './tree-view-branch-content';
3
+ import { TreeViewBranchControl as BranchControl } from './tree-view-branch-control';
4
+ import { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-indicator';
5
+ import { TreeViewBranchText as BranchText } from './tree-view-branch-text';
6
+ import { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger';
7
+ import { TreeViewItem as Item } from './tree-view-item';
8
+ import { TreeViewItemText as ItemText } from './tree-view-item-text';
9
+ import { TreeViewLabel as Label } from './tree-view-label';
10
+ import { TreeViewRoot as Root } from './tree-view-root';
11
+ import { TreeViewTree as Tree } from './tree-view-tree';
12
+ export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Item, ItemText, Label, Root, Tree, };
@@ -0,0 +1,11 @@
1
+ export { TreeViewBranch as Branch } from './tree-view-branch.mjs';
2
+ export { TreeViewBranchContent as BranchContent } from './tree-view-branch-content.mjs';
3
+ export { TreeViewBranchControl as BranchControl } from './tree-view-branch-control.mjs';
4
+ export { TreeViewBranchIndicator as BranchIndicator } from './tree-view-branch-indicator.mjs';
5
+ export { TreeViewBranchText as BranchText } from './tree-view-branch-text.mjs';
6
+ export { TreeViewBranchTrigger as BranchTrigger } from './tree-view-branch-trigger.mjs';
7
+ export { TreeViewItem as Item } from './tree-view-item.mjs';
8
+ export { TreeViewItemText as ItemText } from './tree-view-item-text.mjs';
9
+ export { TreeViewLabel as Label } from './tree-view-label.mjs';
10
+ export { TreeViewRoot as Root } from './tree-view-root.mjs';
11
+ export { TreeViewTree as Tree } from './tree-view-tree.mjs';
@@ -0,0 +1,49 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const react$1 = require('@zag-js/react');
7
+ const treeView = require('@zag-js/tree-view');
8
+ const react = require('react');
9
+ const environmentContext = require('../environment/environment-context.cjs');
10
+ const useEvent = require('../use-event.cjs');
11
+
12
+ function _interopNamespaceDefault(e) {
13
+ const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
14
+ if (e) {
15
+ for (const k in e) {
16
+ if (k !== 'default') {
17
+ const d = Object.getOwnPropertyDescriptor(e, k);
18
+ Object.defineProperty(n, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: () => e[k]
21
+ });
22
+ }
23
+ }
24
+ }
25
+ n.default = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ const treeView__namespace = /*#__PURE__*/_interopNamespaceDefault(treeView);
30
+
31
+ const useTreeView = (props = {}) => {
32
+ const initialContext = {
33
+ id: react.useId(),
34
+ getRootNode: environmentContext.useEnvironmentContext(),
35
+ focusedId: props.defaultFocusedId,
36
+ ...props
37
+ };
38
+ const context = {
39
+ ...initialContext,
40
+ focusedId: props.focusedId,
41
+ onFocusChange: useEvent.useEvent(props.onFocusChange, { sync: true }),
42
+ onExpandedChange: useEvent.useEvent(props.onExpandedChange),
43
+ onSelectionChange: useEvent.useEvent(props.onSelectionChange)
44
+ };
45
+ const [state, send] = react$1.useMachine(treeView__namespace.machine(initialContext), { context });
46
+ return treeView__namespace.connect(state, send, react$1.normalizeProps);
47
+ };
48
+
49
+ exports.useTreeView = useTreeView;
@@ -0,0 +1,12 @@
1
+ import { type PropTypes } from '@zag-js/react';
2
+ import * as treeView from '@zag-js/tree-view';
3
+ import { type Optional } from '../types';
4
+ export interface UseTreeViewProps extends Optional<treeView.Context, 'id'> {
5
+ /**
6
+ * The initial focused index of the tree view.
7
+ */
8
+ defaultFocusedId?: treeView.Context['focusedId'];
9
+ }
10
+ export interface UseTreeViewReturn extends treeView.Api<PropTypes> {
11
+ }
12
+ export declare const useTreeView: (props?: UseTreeViewProps) => UseTreeViewReturn;
@@ -0,0 +1,26 @@
1
+ 'use client';
2
+ import { useMachine, normalizeProps } from '@zag-js/react';
3
+ import * as treeView from '@zag-js/tree-view';
4
+ import { useId } from 'react';
5
+ import { useEnvironmentContext } from '../environment/environment-context.mjs';
6
+ import { useEvent } from '../use-event.mjs';
7
+
8
+ const useTreeView = (props = {}) => {
9
+ const initialContext = {
10
+ id: useId(),
11
+ getRootNode: useEnvironmentContext(),
12
+ focusedId: props.defaultFocusedId,
13
+ ...props
14
+ };
15
+ const context = {
16
+ ...initialContext,
17
+ focusedId: props.focusedId,
18
+ onFocusChange: useEvent(props.onFocusChange, { sync: true }),
19
+ onExpandedChange: useEvent(props.onExpandedChange),
20
+ onSelectionChange: useEvent(props.onSelectionChange)
21
+ };
22
+ const [state, send] = useMachine(treeView.machine(initialContext), { context });
23
+ return treeView.connect(state, send, normalizeProps);
24
+ };
25
+
26
+ export { useTreeView };
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { Accordion } from '../';
4
- type AccordionType = typeof Accordion;
5
- declare const meta: Meta<AccordionType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const RenderProp: () => JSX.Element;
9
- export declare const Collapsible: () => JSX.Element;
10
- export declare const Multiple: () => JSX.Element;
11
- export declare const Controlled: () => JSX.Element;
12
- export declare const Vertical: () => JSX.Element;
13
- export declare const Disabled: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { Avatar } from '../';
4
- type AvatarType = typeof Avatar.Root;
5
- declare const meta: Meta<AvatarType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Events: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { Carousel } from '../';
4
- type CarouselType = typeof Carousel;
5
- declare const meta: Meta<CarouselType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Controlled: () => JSX.Element;
9
- export declare const Customized: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { Checkbox } from '../';
4
- type CheckboxType = typeof Checkbox;
5
- declare const meta: Meta<CheckboxType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Controlled: () => JSX.Element;
9
- export declare const Indeterminate: () => JSX.Element;
10
- export declare const RenderProp: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { ColorPicker } from '../';
4
- type ColorPickerType = typeof ColorPicker;
5
- declare const meta: Meta<ColorPickerType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Controlled: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { Combobox } from '../';
4
- type ComboboxType = typeof Combobox;
5
- declare const meta: Meta<ComboboxType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Advanced: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { DatePicker } from '../';
4
- type DatePickerType = typeof DatePicker;
5
- declare const meta: Meta<DatePickerType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Standalone: () => JSX.Element;
@@ -1,8 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { DatePicker } from '../';
4
- type DatePickerType = typeof DatePicker;
5
- declare const meta: Meta<DatePickerType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Standalone: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};
@@ -1,10 +0,0 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import type { Meta } from '@storybook/react';
3
- import { Dialog } from '../';
4
- type DialogType = typeof Dialog;
5
- declare const meta: Meta<DialogType>;
6
- export default meta;
7
- export declare const Basic: () => JSX.Element;
8
- export declare const Controlled: () => JSX.Element;
9
- export declare const LazyMount: () => JSX.Element;
10
- export declare const RenderFn: () => JSX.Element;
@@ -1 +0,0 @@
1
- export {};