@dxos/react-ui 0.8.4-main.c4373fc → 0.8.4-main.cb12b3f963

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 (458) hide show
  1. package/dist/lib/browser/chunk-BDBC6H6V.mjs +848 -0
  2. package/dist/lib/browser/chunk-BDBC6H6V.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +4111 -65
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/testing/index.mjs +108 -56
  7. package/dist/lib/browser/testing/index.mjs.map +4 -4
  8. package/dist/lib/browser/translations.mjs +18 -0
  9. package/dist/lib/browser/translations.mjs.map +7 -0
  10. package/dist/lib/node-esm/chunk-3JSJK2ZY.mjs +850 -0
  11. package/dist/lib/node-esm/chunk-3JSJK2ZY.mjs.map +7 -0
  12. package/dist/lib/node-esm/index.mjs +4111 -65
  13. package/dist/lib/node-esm/index.mjs.map +4 -4
  14. package/dist/lib/node-esm/meta.json +1 -1
  15. package/dist/lib/node-esm/testing/index.mjs +108 -56
  16. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  17. package/dist/lib/node-esm/translations.mjs +20 -0
  18. package/dist/lib/node-esm/translations.mjs.map +7 -0
  19. package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
  20. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  21. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  22. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
  23. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  24. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
  25. package/dist/types/src/components/{Buttons → Button}/Button.d.ts +3 -3
  26. package/dist/types/src/components/Button/Button.d.ts.map +1 -0
  27. package/dist/types/src/components/{Buttons → Button}/Button.stories.d.ts +1 -1
  28. package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -0
  29. package/dist/types/src/components/{Buttons → Button}/IconButton.d.ts +3 -2
  30. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -0
  31. package/dist/types/src/components/{Buttons → Button}/IconButton.stories.d.ts +3 -0
  32. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -0
  33. package/dist/types/src/components/{Buttons → Button}/Toggle.d.ts +2 -2
  34. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -0
  35. package/dist/types/src/components/Button/Toggle.stories.d.ts +16 -0
  36. package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -0
  37. package/dist/types/src/components/Button/ToggleGroup.d.ts +27 -0
  38. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -0
  39. package/dist/types/src/components/{Buttons → Button}/ToggleGroup.stories.d.ts +6 -6
  40. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -0
  41. package/dist/types/src/components/Button/index.d.ts.map +1 -0
  42. package/dist/types/src/components/Card/Card.d.ts +127 -0
  43. package/dist/types/src/components/Card/Card.d.ts.map +1 -0
  44. package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
  45. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
  46. package/dist/types/src/components/Card/index.d.ts +2 -0
  47. package/dist/types/src/components/Card/index.d.ts.map +1 -0
  48. package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
  49. package/dist/types/src/components/Clipboard/CopyButton.d.ts +1 -1
  50. package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
  51. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  52. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  53. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts +1 -1
  54. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
  55. package/dist/types/src/components/Dialog/AlertDialog.d.ts +51 -0
  56. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -0
  57. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -0
  58. package/dist/types/src/components/Dialog/Dialog.d.ts +64 -0
  59. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -0
  60. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +25 -0
  61. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -0
  62. package/dist/types/src/components/Dialog/index.d.ts.map +1 -0
  63. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts +1 -1
  64. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
  65. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
  66. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
  67. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
  68. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
  69. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +19 -0
  70. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
  71. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
  72. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
  73. package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
  74. package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
  75. package/dist/types/src/components/Focus/Focus.d.ts +36 -0
  76. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
  77. package/dist/types/src/components/Focus/Focus.stories.d.ts +9 -0
  78. package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
  79. package/dist/types/src/components/Focus/index.d.ts +2 -0
  80. package/dist/types/src/components/Focus/index.d.ts.map +1 -0
  81. package/dist/types/src/components/Icon/Icon.d.ts +4 -1
  82. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  83. package/dist/types/src/components/Icon/Icon.stories.d.ts +25 -0
  84. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -0
  85. package/dist/types/src/components/Image/Image.d.ts +15 -0
  86. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  87. package/dist/types/src/components/Image/Image.stories.d.ts +34 -0
  88. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  89. package/dist/types/src/components/Image/index.d.ts +2 -0
  90. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  91. package/dist/types/src/components/Input/Input.d.ts +19 -22
  92. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  93. package/dist/types/src/components/Input/Input.stories.d.ts +8 -8
  94. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  95. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  96. package/dist/types/src/components/{Lists → List}/List.d.ts +6 -4
  97. package/dist/types/src/components/List/List.d.ts.map +1 -0
  98. package/dist/types/src/components/{Lists → List}/List.stories.d.ts +3 -1
  99. package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
  100. package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -0
  101. package/dist/types/src/components/{Lists → List}/Tree.d.ts +2 -2
  102. package/dist/types/src/components/List/Tree.d.ts.map +1 -0
  103. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
  104. package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -0
  105. package/dist/types/src/components/{Lists → List}/Treegrid.d.ts +5 -9
  106. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -0
  107. package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -0
  108. package/dist/types/src/components/List/index.d.ts.map +1 -0
  109. package/dist/types/src/components/Main/Main.d.ts +24 -21
  110. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  111. package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
  112. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  113. package/dist/types/src/components/Main/useSwipeToDismiss.d.ts.map +1 -1
  114. package/dist/types/src/components/{Menus → Menu}/ContextMenu.d.ts +6 -6
  115. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -0
  116. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -0
  117. package/dist/types/src/components/Menu/DropdownMenu.d.ts +121 -0
  118. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -0
  119. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +28 -0
  120. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -0
  121. package/dist/types/src/components/Menu/index.d.ts.map +1 -0
  122. package/dist/types/src/components/Message/Message.d.ts +2 -2
  123. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  124. package/dist/types/src/components/Message/Message.stories.d.ts +5 -6
  125. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  126. package/dist/types/src/components/Popover/Popover.d.ts +40 -23
  127. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  128. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  129. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +27 -27
  130. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  131. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +57 -8
  132. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  133. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +68 -0
  134. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -0
  135. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +23 -0
  136. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -0
  137. package/dist/types/src/components/ScrollContainer/index.d.ts +2 -0
  138. package/dist/types/src/components/ScrollContainer/index.d.ts.map +1 -0
  139. package/dist/types/src/components/Select/Select.d.ts +10 -10
  140. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  141. package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
  142. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  143. package/dist/types/src/components/Separator/Separator.d.ts +4 -4
  144. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  145. package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
  146. package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
  147. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
  148. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
  149. package/dist/types/src/components/Skeleton/index.d.ts +2 -0
  150. package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
  151. package/dist/types/src/components/Splitter/Splitter.d.ts +34 -0
  152. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
  153. package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
  154. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
  155. package/dist/types/src/components/Splitter/index.d.ts +2 -0
  156. package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
  157. package/dist/types/src/components/Status/Status.d.ts +3 -4
  158. package/dist/types/src/components/Status/Status.d.ts.map +1 -1
  159. package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
  160. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  161. package/dist/types/src/components/Tag/Tag.d.ts +1 -1
  162. package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
  163. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
  164. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  165. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +3 -3
  166. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  167. package/dist/types/src/components/{Menus/DropdownMenu.stories.d.ts → ThemeProvider/ThemeProvider.stories.d.ts} +2 -5
  168. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  169. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +55 -63
  170. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  171. package/dist/types/src/components/ThemeProvider/index.d.ts +2 -1
  172. package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
  173. package/dist/types/src/components/Toast/Toast.d.ts +20 -20
  174. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  175. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  176. package/dist/types/src/components/Toolbar/Toolbar.d.ts +41 -19
  177. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  178. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  179. package/dist/types/src/components/Tooltip/Tooltip.d.ts +10 -10
  180. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  181. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
  182. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  183. package/dist/types/src/components/index.d.ts +14 -8
  184. package/dist/types/src/components/index.d.ts.map +1 -1
  185. package/dist/types/src/exemplars/generics.stories.d.ts +19 -0
  186. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
  187. package/dist/types/src/exemplars/slot.stories.d.ts +15 -0
  188. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
  189. package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
  190. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
  191. package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
  192. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
  193. package/dist/types/src/hooks/index.d.ts +1 -0
  194. package/dist/types/src/hooks/index.d.ts.map +1 -1
  195. package/dist/types/src/hooks/useDensityContext.d.ts +2 -2
  196. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  197. package/dist/types/src/hooks/useElevationContext.d.ts +1 -1
  198. package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
  199. package/dist/types/src/hooks/useIconHref.d.ts.map +1 -1
  200. package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
  201. package/dist/types/src/hooks/useSafeCollisionPadding.d.ts.map +1 -1
  202. package/dist/types/src/hooks/useVisualViewport.d.ts +2 -2
  203. package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
  204. package/dist/types/src/index.d.ts +2 -1
  205. package/dist/types/src/index.d.ts.map +1 -1
  206. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  207. package/dist/types/src/playground/Custom.stories.d.ts +1 -1
  208. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  209. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
  210. package/dist/types/src/primitives/Column/Column.d.ts +33 -0
  211. package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
  212. package/dist/types/src/primitives/Column/Column.stories.d.ts +25 -0
  213. package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
  214. package/dist/types/src/primitives/Column/index.d.ts +2 -0
  215. package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
  216. package/dist/types/src/primitives/Container/Container.d.ts +7 -0
  217. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
  218. package/dist/types/src/primitives/Container/Container.stories.d.ts +6 -0
  219. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
  220. package/dist/types/src/primitives/Container/index.d.ts +2 -0
  221. package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
  222. package/dist/types/src/primitives/Flex/Flex.d.ts +11 -0
  223. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
  224. package/dist/types/src/primitives/Flex/Flex.stories.d.ts +8 -0
  225. package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
  226. package/dist/types/src/primitives/Flex/index.d.ts +2 -0
  227. package/dist/types/src/primitives/Flex/index.d.ts.map +1 -0
  228. package/dist/types/src/primitives/Grid/Grid.d.ts +10 -0
  229. package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
  230. package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
  231. package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
  232. package/dist/types/src/primitives/Grid/index.d.ts +2 -0
  233. package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
  234. package/dist/types/src/primitives/Panel/Panel.d.ts +35 -0
  235. package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
  236. package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
  237. package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
  238. package/dist/types/src/primitives/Panel/index.d.ts +2 -0
  239. package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
  240. package/dist/types/src/primitives/index.d.ts +6 -0
  241. package/dist/types/src/primitives/index.d.ts.map +1 -0
  242. package/dist/types/src/testing/Loading.d.ts +9 -0
  243. package/dist/types/src/testing/Loading.d.ts.map +1 -0
  244. package/dist/types/src/testing/decorators/index.d.ts +2 -1
  245. package/dist/types/src/testing/decorators/index.d.ts.map +1 -1
  246. package/dist/types/src/testing/decorators/withLayout.d.ts +15 -0
  247. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -0
  248. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts +12 -0
  249. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -0
  250. package/dist/types/src/testing/decorators/withTheme.d.ts +3 -2
  251. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  252. package/dist/types/src/testing/index.d.ts +1 -0
  253. package/dist/types/src/testing/index.d.ts.map +1 -1
  254. package/dist/types/src/translations.d.ts +11 -0
  255. package/dist/types/src/translations.d.ts.map +1 -0
  256. package/dist/types/src/util/index.d.ts +1 -2
  257. package/dist/types/src/util/index.d.ts.map +1 -1
  258. package/dist/types/src/util/usePx.d.ts.map +1 -1
  259. package/dist/types/tsconfig.tsbuildinfo +1 -1
  260. package/package.json +52 -37
  261. package/src/components/Avatars/Avatar.stories.tsx +7 -9
  262. package/src/components/Avatars/Avatar.tsx +7 -15
  263. package/src/components/Avatars/AvatarGroup.stories.tsx +2 -3
  264. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +4 -5
  265. package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
  266. package/src/components/{Buttons → Button}/Button.stories.tsx +4 -5
  267. package/src/components/{Buttons → Button}/Button.tsx +12 -26
  268. package/src/components/{Buttons → Button}/IconButton.stories.tsx +8 -6
  269. package/src/components/{Buttons → Button}/IconButton.tsx +20 -15
  270. package/src/components/{Buttons → Button}/Toggle.stories.tsx +7 -7
  271. package/src/components/{Buttons → Button}/Toggle.tsx +4 -4
  272. package/src/components/{Buttons → Button}/ToggleGroup.stories.tsx +2 -3
  273. package/src/components/{Buttons → Button}/ToggleGroup.tsx +12 -16
  274. package/src/components/Card/Card.stories.tsx +151 -0
  275. package/src/components/Card/Card.tsx +507 -0
  276. package/src/components/Card/index.ts +5 -0
  277. package/src/components/Clipboard/CopyButton.tsx +8 -9
  278. package/src/components/DensityProvider/DensityProvider.tsx +1 -1
  279. package/src/components/Dialog/AlertDialog.stories.tsx +68 -0
  280. package/src/components/{Dialogs → Dialog}/AlertDialog.tsx +123 -82
  281. package/src/components/Dialog/Dialog.stories.tsx +177 -0
  282. package/src/components/Dialog/Dialog.tsx +285 -0
  283. package/src/components/ElevationProvider/ElevationProvider.tsx +1 -1
  284. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +45 -0
  285. package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
  286. package/src/components/ErrorFallback/ErrorStack.tsx +114 -0
  287. package/src/components/ErrorFallback/ThrowError.tsx +37 -0
  288. package/src/components/ErrorFallback/index.ts +9 -0
  289. package/src/components/Focus/AUDIT.md +43 -0
  290. package/src/components/Focus/Focus.stories.tsx +230 -0
  291. package/src/components/Focus/Focus.tsx +201 -0
  292. package/src/components/Focus/index.ts +5 -0
  293. package/src/components/Icon/Icon.stories.tsx +143 -0
  294. package/src/components/Icon/Icon.tsx +6 -2
  295. package/src/components/Image/Image.stories.tsx +86 -0
  296. package/src/components/Image/Image.tsx +246 -0
  297. package/src/components/Image/index.ts +5 -0
  298. package/src/components/Input/Input.stories.tsx +21 -41
  299. package/src/components/Input/Input.tsx +38 -74
  300. package/src/components/Link/Link.stories.tsx +2 -3
  301. package/src/components/Link/Link.tsx +2 -2
  302. package/src/components/{Lists → List}/List.stories.tsx +30 -34
  303. package/src/components/{Lists → List}/List.tsx +17 -21
  304. package/src/components/{Lists → List}/ListDropIndicator.tsx +7 -7
  305. package/src/components/{Lists → List}/Tree.stories.tsx +5 -6
  306. package/src/components/{Lists → List}/Tree.tsx +0 -1
  307. package/src/components/{Lists → List}/TreeDropIndicator.tsx +6 -6
  308. package/src/components/{Lists → List}/Treegrid.stories.tsx +29 -30
  309. package/src/components/{Lists → List}/Treegrid.tsx +23 -28
  310. package/src/components/Main/Main.stories.tsx +41 -24
  311. package/src/components/Main/Main.tsx +150 -94
  312. package/src/components/{Menus → Menu}/ContextMenu.stories.tsx +2 -3
  313. package/src/components/{Menus → Menu}/ContextMenu.tsx +9 -33
  314. package/src/components/{Menus → Menu}/DropdownMenu.stories.tsx +3 -4
  315. package/src/components/{Menus → Menu}/DropdownMenu.tsx +137 -110
  316. package/src/components/Message/Message.stories.tsx +27 -13
  317. package/src/components/Message/Message.tsx +59 -33
  318. package/src/components/Popover/Popover.stories.tsx +8 -9
  319. package/src/components/Popover/Popover.tsx +116 -94
  320. package/src/components/ScrollArea/ScrollArea.stories.tsx +223 -34
  321. package/src/components/ScrollArea/ScrollArea.tsx +97 -79
  322. package/src/components/ScrollArea/index.ts +1 -1
  323. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +91 -0
  324. package/src/components/ScrollContainer/ScrollContainer.tsx +347 -0
  325. package/src/components/ScrollContainer/index.ts +5 -0
  326. package/src/components/Select/Select.stories.tsx +8 -9
  327. package/src/components/Select/Select.tsx +11 -27
  328. package/src/components/Separator/Separator.tsx +5 -8
  329. package/src/components/Skeleton/Skeleton.stories.tsx +51 -0
  330. package/src/components/Skeleton/Skeleton.tsx +26 -0
  331. package/src/components/Skeleton/index.ts +5 -0
  332. package/src/components/Splitter/Splitter.stories.tsx +83 -0
  333. package/src/components/Splitter/Splitter.tsx +127 -0
  334. package/src/components/Splitter/index.ts +5 -0
  335. package/src/components/Status/Status.stories.tsx +21 -18
  336. package/src/components/Status/Status.tsx +10 -7
  337. package/src/components/Tag/Tag.stories.tsx +6 -12
  338. package/src/components/Tag/Tag.tsx +3 -8
  339. package/src/components/ThemeProvider/ThemeProvider.stories.tsx +31 -0
  340. package/src/components/ThemeProvider/ThemeProvider.tsx +10 -10
  341. package/src/components/ThemeProvider/TranslationsProvider.tsx +1 -16
  342. package/src/components/ThemeProvider/index.ts +3 -3
  343. package/src/components/Toast/Toast.stories.tsx +3 -4
  344. package/src/components/Toast/Toast.tsx +22 -41
  345. package/src/components/Toolbar/Toolbar.stories.tsx +4 -7
  346. package/src/components/Toolbar/Toolbar.tsx +186 -12
  347. package/src/components/Tooltip/Tooltip.stories.tsx +21 -20
  348. package/src/components/Tooltip/Tooltip.tsx +40 -38
  349. package/src/components/index.ts +15 -9
  350. package/src/exemplars/generics.stories.tsx +41 -0
  351. package/src/exemplars/slot.stories.tsx +117 -0
  352. package/src/exemplars/tabster.stories.tsx +127 -0
  353. package/src/exemplars/virtualizer.stories.tsx +137 -0
  354. package/src/hooks/index.ts +1 -0
  355. package/src/hooks/useDensityContext.ts +3 -3
  356. package/src/hooks/useElevationContext.ts +1 -1
  357. package/src/hooks/useSafeArea.ts +2 -2
  358. package/src/hooks/useVisualViewport.ts +3 -3
  359. package/src/index.ts +2 -1
  360. package/src/playground/Controls.stories.tsx +3 -10
  361. package/src/playground/Custom.stories.tsx +13 -18
  362. package/src/playground/Typography.stories.tsx +3 -3
  363. package/src/primitives/Column/AUDIT.md +148 -0
  364. package/src/primitives/Column/Column.stories.tsx +181 -0
  365. package/src/primitives/Column/Column.tsx +165 -0
  366. package/src/primitives/Column/index.ts +5 -0
  367. package/src/primitives/Container/Container.stories.tsx +29 -0
  368. package/src/primitives/Container/Container.tsx +19 -0
  369. package/src/primitives/Container/index.ts +5 -0
  370. package/src/primitives/Flex/Flex.stories.tsx +57 -0
  371. package/src/primitives/Flex/Flex.tsx +27 -0
  372. package/src/primitives/Flex/index.ts +5 -0
  373. package/src/primitives/Grid/Grid.stories.tsx +56 -0
  374. package/src/primitives/Grid/Grid.tsx +30 -0
  375. package/src/primitives/Grid/index.ts +5 -0
  376. package/src/primitives/Panel/Panel.stories.tsx +68 -0
  377. package/src/primitives/Panel/Panel.tsx +120 -0
  378. package/src/primitives/Panel/index.ts +5 -0
  379. package/src/primitives/index.ts +9 -0
  380. package/src/testing/Loading.tsx +47 -0
  381. package/src/testing/decorators/index.ts +2 -1
  382. package/src/testing/decorators/withLayout.tsx +77 -0
  383. package/src/testing/decorators/withLayoutVariants.tsx +48 -0
  384. package/src/testing/decorators/withTheme.tsx +26 -20
  385. package/src/testing/index.ts +2 -0
  386. package/src/translations.ts +19 -0
  387. package/src/util/index.ts +2 -2
  388. package/src/util/usePx.ts +1 -0
  389. package/dist/lib/browser/chunk-B7HPXBP2.mjs +0 -4514
  390. package/dist/lib/browser/chunk-B7HPXBP2.mjs.map +0 -7
  391. package/dist/lib/node-esm/chunk-6JCSY5Y7.mjs +0 -4516
  392. package/dist/lib/node-esm/chunk-6JCSY5Y7.mjs.map +0 -7
  393. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
  394. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
  395. package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
  396. package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
  397. package/dist/types/src/components/Buttons/Button.d.ts.map +0 -1
  398. package/dist/types/src/components/Buttons/Button.stories.d.ts.map +0 -1
  399. package/dist/types/src/components/Buttons/IconButton.d.ts.map +0 -1
  400. package/dist/types/src/components/Buttons/IconButton.stories.d.ts.map +0 -1
  401. package/dist/types/src/components/Buttons/Toggle.d.ts.map +0 -1
  402. package/dist/types/src/components/Buttons/Toggle.stories.d.ts +0 -13
  403. package/dist/types/src/components/Buttons/Toggle.stories.d.ts.map +0 -1
  404. package/dist/types/src/components/Buttons/ToggleGroup.d.ts +0 -27
  405. package/dist/types/src/components/Buttons/ToggleGroup.d.ts.map +0 -1
  406. package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts.map +0 -1
  407. package/dist/types/src/components/Buttons/index.d.ts.map +0 -1
  408. package/dist/types/src/components/Dialogs/AlertDialog.d.ts +0 -31
  409. package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +0 -1
  410. package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts.map +0 -1
  411. package/dist/types/src/components/Dialogs/Dialog.d.ts +0 -31
  412. package/dist/types/src/components/Dialogs/Dialog.d.ts.map +0 -1
  413. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +0 -25
  414. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +0 -1
  415. package/dist/types/src/components/Dialogs/index.d.ts.map +0 -1
  416. package/dist/types/src/components/Lists/List.d.ts.map +0 -1
  417. package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
  418. package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +0 -1
  419. package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
  420. package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
  421. package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +0 -1
  422. package/dist/types/src/components/Lists/Treegrid.d.ts.map +0 -1
  423. package/dist/types/src/components/Lists/Treegrid.stories.d.ts.map +0 -1
  424. package/dist/types/src/components/Lists/index.d.ts.map +0 -1
  425. package/dist/types/src/components/Menus/ContextMenu.d.ts.map +0 -1
  426. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +0 -1
  427. package/dist/types/src/components/Menus/DropdownMenu.d.ts +0 -113
  428. package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +0 -1
  429. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +0 -1
  430. package/dist/types/src/components/Menus/index.d.ts.map +0 -1
  431. package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts +0 -12
  432. package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts.map +0 -1
  433. package/dist/types/src/util/ThemedClassName.d.ts +0 -5
  434. package/dist/types/src/util/ThemedClassName.d.ts.map +0 -1
  435. package/dist/types/src/util/domino.d.ts +0 -18
  436. package/dist/types/src/util/domino.d.ts.map +0 -1
  437. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
  438. package/src/components/AnchoredOverflow/index.ts +0 -5
  439. package/src/components/Dialogs/AlertDialog.stories.tsx +0 -69
  440. package/src/components/Dialogs/Dialog.stories.tsx +0 -67
  441. package/src/components/Dialogs/Dialog.tsx +0 -159
  442. package/src/testing/decorators/withSurfaceVariantsLayout.tsx +0 -51
  443. package/src/util/ThemedClassName.ts +0 -7
  444. package/src/util/domino.ts +0 -51
  445. /package/dist/types/src/components/{Buttons → Button}/index.d.ts +0 -0
  446. /package/dist/types/src/components/{Dialogs → Dialog}/AlertDialog.stories.d.ts +0 -0
  447. /package/dist/types/src/components/{Dialogs → Dialog}/index.d.ts +0 -0
  448. /package/dist/types/src/components/{Lists → List}/ListDropIndicator.d.ts +0 -0
  449. /package/dist/types/src/components/{Lists → List}/Tree.stories.d.ts +0 -0
  450. /package/dist/types/src/components/{Lists → List}/TreeDropIndicator.d.ts +0 -0
  451. /package/dist/types/src/components/{Lists → List}/Treegrid.stories.d.ts +0 -0
  452. /package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
  453. /package/dist/types/src/components/{Menus → Menu}/ContextMenu.stories.d.ts +0 -0
  454. /package/dist/types/src/components/{Menus → Menu}/index.d.ts +0 -0
  455. /package/src/components/{Buttons → Button}/index.ts +0 -0
  456. /package/src/components/{Dialogs → Dialog}/index.ts +0 -0
  457. /package/src/components/{Lists → List}/index.ts +0 -0
  458. /package/src/components/{Menus → Menu}/index.ts +0 -0
