@dxos/react-ui 0.8.4-main.bc674ce → 0.8.4-main.c351d160a8

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 (293) hide show
  1. package/dist/lib/browser/{chunk-CEKVHJ27.mjs → chunk-EJSGYGYH.mjs} +117 -117
  2. package/dist/lib/browser/chunk-EJSGYGYH.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +2747 -1997
  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 +56 -32
  7. package/dist/lib/browser/testing/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/{chunk-2NHEX4AD.mjs → chunk-B7MXDDMJ.mjs} +117 -117
  9. package/dist/lib/node-esm/chunk-B7MXDDMJ.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +2747 -1997
  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 +56 -32
  14. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  15. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  16. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  17. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  18. package/dist/types/src/components/Button/Button.d.ts +2 -2
  19. package/dist/types/src/components/Button/Button.d.ts.map +1 -1
  20. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
  21. package/dist/types/src/components/Button/Toggle.d.ts +2 -2
  22. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -1
  23. package/dist/types/src/components/Button/ToggleGroup.d.ts +6 -6
  24. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -1
  25. package/dist/types/src/components/Card/Card.d.ts +107 -0
  26. package/dist/types/src/components/Card/Card.d.ts.map +1 -0
  27. package/dist/types/src/components/Card/Card.stories.d.ts +21 -0
  28. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -0
  29. package/dist/types/src/components/Card/index.d.ts +2 -0
  30. package/dist/types/src/components/Card/index.d.ts.map +1 -0
  31. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  32. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  33. package/dist/types/src/components/Dialog/AlertDialog.d.ts +26 -17
  34. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
  35. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
  36. package/dist/types/src/components/Dialog/Dialog.d.ts +25 -18
  37. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
  38. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +3 -6
  39. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
  40. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts +11 -0
  41. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -0
  42. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts +7 -0
  43. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -0
  44. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +8 -0
  45. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -0
  46. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts +9 -0
  47. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -0
  48. package/dist/types/src/components/ErrorFallback/index.d.ts +5 -0
  49. package/dist/types/src/components/ErrorFallback/index.d.ts.map +1 -0
  50. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  51. package/dist/types/src/components/Image/Image.d.ts +14 -0
  52. package/dist/types/src/components/Image/Image.d.ts.map +1 -0
  53. package/dist/types/src/components/Image/Image.stories.d.ts +33 -0
  54. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -0
  55. package/dist/types/src/components/Image/index.d.ts +2 -0
  56. package/dist/types/src/components/Image/index.d.ts.map +1 -0
  57. package/dist/types/src/components/Input/Input.d.ts +4 -7
  58. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  59. package/dist/types/src/components/Input/Input.stories.d.ts +7 -7
  60. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  61. package/dist/types/src/components/List/List.d.ts.map +1 -1
  62. package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
  63. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
  64. package/dist/types/src/components/Main/Main.d.ts +6 -32
  65. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  66. package/dist/types/src/components/Main/Main.stories.d.ts +1 -5
  67. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  68. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -1
  69. package/dist/types/src/components/Menu/DropdownMenu.d.ts +51 -49
  70. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -1
  71. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +6 -1
  72. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -1
  73. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  74. package/dist/types/src/components/Message/Message.stories.d.ts +2 -3
  75. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  76. package/dist/types/src/components/Popover/Popover.d.ts +28 -22
  77. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  78. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +21 -26
  79. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  80. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +41 -9
  81. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  82. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
  83. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +6 -1
  84. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
  85. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  86. package/dist/types/src/components/Separator/Separator.d.ts +3 -3
  87. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  88. package/dist/types/src/components/Skeleton/Skeleton.d.ts +12 -0
  89. package/dist/types/src/components/Skeleton/Skeleton.d.ts.map +1 -0
  90. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts +17 -0
  91. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
  92. package/dist/types/src/components/Skeleton/index.d.ts +2 -0
  93. package/dist/types/src/components/Skeleton/index.d.ts.map +1 -0
  94. package/dist/types/src/components/Splitter/Splitter.d.ts +32 -0
  95. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -0
  96. package/dist/types/src/components/Splitter/Splitter.stories.d.ts +7 -0
  97. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -0
  98. package/dist/types/src/components/Splitter/index.d.ts +2 -0
  99. package/dist/types/src/components/Splitter/index.d.ts.map +1 -0
  100. package/dist/types/src/components/Status/Status.stories.d.ts +4 -2
  101. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  102. package/dist/types/src/components/Tag/Tag.d.ts.map +1 -1
  103. package/dist/types/src/components/Tag/Tag.stories.d.ts +0 -5
  104. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  105. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -0
  106. package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  107. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts +12 -0
  108. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  109. package/dist/types/src/components/Toast/Toast.d.ts +15 -15
  110. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  111. package/dist/types/src/components/Toolbar/Toolbar.d.ts +33 -11
  112. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  113. package/dist/types/src/components/Tooltip/Tooltip.d.ts +9 -9
  114. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  115. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  116. package/dist/types/src/components/index.d.ts +8 -4
  117. package/dist/types/src/components/index.d.ts.map +1 -1
  118. package/dist/types/src/exemplars/generics.stories.d.ts +18 -0
  119. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -0
  120. package/dist/types/src/exemplars/slot.stories.d.ts +14 -0
  121. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -0
  122. package/dist/types/src/exemplars/tabster.stories.d.ts +8 -0
  123. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -0
  124. package/dist/types/src/exemplars/virtualizer.stories.d.ts +11 -0
  125. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -0
  126. package/dist/types/src/hooks/index.d.ts +1 -0
  127. package/dist/types/src/hooks/index.d.ts.map +1 -1
  128. package/dist/types/src/index.d.ts +1 -0
  129. package/dist/types/src/index.d.ts.map +1 -1
  130. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  131. package/dist/types/src/primitives/Column/Column.d.ts +26 -0
  132. package/dist/types/src/primitives/Column/Column.d.ts.map +1 -0
  133. package/dist/types/src/primitives/Column/Column.stories.d.ts +6 -0
  134. package/dist/types/src/primitives/Column/Column.stories.d.ts.map +1 -0
  135. package/dist/types/src/primitives/Column/index.d.ts +2 -0
  136. package/dist/types/src/primitives/Column/index.d.ts.map +1 -0
  137. package/dist/types/src/primitives/Container/Container.d.ts +8 -0
  138. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -0
  139. package/dist/types/src/primitives/Container/Container.stories.d.ts +6 -0
  140. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -0
  141. package/dist/types/src/primitives/Container/index.d.ts +2 -0
  142. package/dist/types/src/primitives/Container/index.d.ts.map +1 -0
  143. package/dist/types/src/primitives/Flex/Flex.d.ts +13 -0
  144. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -0
  145. package/dist/types/src/primitives/Flex/Flex.stories.d.ts +8 -0
  146. package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -0
  147. package/dist/types/src/primitives/Flex/index.d.ts +2 -0
  148. package/dist/types/src/primitives/Flex/index.d.ts.map +1 -0
  149. package/dist/types/src/primitives/Grid/Grid.d.ts +15 -0
  150. package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -0
  151. package/dist/types/src/primitives/Grid/Grid.stories.d.ts +8 -0
  152. package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -0
  153. package/dist/types/src/primitives/Grid/index.d.ts +2 -0
  154. package/dist/types/src/primitives/Grid/index.d.ts.map +1 -0
  155. package/dist/types/src/primitives/Panel/Panel.d.ts +26 -0
  156. package/dist/types/src/primitives/Panel/Panel.d.ts.map +1 -0
  157. package/dist/types/src/primitives/Panel/Panel.stories.d.ts +6 -0
  158. package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +1 -0
  159. package/dist/types/src/primitives/Panel/index.d.ts +2 -0
  160. package/dist/types/src/primitives/Panel/index.d.ts.map +1 -0
  161. package/dist/types/src/primitives/index.d.ts +6 -0
  162. package/dist/types/src/primitives/index.d.ts.map +1 -0
  163. package/dist/types/src/testing/Loading.d.ts +9 -0
  164. package/dist/types/src/testing/Loading.d.ts.map +1 -0
  165. package/dist/types/src/testing/decorators/withLayout.d.ts +1 -1
  166. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
  167. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
  168. package/dist/types/src/testing/decorators/withTheme.d.ts +3 -2
  169. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  170. package/dist/types/src/testing/index.d.ts +1 -0
  171. package/dist/types/src/testing/index.d.ts.map +1 -1
  172. package/dist/types/src/translations.d.ts +11 -0
  173. package/dist/types/src/translations.d.ts.map +1 -0
  174. package/dist/types/tsconfig.tsbuildinfo +1 -1
  175. package/package.json +25 -21
  176. package/src/components/Avatars/Avatar.stories.tsx +5 -6
  177. package/src/components/Avatars/Avatar.tsx +5 -12
  178. package/src/components/Avatars/AvatarGroup.stories.tsx +2 -2
  179. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +3 -3
  180. package/src/components/Breadcrumb/Breadcrumb.tsx +11 -37
  181. package/src/components/Button/Button.stories.tsx +3 -3
  182. package/src/components/Button/Button.tsx +8 -14
  183. package/src/components/Button/IconButton.stories.tsx +4 -4
  184. package/src/components/Button/IconButton.tsx +2 -3
  185. package/src/components/Button/Toggle.stories.tsx +2 -2
  186. package/src/components/Button/Toggle.tsx +4 -4
  187. package/src/components/Button/ToggleGroup.stories.tsx +2 -2
  188. package/src/components/Button/ToggleGroup.tsx +12 -16
  189. package/src/components/Card/Card.stories.tsx +151 -0
  190. package/src/components/Card/Card.tsx +390 -0
  191. package/src/components/Card/index.ts +5 -0
  192. package/src/components/Clipboard/CopyButton.tsx +3 -3
  193. package/src/components/Dialog/AlertDialog.stories.tsx +15 -15
  194. package/src/components/Dialog/AlertDialog.tsx +137 -54
  195. package/src/components/Dialog/Dialog.stories.tsx +40 -15
  196. package/src/components/Dialog/Dialog.tsx +94 -78
  197. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +50 -0
  198. package/src/components/ErrorFallback/ErrorFallback.tsx +70 -0
  199. package/src/components/ErrorFallback/ErrorStack.tsx +80 -0
  200. package/src/components/ErrorFallback/ThrowError.tsx +37 -0
  201. package/src/components/ErrorFallback/index.ts +9 -0
  202. package/src/components/Icon/Icon.stories.tsx +2 -2
  203. package/src/components/Icon/Icon.tsx +3 -2
  204. package/src/components/Image/Image.stories.tsx +86 -0
  205. package/src/components/Image/Image.tsx +223 -0
  206. package/src/components/Image/index.ts +5 -0
  207. package/src/components/Input/Input.stories.tsx +20 -39
  208. package/src/components/Input/Input.tsx +24 -69
  209. package/src/components/Link/Link.stories.tsx +2 -2
  210. package/src/components/Link/Link.tsx +2 -2
  211. package/src/components/List/List.stories.tsx +15 -22
  212. package/src/components/List/List.tsx +11 -16
  213. package/src/components/List/ListDropIndicator.tsx +7 -7
  214. package/src/components/List/Tree.stories.tsx +4 -4
  215. package/src/components/List/TreeDropIndicator.tsx +6 -6
  216. package/src/components/List/Treegrid.stories.tsx +3 -3
  217. package/src/components/List/Treegrid.tsx +10 -15
  218. package/src/components/Main/Main.stories.tsx +6 -95
  219. package/src/components/Main/Main.tsx +61 -211
  220. package/src/components/Menu/ContextMenu.stories.tsx +2 -2
  221. package/src/components/Menu/ContextMenu.tsx +9 -33
  222. package/src/components/Menu/DropdownMenu.stories.tsx +2 -2
  223. package/src/components/Menu/DropdownMenu.tsx +56 -50
  224. package/src/components/Message/Message.stories.tsx +25 -10
  225. package/src/components/Message/Message.tsx +17 -29
  226. package/src/components/Popover/Popover.stories.tsx +4 -4
  227. package/src/components/Popover/Popover.tsx +61 -58
  228. package/src/components/ScrollArea/ScrollArea.stories.tsx +152 -76
  229. package/src/components/ScrollArea/ScrollArea.tsx +72 -116
  230. package/src/components/ScrollArea/index.ts +1 -1
  231. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +41 -22
  232. package/src/components/ScrollContainer/ScrollContainer.tsx +18 -13
  233. package/src/components/Select/Select.stories.tsx +2 -2
  234. package/src/components/Select/Select.tsx +11 -27
  235. package/src/components/Separator/Separator.tsx +5 -8
  236. package/src/components/Skeleton/Skeleton.stories.tsx +52 -0
  237. package/src/components/Skeleton/Skeleton.tsx +26 -0
  238. package/src/components/Skeleton/index.ts +5 -0
  239. package/src/components/Splitter/Splitter.stories.tsx +83 -0
  240. package/src/components/Splitter/Splitter.tsx +126 -0
  241. package/src/components/Splitter/index.ts +5 -0
  242. package/src/components/Status/Status.stories.tsx +21 -17
  243. package/src/components/Status/Status.tsx +2 -2
  244. package/src/components/Tag/Tag.stories.tsx +4 -9
  245. package/src/components/Tag/Tag.tsx +2 -7
  246. package/src/components/ThemeProvider/ThemeProvider.stories.tsx +32 -0
  247. package/src/components/ThemeProvider/ThemeProvider.tsx +4 -3
  248. package/src/components/Toast/Toast.stories.tsx +2 -2
  249. package/src/components/Toast/Toast.tsx +22 -41
  250. package/src/components/Toolbar/Toolbar.stories.tsx +2 -2
  251. package/src/components/Toolbar/Toolbar.tsx +166 -21
  252. package/src/components/Tooltip/Tooltip.stories.tsx +15 -13
  253. package/src/components/Tooltip/Tooltip.tsx +18 -18
  254. package/src/components/index.ts +9 -5
  255. package/src/exemplars/generics.stories.tsx +49 -0
  256. package/src/exemplars/slot.stories.tsx +107 -0
  257. package/src/exemplars/tabster.stories.tsx +127 -0
  258. package/src/exemplars/virtualizer.stories.tsx +137 -0
  259. package/src/hooks/index.ts +1 -0
  260. package/src/index.ts +1 -0
  261. package/src/playground/Controls.stories.tsx +3 -10
  262. package/src/playground/Custom.stories.tsx +11 -11
  263. package/src/playground/Typography.stories.tsx +3 -3
  264. package/src/primitives/Column/Column.stories.tsx +78 -0
  265. package/src/primitives/Column/Column.tsx +133 -0
  266. package/src/primitives/Column/index.ts +5 -0
  267. package/src/primitives/Container/Container.stories.tsx +30 -0
  268. package/src/primitives/Container/Container.tsx +22 -0
  269. package/src/primitives/Container/index.ts +5 -0
  270. package/src/primitives/Flex/Flex.stories.tsx +58 -0
  271. package/src/primitives/Flex/Flex.tsx +29 -0
  272. package/src/primitives/Flex/index.ts +5 -0
  273. package/src/primitives/Grid/Grid.stories.tsx +57 -0
  274. package/src/primitives/Grid/Grid.tsx +35 -0
  275. package/src/primitives/Grid/index.ts +5 -0
  276. package/src/primitives/Panel/Panel.stories.tsx +67 -0
  277. package/src/primitives/Panel/Panel.tsx +119 -0
  278. package/src/primitives/Panel/index.ts +5 -0
  279. package/src/primitives/index.ts +9 -0
  280. package/src/testing/Loading.tsx +26 -0
  281. package/src/testing/decorators/withLayout.tsx +21 -7
  282. package/src/testing/decorators/withLayoutVariants.tsx +18 -21
  283. package/src/testing/decorators/withTheme.tsx +19 -17
  284. package/src/testing/index.ts +2 -0
  285. package/src/translations.ts +19 -0
  286. package/dist/lib/browser/chunk-CEKVHJ27.mjs.map +0 -7
  287. package/dist/lib/node-esm/chunk-2NHEX4AD.mjs.map +0 -7
  288. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts +0 -15
  289. package/dist/types/src/components/AnchoredOverflow/AnchoredOverflow.d.ts.map +0 -1
  290. package/dist/types/src/components/AnchoredOverflow/index.d.ts +0 -2
  291. package/dist/types/src/components/AnchoredOverflow/index.d.ts.map +0 -1
  292. package/src/components/AnchoredOverflow/AnchoredOverflow.tsx +0 -59
  293. package/src/components/AnchoredOverflow/index.ts +0 -5
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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 { ThemeProvider, Tooltip } from '../../components';\n\n/**\n * Adds theme decorator (add to preview.ts)\n */\nexport const withTheme: Decorator = (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 tx={defaultTx} 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,YAAuB,CAACC,OAAOC,YAAAA;AAC1C,QAAM,EACJC,SAAS,EAAEC,MAAK,GAChBC,YAAY,EAAEC,aAAY,EAAE,IAC1BJ;AAGJ,QAAMK,gBAAgBC,gBAAAA,MAAKP,KAAAA;AAE3B,SACE,gBAAAQ,OAAA,cAACC,eAAAA;IAAcC,IAAIC;IAAWC,WAAWT;IAAoBU,oBAAoBR;IAAcS,SAAAA;KAC7F,gBAAAN,OAAA,cAACO,QAAQC,UAAQ,MACf,gBAAAR,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", "Story", "context", "globals", "theme", "parameters", "translations", "MemoizedStory", "memo", "React", "ThemeProvider", "tx", "defaultTx", "themeMode", "resourceExtensions", "noCache", "Tooltip", "Provider"]
3
+ "sources": ["../../../../src/testing/decorators/withLayout.tsx", "../../../../src/testing/decorators/withLayoutVariants.tsx", "../../../../src/testing/decorators/withTheme.tsx", "../../../../src/testing/Loading.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 = 'default' | 'fullscreen' | 'centered' | '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 = 'default', 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 default: ({ classNames, children }: ContainerProps) => (\n <div role='none' className={mx('p-4', classNames)}>\n {children}\n </div>\n ),\n\n fullscreen: ({ classNames, children }: ContainerProps) => (\n <div role='none' className={mx('fixed inset-0 flex overflow-hidden bg-base-surface', classNames)}>\n {children}\n </div>\n ),\n\n centered: ({ classNames, children }: ContainerProps) => (\n <div role='none' className={mx('fixed inset-0 grid overflow-hidden place-items-center bg-base-surface')}>\n <div role='none' className={mx('flex flex-col bg-group-surface', classNames)}>\n {children}\n </div>\n </div>\n ),\n\n column: ({ classNames, children }: ContainerProps) => (\n <div role='none' className='fixed inset-0 flex overflow-hidden justify-center bg-base-surface'>\n <div role='none' className={mx('flex flex-col w-[40rem] bg-group-surface', 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('p-4 rounded-sm', surface, surfaceShadow({ elevation }))}>{children}</div>\n);\n\nconst Panel = ({\n Story,\n elevations,\n densities,\n className,\n}: { Story: ComponentType } & Config & { className?: string }) => {\n return (\n <div className={mx('flex flex-col h-full p-8 gap-8', 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};\n\nexport const withLayoutVariants = ({\n elevations = [\n { elevation: 'dialog', surface: 'bg-modal-surface' },\n { elevation: 'positioned', surface: 'bg-card-surface' },\n { elevation: 'base', surface: 'bg-base-surface' },\n ],\n densities = ['coarse'],\n}: Config = {}): Decorator => {\n return (Story) => <Panel Story={Story} elevations={elevations} densities={densities} />;\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", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { mx } from '@dxos/ui-theme';\nimport { safeStringify } from '@dxos/util';\nimport React, { useEffect, useState } from 'react';\n\nexport type LoadingProps = { data?: any };\n\n/**\n * Storybook loading component.\n */\nexport const Loading = ({ data }: LoadingProps) => {\n const [visible, setVisible] = useState(false);\n useEffect(() => {\n const t = setTimeout(() => setVisible(true), 500);\n return () => clearTimeout(t);\n }, []);\n return (\n <div className={mx('flex flex-col opacity-0 transition delay-1000 duration-1000', visible && 'opacity-100')}>\n <h2 className='uppercase'>Loading</h2>\n <pre>{safeStringify(data, undefined, 2)}</pre>\n </div>\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,WAAWC,YAAYC,OAAM,IAAKP;AACnD,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;EACzDG,SAAS,CAAC,EAAEL,YAAYM,SAAQ,MAC9B,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,OAAOJ,UAAAA;KACnCM,QAAAA;EAILH,YAAY,CAAC,EAAEH,YAAYM,SAAQ,MACjC,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,sDAAsDJ,UAAAA;KAClFM,QAAAA;EAILI,UAAU,CAAC,EAAEV,YAAYM,SAAQ,MAC/B,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,uEAAA;KAC7B,sBAAA,cAACG,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,kCAAkCJ,UAAAA;KAC9DM,QAAAA,CAAAA;EAKPK,QAAQ,CAAC,EAAEX,YAAYM,SAAQ,MAC7B,sBAAA,cAACC,OAAAA;IAAIC,MAAK;IAAOC,WAAU;KACzB,sBAAA,cAACF,OAAAA;IAAIC,MAAK;IAAOC,WAAWL,GAAG,4CAA4CJ,UAAAA;KACxEM,QAAAA,CAAAA;AAIT;;;ACvEA,OAAOM,YAA2D;AAElE,SAASC,MAAAA,KAAIC,qBAAqB;AAQlC,IAAMC,YAAY,CAAC,EAAEC,UAAUC,WAAWC,QAAO,MAC/C,gBAAAC,OAAA,cAACC,OAAAA;EAAIC,WAAWC,IAAG,kBAAkBJ,SAASK,cAAc;IAAEN;EAAU,CAAA,CAAA;GAAMD,QAAAA;AAGhF,IAAMQ,QAAQ,CAAC,EACbC,OACAC,YACAC,WACAN,UAAS,MACkD;AAC3D,SACE,gBAAAF,OAAA,cAACC,OAAAA;IAAIC,WAAWC,IAAG,kCAAkCD,SAAAA;KAClDK,YAAYE,IAAI,CAAC,EAAEX,WAAWC,QAAO,MACpCS,WAAWC,IAAI,CAACC,YACd,gBAAAV,OAAA,cAACJ,WAAAA;IAAUe,KAAK,GAAGb,SAAAA,KAAcY,OAAAA;IAAWX;IAAkBD;KAC5D,gBAAAE,OAAA,cAACM,OAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CAAAA;AAMb;AAEO,IAAMM,qBAAqB,CAAC,EACjCL,aAAa;EACX;IAAET,WAAW;IAAUC,SAAS;EAAmB;EACnD;IAAED,WAAW;IAAcC,SAAS;EAAkB;EACtD;IAAED,WAAW;IAAQC,SAAS;EAAkB;GAElDS,YAAY;EAAC;EAAS,IACZ,CAAC,MAAC;AACZ,SAAO,CAACF,UAAU,gBAAAN,OAAA,cAACK,OAAAA;IAAMC;IAAcC;IAAwBC;;AACjE;;;AC1CA,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;;;AC7BF,SAASS,MAAAA,WAAU;AACnB,SAASC,qBAAqB;AAC9B,OAAOC,UAASC,WAAWC,gBAAgB;AAOpC,IAAMC,UAAU,CAAC,EAAEC,KAAI,MAAgB;AAC5C,QAAM,CAACC,SAASC,UAAAA,IAAcC,SAAS,KAAA;AACvCC,YAAU,MAAA;AACR,UAAMC,IAAIC,WAAW,MAAMJ,WAAW,IAAA,GAAO,GAAA;AAC7C,WAAO,MAAMK,aAAaF,CAAAA;EAC5B,GAAG,CAAA,CAAE;AACL,SACE,gBAAAG,OAAA,cAACC,OAAAA;IAAIC,WAAWC,IAAG,+DAA+DV,WAAW,aAAA;KAC3F,gBAAAO,OAAA,cAACI,MAAAA;IAAGF,WAAU;KAAY,SAAA,GAC1B,gBAAAF,OAAA,cAACK,OAAAA,MAAKC,cAAcd,MAAMe,QAAW,CAAA,CAAA,CAAA;AAG3C;",
6
+ "names": ["React", "memo", "mx", "withLayout", "props", "Story", "MemoizedStory", "memo", "Container", "layout", "classNames", "scroll", "layouts", "fullscreen", "mx", "default", "children", "div", "role", "className", "centered", "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", "mx", "safeStringify", "React", "useEffect", "useState", "Loading", "data", "visible", "setVisible", "useState", "useEffect", "t", "setTimeout", "clearTimeout", "React", "div", "className", "mx", "h2", "pre", "safeStringify", "undefined"]
7
7
  }
@@ -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,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;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 +1 @@
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
+ {"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatars/Avatar.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAoDtD,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 +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,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;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"}
@@ -2,12 +2,12 @@ import { Primitive } from '@radix-ui/react-primitive';
2
2
  import React, { type ComponentPropsWithRef } from 'react';
3
3
  import { type Density, type Elevation } from '@dxos/ui-types';
4
4
  import { type ThemedClassName } from '../../util';
5
- interface ButtonProps extends ThemedClassName<ComponentPropsWithRef<typeof Primitive.button>> {
5
+ type ButtonProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.button>> & {
6
6
  variant?: 'default' | 'primary' | 'outline' | 'ghost' | 'destructive';
7
7
  density?: Density;
8
8
  elevation?: Elevation;
9
9
  asChild?: boolean;
10
- }
10
+ };
11
11
  type ButtonGroupContextValue = {
12
12
  inGroup?: boolean;
13
13
  };
@@ -1 +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,+FA6CX,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,sGAgBhB,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,CAAC;AAEzE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}
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,KAAK,WAAW,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG;IACnF,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,CAAC;AAEF,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"}
@@ -1 +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"}
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;AAiCF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
- import { type ToggleProps as TogglePrimitiveProps } from '@radix-ui/react-toggle';
1
+ import * as TogglePrimitive from '@radix-ui/react-toggle';
2
2
  import React from 'react';
3
3
  import { type ButtonProps } from './Button';
4
- type ToggleProps = Omit<TogglePrimitiveProps, 'asChild'> & ButtonProps;
4
+ type ToggleProps = Omit<TogglePrimitive.ToggleProps, 'asChild'> & ButtonProps;
5
5
  declare const Toggle: React.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
6
  export { Toggle };
7
7
  export type { ToggleProps };
@@ -1 +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"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,WAAW,CAAC;AAE9E,QAAA,MAAM,MAAM,oGAQX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
@@ -1,16 +1,16 @@
1
- import { type ToggleGroupItemProps as ToggleGroupItemPrimitiveProps, type ToggleGroupMultipleProps, type ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
1
+ import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
2
2
  import React from 'react';
3
3
  import { type ButtonProps } from './Button';
4
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> & {
5
+ type ToggleGroupProps = Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, 'className'> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps, 'className'>;
6
+ declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
7
7
  asChild?: boolean;
8
8
  }, "className"> & {
9
9
  classNames?: import("@dxos/ui-types").ClassNameValue;
10
10
  } & {
11
11
  elevation?: import("@dxos/ui-types").Elevation;
12
12
  asChild?: boolean;
13
- }, "ref"> | Omit<Omit<ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
13
+ }, "ref"> | Omit<Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps, "className"> & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
14
14
  asChild?: boolean;
15
15
  }, "className"> & {
16
16
  classNames?: import("@dxos/ui-types").ClassNameValue;
@@ -18,9 +18,9 @@ declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<Omit<ToggleGrou
18
18
  elevation?: import("@dxos/ui-types").Elevation;
19
19
  asChild?: boolean;
20
20
  }, "ref">) & React.RefAttributes<HTMLDivElement>>;
