@dxos/react-ui 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

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 (365) hide show
  1. package/dist/lib/browser/chunk-LUPEFGHJ.mjs +776 -0
  2. package/dist/lib/browser/chunk-LUPEFGHJ.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +4097 -68
  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 +74 -63
  7. package/dist/lib/browser/testing/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/chunk-EQOBFLZC.mjs +778 -0
  9. package/dist/lib/node-esm/chunk-EQOBFLZC.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +4097 -68
  11. package/dist/lib/node-esm/index.mjs.map +4 -4
  12. package/dist/lib/node-esm/meta.json +1 -1
  13. package/dist/lib/node-esm/testing/index.mjs +74 -63
  14. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  15. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  16. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  17. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  18. package/dist/types/src/components/Button/Button.d.ts +3 -3
  19. package/dist/types/src/components/Button/Button.d.ts.map +1 -1
  20. package/dist/types/src/components/Button/IconButton.d.ts +2 -1
  21. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
  22. package/dist/types/src/components/Button/Toggle.d.ts +2 -2
  23. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -1
  24. package/dist/types/src/components/Button/ToggleGroup.d.ts +10 -10
  25. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -1
  26. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +4 -4
  27. package/dist/types/src/components/Card/Card.d.ts +145 -0
  28. package/dist/types/src/components/Card/Card.d.ts.map +1 -0
  29. package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
  30. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
  31. package/dist/types/src/components/Card/index.d.ts +2 -0
  32. package/dist/types/src/components/Card/index.d.ts.map +1 -0
  33. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  34. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  35. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts +1 -1
  36. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
  37. package/dist/types/src/components/Dialog/AlertDialog.d.ts +41 -19
  38. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
  39. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
  40. package/dist/types/src/components/Dialog/Dialog.d.ts +56 -21
  41. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
  42. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +10 -10
  43. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
  44. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts +1 -1
  45. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
  46. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
  47. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
  48. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
  49. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
  50. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +8 -0
  51. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
  52. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
  53. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
  54. package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
  55. package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
  56. package/dist/types/src/components/Focus/Focus.d.ts +44 -0
  57. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
  58. package/dist/types/src/components/Focus/Focus.stories.d.ts +9 -0
  59. package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
  60. package/dist/types/src/components/Focus/index.d.ts +2 -0
  61. package/dist/types/src/components/Focus/index.d.ts.map +1 -0
  62. package/dist/types/src/components/Icon/Icon.d.ts +4 -1
  63. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  64. package/dist/types/src/components/Icon/Icon.stories.d.ts +11 -3
  65. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -1
  66. package/dist/types/src/components/Image/Image.d.ts +14 -0
  67. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  68. package/dist/types/src/components/Image/Image.stories.d.ts +33 -0
  69. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  70. package/dist/types/src/components/Image/index.d.ts +2 -0
  71. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  72. package/dist/types/src/components/Input/Input.d.ts +7 -7
  73. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  74. package/dist/types/src/components/Input/Input.stories.d.ts +8 -8
  75. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  76. package/dist/types/src/components/List/List.d.ts +10 -4
  77. package/dist/types/src/components/List/List.d.ts.map +1 -1
  78. package/dist/types/src/components/List/List.stories.d.ts +8 -2
  79. package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
  80. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
  81. package/dist/types/src/components/Main/Main.d.ts +9 -10
  82. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  83. package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
  84. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  85. package/dist/types/src/components/{Menus → Menu}/ContextMenu.d.ts +6 -6
  86. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -0
  87. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -0
  88. package/dist/types/src/components/Menu/DropdownMenu.d.ts +113 -0
  89. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -0
  90. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +28 -0
  91. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -0
  92. package/dist/types/src/components/Menu/index.d.ts.map +1 -0
  93. package/dist/types/src/components/Message/Message.d.ts +1 -1
  94. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  95. package/dist/types/src/components/Message/Message.stories.d.ts +5 -6
  96. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  97. package/dist/types/src/components/Popover/Popover.d.ts +33 -24
  98. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  99. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +32 -24
  100. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  101. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +65 -8
  102. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  103. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +27 -9
  104. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
  105. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +8 -3
  106. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
  107. package/dist/types/src/components/Select/Select.d.ts +9 -9
  108. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  109. package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
  110. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  111. package/dist/types/src/components/Separator/Separator.d.ts +4 -4
  112. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  113. package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
  114. package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
  115. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
  116. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
  117. package/dist/types/src/components/Skeleton/index.d.ts +2 -0
  118. package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
  119. package/dist/types/src/components/Splitter/Splitter.d.ts +37 -0
  120. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
  121. package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
  122. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
  123. package/dist/types/src/components/Splitter/index.d.ts +2 -0
  124. package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
  125. package/dist/types/src/components/Status/Status.d.ts +3 -4
  126. package/dist/types/src/components/Status/Status.d.ts.map +1 -1
  127. package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
  128. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  129. package/dist/types/src/components/Tag/Tag.d.ts +1 -1
  130. package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
  131. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
  132. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  133. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +3 -3
  134. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  135. package/dist/types/src/components/{Menus/DropdownMenu.stories.d.ts → ThemeProvider/ThemeProvider.stories.d.ts} +2 -5
  136. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  137. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +1 -8
  138. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  139. package/dist/types/src/components/ThemeProvider/index.d.ts +2 -1
  140. package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
  141. package/dist/types/src/components/Toast/Toast.d.ts +19 -19
  142. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  143. package/dist/types/src/components/Toolbar/Toolbar.d.ts +43 -17
  144. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  145. package/dist/types/src/components/Tooltip/Tooltip.d.ts +9 -9
  146. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  147. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
  148. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  149. package/dist/types/src/components/index.d.ts +10 -5
  150. package/dist/types/src/components/index.d.ts.map +1 -1
  151. package/dist/types/src/exemplars/generics.stories.d.ts +23 -0
  152. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
  153. package/dist/types/src/exemplars/slot.stories.d.ts +15 -0
  154. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
  155. package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
  156. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
  157. package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
  158. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
  159. package/dist/types/src/hooks/index.d.ts +1 -0
  160. package/dist/types/src/hooks/index.d.ts.map +1 -1
  161. package/dist/types/src/hooks/useDensityContext.d.ts +2 -2
  162. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  163. package/dist/types/src/hooks/useElevationContext.d.ts +1 -1
  164. package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
  165. package/dist/types/src/index.d.ts +2 -1
  166. package/dist/types/src/index.d.ts.map +1 -1
  167. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  168. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  169. package/dist/types/src/primitives/Column/Column.d.ts +51 -0
  170. package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
  171. package/dist/types/src/primitives/Column/Column.stories.d.ts +25 -0
  172. package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
  173. package/dist/types/src/primitives/Column/index.d.ts +2 -0
  174. package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
  175. package/dist/types/src/primitives/Container/Container.d.ts +11 -0
  176. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
  177. package/dist/types/src/primitives/Container/Container.stories.d.ts +6 -0
  178. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
  179. package/dist/types/src/primitives/Container/index.d.ts +2 -0
  180. package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
  181. package/dist/types/src/primitives/Flex/Flex.d.ts +15 -0
  182. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
  183. package/dist/types/src/primitives/Flex/Flex.stories.d.ts +8 -0
  184. package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
  185. package/dist/types/src/primitives/Flex/index.d.ts +2 -0
  186. package/dist/types/src/primitives/Flex/index.d.ts.map +1 -0
  187. package/dist/types/src/primitives/Grid/Grid.d.ts +14 -0
  188. package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
  189. package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
  190. package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
  191. package/dist/types/src/primitives/Grid/index.d.ts +2 -0
  192. package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
  193. package/dist/types/src/primitives/Panel/Panel.d.ts +46 -0
  194. package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
  195. package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
  196. package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
  197. package/dist/types/src/primitives/Panel/index.d.ts +2 -0
  198. package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
  199. package/dist/types/src/primitives/index.d.ts +6 -0
  200. package/dist/types/src/primitives/index.d.ts.map +1 -0
  201. package/dist/types/src/testing/Loading.d.ts +9 -0
  202. package/dist/types/src/testing/Loading.d.ts.map +1 -0
  203. package/dist/types/src/testing/decorators/withLayout.d.ts +3 -3
  204. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
  205. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts +1 -1
  206. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
  207. package/dist/types/src/testing/decorators/withTheme.d.ts +3 -2
  208. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  209. package/dist/types/src/testing/index.d.ts +1 -0
  210. package/dist/types/src/testing/index.d.ts.map +1 -1
  211. package/dist/types/src/translations.d.ts +11 -0
  212. package/dist/types/src/translations.d.ts.map +1 -0
  213. package/dist/types/src/util/index.d.ts +1 -2
  214. package/dist/types/src/util/index.d.ts.map +1 -1
  215. package/dist/types/src/util/usePx.d.ts.map +1 -1
  216. package/dist/types/tsconfig.tsbuildinfo +1 -1
  217. package/package.json +40 -31
  218. package/src/components/Avatars/Avatar.stories.tsx +7 -8
  219. package/src/components/Avatars/Avatar.tsx +6 -13
  220. package/src/components/Avatars/AvatarGroup.stories.tsx +2 -2
  221. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +3 -3
  222. package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
  223. package/src/components/Button/Button.stories.tsx +3 -3
  224. package/src/components/Button/Button.tsx +12 -26
  225. package/src/components/Button/IconButton.stories.tsx +4 -4
  226. package/src/components/Button/IconButton.tsx +9 -5
  227. package/src/components/Button/Toggle.stories.tsx +2 -2
  228. package/src/components/Button/Toggle.tsx +4 -4
  229. package/src/components/Button/ToggleGroup.stories.tsx +2 -2
  230. package/src/components/Button/ToggleGroup.tsx +12 -16
  231. package/src/components/Card/Card.stories.tsx +151 -0
  232. package/src/components/Card/Card.tsx +394 -0
  233. package/src/components/Card/index.ts +5 -0
  234. package/src/components/Clipboard/CopyButton.tsx +6 -6
  235. package/src/components/DensityProvider/DensityProvider.tsx +1 -1
  236. package/src/components/Dialog/AlertDialog.stories.tsx +16 -16
  237. package/src/components/Dialog/AlertDialog.tsx +121 -82
  238. package/src/components/Dialog/Dialog.stories.tsx +139 -28
  239. package/src/components/Dialog/Dialog.tsx +192 -71
  240. package/src/components/ElevationProvider/ElevationProvider.tsx +1 -1
  241. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +50 -0
  242. package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
  243. package/src/components/ErrorFallback/ErrorStack.tsx +80 -0
  244. package/src/components/ErrorFallback/ThrowError.tsx +37 -0
  245. package/src/components/ErrorFallback/index.ts +9 -0
  246. package/src/components/Focus/AUDIT.md +43 -0
  247. package/src/components/Focus/Focus.stories.tsx +230 -0
  248. package/src/components/Focus/Focus.tsx +201 -0
  249. package/src/components/Focus/index.ts +5 -0
  250. package/src/components/Icon/Icon.stories.tsx +45 -14
  251. package/src/components/Icon/Icon.tsx +7 -3
  252. package/src/components/Image/Image.stories.tsx +86 -0
  253. package/src/components/Image/Image.tsx +223 -0
  254. package/src/components/Image/index.ts +5 -0
  255. package/src/components/Input/Input.stories.tsx +21 -40
  256. package/src/components/Input/Input.tsx +36 -72
  257. package/src/components/Link/Link.stories.tsx +2 -2
  258. package/src/components/Link/Link.tsx +2 -2
  259. package/src/components/List/List.stories.tsx +30 -33
  260. package/src/components/List/List.tsx +16 -19
  261. package/src/components/List/ListDropIndicator.tsx +7 -7
  262. package/src/components/List/Tree.stories.tsx +5 -5
  263. package/src/components/List/TreeDropIndicator.tsx +6 -6
  264. package/src/components/List/Treegrid.stories.tsx +3 -3
  265. package/src/components/List/Treegrid.tsx +10 -15
  266. package/src/components/Main/Main.stories.tsx +41 -23
  267. package/src/components/Main/Main.tsx +139 -82
  268. package/src/components/{Menus → Menu}/ContextMenu.stories.tsx +2 -2
  269. package/src/components/{Menus → Menu}/ContextMenu.tsx +9 -33
  270. package/src/components/{Menus → Menu}/DropdownMenu.stories.tsx +2 -2
  271. package/src/components/{Menus → Menu}/DropdownMenu.tsx +119 -109
  272. package/src/components/Message/Message.stories.tsx +28 -13
  273. package/src/components/Message/Message.tsx +43 -34
  274. package/src/components/Popover/Popover.stories.tsx +4 -4
  275. package/src/components/Popover/Popover.tsx +97 -92
  276. package/src/components/ScrollArea/ScrollArea.stories.tsx +222 -32
  277. package/src/components/ScrollArea/ScrollArea.tsx +97 -79
  278. package/src/components/ScrollArea/index.ts +1 -1
  279. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +43 -22
  280. package/src/components/ScrollContainer/ScrollContainer.tsx +193 -104
  281. package/src/components/Select/Select.stories.tsx +4 -4
  282. package/src/components/Select/Select.tsx +11 -27
  283. package/src/components/Separator/Separator.tsx +5 -8
  284. package/src/components/Skeleton/Skeleton.stories.tsx +52 -0
  285. package/src/components/Skeleton/Skeleton.tsx +26 -0
  286. package/src/components/Skeleton/index.ts +5 -0
  287. package/src/components/Splitter/Splitter.stories.tsx +83 -0
  288. package/src/components/Splitter/Splitter.tsx +140 -0
  289. package/src/components/Splitter/index.ts +5 -0
  290. package/src/components/Status/Status.stories.tsx +21 -17
  291. package/src/components/Status/Status.tsx +10 -7
  292. package/src/components/Tag/Tag.stories.tsx +6 -11
  293. package/src/components/Tag/Tag.tsx +3 -8
  294. package/src/components/ThemeProvider/ThemeProvider.stories.tsx +32 -0
  295. package/src/components/ThemeProvider/ThemeProvider.tsx +10 -9
  296. package/src/components/ThemeProvider/TranslationsProvider.tsx +1 -16
  297. package/src/components/ThemeProvider/index.ts +3 -3
  298. package/src/components/Toast/Toast.stories.tsx +2 -2
  299. package/src/components/Toast/Toast.tsx +22 -41
  300. package/src/components/Toolbar/Toolbar.stories.tsx +2 -2
  301. package/src/components/Toolbar/Toolbar.tsx +183 -22
  302. package/src/components/Tooltip/Tooltip.stories.tsx +16 -14
  303. package/src/components/Tooltip/Tooltip.tsx +40 -38
  304. package/src/components/index.ts +11 -6
  305. package/src/exemplars/generics.stories.tsx +41 -0
  306. package/src/exemplars/slot.stories.tsx +117 -0
  307. package/src/exemplars/tabster.stories.tsx +127 -0
  308. package/src/exemplars/virtualizer.stories.tsx +137 -0
  309. package/src/hooks/index.ts +1 -0
  310. package/src/hooks/useDensityContext.ts +3 -3
  311. package/src/hooks/useElevationContext.ts +1 -1
  312. package/src/index.ts +2 -1
  313. package/src/playground/Controls.stories.tsx +3 -10
  314. package/src/playground/Custom.stories.tsx +11 -21
  315. package/src/playground/Typography.stories.tsx +3 -3
  316. package/src/primitives/Column/AUDIT.md +354 -0
  317. package/src/primitives/Column/Column.stories.tsx +183 -0
  318. package/src/primitives/Column/Column.tsx +169 -0
  319. package/src/primitives/Column/index.ts +5 -0
  320. package/src/primitives/Container/Container.stories.tsx +30 -0
  321. package/src/primitives/Container/Container.tsx +19 -0
  322. package/src/primitives/Container/index.ts +5 -0
  323. package/src/primitives/Flex/Flex.stories.tsx +58 -0
  324. package/src/primitives/Flex/Flex.tsx +24 -0
  325. package/src/primitives/Flex/index.ts +5 -0
  326. package/src/primitives/Grid/Grid.stories.tsx +57 -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 +67 -0
  330. package/src/primitives/Panel/Panel.tsx +114 -0
  331. package/src/primitives/Panel/index.ts +5 -0
  332. package/src/primitives/index.ts +9 -0
  333. package/src/testing/Loading.tsx +26 -0
  334. package/src/testing/decorators/withLayout.tsx +39 -18
  335. package/src/testing/decorators/withLayoutVariants.tsx +20 -23
  336. package/src/testing/decorators/withTheme.tsx +26 -20
  337. package/src/testing/index.ts +2 -0
  338. package/src/translations.ts +19 -0
  339. package/src/util/index.ts +2 -2
  340. package/src/util/usePx.ts +1 -0
  341. package/dist/lib/browser/chunk-53MI2QCM.mjs +0 -4707
  342. package/dist/lib/browser/chunk-53MI2QCM.mjs.map +0 -7
  343. package/dist/lib/node-esm/chunk-ID67AFFF.mjs +0 -4709
  344. package/dist/lib/node-esm/chunk-ID67AFFF.mjs.map +0 -7
  345. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
  346. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
  347. package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
  348. package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
  349. package/dist/types/src/components/Menus/ContextMenu.d.ts.map +0 -1
  350. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +0 -1
  351. package/dist/types/src/components/Menus/DropdownMenu.d.ts +0 -113
  352. package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +0 -1
  353. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +0 -1
  354. package/dist/types/src/components/Menus/index.d.ts.map +0 -1
  355. package/dist/types/src/util/ThemedClassName.d.ts +0 -5
  356. package/dist/types/src/util/ThemedClassName.d.ts.map +0 -1
  357. package/dist/types/src/util/domino.d.ts +0 -18
  358. package/dist/types/src/util/domino.d.ts.map +0 -1
  359. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
  360. package/src/components/AnchoredOverflow/index.ts +0 -5
  361. package/src/util/ThemedClassName.ts +0 -7
  362. package/src/util/domino.ts +0 -53
  363. /package/dist/types/src/components/{Menus → Menu}/ContextMenu.stories.d.ts +0 -0
  364. /package/dist/types/src/components/{Menus → Menu}/index.d.ts +0 -0
  365. /package/src/components/{Menus → Menu}/index.ts +0 -0
