@dxos/react-ui 0.8.4-main.3eb6e50203 → 0.8.4-main.3fbcb4aa9b

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 (353) hide show
  1. package/dist/lib/browser/{chunk-6DTBPJE4.mjs → chunk-BDBC6H6V.mjs} +182 -108
  2. package/dist/lib/browser/chunk-BDBC6H6V.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +2961 -2056
  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 +70 -41
  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-JKHQSGNU.mjs → chunk-3JSJK2ZY.mjs} +182 -108
  11. package/dist/lib/node-esm/chunk-3JSJK2ZY.mjs.map +7 -0
  12. package/dist/lib/node-esm/index.mjs +2961 -2056
  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 +70 -41
  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/Button/Button.d.ts +2 -2
  26. package/dist/types/src/components/Button/Button.d.ts.map +1 -1
  27. package/dist/types/src/components/Button/Button.stories.d.ts +1 -1
  28. package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -1
  29. package/dist/types/src/components/Button/IconButton.d.ts +1 -0
  30. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
  31. package/dist/types/src/components/Button/IconButton.stories.d.ts +3 -0
  32. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -1
  33. package/dist/types/src/components/Button/Toggle.d.ts +2 -2
  34. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -1
  35. package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -1
  36. package/dist/types/src/components/Button/ToggleGroup.d.ts +6 -6
  37. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -1
  38. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +2 -2
  39. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -1
  40. package/dist/types/src/components/Card/Card.d.ts +124 -0
  41. package/dist/types/src/components/Card/Card.d.ts.map +1 -0
  42. package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
  43. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
  44. package/dist/types/src/components/Card/index.d.ts +2 -0
  45. package/dist/types/src/components/Card/index.d.ts.map +1 -0
  46. package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
  47. package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
  48. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  49. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  50. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
  51. package/dist/types/src/components/Dialog/AlertDialog.d.ts +43 -23
  52. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
  53. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
  54. package/dist/types/src/components/Dialog/Dialog.d.ts +48 -30
  55. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
  56. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +6 -8
  57. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
  58. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
  59. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
  60. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
  61. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
  62. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
  63. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +19 -0
  64. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
  65. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
  66. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
  67. package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
  68. package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
  69. package/dist/types/src/components/Focus/Focus.d.ts +36 -0
  70. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
  71. package/dist/types/src/components/Focus/Focus.stories.d.ts +9 -0
  72. package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
  73. package/dist/types/src/components/Focus/index.d.ts +2 -0
  74. package/dist/types/src/components/Focus/index.d.ts.map +1 -0
  75. package/dist/types/src/components/Icon/Icon.d.ts +4 -0
  76. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  77. package/dist/types/src/components/Icon/Icon.stories.d.ts +11 -3
  78. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -1
  79. package/dist/types/src/components/Image/Image.d.ts +15 -0
  80. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  81. package/dist/types/src/components/Image/Image.stories.d.ts +34 -0
  82. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  83. package/dist/types/src/components/Image/index.d.ts +2 -0
  84. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  85. package/dist/types/src/components/Input/Input.d.ts +16 -22
  86. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  87. package/dist/types/src/components/Input/Input.stories.d.ts +6 -6
  88. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  89. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  90. package/dist/types/src/components/List/List.d.ts +5 -3
  91. package/dist/types/src/components/List/List.d.ts.map +1 -1
  92. package/dist/types/src/components/List/List.stories.d.ts +3 -1
  93. package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
  94. package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -1
  95. package/dist/types/src/components/List/Tree.d.ts +2 -2
  96. package/dist/types/src/components/List/Tree.d.ts.map +1 -1
  97. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -1
  98. package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -1
  99. package/dist/types/src/components/List/Treegrid.d.ts +5 -9
  100. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
  101. package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -1
  102. package/dist/types/src/components/Main/Main.d.ts +8 -4
  103. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  104. package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
  105. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  106. package/dist/types/src/components/Main/useSwipeToDismiss.d.ts.map +1 -1
  107. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -1
  108. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -1
  109. package/dist/types/src/components/Menu/DropdownMenu.d.ts +58 -49
  110. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -1
  111. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +14 -1
  112. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -1
  113. package/dist/types/src/components/Message/Message.d.ts +1 -1
  114. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  115. package/dist/types/src/components/Message/Message.stories.d.ts +4 -5
  116. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  117. package/dist/types/src/components/Popover/Popover.d.ts +39 -22
  118. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  119. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  120. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +12 -11
  121. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  122. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +21 -10
  123. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  124. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +42 -13
  125. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
  126. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +9 -5
  127. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
  128. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  129. package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
  130. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  131. package/dist/types/src/components/Separator/Separator.d.ts +3 -3
  132. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  133. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -1
  134. package/dist/types/src/components/Splitter/Splitter.d.ts +23 -15
  135. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -1
  136. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -1
  137. package/dist/types/src/components/Status/Status.d.ts +3 -4
  138. package/dist/types/src/components/Status/Status.d.ts.map +1 -1
  139. package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
  140. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  141. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
  142. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  143. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
  144. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  145. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts +12 -0
  146. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  147. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +54 -55
  148. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  149. package/dist/types/src/components/ThemeProvider/index.d.ts +1 -1
  150. package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
  151. package/dist/types/src/components/Toast/Toast.d.ts +16 -16
  152. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  153. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  154. package/dist/types/src/components/Toolbar/Toolbar.d.ts +32 -15
  155. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  156. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  157. package/dist/types/src/components/Tooltip/Tooltip.d.ts +10 -10
  158. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  159. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
  160. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  161. package/dist/types/src/components/index.d.ts +7 -4
  162. package/dist/types/src/components/index.d.ts.map +1 -1
  163. package/dist/types/src/exemplars/generics.stories.d.ts +8 -6
  164. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -1
  165. package/dist/types/src/exemplars/slot.stories.d.ts +1 -0
  166. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -1
  167. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -1
  168. package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
  169. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
  170. package/dist/types/src/hooks/index.d.ts +1 -0
  171. package/dist/types/src/hooks/index.d.ts.map +1 -1
  172. package/dist/types/src/hooks/useDensityContext.d.ts +1 -1
  173. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  174. package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
  175. package/dist/types/src/hooks/useIconHref.d.ts.map +1 -1
  176. package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
  177. package/dist/types/src/hooks/useSafeCollisionPadding.d.ts.map +1 -1
  178. package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
  179. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  180. package/dist/types/src/playground/Custom.stories.d.ts +1 -1
  181. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  182. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
  183. package/dist/types/src/primitives/Column/Column.d.ts +33 -0
  184. package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
  185. package/dist/types/src/primitives/Column/Column.stories.d.ts +25 -0
  186. package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
  187. package/dist/types/src/primitives/Column/index.d.ts +2 -0
  188. package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
  189. package/dist/types/src/primitives/Container/Container.d.ts +6 -22
  190. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -1
  191. package/dist/types/src/primitives/Container/Container.stories.d.ts +2 -7
  192. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -1
  193. package/dist/types/src/primitives/Container/index.d.ts +0 -1
  194. package/dist/types/src/primitives/Container/index.d.ts.map +1 -1
  195. package/dist/types/src/primitives/Flex/Flex.d.ts +8 -5
  196. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -1
  197. package/dist/types/src/primitives/Flex/Flex.stories.d.ts +8 -0
  198. package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
  199. package/dist/types/src/primitives/Grid/Grid.d.ts +10 -0
  200. package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
  201. package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
  202. package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
  203. package/dist/types/src/primitives/Grid/index.d.ts +2 -0
  204. package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
  205. package/dist/types/src/primitives/Panel/Panel.d.ts +35 -0
  206. package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
  207. package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
  208. package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
  209. package/dist/types/src/primitives/Panel/index.d.ts +2 -0
  210. package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
  211. package/dist/types/src/primitives/index.d.ts +3 -0
  212. package/dist/types/src/primitives/index.d.ts.map +1 -1
  213. package/dist/types/src/testing/Loading.d.ts +9 -0
  214. package/dist/types/src/testing/Loading.d.ts.map +1 -0
  215. package/dist/types/src/testing/decorators/withLayout.d.ts +1 -1
  216. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
  217. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
  218. package/dist/types/src/testing/decorators/withTheme.d.ts +1 -1
  219. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  220. package/dist/types/src/testing/index.d.ts +1 -0
  221. package/dist/types/src/testing/index.d.ts.map +1 -1
  222. package/dist/types/src/translations.d.ts +11 -0
  223. package/dist/types/src/translations.d.ts.map +1 -0
  224. package/dist/types/src/util/usePx.d.ts.map +1 -1
  225. package/dist/types/tsconfig.tsbuildinfo +1 -1
  226. package/package.json +33 -26
  227. package/src/components/Avatars/Avatar.stories.tsx +5 -7
  228. package/src/components/Avatars/Avatar.tsx +5 -6
  229. package/src/components/Avatars/AvatarGroup.stories.tsx +0 -1
  230. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +1 -2
  231. package/src/components/Breadcrumb/Breadcrumb.tsx +10 -10
  232. package/src/components/Button/Button.stories.tsx +1 -2
  233. package/src/components/Button/Button.tsx +11 -19
  234. package/src/components/Button/IconButton.stories.tsx +6 -4
  235. package/src/components/Button/IconButton.tsx +3 -4
  236. package/src/components/Button/Toggle.stories.tsx +0 -1
  237. package/src/components/Button/Toggle.tsx +4 -4
  238. package/src/components/Button/ToggleGroup.stories.tsx +0 -1
  239. package/src/components/Button/ToggleGroup.tsx +12 -16
  240. package/src/components/Card/Card.stories.tsx +151 -0
  241. package/src/components/Card/Card.tsx +512 -0
  242. package/src/components/Card/index.ts +5 -0
  243. package/src/components/Clipboard/CopyButton.tsx +6 -7
  244. package/src/components/Dialog/AlertDialog.stories.tsx +14 -15
  245. package/src/components/Dialog/AlertDialog.tsx +123 -77
  246. package/src/components/Dialog/Dialog.stories.tsx +90 -14
  247. package/src/components/Dialog/Dialog.tsx +105 -104
  248. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +45 -0
  249. package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
  250. package/src/components/ErrorFallback/ErrorStack.tsx +114 -0
  251. package/src/components/ErrorFallback/ThrowError.tsx +37 -0
  252. package/src/components/ErrorFallback/index.ts +9 -0
  253. package/src/components/Focus/AUDIT.md +43 -0
  254. package/src/components/Focus/Focus.stories.tsx +230 -0
  255. package/src/components/Focus/Focus.tsx +201 -0
  256. package/src/components/Focus/index.ts +5 -0
  257. package/src/components/Icon/Icon.stories.tsx +43 -13
  258. package/src/components/Icon/Icon.tsx +14 -3
  259. package/src/components/Image/Image.stories.tsx +86 -0
  260. package/src/components/Image/Image.tsx +246 -0
  261. package/src/components/Image/index.ts +5 -0
  262. package/src/components/Input/Input.stories.tsx +17 -38
  263. package/src/components/Input/Input.tsx +20 -50
  264. package/src/components/Link/Link.stories.tsx +0 -1
  265. package/src/components/Link/Link.tsx +2 -2
  266. package/src/components/List/List.stories.tsx +14 -22
  267. package/src/components/List/List.tsx +11 -9
  268. package/src/components/List/ListDropIndicator.tsx +7 -8
  269. package/src/components/List/Tree.stories.tsx +4 -5
  270. package/src/components/List/Tree.tsx +0 -1
  271. package/src/components/List/TreeDropIndicator.tsx +6 -6
  272. package/src/components/List/Treegrid.stories.tsx +27 -28
  273. package/src/components/List/Treegrid.tsx +20 -20
  274. package/src/components/Main/Main.stories.tsx +3 -7
  275. package/src/components/Main/Main.tsx +13 -14
  276. package/src/components/Menu/ContextMenu.stories.tsx +0 -1
  277. package/src/components/Menu/ContextMenu.tsx +3 -3
  278. package/src/components/Menu/DropdownMenu.stories.tsx +0 -1
  279. package/src/components/Menu/DropdownMenu.tsx +51 -45
  280. package/src/components/Message/Message.stories.tsx +25 -11
  281. package/src/components/Message/Message.tsx +30 -15
  282. package/src/components/Popover/Popover.stories.tsx +5 -6
  283. package/src/components/Popover/Popover.tsx +59 -56
  284. package/src/components/ScrollArea/ScrollArea.stories.tsx +98 -39
  285. package/src/components/ScrollArea/ScrollArea.tsx +45 -25
  286. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +46 -25
  287. package/src/components/ScrollContainer/ScrollContainer.tsx +199 -92
  288. package/src/components/Select/Select.stories.tsx +5 -6
  289. package/src/components/Select/Select.tsx +2 -2
  290. package/src/components/Separator/Separator.tsx +4 -7
  291. package/src/components/Skeleton/Skeleton.stories.tsx +12 -13
  292. package/src/components/Splitter/Splitter.stories.tsx +47 -37
  293. package/src/components/Splitter/Splitter.tsx +44 -40
  294. package/src/components/Status/Status.stories.tsx +19 -16
  295. package/src/components/Status/Status.tsx +8 -5
  296. package/src/components/Tag/Tag.stories.tsx +3 -9
  297. package/src/components/Tag/Tag.tsx +2 -2
  298. package/src/components/ThemeProvider/ThemeProvider.stories.tsx +31 -0
  299. package/src/components/ThemeProvider/ThemeProvider.tsx +7 -6
  300. package/src/components/ThemeProvider/index.ts +1 -1
  301. package/src/components/Toast/Toast.stories.tsx +0 -1
  302. package/src/components/Toast/Toast.tsx +22 -37
  303. package/src/components/Toolbar/Toolbar.stories.tsx +0 -1
  304. package/src/components/Toolbar/Toolbar.tsx +173 -29
  305. package/src/components/Tooltip/Tooltip.stories.tsx +18 -17
  306. package/src/components/Tooltip/Tooltip.tsx +16 -16
  307. package/src/components/index.ts +8 -5
  308. package/src/exemplars/generics.stories.tsx +12 -15
  309. package/src/exemplars/slot.stories.tsx +68 -61
  310. package/src/exemplars/tabster.stories.tsx +5 -5
  311. package/src/exemplars/virtualizer.stories.tsx +136 -0
  312. package/src/hooks/index.ts +1 -0
  313. package/src/hooks/useDensityContext.ts +2 -2
  314. package/src/playground/Controls.stories.tsx +0 -6
  315. package/src/playground/Custom.stories.tsx +13 -16
  316. package/src/playground/Typography.stories.tsx +1 -1
  317. package/src/primitives/Column/AUDIT.md +148 -0
  318. package/src/primitives/Column/Column.stories.tsx +181 -0
  319. package/src/primitives/Column/Column.tsx +165 -0
  320. package/src/primitives/Column/index.ts +5 -0
  321. package/src/primitives/Container/Container.stories.tsx +13 -51
  322. package/src/primitives/Container/Container.tsx +14 -74
  323. package/src/primitives/Container/index.ts +0 -1
  324. package/src/primitives/Flex/Flex.stories.tsx +57 -0
  325. package/src/primitives/Flex/Flex.tsx +20 -19
  326. package/src/primitives/Grid/Grid.stories.tsx +56 -0
  327. package/src/primitives/Grid/Grid.tsx +30 -0
  328. package/src/primitives/Grid/index.ts +5 -0
  329. package/src/primitives/Panel/Panel.stories.tsx +68 -0
  330. package/src/primitives/Panel/Panel.tsx +120 -0
  331. package/src/primitives/Panel/index.ts +5 -0
  332. package/src/primitives/index.ts +3 -0
  333. package/src/testing/Loading.tsx +47 -0
  334. package/src/testing/decorators/withLayout.tsx +15 -11
  335. package/src/testing/decorators/withLayoutVariants.tsx +18 -21
  336. package/src/testing/decorators/withTheme.tsx +10 -7
  337. package/src/testing/index.ts +2 -0
  338. package/src/translations.ts +19 -0
  339. package/src/util/usePx.ts +1 -0
  340. package/dist/lib/browser/chunk-6DTBPJE4.mjs.map +0 -7
  341. package/dist/lib/node-esm/chunk-JKHQSGNU.mjs.map +0 -7
  342. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -22
  343. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
  344. package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
  345. package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
  346. package/dist/types/src/primitives/Container/Layout.d.ts +0 -18
  347. package/dist/types/src/primitives/Container/Layout.d.ts.map +0 -1
  348. package/dist/types/src/primitives/Container/Layout.stories.d.ts +0 -10
  349. package/dist/types/src/primitives/Container/Layout.stories.d.ts.map +0 -1
  350. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -57
  351. package/src/components/AnchoredOverflow/index.ts +0 -5
  352. package/src/primitives/Container/Layout.stories.tsx +0 -57
  353. package/src/primitives/Container/Layout.tsx +0 -61
