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

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 (371) hide show
  1. package/dist/lib/browser/chunk-6DTBPJE4.mjs +774 -0
  2. package/dist/lib/browser/chunk-6DTBPJE4.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +3202 -59
  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 +66 -49
  7. package/dist/lib/browser/testing/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/chunk-JKHQSGNU.mjs +776 -0
  9. package/dist/lib/node-esm/chunk-JKHQSGNU.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +3202 -59
  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 +66 -49
  14. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  15. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +7 -0
  16. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +1 -1
  17. package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
  18. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  19. package/dist/types/src/components/Avatars/Avatar.stories.d.ts +5 -31
  20. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  21. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts +5 -11
  22. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
  23. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  24. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  25. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -20
  26. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
  27. package/dist/types/src/components/{Buttons → Button}/Button.d.ts +2 -2
  28. package/dist/types/src/components/Button/Button.d.ts.map +1 -0
  29. package/dist/types/src/components/Button/Button.stories.d.ts +17 -0
  30. package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -0
  31. package/dist/types/src/components/{Buttons → Button}/IconButton.d.ts +4 -4
  32. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -0
  33. package/dist/types/src/components/Button/IconButton.stories.d.ts +13 -0
  34. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -0
  35. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -0
  36. package/dist/types/src/components/Button/Toggle.stories.d.ts +16 -0
  37. package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -0
  38. package/dist/types/src/components/Button/ToggleGroup.d.ts +27 -0
  39. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -0
  40. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +27 -0
  41. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -0
  42. package/dist/types/src/components/Button/index.d.ts.map +1 -0
  43. package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
  44. package/dist/types/src/components/Clipboard/CopyButton.d.ts +1 -1
  45. package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
  46. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts +1 -1
  47. package/dist/types/src/components/DensityProvider/DensityProvider.d.ts.map +1 -1
  48. package/dist/types/src/components/{Dialogs → Dialog}/AlertDialog.d.ts +1 -1
  49. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -0
  50. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts +11 -0
  51. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -0
  52. package/dist/types/src/components/Dialog/Dialog.d.ts +46 -0
  53. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -0
  54. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +27 -0
  55. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -0
  56. package/dist/types/src/components/Dialog/index.d.ts.map +1 -0
  57. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts +1 -1
  58. package/dist/types/src/components/ElevationProvider/ElevationProvider.d.ts.map +1 -1
  59. package/dist/types/src/components/Icon/Icon.d.ts +2 -2
  60. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  61. package/dist/types/src/components/Icon/Icon.stories.d.ts +17 -0
  62. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -0
  63. package/dist/types/src/components/Input/Input.d.ts +6 -5
  64. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  65. package/dist/types/src/components/Input/Input.stories.d.ts +12 -13
  66. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  67. package/dist/types/src/components/Link/Link.stories.d.ts +8 -8
  68. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  69. package/dist/types/src/components/{Lists → List}/List.d.ts +3 -3
  70. package/dist/types/src/components/List/List.d.ts.map +1 -0
  71. package/dist/types/src/components/List/List.stories.d.ts +14 -0
  72. package/dist/types/src/components/List/List.stories.d.ts.map +1 -0
  73. package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -0
  74. package/dist/types/src/components/{Lists → List}/Tree.d.ts +1 -1
  75. package/dist/types/src/components/List/Tree.d.ts.map +1 -0
  76. package/dist/types/src/components/List/Tree.stories.d.ts +15 -0
  77. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -0
  78. package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -0
  79. package/dist/types/src/components/{Lists → List}/Treegrid.d.ts +1 -1
  80. package/dist/types/src/components/{Lists → List}/Treegrid.d.ts.map +1 -1
  81. package/dist/types/src/components/List/Treegrid.stories.d.ts +12 -0
  82. package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -0
  83. package/dist/types/src/components/List/index.d.ts.map +1 -0
  84. package/dist/types/src/components/Main/Main.d.ts +17 -27
  85. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  86. package/dist/types/src/components/Main/Main.stories.d.ts +6 -7
  87. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  88. package/dist/types/src/components/{Menus → Menu}/ContextMenu.d.ts +6 -6
  89. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -0
  90. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts +12 -0
  91. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -0
  92. package/dist/types/src/components/{Menus → Menu}/DropdownMenu.d.ts +8 -8
  93. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -0
  94. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +15 -0
  95. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -0
  96. package/dist/types/src/components/Menu/index.d.ts.map +1 -0
  97. package/dist/types/src/components/Message/Message.d.ts +1 -1
  98. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  99. package/dist/types/src/components/Message/Message.stories.d.ts +8 -17
  100. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  101. package/dist/types/src/components/Popover/Popover.d.ts +3 -3
  102. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  103. package/dist/types/src/components/Popover/Popover.stories.d.ts +6 -34
  104. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  105. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +25 -26
  106. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  107. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +37 -25
  108. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  109. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +39 -0
  110. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -0
  111. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +19 -0
  112. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -0
  113. package/dist/types/src/components/ScrollContainer/index.d.ts +2 -0
  114. package/dist/types/src/components/ScrollContainer/index.d.ts.map +1 -0
  115. package/dist/types/src/components/Select/Select.d.ts +10 -10
  116. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  117. package/dist/types/src/components/Select/Select.stories.d.ts +4 -9
  118. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  119. package/dist/types/src/components/Separator/Separator.d.ts +1 -1
  120. package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
  121. package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
  122. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
  123. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
  124. package/dist/types/src/components/Skeleton/index.d.ts +2 -0
  125. package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
  126. package/dist/types/src/components/Splitter/Splitter.d.ts +26 -0
  127. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
  128. package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
  129. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
  130. package/dist/types/src/components/Splitter/index.d.ts +2 -0
  131. package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
  132. package/dist/types/src/components/Status/Status.stories.d.ts +2 -8
  133. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  134. package/dist/types/src/components/Tag/Tag.d.ts +1 -1
  135. package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
  136. package/dist/types/src/components/Tag/Tag.stories.d.ts +12 -12
  137. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  138. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +3 -3
  139. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  140. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +1 -8
  141. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
  142. package/dist/types/src/components/ThemeProvider/index.d.ts +2 -1
  143. package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
  144. package/dist/types/src/components/Toast/Toast.d.ts +5 -5
  145. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  146. package/dist/types/src/components/Toast/Toast.stories.d.ts +6 -44
  147. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  148. package/dist/types/src/components/Toolbar/Toolbar.d.ts +20 -19
  149. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  150. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +6 -50
  151. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  152. package/dist/types/src/components/Tooltip/Tooltip.d.ts +2 -4
  153. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  154. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +8 -61
  155. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  156. package/dist/types/src/components/index.d.ts +7 -4
  157. package/dist/types/src/components/index.d.ts.map +1 -1
  158. package/dist/types/src/exemplars/generics.stories.d.ts +17 -0
  159. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
  160. package/dist/types/src/exemplars/slot.stories.d.ts +14 -0
  161. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
  162. package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
  163. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
  164. package/dist/types/src/hooks/useDensityContext.d.ts +1 -1
  165. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  166. package/dist/types/src/hooks/useElevationContext.d.ts +1 -1
  167. package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
  168. package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
  169. package/dist/types/src/hooks/useVisualViewport.d.ts +2 -2
  170. package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
  171. package/dist/types/src/index.d.ts +2 -1
  172. package/dist/types/src/index.d.ts.map +1 -1
  173. package/dist/types/src/playground/Controls.stories.d.ts +5 -9
  174. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  175. package/dist/types/src/playground/Custom.stories.d.ts +12 -4
  176. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  177. package/dist/types/src/playground/Typography.stories.d.ts +5 -11
  178. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
  179. package/dist/types/src/primitives/Container/Container.d.ts +23 -0
  180. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
  181. package/dist/types/src/primitives/Container/Container.stories.d.ts +11 -0
  182. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
  183. package/dist/types/src/primitives/Container/Layout.d.ts +18 -0
  184. package/dist/types/src/primitives/Container/Layout.d.ts.map +1 -0
  185. package/dist/types/src/primitives/Container/Layout.stories.d.ts +10 -0
  186. package/dist/types/src/primitives/Container/Layout.stories.d.ts.map +1 -0
  187. package/dist/types/src/primitives/Container/index.d.ts +3 -0
  188. package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
  189. package/dist/types/src/primitives/Flex/Flex.d.ts +8 -0
  190. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
  191. package/dist/types/src/primitives/Flex/index.d.ts +2 -0
  192. package/dist/types/src/primitives/Flex/index.d.ts.map +1 -0
  193. package/dist/types/src/primitives/index.d.ts +3 -0
  194. package/dist/types/src/primitives/index.d.ts.map +1 -0
  195. package/dist/types/src/testing/decorators/index.d.ts +2 -1
  196. package/dist/types/src/testing/decorators/index.d.ts.map +1 -1
  197. package/dist/types/src/testing/decorators/withLayout.d.ts +15 -0
  198. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -0
  199. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts +12 -0
  200. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -0
  201. package/dist/types/src/testing/decorators/withTheme.d.ts +5 -1
  202. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  203. package/dist/types/src/util/index.d.ts +2 -1
  204. package/dist/types/src/util/index.d.ts.map +1 -1
  205. package/dist/types/src/util/usePx.d.ts +8 -0
  206. package/dist/types/src/util/usePx.d.ts.map +1 -0
  207. package/dist/types/tsconfig.tsbuildinfo +1 -1
  208. package/package.json +39 -31
  209. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +10 -12
  210. package/src/components/Avatars/Avatar.stories.tsx +23 -14
  211. package/src/components/Avatars/Avatar.tsx +6 -13
  212. package/src/components/Avatars/AvatarGroup.stories.tsx +12 -8
  213. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +19 -14
  214. package/src/components/Breadcrumb/Breadcrumb.tsx +6 -32
  215. package/src/components/{Buttons → Button}/Button.stories.tsx +9 -10
  216. package/src/components/{Buttons → Button}/Button.tsx +2 -8
  217. package/src/components/{Buttons → Button}/IconButton.stories.tsx +13 -10
  218. package/src/components/{Buttons → Button}/IconButton.tsx +23 -16
  219. package/src/components/Button/Toggle.stories.tsx +37 -0
  220. package/src/components/{Buttons → Button}/ToggleGroup.stories.tsx +12 -9
  221. package/src/components/{Buttons → Button}/ToggleGroup.tsx +17 -4
  222. package/src/components/Clipboard/ClipboardProvider.tsx +1 -1
  223. package/src/components/Clipboard/CopyButton.tsx +6 -5
  224. package/src/components/DensityProvider/DensityProvider.tsx +2 -2
  225. package/src/components/{Dialogs → Dialog}/AlertDialog.stories.tsx +17 -14
  226. package/src/components/{Dialogs → Dialog}/AlertDialog.tsx +16 -21
  227. package/src/components/Dialog/Dialog.stories.tsx +101 -0
  228. package/src/components/{Dialogs → Dialog}/Dialog.tsx +182 -57
  229. package/src/components/ElevationProvider/ElevationProvider.tsx +2 -2
  230. package/src/components/Icon/Icon.stories.tsx +113 -0
  231. package/src/components/Icon/Icon.tsx +3 -3
  232. package/src/components/Input/Input.stories.tsx +22 -23
  233. package/src/components/Input/Input.tsx +38 -44
  234. package/src/components/Link/Link.stories.tsx +12 -8
  235. package/src/components/Link/Link.tsx +1 -1
  236. package/src/components/{Lists → List}/List.stories.tsx +34 -28
  237. package/src/components/{Lists → List}/List.tsx +23 -25
  238. package/src/components/{Lists → List}/ListDropIndicator.tsx +1 -1
  239. package/src/components/{Lists → List}/Tree.stories.tsx +13 -10
  240. package/src/components/{Lists → List}/Tree.tsx +4 -3
  241. package/src/components/{Lists → List}/TreeDropIndicator.tsx +1 -1
  242. package/src/components/{Lists → List}/Treegrid.stories.tsx +14 -8
  243. package/src/components/{Lists → List}/Treegrid.tsx +61 -25
  244. package/src/components/Main/Main.stories.tsx +56 -27
  245. package/src/components/Main/Main.tsx +166 -94
  246. package/src/components/{Menus → Menu}/ContextMenu.stories.tsx +13 -10
  247. package/src/components/{Menus → Menu}/ContextMenu.tsx +8 -31
  248. package/src/components/{Menus → Menu}/DropdownMenu.stories.tsx +14 -11
  249. package/src/components/{Menus → Menu}/DropdownMenu.tsx +109 -78
  250. package/src/components/Message/Message.stories.tsx +14 -10
  251. package/src/components/Message/Message.tsx +34 -23
  252. package/src/components/Popover/Popover.stories.tsx +14 -11
  253. package/src/components/Popover/Popover.tsx +67 -48
  254. package/src/components/ScrollArea/ScrollArea.stories.tsx +163 -34
  255. package/src/components/ScrollArea/ScrollArea.tsx +80 -82
  256. package/src/components/ScrollArea/index.ts +1 -1
  257. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +70 -0
  258. package/src/components/ScrollContainer/ScrollContainer.tsx +238 -0
  259. package/src/components/ScrollContainer/index.ts +5 -0
  260. package/src/components/Select/Select.stories.tsx +15 -12
  261. package/src/components/Select/Select.tsx +18 -33
  262. package/src/components/Separator/Separator.tsx +1 -1
  263. package/src/components/Skeleton/Skeleton.stories.tsx +52 -0
  264. package/src/components/Skeleton/Skeleton.tsx +26 -0
  265. package/src/components/Skeleton/index.ts +5 -0
  266. package/src/components/Splitter/Splitter.stories.tsx +73 -0
  267. package/src/components/Splitter/Splitter.tsx +123 -0
  268. package/src/components/Splitter/index.ts +5 -0
  269. package/src/components/Status/Status.stories.tsx +11 -8
  270. package/src/components/Status/Status.tsx +2 -2
  271. package/src/components/Tag/Tag.stories.tsx +21 -12
  272. package/src/components/Tag/Tag.tsx +2 -7
  273. package/src/components/ThemeProvider/ThemeProvider.tsx +5 -5
  274. package/src/components/ThemeProvider/TranslationsProvider.tsx +3 -18
  275. package/src/components/ThemeProvider/index.ts +3 -3
  276. package/src/components/Toast/Toast.stories.tsx +14 -11
  277. package/src/components/Toast/Toast.tsx +15 -19
  278. package/src/components/Toolbar/Toolbar.stories.tsx +16 -14
  279. package/src/components/Toolbar/Toolbar.tsx +41 -10
  280. package/src/components/Tooltip/Tooltip.stories.tsx +18 -14
  281. package/src/components/Tooltip/Tooltip.tsx +29 -26
  282. package/src/components/index.ts +7 -4
  283. package/src/exemplars/generics.stories.tsx +44 -0
  284. package/src/exemplars/slot.stories.tsx +108 -0
  285. package/src/exemplars/tabster.stories.tsx +127 -0
  286. package/src/hooks/useDensityContext.ts +1 -1
  287. package/src/hooks/useElevationContext.ts +1 -1
  288. package/src/hooks/useSafeArea.ts +3 -2
  289. package/src/hooks/useVisualViewport.ts +4 -4
  290. package/src/index.ts +2 -1
  291. package/src/playground/Controls.stories.tsx +12 -9
  292. package/src/playground/Custom.stories.tsx +15 -26
  293. package/src/playground/Typography.stories.tsx +10 -8
  294. package/src/primitives/Container/Container.stories.tsx +67 -0
  295. package/src/primitives/Container/Container.tsx +79 -0
  296. package/src/primitives/Container/Layout.stories.tsx +57 -0
  297. package/src/primitives/Container/Layout.tsx +61 -0
  298. package/src/primitives/Container/index.ts +6 -0
  299. package/src/primitives/Flex/Flex.tsx +26 -0
  300. package/src/primitives/Flex/index.ts +5 -0
  301. package/src/primitives/index.ts +6 -0
  302. package/src/testing/decorators/index.ts +2 -1
  303. package/src/testing/decorators/withLayout.tsx +63 -0
  304. package/src/testing/decorators/{withSurfaceVariantsLayout.tsx → withLayoutVariants.tsx} +5 -5
  305. package/src/testing/decorators/withTheme.tsx +34 -0
  306. package/src/util/index.ts +3 -1
  307. package/src/util/usePx.ts +61 -0
  308. package/dist/lib/browser/chunk-2COVUP44.mjs +0 -4373
  309. package/dist/lib/browser/chunk-2COVUP44.mjs.map +0 -7
  310. package/dist/lib/node-esm/chunk-GHXHND5V.mjs +0 -4375
  311. package/dist/lib/node-esm/chunk-GHXHND5V.mjs.map +0 -7
  312. package/dist/types/src/components/Buttons/Button.d.ts.map +0 -1
  313. package/dist/types/src/components/Buttons/Button.stories.d.ts +0 -12
  314. package/dist/types/src/components/Buttons/Button.stories.d.ts.map +0 -1
  315. package/dist/types/src/components/Buttons/IconButton.d.ts.map +0 -1
  316. package/dist/types/src/components/Buttons/IconButton.stories.d.ts +0 -22
  317. package/dist/types/src/components/Buttons/IconButton.stories.d.ts.map +0 -1
  318. package/dist/types/src/components/Buttons/Toggle.d.ts.map +0 -1
  319. package/dist/types/src/components/Buttons/Toggle.stories.d.ts +0 -19
  320. package/dist/types/src/components/Buttons/Toggle.stories.d.ts.map +0 -1
  321. package/dist/types/src/components/Buttons/ToggleGroup.d.ts +0 -28
  322. package/dist/types/src/components/Buttons/ToggleGroup.d.ts.map +0 -1
  323. package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts +0 -39
  324. package/dist/types/src/components/Buttons/ToggleGroup.stories.d.ts.map +0 -1
  325. package/dist/types/src/components/Buttons/index.d.ts.map +0 -1
  326. package/dist/types/src/components/Dialogs/AlertDialog.d.ts.map +0 -1
  327. package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts +0 -43
  328. package/dist/types/src/components/Dialogs/AlertDialog.stories.d.ts.map +0 -1
  329. package/dist/types/src/components/Dialogs/Dialog.d.ts +0 -31
  330. package/dist/types/src/components/Dialogs/Dialog.d.ts.map +0 -1
  331. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts +0 -48
  332. package/dist/types/src/components/Dialogs/Dialog.stories.d.ts.map +0 -1
  333. package/dist/types/src/components/Dialogs/index.d.ts.map +0 -1
  334. package/dist/types/src/components/Lists/List.d.ts.map +0 -1
  335. package/dist/types/src/components/Lists/List.stories.d.ts +0 -37
  336. package/dist/types/src/components/Lists/List.stories.d.ts.map +0 -1
  337. package/dist/types/src/components/Lists/ListDropIndicator.d.ts.map +0 -1
  338. package/dist/types/src/components/Lists/Tree.d.ts.map +0 -1
  339. package/dist/types/src/components/Lists/Tree.stories.d.ts +0 -41
  340. package/dist/types/src/components/Lists/Tree.stories.d.ts.map +0 -1
  341. package/dist/types/src/components/Lists/TreeDropIndicator.d.ts.map +0 -1
  342. package/dist/types/src/components/Lists/Treegrid.stories.d.ts +0 -10
  343. package/dist/types/src/components/Lists/Treegrid.stories.d.ts.map +0 -1
  344. package/dist/types/src/components/Lists/index.d.ts.map +0 -1
  345. package/dist/types/src/components/Menus/ContextMenu.d.ts.map +0 -1
  346. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts +0 -50
  347. package/dist/types/src/components/Menus/ContextMenu.stories.d.ts.map +0 -1
  348. package/dist/types/src/components/Menus/DropdownMenu.d.ts.map +0 -1
  349. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts +0 -50
  350. package/dist/types/src/components/Menus/DropdownMenu.stories.d.ts.map +0 -1
  351. package/dist/types/src/components/Menus/index.d.ts.map +0 -1
  352. package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts +0 -12
  353. package/dist/types/src/testing/decorators/withSurfaceVariantsLayout.d.ts.map +0 -1
  354. package/dist/types/src/util/ThemedClassName.d.ts +0 -5
  355. package/dist/types/src/util/ThemedClassName.d.ts.map +0 -1
  356. package/src/components/Buttons/Toggle.stories.tsx +0 -33
  357. package/src/components/Dialogs/Dialog.stories.tsx +0 -65
  358. package/src/testing/decorators/withTheme.ts +0 -25
  359. package/src/util/ThemedClassName.ts +0 -7
  360. /package/dist/types/src/components/{Buttons → Button}/Toggle.d.ts +0 -0
  361. /package/dist/types/src/components/{Buttons → Button}/index.d.ts +0 -0
  362. /package/dist/types/src/components/{Dialogs → Dialog}/index.d.ts +0 -0
  363. /package/dist/types/src/components/{Lists → List}/ListDropIndicator.d.ts +0 -0
  364. /package/dist/types/src/components/{Lists → List}/TreeDropIndicator.d.ts +0 -0
  365. /package/dist/types/src/components/{Lists → List}/index.d.ts +0 -0
  366. /package/dist/types/src/components/{Menus → Menu}/index.d.ts +0 -0
  367. /package/src/components/{Buttons → Button}/Toggle.tsx +0 -0
  368. /package/src/components/{Buttons → Button}/index.ts +0 -0
  369. /package/src/components/{Dialogs → Dialog}/index.ts +0 -0
  370. /package/src/components/{Lists → List}/index.ts +0 -0
  371. /package/src/components/{Menus → Menu}/index.ts +0 -0
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../src/testing/decorators/withTheme.ts", "../../../../src/testing/decorators/withSurfaceVariantsLayout.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator, type StoryContext, type StoryFn } from '@storybook/react';\nimport { useEffect, createElement } from 'react';\n\nimport { defaultTx } from '@dxos/react-ui-theme';\n\nimport { ThemeProvider } from '../../components';\n\nexport const withTheme: Decorator = (Story: StoryFn, context: StoryContext) => {\n const theme = context?.parameters?.theme || context?.globals?.theme;\n useEffect(() => {\n document.documentElement.classList[theme === 'dark' ? 'add' : 'remove']('dark');\n }, [theme]);\n\n return createElement(\n ThemeProvider,\n {\n tx: defaultTx,\n },\n createElement(Story),\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/react-ui-theme';\nimport { type Density, type Elevation } from '@dxos/react-ui-types';\n\ntype Config = {\n elevations?: { elevation: Elevation; surface?: string }[];\n densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n <div className={mx('rounded-md border border-separator p-2', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n Story,\n elevations,\n densities,\n className,\n}: { Story: ComponentType } & Config & { className?: string }) => (\n <div className={mx('flex flex-col h-full p-4 gap-4', className)}>\n {elevations?.map(({ elevation, surface }) =>\n densities?.map((density) => (\n <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n <Story />\n </Container>\n )),\n )}\n </div>\n);\n\nexport const withSurfaceVariantsLayout = ({\n elevations = [\n { elevation: 'base', surface: 'bg-baseSurface' },\n { elevation: 'positioned', surface: 'bg-cardSurface' },\n { elevation: 'dialog', surface: 'bg-modalSurface' },\n ],\n densities = ['coarse'],\n}: Config = {}): Decorator => {\n return (Story) => (\n <div className='fixed inset-0 grid grid-cols-2 overflow-y-auto'>\n <Panel Story={Story} className='light' elevations={elevations} densities={densities} />\n <Panel Story={Story} className='dark' elevations={elevations} densities={densities} />\n </div>\n );\n};\n"],
5
- "mappings": ";;;;;;AAKA,SAASA,WAAWC,qBAAqB;AAEzC,SAASC,iBAAiB;AAInB,IAAMC,YAAuB,CAACC,OAAgBC,YAAAA;AACnD,QAAMC,QAAQD,SAASE,YAAYD,SAASD,SAASG,SAASF;AAC9DG,YAAU,MAAA;AACRC,aAASC,gBAAgBC,UAAUN,UAAU,SAAS,QAAQ,QAAA,EAAU,MAAA;EAC1E,GAAG;IAACA;GAAM;AAEV,SAAOO,cACLC,eACA;IACEC,IAAIC;EACN,GACAH,cAAcT,KAAAA,CAAAA;AAElB;;;;ACnBA,OAAOa,WAA2D;AAElE,SAASC,IAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAAiE;;;WAChH,sBAAA,cAACC,OAAAA;MAAIC,WAAWC,GAAG,0CAA0CH,SAASI,cAAc;QAAEL;MAAU,CAAA,CAAA;OAAMD,QAAAA;;;;;AAGxG,IAAMO,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;;;WAC3D,sBAAA,cAACD,OAAAA;MAAIC,WAAWC,GAAG,kCAAkCD,SAAAA;OAClDK,YAAYE,IAAI,CAAC,EAAEV,WAAWC,QAAO,MACpCQ,WAAWC,IAAI,CAACC,YACd,sBAAA,cAACb,WAAAA;MAAUc,KAAK,GAAGZ,SAAAA,KAAcW,OAAAA;MAAWV;MAAkBD;OAC5D,sBAAA,cAACO,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;;;;;AAOJ,IAAMM,4BAA4B,CAAC,EACxCL,aAAa;EACX;IAAER,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDQ,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,sBAAA,cAACL,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACG,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,sBAAA,cAACH,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;",
6
- "names": ["useEffect", "createElement", "defaultTx", "withTheme", "Story", "context", "theme", "parameters", "globals", "useEffect", "document", "documentElement", "classList", "createElement", "ThemeProvider", "tx", "defaultTx", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withSurfaceVariantsLayout"]
3
+ "sources": ["../../../../src/testing/decorators/withLayout.tsx", "../../../../src/testing/decorators/withLayoutVariants.tsx", "../../../../src/testing/decorators/withTheme.tsx"],
4
+ "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type FC, type PropsWithChildren, memo } from 'react';\n\nimport { type ClassNameValue, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nexport type ContainerProps = ThemedClassName<PropsWithChildren>;\n\nexport type ContainerType = 'fullscreen' | 'column';\n\nexport type WithLayoutProps =\n | FC<ContainerProps>\n | {\n classNames?: ClassNameValue;\n layout?: ContainerType;\n scroll?: boolean;\n };\n\n/**\n * Adds layout container.\n */\nexport const withLayout =\n (props: WithLayoutProps = {}): Decorator =>\n (Story) => {\n // Prevent re-rendering of the story.\n const MemoizedStory = memo(Story);\n if (typeof props === 'function') {\n const Container = props;\n return (\n <Container>\n <MemoizedStory />\n </Container>\n );\n } else {\n const { layout = 'fullscreen', classNames, scroll } = props;\n const Container = layouts[layout] ?? layouts.fullscreen;\n return (\n <Container classNames={mx(classNames, scroll ? 'overflow-y-auto' : 'overflow-hidden')}>\n <MemoizedStory />\n </Container>\n );\n }\n };\n\nconst layouts: Record<ContainerType, FC<ContainerProps>> = {\n fullscreen: ({ children, classNames }: ContainerProps) => (\n <div role='none' className={mx('fixed inset-0 flex overflow-hidden bg-deckSurface', classNames)}>\n {children}\n </div>\n ),\n\n column: ({ children, classNames }: ContainerProps) => (\n <div role='none' className='fixed inset-0 flex justify-center overflow-hidden bg-deckSurface'>\n <div role='none' className={mx('flex flex-col is-[40rem] bg-baseSurface', classNames)}>\n {children}\n </div>\n </div>\n ),\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { type ComponentType, type PropsWithChildren } from 'react';\n\nimport { mx, surfaceShadow } from '@dxos/ui-theme';\nimport { type Density, type Elevation } from '@dxos/ui-types';\n\ntype Config = {\n elevations?: { elevation: Elevation; surface?: string }[];\n densities?: Density[];\n};\n\nconst Container = ({ children, elevation, surface }: PropsWithChildren<{ elevation: Elevation; surface?: string }>) => (\n <div className={mx('rounded-md border border-separator', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n Story,\n elevations,\n densities,\n className,\n}: { Story: ComponentType } & Config & { className?: string }) => (\n <div className={mx('flex flex-col bs-full p-4 gap-4', className)}>\n {elevations?.map(({ elevation, surface }) =>\n densities?.map((density) => (\n <Container key={`${elevation}--${density}`} surface={surface} elevation={elevation}>\n <Story />\n </Container>\n )),\n )}\n </div>\n);\n\nexport const withLayoutVariants = ({\n elevations = [\n { elevation: 'base', surface: 'bg-baseSurface' },\n { elevation: 'positioned', surface: 'bg-cardSurface' },\n { elevation: 'dialog', surface: 'bg-modalSurface' },\n ],\n densities = ['coarse'],\n}: Config = {}): Decorator => {\n return (Story) => (\n <div className='fixed inset-0 grid grid-cols-2 overflow-y-auto'>\n <Panel Story={Story} className='light' elevations={elevations} densities={densities} />\n <Panel Story={Story} className='dark' elevations={elevations} densities={densities} />\n </div>\n );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Decorator } from '@storybook/react';\nimport React, { memo } from 'react';\n\nimport { defaultTx } from '@dxos/ui-theme';\nimport { type ThemeMode } from '@dxos/ui-types';\n\nimport { type ThemeContextValue, ThemeProvider, Tooltip } from '../../components';\n\n/**\n * Adds theme decorator.\n */\nexport const withTheme =\n ({ tx = defaultTx, ...props }: Partial<ThemeContextValue> = {}): Decorator =>\n (Story, context) => {\n const {\n globals: { theme },\n parameters: { translations },\n } = context;\n\n // Prevent re-rendering of the story.\n const MemoizedStory = memo(Story);\n\n return (\n <ThemeProvider {...props} tx={tx} themeMode={theme as ThemeMode} resourceExtensions={translations} noCache>\n <Tooltip.Provider>\n <MemoizedStory />\n </Tooltip.Provider>\n </ThemeProvider>\n );\n };\n"],
5
+ "mappings": ";;;;;;;AAKA,OAAOA,SAA0CC,YAAY;AAG7D,SAASC,UAAU;AAiBZ,IAAMC,aACX,CAACC,QAAyB,CAAC,MAC3B,CAACC,UAAAA;AAEC,QAAMC,gBAAgBC,qBAAKF,KAAAA;AAC3B,MAAI,OAAOD,UAAU,YAAY;AAC/B,UAAMI,aAAYJ;AAClB,WACE,sBAAA,cAACI,YAAAA,MACC,sBAAA,cAACF,eAAAA,IAAAA,CAAAA;EAGP,OAAO;AACL,UAAM,EAAEG,SAAS,cAAcC,YAAYC,OAAM,IAAKP;AACtD,UAAMI,aAAYI,QAAQH,MAAAA,KAAWG,QAAQC;AAC7C,WACE,sBAAA,cAACL,YAAAA;MAAUE,YAAYI,GAAGJ,YAAYC,SAAS,oBAAoB,iBAAA;OACjE,sBAAA,cAACL,eAAAA,IAAAA,CAAAA;EAGP;AACF;AAEF,IAAMM,UAAqD;EACzDC,YAAY,CAAC,EAAEE,UAAUL,WAAU,MACjC,sBAAA,cAACM,OAAAA;IAAIC,MAAK;IAAOC,WAAWJ,GAAG,qDAAqDJ,UAAAA;KACjFK,QAAAA;EAILI,QAAQ,CAAC,EAAEJ,UAAUL,WAAU,MAC7B,sBAAA,cAACM,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAWJ,GAAG,2CAA2CJ,UAAAA;KACvEK,QAAAA,CAAAA;AAIT;;;ACzDA,OAAOK,YAA2D;AAElE,SAASC,MAAAA,KAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAC/C,gBAAAC,OAAA,cAACC,OAAAA;EAAIC,WAAWC,IAAG,sCAAsCJ,SAASK,cAAc;IAAEN;EAAU,CAAA,CAAA;GAAMD,QAAAA;AAGpG,IAAMQ,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MAET,gBAAAF,OAAA,cAACC,OAAAA;EAAIC,WAAWC,IAAG,mCAAmCD,SAAAA;GACnDK,YAAYE,IAAI,CAAC,EAAEX,WAAWC,QAAO,MACpCS,WAAWC,IAAI,CAACC,YACd,gBAAAV,OAAA,cAACJ,WAAAA;EAAUe,KAAK,GAAGb,SAAAA,KAAcY,OAAAA;EAAWX;EAAkBD;GAC5D,gBAAAE,OAAA,cAACM,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAOJ,IAAMM,qBAAqB,CAAC,EACjCL,aAAa;EACX;IAAET,WAAW;IAAQC,SAAS;EAAiB;EAC/C;IAAED,WAAW;IAAcC,SAAS;EAAiB;EACrD;IAAED,WAAW;IAAUC,SAAS;EAAkB;GAEpDS,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UACN,gBAAAN,OAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,gBAAAF,OAAA,cAACK,OAAAA;IAAMC;IAAcJ,WAAU;IAAQK;IAAwBC;MAC/D,gBAAAR,OAAA,cAACK,OAAAA;IAAMC;IAAcJ,WAAU;IAAOK;IAAwBC;;AAGpE;;;AC7CA,OAAOK,UAASC,QAAAA,aAAY;AAE5B,SAASC,iBAAiB;AAQnB,IAAMC,YACX,CAAC,EAAEC,KAAKC,WAAW,GAAGC,MAAAA,IAAsC,CAAC,MAC7D,CAACC,OAAOC,YAAAA;AACN,QAAM,EACJC,SAAS,EAAEC,MAAK,GAChBC,YAAY,EAAEC,aAAY,EAAE,IAC1BJ;AAGJ,QAAMK,gBAAgBC,gBAAAA,MAAKP,KAAAA;AAE3B,SACE,gBAAAQ,OAAA,cAACC,eAAAA;IAAe,GAAGV;IAAOF;IAAQa,WAAWP;IAAoBQ,oBAAoBN;IAAcO,SAAAA;KACjG,gBAAAJ,OAAA,cAACK,QAAQC,UAAQ,MACf,gBAAAN,OAAA,cAACF,eAAAA,IAAAA,CAAAA,CAAAA;AAIT;",
6
+ "names": ["React", "memo", "mx", "withLayout", "props", "Story", "MemoizedStory", "memo", "Container", "layout", "classNames", "scroll", "layouts", "fullscreen", "mx", "children", "div", "role", "className", "column", "React", "mx", "surfaceShadow", "Container", "children", "elevation", "surface", "React", "div", "className", "mx", "surfaceShadow", "Panel", "Story", "elevations", "densities", "map", "density", "key", "withLayoutVariants", "React", "memo", "defaultTx", "withTheme", "tx", "defaultTx", "props", "Story", "context", "globals", "theme", "parameters", "translations", "MemoizedStory", "memo", "React", "ThemeProvider", "themeMode", "resourceExtensions", "noCache", "Tooltip", "Provider"]
7
7
  }
@@ -7,6 +7,13 @@ type AnchoredOverflowRootProps = ThemedClassName<ComponentPropsWithRef<typeof Pr
7
7
  type AnchoredOverflowAnchorProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
8
8
  asChild?: boolean;
9
9
  };