@@ -1,15 +0,0 @@
1
- import { Primitive } from '@radix-ui/react-primitive';
2
- import React, { type ComponentPropsWithRef } from 'react';
3
- import { type ThemedClassName } from '../../util';
4
- type AnchoredOverflowRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
5
- asChild?: boolean;
6
- };
7
- type AnchoredOverflowAnchorProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
8
- asChild?: boolean;
9
- };
10
- export declare const AnchoredOverflow: {
11
- Root: React.ForwardRefExoticComponent<Omit<AnchoredOverflowRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
- Anchor: React.ForwardRefExoticComponent<Omit<AnchoredOverflowAnchorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- };
14
- export type { AnchoredOverflowRootProps, AnchoredOverflowAnchorProps };
15
- //# sourceMappingURL=AnchoredOverflow.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnchoredOverflow.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnchoredOverflow/AnchoredOverflow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,yBAAyB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmBF,KAAK,2BAA2B,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAmBF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,YAAY,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './AnchoredOverflow';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnchoredOverflow/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAIlE,KAAK,uBAAuB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;AAI5E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAI1E,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAC7F,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAqBF,KAAK,wBAAwB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAC7F,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF,KAAK,qBAAqB,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;AAazF,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,qBAAqB,CAAC;AAIxE,KAAK,6BAA6B,GAAG,oBAAoB,CAAC,6BAA6B,CAAC;AAIxF,KAAK,oBAAoB,GAAG,eAAe,CAAC,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;AAevF,KAAK,4BAA4B,GAAG,eAAe,CAAC,oBAAoB,CAAC,4BAA4B,CAAC,CAAC;AAevG,KAAK,yBAAyB,GAAG,eAAe,CAAC,oBAAoB,CAAC,yBAAyB,CAAC,CAAC;AAejG,KAAK,0BAA0B,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;AAe9F,eAAO,MAAM,WAAW;;;;;;;6BAvHD,OAAO;;;;;;;;;;;;;;;;;;;;CAoI7B,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,4BAA4B,EAC5B,6BAA6B,EAC7B,yBAAyB,EACzB,0BAA0B,GAC3B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/ContextMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAwF1B,QAAA,MAAM,IAAI;;eAEuB,GAAG;;;CAGC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
@@ -1,113 +0,0 @@
1
- import type { Scope } from '@radix-ui/react-context';
2
- import * as MenuPrimitive from '@radix-ui/react-menu';
3
- import { Primitive } from '@radix-ui/react-primitive';
4
- import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementRef, type MutableRefObject, type ReactNode, type RefObject } from 'react';
5
- import { type ThemedClassName } from '../../util';
6
- type Direction = 'ltr' | 'rtl';
7
- type ScopedProps<P> = P & {
8
- __scopeDropdownMenu?: Scope;
9
- };
10
- declare const createDropdownMenuScope: import("@radix-ui/react-context").CreateScope;
11
- type DropdownMenuContextValue = {
12
- triggerId: string;
13
- triggerRef: MutableRefObject<HTMLButtonElement | null>;
14
- contentId: string;
15
- open: boolean;
16
- onOpenChange(open: boolean): void;
17
- onOpenToggle(): void;
18
- modal: boolean;
19
- };
20
- declare const useDropdownMenuContext: (consumerName: string, scope: Scope<DropdownMenuContextValue | undefined>) => DropdownMenuContextValue;
21
- interface DropdownMenuRootProps {
22
- children?: ReactNode;
23
- dir?: Direction;
24
- open?: boolean;
25
- defaultOpen?: boolean;
26
- onOpenChange?(open: boolean): void;
27
- modal?: boolean;
28
- }
29
- type DropdownMenuTriggerElement = ElementRef<typeof Primitive.button>;
30
- type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
31
- interface DropdownMenuTriggerProps extends PrimitiveButtonProps {
32
- }
33
- interface DropdownMenuVirtualTriggerProps {
34
- virtualRef: RefObject<DropdownMenuTriggerElement | null>;
35
- }
36
- type MenuPortalProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
37
- interface DropdownMenuPortalProps extends MenuPortalProps {
38
- }
39
- type DropdownMenuViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
40
- asChild?: boolean;
41
- };
42
- type MenuContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Content>>;
43
- interface DropdownMenuContentProps extends Omit<MenuContentProps, 'onEntryFocus'> {
44
- }
45
- type MenuGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.Group>;
46
- interface DropdownMenuGroupProps extends MenuGroupProps {
47
- }
48
- type MenuLabelProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Label>>;
49
- interface DropdownMenuLabelProps extends MenuLabelProps {
50
- }
51
- type MenuItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Item>>;
52
- interface DropdownMenuItemProps extends MenuItemProps {
53
- }
54
- type MenuCheckboxItemProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.CheckboxItem>>;
55
- interface DropdownMenuCheckboxItemProps extends MenuCheckboxItemProps {
56
- }
57
- type MenuRadioGroupProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioGroup>;
58
- interface DropdownMenuRadioGroupProps extends MenuRadioGroupProps {
59
- }
60
- type MenuRadioItemProps = ComponentPropsWithoutRef<typeof MenuPrimitive.RadioItem>;
61
- type DropdownMenuRadioItemProps = ThemedClassName<MenuRadioItemProps>;
62
- type MenuItemIndicatorProps = ComponentPropsWithoutRef<typeof MenuPrimitive.ItemIndicator>;
63
- interface DropdownMenuItemIndicatorProps extends MenuItemIndicatorProps {
64
- }
65
- type MenuSeparatorProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Separator>>;
66
- interface DropdownMenuSeparatorProps extends MenuSeparatorProps {
67
- }
68
- type MenuArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof MenuPrimitive.Arrow>>;
69
- interface DropdownMenuArrowProps extends MenuArrowProps {
70
- }
71
- interface DropdownMenuSubProps {
72
- children?: ReactNode;
73
- open?: boolean;
74
- defaultOpen?: boolean;
75
- onOpenChange?(open: boolean): void;
76
- }
77
- type MenuSubTriggerProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubTrigger>;
78
- interface DropdownMenuSubTriggerProps extends MenuSubTriggerProps {
79
- }
80
- type MenuSubContentProps = ComponentPropsWithoutRef<typeof MenuPrimitive.SubContent>;
81
- interface DropdownMenuSubContentProps extends MenuSubContentProps {
82
- }
83
- export declare const DropdownMenu: {
84
- Root: React.FC<DropdownMenuRootProps>;
85
- Trigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
86
- VirtualTrigger: {
87
- (props: ScopedProps<DropdownMenuVirtualTriggerProps>): React.JSX.Element;
88
- displayName: string;
89
- };
90
- Portal: React.FC<DropdownMenuPortalProps>;
91
- Content: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
92
- Viewport: React.ForwardRefExoticComponent<Omit<DropdownMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
93
- Group: React.ForwardRefExoticComponent<DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
94
- GroupLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
95
- Item: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
96
- CheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
97
- RadioGroup: React.ForwardRefExoticComponent<DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
98
- RadioItem: React.ForwardRefExoticComponent<Omit<Omit<MenuPrimitive.MenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
99
- classNames?: import("@dxos/react-ui-types").ClassNameValue;
100
- } & React.RefAttributes<HTMLDivElement>>;
101
- ItemIndicator: React.ForwardRefExoticComponent<DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
102
- Separator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
103
- Arrow: React.ForwardRefExoticComponent<DropdownMenuArrowProps & React.RefAttributes<SVGSVGElement>>;
104
- Sub: React.FC<DropdownMenuSubProps>;
105
- SubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
106
- SubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
107
- };
108
- declare const useDropdownMenuMenuScope: (scope: Scope) => {
109
- [__scopeProp: string]: Scope;
110
- };
111
- export { createDropdownMenuScope, useDropdownMenuContext, useDropdownMenuMenuScope };
112
- export type { DropdownMenuRootProps, DropdownMenuTriggerProps, DropdownMenuVirtualTriggerProps, DropdownMenuPortalProps, DropdownMenuContentProps, DropdownMenuViewportProps, DropdownMenuGroupProps, DropdownMenuLabelProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuItemIndicatorProps, DropdownMenuSeparatorProps, DropdownMenuArrowProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, };
113
- //# sourceMappingURL=DropdownMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/DropdownMenu.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAwFhD,QAAA,MAAM,IAAI;;;;;CAK2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqC1B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menus/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
@@ -1,5 +0,0 @@
1
- import { type ClassNameValue } from '@dxos/react-ui-types';
2
- export type ThemedClassName<P = {}> = Omit<P, 'className'> & {
3
- classNames?: ClassNameValue;
4
- };
5
- //# sourceMappingURL=ThemedClassName.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThemedClassName.d.ts","sourceRoot":"","sources":["../../../../src/util/ThemedClassName.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,cAAc,CAAA;CAAE,CAAC"}
@@ -1,18 +0,0 @@
1
- import { type ClassNameValue } from '@dxos/react-ui-types';
2
- /**
3
- * Super lightweight chainable DOM builder.
4
- */
5
- export declare class Domino<T extends HTMLElement> {
6
- static of<K extends keyof HTMLElementTagNameMap>(tag: K): Domino<HTMLElementTagNameMap[K]>;
7
- private readonly _el;
8
- constructor(tag: keyof HTMLElementTagNameMap);
9
- classNames(...classNames: ClassNameValue[]): this;
10
- text(value: string): this;
11
- data(key: string, value: string): this;
12
- attributes(attr: Record<string, string | undefined>): this;
13
- style(styles: Partial<CSSStyleDeclaration>): this;
14
- children<C extends HTMLElement>(...children: Domino<C>[]): this;
15
- on(event: string, handler: (e: Event) => void): this;
16
- build(): T;
17
- }
18
- //# sourceMappingURL=domino.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"domino.d.ts","sourceRoot":"","sources":["../../../../src/util/domino.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D;;GAEG;AACH,qBAAa,MAAM,CAAC,CAAC,SAAS,WAAW;IACvC,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,MAAM,qBAAqB,EAAE,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAI1F,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAI;gBACZ,GAAG,EAAE,MAAM,qBAAqB;IAG5C,UAAU,CAAC,GAAG,UAAU,EAAE,cAAc,EAAE,GAAG,IAAI;IAIjD,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzB,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAItC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI;IAM1D,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAIjD,QAAQ,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI;IAI/D,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,GAAG,IAAI;IAIpD,KAAK,IAAI,CAAC;CAGX"}
@@ -1,59 +0,0 @@
1
- //
2
- // Copyright 2022 DXOS.org
3
- //
4
-
5
- import { Primitive } from '@radix-ui/react-primitive';
6
- import { Slot } from '@radix-ui/react-slot';
7
- import React, { type ComponentPropsWithRef, forwardRef } from 'react';
8
-
9
- import { useThemeContext } from '../../hooks';
10
- import { type ThemedClassName } from '../../util';
11
-
12
- type AnchoredOverflowRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
13
- asChild?: boolean;
14
- };
15
-
16
- const AnchoredOverflowRoot = forwardRef<HTMLDivElement, AnchoredOverflowRootProps>(
17
- ({ asChild, classNames, children, ...props }, forwardedRef) => {
18
- const { tx } = useThemeContext();
19
- const Root = asChild ? Slot : Primitive.div;
20
- return (
21
- <Root
22
- role='none'
23
- {...props}
24
- className={tx('anchoredOverflow.root', 'overflow-anchored', {}, classNames)}
25
- ref={forwardedRef}
26
- >
27
- {children}
28
- </Root>
29
- );
30
- },
31
- );
32
-
33
- type AnchoredOverflowAnchorProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
34
- asChild?: boolean;
35
- };
36
-
37
- const AnchoredOverflowAnchor = forwardRef<HTMLDivElement, AnchoredOverflowAnchorProps>(
38
- ({ asChild, classNames, children, ...props }, forwardedRef) => {
39
- const { tx } = useThemeContext();
40
- const Root = asChild ? Slot : Primitive.div;
41
- return (
42
- <Root
43
- role='none'
44
- {...props}
45
- className={tx('anchoredOverflow.anchor', 'overflow-anchor', {}, classNames)}
46
- ref={forwardedRef}
47
- >
48
- {children}
49
- </Root>
50
- );
51
- },
52
- );
53
-
54
- export const AnchoredOverflow = {
55
- Root: AnchoredOverflowRoot,
56
- Anchor: AnchoredOverflowAnchor,
57
- };
58
-
59
- export type { AnchoredOverflowRootProps, AnchoredOverflowAnchorProps };
@@ -1,5 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- export * from './AnchoredOverflow';
@@ -1,7 +0,0 @@
1
- //
2
- // Copyright 2023 DXOS.org
3
- //
4
-
5
- import { type ClassNameValue } from '@dxos/react-ui-types';
6
-
7
- export type ThemedClassName<P = {}> = Omit<P, 'className'> & { classNames?: ClassNameValue };
@@ -1,53 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { mx } from '@dxos/react-ui-theme';
6
- import { type ClassNameValue } from '@dxos/react-ui-types';
7
-
8
- /**
9
- * Super lightweight chainable DOM builder.
10
- */
11
- export class Domino<T extends HTMLElement> {
12
- static of<K extends keyof HTMLElementTagNameMap>(tag: K): Domino<HTMLElementTagNameMap[K]> {
13
- return new Domino<HTMLElementTagNameMap[K]>(tag);
14
- }
15
-
16
- private readonly _el: T;
17
- constructor(tag: keyof HTMLElementTagNameMap) {
18
- this._el = document.createElement(tag) as T;
19
- }
20
- classNames(...classNames: ClassNameValue[]): this {
21
- this._el.className = mx(classNames);
22
- return this;
23
- }
24
- text(value: string): this {
25
- this._el.textContent = value;
26
- return this;
27
- }
28
- data(key: string, value: string): this {
29
- this._el.dataset[key] = value;
30
- return this;
31
- }
32
- attributes(attr: Record<string, string | undefined>): this {
33
- Object.entries(attr)
34
- .filter(([_, value]) => value !== undefined)
35
- .map(([key, value]) => this._el.setAttribute(key, value!));
36
- return this;
37
- }
38
- style(styles: Partial<CSSStyleDeclaration>): this {
39
- Object.assign(this._el.style, styles);
40
- return this;
41
- }
42
- children<C extends HTMLElement>(...children: Domino<C>[]): this {
43
- children.forEach((child) => this._el.appendChild(child.build()));
44
- return this;
45
- }
46
- on(event: string, handler: (e: Event) => void): this {
47
- this._el.addEventListener(event, handler);
48
- return this;
49
- }
50
- build(): T {
51
- return this._el;
52
- }
53
- }
File without changes