21
- type ToggleGroupItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & ButtonProps;
21
+ type ToggleGroupItemProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'className'> & ButtonProps;
22
22
  declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
23
- type ToggleGroupIconItemProps = Omit<ToggleGroupItemPrimitiveProps, 'className'> & IconButtonProps;
23
+ type ToggleGroupIconItemProps = Omit<ToggleGroupPrimitive.ToggleGroupItemProps, 'className'> & IconButtonProps;
24
24
  declare const ToggleGroupIconItem: React.ForwardRefExoticComponent<Omit<ToggleGroupIconItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
25
25
  export { ToggleGroup, ToggleGroupItem, ToggleGroupIconItem };
26
26
  export type { ToggleGroupProps, ToggleGroupItemProps };
@@ -1 +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"}
1
+ {"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/ToggleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,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,GACjB,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAC9D,IAAI,CAAC,oBAAoB,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;AAErE,QAAA,MAAM,WAAW;;;;;;;;;;;;;;iDAQhB,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,WAAW,CAAC,GAAG,WAAW,CAAC;AAEvG,QAAA,MAAM,eAAe,6GAQpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,EAAE,WAAW,CAAC,GAAG,eAAe,CAAC;AAE/G,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,107 @@
1
+ import React from 'react';
2
+ import { type Density, type SlottableProps } from '@dxos/ui-types';
3
+ import { type ThemedClassName } from '../../util';
4
+ import { type IconProps } from '../Icon';
5
+ import { ToolbarCloseIconButtonProps, ToolbarDragHandleProps, type ToolbarMenuItem, type ToolbarMenuProps, type ToolbarRootProps } from '../Toolbar';
6
+ type CardContextValue = {
7
+ menuItems?: CardMenuItem<any>[];
8
+ };
9
+ type CardRootProps = SlottableProps<HTMLDivElement, {
10
+ id?: string;
11
+ border?: boolean;
12
+ fullWidth?: boolean;
13
+ density?: Density;
14
+ }>;
15
+ type CardToolbarProps = ToolbarRootProps;
16
+ type CardDragHandleProps = ToolbarDragHandleProps;
17
+ type CloseIconButtonProps = ToolbarCloseIconButtonProps;
18
+ type CardMenuItem<T extends any | void = void> = ToolbarMenuItem<T>;
19
+ type CardMenuProps<T extends any | void = void> = ToolbarMenuProps<T>;
20
+ type CardPosterProps = ThemedClassName<{
21
+ alt: string;
22
+ aspect?: 'video' | 'auto';
23
+ } & Partial<{
24
+ image: string;
25
+ icon: string;
26
+ }>>;
27
+ type CardActionProps = {
28
+ icon?: string;
29
+ label: string;
30
+ actionIcon?: string;
31
+ onClick?: () => void;
32
+ };
33
+ type CardLinkProps = {
34
+ label: string;
35
+ href: string;
36
+ };
37
+ export declare const Card: {
38
+ Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
39
+ id?: string;
40
+ border?: boolean;
41
+ fullWidth?: boolean;
42
+ density?: Density;
43
+ } & {
44
+ classNames?: import("@dxos/ui-types").ClassNameValue;
45
+ asChild?: boolean;
46
+ } & React.RefAttributes<HTMLDivElement>>;
47
+ Toolbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps & Partial<{
48
+ density: Density;
49
+ disabled: boolean;
50
+ layoutManaged: boolean;
51
+ }>, "className"> & {
52
+ classNames?: import("@dxos/ui-types").ClassNameValue;
53
+ } & React.RefAttributes<HTMLDivElement>>;
54
+ ToolbarIconButton: React.ForwardRefExoticComponent<Omit<import("..").IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
55
+ ToolbarSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps, "className"> & {
56
+ classNames?: import("@dxos/ui-types").ClassNameValue;
57
+ } & {
58
+ subdued?: boolean;
59
+ } & {
60
+ variant?: "gap" | "line";
61
+ } & React.RefAttributes<HTMLDivElement>>;
62
+ IconBlock: React.ForwardRefExoticComponent<Omit<{
63
+ children?: React.ReactNode | undefined;
64
+ }, "className"> & {
65
+ classNames?: import("@dxos/ui-types").ClassNameValue;
66
+ } & React.RefAttributes<HTMLDivElement>>;
67
+ DragHandle: React.ForwardRefExoticComponent<ToolbarDragHandleProps & React.RefAttributes<HTMLButtonElement>>;
68
+ CloseIconButton: React.ForwardRefExoticComponent<ToolbarCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
69
+ Menu: <T extends unknown = void>({ context, items, ...props }: CardMenuProps<T>) => React.JSX.Element;
70
+ Icon: (props: IconProps) => React.JSX.Element;
71
+ Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
72
+ classNames?: import("@dxos/ui-types").ClassNameValue;
73
+ asChild?: boolean;
74
+ } & React.RefAttributes<HTMLDivElement>>;
75
+ Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
76
+ classNames?: import("@dxos/ui-types").ClassNameValue;
77
+ asChild?: boolean;
78
+ } & React.RefAttributes<HTMLDivElement>>;
79
+ Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
80
+ icon?: string;
81
+ } & {
82
+ classNames?: import("@dxos/ui-types").ClassNameValue;
83
+ asChild?: boolean;
84
+ } & React.RefAttributes<HTMLDivElement>>;
85
+ Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
86
+ classNames?: import("@dxos/ui-types").ClassNameValue;
87
+ asChild?: boolean;
88
+ } & React.RefAttributes<HTMLDivElement>>;
89
+ Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
90
+ variant?: "default" | "subtitle";
91
+ } & {
92
+ classNames?: import("@dxos/ui-types").ClassNameValue;
93
+ asChild?: boolean;
94
+ } & React.RefAttributes<HTMLDivElement>>;
95
+ Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
96
+ truncate?: boolean;
97
+ variant?: "default" | "description";
98
+ } & {
99
+ classNames?: import("@dxos/ui-types").ClassNameValue;
100
+ asChild?: boolean;
101
+ } & React.RefAttributes<HTMLDivElement>>;
102
+ Poster: (props: CardPosterProps) => React.JSX.Element | undefined;
103
+ Action: ({ icon, actionIcon, label, onClick }: CardActionProps) => React.JSX.Element;
104
+ Link: ({ label, href }: CardLinkProps) => React.JSX.Element;
105
+ };
106
+ export type { CardContextValue, CardRootProps, CardToolbarProps, CardDragHandleProps, CloseIconButtonProps, CardMenuProps, };
107
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAInE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAEL,2BAA2B,EAC3B,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AAMpB,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CACjC,CAAC;AASF,KAAK,aAAa,GAAG,cAAc,CACjC,cAAc,EACd;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AA0BF,KAAK,gBAAgB,GAAG,gBAAgB,CAAC;AAgBzC,KAAK,mBAAmB,GAAG,sBAAsB,CAAC;AAclD,KAAK,oBAAoB,GAAG,2BAA2B,CAAC;AAcxD,KAAK,YAAY,CAAC,CAAC,SAAS,GAAG,GAAG,IAAI,GAAG,IAAI,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;AAEpE,KAAK,aAAa,CAAC,CAAC,SAAS,GAAG,GAAG,IAAI,GAAG,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAkKtE,KAAK,eAAe,GAAG,eAAe,CACpC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B,GAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAC7C,CAAC;AA0BF,KAAK,eAAe,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAiBnG,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAiBrD,eAAO,MAAM,IAAI;;aAhTR,MAAM;iBACF,OAAO;oBACJ,OAAO;kBACT,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;WA4EH,CAAC,uDAA0D,aAAa,CAAC,CAAC,CAAC;kBAepE,SAAS;;;;;;;;;;eA6D0B,MAAM;;;;;;;;;;kBAoCC,SAAS,GAAG,UAAU;;;;;;mBA4BxB,OAAO;kBAAY,SAAS,GAAG,aAAa;;;;;oBA2BlF,eAAe;mDA0B6C,eAAe;4BAiBnE,aAAa;CAwC/C,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,GACd,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { type StoryObj } from '@storybook/react-vite';
2
+ import React from 'react';
3
+ type StoryProps = {
4
+ title: string;
5
+ description?: string;
6
+ image?: string;
7
+ fullWidth?: boolean;
8
+ };
9
+ declare const meta: {
10
+ title: string;
11
+ render: ({ title, description, image, fullWidth }: StoryProps) => React.JSX.Element;
12
+ decorators: import("@storybook/react").Decorator[];
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Story;
17
+ export declare const FullWidth: Story;
18
+ export declare const Simple: Story;
19
+ export declare const Description: Story;
20
+ export declare const Mock: () => React.JSX.Element;
21
+ //# sourceMappingURL=Card.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAiB,MAAM,OAAO,CAAC;AAUtC,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAqCF,QAAA,MAAM,IAAI;;uDAnCsD,UAAU;;CAuCrC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAInC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAsBhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './Card';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC"}
@@ -1,6 +1,15 @@
1
1
  export declare const Clipboard: {
2
2
  Button: ({ classNames, value, size, ...props }: import("./CopyButton").CopyButtonProps) => import("react").JSX.Element;
3
- IconButton: ({ __scopeTooltip, value, classNames, size, variant, ...props }: import("..").TooltipScopedProps<import("..").ButtonProps & Pick<import("..").IconProps, "size"> & {
3
+ IconButton: ({ __scopeTooltip, value, classNames, size, variant, ...props }: import("..").TooltipScopedProps<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
4
+ asChild?: boolean;
5
+ }, "className"> & {
6
+ classNames?: import("@dxos/ui-types").ClassNameValue;
7
+ } & {
8
+ variant?: "default" | "primary" | "outline" | "ghost" | "destructive";
9
+ density?: import("@dxos/ui-types").Density;
10
+ elevation?: import("@dxos/ui-types").Elevation;
11
+ asChild?: boolean;
12
+ } & Pick<import("..").IconProps, "size"> & {
4
13
  value: string;
5
14
  } & {
6
15
  label?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;CAIrB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAIrB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
@@ -1,31 +1,40 @@
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
- import React from 'react';
1
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
2
+ import React, { type PropsWithChildren } 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> & {
5
+ type AlertDialogRootProps = AlertDialogPrimitive.AlertDialogProps;
6
+ type AlertDialogTriggerProps = AlertDialogPrimitive.AlertDialogTriggerProps;
7
+ type AlertDialogPortalProps = AlertDialogPrimitive.AlertDialogPortalProps;
8
+ type AlertDialogCancelProps = AlertDialogPrimitive.AlertDialogCancelProps;
9
+ type AlertDialogActionProps = AlertDialogPrimitive.AlertDialogActionProps;
10
+ type AlertDialogTitleProps = ThemedClassName<AlertDialogPrimitive.AlertDialogTitleProps> & {
10
11
  srOnly?: boolean;
11
12
  };
12
- type AlertDialogDescriptionProps = ThemedClassName<AlertDialogDescriptionPrimitiveProps> & {
13
+ type AlertDialogDescriptionProps = ThemedClassName<AlertDialogPrimitive.AlertDialogDescriptionProps> & {
13
14
  srOnly?: boolean;
14
15
  };
15
- type AlertDialogOverlayProps = ThemedClassName<AlertDialogOverlayPrimitiveProps> & {
16
+ type AlertDialogOverlayProps = ThemedClassName<AlertDialogPrimitive.AlertDialogOverlayProps> & {
16
17
  blockAlign?: 'center' | 'start' | 'end';
17
18
  };
18
- type AlertDialogContentProps = ThemedClassName<AlertDialogContentPrimitiveProps>;
19
+ type AlertDialogContentProps = ThemedClassName<AlertDialogPrimitive.AlertDialogContentProps> & {
20
+ size?: DialogSize;
21
+ };
22
+ type AlertDialogBodyProps = PropsWithChildren;
23
+ type AlertDialogActionBarProps = ThemedClassName<PropsWithChildren>;
19
24
  export declare const AlertDialog: {
20
- Root: React.FunctionComponent<AlertDialogRootPrimitiveProps>;
21
- Trigger: React.FunctionComponent<AlertDialogTriggerPrimitiveProps>;
22
- Portal: React.FunctionComponent<AlertDialogPortalPrimitiveProps>;
25
+ Root: React.FunctionComponent<AlertDialogPrimitive.AlertDialogProps>;
26
+ Trigger: React.FunctionComponent<AlertDialogPrimitive.AlertDialogTriggerProps>;
27
+ Portal: React.FunctionComponent<AlertDialogPrimitive.AlertDialogPortalProps>;
23
28
  Overlay: React.ForwardRefExoticComponent<AlertDialogOverlayProps>;
24
29
  Content: React.ForwardRefExoticComponent<AlertDialogContentProps>;
30
+ Body: React.ForwardRefExoticComponent<{
31
+ children?: React.ReactNode | undefined;
32
+ }>;
25
33
  Title: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
26
34
  Description: React.ForwardRefExoticComponent<AlertDialogTitleProps>;
27
- Cancel: React.FunctionComponent<AlertDialogCancelPrimitiveProps>;
28
- Action: React.FunctionComponent<AlertDialogActionPrimitiveProps>;
35
+ ActionBar: React.ForwardRefExoticComponent<AlertDialogActionBarProps>;
36
+ Cancel: React.FunctionComponent<AlertDialogPrimitive.AlertDialogCancelProps>;
37
+ Action: React.FunctionComponent<AlertDialogPrimitive.AlertDialogActionProps>;
29
38
  };
30
- export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogCancelProps, AlertDialogActionProps, };
39
+ export type { AlertDialogRootProps, AlertDialogTriggerProps, AlertDialogPortalProps, AlertDialogOverlayProps, AlertDialogContentProps, AlertDialogBodyProps, AlertDialogTitleProps, AlertDialogDescriptionProps, AlertDialogActionBarProps, AlertDialogCancelProps, AlertDialogActionProps, };
31
40
  //# 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,KAAK,EAAE,EAGZ,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAOlD,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;AAQ1E,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;AAsCF,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAC7F,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CACzC,CAAC;AAiCF,KAAK,uBAAuB,GAAG,eAAe,CAAC,oBAAoB,CAAC,uBAAuB,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAyBrH,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;AAsB9C,KAAK,yBAAyB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAsBpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;CAYvB,CAAC;AAEF,YAAY,EACV,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,GACvB,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;AA6CjE,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,47 @@
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
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 & {
5
+ type DialogRootProps = DialogPrimitive.DialogProps;
6
+ type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;
7
+ type DialogPortalProps = DialogPrimitive.DialogPortalProps;
8
+ type DialogOverlayProps = ThemedClassName<DialogPrimitive.DialogOverlayProps & {
10
9
  blockAlign?: 'center' | 'start' | 'end';
11
10
  }>;
12
- type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogContentPrimitive>> & {
11
+ type DialogContentProps = ThemedClassName<ComponentPropsWithRef<typeof DialogPrimitive.Content>> & {
13
12
  size?: DialogSize;
14
13
  inOverlayLayout?: boolean;
15
14
  };
16
15
  type DialogHeaderProps = ThemedClassName<PropsWithChildren> & {
17
16
  srOnly?: boolean;
18
17
  };
19
- type DialogTitleProps = ThemedClassName<DialogTitlePrimitiveProps> & {
18
+ type DialogCloseIconButtonProps = {
19
+ label?: string;
20
+ };
21
+ type DialogBodyProps = PropsWithChildren;
22
+ type DialogTitleProps = ThemedClassName<DialogPrimitive.DialogTitleProps> & {
20
23
  srOnly?: boolean;
21
24
  };
22
- type DialogDescriptionProps = ThemedClassName<DialogDescriptionPrimitiveProps> & {
25
+ type DialogDescriptionProps = ThemedClassName<DialogPrimitive.DialogDescriptionProps> & {
23
26
  srOnly?: boolean;
24
27
  };
25
- type DialogCloseProps = DialogClosePrimitiveProps;
26
- type DialogCloseIconButtonProps = ThemedClassName<Partial<IconButtonProps>>;
28
+ type DialogActionBarProps = ThemedClassName<PropsWithChildren>;
29
+ type DialogCloseProps = DialogPrimitive.DialogCloseProps;
27
30
  export declare const Dialog: {
28
- Root: React.FunctionComponent<DialogRootPrimitiveProps>;
29
- Trigger: React.FunctionComponent<DialogTriggerPrimitiveProps>;
30
- Portal: React.FunctionComponent<DialogPortalPrimitiveProps>;
31
+ Root: React.FunctionComponent<DialogPrimitive.DialogProps>;
32
+ Trigger: React.FunctionComponent<DialogPrimitive.DialogTriggerProps>;
33
+ Portal: React.FunctionComponent<DialogPrimitive.DialogPortalProps>;
31
34
  Overlay: React.ForwardRefExoticComponent<DialogOverlayProps>;
32
35
  Content: React.ForwardRefExoticComponent<DialogContentProps>;
33
36
  Header: React.ForwardRefExoticComponent<DialogTitleProps>;
37
+ Body: React.ForwardRefExoticComponent<{
38
+ children?: React.ReactNode | undefined;
39
+ }>;
34
40
  Title: React.ForwardRefExoticComponent<DialogTitleProps>;
35
- Description: React.ForwardRefExoticComponent<DialogTitleProps>;
36
- Close: React.FunctionComponent<DialogClosePrimitiveProps>;
37
- CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps>;
41
+ Description: React.ForwardRefExoticComponent<DialogDescriptionProps>;
42
+ ActionBar: React.ForwardRefExoticComponent<DialogActionBarProps>;
43
+ Close: React.FunctionComponent<DialogPrimitive.DialogCloseProps>;
44
+ CloseIconButton: React.ForwardRefExoticComponent<DialogCloseIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
38
45
  };
39
- export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogCloseIconButtonProps, };
46
+ export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogTitleProps, DialogDescriptionProps, DialogActionBarProps, DialogCloseProps, };
40
47
  //# 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":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,EACZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAIjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAYnD,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;AA4BF,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBnF,KAAK,0BAA0B,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwBrD,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAmBzC,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;AAoB7G,KAAK,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAoB/D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAQzD,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,GACjB,CAAC"}
@@ -6,22 +6,19 @@ type StoryProps = Pick<DialogContentProps, 'size'> & Partial<{
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
14
  render: ({ size, title, description, openTrigger, closeTrigger, blockAlign }: StoryProps) => 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;
27
24
  //# 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,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,OAAO,GAAG,QAAQ,CAAC;CAChC,CAAC,CAAC;AAoCL,QAAA,MAAM,IAAI;;eAEa,GAAG;kFApCiE,UAAU;;CAuChE,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"}
@@ -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;AAsBjE,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,8 @@
1
+ import React from 'react';
2
+ /**
3
+ * Renders a parsed error stack trace with tree connector symbols and clickable vscode:// links for local frames.
4
+ */
5
+ export declare const ErrorStack: ({ error }: {
6
+ error: Error;
7
+ }) => React.JSX.Element;
8
+ //# sourceMappingURL=ErrorStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/ErrorFallback/ErrorStack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,WAAW;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,sBA6CrD,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