10
+ /**
11
+ * This component leverages the CSS https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor property to prevent unwanted scroll jumps when content is dynamically
12
+ * added above the viewport. This is particularly useful for:
13
+ * - Chat applications where new messages are prepended to the list.
14
+ * - Notification feeds where new items appear at the top.
15
+ * - Any scenario where content is inserted at the start of a scrollable container.
16
+ */
10
17
  export declare const AnchoredOverflow: {
11
18
  Root: React.ForwardRefExoticComponent<Omit<AnchoredOverflowRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
19
  Anchor: React.ForwardRefExoticComponent<Omit<AnchoredOverflowAnchorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
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
+ {"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;AAcF,KAAK,2BAA2B,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAcF;;;;;;GAMG;AAEH,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,YAAY,EAAE,yBAAyB,EAAE,2BAA2B,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import '@dxos/lit-ui/dx-avatar.pcss';
2
2
  import { Primitive } from '@radix-ui/react-primitive';
3
3
  import React, { type ComponentProps, type ComponentPropsWithRef, type PropsWithChildren } from 'react';
4
- import { type AvatarVariant, type AvatarStatus, type AvatarAnimation, type DxAvatar as NaturalDxAvatar } from '@dxos/lit-ui';
4
+ import { type AvatarAnimation, type AvatarStatus, type AvatarVariant, type DxAvatar as NaturalDxAvatar } from '@dxos/lit-ui';
5
5
  import { DxAvatar } from '@dxos/lit-ui/react';
6
6
  import { type ThemedClassName } from '../../util';
7
7
  export type AvatarRootProps = PropsWithChildren<Partial<AvatarContextValue>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnH,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,QAAQ,IAAI,eAAe,EACjC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7E,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,QAAA,MAAuB,gBAAgB,8CAAkD,CAAC;AAQ1F,KAAK,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAmB7F,KAAK,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,KAAK,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,eAAO,MAAM,MAAM;mFAnEyE,eAAe;;;;CAwE1G,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,IAAI,QAAQ,GAC5B,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAEnH,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,QAAQ,IAAI,eAAe,EACjC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAK9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE7E,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAGF,QAAA,MAAuB,gBAAgB,8CAAkD,CAAC;AAQ1F,KAAK,kBAAkB,GAAG,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAmB7F,KAAK,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IAClG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAWF,KAAK,sBAAsB,GAAG,eAAe,CAAC,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAkBF,eAAO,MAAM,MAAM;mFA5DyE,eAAe;;;;CAiE1G,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,IAAI,QAAQ,GAC5B,CAAC"}
@@ -1,39 +1,13 @@
1
- import '@dxos-theme';
2
- import React, { type PropsWithChildren } from 'react';
3
- import { type HuePalette } from '@dxos/react-ui-theme';
4
- import { type Size } from '@dxos/react-ui-types';
5
- import { type AvatarVariant, type AvatarStatus, type AvatarAnimation } from './Avatar';
6
- type StoryProps = {
7
- id?: string;
8
- imgSrc?: string;
9
- fallbackText?: string;
10
- label?: string;
11
- description?: string;
12
- status?: AvatarStatus;
13
- variant?: AvatarVariant;
14
- animation?: AvatarAnimation;
15
- size?: Size;
16
- hue?: HuePalette;
17
- };
18
- declare const _default: {
1
+ import React from 'react';
2
+ declare const meta: {
19
3
  title: string;
20
- component: {
21
- Root: ({ children, labelId: propsLabelId, descriptionId: propsDescriptionId }: import("./Avatar").AvatarRootProps) => React.JSX.Element;
22
- Content: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarContentProps, "ref"> & React.RefAttributes<import("@dxos/lit-ui").DxAvatar>>;
23
- Label: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
24
- Description: React.ForwardRefExoticComponent<Omit<import("./Avatar").AvatarDescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
25
- };
26
- render: (props: PropsWithChildren<StoryProps>) => React.JSX.Element;
4
+ component: ({ children, labelId: propsLabelId, descriptionId: propsDescriptionId }: import("./Avatar").AvatarRootProps) => React.JSX.Element;
27
5
  decorators: import("@storybook/react").Decorator[];
28
- parameters: {
29
- chromatic: {
30
- disableSnapshot: boolean;
31
- };
32
- };
33
6
  };
34
- export default _default;
7
+ export default meta;
35
8
  export declare const Default: () => React.JSX.Element;
36
9
  export declare const Image: () => React.JSX.Element;
10
+ export declare const BrokenImage: () => React.JSX.Element;
37
11
  export declare const Square: () => React.JSX.Element;
38
12
  export declare const DefaultEmoji: () => React.JSX.Element;
39
13
  export declare const SquareEmoji: () => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGjD,OAAO,EAAU,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAG/F,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,GAAG,CAAC,EAAE,UAAU,CAAC;CAClB,CAAC;;;;;;;;;oBAE2B,iBAAiB,CAAC,UAAU,CAAC;;;;;;;;AA8B1D,wBAME;AAaF,eAAO,MAAM,OAAO,yBAenB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAIjB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAOlB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAA4D,CAAC;AAErF,eAAO,MAAM,WAAW,yBASvB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAA8D,CAAC;AAEjF,eAAO,MAAM,KAAK,yBAOjB,CAAC"}
1
+ {"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAqDtD,QAAA,MAAM,IAAI;;;;CAI0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAepB,eAAO,MAAM,OAAO,yBAenB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAIvB,CAAC;AAEF,eAAO,MAAM,MAAM,yBAOlB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,yBAA4D,CAAC;AAErF,eAAO,MAAM,WAAW,yBASvB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAA8D,CAAC;AAEjF,eAAO,MAAM,KAAK,yBAOjB,CAAC"}
@@ -1,17 +1,11 @@
1
- import '@dxos-theme';
1
+ import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
- declare const _default: {
3
+ declare const meta: {
4
4
  title: string;
5
5
  render: () => React.JSX.Element;
6
6
  decorators: import("@storybook/react").Decorator[];
7
- parameters: {
8
- chromatic: {
9
- disableSnapshot: boolean;
10
- };
11
- };
12
- };
13
- export default _default;
14
- export declare const Default: {
15
- args: {};
16
7
  };
8
+ export default meta;
9
+ type Story = StoryObj<typeof meta>;
10
+ export declare const Default: Story;
17
11
  //# sourceMappingURL=AvatarGroup.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAiC1B,wBAKE;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
1
+ {"version":3,"file":"AvatarGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/AvatarGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { Primitive } from '@radix-ui/react-primitive';
2
- import React, { type ComponentPropsWithoutRef, type ComponentPropsWithRef } from 'react';
2
+ import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef } from 'react';
3
3
  import { type ThemedClassName } from '../../util';
4
4
  import { type LinkProps } from '../Link';
5
5
  type BreadcrumbRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGrG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAiBF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnH,KAAK,mBAAmB,GAAG,SAAS,CAAC;AAOrC,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnG,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAgBjG,eAAO,MAAM,UAAU;;;;;;oDAd0C,wBAAwB;CAqBxF,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,CAAC"}
1
+ {"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGrG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAUF,KAAK,mBAAmB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAU/G,KAAK,uBAAuB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAUnH,KAAK,mBAAmB,GAAG,SAAS,CAAC;AAOrC,KAAK,sBAAsB,GAAG,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAYnG,KAAK,wBAAwB,GAAG,eAAe,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAgBjG,eAAO,MAAM,UAAU;;;;;;oDAd0C,wBAAwB;CAqBxF,CAAC;AAEF,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,GACzB,CAAC"}
@@ -1,25 +1,13 @@
1
- import '@dxos-theme';
1
+ import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
- declare const _default: {
3
+ import { type BreadcrumbRootProps } from './Breadcrumb';
4
+ declare const meta: {
4
5
  title: string;
5
- component: {
6
- Root: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
- List: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
8
- ListItem: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
9
- Link: React.ForwardRefExoticComponent<Omit<import("..").LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
10
- Current: React.ForwardRefExoticComponent<Omit<import("./Breadcrumb").BreadcrumbCurrentProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
11
- Separator: ({ children, classNames, ...props }: import("./Breadcrumb").BreadcrumbSeparatorProps) => React.JSX.Element;
12
- };
13
- render: () => React.JSX.Element;
6
+ component: any;
7
+ render: (props: BreadcrumbRootProps) => React.JSX.Element;
14
8
  decorators: import("@storybook/react").Decorator[];
15
- parameters: {
16
- chromatic: {
17
- disableSnapshot: boolean;
18
- };
19
- };
20
- };
21
- export default _default;
22
- export declare const Default: {
23
- args: {};
24
9
  };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
25
13
  //# sourceMappingURL=Breadcrumb.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;AAkC1B,wBAME;AAEF,eAAO,MAAM,OAAO;;CAEnB,CAAC"}
1
+ {"version":3,"file":"Breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Breadcrumb/Breadcrumb.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA8BpE,QAAA,MAAM,IAAI;;eAEsB,GAAG;oBA9BN,mBAAmB;;CAiCX,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { Primitive } from '@radix-ui/react-primitive';
2
2
  import React, { type ComponentPropsWithRef } from 'react';
3
- import { type Density, type Elevation } from '@dxos/react-ui-types';
3
+ import { type Density, type Elevation } from '@dxos/ui-types';
4
4
  import { type ThemedClassName } from '../../util';
5
5
  interface ButtonProps extends ThemedClassName<ComponentPropsWithRef<typeof Primitive.button>> {
6
6
  variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive';
@@ -13,7 +13,7 @@ type ButtonGroupContextValue = {
13
13
  };
14
14
  declare const BUTTON_GROUP_NAME = "ButtonGroup";
15
15
  declare const useButtonGroupContext: (consumerName: string) => ButtonGroupContextValue;
16
- declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
16
+ declare const Button: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
17
17
  type ButtonGroupProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
18
18
  elevation?: Elevation;
19
19
  asChild?: boolean;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG9D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,UAAU,WAAY,SAAQ,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC;IAC3F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,uBAAuB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAErD,QAAA,MAAM,iBAAiB,gBAAgB,CAAC;AAGxC,QAAA,MAA4B,qBAAqB,mDAE/C,CAAC;AAEH,QAAA,MAAM,MAAM,+FA4CX,CAAC;AAIF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,WAAW,sGAWhB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;AAEzE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import { type ButtonProps } from './Button';
4
+ declare const meta: {
5
+ title: string;
6
+ component: React.NamedExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
+ render: ({ children, ...args }: Omit<ButtonProps, "ref">) => React.JSX.Element;
8
+ decorators: import("@storybook/react").Decorator[];
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ export declare const Primary: Story;
14
+ export declare const Destructive: Story;
15
+ export declare const Outline: Story;
16
+ export declare const Ghost: Story;
17
+ //# sourceMappingURL=Button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAuBjE,QAAA,MAAM,IAAI;;;oCArBmC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;;CA0BtC,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
@@ -1,15 +1,15 @@
1
1
  import React from 'react';
2
- import { type ButtonProps } from './Button';
3
2
  import { type ThemedClassName } from '../../util';
4
3
  import { type IconProps } from '../Icon';
5
4
  import { type TooltipSide } from '../Tooltip';
6
- type IconButtonProps = Omit<ButtonProps, 'children'> & Pick<IconProps, 'icon' | 'size'> & {
5
+ import { type ButtonProps } from './Button';
6
+ type IconButtonProps = Omit<ButtonProps, 'children'> & Partial<Pick<IconProps, 'icon' | 'size'>> & {
7
7
  label: string;
8
- iconOnly?: boolean;
9
8
  noTooltip?: boolean;
10
9
  caretDown?: boolean;
10
+ iconOnly?: boolean;
11
+ iconEnd?: boolean;
11
12
  iconClassNames?: ThemedClassName<any>['classNames'];
12
- tooltipPortal?: boolean;
13
13
  tooltipSide?: TooltipSide;
14
14
  };
15
15
  declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAClD,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,UAAU,wGAMf,CAAC;AAkCF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import { type IconButtonProps } from './IconButton';
4
+ declare const meta: {
5
+ title: string;
6
+ component: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
+ render: any;
8
+ decorators: import("@storybook/react").Decorator[];
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ //# sourceMappingURL=IconButton.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAehE,QAAA,MAAM,IAAI;;;YAGgB,GAAG;;CAEM,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,WAAW,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC7G,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC;AAEvE,QAAA,MAAM,MAAM,oGAQX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import { type ToggleProps } from './Toggle';
4
+ declare const meta: {
5
+ title: string;
6
+ component: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
+ render: (props: ToggleProps) => React.JSX.Element;
8
+ decorators: import("@storybook/react").Decorator[];
9
+ parameters: {
10
+ layout: string;
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof meta>;
15
+ export declare const Default: Story;
16
+ //# sourceMappingURL=Toggle.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAUpD,QAAA,MAAM,IAAI;;;oBARmB,WAAW;;;;;CAgBT,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { type ToggleGroupItemProps as ToggleGroupItemPrimitiveProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
2
+ import React from 'react';
3
+ import { type ButtonProps } from './Button';
4
+ import { type IconButtonProps } from './IconButton';
5
+ type ToggleGroupProps = Omit<ToggleGroupSingleProps, 'className'> | Omit<ToggleGroupMultipleProps, 'className'>;
6
+ declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
7
+ asChild?: boolean;
8
+ }, "className"> & {
9
+ classNames?: import("@dxos/ui-types").ClassNameValue;
10
+ } & {
11
+ elevation?: import("@dxos/ui-types").Elevation;
12
+ asChild?: boolean;
13
+ }, "ref"> | Omit<Omit<ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
14
+ asChild?: boolean;
15
+ }, "className"> & {
16
+ classNames?: import("@dxos/ui-types").ClassNameValue;
17
+ } & {
18
+ elevation?: import("@dxos/ui-types").Elevation;
19
+ asChild?: boolean;
20
+ }, "ref">) & React.RefAttributes<HTMLDivElement>>;
21
+ type ToggleGroupItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & ButtonProps;
22
+ declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
23
+ type ToggleGroupIconItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & IconButtonProps;
24
+ declare const ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<ToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
25
+ export { ToggleGroup, ToggleGroupItem, ToggleGroupIconItem };
26
+ export type { ToggleGroupProps, ToggleGroupItemProps };
27
+ //# sourceMappingURL=ToggleGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,oBAAoB,IAAI,6BAA6B,EAC1D,KAAK,wBAAwB,EAE7B,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAA8C,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACxF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;AAEhH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;iDAQhB,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,WAAW,CAAC;AAE3F,QAAA,MAAM,eAAe,6GAQpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAEnG,QAAA,MAAM,mBAAmB,iHAQxB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import { type ToggleGroupProps } from './ToggleGroup';
4
+ declare const meta: {
5
+ title: string;
6
+ component: React.ForwardRefExoticComponent<(Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
7
+ asChild?: boolean;
8
+ }, "className"> & {
9
+ classNames?: import("@dxos/ui-types").ClassNameValue;
10
+ } & {
11
+ elevation?: import("@dxos/ui-types").Elevation;
12
+ asChild?: boolean;
13
+ }, "ref"> | Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
14
+ asChild?: boolean;
15
+ }, "className"> & {
16
+ classNames?: import("@dxos/ui-types").ClassNameValue;
17
+ } & {
18
+ elevation?: import("@dxos/ui-types").Elevation;
19
+ asChild?: boolean;
20
+ }, "ref">) & React.RefAttributes<HTMLDivElement>>;
21
+ render: (props: ToggleGroupProps) => React.JSX.Element;
22
+ decorators: import("@storybook/react").Decorator[];
23
+ };
24
+ export default meta;
25
+ type Story = StoryObj<typeof meta>;
26
+ export declare const Default: Story;
27
+ //# sourceMappingURL=ToggleGroup.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleGroup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAgC,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAgBpF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;oBAbmB,gBAAgB;;CAkBT,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}
1
+ {"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAoD,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,YAAY,6BAAqC,CAAC;AAE/D,eAAO,MAAM,iBAAiB,GAAI,cAAc,iBAAiB,CAAC,EAAE,CAAC,sBAOpE,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { type ButtonProps } from '../Buttons';
2
+ import { type ButtonProps } from '../Button';
3
3
  import { type IconProps } from '../Icon';
4
4
  import { type TooltipScopedProps } from '../Tooltip';
5
5
  export type CopyButtonProps = ButtonProps & Pick<IconProps, 'size'> & {
@@ -1 +1 @@
1
- {"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,YAAY,CAAC;AAClE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,GAAI,uCAA2C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gEAOhC,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}
1
+ {"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,WAAW,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,kBAAkB,EAAqB,MAAM,YAAY,CAAC;AAIxE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAIJ,eAAO,MAAM,UAAU,GAAI,uCAA2C,eAAe,sBAqBpF,CAAC;AAEF,KAAK,uBAAuB,GAAG,eAAe,GAAG;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gEAOhC,kBAAkB,CAAC,uBAAuB,CAAC,sBAkB7C,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { type PropsWithChildren } from 'react';
2
- import { type Density } from '@dxos/react-ui-types';
2
+ import { type Density } from '@dxos/ui-types';
3
3
  export interface DensityContextValue {
4
4
  density?: Density;
5
5
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,sBAE1E,CAAC"}
1
+ {"version":3,"file":"DensityProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/DensityProvider/DensityProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,oCAA0D,CAAC;AAEtF,eAAO,MAAM,eAAe,GAAI,uBAAuB,oBAAoB,sBAE1E,CAAC"}
@@ -1,4 +1,4 @@
1
- import { type AlertDialogProps as AlertDialogRootPrimitiveProps, type AlertDialogTriggerProps as AlertDialogTriggerPrimitiveProps, type AlertDialogPortalProps as AlertDialogPortalPrimitiveProps, type AlertDialogOverlayProps as AlertDialogOverlayPrimitiveProps, type AlertDialogTitleProps as AlertDialogTitlePrimitiveProps, type AlertDialogDescriptionProps as AlertDialogDescriptionPrimitiveProps, type AlertDialogActionProps as AlertDialogActionPrimitiveProps, type AlertDialogCancelProps as AlertDialogCancelPrimitiveProps, type AlertDialogContentProps as AlertDialogContentPrimitiveProps } from '@radix-ui/react-alert-dialog';
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';
2
2
  import React from 'react';
3
3
  import { type ThemedClassName } from '../../util';
4
4
  type AlertDialogRootProps = AlertDialogRootPrimitiveProps;
@@ -0,0 +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;AAYpG,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;AA4BF,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"}
@@ -0,0 +1,11 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: any;
5
+ render: any;
6
+ decorators: import("@storybook/react").Decorator[];
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<typeof meta>;
10
+ export declare const Default: Story;
11
+ //# sourceMappingURL=AlertDialog.stories.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,46 @@
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';
2
+ import React, { type ComponentPropsWithRef, type PropsWithChildren } from 'react';
3
+ import { type DialogSize } from '@dxos/ui-theme';
4
+ 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 & {
10
+ blockAlign?: 'center' | 'start' | 'end';
11
+ }>;
12
+ type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogContentPrimitive>> & {
13
+ size?: DialogSize;
14
+ inOverlayLayout?: boolean;
15
+ };
16
+ type DialogHeaderProps = ThemedClassName<PropsWithChildren> & {
17
+ srOnly?: boolean;
18
+ };
19
+ type DialogBodyProps = PropsWithChildren;
20
+ type DialogTitleProps = ThemedClassName<DialogTitlePrimitiveProps> & {
21
+ srOnly?: boolean;
22
+ };
23
+ type DialogDescriptionProps = ThemedClassName<DialogDescriptionPrimitiveProps> & {
24
+ srOnly?: boolean;
25
+ };
26
+ type DialogActionBarProps = ThemedClassName<PropsWithChildren>;
27
+ type DialogCloseProps = DialogClosePrimitiveProps;
28
+ type DialogCloseIconButtonProps = ThemedClassName<Partial<IconButtonProps>>;
29
+ export declare const Dialog: {
30
+ Root: React.FunctionComponent<DialogRootPrimitiveProps>;
31
+ Trigger: React.FunctionComponent<DialogTriggerPrimitiveProps>;
32
+ Portal: React.FunctionComponent<DialogPortalPrimitiveProps>;
33
+ Overlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
34
+ Content: React.ForwardRefExoticComponent<DialogContentProps>;
35
+ Header: React.ForwardRefExoticComponent<DialogTitleProps>;
36
+ Body: React.ForwardRefExoticComponent<{
37
+ children?: React.ReactNode | undefined;
38
+ }>;
39
+ Title: React.ForwardRefExoticComponent<DialogTitleProps>;
40
+ Description: React.ForwardRefExoticComponent<DialogTitleProps>;
41
+ ActionBar: React.ForwardRefExoticComponent<DialogActionBarProps>;
42
+ Close: React.FunctionComponent<DialogClosePrimitiveProps>;
43
+ CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps>;
44
+ };
45
+ export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, DialogCloseIconButtonProps, };
46
+ //# sourceMappingURL=Dialog.d.ts.map
@@ -0,0 +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;AA4BF,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAanF,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAmBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAe1F,KAAK,sBAAsB,GAAG,eAAe,CAAC,+BAA+B,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAoBtG,KAAK,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAkB/D,KAAK,gBAAgB,GAAG,yBAAyB,CAAC;AAQlD,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;AAyB5E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAalB,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"}
@@ -0,0 +1,27 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ import { type DialogContentProps } from './Dialog';
4
+ type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
5
+ title: string;
6
+ description: string;
7
+ openTrigger: string;
8
+ closeTrigger: string;
9
+ blockAlign: 'center' | 'start';
10
+ }>;
11
+ declare const meta: {
12
+ title: string;
13
+ component: any;
14
+ render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: StoryProps) => React.JSX.Element;
15
+ decorators: import("@storybook/react").Decorator[];
16
+ parameters: {
17
+ chromatic: {
18
+ disableSnapshot: boolean;
19
+ };
20
+ };
21
+ };
22
+ export default meta;
23
+ type Story = StoryObj<typeof meta>;
24
+ export declare const Small: Story;
25
+ export declare const Medium: Story;
26
+ export declare const Large: Story;
27
+ //# sourceMappingURL=Dialog.stories.d.ts.map
@@ -0,0 +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;AAgCL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFAhCiE,UAAU;;;;;;;CAwChE,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"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React, { type PropsWithChildren } from 'react';
2
- import { type Elevation } from '@dxos/react-ui-types';
2
+ import { type Elevation } from '@dxos/ui-types';
3
3
  export interface ElevationContextValue {
4
4
  elevation?: Elevation;
5
5
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ElevationProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ElevationProvider/ElevationProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,sCAA8D,CAAC;AAE5F,eAAO,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,sBAEhF,CAAC"}
1
+ {"version":3,"file":"ElevationProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ElevationProvider/ElevationProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB,sCAA8D,CAAC;AAE5F,eAAO,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,sBAEhF,CAAC"}