@dxos/react-ui 0.8.4-main.937b3ca → 0.8.4-main.9be5663bfe

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 (340) hide show
  1. package/dist/lib/browser/{chunk-CEKVHJ27.mjs → chunk-OCVRIJCH.mjs} +184 -110
  2. package/dist/lib/browser/chunk-OCVRIJCH.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +3033 -1990
  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 +73 -37
  7. package/dist/lib/browser/testing/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/{chunk-2NHEX4AD.mjs → chunk-QUD5P3RU.mjs} +184 -110
  9. package/dist/lib/node-esm/chunk-QUD5P3RU.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +3033 -1990
  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 +73 -37
  14. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  15. package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
  16. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  17. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  18. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
  19. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  20. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
  21. package/dist/types/src/components/Button/Button.d.ts +2 -2
  22. package/dist/types/src/components/Button/Button.d.ts.map +1 -1
  23. package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -1
  24. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
  25. package/dist/types/src/components/Button/IconButton.stories.d.ts +3 -0
  26. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -1
  27. package/dist/types/src/components/Button/Toggle.d.ts +2 -2
  28. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -1
  29. package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -1
  30. package/dist/types/src/components/Button/ToggleGroup.d.ts +6 -6
  31. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -1
  32. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -1
  33. package/dist/types/src/components/Card/Card.d.ts +118 -0
  34. package/dist/types/src/components/Card/Card.d.ts.map +1 -0
  35. package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
  36. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
  37. package/dist/types/src/components/Card/index.d.ts +2 -0
  38. package/dist/types/src/components/Card/index.d.ts.map +1 -0
  39. package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
  40. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  41. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  42. package/dist/types/src/components/Dialog/AlertDialog.d.ts +37 -19
  43. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
  44. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
  45. package/dist/types/src/components/Dialog/Dialog.d.ts +44 -22
  46. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
  47. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +6 -8
  48. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
  49. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
  50. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
  51. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
  52. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
  53. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +19 -0
  54. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
  55. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
  56. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
  57. package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
  58. package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
  59. package/dist/types/src/components/Focus/Focus.d.ts +36 -0
  60. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
  61. package/dist/types/src/components/Focus/Focus.stories.d.ts +9 -0
  62. package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
  63. package/dist/types/src/components/Focus/index.d.ts +2 -0
  64. package/dist/types/src/components/Focus/index.d.ts.map +1 -0
  65. package/dist/types/src/components/Icon/Icon.d.ts +3 -0
  66. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  67. package/dist/types/src/components/Icon/Icon.stories.d.ts +11 -3
  68. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -1
  69. package/dist/types/src/components/Image/Image.d.ts +14 -0
  70. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  71. package/dist/types/src/components/Image/Image.stories.d.ts +33 -0
  72. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  73. package/dist/types/src/components/Image/index.d.ts +2 -0
  74. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  75. package/dist/types/src/components/Input/Input.d.ts +4 -7
  76. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  77. package/dist/types/src/components/Input/Input.stories.d.ts +7 -7
  78. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  79. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  80. package/dist/types/src/components/List/List.d.ts +5 -3
  81. package/dist/types/src/components/List/List.d.ts.map +1 -1
  82. package/dist/types/src/components/List/List.stories.d.ts +3 -1
  83. package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
  84. package/dist/types/src/components/List/Tree.d.ts.map +1 -1
  85. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -1
  86. package/dist/types/src/components/List/Treegrid.d.ts +5 -9
  87. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
  88. package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -1
  89. package/dist/types/src/components/Main/Main.d.ts +9 -10
  90. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  91. package/dist/types/src/components/Main/Main.stories.d.ts +0 -3
  92. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  93. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -1
  94. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -1
  95. package/dist/types/src/components/Menu/DropdownMenu.d.ts +51 -50
  96. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -1
  97. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +14 -1
  98. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -1
  99. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  100. package/dist/types/src/components/Message/Message.stories.d.ts +4 -5
  101. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  102. package/dist/types/src/components/Popover/Popover.d.ts +32 -23
  103. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  104. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  105. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +26 -28
  106. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  107. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +54 -9
  108. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  109. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +34 -13
  110. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
  111. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +9 -5
  112. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
  113. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  114. package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
  115. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  116. package/dist/types/src/components/Separator/Separator.d.ts +3 -3
  117. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  118. package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
  119. package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
  120. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
  121. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
  122. package/dist/types/src/components/Skeleton/index.d.ts +2 -0
  123. package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
  124. package/dist/types/src/components/Splitter/Splitter.d.ts +34 -0
  125. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
  126. package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
  127. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
  128. package/dist/types/src/components/Splitter/index.d.ts +2 -0
  129. package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
  130. package/dist/types/src/components/Status/Status.d.ts +3 -4
  131. package/dist/types/src/components/Status/Status.d.ts.map +1 -1
  132. package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
  133. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  134. package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
  135. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
  136. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  137. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +2 -1
  138. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  139. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts +12 -0
  140. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  141. package/dist/types/src/components/Toast/Toast.d.ts +15 -15
  142. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  143. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  144. package/dist/types/src/components/Toolbar/Toolbar.d.ts +30 -12
  145. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  146. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  147. package/dist/types/src/components/Tooltip/Tooltip.d.ts +9 -9
  148. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  149. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
  150. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  151. package/dist/types/src/components/index.d.ts +9 -4
  152. package/dist/types/src/components/index.d.ts.map +1 -1
  153. package/dist/types/src/exemplars/generics.stories.d.ts +19 -0
  154. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
  155. package/dist/types/src/exemplars/slot.stories.d.ts +15 -0
  156. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
  157. package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
  158. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
  159. package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
  160. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
  161. package/dist/types/src/hooks/index.d.ts +1 -0
  162. package/dist/types/src/hooks/index.d.ts.map +1 -1
  163. package/dist/types/src/hooks/useDensityContext.d.ts +1 -1
  164. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  165. package/dist/types/src/index.d.ts +1 -0
  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 +35 -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 +7 -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 +11 -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 +10 -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 +35 -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 +1 -1
  204. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
  205. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
  206. package/dist/types/src/testing/decorators/withTheme.d.ts +3 -2
  207. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  208. package/dist/types/src/testing/index.d.ts +1 -0
  209. package/dist/types/src/testing/index.d.ts.map +1 -1
  210. package/dist/types/src/translations.d.ts +11 -0
  211. package/dist/types/src/translations.d.ts.map +1 -0
  212. package/dist/types/src/util/usePx.d.ts.map +1 -1
  213. package/dist/types/tsconfig.tsbuildinfo +1 -1
  214. package/package.json +27 -22
  215. package/src/components/Avatars/Avatar.stories.tsx +7 -9
  216. package/src/components/Avatars/Avatar.tsx +6 -14
  217. package/src/components/Avatars/AvatarGroup.stories.tsx +2 -3
  218. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +3 -4
  219. package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
  220. package/src/components/Button/Button.stories.tsx +3 -4
  221. package/src/components/Button/Button.tsx +11 -25
  222. package/src/components/Button/IconButton.stories.tsx +8 -6
  223. package/src/components/Button/IconButton.tsx +2 -4
  224. package/src/components/Button/Toggle.stories.tsx +2 -3
  225. package/src/components/Button/Toggle.tsx +4 -4
  226. package/src/components/Button/ToggleGroup.stories.tsx +2 -3
  227. package/src/components/Button/ToggleGroup.tsx +12 -16
  228. package/src/components/Card/Card.stories.tsx +151 -0
  229. package/src/components/Card/Card.tsx +492 -0
  230. package/src/components/Card/index.ts +5 -0
  231. package/src/components/Clipboard/CopyButton.tsx +4 -5
  232. package/src/components/Dialog/AlertDialog.stories.tsx +16 -17
  233. package/src/components/Dialog/AlertDialog.tsx +123 -82
  234. package/src/components/Dialog/Dialog.stories.tsx +100 -20
  235. package/src/components/Dialog/Dialog.tsx +113 -87
  236. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +45 -0
  237. package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
  238. package/src/components/ErrorFallback/ErrorStack.tsx +114 -0
  239. package/src/components/ErrorFallback/ThrowError.tsx +37 -0
  240. package/src/components/ErrorFallback/index.ts +9 -0
  241. package/src/components/Focus/AUDIT.md +43 -0
  242. package/src/components/Focus/Focus.stories.tsx +230 -0
  243. package/src/components/Focus/Focus.tsx +201 -0
  244. package/src/components/Focus/index.ts +5 -0
  245. package/src/components/Icon/Icon.stories.tsx +45 -15
  246. package/src/components/Icon/Icon.tsx +6 -2
  247. package/src/components/Image/Image.stories.tsx +86 -0
  248. package/src/components/Image/Image.tsx +223 -0
  249. package/src/components/Image/index.ts +5 -0
  250. package/src/components/Input/Input.stories.tsx +20 -40
  251. package/src/components/Input/Input.tsx +24 -69
  252. package/src/components/Link/Link.stories.tsx +2 -3
  253. package/src/components/Link/Link.tsx +2 -2
  254. package/src/components/List/List.stories.tsx +15 -23
  255. package/src/components/List/List.tsx +16 -20
  256. package/src/components/List/ListDropIndicator.tsx +7 -7
  257. package/src/components/List/Tree.stories.tsx +5 -6
  258. package/src/components/List/Tree.tsx +0 -1
  259. package/src/components/List/TreeDropIndicator.tsx +6 -6
  260. package/src/components/List/Treegrid.stories.tsx +29 -30
  261. package/src/components/List/Treegrid.tsx +23 -28
  262. package/src/components/Main/Main.stories.tsx +41 -24
  263. package/src/components/Main/Main.tsx +139 -83
  264. package/src/components/Menu/ContextMenu.stories.tsx +2 -3
  265. package/src/components/Menu/ContextMenu.tsx +9 -33
  266. package/src/components/Menu/DropdownMenu.stories.tsx +2 -3
  267. package/src/components/Menu/DropdownMenu.tsx +58 -52
  268. package/src/components/Message/Message.stories.tsx +26 -12
  269. package/src/components/Message/Message.tsx +14 -30
  270. package/src/components/Popover/Popover.stories.tsx +7 -8
  271. package/src/components/Popover/Popover.tsx +62 -59
  272. package/src/components/ScrollArea/ScrollArea.stories.tsx +214 -75
  273. package/src/components/ScrollArea/ScrollArea.tsx +85 -113
  274. package/src/components/ScrollArea/index.ts +1 -1
  275. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +47 -26
  276. package/src/components/ScrollContainer/ScrollContainer.tsx +206 -92
  277. package/src/components/Select/Select.stories.tsx +7 -8
  278. package/src/components/Select/Select.tsx +11 -27
  279. package/src/components/Separator/Separator.tsx +5 -8
  280. package/src/components/Skeleton/Skeleton.stories.tsx +51 -0
  281. package/src/components/Skeleton/Skeleton.tsx +26 -0
  282. package/src/components/Skeleton/index.ts +5 -0
  283. package/src/components/Splitter/Splitter.stories.tsx +83 -0
  284. package/src/components/Splitter/Splitter.tsx +127 -0
  285. package/src/components/Splitter/index.ts +5 -0
  286. package/src/components/Status/Status.stories.tsx +21 -18
  287. package/src/components/Status/Status.tsx +10 -7
  288. package/src/components/Tag/Tag.stories.tsx +4 -10
  289. package/src/components/Tag/Tag.tsx +2 -7
  290. package/src/components/ThemeProvider/ThemeProvider.stories.tsx +31 -0
  291. package/src/components/ThemeProvider/ThemeProvider.tsx +9 -7
  292. package/src/components/Toast/Toast.stories.tsx +2 -3
  293. package/src/components/Toast/Toast.tsx +22 -41
  294. package/src/components/Toolbar/Toolbar.stories.tsx +2 -3
  295. package/src/components/Toolbar/Toolbar.tsx +173 -26
  296. package/src/components/Tooltip/Tooltip.stories.tsx +20 -19
  297. package/src/components/Tooltip/Tooltip.tsx +18 -18
  298. package/src/components/index.ts +10 -5
  299. package/src/exemplars/generics.stories.tsx +41 -0
  300. package/src/exemplars/slot.stories.tsx +117 -0
  301. package/src/exemplars/tabster.stories.tsx +127 -0
  302. package/src/exemplars/virtualizer.stories.tsx +137 -0
  303. package/src/hooks/index.ts +1 -0
  304. package/src/hooks/useDensityContext.ts +2 -2
  305. package/src/index.ts +1 -0
  306. package/src/playground/Controls.stories.tsx +3 -10
  307. package/src/playground/Custom.stories.tsx +15 -18
  308. package/src/playground/Typography.stories.tsx +3 -3
  309. package/src/primitives/Column/AUDIT.md +354 -0
  310. package/src/primitives/Column/Column.stories.tsx +183 -0
  311. package/src/primitives/Column/Column.tsx +169 -0
  312. package/src/primitives/Column/index.ts +5 -0
  313. package/src/primitives/Container/Container.stories.tsx +29 -0
  314. package/src/primitives/Container/Container.tsx +19 -0
  315. package/src/primitives/Container/index.ts +5 -0
  316. package/src/primitives/Flex/Flex.stories.tsx +57 -0
  317. package/src/primitives/Flex/Flex.tsx +27 -0
  318. package/src/primitives/Flex/index.ts +5 -0
  319. package/src/primitives/Grid/Grid.stories.tsx +56 -0
  320. package/src/primitives/Grid/Grid.tsx +30 -0
  321. package/src/primitives/Grid/index.ts +5 -0
  322. package/src/primitives/Panel/Panel.stories.tsx +68 -0
  323. package/src/primitives/Panel/Panel.tsx +120 -0
  324. package/src/primitives/Panel/index.ts +5 -0
  325. package/src/primitives/index.ts +9 -0
  326. package/src/testing/Loading.tsx +47 -0
  327. package/src/testing/decorators/withLayout.tsx +21 -7
  328. package/src/testing/decorators/withLayoutVariants.tsx +18 -21
  329. package/src/testing/decorators/withTheme.tsx +24 -19
  330. package/src/testing/index.ts +2 -0
  331. package/src/translations.ts +19 -0
  332. package/src/util/usePx.ts +1 -0
  333. package/dist/lib/browser/chunk-CEKVHJ27.mjs.map +0 -7
  334. package/dist/lib/node-esm/chunk-2NHEX4AD.mjs.map +0 -7
  335. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
  336. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
  337. package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
  338. package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
  339. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
  340. package/src/components/AnchoredOverflow/index.ts +0 -5