@@ -0,0 +1,121 @@
1
+ import type { Scope } from '@radix-ui/react-context';
2
+ import * as MenuPrimitive from '@radix-ui/react-menu';
3
+ import { Primitive } from '@radix-ui/react-primitive';
4
+ import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type FC, PropsWithChildren, type ReactNode, type RefObject } from 'react';
5
+ import { type ThemedClassName } from '../../util';
6
+ type Direction = 'ltr' | 'rtl';
7
+ type ScopedProps<P> = P & {
8
+ __scopeDropdownMenu?: Scope;
9
+ };
10
+ declare const createDropdownMenuScope: import("@radix-ui/react-context").CreateScope;
11
+ type DropdownMenuContextValue = {
12
+ triggerId: string;
13
+ triggerRef: RefObject<HTMLButtonElement | null>;
14
+ contentId: string;
15
+ open: boolean;
16
+ onOpenChange(open: boolean): void;
17
+ onOpenToggle(): void;
18
+ modal: boolean;
19
+ };
20
+ declare const useDropdownMenuContext: (consumerName: string, scope: Scope<DropdownMenuContextValue | undefined>) => DropdownMenuContextValue;
21
+ type DropdownMenuRootProps = PropsWithChildren<{
22
+ dir?: Direction;
23
+ modal?: boolean;
24
+ open?: boolean;
25
+ defaultOpen?: boolean;
26
+ onOpenChange?(open: boolean): void;
27
+ }>;
28
+ declare function DropdownMenuRoot({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange }: ScopedProps<DropdownMenuRootProps>): React.JSX.Element;
29
+ declare namespace DropdownMenuRoot {
30
+ var displayName: string;
31
+ }
32
+ type DropdownMenuTriggerElement = ComponentRef<typeof Primitive.button>;
33
+ type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
34
+ type DropdownMenuTriggerProps = PrimitiveButtonProps;
35
+ type DropdownMenuVirtualTriggerProps = {
36
+ virtualRef: RefObject<DropdownMenuTriggerElement | null>;
37
+ };
38
+ declare function DropdownMenuVirtualTrigger(props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
39
+ declare namespace DropdownMenuVirtualTrigger {
40
+ var displayName: string;
41
+ }
42
+ type MenuPortalProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
43
+ type DropdownMenuPortalProps = MenuPortalProps;
44
+ type DropdownMenuViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
45
+ asChild?: boolean;
46
+ };
47
+ type MenuContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Content>>;
48
+ type DropdownMenuContentProps = Omit<MenuContentProps, 'onEntryFocus'>;
49
+ type MenuGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Group>;
50
+ type DropdownMenuGroupProps = MenuGroupProps;
51
+ type MenuLabelProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Label>>;
52
+ type DropdownMenuLabelProps = MenuLabelProps;
53
+ type MenuItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Item>>;
54
+ type DropdownMenuItemProps = MenuItemProps;
55
+ type MenuCheckboxItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>>;
56
+ type DropdownMenuCheckboxItemProps = MenuCheckboxItemProps;
57
+ type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>;
58
+ type DropdownMenuRadioGroupProps = MenuRadioGroupProps;
59
+ type MenuRadioItemProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>;
60
+ type DropdownMenuRadioItemProps = ThemedClassName<MenuRadioItemProps>;
61
+ type MenuItemIndicatorProps = ComponentPropsWithoutRef<typeof MenuPrimitive.ItemIndicator>;
62
+ type DropdownMenuItemIndicatorProps = MenuItemIndicatorProps;
63
+ type MenuSeparatorProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>>;
64
+ type DropdownMenuSeparatorProps = MenuSeparatorProps;
65
+ type MenuArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>>;
66
+ type DropdownMenuArrowProps = MenuArrowProps;
67
+ type DropdownMenuSubProps = {
68
+ children?: ReactNode;
69
+ open?: boolean;
70
+ defaultOpen?: boolean;
71
+ onOpenChange?(open: boolean): void;
72
+ };
73
+ type MenuSubTriggerProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
74
+ type DropdownMenuSubTriggerProps = MenuSubTriggerProps;
75
+ type MenuSubContentProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubContent>;
76
+ type DropdownMenuSubContentProps = MenuSubContentProps;
77
+ export declare const DropdownMenu: {
78
+ Root: {
79
+ ({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange, }: ScopedProps<DropdownMenuRootProps>): React.JSX.Element;
80
+ displayName: string;
81
+ };
82
+ Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
83
+ asChild?: boolean;
84
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
85
+ VirtualTrigger: {
86
+ (props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
87
+ displayName: string;
88
+ };
89
+ Portal: FC<MenuPrimitive.MenuPortalProps>;
90
+ Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
91
+ Viewport: React.ForwardRefExoticComponent<Omit<DropdownMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
92
+ Group: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
93
+ GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
94
+ classNames?: import("@dxos/ui-types").ClassNameValue;
95
+ } & React.RefAttributes<HTMLDivElement>>;
96
+ Item: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
97
+ classNames?: import("@dxos/ui-types").ClassNameValue;
98
+ } & React.RefAttributes<HTMLDivElement>>;
99
+ CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
100
+ classNames?: import("@dxos/ui-types").ClassNameValue;
101
+ } & React.RefAttributes<HTMLDivElement>>;
102
+ RadioGroup: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
103
+ RadioItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
104
+ classNames?: import("@dxos/ui-types").ClassNameValue;
105
+ } & React.RefAttributes<HTMLDivElement>>;
106
+ ItemIndicator: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
107
+ Separator: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
108
+ classNames?: import("@dxos/ui-types").ClassNameValue;
109
+ } & React.RefAttributes<HTMLDivElement>>;
110
+ Arrow: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
111
+ classNames?: import("@dxos/ui-types").ClassNameValue;
112
+ } & React.RefAttributes<SVGSVGElement>>;
113
+ Sub: FC<DropdownMenuSubProps>;
114
+ SubTrigger: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
115
+ SubContent: React.ForwardRefExoticComponent<Omit<MenuPrimitive.MenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
116
+ };
117
+ type DropdownMenuScope = Scope;
118
+ declare const useDropdownMenuMenuScope: (scope?: DropdownMenuScope) => any;
119
+ export { createDropdownMenuScope, useDropdownMenuContext, useDropdownMenuMenuScope };
120
+ export type { DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuVirtualTriggerProps, DropdownMenuPortalProps, DropdownMenuContentProps, DropdownMenuViewportProps, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuItemIndicatorProps, DropdownMenuSeparatorProps, DropdownMenuArrowProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, };
121
+ //# sourceMappingURL=DropdownMenu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,28 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ ({ __scopeDropdownMenu, children, dir, modal, open: openProp, defaultOpen, onOpenChange, }: {
7
+ dir?: "ltr" | "rtl";
8
+ modal?: boolean;
9
+ open?: boolean;
10
+ defaultOpen?: boolean;
11
+ onOpenChange?(open: boolean): void;
12
+ } & {
13
+ children?: React.ReactNode | undefined;
14
+ } & {
15
+ __scopeDropdownMenu?: import("@radix-ui/react-context").Scope;
16
+ }): React.JSX.Element;
17
+ displayName: string;
18
+ };
19
+ render: () => React.JSX.Element;
20
+ decorators: import("@storybook/react").Decorator[];
21
+ };
22
+ export default meta;
23
+ type Story = StoryObj<typeof meta>;
24
+ export declare const Default: Story;
25
+ export declare const VirtualTrigger: {
26
+ render: () => React.JSX.Element;
27
+ };
28
+ //# sourceMappingURL=DropdownMenu.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAuFhD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAK2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAoCP,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { Primitive } from '@radix-ui/react-primitive';
2
2
  import React, { type ComponentPropsWithRef } from 'react';
