@dxos/react-ui 0.8.4-main.ead640a → 0.8.4-main.f466a3d56e

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 (476) hide show
  1. package/LICENSE +102 -5
  2. package/README.md +1 -1
  3. package/dist/lib/browser/chunk-A5QCIG5R.mjs +24 -0
  4. package/dist/lib/browser/chunk-A5QCIG5R.mjs.map +7 -0
  5. package/dist/lib/browser/chunk-LY5XDQR5.mjs +846 -0
  6. package/dist/lib/browser/chunk-LY5XDQR5.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +4409 -65
  8. package/dist/lib/browser/index.mjs.map +4 -4
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/testing/index.mjs +88 -70
  11. package/dist/lib/browser/testing/index.mjs.map +4 -4
  12. package/dist/lib/browser/translations.mjs +9 -0
  13. package/dist/lib/browser/translations.mjs.map +7 -0
  14. package/dist/lib/node-esm/chunk-NGKLIKP3.mjs +848 -0
  15. package/dist/lib/node-esm/chunk-NGKLIKP3.mjs.map +7 -0
  16. package/dist/lib/node-esm/chunk-XCFLA74M.mjs +26 -0
  17. package/dist/lib/node-esm/chunk-XCFLA74M.mjs.map +7 -0
  18. package/dist/lib/node-esm/index.mjs +4409 -65
  19. package/dist/lib/node-esm/index.mjs.map +4 -4
  20. package/dist/lib/node-esm/meta.json +1 -1
  21. package/dist/lib/node-esm/testing/index.mjs +88 -70
  22. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  23. package/dist/lib/node-esm/translations.mjs +10 -0
  24. package/dist/lib/node-esm/translations.mjs.map +7 -0
  25. package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
  26. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  27. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  28. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
  29. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  30. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
  31. package/dist/types/src/components/{Buttons → Button}/Button.d.ts +3 -3
  32. package/dist/types/src/components/Button/Button.d.ts.map +1 -0
  33. package/dist/types/src/components/{Buttons → Button}/Button.stories.d.ts +1 -1
  34. package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -0
  35. package/dist/types/src/components/{Buttons → Button}/IconButton.d.ts +3 -2
  36. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -0
  37. package/dist/types/src/components/{Buttons → Button}/IconButton.stories.d.ts +3 -0
  38. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -0
  39. package/dist/types/src/components/{Buttons → Button}/Toggle.d.ts +2 -2
  40. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -0
  41. package/dist/types/src/components/Button/Toggle.stories.d.ts +16 -0
  42. package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -0
  43. package/dist/types/src/components/Button/ToggleGroup.d.ts +27 -0
  44. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -0
  45. package/dist/types/src/components/{Buttons → Button}/ToggleGroup.stories.d.ts +6 -6
  46. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -0
  47. package/dist/types/src/components/Button/index.d.ts.map +1 -0
  48. package/dist/types/src/components/Card/Card.d.ts +124 -0
  49. package/dist/types/src/components/Card/Card.d.ts.map +1 -0
  50. package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
  51. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
  52. package/dist/types/src/components/Card/index.d.ts +2 -0
  53. package/dist/types/src/components/Card/index.d.ts.map +1 -0
  54. package/dist/types/src/components/Carousel/Carousel.d.ts +90 -0
  55. package/dist/types/src/components/Carousel/Carousel.d.ts.map +1 -0
  56. package/dist/types/src/components/Carousel/index.d.ts +2 -0
  57. package/dist/types/src/components/Carousel/index.d.ts.map +1 -0
  58. package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
  59. package/dist/types/src/components/Clipboard/CopyButton.d.ts +1 -1
  60. package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
  61. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  62. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  63. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts +1 -1
  64. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
  65. package/dist/types/src/components/Dialog/AlertDialog.d.ts +51 -0
  66. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -0
  67. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -0
  68. package/dist/types/src/components/Dialog/Dialog.d.ts +64 -0
  69. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -0
  70. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +25 -0
  71. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -0
  72. package/dist/types/src/components/Dialog/index.d.ts.map +1 -0
  73. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts +1 -1
  74. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
  75. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
  76. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
  77. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
  78. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
  79. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +19 -0
  80. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
  81. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
  82. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
  83. package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
  84. package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
  85. package/dist/types/src/components/Focus/Focus.d.ts +36 -0
  86. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
  87. package/dist/types/src/components/Focus/Focus.stories.d.ts +9 -0
  88. package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
  89. package/dist/types/src/components/Focus/index.d.ts +2 -0
  90. package/dist/types/src/components/Focus/index.d.ts.map +1 -0
  91. package/dist/types/src/components/Icon/Icon.d.ts +5 -1
  92. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  93. package/dist/types/src/components/Icon/Icon.stories.d.ts +25 -0
  94. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -0
  95. package/dist/types/src/components/Image/Image.d.ts +15 -0
  96. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  97. package/dist/types/src/components/Image/Image.stories.d.ts +34 -0
  98. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  99. package/dist/types/src/components/Image/index.d.ts +2 -0
  100. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  101. package/dist/types/src/components/Input/Input.d.ts +19 -22
  102. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  103. package/dist/types/src/components/Input/Input.stories.d.ts +8 -8
  104. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  105. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  106. package/dist/types/src/components/{Lists → List}/List.d.ts +6 -4
  107. package/dist/types/src/components/List/List.d.ts.map +1 -0
  108. package/dist/types/src/components/{Lists → List}/List.stories.d.ts +3 -1
  109. package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
  110. package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -0
  111. package/dist/types/src/components/{Lists → List}/Tree.d.ts +2 -2
  112. package/dist/types/src/components/List/Tree.d.ts.map +1 -0
  113. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
  114. package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -0
  115. package/dist/types/src/components/{Lists → List}/Treegrid.d.ts +5 -9
  116. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -0
  117. package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -0
  118. package/dist/types/src/components/List/index.d.ts.map +1 -0
  119. package/dist/types/src/components/Main/Main.d.ts +24 -21
  120. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  121. package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
  122. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  123. package/dist/types/src/components/Main/useSwipeToDismiss.d.ts.map +1 -1
  124. package/dist/types/src/components/MediaPlayer/MediaPlayer.d.ts +46 -0
  125. package/dist/types/src/components/MediaPlayer/MediaPlayer.d.ts.map +1 -0
  126. package/dist/types/src/components/MediaPlayer/MediaPlayer.stories.d.ts +16 -0
  127. package/dist/types/src/components/MediaPlayer/MediaPlayer.stories.d.ts.map +1 -0
  128. package/dist/types/src/components/MediaPlayer/index.d.ts +2 -0
  129. package/dist/types/src/components/MediaPlayer/index.d.ts.map +1 -0
  130. package/dist/types/src/components/{Menus → Menu}/ContextMenu.d.ts +6 -6
  131. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -0
  132. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -0
  133. package/dist/types/src/components/Menu/DropdownMenu.d.ts +121 -0
  134. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -0
  135. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +28 -0
  136. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -0
  137. package/dist/types/src/components/Menu/index.d.ts.map +1 -0
  138. package/dist/types/src/components/Message/Message.d.ts +2 -2
  139. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  140. package/dist/types/src/components/Message/Message.stories.d.ts +5 -6
  141. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  142. package/dist/types/src/components/Popover/Popover.d.ts +40 -23
  143. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  144. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  145. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +27 -27
  146. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  147. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +57 -8
  148. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  149. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +68 -0
  150. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -0
  151. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +23 -0
  152. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -0
  153. package/dist/types/src/components/ScrollContainer/index.d.ts +2 -0
  154. package/dist/types/src/components/ScrollContainer/index.d.ts.map +1 -0
  155. package/dist/types/src/components/Select/Select.d.ts +10 -10
  156. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  157. package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
  158. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  159. package/dist/types/src/components/Separator/Separator.d.ts +4 -4
  160. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  161. package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
  162. package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
  163. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
  164. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
  165. package/dist/types/src/components/Skeleton/index.d.ts +2 -0
  166. package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
  167. package/dist/types/src/components/Splitter/Splitter.d.ts +34 -0
  168. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
  169. package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
  170. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
  171. package/dist/types/src/components/Splitter/index.d.ts +2 -0
  172. package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
  173. package/dist/types/src/components/Status/Status.d.ts +3 -4
  174. package/dist/types/src/components/Status/Status.d.ts.map +1 -1
  175. package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
  176. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  177. package/dist/types/src/components/Tag/Tag.d.ts +1 -1
  178. package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
  179. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
  180. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  181. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +3 -3
  182. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  183. package/dist/types/src/components/{Menus/DropdownMenu.stories.d.ts → ThemeProvider/ThemeProvider.stories.d.ts} +2 -5
  184. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  185. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +55 -63
  186. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  187. package/dist/types/src/components/ThemeProvider/index.d.ts +2 -1
  188. package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
  189. package/dist/types/src/components/Toast/Toast.d.ts +20 -20
  190. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  191. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  192. package/dist/types/src/components/Toolbar/Toolbar.d.ts +40 -20
  193. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  194. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  195. package/dist/types/src/components/Tooltip/Tooltip.d.ts +16 -16
  196. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  197. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
  198. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  199. package/dist/types/src/components/index.d.ts +16 -8
  200. package/dist/types/src/components/index.d.ts.map +1 -1
  201. package/dist/types/src/exemplars/generics.stories.d.ts +19 -0
  202. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
  203. package/dist/types/src/exemplars/slot.stories.d.ts +15 -0
  204. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
  205. package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
  206. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
  207. package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
  208. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
  209. package/dist/types/src/hooks/index.d.ts +1 -0
  210. package/dist/types/src/hooks/index.d.ts.map +1 -1
  211. package/dist/types/src/hooks/useDensityContext.d.ts +2 -2
  212. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  213. package/dist/types/src/hooks/useElevationContext.d.ts +1 -1
  214. package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
  215. package/dist/types/src/hooks/useIconHref.d.ts.map +1 -1
  216. package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
  217. package/dist/types/src/hooks/useSafeCollisionPadding.d.ts.map +1 -1
  218. package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
  219. package/dist/types/src/index.d.ts +2 -1
  220. package/dist/types/src/index.d.ts.map +1 -1
  221. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  222. package/dist/types/src/playground/Custom.stories.d.ts +1 -1
  223. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  224. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
  225. package/dist/types/src/primitives/Column/Column.d.ts +33 -0
  226. package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
  227. package/dist/types/src/primitives/Column/Column.stories.d.ts +25 -0
  228. package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
  229. package/dist/types/src/primitives/Column/index.d.ts +2 -0
  230. package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
  231. package/dist/types/src/primitives/Container/Container.d.ts +7 -0
  232. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
  233. package/dist/types/src/primitives/Container/Container.stories.d.ts +6 -0
  234. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
  235. package/dist/types/src/primitives/Container/index.d.ts +2 -0
  236. package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
  237. package/dist/types/src/primitives/Flex/Flex.d.ts +11 -0
  238. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
  239. package/dist/types/src/primitives/Flex/Flex.stories.d.ts +8 -0
  240. package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
  241. package/dist/types/src/primitives/Flex/index.d.ts +2 -0
  242. package/dist/types/src/primitives/Flex/index.d.ts.map +1 -0
  243. package/dist/types/src/primitives/Grid/Grid.d.ts +10 -0
  244. package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
  245. package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
  246. package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
  247. package/dist/types/src/primitives/Grid/index.d.ts +2 -0
  248. package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
  249. package/dist/types/src/primitives/Panel/Panel.d.ts +35 -0
  250. package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
  251. package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
  252. package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
  253. package/dist/types/src/primitives/Panel/index.d.ts +2 -0
  254. package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
  255. package/dist/types/src/primitives/index.d.ts +6 -0
  256. package/dist/types/src/primitives/index.d.ts.map +1 -0
  257. package/dist/types/src/testing/Loading.d.ts +9 -0
  258. package/dist/types/src/testing/Loading.d.ts.map +1 -0
  259. package/dist/types/src/testing/decorators/index.d.ts +1 -1
  260. package/dist/types/src/testing/decorators/index.d.ts.map +1 -1
  261. package/dist/types/src/testing/decorators/withLayout.d.ts +3 -3
  262. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
  263. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts +12 -0
  264. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -0
  265. package/dist/types/src/testing/decorators/withTheme.d.ts +3 -2
  266. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  267. package/dist/types/src/testing/index.d.ts +1 -0
  268. package/dist/types/src/testing/index.d.ts.map +1 -1
  269. package/dist/types/src/translations.d.ts +16 -0
  270. package/dist/types/src/translations.d.ts.map +1 -0
  271. package/dist/types/src/util/index.d.ts +1 -2
  272. package/dist/types/src/util/index.d.ts.map +1 -1
  273. package/dist/types/src/util/usePx.d.ts.map +1 -1
  274. package/dist/types/tsconfig.tsbuildinfo +1 -1
  275. package/package.json +53 -38
  276. package/src/components/Avatars/Avatar.stories.tsx +7 -9
  277. package/src/components/Avatars/Avatar.tsx +7 -15
  278. package/src/components/Avatars/AvatarGroup.stories.tsx +2 -3
  279. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +4 -5
  280. package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
  281. package/src/components/{Buttons → Button}/Button.stories.tsx +4 -5
  282. package/src/components/{Buttons → Button}/Button.tsx +12 -26
  283. package/src/components/{Buttons → Button}/IconButton.stories.tsx +8 -6
  284. package/src/components/{Buttons → Button}/IconButton.tsx +20 -15
  285. package/src/components/{Buttons → Button}/Toggle.stories.tsx +7 -7
  286. package/src/components/{Buttons → Button}/Toggle.tsx +4 -4
  287. package/src/components/{Buttons → Button}/ToggleGroup.stories.tsx +2 -3
  288. package/src/components/{Buttons → Button}/ToggleGroup.tsx +12 -16
  289. package/src/components/Card/Card.stories.tsx +151 -0
  290. package/src/components/Card/Card.tsx +514 -0
  291. package/src/components/Card/index.ts +5 -0
  292. package/src/components/Carousel/Carousel.tsx +337 -0
  293. package/src/components/Carousel/index.ts +5 -0
  294. package/src/components/Clipboard/CopyButton.tsx +10 -11
  295. package/src/components/DensityProvider/DensityProvider.tsx +1 -1
  296. package/src/components/Dialog/AlertDialog.stories.tsx +68 -0
  297. package/src/components/{Dialogs → Dialog}/AlertDialog.tsx +123 -82
  298. package/src/components/Dialog/Dialog.stories.tsx +177 -0
  299. package/src/components/Dialog/Dialog.tsx +285 -0
  300. package/src/components/ElevationProvider/ElevationProvider.tsx +1 -1
  301. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +45 -0
  302. package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
  303. package/src/components/ErrorFallback/ErrorStack.tsx +114 -0
  304. package/src/components/ErrorFallback/ThrowError.tsx +37 -0
  305. package/src/components/ErrorFallback/index.ts +9 -0
  306. package/src/components/Focus/AUDIT.md +43 -0
  307. package/src/components/Focus/Focus.stories.tsx +230 -0
  308. package/src/components/Focus/Focus.tsx +201 -0
  309. package/src/components/Focus/index.ts +5 -0
  310. package/src/components/Icon/Icon.stories.tsx +143 -0
  311. package/src/components/Icon/Icon.tsx +15 -4
  312. package/src/components/Image/Image.stories.tsx +86 -0
  313. package/src/components/Image/Image.tsx +246 -0
  314. package/src/components/Image/index.ts +5 -0
  315. package/src/components/Input/Input.stories.tsx +21 -41
  316. package/src/components/Input/Input.tsx +38 -74
  317. package/src/components/Link/Link.stories.tsx +2 -3
  318. package/src/components/Link/Link.tsx +2 -2
  319. package/src/components/{Lists → List}/List.stories.tsx +31 -35
  320. package/src/components/{Lists → List}/List.tsx +17 -21
  321. package/src/components/{Lists → List}/ListDropIndicator.tsx +7 -8
  322. package/src/components/{Lists → List}/Tree.stories.tsx +6 -7
  323. package/src/components/{Lists → List}/Tree.tsx +0 -1
  324. package/src/components/{Lists → List}/TreeDropIndicator.tsx +6 -6
  325. package/src/components/{Lists → List}/Treegrid.stories.tsx +29 -30
  326. package/src/components/{Lists → List}/Treegrid.tsx +23 -28
  327. package/src/components/Main/Main.stories.tsx +41 -24
  328. package/src/components/Main/Main.tsx +150 -94
  329. package/src/components/MediaPlayer/MediaPlayer.stories.tsx +50 -0
  330. package/src/components/MediaPlayer/MediaPlayer.tsx +153 -0
  331. package/src/components/MediaPlayer/index.ts +5 -0
  332. package/src/components/{Menus → Menu}/ContextMenu.stories.tsx +2 -3
  333. package/src/components/{Menus → Menu}/ContextMenu.tsx +9 -33
  334. package/src/components/{Menus → Menu}/DropdownMenu.stories.tsx +3 -4
  335. package/src/components/{Menus → Menu}/DropdownMenu.tsx +137 -110
  336. package/src/components/Message/Message.stories.tsx +27 -13
  337. package/src/components/Message/Message.tsx +59 -33
  338. package/src/components/Popover/Popover.stories.tsx +8 -9
  339. package/src/components/Popover/Popover.tsx +114 -92
  340. package/src/components/ScrollArea/ScrollArea.stories.tsx +221 -36
  341. package/src/components/ScrollArea/ScrollArea.tsx +97 -79
  342. package/src/components/ScrollArea/index.ts +1 -1
  343. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +91 -0
  344. package/src/components/ScrollContainer/ScrollContainer.tsx +345 -0
  345. package/src/components/ScrollContainer/index.ts +5 -0
  346. package/src/components/Select/Select.stories.tsx +8 -9
  347. package/src/components/Select/Select.tsx +11 -27
  348. package/src/components/Separator/Separator.tsx +5 -8
  349. package/src/components/Skeleton/Skeleton.stories.tsx +51 -0
  350. package/src/components/Skeleton/Skeleton.tsx +26 -0
  351. package/src/components/Skeleton/index.ts +5 -0
  352. package/src/components/Splitter/Splitter.stories.tsx +83 -0
  353. package/src/components/Splitter/Splitter.tsx +127 -0
  354. package/src/components/Splitter/index.ts +5 -0
  355. package/src/components/Status/Status.stories.tsx +21 -18
  356. package/src/components/Status/Status.tsx +10 -7
  357. package/src/components/Tag/Tag.stories.tsx +6 -12
  358. package/src/components/Tag/Tag.tsx +3 -8
  359. package/src/components/ThemeProvider/ThemeProvider.stories.tsx +31 -0
  360. package/src/components/ThemeProvider/ThemeProvider.tsx +10 -10
  361. package/src/components/ThemeProvider/TranslationsProvider.tsx +1 -16
  362. package/src/components/ThemeProvider/index.ts +3 -3
  363. package/src/components/Toast/Toast.stories.tsx +3 -4
  364. package/src/components/Toast/Toast.tsx +22 -41
  365. package/src/components/Toolbar/Toolbar.stories.tsx +4 -7
  366. package/src/components/Toolbar/Toolbar.tsx +189 -24
  367. package/src/components/Tooltip/Tooltip.stories.tsx +21 -20
  368. package/src/components/Tooltip/Tooltip.tsx +54 -51
  369. package/src/components/index.ts +17 -9
  370. package/src/exemplars/generics.stories.tsx +41 -0
  371. package/src/exemplars/slot.stories.tsx +115 -0
  372. package/src/exemplars/tabster.stories.tsx +127 -0
  373. package/src/exemplars/virtualizer.stories.tsx +136 -0
  374. package/src/hooks/index.ts +1 -0
  375. package/src/hooks/useDensityContext.ts +3 -3
  376. package/src/hooks/useElevationContext.ts +1 -1
  377. package/src/index.ts +2 -1
  378. package/src/playground/Controls.stories.tsx +3 -10
  379. package/src/playground/Custom.stories.tsx +13 -18
  380. package/src/playground/Typography.stories.tsx +3 -3
  381. package/src/primitives/Column/AUDIT.md +148 -0
  382. package/src/primitives/Column/Column.stories.tsx +181 -0
  383. package/src/primitives/Column/Column.tsx +165 -0
  384. package/src/primitives/Column/index.ts +5 -0
  385. package/src/primitives/Container/Container.stories.tsx +29 -0
  386. package/src/primitives/Container/Container.tsx +19 -0
  387. package/src/primitives/Container/index.ts +5 -0
  388. package/src/primitives/Flex/Flex.stories.tsx +57 -0
  389. package/src/primitives/Flex/Flex.tsx +27 -0
  390. package/src/primitives/Flex/index.ts +5 -0
  391. package/src/primitives/Grid/Grid.stories.tsx +56 -0
  392. package/src/primitives/Grid/Grid.tsx +30 -0
  393. package/src/primitives/Grid/index.ts +5 -0
  394. package/src/primitives/Panel/Panel.stories.tsx +68 -0
  395. package/src/primitives/Panel/Panel.tsx +120 -0
  396. package/src/primitives/Panel/index.ts +5 -0
  397. package/src/primitives/index.ts +9 -0
  398. package/src/testing/Loading.tsx +47 -0
  399. package/src/testing/decorators/index.ts +1 -1
  400. package/src/testing/decorators/withLayout.tsx +32 -21
  401. package/src/testing/decorators/withLayoutVariants.tsx +48 -0
  402. package/src/testing/decorators/withTheme.tsx +26 -20
  403. package/src/testing/index.ts +2 -0
  404. package/src/translations.ts +24 -0
  405. package/src/util/index.ts +2 -2
  406. package/src/util/usePx.ts +1 -0
  407. package/dist/lib/browser/chunk-24AWTFTZ.mjs +0 -4521
  408. package/dist/lib/browser/chunk-24AWTFTZ.mjs.map +0 -7
  409. package/dist/lib/node-esm/chunk-MPRFBTTQ.mjs +0 -4523
  410. package/dist/lib/node-esm/chunk-MPRFBTTQ.mjs.map +0 -7
  411. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
  412. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
  413. package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
  414. package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
  415. package/dist/types/src/components/Buttons/Button.d.ts.map +0 -1
  416. package/dist/types/src/components/Buttons/Button.stories.d.ts.map +0 -1
  417. package/dist/types/src/components/Buttons/IconButton.d.ts.map +0 -1
  418. package/dist/types/src/components/Buttons/IconButton.stories.d.ts.map +0 -1
  419. package/dist/types/src/components/Buttons/Toggle.d.ts.map +0 -1
  420. package/dist/types/src/components/Buttons/Toggle.stories.d.ts +0 -13
  421. package/dist/types/src/components/Buttons/Toggle.stories.d.ts.map +0 -1
  422. package/dist/types/src/components/Buttons/ToggleGroup.d.ts +0 -27
  423. package/dist/types/src/components/Buttons/ToggleGroup.d.ts.map +0 -1
  424. package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts.map +0 -1
  425. package/dist/types/src/components/Buttons/index.d.ts.map +0 -1
  426. package/dist/types/src/components/Dialogs/AlertDialog.d.ts +0 -31
  427. package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +0 -1
  428. package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts.map +0 -1
  429. package/dist/types/src/components/Dialogs/Dialog.d.ts +0 -31
  430. package/dist/types/src/components/Dialogs/Dialog.d.ts.map +0 -1
  431. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +0 -25
  432. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +0 -1
  433. package/dist/types/src/components/Dialogs/index.d.ts.map +0 -1
  434. package/dist/types/src/components/Lists/List.d.ts.map +0 -1
  435. package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
  436. package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +0 -1
  437. package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
  438. package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
  439. package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +0 -1
  440. package/dist/types/src/components/Lists/Treegrid.d.ts.map +0 -1
  441. package/dist/types/src/components/Lists/Treegrid.stories.d.ts.map +0 -1
  442. package/dist/types/src/components/Lists/index.d.ts.map +0 -1
  443. package/dist/types/src/components/Menus/ContextMenu.d.ts.map +0 -1
  444. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +0 -1
  445. package/dist/types/src/components/Menus/DropdownMenu.d.ts +0 -113
  446. package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +0 -1
  447. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +0 -1
  448. package/dist/types/src/components/Menus/index.d.ts.map +0 -1
  449. package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts +0 -12
  450. package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts.map +0 -1
  451. package/dist/types/src/util/ThemedClassName.d.ts +0 -5
  452. package/dist/types/src/util/ThemedClassName.d.ts.map +0 -1
  453. package/dist/types/src/util/domino.d.ts +0 -18
  454. package/dist/types/src/util/domino.d.ts.map +0 -1
  455. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
  456. package/src/components/AnchoredOverflow/index.ts +0 -5
  457. package/src/components/Dialogs/AlertDialog.stories.tsx +0 -69
  458. package/src/components/Dialogs/Dialog.stories.tsx +0 -67
  459. package/src/components/Dialogs/Dialog.tsx +0 -159
  460. package/src/testing/decorators/withSurfaceVariantsLayout.tsx +0 -51
  461. package/src/util/ThemedClassName.ts +0 -7
  462. package/src/util/domino.ts +0 -53
  463. /package/dist/types/src/components/{Buttons → Button}/index.d.ts +0 -0
  464. /package/dist/types/src/components/{Dialogs → Dialog}/AlertDialog.stories.d.ts +0 -0
  465. /package/dist/types/src/components/{Dialogs → Dialog}/index.d.ts +0 -0
  466. /package/dist/types/src/components/{Lists → List}/ListDropIndicator.d.ts +0 -0
  467. /package/dist/types/src/components/{Lists → List}/Tree.stories.d.ts +0 -0
  468. /package/dist/types/src/components/{Lists → List}/TreeDropIndicator.d.ts +0 -0
  469. /package/dist/types/src/components/{Lists → List}/Treegrid.stories.d.ts +0 -0
  470. /package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
  471. /package/dist/types/src/components/{Menus → Menu}/ContextMenu.stories.d.ts +0 -0
  472. /package/dist/types/src/components/{Menus → Menu}/index.d.ts +0 -0
  473. /package/src/components/{Buttons → Button}/index.ts +0 -0
  474. /package/src/components/{Dialogs → Dialog}/index.ts +0 -0
  475. /package/src/components/{Lists → List}/index.ts +0 -0
  476. /package/src/components/{Menus → Menu}/index.ts +0 -0