@@ -1,31 +1,49 @@
1
- import { type AlertDialogActionProps as AlertDialogActionPrimitiveProps, type AlertDialogCancelProps as AlertDialogCancelPrimitiveProps, type AlertDialogContentProps as AlertDialogContentPrimitiveProps, type AlertDialogDescriptionProps as AlertDialogDescriptionPrimitiveProps, type AlertDialogOverlayProps as AlertDialogOverlayPrimitiveProps, type AlertDialogPortalProps as AlertDialogPortalPrimitiveProps, type AlertDialogProps as AlertDialogRootPrimitiveProps, type AlertDialogTitleProps as AlertDialogTitlePrimitiveProps, type AlertDialogTriggerProps as AlertDialogTriggerPrimitiveProps } from '@radix-ui/react-alert-dialog';
1
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
2
2
  import React from 'react';
3
+ import { type DialogSize } from '@dxos/ui-theme';
3
4
  import { type ThemedClassName } from '../../util';
4
- type AlertDialogRootProps = AlertDialogRootPrimitiveProps;
5
- type AlertDialogTriggerProps = AlertDialogTriggerPrimitiveProps;
6
- type AlertDialogPortalProps = AlertDialogPortalPrimitiveProps;
7
- type AlertDialogCancelProps = AlertDialogCancelPrimitiveProps;
8
- type AlertDialogActionProps = AlertDialogActionPrimitiveProps;
9
- type AlertDialogTitleProps = ThemedClassName<AlertDialogTitlePrimitiveProps> & {
10
- srOnly?: boolean;
5
+ import { type DialogHeaderProps, type DialogBodyProps, type DialogActionBarProps, type DialogCloseIconButtonProps } from './Dialog';
6
+ type AlertDialogRootProps = AlertDialogPrimitive.AlertDialogProps;
7
+ type AlertDialogTriggerProps = AlertDialogPrimitive.AlertDialogTriggerProps;
8
+ type AlertDialogPortalProps = AlertDialogPrimitive.AlertDialogPortalProps;
9
+ type AlertDialogCancelProps = AlertDialogPrimitive.AlertDialogCancelProps;
10
+ type AlertDialogActionProps = AlertDialogPrimitive.AlertDialogActionProps;
11
+ type AlertDialogOverlayProps = ThemedClassName<AlertDialogPrimitive.AlertDialogOverlayProps & {
12
+ blockAlign?: 'center' | 'start' | 'end';
13
+ }>;
14
+ type AlertDialogContentProps = ThemedClassName<AlertDialogPrimitive.AlertDialogContentProps> & {
15
+ size?: DialogSize;
11
16
  };
12
- type AlertDialogDescriptionProps = ThemedClassName<AlertDialogDescriptionPrimitiveProps> & {
17
+ type AlertDialogTitleProps = ThemedClassName<AlertDialogPrimitive.AlertDialogTitleProps> & {
13
18
  srOnly?: boolean;
14
19
  };
15
- type AlertDialogOverlayProps = ThemedClassName<AlertDialogOverlayPrimitiveProps> & {
16
- blockAlign?: 'center' | 'start' | 'end';
20
+ type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
21
+ srOnly?: boolean;
17
22
  };
18
- type AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps>;
19
23
  export declare const AlertDialog: {
20
- Root: React.FunctionComponent<AlertDialogRootPrimitiveProps>;
21
- Trigger: React.FunctionComponent<AlertDialogTriggerPrimitiveProps>;
22
- Portal: React.FunctionComponent<AlertDialogPortalPrimitiveProps>;
24
+ Root: React.FunctionComponent<AlertDialogPrimitive.AlertDialogProps>;
25
+ Trigger: React.FunctionComponent<AlertDialogPrimitive.AlertDialogTriggerProps>;
26
+ Portal: React.FunctionComponent<AlertDialogPrimitive.AlertDialogPortalProps>;
23
27
  Overlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps>;
24
28
  Content: React.ForwardRefExoticComponent<AlertDialogContentProps>;
29
+ Header: React.ForwardRefExoticComponent<{
30
+ children?: React.ReactNode | undefined;
31
+ }>;
32
+ Body: React.ForwardRefExoticComponent<Omit<{
33
+ asChild?: boolean;
34
+ }, "className"> & {
35
+ classNames?: import("@dxos/ui-types").ClassNameValue;
36
+ } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
25
37
  Title: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
26
- Description: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
27
- Cancel: React.FunctionComponent<AlertDialogCancelPrimitiveProps>;
28
- Action: React.FunctionComponent<AlertDialogActionPrimitiveProps>;
38
+ Description: React.ForwardRefExoticComponent<AlertDialogDescriptionProps>;
39
+ ActionBar: React.ForwardRefExoticComponent<Omit<{
40
+ children?: React.ReactNode | undefined;
41
+ }, "className"> & {
42
+ classNames?: import("@dxos/ui-types").ClassNameValue;
43
+ } & React.RefAttributes<HTMLDivElement>>;
44
+ CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
45
+ Cancel: React.FunctionComponent<AlertDialogPrimitive.AlertDialogCancelProps>;
46
+ Action: React.FunctionComponent<AlertDialogPrimitive.AlertDialogActionProps>;
29
47
  };
30
- export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, };
48
+ export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, DialogHeaderProps as AlertDialogHeaderProps, DialogBodyProps as AlertDialogBodyProps, DialogActionBarProps as AlertDialogActionBarProps, DialogCloseIconButtonProps as AlertDialogCloseIconButtonProps, };
31
49
  //# sourceMappingURL=AlertDialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,2BAA2B,IAAI,oCAAoC,EAExE,KAAK,uBAAuB,IAAI,gCAAgC,EAEhE,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,gBAAgB,IAAI,6BAA6B,EAEtD,KAAK,qBAAqB,IAAI,8BAA8B,EAE5D,KAAK,uBAAuB,IAAI,gCAAgC,EACjE,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAA6E,MAAM,OAAO,CAAC;AAGlG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,oBAAoB,GAAG,6BAA6B,CAAC;AAQ1D,KAAK,uBAAuB,GAAG,gCAAgC,CAAC;AAIhE,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,sBAAsB,GAAG,+BAA+B,CAAC;AAI9D,KAAK,qBAAqB,GAAG,eAAe,CAAC,8BAA8B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBpG,KAAK,2BAA2B,GAAG,eAAe,CAAC,oCAAoC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA0BhH,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,GAAG;IACjF,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACzC,CAAC;AA6BF,KAAK,uBAAuB,GAAG,eAAe,CAAC,gCAAgC,CAAC,CAAC;AAqBjF,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,GACvB,CAAC"}