3
- import { type Elevation, type MessageValence } from '@dxos/react-ui-types';
3
+ import { type Elevation, type MessageValence } from '@dxos/ui-types';
4
4
  import { type ThemedClassName } from '../../util';
5
5
  declare const messageIcons: Record<MessageValence, string>;
6
6
  type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
@@ -11,8 +11,8 @@ type MessageRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.d
11
11
  descriptionId?: string;
12
12
  };
13
13
  type MessageTitleProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
14
- asChild?: boolean;
15
14
  icon?: string;
15
+ onClose?: () => void;
16
16
  };
17
17
  type MessageContentProps = Omit<ThemedClassName<ComponentPropsWithRef<typeof Primitive.h2>>, 'id'> & {
18
18
  asChild?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3E,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AA4CF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA+BF,KAAK,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAwBF,eAAO,MAAM,OAAO;;;;CAAsE,CAAC;AAC3F,eAAO,MAAM,OAAO;;;;CAAU,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAIlD,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMhD,CAAC;AAEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAuDF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACjG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAsCF,KAAK,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IACnG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAuBF,eAAO,MAAM,OAAO;IAClB,IAAI;IACJ,KAAK;IACL,OAAO;CACR,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAAU,CAAC;AAE/B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
- import { type MessageValence } from '@dxos/react-ui-types';
4
- type StoryProps = {
3
+ import { type MessageValence } from '@dxos/ui-types';
4
+ type DefaultStoryProps = {
5
5
  valence: MessageValence;
6
6
  title: string;
7
7
  body: string;
@@ -9,12 +9,10 @@ type StoryProps = {
9
9
  declare const meta: {
10
10
  title: string;
11
11
  component: any;
12
- render: ({ valence, title, body }: StoryProps) => React.JSX.Element;
12
+ render: ({ valence, title, body }: DefaultStoryProps) => React.JSX.Element;
13
13
  decorators: import("@storybook/react").Decorator[];
14
14
  parameters: {
15
- chromatic: {
16
- disableSnapshot: boolean;
17
- };
15
+ layout: string;
18
16
  };
19
17
  argTypes: {
20
18
  valence: {
@@ -26,4 +24,5 @@ declare const meta: {
26
24
  export default meta;
27
25
  type Story = StoryObj<typeof meta>;
28
26
  export declare const Default: Story;
27
+ export declare const Error: Story;
29
28
  //# sourceMappingURL=Message.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM3D,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AASF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCATgB,UAAU;;;;;;;;;;;;;CAmBrB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
1
+ {"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOrD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAWF,QAAA,MAAM,IAAI;;eAEmB,GAAG;uCAXgB,iBAAiB;;;QAe7D,MAAM;;;;;;;;CAQ2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
@@ -4,31 +4,35 @@ import { FocusScope } from '@radix-ui/react-focus-scope';
4
4
  import * as PopperPrimitive from '@radix-ui/react-popper';
5
5
  import { Portal as PortalPrimitive } from '@radix-ui/react-portal';
6
6
  import { Primitive } from '@radix-ui/react-primitive';
7
- import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode, type RefObject } from 'react';
7
+ import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type FC, type ReactNode, type RefObject } from 'react';
8
8
  import { type ThemedClassName } from '../../util';
9
9
  type ScopedProps<P> = P & {
10
10
  __scopePopover?: Scope;
11
11
  };
12
12
  declare const createPopoverScope: import("@radix-ui/react-context").CreateScope;
13
- interface PopoverRootProps {
13
+ type PopoverRootProps = {
14
14
  children?: ReactNode;
15
15
  open?: boolean;
16
16
  defaultOpen?: boolean;
17
17
  onOpenChange?: (open: boolean) => void;
18
18
  modal?: boolean;
19
- }
19
+ };
20
20
  type PopperAnchorProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
21
- interface PopoverAnchorProps extends PopperAnchorProps {
22
- }
23
- type PopoverTriggerElement = ElementRef<typeof Primitive.button>;
21
+ type PopoverAnchorProps = PopperAnchorProps;
22
+ type PopoverTriggerElement = ComponentRef<typeof Primitive.button>;
24
23
  type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
25
- interface PopoverTriggerProps extends PrimitiveButtonProps {
26
- }
27
- interface PopoverVirtualTriggerProps {
24
+ type PopoverTriggerProps = PrimitiveButtonProps & {
25
+ asChild?: boolean;
26
+ };
27
+ type PopoverVirtualTriggerProps = {
28
28
  virtualRef: RefObject<PopoverTriggerElement | null>;
29
+ };
30
+ declare function PopoverVirtualTrigger(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
31
+ declare namespace PopoverVirtualTrigger {
32
+ var displayName: string;
29
33
  }
30
34
  type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
31
- interface PopoverPortalProps {
35
+ type PopoverPortalProps = {
32
36
  children?: ReactNode;
33
37
  /**
34
38
  * Specify a container element to portal the content into.
@@ -39,6 +43,10 @@ interface PopoverPortalProps {
39
43
  * controlling animation with React animation libraries.
40
44
  */
41
45
  forceMount?: true;
46
+ };
47
+ declare function PopoverPortal(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
48
+ declare namespace PopoverPortal {
49
+ var displayName: string;
42
50
  }
43
51
  type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
44
52
  /**
@@ -52,7 +60,7 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
52
60
  type FocusScopeProps = ComponentPropsWithoutRef<typeof FocusScope>;
53
61
  type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
54
62
  type PopperContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Content>>;
55
- interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {
63
+ type PopoverContentImplProps = Omit<PopperContentProps, 'onPlaced'> & Omit<DismissableLayerProps, 'onDismiss'> & {
56
64
  /**
57
65
  * Whether focus should be trapped within the `Popover`
58
66
  * (default: false)
@@ -68,12 +76,10 @@ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>,
68
76
  * Can be prevented.
69
77
  */
70
78
  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
71
- }
72
- interface PopoverCloseProps extends PrimitiveButtonProps {
73
- }
79
+ };
80
+ type PopoverCloseProps = PrimitiveButtonProps;
74
81
  type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
75
- interface PopoverArrowProps extends PopperArrowProps {
76
- }
82
+ type PopoverArrowProps = PopperArrowProps;
77
83
  type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
78
84
  asChild?: boolean;
79
85
  constrainInline?: boolean;
@@ -81,16 +87,23 @@ type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primiti
81
87
  };
82
88
  type PopoverContentInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps['onInteractOutside']>>[0];
83
89
  export declare const Popover: {
84
- Root: React.FC<PopoverRootProps>;
85
- Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
86
- Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
90
+ Root: FC<PopoverRootProps>;
91
+ Anchor: React.ForwardRefExoticComponent<Omit<PopperPrimitive.PopperAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
92
+ Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
93
+ asChild?: boolean;
94
+ }, "ref"> & {
95
+ asChild?: boolean;
96
+ } & React.RefAttributes<HTMLButtonElement>>;
87
97
  VirtualTrigger: {
88
98
  (props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
89
99
  displayName: string;
90
100
  };
91
- Portal: React.FC<PopoverPortalProps>;
101
+ Portal: {
102
+ (props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
103
+ displayName: string;
104
+ };
92
105
  Content: React.ForwardRefExoticComponent<Omit<PopoverContentTypeProps, "className"> & {
93
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
106
+ classNames?: import("@dxos/ui-types").ClassNameValue;
94
107
  } & {
95
108
  /**
96
109
  * Used to force mounting when more control is needed. Useful when
@@ -98,8 +111,12 @@ export declare const Popover: {
98
111
  */
99
112
  forceMount?: boolean;
100
113
  } & React.RefAttributes<HTMLDivElement>>;
101
- Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
102
- Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
114
+ Close: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
115
+ asChild?: boolean;
116
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
117
+ Arrow: React.ForwardRefExoticComponent<Omit<Omit<PopperPrimitive.PopperArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
118
+ classNames?: import("@dxos/ui-types").ClassNameValue;
119
+ } & React.RefAttributes<SVGSVGElement>>;
103
120
  Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
104
121
  };
105
122
  export { createPopoverScope };
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAyBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}
1
+ {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAwBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAoBP,CAAC"}
@@ -1,32 +1,32 @@
1
- import { type ScrollAreaCornerProps as ScrollAreaPrimitiveCornerProps, type ScrollAreaProps as ScrollAreaPrimitiveRootProps, type ScrollAreaScrollbarProps as ScrollAreaPrimitiveScrollbarProps, type ScrollAreaThumbProps as ScrollAreaPrimitiveThumbProps, type ScrollAreaViewportProps as ScrollAreaPrimitiveViewportProps } from '@radix-ui/react-scroll-area';
2
1
  import React from 'react';
3
- import { type ThemedClassName } from '../../util';
4
- type ScrollAreaVariant = 'coarse' | 'fine';
5
- type ScrollAreaRootProps = ThemedClassName<ScrollAreaPrimitiveRootProps>;
6
- type ScrollAreaViewportProps = ThemedClassName<ScrollAreaPrimitiveViewportProps>;
7
- type ScrollAreaScrollbarProps = ThemedClassName<ScrollAreaPrimitiveScrollbarProps> & {
8
- variant?: ScrollAreaVariant;
2
+ import { type AllowedAxis, type SlottableProps } from '@dxos/ui-types';
3
+ type ScrollAreaContextType = {
4
+ /** Orientation of scrollbars. */
5
+ orientation: AllowedAxis;
6
+ /** Hide scrollbars when not scrolling. */
7
+ autoHide: boolean;
8
+ /** Apply padding to opposite side of scrollbar. */
9
+ centered?: boolean;
10
+ /** Apply padding. */
11
+ padding: boolean;
12
+ /** Use thin scrollbars. */
13
+ thin: boolean;
14
+ /** Enable snap scrolling. */
15
+ snap: boolean;
9
16
  };
10
- type ScrollAreaThumbProps = ThemedClassName<ScrollAreaPrimitiveThumbProps>;
11
- type ScrollAreaCornerProps = ThemedClassName<ScrollAreaPrimitiveCornerProps>;
17
+ type ScrollAreaRootProps = Partial<ScrollAreaContextType>;
18
+ type ScrollAreaViewportProps = SlottableProps;
12
19
  export declare const ScrollArea: {
13
- Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveRootProps, "className"> & {
14
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
15
- } & React.RefAttributes<HTMLDivElement>>;
16
- Viewport: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveViewportProps, "className"> & {
17
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
18
- } & React.RefAttributes<HTMLDivElement>>;
19
- Scrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveScrollbarProps, "className"> & {
20
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
21
- } & {
22
- variant?: ScrollAreaVariant;
23
- } & React.RefAttributes<HTMLDivElement>>;
24
- Thumb: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveThumbProps, "className"> & {
25
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
26
- } & React.RefAttributes<HTMLDivElement>>;
27
- Corner: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitiveCornerProps, "className"> & {
28
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
29
- } & React.RefAttributes<HTMLDivElement>>;
20
+ Root: React.ForwardRefExoticComponent<Omit<Partial<ScrollAreaContextType> & {
21
+ asChild?: boolean;
22
+ }, "className"> & {
23
+ classNames?: import("@dxos/ui-types").ClassNameValue;
24
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
25
+ Viewport: React.ForwardRefExoticComponent<Omit<{
26
+ asChild?: boolean;
27
+ }, "className"> & {
28
+ classNames?: import("@dxos/ui-types").ClassNameValue;
29
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
30
30
  };
31
- export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, };
31
+ export type { ScrollAreaRootProps, ScrollAreaViewportProps };
32
32
  //# sourceMappingURL=ScrollArea.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,eAAe,IAAI,4BAA4B,EAEpD,KAAK,wBAAwB,IAAI,iCAAiC,EAElE,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,KAAK,mBAAmB,GAAG,eAAe,CAAC,4BAA4B,CAAC,CAAC;AAgBzE,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,CAAC;AAejF,KAAK,wBAAwB,GAAG,eAAe,CAAC,iCAAiC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAgBrH,KAAK,oBAAoB,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;AAa3E,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,CAAC;AAa7E,eAAO,MAAM,UAAU;;;;;;;;;;kBA1C0E,iBAAiB;;;;;;;;CAgDjH,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,CAAC"}
1
+ {"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUvE,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAUF,KAAK,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AA8C1D,KAAK,uBAAuB,GAAG,cAAc,CAAC;AAkC9C,eAAO,MAAM,UAAU;IACrB,IAAI;;;;;IACJ,QAAQ;;;;;CACT,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}
@@ -1,12 +1,61 @@
1
- import { type StoryObj } from '@storybook/react-vite';
2
- import React, { type PropsWithChildren } from 'react';
3
- declare const meta: {
1
+ import React from 'react';
2
+ declare const _default: {
4
3
  title: string;
5
- component: any;
6
- render: ({ children }: PropsWithChildren<{}>) => React.JSX.Element;
4
+ component: {
5
+ Root: React.ForwardRefExoticComponent<Omit<Partial<{
6
+ orientation: import("@dxos/ui-types").AllowedAxis;
7
+ autoHide: boolean;
8
+ centered?: boolean;
9
+ padding: boolean;
10
+ thin: boolean;
11
+ snap: boolean;
12
+ }> & {
13
+ asChild?: boolean;
14
+ }, "className"> & {
15
+ classNames?: import("@dxos/ui-types").ClassNameValue;
16
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
17
+ Viewport: React.ForwardRefExoticComponent<Omit<{
18
+ asChild?: boolean;
19
+ }, "className"> & {
20
+ classNames?: import("@dxos/ui-types").ClassNameValue;
21
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
22
+ };
7
23
  decorators: import("@storybook/react").Decorator[];
24
+ parameters: {
25
+ layout: string;
26
+ };
27
+ };
28
+ export default _default;
29
+ export declare const Vertical: {
30
+ render: () => React.JSX.Element;
31
+ };
32
+ export declare const VerticalThin: {
33
+ render: () => React.JSX.Element;
34
+ };
35
+ export declare const VerticalPadded: {
36
+ render: () => React.JSX.Element;
37
+ };
38
+ export declare const VerticalColumn: {
39
+ render: () => React.JSX.Element;
40
+ };
41
+ export declare const Horizontal: {
42
+ render: () => React.JSX.Element;
43
+ };
44
+ export declare const HorizontalThin: {
45
+ render: () => React.JSX.Element;
46
+ };
47
+ export declare const Both: {
48
+ render: () => React.JSX.Element;
49
+ };
50
+ export declare const Fullscreen: {
51
+ decorators: import("@storybook/react").Decorator[];
52
+ render: () => React.JSX.Element;
53
+ };
54
+ export declare const NestedScrollAreas: {
55
+ decorators: import("@storybook/react").Decorator[];
56
+ render: () => React.JSX.Element;
57
+ };
58
+ export declare const NativeScroll: {
59
+ render: () => React.JSX.Element;
8
60
  };
9
- export default meta;
10
- type Story = StoryObj<typeof meta>;
11
- export declare const Default: Story;
12
61
  //# sourceMappingURL=ScrollArea.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA8BtD,QAAA,MAAM,IAAI;;eAEiB,GAAG;2BArBM,iBAAiB,CAAC,EAAE,CAAC;;CAwBpB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
1
+ {"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;;IAcxD,KAAK;IACL,SAAS;;;;;;;;;;;;;;;;;;;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AAmCV,eAAO,MAAM,QAAQ;IACnB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAcP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAsBP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,UAAU;IACV,MAAM;CAoBP,CAAC;AAEF,eAAO,MAAM,iBAAiB;IAC5B,UAAU;IACV,MAAM;CAmCP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CAgBP,CAAC"}
@@ -0,0 +1,68 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import { type SlottableProps } from '@dxos/ui-types';
3
+ import { type ThemedClassName } from '../../util';
4
+ import { type ScrollAreaRootProps } from '../ScrollArea';
5
+ export interface ScrollController {
6
+ viewport: HTMLDivElement | null;
7
+ scrollToTop: (behavior?: ScrollBehavior) => void;
8
+ scrollToBottom: (behavior?: ScrollBehavior) => void;
9
+ }
10
+ type ScrollContainerContextValue = {
11
+ controller?: ScrollController;
12
+ pinned?: boolean;
13
+ overflow?: boolean;
14
+ /** Called by Viewport to register/unregister the scroll element. */
15
+ setViewport: (el: HTMLDivElement | null) => void;
16
+ /** Called by Viewport on wheel events to update pinned state. */
17
+ setPinned: (value: boolean) => void;
18
+ /** Called by Viewport on scroll events to update overflow state. */
19
+ setOverflow: (value: boolean) => void;
20
+ };
21
+ declare const useScrollContainerContext: (consumerName: string) => ScrollContainerContextValue;
22
+ type RootProps = PropsWithChildren<{
23
+ pin?: boolean;
24
+ behavior?: ScrollBehavior;
25
+ }>;
26
+ type ContentProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
27
+ type ViewportProps = SlottableProps;
28
+ type FadeProps = {};
29
+ declare function Fade(): React.JSX.Element;
30
+ declare namespace Fade {
31
+ var displayName: string;
32
+ }
33
+ type ScrollDownButtonProps = ThemedClassName;
34
+ declare function ScrollDownButton({ classNames }: ScrollDownButtonProps): React.JSX.Element;
35
+ declare namespace ScrollDownButton {
36
+ var displayName: string;
37
+ }
38
+ export { useScrollContainerContext };
39
+ export declare const ScrollContainer: {
40
+ Root: React.ForwardRefExoticComponent<{
41
+ pin?: boolean;
42
+ behavior?: ScrollBehavior;
43
+ } & {
44
+ children?: React.ReactNode | undefined;
45
+ } & React.RefAttributes<ScrollController>>;
46
+ Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
47
+ classNames?: import("@dxos/ui-types").ClassNameValue;
48
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
49
+ Viewport: React.ForwardRefExoticComponent<Omit<Omit<{
50
+ asChild?: boolean;
51
+ }, "className"> & {
52
+ classNames?: import("@dxos/ui-types").ClassNameValue;
53
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & {
54
+ asChild?: boolean;
55
+ }, "className"> & {
56
+ classNames?: import("@dxos/ui-types").ClassNameValue;
57
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
58
+ Fade: {
59
+ (): React.JSX.Element;
60
+ displayName: string;
61
+ };
62
+ ScrollDownButton: {
63
+ ({ classNames }: ScrollDownButtonProps): React.JSX.Element;
64
+ displayName: string;
65
+ };
66
+ };
67
+ export type { RootProps as ScrollContainerRootProps, ContentProps as ScrollContainerContentProps, ViewportProps as ScrollContainerViewportProps, FadeProps as ScrollContainerFadeProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
68
+ //# sourceMappingURL=ScrollContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EASvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAMrE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,KAAK,2BAA2B,GAAG;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,EAAE,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,iEAAiE;IACjE,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,oEAAoE;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAAgC,yBAAyB,uDACM,CAAC;AAMhE,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CAAC;AAuFH,KAAK,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA8B/E,KAAK,aAAa,GAAG,cAAc,CAAC;AA8FpC,KAAK,SAAS,GAAG,EAAE,CAAC;;;;;AA2BpB,KAAK,qBAAqB,GAAG,eAAe,CAAC;kCAEnB,EAAE,UAAU,EAAE,EAAE,qBAAqB;;;;AA8B/D,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cAlRpB,OAAO;mBACF,cAAc;;;;;;;;;;;;;;;;;;;;;yBAiPe,qBAAqB;;;CAsC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,YAAY,IAAI,2BAA2B,EAC3C,aAAa,IAAI,4BAA4B,EAC7C,SAAS,IAAI,wBAAwB,EACrC,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}