@@ -3,7 +3,7 @@ import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
3
3
  import * as PopperPrimitive from '@radix-ui/react-popper';
4
4
  import { Primitive } from '@radix-ui/react-primitive';
5
5
  import { type TooltipProps } from '@radix-ui/react-tooltip';
6
- import React, { type ComponentPropsWithoutRef, type ElementRef, type MutableRefObject, type ReactNode, type SyntheticEvent } from 'react';
6
+ import React, { type ComponentPropsWithoutRef, type ComponentRef, type FC, type ReactNode, type RefObject, type SyntheticEvent } from 'react';
7
7
  type TooltipScopedProps<P = {}> = P & {
8
8
  __scopeTooltip?: Scope;
9
9
  };
@@ -19,11 +19,11 @@ type TooltipContextValue = {
19
19
  onOpen(): void;
20
20
  onClose(): void;
21
21
  onPointerInTransitChange(inTransit: boolean): void;
22
- isPointerInTransitRef: MutableRefObject<boolean>;
22
+ isPointerInTransitRef: RefObject<boolean>;
23
23
  disableHoverableContent: boolean;
24
24
  };
25
25
  declare const useTooltipContext: (consumerName: string, scope: Scope<TooltipContextValue | undefined>) => TooltipContextValue;
26
- interface TooltipProviderProps {
26
+ type TooltipProviderProps = {
27
27
  children?: ReactNode;
28
28
  open?: boolean;
29
29
  defaultOpen?: boolean;
@@ -44,24 +44,24 @@ interface TooltipProviderProps {
44
44
  * @defaultValue 300
45
45
  */
46
46
  skipDelayDuration?: number;
47
- }
48
- type TooltipTriggerElement = ElementRef<typeof Primitive.button>;
47
+ };
48
+ type TooltipTriggerElement = ComponentRef<typeof Primitive.button>;
49
49
  type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
50
50
  type TooltipTriggerProps = PrimitiveButtonProps & Pick<TooltipProps, 'delayDuration'> & {
51
51
  content?: string;
52
52
  side?: TooltipSide;
53
53
  onInteract?: (event: SyntheticEvent) => void;
54
54
  };
55
- interface TooltipContentProps extends TooltipContentImplProps {
55
+ type TooltipContentProps = TooltipContentImplProps & {
56
56
  /**
57
57
  * Used to force mounting when more control is needed. Useful when
58
58
  * controlling animation with React animation libraries.
59
59
  */
60
60
  forceMount?: true;
61
- }
61
+ };
62
62
  type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
63
63
  type PopperContentProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;
64
- interface TooltipContentImplProps extends Omit<PopperContentProps, 'onPlaced'> {
64
+ type TooltipContentImplProps = Omit<PopperContentProps, 'onPlaced'> & {
65
65
  /**
66
66
  * A more descriptive label for accessibility purpose
67
67
  */
@@ -76,10 +76,10 @@ interface TooltipContentImplProps extends Omit<PopperContentProps, 'onPlaced'> {
76
76
  * Can be prevented.
77
77
  */
78
78
  onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
79
- }
79
+ };
80
80
  type TooltipSide = NonNullable<TooltipContentProps['side']>;
81
81
  export declare const Tooltip: {
82
- Provider: React.FC<TooltipProviderProps>;
82
+ Provider: FC<TooltipProviderProps>;
83
83
  Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
84
84
  asChild?: boolean;
85
85
  }, "ref"> & Pick<TooltipProps, "delayDuration"> & {
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
- type StoryProps = {
3
+ type DefaultStoryProps = {
4
4
  tooltips: {
5
5
  label: string;
6
6
  content: string;
@@ -10,7 +10,7 @@ type StoryProps = {
10
10
  declare const meta: {
11
11
  title: string;
12
12
  component: any;
13
- render: ({ tooltips, defaultOpen }: StoryProps) => React.JSX.Element;
13
+ render: ({ tooltips, defaultOpen }: DefaultStoryProps) => React.JSX.Element;
14
14
  decorators: import("@storybook/react").Decorator[];
15
15
  };
16
16
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAcF,QAAA,MAAM,IAAI;;eAEc,GAAG;wCAdsB,UAAU;;CAiBtB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}
1
+ {"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAgBF,QAAA,MAAM,IAAI;;eAEc,GAAG;wCAhBsB,iBAAiB;;CAmB7B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}
@@ -1,10 +1,16 @@
1
- export * from './AnchoredOverflow';
1
+ export * from './DensityProvider';
2
+ export * from './ElevationProvider';
3
+ export * from './ThemeProvider';
2
4
  export * from './Avatars';
3
5
  export * from './Breadcrumb';
4
6
  export * from './Button';
7
+ export * from './Card';
5
8
  export * from './Clipboard';
6
9
  export * from './Dialog';
10
+ export * from './ErrorFallback';
11
+ export * from './Focus';
7
12
  export * from './Icon';
13
+ export * from './Image';
8
14
  export * from './Input';
9
15
  export * from './Link';
10
16
  export * from './List';
@@ -23,7 +29,4 @@ export * from './Tag';
23
29
  export * from './Toast';
24
30
  export * from './Toolbar';
25
31
  export * from './Tooltip';
26
- export * from './DensityProvider';
27
- export * from './ElevationProvider';
28
- export * from './ThemeProvider';
29
32
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
@@ -1,11 +1,13 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
- import { type ReactElement, type Ref } from 'react';
3
- import { type SlottableProps } from '@dxos/ui-types';
2
+ import React from 'react';
4
3
  declare const meta: {
5
4
  title: string;
6
- component: <P extends HTMLElement>(props: SlottableProps<P> & {
7
- ref?: Ref<P>;
8
- }) => ReactElement;
5
+ component: React.ForwardRefExoticComponent<Omit<{
6
+ asChild?: boolean;
7
+ }, "className"> & {
8
+ classNames?: import("@dxos/ui-types").ClassNameValue;
9
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
10
+ render: (props: import("@storybook/react").Args) => React.JSX.Element;
9
11
  decorators: import("@storybook/react").Decorator[];
10
12
  parameters: {
11
13
  layout: string;
@@ -13,5 +15,5 @@ declare const meta: {
13
15
  };
14
16
  export default meta;
15
17
  type Story = StoryObj<typeof meta>;
16
- export declare const Single: Story;
18
+ export declare const Default: Story;
17
19
  //# sourceMappingURL=generics.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"generics.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/generics.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAc,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAuBrD,QAAA,MAAM,IAAI;;gBAJ2B,CAAC,SAAS,WAAW,SACjD,cAAc,CAAC,CAAC,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;KAAE,KACxC,YAAY;;;;;CASD,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAU,CAAC"}
1
+ {"version":3,"file":"generics.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/generics.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,QAAA,MAAM,IAAI;;;;;;;;;;QAMN,MAAM;;CAEM,CAAC;eAEF,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -11,4 +11,5 @@ type Story = StoryObj<typeof meta>;
11
11
  export declare const Single: Story;
12
12
  export declare const Nested: Story;
13
13
  export declare const Inner: Story;
14
+ export declare const Error: Story;
14
15
  //# sourceMappingURL=slot.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"slot.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/slot.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAgFjE,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
1
+ {"version":3,"file":"slot.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/slot.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA0DjE,QAAA,MAAM,IAAI;;;;QAIN,MAAM;;CAEM,CAAC;eAEF,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"tabster.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/tabster.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,KAAiD,MAAM,OAAO,CAAC;AAgEtE,QAAA,MAAM,YAAY,yBAcjB,CAAC;AAsBF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
1
+ {"version":3,"file":"tabster.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/tabster.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,KAAiD,MAAM,OAAO,CAAC;AAgEtE,QAAA,MAAM,YAAY,yBAcjB,CAAC;AAsBF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { type Meta } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ /**
6
+ * https://tanstack.com/virtual/latest/docs/introduction
7
+ */
8
+ export declare const Default: {
9
+ render: () => React.JSX.Element;
10
+ };
11
+ //# sourceMappingURL=virtualizer.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"virtualizer.stories.d.ts","sourceRoot":"","sources":["../../../../src/exemplars/virtualizer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,KAA+C,MAAM,OAAO,CAAC;AAYpE,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;eAEa,IAAI;AAInB;;GAEG;AACH,eAAO,MAAM,OAAO;IAClB,MAAM;CAmEP,CAAC"}
@@ -2,6 +2,7 @@ export * from './useDensityContext';
2
2
  export * from './useElevationContext';
3
3
  export * from './useIconHref';
4
4
  export * from './useSafeArea';
5
+ export * from './useSafeCollisionPadding';
5
6
  export * from './useTranslationsContext';
6
7
  export * from './useThemeContext';
7
8
  export * from './useVisualViewport';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import { type Density } from '@dxos/ui-types';
2
- export declare const useDensityContext: (propsDensity?: Density) => Density | undefined;
2
+ export declare const useDensityContext: (densityProp?: Density) => Density | undefined;
3
3
  //# sourceMappingURL=useDensityContext.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDensityContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDensityContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAI9C,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,wBAGvD,CAAC"}
1
+ {"version":3,"file":"useDensityContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDensityContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAI9C,eAAO,MAAM,iBAAiB,iBAAkB,OAAO,KAAG,OAAO,GAAG,SAGnE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useElevationContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useElevationContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,eAAO,MAAM,mBAAmB,GAAI,iBAAiB,SAAS,0BAG7D,CAAC"}
1
+ {"version":3,"file":"useElevationContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useElevationContext.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,eAAO,MAAM,mBAAmB,oBAAqB,SAAS,0BAG7D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useIconHref.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useIconHref.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,uBAIxC,CAAC"}
1
+ {"version":3,"file":"useIconHref.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useIconHref.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,UAAW,MAAM,uBAIxC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSafeArea.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeArea.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,eAAe;;;;;CAAmD,CAAC;AAEhF,eAAO,MAAM,WAAW,QAAO,eAa9B,CAAC"}
1
+ {"version":3,"file":"useSafeArea.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeArea.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,eAAe;IAAK,GAAG;IAAO,KAAK;IAAO,MAAM;IAAO,IAAI;CAAO,CAAC;AAEhF,eAAO,MAAM,WAAW,QAAO,eAa9B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSafeCollisionPadding.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeCollisionPadding.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAMnE,KAAK,WAAW,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAiB3D,eAAO,MAAM,uBAAuB,GAAI,mBAAmB,WAAW;;;;;CAWrE,CAAC"}
1
+ {"version":3,"file":"useSafeCollisionPadding.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSafeCollisionPadding.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAMnE,KAAK,WAAW,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAiB3D,eAAO,MAAM,uBAAuB,sBAAuB,WAAW;;;;;CAWrE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useVisualViewport.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useVisualViewport.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,GAAI,OAAO,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;;;CAc/E,CAAC"}
1
+ {"version":3,"file":"useVisualViewport.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useVisualViewport.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,iBAAiB,UAAW,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC,CAAC,CAAC;;;CAc/E,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AA6ExC,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
1
+ {"version":3,"file":"Controls.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Controls.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAuExC,QAAA,MAAM,IAAI;;;;CAImB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -4,7 +4,7 @@ import { type ButtonProps } from '../components';
4
4
  declare const meta: {
5
5
  title: string;
6
6
  component: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
- render: ({ children, ...args }: Omit<ButtonProps, "ref">) => React.JSX.Element;
7
+ render: ({ children, ...args }: Omit<ButtonProps, 'ref'>) => React.JSX.Element;
8
8
  decorators: import("@storybook/react").Decorator[];
9
9
  parameters: {
10
10
  layout: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Custom.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Custom.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAuB,MAAM,eAAe,CAAC;AAsG9E,QAAA,MAAM,IAAI;;;oCAnGmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;;;;CA2GtC,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
1
+ {"version":3,"file":"Custom.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Custom.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAU,KAAK,WAAW,EAAuB,MAAM,eAAe,CAAC;AAmG9E,QAAA,MAAM,IAAI;;;oCAhGmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;;QAsGjE,MAAM;;CAEqB,CAAC;eAEjB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,QAAA,MAAM,IAAI;;;;CAI2B,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":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/playground/Typography.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAuC1B,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import { type SlottableProps } from '@dxos/ui-types';
3
+ type GutterSize = 'xs' | 'sm' | 'md' | 'lg';
4
+ type ColumnRootProps = {
5
+ gutter?: GutterSize;
6
+ };
7
+ type ColumnRowProps = {};
8
+ type ColumnBleedProps = SlottableProps;
9
+ type ColumnCenterProps = SlottableProps;
10
+ export declare const Column: {
11
+ Root: React.ForwardRefExoticComponent<Omit<ColumnRootProps & {
12
+ asChild?: boolean;
13
+ }, "className"> & {
14
+ classNames?: import("@dxos/ui-types").ClassNameValue;
15
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
16
+ Row: React.ForwardRefExoticComponent<Omit<{
17
+ asChild?: boolean;
18
+ }, "className"> & {
19
+ classNames?: import("@dxos/ui-types").ClassNameValue;
20
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
21
+ Bleed: React.ForwardRefExoticComponent<Omit<{
22
+ asChild?: boolean;
23
+ }, "className"> & {
24
+ classNames?: import("@dxos/ui-types").ClassNameValue;
25
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
26
+ Center: React.ForwardRefExoticComponent<Omit<{
27
+ asChild?: boolean;
28
+ }, "className"> & {
29
+ classNames?: import("@dxos/ui-types").ClassNameValue;
30
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
31
+ };
32
+ export type { ColumnRootProps, ColumnRowProps, ColumnBleedProps, ColumnCenterProps };
33
+ //# sourceMappingURL=Column.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Column/Column.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAUrD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAS5C,KAAK,eAAe,GAAG;IAAE,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAqD/C,KAAK,cAAc,GAAG,EAAE,CAAC;AA0BzB,KAAK,gBAAgB,GAAG,cAAc,CAAC;AA0BvC,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAwBxC,eAAO,MAAM,MAAM;IACjB,IAAI;;;;;IACJ,GAAG;;;;;IACH,KAAK;;;;;IACL,MAAM;;;;;CACP,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithScrollArea: {
8
+ decorators: import("@storybook/react").Decorator[];
9
+ render: () => React.JSX.Element;
10
+ };
11
+ /**
12
+ * Column.Center places a single element in the center column of the parent grid.
13
+ * Preferred for centered content — safe to nest
14
+ * compound components (Form.Root, Editor.Root, etc.) that render `display: contents`.
15
+ */
16
+ export declare const WithCenter: Story;
17
+ /**
18
+ * ScrollArea auto-bleeds inside Column.Root (via [.dx-column_&]:col-span-full).
19
+ * No Column.Bleed wrapper needed.
20
+ */
21
+ export declare const WithScrollAreaAutoBleed: Story;
22
+ export declare const Experimental: {
23
+ render: () => React.JSX.Element;
24
+ };
25
+ //# sourceMappingURL=Column.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Column.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Column/Column.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAmE1B,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAYjC,eAAO,MAAM,cAAc;IACzB,UAAU;IACV,MAAM;CAeP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAiBrC,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CAcP,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Column';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Column/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}
@@ -1,23 +1,7 @@
1
- import React, { type PropsWithChildren } from 'react';
2
- import { type ColumnPadding } from '@dxos/ui-theme';
3
- import { type SlottableProps } from '@dxos/ui-types';
4
- type ContainerContext = {
5
- variant?: ColumnPadding;
6
- };
7
- type RootProps = PropsWithChildren<Partial<ContainerContext>>;
8
- type ColumnProps = SlottableProps<HTMLDivElement> & {
9
- variant?: ColumnPadding;
10
- };
11
- export declare const Container: {
12
- Root: ({ variant, children }: RootProps) => React.JSX.Element;
13
- Column: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
14
- asChild?: boolean;
15
- } & {
16
- className?: string;
17
- classNames?: import("@dxos/ui-types").ClassNameValue;
18
- } & {
19
- variant?: ColumnPadding;
20
- } & React.RefAttributes<HTMLDivElement>>;
21
- };
22
- export type { RootProps as ContainerRootProps, ColumnProps as ContainerColumnProps };
1
+ import React from 'react';
2
+ export declare const Container: React.ForwardRefExoticComponent<Omit<{
3
+ asChild?: boolean;
4
+ }, "className"> & {
5
+ classNames?: import("@dxos/ui-types").ClassNameValue;
6
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
23
7
  //# sourceMappingURL=Container.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/Container.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYrD,KAAK,gBAAgB,GAAG;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAQF,KAAK,SAAS,GAAG,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAY9D,KAAK,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AA6BhF,eAAO,MAAM,SAAS;kCAvCe,SAAS;;;;;;;kBAUkB,aAAa;;CAgC5E,CAAC;AAEF,YAAY,EAAE,SAAS,IAAI,kBAAkB,EAAE,WAAW,IAAI,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/Container.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,SAAS;;;;2HAQpB,CAAC"}
@@ -1,11 +1,6 @@
1
1
  import { type Meta, type StoryObj } from '@storybook/react-vite';
2
- import React from 'react';
3
- import { Container } from './Container';
4
- declare const meta: Meta<typeof Container.Root>;
2
+ declare const meta: Meta;
5
3
  export default meta;
6
4
  type Story = StoryObj<typeof meta>;
7
- export declare const Default: () => React.JSX.Element;
8
- export declare const SM: Story;
9
- export declare const MD: Story;
10
- export declare const LG: Story;
5
+ export declare const Default: Story;
11
6
  //# sourceMappingURL=Container.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/Container.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAA2B,MAAM,aAAa,CAAC;AAiBjE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAAC,IAAI,CAQrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,yBAMnB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAIhB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAIhB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,KAIhB,CAAC"}
1
+ {"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/Container.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAYjE,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -1,3 +1,2 @@
1
1
  export * from './Container';
2
- export * from './Layout';
3
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Container/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}
@@ -1,8 +1,11 @@
1
- import React, { type HTMLAttributes } from 'react';
2
- import { type ThemedClassName } from '@dxos/ui-types';
3
- export type FlexProps = ThemedClassName<HTMLAttributes<HTMLDivElement> & {
1
+ import React from 'react';
2
+ export type FlexProps = {
4
3
  column?: boolean;
5
4
  grow?: boolean;
6
- }>;
7
- export declare const Flex: ({ children, classNames, role, column, grow }: FlexProps) => React.JSX.Element;
5
+ };
6
+ export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps & {
7
+ asChild?: boolean;
8
+ }, "className"> & {
9
+ classNames?: import("@dxos/ui-types").ClassNameValue;
10
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
8
11
  //# sourceMappingURL=Flex.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Flex/Flex.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,eAAe,CACrC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,8CAA8C,SAAS,sBAS3E,CAAC"}
1
+ {"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Flex/Flex.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,SAAS,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;2HAchB,CAAC"}
@@ -0,0 +1,8 @@
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 Row: Story;
6
+ export declare const Column: Story;
7
+ export declare const Grow: Story;
8
+ //# sourceMappingURL=Flex.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAwCjE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,GAAG,EAAE,KAA4B,CAAC;AAC/C,eAAO,MAAM,MAAM,EAAE,KAA+B,CAAC;AACrD,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export type GridProps = {
3
+ cols?: number;
4
+ rows?: number;
5
+ grow?: boolean;
6
+ };
7
+ export declare const Grid: React.ForwardRefExoticComponent<Omit<GridProps, "className"> & {
8
+ classNames?: import("@dxos/ui-types").ClassNameValue;
9
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
10
+ //# sourceMappingURL=Grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Grid/Grid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,IAAI;;2HAmBhB,CAAC"}
@@ -0,0 +1,8 @@
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 Cols: Story;
6
+ export declare const Rows: Story;
7
+ export declare const Mixed: Story;
8
+ //# sourceMappingURL=Grid.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Grid/Grid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuCjE,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,KAAK,EAAE,KAA8B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Grid';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Grid/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}
@@ -0,0 +1,35 @@
1
+ import React, { type CSSProperties } from 'react';
2
+ import { PanelStyleProps } from '@dxos/ui-theme';
3
+ import { type SlottableProps } from '@dxos/ui-types';
4
+ type PanelRootProps = SlottableProps<{
5
+ style?: CSSProperties;
6
+ }>;
7
+ type PanelToolbarProps = SlottableProps & Pick<PanelStyleProps, 'size'>;
8
+ type PanelContentProps = SlottableProps;
9
+ type PanelStatusbarProps = SlottableProps & Pick<PanelStyleProps, 'size'>;
10
+ export declare const Panel: {
11
+ Root: React.ForwardRefExoticComponent<Omit<{
12
+ style?: CSSProperties;
13
+ } & {
14
+ asChild?: boolean;
15
+ }, "className"> & {
16
+ classNames?: import("@dxos/ui-types").ClassNameValue;
17
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
18
+ Toolbar: React.ForwardRefExoticComponent<Omit<Pick<PanelStyleProps, "size"> & {
19
+ asChild?: boolean;
20
+ }, "className"> & {
21
+ classNames?: import("@dxos/ui-types").ClassNameValue;
22
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
23
+ Content: React.ForwardRefExoticComponent<Omit<{
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
+ Statusbar: React.ForwardRefExoticComponent<Omit<Pick<PanelStyleProps, "size"> & {
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 { PanelRootProps, PanelToolbarProps, PanelContentProps, PanelStatusbarProps };
35
+ //# sourceMappingURL=Panel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Panel/Panel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAmB,eAAe,EAAa,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAWrD,KAAK,cAAc,GAAG,cAAc,CAAC;IAAE,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AA+BhE,KAAK,iBAAiB,GAAG,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAqBxE,KAAK,iBAAiB,GAAG,cAAc,CAAC;AAmBxC,KAAK,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;AAqB1E,eAAO,MAAM,KAAK;IAChB,IAAI;gBA3FgD,aAAa;;;;;;IA4FjE,OAAO;;;;;IACP,OAAO;;;;;IACP,SAAS;;;;;CACV,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC"}
@@ -0,0 +1,6 @@
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
+ //# sourceMappingURL=Panel.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Panel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Panel/Panel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkDjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Panel';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/Panel/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,3 +1,6 @@
1
+ export * from './Column';
1
2
  export * from './Container';
2
3
  export * from './Flex';
4
+ export * from './Grid';
5
+ export * from './Panel';
3
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export type LoadingProps = {
3
+ data?: any;
4
+ };
5
+ /**
6
+ * Storybook loading component.
7
+ */
8
+ export declare const Loading: ({ data }: LoadingProps) => React.JSX.Element;
9
+ //# sourceMappingURL=Loading.d.ts.map