1
+ {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAChC,MAAM,UAAU,CAAC;AAMlB,KAAK,oBAAoB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAYlE,KAAK,uBAAuB,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;AAQ5E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAQ1E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAQ1E,KAAK,sBAAsB,GAAG,oBAAoB,CAAC,sBAAsB,CAAC;AAsB1E,KAAK,uBAAuB,GAAG,eAAe,CAC5C,oBAAoB,CAAC,uBAAuB,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAC3F,CAAC;AAyBF,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AA8BrH,KAAK,qBAAqB,GAAG,eAAe,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAgBhH,KAAK,2BAA2B,GAAG,eAAe,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,GAAG;IACrG,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAoBF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;CAgBvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,2BAA2B,EAC3B,sBAAsB,EACtB,sBAAsB,EAEtB,iBAAiB,IAAI,sBAAsB,EAC3C,eAAe,IAAI,oBAAoB,EACvC,oBAAoB,IAAI,yBAAyB,EACjD,0BAA0B,IAAI,+BAA+B,GAC9D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,QAAA,MAAM,IAAI;;eAEuB,GAAG;YACV,GAAG;;CAEQ,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}
1
+ {"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4CjE,QAAA,MAAM,IAAI;;eAEuB,GAAG;YACV,GAAG;;CAEQ,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
@@ -1,40 +1,62 @@
1
- import { type DialogCloseProps as DialogClosePrimitiveProps, DialogContent as DialogContentPrimitive, type DialogDescriptionProps as DialogDescriptionPrimitiveProps, type DialogOverlayProps as DialogOverlayPrimitiveProps, type DialogPortalProps as DialogPortalPrimitiveProps, type DialogProps as DialogRootPrimitiveProps, type DialogTitleProps as DialogTitlePrimitiveProps, type DialogTriggerProps as DialogTriggerPrimitiveProps } from '@radix-ui/react-dialog';
1
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
2
2
  import React, { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
3
3
  import { type DialogSize } from '@dxos/ui-theme';
4
+ import { type SlottableProps } from '@dxos/ui-types';
4
5
  import { type ThemedClassName } from '../../util';
5
- import { type IconButtonProps } from '../Button';
6
- type DialogRootProps = DialogRootPrimitiveProps;
7
- type DialogTriggerProps = DialogTriggerPrimitiveProps;
8
- type DialogPortalProps = DialogPortalPrimitiveProps;
9
- type DialogOverlayProps = ThemedClassName<DialogOverlayPrimitiveProps & {
6
+ type DialogRootProps = DialogPrimitive.DialogProps;
7
+ type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;
8
+ type DialogPortalProps = DialogPrimitive.DialogPortalProps;
9
+ type DialogOverlayProps = ThemedClassName<DialogPrimitive.DialogOverlayProps & {
10
10
  blockAlign?: 'center' | 'start' | 'end';
11
11
  }>;
12
- type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogContentPrimitive>> & {
12
+ type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogPrimitive.Content>> & {
13
13
  size?: DialogSize;
14
14
  inOverlayLayout?: boolean;
15
15
  };
16
- type DialogHeaderProps = ThemedClassName<PropsWithChildren> & {
17
- srOnly?: boolean;
16
+ type DialogHeaderProps = PropsWithChildren;
17
+ type DialogCloseIconButtonProps = {
18
+ label?: string;
18
19
  };
19
- type DialogTitleProps = ThemedClassName<DialogTitlePrimitiveProps> & {
20
+ type DialogBodyProps = SlottableProps;
21
+ type DialogTitleProps = ThemedClassName<DialogPrimitive.DialogTitleProps> & {
20
22
  srOnly?: boolean;
21
23
  };
22
- type DialogDescriptionProps = ThemedClassName<DialogDescriptionPrimitiveProps> & {
24
+ type DialogDescriptionProps = ThemedClassName<DialogPrimitive.DialogDescriptionProps> & {
23
25
  srOnly?: boolean;
24
26
  };
25
- type DialogCloseProps = DialogClosePrimitiveProps;
26
- type DialogCloseIconButtonProps = ThemedClassName<Partial<IconButtonProps>>;
27
+ type DialogActionBarProps = ThemedClassName<PropsWithChildren>;
28
+ type DialogCloseProps = DialogPrimitive.DialogCloseProps;
27
29
  export declare const Dialog: {
28
- Root: React.FunctionComponent<DialogRootPrimitiveProps>;
29
- Trigger: React.FunctionComponent<DialogTriggerPrimitiveProps>;
30
- Portal: React.FunctionComponent<DialogPortalPrimitiveProps>;
30
+ Root: React.FunctionComponent<DialogPrimitive.DialogProps>;
31
+ Trigger: React.FunctionComponent<DialogPrimitive.DialogTriggerProps>;
32
+ Portal: React.FunctionComponent<DialogPrimitive.DialogPortalProps>;
31
33
  Overlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
32
34
  Content: React.ForwardRefExoticComponent<DialogContentProps>;
33
- Header: React.ForwardRefExoticComponent<DialogTitleProps>;
34
- Title: React.ForwardRefExoticComponent<DialogTitleProps>;
35
- Description: React.ForwardRefExoticComponent<DialogTitleProps>;
36
- Close: React.FunctionComponent<DialogClosePrimitiveProps>;
37
- CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps>;
35
+ Header: React.ForwardRefExoticComponent<{
36
+ children?: React.ReactNode | undefined;
37
+ }>;
38
+ Body: React.ForwardRefExoticComponent<Omit<{
39
+ asChild?: boolean;
40
+ }, "className"> & {
41
+ classNames?: import("@dxos/ui-types").ClassNameValue;
42
+ } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
43
+ Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps, "className"> & {
44
+ classNames?: import("@dxos/ui-types").ClassNameValue;
45
+ } & {
46
+ srOnly?: boolean;
47
+ } & React.RefAttributes<HTMLHeadingElement>>;
48
+ Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps, "className"> & {
49
+ classNames?: import("@dxos/ui-types").ClassNameValue;
50
+ } & {
51
+ srOnly?: boolean;
52
+ } & React.RefAttributes<HTMLParagraphElement>>;
53
+ ActionBar: React.ForwardRefExoticComponent<Omit<{
54
+ children?: React.ReactNode | undefined;
55
+ }, "className"> & {
56
+ classNames?: import("@dxos/ui-types").ClassNameValue;
57
+ } & React.RefAttributes<HTMLDivElement>>;
58
+ Close: React.FunctionComponent<DialogPrimitive.DialogCloseProps>;
59
+ CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
38
60
  };
39
- export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconButtonProps, };
61
+ export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, DialogCloseIconButtonProps, };
40
62
  //# sourceMappingURL=Dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gBAAgB,IAAI,yBAAyB,EAClD,aAAa,IAAI,sBAAsB,EAEvC,KAAK,sBAAsB,IAAI,+BAA+B,EAE9D,KAAK,kBAAkB,IAAI,2BAA2B,EAEtD,KAAK,iBAAiB,IAAI,0BAA0B,EAEpD,KAAK,WAAW,IAAI,wBAAwB,EAE5C,KAAK,gBAAgB,IAAI,yBAAyB,EAElD,KAAK,kBAAkB,IAAI,2BAA2B,EACvD,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAGjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAO7D,KAAK,eAAe,GAAG,wBAAwB,CAAC;AAYhD,KAAK,kBAAkB,GAAG,2BAA2B,CAAC;AAQtD,KAAK,iBAAiB,GAAG,0BAA0B,CAAC;AAiBpD,KAAK,kBAAkB,GAAG,eAAe,CAAC,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CAAC,CAAC;AA2BrH,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,CAAC,GAAG;IAChG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAiCF,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAoBnF,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmB1F,KAAK,sBAAsB,GAAG,eAAe,CAAC,+BAA+B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAoBtG,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAQlD,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;AAyB5E,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,0BAA0B,GAC3B,CAAC"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAiBnD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAQ7D,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAiB3D,KAAK,kBAAkB,GAAG,eAAe,CACvC,eAAe,CAAC,kBAAkB,GAAG;IAAE,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAAE,CACjF,CAAC;AA2BF,KAAK,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG;IACjG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAqCF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;AAiB3C,KAAK,0BAA0B,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAuBrD,KAAK,eAAe,GAAG,cAAc,CAAC;AAetC,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAejG,KAAK,sBAAsB,GAAG,eAAe,CAAC,eAAe,CAAC,sBAAsB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAmB7G,KAAK,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAmB/D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAQzD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;iBA7DoE,OAAO;;;;;iBAeK,OAAO;;;;;;;;;CA2DzG,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,GAC3B,CAAC"}
@@ -1,27 +1,25 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
3
  import { type DialogContentProps } from './Dialog';
4
- type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
4
+ type DefaultStoryProps = Pick<DialogContentProps, 'size'> & Partial<{
5
5
  title: string;
6
6
  description: string;
7
7
  openTrigger: string;
8
8
  closeTrigger: string;
9
- blockAlign: 'center' | 'start';
9
+ blockAlign: 'start' | 'center';
10
10
  }>;
11
11
  declare const meta: {
12
12
  title: string;
13
13
  component: any;
14
- render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: StoryProps) => React.JSX.Element;
14
+ render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: DefaultStoryProps) => React.JSX.Element;
15
15
  decorators: import("@storybook/react").Decorator[];
16
- parameters: {
17
- chromatic: {
18
- disableSnapshot: boolean;
19
- };
20
- };
21
16
  };
22
17
  export default meta;
23
18
  type Story = StoryObj<typeof meta>;
19
+ export declare const Default: Story;
24
20
  export declare const Small: Story;
25
21
  export declare const Medium: Story;
26
22
  export declare const Large: Story;
23
+ export declare const ExtraLarge: Story;
24
+ export declare const Scrolling: Story;
27
25
  //# sourceMappingURL=Dialog.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAChD,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC;CAChC,CAAC,CAAC;AA4BL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFA5BiE,UAAU;;;;;;;CAoChE,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC"}
1
+ {"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,KAAK,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GACvD,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC,CAAC;AA+EL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFA3EiE,iBAAiB;;CA8EvE,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import { type FallbackProps } from 'react-error-boundary';
3
+ export type ErrorFallbackProps = PropsWithChildren<Pick<FallbackProps, 'error'> & {
4
+ title?: string;
5
+ data?: any;
6
+ }>;
7
+ /**
8
+ * Themed fallback component for `ErrorBoundary`.
9
+ */
10
+ export declare const ErrorFallback: ({ children, error, title, data }: ErrorFallbackProps) => React.JSX.Element;
11
+ //# sourceMappingURL=ErrorFallback.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM1D,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC;AAElH;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,kCAAkC,kBAAkB,sBAmCjF,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Default: Story;
6
+ export declare const StringError: Story;
7
+ //# sourceMappingURL=ErrorFallback.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorFallback.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorFallback.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiBjE,QAAA,MAAM,IAAI,EAAE,IAOX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import ErrorStackParser from 'error-stack-parser';
2
+ import React from 'react';
3
+ export type ParsedStackFrame = ReturnType<typeof ErrorStackParser.parse>[number];
4
+ export type ErrorStackProps = {
5
+ /** When set, these frames are shown instead of parsing `error`. */
6
+ frames?: ParsedStackFrame[];
7
+ /** Used when `frames` is omitted. */
8
+ error?: Error;
9
+ };
10
+ /**
11
+ * Parses `captureOwnerStack()` output (React dev) into frames for {@link ErrorStack}.
12
+ * Prefixes a synthetic Error line when needed so `error-stack-parser` can read V8-style stacks.
13
+ */
14
+ export declare const parseCaptureOwnerStack: (stack: string | null) => ParsedStackFrame[] | null;
15
+ /**
16
+ * Renders a parsed error stack trace with tree connector symbols and clickable vscode:// links for local frames.
17
+ */
18
+ export declare const ErrorStack: ({ error, frames: framesProp }: ErrorStackProps) => React.JSX.Element | null;
19
+ //# sourceMappingURL=ErrorStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,GAAG,IAAI,KAAG,gBAAgB,EAAE,GAAG,IAgBlF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,+BAA+B,eAAe,6BAgDxE,CAAC"}
@@ -0,0 +1,9 @@
1
+ export type ThrowErrorProps = {
2
+ error?: () => Error;
3
+ delay?: number;
4
+ };
5
+ /**
6
+ * Use this to debug the error boundary.
7
+ */
8
+ export declare const ThrowError: ({ delay, ...props }: ThrowErrorProps) => null;
9
+ //# sourceMappingURL=ThrowError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThrowError.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ThrowError.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,qBAA6B,eAAe,SAkBtE,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { ErrorBoundary, type ErrorBoundaryProps, type FallbackProps } from '@dxos/react-error-boundary';
2
+ export * from './ErrorFallback';
3
+ export * from './ErrorStack';
4
+ export * from './ThrowError';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAExG,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
@@ -0,0 +1,36 @@
1
+ import React, { type KeyboardEvent } from 'react';
2
+ import { type Axis } from '@dxos/ui-types';
3
+ type FocusState = 'active' | 'error';
4
+ type ContextValue = {
5
+ setFocus?: (state: FocusState | undefined) => void;
6
+ /** True when any item within the group has DOM focus. */
7
+ groupHasFocus?: boolean;
8
+ };
9
+ declare const useFocus: () => ContextValue;
10
+ type GroupProps = {
11
+ orientation?: Axis;
12
+ /** Show a subdued ring when unfocused (e.g., as a cell border). */
13
+ border?: boolean;
14
+ onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
15
+ };
16
+ type ItemProps = {
17
+ current?: boolean;
18
+ /** Show a subdued ring when unfocused (e.g., as a cell border). */
19
+ border?: boolean;
20
+ onCurrentChange?: () => void;
21
+ };
22
+ export declare const Focus: {
23
+ Group: React.ForwardRefExoticComponent<Omit<GroupProps & {
24
+ asChild?: boolean;
25
+ }, "className"> & {
26
+ classNames?: import("@dxos/ui-types").ClassNameValue;
27
+ } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
28
+ Item: React.ForwardRefExoticComponent<Omit<ItemProps & {
29
+ asChild?: boolean;
30
+ }, "className"> & {
31
+ classNames?: import("@dxos/ui-types").ClassNameValue;
32
+ } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
33
+ };
34
+ export type { GroupProps as FocusGroupProps, ItemProps as FocusItemProps };
35
+ export { useFocus };
36
+ //# sourceMappingURL=Focus.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Focus.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAEZ,KAAK,aAAa,EAOnB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIrC,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,yDAAyD;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,QAAQ,oBAAiC,CAAC;AAMhD,KAAK,UAAU,GAAG;IAChB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAqDF,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAgFF,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAC;AAEF,YAAY,EAAE,UAAU,IAAI,eAAe,EAAE,SAAS,IAAI,cAAc,EAAE,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,9 @@
1
+ import { type Meta, type StoryObj } from '@storybook/react-vite';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ type Story = StoryObj<typeof meta>;
5
+ export declare const Default: Story;
6
+ export declare const Horizontal: Story;
7
+ export declare const Grid: Story;
8
+ export declare const AsChild: Story;
9
+ //# sourceMappingURL=Focus.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Focus.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/Focus.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAqNjE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC;AACvD,eAAO,MAAM,UAAU,EAAE,KAAmC,CAAC;AAC7D,eAAO,MAAM,IAAI,EAAE,KAA6B,CAAC;AACjD,eAAO,MAAM,OAAO,EAAE,KAAgC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Focus';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Focus/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -6,5 +6,8 @@ export type IconProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.s
6
6
  icon: string;
7
7
  size?: Size;
8
8
  };
9
+ /**
10
+ * The Icon's size can be set directly or inherited from the `--dx-icon-size` CSS variable.
11
+ */
9
12
  export declare const Icon: React.NamedExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
10
13
  //# sourceMappingURL=Icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,IAAI,yFAUhB,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG3C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,yFAWhB,CAAC"}
@@ -3,9 +3,7 @@ import { type StoryObj } from '@storybook/react-vite';
3
3
  import React, { type FC } from 'react';
4
4
  declare const meta: {
5
5
  title: string;
6
- render: ({ CustomIcon }: {
7
- CustomIcon: FC<IconProps>;
8
- }) => React.JSX.Element;
6
+ component: React.NamedExoticComponent<Omit<import("./Icon").IconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
9
7
  decorators: import("@storybook/react").Decorator[];
10
8
  parameters: {
11
9
  layout: string;
@@ -14,4 +12,14 @@ declare const meta: {
14
12
  export default meta;
15
13
  type Story = StoryObj<typeof meta>;
16
14
  export declare const Default: Story;
15
+ export declare const Static: Story;
16
+ export declare const Dynamic: Story;
17
+ export declare const Custom: {
18
+ render: ({ CustomIcon }: {
19
+ CustomIcon: FC<IconProps>;
20
+ }) => React.JSX.Element;
21
+ args: {
22
+ CustomIcon: React.FC<IconProps>;
23
+ };
24
+ };
17
25
  //# sourceMappingURL=Icon.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AAuDrF,QAAA,MAAM,IAAI;;6BAT4B;QAAE,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAAE;;;;;CAgB9B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAsCrB,CAAC"}
1
+ {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAmB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AA6CrF,QAAA,MAAM,IAAI;;;;;;;CAOmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,MAAM;6BACQ;QAAE,UAAU,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;KAAE;;;;CA6CvD,CAAC"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { type ThemedClassName } from '@dxos/react-ui';
3
+ export type ImageProps = ThemedClassName<{
4
+ src: string;
5
+ alt?: string;
6
+ crossOrigin?: 'anonymous' | 'use-credentials' | '';
7
+ } & ColorOptions>;
8
+ export declare const Image: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: ImageProps) => React.JSX.Element;
9
+ type ColorOptions = {
10
+ sampleSize?: number;
11
+ contrast?: number;
12
+ };
13
+ export {};
14
+ //# sourceMappingURL=Image.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,eAAe,CACtC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,GAAG,EAAE,CAAC;CACpD,GAAG,YAAY,CACjB,CAAC;AAGF,eAAO,MAAM,KAAK,GAAI,8DAOnB,UAAU,sBA4EZ,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ classNames, src, alt, crossOrigin, sampleSize, contrast, }: import("./Image").ImageProps) => React.JSX.Element;
6
+ render: (args: Omit<{
7
+ src: string;
8
+ alt?: string;
9
+ crossOrigin?: "anonymous" | "use-credentials" | "";
10
+ } & {
11
+ sampleSize?: number;
12
+ contrast?: number;
13
+ }, "className"> & {
14
+ classNames?: import("@dxos/ui-types").ClassNameValue;
15
+ }) => React.JSX.Element;
16
+ decorators: import("@storybook/react").Decorator[];
17
+ parameters: {
18
+ layout: string;
19
+ };
20
+ };
21
+ export default meta;
22
+ type Story = StoryObj<typeof meta>;
23
+ export declare const Default: Story;
24
+ /**
25
+ * Access to image at 'https://dxos.network/dxos-logotype-blue.png'
26
+ * from origin 'http://localhost:9009' has been blocked by CORS policy:
27
+ * No 'Access-Control-Allow-Origin' header is present on the requested resource.
28
+ */
29
+ export declare const Cors: Story;
30
+ export declare const Corners: Story;
31
+ export declare const SVG: Story;
32
+ export declare const Many: Story;
33
+ //# sourceMappingURL=Image.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAYoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Image';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,7 +1,7 @@
1
- import { type CheckboxProps as CheckboxPrimitiveProps } from '@radix-ui/react-checkbox';
1
+ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
2
2
  import React, { type ComponentPropsWithRef } from 'react';
3
3
  import { type DescriptionAndValidationProps as DescriptionAndValidationPrimitiveProps, type DescriptionProps as DescriptionPrimitiveProps, type InputRootProps, type InputScopedProps, type LabelProps as LabelPrimitiveProps, type PinInputProps as PinInputPrimitiveProps, type TextAreaProps as TextAreaPrimitiveProps, type TextInputProps as TextInputPrimitiveProps, type ValidationProps as ValidationPrimitiveProps } from '@dxos/react-input';
4
- import { type ClassNameValue, type Density, type Elevation, type Size } from '@dxos/ui-types';
4
+ import { type Density, type Elevation, type Size } from '@dxos/ui-types';
5
5
  import { type ThemedClassName } from '../../util';
6
6
  type InputVariant = 'default' | 'subdued';
7
7
  type InputSharedProps = Partial<{
@@ -21,16 +21,13 @@ type ValidationProps = ThemedClassName<ValidationPrimitiveProps> & {
21
21
  type DescriptionAndValidationProps = ThemedClassName<DescriptionAndValidationPrimitiveProps> & {
22
22
  srOnly?: boolean;
23
23
  };
24
- type PinInputProps = InputSharedProps & Omit<PinInputPrimitiveProps, 'segmentClassName' | 'inputClassName'> & {
25
- segmentClassName?: ClassNameValue;
26
- inputClassName?: ClassNameValue;
27
- };
24
+ type PinInputProps = ThemedClassName<InputSharedProps & Omit<PinInputPrimitiveProps, 'className' | 'segmentClassName'>>;
28
25
  type AutoFillProps = {
29
26
  noAutoFill?: boolean;
30
27
  };
31
28
  type TextInputProps = InputSharedProps & ThemedClassName<TextInputPrimitiveProps> & AutoFillProps;
32
29
  type TextAreaProps = InputSharedProps & ThemedClassName<TextAreaPrimitiveProps>;
33
- type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitiveProps, 'children'>> & {
30
+ type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitive.CheckboxProps, 'children'>> & {
34
31
  size?: Size;
35
32
  };
36
33
  type SwitchProps = ThemedClassName<Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange'> & {
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2D,MAAM,OAAO,CAAC;AAEnH,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAGlD,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAuBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,gBAAgB,GACnC,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IACpE,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAoDJ,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC;AAuClG,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAiChF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,GAAG;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA8C,MAAM,OAAO,CAAC;AAEtG,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAGlD,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAkBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,eAAe,CAAC,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC;AAyBxH,KAAK,aAAa,GAAG;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC;AAoClG,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AA+BhF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IACxF,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
@@ -14,7 +14,7 @@ type Variant = {
14
14
  type: K;
15
15
  } & VariantMap[K];
16
16
  }[keyof VariantMap];
17
- type BaseProps = Partial<{
17
+ type DefaultStoryProps = Partial<{
18
18
  kind: keyof VariantMap;
19
19
  label: string;
20
20
  labelVisuallyHidden: boolean;
@@ -26,19 +26,19 @@ type BaseProps = Partial<{
26
26
  declare const meta: {
27
27
  title: string;
28
28
  component: any;
29
- render: (props: BaseProps) => React.JSX.Element;
29
+ render: ({ kind, label, description, labelVisuallyHidden, descriptionVisuallyHidden, validationValence, validationMessage, ...props }: DefaultStoryProps) => React.JSX.Element;
30
30
  decorators: import("@storybook/react").Decorator[];
31
31
  };
32
32
  export default meta;
33
- type Story = StoryObj<BaseProps & Variant>;
34
- export declare const Default: Story;
33
+ type Story = StoryObj<DefaultStoryProps & Variant>;
34
+ export declare const DensityCoarse: Story;
35
35
  export declare const DensityFine: Story;
36
36
  export declare const Subdued: Story;
37
37
  export declare const Disabled: Story;
38
38
  export declare const LabelVisuallyHidden: Story;
39
- export declare const InputWithDescription: Story;
40
- export declare const InputWithErrorAndDescription: Story;
41
- export declare const InputWithValidationAndDescription: Story;
39
+ export declare const WithDescription: Story;
40
+ export declare const WithErrorAndDescription: Story;
41
+ export declare const WithValidationAndDescription: Story;
42
42
  export declare const TextArea: Story;
43
43
  export declare const PinInput: Story;
44
44
  export declare const Checkbox: Story;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIrD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,SAAS,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAkDH,QAAA,MAAM,IAAI;;eAEiB,GAAG;oBAlBD,SAAS;;CAqBD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAS/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
1
+ {"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,iBAAiB,GAAG,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AA8BH,QAAA,MAAM,IAAI;;eAEiB,GAAG;2IArB3B,iBAAiB;;CAwBiB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}
1
+ {"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}
@@ -3,10 +3,12 @@ import { LIST_ITEM_NAME, LIST_NAME, type ListItemCollapsibleContentProps, type L
3
3
  import { type Density } from '@dxos/ui-types';
4
4
  import { type ThemedClassName } from '../../util';
5
5
  import { ListDropIndicator } from './ListDropIndicator';
6
- type ListProps = ThemedClassName<ListPrimitiveProps> & {
6
+ type ListProps = ThemedClassName<ListPrimitiveProps & {
7
7
  density?: Density;
8
- };
9
- declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
8
+ }>;
9
+ declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "className"> & {
10
+ classNames?: import("@dxos/ui-types").ClassNameValue;
11
+ } & Pick<React.HTMLAttributes<Element>, "children" | "style" | "className" | "role"> & React.RefAttributes<HTMLOListElement>>;
10
12
  type ListItemEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
11
13
  asChild?: boolean;
12
14
  };