@@ -0,0 +1,36 @@
1
+ import React, { type KeyboardEvent } from 'react';
2
+ import { type Axis } from '@dxos/ui-types';
3
+ type FocusState = 'active' | 'error';
4
+ type ContextValue = {
5
+ setFocus?: (state: FocusState | undefined) => void;
6
+ /** True when any item within the group has DOM focus. */
7
+ groupHasFocus?: boolean;
8
+ };
9
+ declare const useFocus: () => ContextValue;
10
+ type GroupProps = {
11
+ orientation?: Axis;
12
+ /** Show a subdued ring when unfocused (e.g., as a cell border). */
13
+ border?: boolean;
14
+ onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
15
+ };
16
+ type ItemProps = {
17
+ current?: boolean;
18
+ /** Show a subdued ring when unfocused (e.g., as a cell border). */
19
+ border?: boolean;
20
+ onCurrentChange?: () => void;
21
+ };
22
+ export declare const Focus: {
23
+ Group: React.ForwardRefExoticComponent<Omit<GroupProps & {
24
+ asChild?: boolean;
25
+ }, "className"> & {
26
+ classNames?: import("@dxos/ui-types").ClassNameValue;
27
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
28
+ Item: React.ForwardRefExoticComponent<Omit<ItemProps & {
29
+ asChild?: boolean;
30
+ }, "className"> & {
31
+ classNames?: import("@dxos/ui-types").ClassNameValue;
32
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
33
+ };
34
+ export type { GroupProps as FocusGroupProps, ItemProps as FocusItemProps };
35
+ export { useFocus };
36
+ //# sourceMappingURL=Focus.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAEZ,KAAK,aAAa,EAOnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIrC,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,QAAQ,oBAAiC,CAAC;AAMhD,KAAK,UAAU,GAAG;IAChB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAqDF,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAgFF,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAC;AAEF,YAAY,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,IAAI,cAAc,EAAE,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Default: Story;
6
+ export declare const Horizontal: Story;
7
+ export declare const Grid: Story;
8
+ export declare const AsChild: Story;
9
+ //# sourceMappingURL=Focus.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Focus.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqNjE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC;AACvD,eAAO,MAAM,UAAU,EAAE,KAAmC,CAAC;AAC7D,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Focus';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,10 +1,14 @@
1
1
  import { type Primitive } from '@radix-ui/react-primitive';
2
2
  import React, { type ComponentPropsWithRef } from 'react';
3
- import { type Size } from '@dxos/react-ui-types';
3
+ import { type Size } from '@dxos/ui-types';
4
4
  import { type ThemedClassName } from '../../util';
5
5
  export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.svg>> & {
6
6
  icon: string;
7
7
  size?: Size;
8
+ synchronized?: boolean;
8
9
  };
10
+ /**
11
+ * The Icon's size can be set directly or inherited from the `--dx-icon-size` CSS variable.
12
+ */
9
13
  export declare const Icon: React.NamedExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
10
14
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,IAAI,yFAUhB,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA6B,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,yFAiBhB,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { type IconProps } from '@phosphor-icons/react';
2
+ import { type StoryObj } from '@storybook/react-vite';
3
+ import React, { type FC } from 'react';
4
+ declare const meta: {
5
+ title: string;
6
+ component: React.NamedExoticComponent<Omit<import("./Icon").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
+ decorators: import("@storybook/react").Decorator[];
8
+ parameters: {
9
+ layout: string;
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj<typeof meta>;
14
+ export declare const Default: Story;
15
+ export declare const Static: Story;
16
+ export declare const Dynamic: Story;
17
+ export declare const Custom: {
18
+ render: ({ CustomIcon }: {
19
+ CustomIcon: FC<IconProps>;
20
+ }) => React.JSX.Element;
21
+ args: {
22
+ CustomIcon: FC<IconProps>;
23
+ };
24
+ };
25
+ //# sourceMappingURL=Icon.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AA6CrF,QAAA,MAAM,IAAI;;;;;QAKN,MAAM;;CAEmB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,MAAM;IACjB,MAAM,mBAAmB;QAAE,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAAE;IAQtD,IAAI;QACF,UAAU;;CAoCb,CAAC"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { type ThemedClassName } from '@dxos/react-ui';
3
+ export type ImageProps = ThemedClassName<{
4
+ src: string;
5
+ alt?: string;
6
+ fit?: 'contain' | 'cover';
7
+ crossOrigin?: 'anonymous' | 'use-credentials' | '';
8
+ } & ColorOptions>;
9
+ export declare const Image: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
10
+ type ColorOptions = {
11
+ sampleSize?: number;
12
+ contrast?: number;
13
+ };
14
+ export {};
15
+ //# sourceMappingURL=Image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,sEAQf,UAAU,sBAwFZ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ classNames, src, alt, fit, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
6
+ render: (args: Omit<{
7
+ src: string;
8
+ alt?: string;
9
+ fit?: 'contain' | 'cover';
10
+ crossOrigin?: 'anonymous' | 'use-credentials' | '';
11
+ } & {
12
+ sampleSize?: number;
13
+ contrast?: number;
14
+ }, "className"> & {
15
+ classNames?: import("@dxos/ui-types").ClassNameValue;
16
+ }) => React.JSX.Element;
17
+ decorators: import("@storybook/react").Decorator[];
18
+ parameters: {
19
+ layout: string;
20
+ };
21
+ };
22
+ export default meta;
23
+ type Story = StoryObj<typeof meta>;
24
+ export declare const Default: Story;
25
+ /**
26
+ * Access to image at 'https://dxos.network/dxos-logotype-blue.png'
27
+ * from origin 'http://localhost:9009' has been blocked by CORS policy:
28
+ * No 'Access-Control-Allow-Origin' header is present on the requested resource.
29
+ */
30
+ export declare const Cors: Story;
31
+ export declare const Corners: Story;
32
+ export declare const SVG: Story;
33
+ export declare const Many: Story;
34
+ //# sourceMappingURL=Image.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;QAUN,MAAM;;CAEoB,CAAC;eAEhB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Image';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,7 +1,7 @@
1
- import { type CheckboxProps as CheckboxPrimitiveProps } from '@radix-ui/react-checkbox';
2
- import React, { type ComponentPropsWithRef } from 'react';
3
- import { type DescriptionAndValidationProps as DescriptionAndValidationPrimitiveProps, type DescriptionProps as DescriptionPrimitiveProps, type InputRootProps, type InputScopedProps, type LabelProps as LabelPrimitiveProps, type PinInputProps as PinInputPrimitiveProps, type TextAreaProps as TextAreaPrimitiveProps, type TextInputProps as TextInputPrimitiveProps, type ValidationProps as ValidationPrimitiveProps } from '@dxos/react-input';
4
- import { type ClassNameValue, type Density, type Elevation, type Size } from '@dxos/react-ui-types';
1
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
2
+ import React, { type ComponentPropsWithRef, type ForwardRefExoticComponent } from 'react';
3
+ import { type DescriptionAndValidationProps as DescriptionAndValidationPrimitiveProps, type DescriptionProps as DescriptionPrimitiveProps, InputRoot, type InputRootProps, type InputScopedProps, type LabelProps as LabelPrimitiveProps, type PinInputProps as PinInputPrimitiveProps, type TextAreaProps as TextAreaPrimitiveProps, type TextInputProps as TextInputPrimitiveProps, type ValidationProps as ValidationPrimitiveProps } from '@dxos/react-input';
4
+ import { type Density, type Elevation, type Size } from '@dxos/ui-types';
5
5
  import { type ThemedClassName } from '../../util';
6
6
  type InputVariant = 'default' | 'subdued';
7
7
  type InputSharedProps = Partial<{
@@ -21,32 +21,29 @@ type ValidationProps = ThemedClassName<ValidationPrimitiveProps> & {
21
21
  type DescriptionAndValidationProps = ThemedClassName<DescriptionAndValidationPrimitiveProps> & {
22
22
  srOnly?: boolean;
23
23
  };
24
- type PinInputProps = InputSharedProps & Omit<PinInputPrimitiveProps, 'segmentClassName' | 'inputClassName'> & {
25
- segmentClassName?: ClassNameValue;
26
- inputClassName?: ClassNameValue;
24
+ type PinInputProps = ThemedClassName<InputSharedProps & Omit<PinInputPrimitiveProps, 'className' | 'segmentClassName'>>;
25
+ type AutoFillProps = {
26
+ noAutoFill?: boolean;
27
27
  };
28
- type TextInputProps = InputSharedProps & ThemedClassName<TextInputPrimitiveProps>;
28
+ type TextInputProps = InputSharedProps & ThemedClassName<TextInputPrimitiveProps> & AutoFillProps;
29
29
  type TextAreaProps = InputSharedProps & ThemedClassName<TextAreaPrimitiveProps>;
30
- type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitiveProps, 'children'>> & {
30
+ type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitive.CheckboxProps, 'children'>> & {
31
31
  size?: Size;
32
32
  };
33
33
  type SwitchProps = ThemedClassName<Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange'> & {
34
34
  onCheckedChange?: (checked: boolean) => void;
35
35
  }>;
36
36
  export declare const Input: {
37
- Root: {
38
- ({ __inputScope, id: propsId, descriptionId: propsDescriptionId, errorMessageId: propsErrorMessageId, validationValence, children, }: InputScopedProps<InputRootProps>): React.JSX.Element;
39
- displayName: string;
40
- };
41
- PinInput: React.ForwardRefExoticComponent<Omit<PinInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
42
- TextInput: React.ForwardRefExoticComponent<Omit<InputScopedProps<TextInputProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
43
- TextArea: React.ForwardRefExoticComponent<Omit<InputScopedProps<TextAreaProps>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
44
- Checkbox: React.ForwardRefExoticComponent<CheckboxProps>;
45
- Switch: React.ForwardRefExoticComponent<Omit<InputScopedProps<SwitchProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
46
- Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
47
- Description: React.ForwardRefExoticComponent<Omit<DescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
48
- Validation: React.ForwardRefExoticComponent<Omit<InputScopedProps<ValidationProps>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
49
- DescriptionAndValidation: React.ForwardRefExoticComponent<Omit<DescriptionAndValidationProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
37
+ Root: typeof InputRoot;
38
+ PinInput: ForwardRefExoticComponent<Omit<PinInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
39
+ TextInput: ForwardRefExoticComponent<Omit<InputScopedProps<TextInputProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
40
+ TextArea: ForwardRefExoticComponent<Omit<InputScopedProps<TextAreaProps>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
41
+ Checkbox: ForwardRefExoticComponent<CheckboxProps>;
42
+ Switch: ForwardRefExoticComponent<Omit<InputScopedProps<SwitchProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
43
+ Label: ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
44
+ Description: ForwardRefExoticComponent<Omit<DescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
45
+ Validation: ForwardRefExoticComponent<Omit<InputScopedProps<ValidationProps>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
46
+ DescriptionAndValidation: ForwardRefExoticComponent<Omit<DescriptionAndValidationProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
50
47
  };
51
48
  export type { InputVariant, InputRootProps, InputSharedProps, PinInputProps, TextInputProps, TextAreaProps, CheckboxProps, SwitchProps, LabelProps, DescriptionProps, ValidationProps, DescriptionAndValidationProps, };
52
49
  //# sourceMappingURL=Input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2D,MAAM,OAAO,CAAC;AAEnH,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAGlD,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGpG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAuBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,gBAAgB,GACnC,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IACpE,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAoDJ,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAkClF,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAiChF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,GAAG;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAEtG,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,eAAe,CAAC,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC;AAyBxH,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC;AAoClG,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AA+BhF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IACxF,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
- import { type MessageValence } from '@dxos/react-ui-types';
3
+ import { type MessageValence } from '@dxos/ui-types';
4
4
  import { type CheckboxProps, type PinInputProps, type SwitchProps, type TextAreaProps, type TextInputProps } from './Input';
5
5
  type VariantMap = {
6
6
  text: TextInputProps;
@@ -14,7 +14,7 @@ type Variant = {
14
14
  type: K;
15
15
  } & VariantMap[K];
16
16
  }[keyof VariantMap];
17
- type BaseProps = Partial<{
17
+ type DefaultStoryProps = Partial<{
18
18
  kind: keyof VariantMap;
19
19
  label: string;
20
20
  labelVisuallyHidden: boolean;
@@ -26,19 +26,19 @@ type BaseProps = Partial<{
26
26
  declare const meta: {
27
27
  title: string;
28
28
  component: any;
29
- render: (props: BaseProps) => React.JSX.Element;
29
+ render: ({ kind, label, description, labelVisuallyHidden, descriptionVisuallyHidden, validationValence, validationMessage, ...props }: DefaultStoryProps) => React.JSX.Element;
30
30
  decorators: import("@storybook/react").Decorator[];
31
31
  };
32
32
  export default meta;
33
- type Story = StoryObj<BaseProps & Variant>;
34
- export declare const Default: Story;
33
+ type Story = StoryObj<DefaultStoryProps & Variant>;
34
+ export declare const DensityCoarse: Story;
35
35
  export declare const DensityFine: Story;
36
36
  export declare const Subdued: Story;
37
37
  export declare const Disabled: Story;
38
38
  export declare const LabelVisuallyHidden: Story;
39
- export declare const InputWithDescription: Story;
40
- export declare const InputWithErrorAndDescription: Story;
41
- export declare const InputWithValidationAndDescription: Story;
39
+ export declare const WithDescription: Story;
40
+ export declare const WithErrorAndDescription: Story;
41
+ export declare const WithValidationAndDescription: Story;
42
42
  export declare const TextArea: Story;
43
43
  export declare const PinInput: Story;
44
44
  export declare const Checkbox: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.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,sBAAsB,CAAC;AAI3D,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,SAAS,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAkDH,QAAA,MAAM,IAAI;;eAEiB,GAAG;oBAlBD,SAAS;;CAqBD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAS/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
1
+ {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.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,gBAAgB,CAAC;AAGrD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,iBAAiB,GAAG,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AA8BH,QAAA,MAAM,IAAI;;eAEiB,GAAG;2IArB3B,iBAAiB;;CAwBiB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}
1
+ {"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}
@@ -1,12 +1,14 @@
1
1
  import React, { type ComponentPropsWithoutRef, type FC, type ForwardRefExoticComponent } from 'react';
2
2
  import { LIST_ITEM_NAME, LIST_NAME, type ListItemCollapsibleContentProps, type ListItemScopedProps, type ListItemHeadingProps as ListPrimitiveItemHeadingProps, type ListItemOpenTriggerProps as ListPrimitiveItemOpenTriggerProps, type ListItemProps as ListPrimitiveItemProps, type ListProps as ListPrimitiveProps, type ListScopedProps, useListContext, useListItemContext } from '@dxos/react-list';
3
- import { type Density } from '@dxos/react-ui-types';
3
+ import { type Density } from '@dxos/ui-types';
4
4
  import { type ThemedClassName } from '../../util';
5
5
  import { ListDropIndicator } from './ListDropIndicator';
6
- type ListProps = ThemedClassName<ListPrimitiveProps> & {
6
+ type ListProps = ThemedClassName<ListPrimitiveProps & {
7
7
  density?: Density;
8
- };
9
- declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
8
+ }>;
9
+ declare const List: ForwardRefExoticComponent<Omit<ListProps, "className"> & {
10
+ classNames?: import("@dxos/ui-types").ClassNameValue;
11
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLOListElement>>;
10
12
  type ListItemEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
11
13
  asChild?: boolean;
12
14
  };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EACL,cAAc,EACd,SAAS,EAET,KAAK,+BAA+B,EACpC,KAAK,mBAAmB,EAIxB,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,wBAAwB,IAAI,iCAAiC,EAClE,KAAK,aAAa,IAAI,sBAAsB,EAC5C,KAAK,SAAS,IAAI,kBAAkB,EACpC,KAAK,eAAe,EACpB,cAAc,EACd,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,SAAS,GAAG,eAAe,CAAC,kBAAkB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE7E,QAAA,MAAM,IAAI;;6HAYR,CAAC;AAEH,KAAK,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6BpG,KAAK,oBAAoB,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;AAkB3E,KAAK,wBAAwB,GAAG,eAAe,CAAC,iCAAiC,CAAC,CAAC;AAyBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAkBjE,eAAO,MAAM,QAAQ,EAAE;IACrB,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IACnD,MAAM,EAAE,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;IACvD,OAAO,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;IACzD,WAAW,EAAE,yBAAyB,CAAC,wBAAwB,CAAC,CAAC;IACjE,kBAAkB,EAAE,yBAAyB,CAAC,+BAA+B,CAAC,CAAC;IAC/E,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,aAAa,EAAE,OAAO,iBAAiB,CAAC;CASzC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AAE/E,YAAY,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,+BAA+B,GAChC,CAAC"}
@@ -2,7 +2,9 @@ import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: React.ForwardRefExoticComponent<Omit<import("./List").ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
5
+ component: React.ForwardRefExoticComponent<Omit<import("./List").ListProps, "className"> & {
6
+ classNames?: import("@dxos/ui-types").ClassNameValue;
7
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLOListElement>>;
6
8
  decorators: import("@storybook/react").Decorator[];
7
9
  };
8
10
  export default meta;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,QAAA,MAAM,IAAI;;;;;;CAImB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuBnC,eAAO,MAAM,oBAAoB,EAAE,KAoClC,CAAC;AAgCF,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqC/B,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListDropIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListDropIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,KAAkD,MAAM,OAAO,CAAC;AA6BvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,6CAK3B,kBAAkB,sBAmBpB,CAAC"}
@@ -8,8 +8,8 @@ type TreeItemHeadingProps = ListItemHeadingProps;
8
8
  type TreeItemOpenTriggerProps = ListItemOpenTriggerProps;
9
9
  type TreeItemBodyProps = ListItemCollapsibleContentProps;
10
10
  export declare const Tree: {
11
- Root: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
12
- Branch: React.ForwardRefExoticComponent<Omit<ListScopedProps<ListProps>, "ref"> & React.RefAttributes<HTMLOListElement>>;
11
+ Root: ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
12
+ Branch: ForwardRefExoticComponent<Omit<ListScopedProps<ListProps>, "ref"> & React.RefAttributes<HTMLOListElement>>;
13
13
  };
14
14
  export declare const TreeItem: {
15
15
  Root: ForwardRefExoticComponent<TreeItemProps>;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAIL,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,eAAe,EAErB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,aAAa,GAAG,SAAS,CAAC;AAE/B,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAmBvC,KAAK,oBAAoB,GAAG,oBAAoB,CAAC;AAIjD,KAAK,wBAAwB,GAAG,wBAAwB,CAAC;AAMzD,KAAK,iBAAiB,GAAG,+BAA+B,CAAC;AAIzD,eAAO,MAAM,IAAI;IAAK,IAAI;IAAY,MAAM;CAAc,CAAC;AAC3D,eAAO,MAAM,QAAQ,EAAE;IACrB,IAAI,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAC/C,OAAO,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;IACzD,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IACnD,WAAW,EAAE,yBAAyB,CAAC,wBAAwB,CAAC,CAAC;IACjE,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,aAAa,EAAE,OAAO,iBAAiB,CAAC;CAQzC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AA4CF,QAAA,MAAM,IAAI;;eAEW,GAAG;uBANQ,kBAAkB;;CASb,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TreeDropIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/TreeDropIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,KAAkD,MAAM,OAAO,CAAC;AAkCvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAA8B,kBAAkB,6BAyB7E,CAAC"}
@@ -5,10 +5,8 @@ import { type ThemedClassName } from '../../util';
5
5
  type TreegridRowScopedProps<P> = P & {
6
6
  __treegridRowScope?: Scope;
7
7
  };
8
- type TreegridRowContextValue = {
9
- open?: boolean;
10
- onOpenChange?: (nextOpen: boolean) => void;
11
- };
8
+ export declare const TREEGRID_PATH_SEPARATOR = "~";
9
+ export declare const TREEGRID_PARENT_OF_SEPARATOR = " ";
12
10
  type TreegridRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
13
11
  gridTemplateColumns: CSSProperties['gridTemplateColumns'];
14
12
  asChild?: boolean;
@@ -26,12 +24,10 @@ type TreegridCellProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.
26
24
  };
27
25
  export type { TreegridRootProps, TreegridRowProps };
28
26
  export declare const Treegrid: {
29
- Root: React.ForwardRefExoticComponent<Omit<TreegridRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
27
+ Root: React.ForwardRefExoticComponent<Omit<TreegridRootProps, "className"> & {
28
+ classNames?: import("@dxos/ui-types").ClassNameValue;
29
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
30
30
  Row: React.ForwardRefExoticComponent<Omit<TreegridRowScopedProps<TreegridRowProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
31
  Cell: React.ForwardRefExoticComponent<Omit<TreegridCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
- PARENT_OF_SEPARATOR: string;
33
- PATH_SEPARATOR: string;
34
- createTreegridRowScope: import("@radix-ui/react-context").CreateScope;
35
- useTreegridRowContext: (consumerName: string, scope: Scope<TreegridRowContextValue | undefined>) => TreegridRowContextValue;
36
32
  };
37
33
  //# sourceMappingURL=Treegrid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Treegrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Treegrid.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAI3B,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAMlD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAapE,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACtF,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAsEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;CACpC,CAAC;AA8CF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa7G,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AAEpD,eAAO,MAAM,QAAQ;IACnB,IAAI;;;IACJ,GAAG;IACH,IAAI;CACL,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Treegrid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Treegrid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA2I1B,QAAA,MAAM,IAAI;;eAEoB,GAAG;;;CAGI,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
@@ -1,36 +1,37 @@
1
1
  import { DialogContent } from '@radix-ui/react-dialog';
2
2
  import { Primitive } from '@radix-ui/react-primitive';
3
3
  import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type Dispatch, type KeyboardEvent, type PropsWithChildren, type SetStateAction } from 'react';
4
+ import { type MainStyleProps } from '@dxos/ui-theme';
4
5
  import { type ThemedClassName } from '../../util';
5
6
  import { type Label } from '../ThemeProvider';
6
- type SidebarState = 'expanded' | 'collapsed' | 'closed';
7
- type MainContextValue = {
8
- resizing: boolean;
9
- navigationSidebarState: SidebarState;
10
- setNavigationSidebarState: Dispatch<SetStateAction<SidebarState | undefined>>;
11
- complementarySidebarState: SidebarState;
12
- setComplementarySidebarState: Dispatch<SetStateAction<SidebarState | undefined>>;
13
- };
14
7
  /**
15
8
  * Facilitates moving focus between landmarks.
16
9
  * Ref https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/landmark_role
17
10
  */
18
- declare const useLandmarkMover: (propsOnKeyDown: ComponentPropsWithoutRef<"div">["onKeyDown"], landmark: string) => {
11
+ declare const useLandmarkMover: (propsOnKeyDown: ComponentPropsWithoutRef<'div'>['onKeyDown'], landmark: string) => {
19
12
  "data-tabster": string | undefined;
20
- onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
21
13
  "data-main-landmark": string;
22
14
  tabIndex: number;
15
+ onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
16
+ };
17
+ type SidebarState = 'expanded' | 'collapsed' | 'closed';
18
+ type MainContextValue = {
19
+ resizing: boolean;
20
+ navigationSidebarState: SidebarState;
21
+ setNavigationSidebarState: Dispatch<SetStateAction<SidebarState | undefined>>;
22
+ complementarySidebarState: SidebarState;
23
+ setComplementarySidebarState: Dispatch<SetStateAction<SidebarState | undefined>>;
23
24
  };
24
25
  declare const useMainContext: (consumerName: string) => MainContextValue;
25
- declare const useSidebars: (consumerName?: string) => {
26
+ declare const useSidebars: (consumerName: string) => {
26
27
  navigationSidebarState: SidebarState;
27
- setNavigationSidebarState: React.Dispatch<React.SetStateAction<SidebarState | undefined>>;
28
+ setNavigationSidebarState: Dispatch<SetStateAction<SidebarState | undefined>>;
28
29
  toggleNavigationSidebar: () => void;
29
30
  openNavigationSidebar: () => void;
30
31
  collapseNavigationSidebar: () => void;
31
32
  closeNavigationSidebar: () => void;
32
33
  complementarySidebarState: SidebarState;
33
- setComplementarySidebarState: React.Dispatch<React.SetStateAction<SidebarState | undefined>>;
34
+ setComplementarySidebarState: Dispatch<SetStateAction<SidebarState | undefined>>;
34
35
  toggleComplementarySidebar: () => void;
35
36
  openComplementarySidebar: () => void;
36
37
  collapseComplementarySidebar: () => void;
@@ -44,32 +45,34 @@ type MainRootProps = PropsWithChildren<{
44
45
  defaultComplementarySidebarState?: SidebarState;
45
46
  onComplementarySidebarStateChange?: (nextState: SidebarState) => void;
46
47
  }>;
48
+ declare function MainRoot({ navigationSidebarState: propsNavigationSidebarState, defaultNavigationSidebarState, onNavigationSidebarStateChange, complementarySidebarState: propsComplementarySidebarState, defaultComplementarySidebarState, onComplementarySidebarStateChange, children, ...props }: MainRootProps): React.JSX.Element;
49
+ declare namespace MainRoot {
50
+ var displayName: string;
51
+ }
52
+ type MainOverlayProps = ThemedClassName<Omit<ComponentPropsWithRef<typeof Primitive.div>, 'children' | 'onClick'>>;
47
53
  type MainSidebarProps = ThemedClassName<ComponentPropsWithRef<typeof DialogContent>> & {
48
54
  swipeToDismiss?: boolean;
49
55
  state?: SidebarState;
50
56
  resizing?: boolean;
51
57
  onStateChange?: (nextState: SidebarState) => void;
52
- side: 'inline-start' | 'inline-end';
58
+ side: 'w-start' | 'w-end';
53
59
  label: Label;
54
60
  };
55
61
  type MainNavigationSidebarProps = Omit<MainSidebarProps, 'expanded' | 'side'>;
56
62
  type MainComplementarySidebarProps = Omit<MainSidebarProps, 'expanded' | 'side'>;
57
- type MainProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
63
+ type MainContentProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div> & MainStyleProps & {
58
64
  asChild?: boolean;
59
- bounce?: boolean;
60
- handlesFocus?: boolean;
61
- };
62
- type MainOverlayProps = ThemedClassName<Omit<ComponentPropsWithRef<typeof Primitive.div>, 'children'>>;
65
+ }>;
63
66
  export declare const Main: {
64
67
  Root: {
65
68
  ({ navigationSidebarState: propsNavigationSidebarState, defaultNavigationSidebarState, onNavigationSidebarStateChange, complementarySidebarState: propsComplementarySidebarState, defaultComplementarySidebarState, onComplementarySidebarStateChange, children, ...props }: MainRootProps): React.JSX.Element;
66
69
  displayName: string;
67
70
  };
68
- Content: React.ForwardRefExoticComponent<Omit<MainProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
69
71
  Overlay: React.ForwardRefExoticComponent<Omit<MainOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
72
+ Content: React.ForwardRefExoticComponent<Omit<MainContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
70
73
  NavigationSidebar: React.ForwardRefExoticComponent<Omit<MainNavigationSidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
71
74
  ComplementarySidebar: React.ForwardRefExoticComponent<Omit<MainComplementarySidebarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
72
75
  };
73
76
  export { useMainContext, useSidebars, useLandmarkMover };
74
- export type { MainRootProps, MainProps, MainOverlayProps, MainNavigationSidebarProps, SidebarState };
77
+ export type { MainRootProps, MainOverlayProps, MainContentProps, MainNavigationSidebarProps, SidebarState };
75
78
  //# sourceMappingURL=Main.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/Main.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Main.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/Main.tsx"],"names":[],"mappings":"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"}
@@ -11,9 +11,6 @@ declare const meta: {
11
11
  decorators: import("@storybook/react").Decorator[];
12
12
  parameters: {
13
13
  layout: string;
14
- chromatic: {
15
- disableSnapshot: boolean;
16
- };
17
14
  };
18
15
  };
19
16
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"Main.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/Main.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,aAAa,GAAG,EAAE,CAAC;AAmCxB,QAAA,MAAM,IAAI;;;;;;oBAvBmB,aAAa;;;;;;;;CAkCL,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
1
+ {"version":3,"file":"Main.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/Main.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,aAAa,GAAG,EAAE,CAAC;AAuDxB,QAAA,MAAM,IAAI;;;;;;oBA7BmB,aAAa;;;QAmCtC,MAAM;;CAE2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSwipeToDismiss.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/useSwipeToDismiss.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAoC,MAAM,OAAO,CAAC;AAQzE,KAAK,OAAO,GAAG,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,cAAc,GAAG,YAAY,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAC5B,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,4DAAqG,OAAO,SA8E7G,CAAC"}
1
+ {"version":3,"file":"useSwipeToDismiss.d.ts","sourceRoot":"","sources":["../../../../../src/components/Main/useSwipeToDismiss.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAoC,MAAM,OAAO,CAAC;AAQzE,KAAK,OAAO,GAAG,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,cAAc,GAAG,YAAY,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH,eAAO,MAAM,iBAAiB,QACvB,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,8DACmE,OAAO,SA8E7G,CAAC"}