@dxos/react-ui 0.8.4-main.d05673bc65 → 0.8.4-main.d9fc60f731

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 (534) hide show
  1. package/LICENSE +102 -5
  2. package/README.md +1 -1
  3. package/dist/lib/browser/chunk-5SPBSIWS.mjs +33 -0
  4. package/dist/lib/browser/chunk-5SPBSIWS.mjs.map +7 -0
  5. package/dist/lib/browser/chunk-KVJDKHLF.mjs +1613 -0
  6. package/dist/lib/browser/chunk-KVJDKHLF.mjs.map +7 -0
  7. package/dist/lib/browser/index.mjs +2982 -1631
  8. package/dist/lib/browser/index.mjs.map +4 -4
  9. package/dist/lib/browser/meta.json +1 -1
  10. package/dist/lib/browser/testing/index.mjs +37 -28
  11. package/dist/lib/browser/testing/index.mjs.map +3 -3
  12. package/dist/lib/browser/translations.mjs +9 -0
  13. package/dist/lib/browser/translations.mjs.map +7 -0
  14. package/dist/lib/node-esm/chunk-5JYHWJDZ.mjs +1615 -0
  15. package/dist/lib/node-esm/chunk-5JYHWJDZ.mjs.map +7 -0
  16. package/dist/lib/node-esm/chunk-FPVTVXND.mjs +35 -0
  17. package/dist/lib/node-esm/chunk-FPVTVXND.mjs.map +7 -0
  18. package/dist/lib/node-esm/index.mjs +2982 -1631
  19. package/dist/lib/node-esm/index.mjs.map +4 -4
  20. package/dist/lib/node-esm/meta.json +1 -1
  21. package/dist/lib/node-esm/testing/index.mjs +37 -28
  22. package/dist/lib/node-esm/testing/index.mjs.map +3 -3
  23. package/dist/lib/node-esm/translations.mjs +10 -0
  24. package/dist/lib/node-esm/translations.mjs.map +7 -0
  25. package/dist/types/src/components/Avatars/Avatar.d.ts +1 -1
  26. package/dist/types/src/components/Avatars/Avatar.d.ts.map +1 -1
  27. package/dist/types/src/components/Avatars/Avatar.stories.d.ts.map +1 -1
  28. package/dist/types/src/components/Avatars/Avatar.theme.d.ts +11 -0
  29. package/dist/types/src/components/Avatars/Avatar.theme.d.ts.map +1 -0
  30. package/dist/types/src/components/Avatars/AvatarGroup.stories.d.ts.map +1 -1
  31. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts +5 -1
  32. package/dist/types/src/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
  33. package/dist/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts.map +1 -1
  34. package/dist/types/src/components/Breadcrumb/Breadcrumb.theme.d.ts +4 -0
  35. package/dist/types/src/components/Breadcrumb/Breadcrumb.theme.d.ts.map +1 -0
  36. package/dist/types/src/components/Button/Button.d.ts +3 -3
  37. package/dist/types/src/components/Button/Button.d.ts.map +1 -1
  38. package/dist/types/src/components/Button/Button.stories.d.ts +1 -1
  39. package/dist/types/src/components/Button/Button.stories.d.ts.map +1 -1
  40. package/dist/types/src/components/Button/Button.theme.d.ts +11 -0
  41. package/dist/types/src/components/Button/Button.theme.d.ts.map +1 -0
  42. package/dist/types/src/components/Button/IconButton.d.ts +1 -0
  43. package/dist/types/src/components/Button/IconButton.d.ts.map +1 -1
  44. package/dist/types/src/components/Button/IconButton.stories.d.ts +4 -0
  45. package/dist/types/src/components/Button/IconButton.stories.d.ts.map +1 -1
  46. package/dist/types/src/components/Button/IconButton.theme.d.ts +8 -0
  47. package/dist/types/src/components/Button/IconButton.theme.d.ts.map +1 -0
  48. package/dist/types/src/components/Button/Toggle.d.ts +2 -2
  49. package/dist/types/src/components/Button/Toggle.d.ts.map +1 -1
  50. package/dist/types/src/components/Button/Toggle.stories.d.ts.map +1 -1
  51. package/dist/types/src/components/Button/ToggleGroup.d.ts +6 -6
  52. package/dist/types/src/components/Button/ToggleGroup.d.ts.map +1 -1
  53. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts +2 -2
  54. package/dist/types/src/components/Button/ToggleGroup.stories.d.ts.map +1 -1
  55. package/dist/types/src/components/Calendar/Calendar.d.ts +33 -0
  56. package/dist/types/src/components/Calendar/Calendar.d.ts.map +1 -0
  57. package/dist/types/src/components/Calendar/Calendar.stories.d.ts +9 -0
  58. package/dist/types/src/components/Calendar/Calendar.stories.d.ts.map +1 -0
  59. package/dist/types/src/components/Calendar/Calendar.theme.d.ts +4 -0
  60. package/dist/types/src/components/Calendar/Calendar.theme.d.ts.map +1 -0
  61. package/dist/types/src/components/Calendar/index.d.ts +2 -0
  62. package/dist/types/src/components/Calendar/index.d.ts.map +1 -0
  63. package/dist/types/src/components/Card/Card.d.ts +92 -68
  64. package/dist/types/src/components/Card/Card.d.ts.map +1 -1
  65. package/dist/types/src/components/Card/Card.stories.d.ts +3 -2
  66. package/dist/types/src/components/Card/Card.stories.d.ts.map +1 -1
  67. package/dist/types/src/components/Card/Card.theme.d.ts +12 -0
  68. package/dist/types/src/components/Card/Card.theme.d.ts.map +1 -0
  69. package/dist/types/src/components/Carousel/Carousel.d.ts +102 -0
  70. package/dist/types/src/components/Carousel/Carousel.d.ts.map +1 -0
  71. package/dist/types/src/components/Carousel/index.d.ts +2 -0
  72. package/dist/types/src/components/Carousel/index.d.ts.map +1 -0
  73. package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map +1 -1
  74. package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
  75. package/dist/types/src/components/Clipboard/index.d.ts +10 -1
  76. package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
  77. package/dist/types/src/components/Column/Column.d.ts +33 -0
  78. package/dist/types/src/components/Column/Column.d.ts.map +1 -0
  79. package/dist/types/src/components/Column/Column.stories.d.ts +25 -0
  80. package/dist/types/src/components/Column/Column.stories.d.ts.map +1 -0
  81. package/dist/types/src/components/Column/Column.theme.d.ts +9 -0
  82. package/dist/types/src/components/Column/Column.theme.d.ts.map +1 -0
  83. package/dist/types/src/components/Column/index.d.ts +3 -0
  84. package/dist/types/src/components/Column/index.d.ts.map +1 -0
  85. package/dist/types/src/components/Column/withColumn.d.ts +21 -0
  86. package/dist/types/src/components/Column/withColumn.d.ts.map +1 -0
  87. package/dist/types/src/components/DatePicker/DatePicker.d.ts +72 -0
  88. package/dist/types/src/components/DatePicker/DatePicker.d.ts.map +1 -0
  89. package/dist/types/src/components/DatePicker/DatePicker.stories.d.ts +10 -0
  90. package/dist/types/src/components/DatePicker/DatePicker.stories.d.ts.map +1 -0
  91. package/dist/types/src/components/DatePicker/DatePicker.theme.d.ts +6 -0
  92. package/dist/types/src/components/DatePicker/DatePicker.theme.d.ts.map +1 -0
  93. package/dist/types/src/components/DatePicker/index.d.ts +2 -0
  94. package/dist/types/src/components/DatePicker/index.d.ts.map +1 -0
  95. package/dist/types/src/components/Dialog/AlertDialog.d.ts +43 -32
  96. package/dist/types/src/components/Dialog/AlertDialog.d.ts.map +1 -1
  97. package/dist/types/src/components/Dialog/AlertDialog.stories.d.ts.map +1 -1
  98. package/dist/types/src/components/Dialog/Dialog.d.ts +51 -32
  99. package/dist/types/src/components/Dialog/Dialog.d.ts.map +1 -1
  100. package/dist/types/src/components/Dialog/Dialog.stories.d.ts +3 -2
  101. package/dist/types/src/components/Dialog/Dialog.stories.d.ts.map +1 -1
  102. package/dist/types/src/components/Dialog/Dialog.theme.d.ts +10 -0
  103. package/dist/types/src/components/Dialog/Dialog.theme.d.ts.map +1 -0
  104. package/dist/types/src/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
  105. package/dist/types/src/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -1
  106. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts +14 -3
  107. package/dist/types/src/components/ErrorFallback/ErrorStack.d.ts.map +1 -1
  108. package/dist/types/src/components/ErrorFallback/ThrowError.d.ts.map +1 -1
  109. package/dist/types/src/components/Focus/Focus.d.ts +36 -0
  110. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -0
  111. package/dist/types/src/{primitives/Column/Column.stories.d.ts → components/Focus/Focus.stories.d.ts} +4 -1
  112. package/dist/types/src/components/Focus/Focus.stories.d.ts.map +1 -0
  113. package/dist/types/src/components/Focus/Focus.theme.d.ts +6 -0
  114. package/dist/types/src/components/Focus/Focus.theme.d.ts.map +1 -0
  115. package/dist/types/src/components/Focus/index.d.ts +2 -0
  116. package/dist/types/src/components/Focus/index.d.ts.map +1 -0
  117. package/dist/types/src/components/Icon/Icon.d.ts +4 -0
  118. package/dist/types/src/components/Icon/Icon.d.ts.map +1 -1
  119. package/dist/types/src/components/Icon/Icon.stories.d.ts +11 -3
  120. package/dist/types/src/components/Icon/Icon.stories.d.ts.map +1 -1
  121. package/dist/types/src/components/Icon/Icon.theme.d.ts +11 -0
  122. package/dist/types/src/components/Icon/Icon.theme.d.ts.map +1 -0
  123. package/dist/types/src/components/Icon/IconBlock.d.ts +15 -0
  124. package/dist/types/src/components/Icon/IconBlock.d.ts.map +1 -0
  125. package/dist/types/src/components/Icon/index.d.ts +1 -0
  126. package/dist/types/src/components/Icon/index.d.ts.map +1 -1
  127. package/dist/types/src/components/Image/Image.d.ts +2 -1
  128. package/dist/types/src/components/Image/Image.d.ts.map +1 -1
  129. package/dist/types/src/components/Image/Image.stories.d.ts +3 -2
  130. package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -1
  131. package/dist/types/src/components/Input/Input.d.ts +90 -15
  132. package/dist/types/src/components/Input/Input.d.ts.map +1 -1
  133. package/dist/types/src/components/Input/Input.stories.d.ts +17 -6
  134. package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
  135. package/dist/types/src/components/Input/Input.theme.d.ts +115 -0
  136. package/dist/types/src/components/Input/Input.theme.d.ts.map +1 -0
  137. package/dist/types/src/components/Input/SegmentedInput.d.ts +79 -0
  138. package/dist/types/src/components/Input/SegmentedInput.d.ts.map +1 -0
  139. package/dist/types/src/components/Input/constants.d.ts +2 -0
  140. package/dist/types/src/components/Input/constants.d.ts.map +1 -0
  141. package/dist/types/src/components/Input/index.d.ts +2 -0
  142. package/dist/types/src/components/Input/index.d.ts.map +1 -1
  143. package/dist/types/src/components/Link/Link.d.ts.map +1 -1
  144. package/dist/types/src/components/Link/Link.stories.d.ts.map +1 -1
  145. package/dist/types/src/components/Link/Link.theme.d.ts +6 -0
  146. package/dist/types/src/components/Link/Link.theme.d.ts.map +1 -0
  147. package/dist/types/src/components/List/List.d.ts +5 -3
  148. package/dist/types/src/components/List/List.d.ts.map +1 -1
  149. package/dist/types/src/components/List/List.stories.d.ts +3 -1
  150. package/dist/types/src/components/List/List.stories.d.ts.map +1 -1
  151. package/dist/types/src/components/List/List.theme.d.ts +7 -0
  152. package/dist/types/src/components/List/List.theme.d.ts.map +1 -0
  153. package/dist/types/src/components/List/ListDropIndicator.d.ts.map +1 -1
  154. package/dist/types/src/components/List/Tree.d.ts +2 -2
  155. package/dist/types/src/components/List/Tree.d.ts.map +1 -1
  156. package/dist/types/src/components/List/Tree.stories.d.ts.map +1 -1
  157. package/dist/types/src/components/List/TreeDropIndicator.d.ts.map +1 -1
  158. package/dist/types/src/components/List/Treegrid.d.ts +6 -10
  159. package/dist/types/src/components/List/Treegrid.d.ts.map +1 -1
  160. package/dist/types/src/components/List/Treegrid.stories.d.ts.map +1 -1
  161. package/dist/types/src/components/List/Treegrid.theme.d.ts +7 -0
  162. package/dist/types/src/components/List/Treegrid.theme.d.ts.map +1 -0
  163. package/dist/types/src/components/Main/Main.d.ts +9 -5
  164. package/dist/types/src/components/Main/Main.d.ts.map +1 -1
  165. package/dist/types/src/components/Main/Main.stories.d.ts.map +1 -1
  166. package/dist/types/src/components/Main/Main.theme.d.ts +20 -0
  167. package/dist/types/src/components/Main/Main.theme.d.ts.map +1 -0
  168. package/dist/types/src/components/Main/constants.d.ts +3 -0
  169. package/dist/types/src/components/Main/constants.d.ts.map +1 -0
  170. package/dist/types/src/components/Main/index.d.ts +1 -0
  171. package/dist/types/src/components/Main/index.d.ts.map +1 -1
  172. package/dist/types/src/components/Main/useSwipeToDismiss.d.ts.map +1 -1
  173. package/dist/types/src/components/MediaPlayer/MediaPlayer.d.ts +43 -0
  174. package/dist/types/src/components/MediaPlayer/MediaPlayer.d.ts.map +1 -0
  175. package/dist/types/src/components/MediaPlayer/MediaPlayer.stories.d.ts +16 -0
  176. package/dist/types/src/components/MediaPlayer/MediaPlayer.stories.d.ts.map +1 -0
  177. package/dist/types/src/components/MediaPlayer/index.d.ts +2 -0
  178. package/dist/types/src/components/MediaPlayer/index.d.ts.map +1 -0
  179. package/dist/types/src/components/Menu/ContextMenu.d.ts.map +1 -1
  180. package/dist/types/src/components/Menu/ContextMenu.stories.d.ts.map +1 -1
  181. package/dist/types/src/components/Menu/DropdownMenu.d.ts +58 -49
  182. package/dist/types/src/components/Menu/DropdownMenu.d.ts.map +1 -1
  183. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts +14 -1
  184. package/dist/types/src/components/Menu/DropdownMenu.stories.d.ts.map +1 -1
  185. package/dist/types/src/components/Menu/Menu.theme.d.ts +7 -0
  186. package/dist/types/src/components/Menu/Menu.theme.d.ts.map +1 -0
  187. package/dist/types/src/components/Message/Message.d.ts +3 -3
  188. package/dist/types/src/components/Message/Message.d.ts.map +1 -1
  189. package/dist/types/src/components/Message/Message.stories.d.ts +6 -2
  190. package/dist/types/src/components/Message/Message.stories.d.ts.map +1 -1
  191. package/dist/types/src/components/Message/Message.theme.d.ts +7 -0
  192. package/dist/types/src/components/Message/Message.theme.d.ts.map +1 -0
  193. package/dist/types/src/components/Panel/Panel.d.ts +35 -0
  194. package/dist/types/src/components/Panel/Panel.d.ts.map +1 -0
  195. package/dist/types/src/components/Panel/Panel.stories.d.ts.map +1 -0
  196. package/dist/types/src/components/Panel/Panel.theme.d.ts +13 -0
  197. package/dist/types/src/components/Panel/Panel.theme.d.ts.map +1 -0
  198. package/dist/types/src/components/Panel/index.d.ts.map +1 -0
  199. package/dist/types/src/components/Popover/Popover.d.ts +38 -22
  200. package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
  201. package/dist/types/src/components/Popover/Popover.stories.d.ts.map +1 -1
  202. package/dist/types/src/components/Popover/Popover.theme.d.ts +8 -0
  203. package/dist/types/src/components/Popover/Popover.theme.d.ts.map +1 -0
  204. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts +12 -9
  205. package/dist/types/src/components/ScrollArea/ScrollArea.d.ts.map +1 -1
  206. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts +18 -5
  207. package/dist/types/src/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -1
  208. package/dist/types/src/components/ScrollArea/ScrollArea.theme.d.ts +17 -0
  209. package/dist/types/src/components/ScrollArea/ScrollArea.theme.d.ts.map +1 -0
  210. package/dist/types/src/components/ScrollArea/index.d.ts +1 -0
  211. package/dist/types/src/components/ScrollArea/index.d.ts.map +1 -1
  212. package/dist/types/src/components/ScrollArea/scrollbar.d.ts +18 -0
  213. package/dist/types/src/components/ScrollArea/scrollbar.d.ts.map +1 -0
  214. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts +41 -18
  215. package/dist/types/src/components/ScrollContainer/ScrollContainer.d.ts.map +1 -1
  216. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts +5 -6
  217. package/dist/types/src/components/ScrollContainer/ScrollContainer.stories.d.ts.map +1 -1
  218. package/dist/types/src/components/Select/Select.d.ts.map +1 -1
  219. package/dist/types/src/components/Select/Select.stories.d.ts +2 -2
  220. package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
  221. package/dist/types/src/components/Select/Select.theme.d.ts +6 -0
  222. package/dist/types/src/components/Select/Select.theme.d.ts.map +1 -0
  223. package/dist/types/src/components/Separator/Separator.d.ts +3 -3
  224. package/dist/types/src/components/Separator/Separator.d.ts.map +1 -1
  225. package/dist/types/src/components/Separator/Separator.theme.d.ts +7 -0
  226. package/dist/types/src/components/Separator/Separator.theme.d.ts.map +1 -0
  227. package/dist/types/src/components/Skeleton/Skeleton.stories.d.ts.map +1 -1
  228. package/dist/types/src/components/Skeleton/Skeleton.theme.d.ts +6 -0
  229. package/dist/types/src/components/Skeleton/Skeleton.theme.d.ts.map +1 -0
  230. package/dist/types/src/components/Splitter/Splitter.d.ts +18 -18
  231. package/dist/types/src/components/Splitter/Splitter.d.ts.map +1 -1
  232. package/dist/types/src/components/Splitter/Splitter.stories.d.ts.map +1 -1
  233. package/dist/types/src/components/Splitter/Splitter.theme.d.ts +4 -0
  234. package/dist/types/src/components/Splitter/Splitter.theme.d.ts.map +1 -0
  235. package/dist/types/src/components/Status/Status.d.ts +3 -4
  236. package/dist/types/src/components/Status/Status.d.ts.map +1 -1
  237. package/dist/types/src/components/Status/Status.stories.d.ts.map +1 -1
  238. package/dist/types/src/components/Status/Status.theme.d.ts +7 -0
  239. package/dist/types/src/components/Status/Status.theme.d.ts.map +1 -0
  240. package/dist/types/src/components/Tag/Tag.stories.d.ts.map +1 -1
  241. package/dist/types/src/components/Tag/Tag.theme.d.ts +6 -0
  242. package/dist/types/src/components/Tag/Tag.theme.d.ts.map +1 -0
  243. package/dist/types/src/components/Toast/Toast.d.ts +23 -20
  244. package/dist/types/src/components/Toast/Toast.d.ts.map +1 -1
  245. package/dist/types/src/components/Toast/Toast.stories.d.ts +5 -2
  246. package/dist/types/src/components/Toast/Toast.stories.d.ts.map +1 -1
  247. package/dist/types/src/components/Toast/Toast.theme.d.ts +4 -0
  248. package/dist/types/src/components/Toast/Toast.theme.d.ts.map +1 -0
  249. package/dist/types/src/components/Toolbar/Toolbar.d.ts +30 -26
  250. package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
  251. package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
  252. package/dist/types/src/components/Toolbar/Toolbar.theme.d.ts +8 -0
  253. package/dist/types/src/components/Toolbar/Toolbar.theme.d.ts.map +1 -0
  254. package/dist/types/src/components/Tooltip/Tooltip.d.ts +16 -16
  255. package/dist/types/src/components/Tooltip/Tooltip.d.ts.map +1 -1
  256. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts +2 -2
  257. package/dist/types/src/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
  258. package/dist/types/src/components/Tooltip/Tooltip.theme.d.ts +6 -0
  259. package/dist/types/src/components/Tooltip/Tooltip.theme.d.ts.map +1 -0
  260. package/dist/types/src/components/Tooltip/index.d.ts +1 -0
  261. package/dist/types/src/components/Tooltip/index.d.ts.map +1 -1
  262. package/dist/types/src/components/Tooltip/tooltipContent.d.ts +4 -0
  263. package/dist/types/src/components/Tooltip/tooltipContent.d.ts.map +1 -0
  264. package/dist/types/src/components/index.d.ts +8 -4
  265. package/dist/types/src/components/index.d.ts.map +1 -1
  266. package/dist/types/src/exemplars/generics.stories.d.ts +6 -5
  267. package/dist/types/src/exemplars/generics.stories.d.ts.map +1 -1
  268. package/dist/types/src/exemplars/slot.stories.d.ts +1 -0
  269. package/dist/types/src/exemplars/slot.stories.d.ts.map +1 -1
  270. package/dist/types/src/exemplars/tabster.stories.d.ts.map +1 -1
  271. package/dist/types/src/exemplars/virtualizer.stories.d.ts.map +1 -1
  272. package/dist/types/src/hooks/index.d.ts +1 -0
  273. package/dist/types/src/hooks/index.d.ts.map +1 -1
  274. package/dist/types/src/hooks/useDensityContext.d.ts +1 -1
  275. package/dist/types/src/hooks/useDensityContext.d.ts.map +1 -1
  276. package/dist/types/src/hooks/useElevationContext.d.ts.map +1 -1
  277. package/dist/types/src/hooks/useIconHref.d.ts.map +1 -1
  278. package/dist/types/src/hooks/useSafeArea.d.ts.map +1 -1
  279. package/dist/types/src/hooks/useSafeCollisionPadding.d.ts.map +1 -1
  280. package/dist/types/src/hooks/useTranslationsContext.d.ts +1 -1
  281. package/dist/types/src/hooks/useVisualViewport.d.ts.map +1 -1
  282. package/dist/types/src/index.d.ts +1 -0
  283. package/dist/types/src/index.d.ts.map +1 -1
  284. package/dist/types/src/playground/Controls.stories.d.ts.map +1 -1
  285. package/dist/types/src/playground/Custom.stories.d.ts +1 -1
  286. package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
  287. package/dist/types/src/playground/Typography.stories.d.ts.map +1 -1
  288. package/dist/types/src/primitives/Container/Container.d.ts +4 -5
  289. package/dist/types/src/primitives/Container/Container.d.ts.map +1 -1
  290. package/dist/types/src/primitives/Container/Container.stories.d.ts.map +1 -1
  291. package/dist/types/src/{components → primitives}/DensityProvider/DensityProvider.d.ts.map +1 -1
  292. package/dist/types/src/primitives/DensityProvider/index.d.ts.map +1 -0
  293. package/dist/types/src/{components → primitives}/ElevationProvider/ElevationProvider.d.ts.map +1 -1
  294. package/dist/types/src/primitives/ElevationProvider/index.d.ts.map +1 -0
  295. package/dist/types/src/primitives/Flex/Flex.d.ts +5 -7
  296. package/dist/types/src/primitives/Flex/Flex.d.ts.map +1 -1
  297. package/dist/types/src/primitives/Flex/Flex.stories.d.ts.map +1 -1
  298. package/dist/types/src/primitives/Grid/Grid.d.ts +3 -8
  299. package/dist/types/src/primitives/Grid/Grid.d.ts.map +1 -1
  300. package/dist/types/src/primitives/Grid/Grid.stories.d.ts.map +1 -1
  301. package/dist/types/src/{components → primitives}/ThemeProvider/ThemeProvider.d.ts +1 -1
  302. package/dist/types/src/{components → primitives}/ThemeProvider/ThemeProvider.d.ts.map +1 -1
  303. package/dist/types/src/{components → primitives}/ThemeProvider/ThemeProvider.stories.d.ts +1 -1
  304. package/dist/types/src/primitives/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
  305. package/dist/types/src/primitives/ThemeProvider/TranslationsProvider.d.ts +128 -0
  306. package/dist/types/src/primitives/ThemeProvider/TranslationsProvider.d.ts.map +1 -0
  307. package/dist/types/src/primitives/ThemeProvider/index.d.ts +4 -0
  308. package/dist/types/src/primitives/ThemeProvider/index.d.ts.map +1 -0
  309. package/dist/types/src/primitives/index.d.ts +3 -2
  310. package/dist/types/src/primitives/index.d.ts.map +1 -1
  311. package/dist/types/src/testing/Loading.d.ts.map +1 -1
  312. package/dist/types/src/testing/decorators/withLayout.d.ts.map +1 -1
  313. package/dist/types/src/testing/decorators/withLayoutVariants.d.ts.map +1 -1
  314. package/dist/types/src/testing/decorators/withTheme.d.ts +6 -2
  315. package/dist/types/src/testing/decorators/withTheme.d.ts.map +1 -1
  316. package/dist/types/src/theme/bindTheme.d.ts +3 -0
  317. package/dist/types/src/theme/bindTheme.d.ts.map +1 -0
  318. package/dist/types/src/theme/defaultTheme.d.ts +4 -0
  319. package/dist/types/src/theme/defaultTheme.d.ts.map +1 -0
  320. package/dist/types/src/theme/index.d.ts +31 -0
  321. package/dist/types/src/theme/index.d.ts.map +1 -0
  322. package/dist/types/src/translations.d.ts +17 -3
  323. package/dist/types/src/translations.d.ts.map +1 -1
  324. package/dist/types/src/util/index.d.ts +2 -1
  325. package/dist/types/src/util/index.d.ts.map +1 -1
  326. package/dist/types/src/util/mobile.d.ts +5 -0
  327. package/dist/types/src/util/mobile.d.ts.map +1 -0
  328. package/dist/types/src/util/slots.d.ts +57 -0
  329. package/dist/types/src/util/slots.d.ts.map +1 -0
  330. package/dist/types/src/util/usePx.d.ts.map +1 -1
  331. package/dist/types/tsconfig.tsbuildinfo +1 -1
  332. package/package.json +31 -26
  333. package/src/components/Avatars/Avatar.stories.tsx +2 -3
  334. package/src/components/Avatars/Avatar.theme.ts +93 -0
  335. package/src/components/Avatars/Avatar.tsx +1 -2
  336. package/src/components/Avatars/AvatarGroup.stories.tsx +0 -1
  337. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +1 -2
  338. package/src/components/Breadcrumb/Breadcrumb.theme.ts +26 -0
  339. package/src/components/Breadcrumb/Breadcrumb.tsx +14 -2
  340. package/src/components/Button/Button.stories.tsx +0 -1
  341. package/src/components/Button/Button.theme.ts +31 -0
  342. package/src/components/Button/Button.tsx +6 -14
  343. package/src/components/Button/IconButton.stories.tsx +56 -6
  344. package/src/components/Button/IconButton.theme.ts +21 -0
  345. package/src/components/Button/IconButton.tsx +3 -4
  346. package/src/components/Button/Toggle.stories.tsx +0 -1
  347. package/src/components/Button/Toggle.tsx +4 -4
  348. package/src/components/Button/ToggleGroup.stories.tsx +0 -1
  349. package/src/components/Button/ToggleGroup.tsx +12 -16
  350. package/src/components/Calendar/Calendar.stories.tsx +43 -0
  351. package/src/components/Calendar/Calendar.theme.ts +74 -0
  352. package/src/components/Calendar/Calendar.tsx +196 -0
  353. package/src/components/Calendar/index.ts +5 -0
  354. package/src/components/Card/Card.stories.tsx +55 -34
  355. package/src/components/Card/Card.theme.ts +93 -0
  356. package/src/components/Card/Card.tsx +297 -156
  357. package/src/components/Carousel/Carousel.tsx +371 -0
  358. package/src/components/Carousel/index.ts +5 -0
  359. package/src/components/Clipboard/CopyButton.tsx +6 -7
  360. package/src/components/Column/AUDIT.md +148 -0
  361. package/src/components/Column/Column.stories.tsx +181 -0
  362. package/src/components/Column/Column.theme.ts +48 -0
  363. package/src/components/Column/Column.tsx +166 -0
  364. package/src/{primitives → components}/Column/index.ts +1 -0
  365. package/src/components/Column/withColumn.ts +27 -0
  366. package/src/components/DatePicker/DatePicker.stories.tsx +102 -0
  367. package/src/components/DatePicker/DatePicker.theme.ts +35 -0
  368. package/src/components/DatePicker/DatePicker.tsx +279 -0
  369. package/src/components/DatePicker/index.ts +5 -0
  370. package/src/components/Dialog/AlertDialog.stories.tsx +5 -6
  371. package/src/components/Dialog/AlertDialog.tsx +72 -132
  372. package/src/components/Dialog/Dialog.stories.tsx +65 -10
  373. package/src/components/Dialog/Dialog.theme.ts +61 -0
  374. package/src/components/Dialog/Dialog.tsx +124 -99
  375. package/src/components/ErrorFallback/ErrorFallback.stories.tsx +3 -8
  376. package/src/components/ErrorFallback/ErrorFallback.tsx +14 -8
  377. package/src/components/ErrorFallback/ErrorStack.tsx +48 -8
  378. package/src/components/Focus/AUDIT.md +43 -0
  379. package/src/components/Focus/Focus.stories.tsx +230 -0
  380. package/src/components/Focus/Focus.theme.ts +32 -0
  381. package/src/components/Focus/Focus.tsx +201 -0
  382. package/src/components/Focus/index.ts +5 -0
  383. package/src/components/Icon/Icon.stories.tsx +43 -13
  384. package/src/components/Icon/Icon.theme.ts +45 -0
  385. package/src/components/Icon/Icon.tsx +14 -3
  386. package/src/components/Icon/IconBlock.tsx +38 -0
  387. package/src/components/Icon/index.ts +1 -0
  388. package/src/components/Image/Image.stories.tsx +4 -4
  389. package/src/components/Image/Image.tsx +31 -8
  390. package/src/components/Input/Input.stories.tsx +135 -33
  391. package/src/components/Input/Input.theme.ts +191 -0
  392. package/src/components/Input/Input.tsx +214 -9
  393. package/src/components/Input/SegmentedInput.tsx +454 -0
  394. package/src/components/Input/constants.ts +5 -0
  395. package/src/components/Input/index.ts +2 -0
  396. package/src/components/Link/Link.stories.tsx +0 -1
  397. package/src/components/Link/Link.theme.ts +16 -0
  398. package/src/components/Link/Link.tsx +10 -2
  399. package/src/components/List/List.stories.tsx +1 -2
  400. package/src/components/List/List.theme.ts +47 -0
  401. package/src/components/List/List.tsx +8 -7
  402. package/src/components/List/ListDropIndicator.tsx +1 -2
  403. package/src/components/List/Tree.stories.tsx +2 -3
  404. package/src/components/List/Tree.tsx +0 -1
  405. package/src/components/List/TreeDropIndicator.tsx +3 -3
  406. package/src/components/List/Treegrid.stories.tsx +26 -27
  407. package/src/components/List/Treegrid.theme.ts +35 -0
  408. package/src/components/List/Treegrid.tsx +15 -16
  409. package/src/components/Main/Main.stories.tsx +0 -1
  410. package/src/components/Main/Main.theme.ts +29 -0
  411. package/src/components/Main/Main.tsx +10 -9
  412. package/src/components/Main/constants.ts +6 -0
  413. package/src/components/Main/index.ts +1 -0
  414. package/src/components/MediaPlayer/MediaPlayer.stories.tsx +50 -0
  415. package/src/components/MediaPlayer/MediaPlayer.tsx +178 -0
  416. package/src/components/MediaPlayer/index.ts +5 -0
  417. package/src/components/Menu/ContextMenu.stories.tsx +0 -4
  418. package/src/components/Menu/DropdownMenu.stories.tsx +0 -4
  419. package/src/components/Menu/DropdownMenu.tsx +63 -57
  420. package/src/components/Menu/Menu.theme.ts +48 -0
  421. package/src/components/Message/Message.stories.tsx +48 -11
  422. package/src/components/Message/Message.theme.ts +44 -0
  423. package/src/components/Message/Message.tsx +75 -19
  424. package/src/{primitives → components}/Panel/Panel.stories.tsx +9 -9
  425. package/src/components/Panel/Panel.theme.ts +42 -0
  426. package/src/components/Panel/Panel.tsx +121 -0
  427. package/src/components/Popover/Popover.stories.tsx +4 -5
  428. package/src/components/Popover/Popover.theme.ts +40 -0
  429. package/src/components/Popover/Popover.tsx +49 -49
  430. package/src/components/ScrollArea/ScrollArea.stories.tsx +89 -30
  431. package/src/components/ScrollArea/ScrollArea.theme.ts +107 -0
  432. package/src/components/ScrollArea/ScrollArea.tsx +40 -23
  433. package/src/components/ScrollArea/index.ts +1 -0
  434. package/src/components/ScrollArea/scrollbar.ts +21 -0
  435. package/src/components/ScrollContainer/ScrollContainer.stories.tsx +21 -19
  436. package/src/components/ScrollContainer/ScrollContainer.tsx +215 -106
  437. package/src/components/Select/Select.stories.tsx +5 -6
  438. package/src/components/Select/Select.theme.ts +55 -0
  439. package/src/components/Select/Select.tsx +26 -10
  440. package/src/components/Separator/Separator.theme.ts +23 -0
  441. package/src/components/Separator/Separator.tsx +4 -7
  442. package/src/components/Skeleton/Skeleton.stories.tsx +0 -1
  443. package/src/components/Skeleton/Skeleton.theme.ts +22 -0
  444. package/src/components/Splitter/Splitter.stories.tsx +30 -30
  445. package/src/components/Splitter/Splitter.theme.ts +18 -0
  446. package/src/components/Splitter/Splitter.tsx +36 -40
  447. package/src/components/Status/Status.stories.tsx +0 -1
  448. package/src/components/Status/Status.theme.ts +31 -0
  449. package/src/components/Status/Status.tsx +7 -5
  450. package/src/components/Tag/Tag.stories.tsx +0 -1
  451. package/src/components/Tag/Tag.theme.ts +22 -0
  452. package/src/components/Toast/Toast.stories.tsx +41 -21
  453. package/src/components/Toast/Toast.theme.ts +56 -0
  454. package/src/components/Toast/Toast.tsx +105 -52
  455. package/src/components/Toolbar/Toolbar.stories.tsx +0 -1
  456. package/src/components/Toolbar/Toolbar.theme.ts +36 -0
  457. package/src/components/Toolbar/Toolbar.tsx +83 -46
  458. package/src/components/Tooltip/Tooltip.stories.tsx +7 -17
  459. package/src/components/Tooltip/Tooltip.theme.ts +19 -0
  460. package/src/components/Tooltip/Tooltip.tsx +33 -33
  461. package/src/components/Tooltip/index.ts +1 -0
  462. package/src/components/Tooltip/tooltipContent.ts +16 -0
  463. package/src/components/index.ts +8 -5
  464. package/src/exemplars/generics.stories.tsx +7 -16
  465. package/src/exemplars/slot.stories.tsx +66 -57
  466. package/src/exemplars/tabster.stories.tsx +1 -1
  467. package/src/exemplars/virtualizer.stories.tsx +4 -5
  468. package/src/hooks/index.ts +1 -0
  469. package/src/hooks/useDensityContext.ts +3 -3
  470. package/src/hooks/useElevationContext.ts +1 -1
  471. package/src/hooks/useThemeContext.ts +1 -1
  472. package/src/hooks/useTranslationsContext.ts +1 -1
  473. package/src/index.ts +1 -0
  474. package/src/playground/Custom.stories.tsx +13 -36
  475. package/src/primitives/Container/Container.stories.tsx +0 -1
  476. package/src/primitives/Container/Container.tsx +7 -8
  477. package/src/{components → primitives}/DensityProvider/DensityProvider.tsx +1 -1
  478. package/src/primitives/Flex/Flex.stories.tsx +0 -1
  479. package/src/primitives/Flex/Flex.tsx +12 -12
  480. package/src/primitives/Grid/Grid.stories.tsx +0 -1
  481. package/src/primitives/Grid/Grid.tsx +6 -9
  482. package/src/{components → primitives}/ThemeProvider/ThemeProvider.stories.tsx +1 -2
  483. package/src/{components → primitives}/ThemeProvider/ThemeProvider.tsx +6 -5
  484. package/src/{components → primitives}/ThemeProvider/index.ts +2 -2
  485. package/src/primitives/index.ts +4 -2
  486. package/src/testing/Loading.tsx +25 -4
  487. package/src/testing/decorators/withLayout.tsx +7 -17
  488. package/src/testing/decorators/withLayoutVariants.tsx +1 -1
  489. package/src/testing/decorators/withTheme.tsx +23 -12
  490. package/src/theme/bindTheme.ts +13 -0
  491. package/src/theme/defaultTheme.ts +83 -0
  492. package/src/theme/index.ts +37 -0
  493. package/src/translations.ts +17 -3
  494. package/src/util/index.ts +2 -1
  495. package/src/util/mobile.ts +11 -0
  496. package/src/util/slots.ts +129 -0
  497. package/src/util/usePx.ts +5 -1
  498. package/dist/lib/browser/chunk-2FKSMWNY.mjs +0 -774
  499. package/dist/lib/browser/chunk-2FKSMWNY.mjs.map +0 -7
  500. package/dist/lib/node-esm/chunk-ZNBLTSHI.mjs +0 -776
  501. package/dist/lib/node-esm/chunk-ZNBLTSHI.mjs.map +0 -7
  502. package/dist/types/src/components/DensityProvider/index.d.ts.map +0 -1
  503. package/dist/types/src/components/ElevationProvider/index.d.ts.map +0 -1
  504. package/dist/types/src/components/ThemeProvider/ThemeProvider.stories.d.ts.map +0 -1
  505. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts +0 -129
  506. package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +0 -1
  507. package/dist/types/src/components/ThemeProvider/index.d.ts +0 -4
  508. package/dist/types/src/components/ThemeProvider/index.d.ts.map +0 -1
  509. package/dist/types/src/primitives/Column/Column.d.ts +0 -26
  510. package/dist/types/src/primitives/Column/Column.d.ts.map +0 -1
  511. package/dist/types/src/primitives/Column/Column.stories.d.ts.map +0 -1
  512. package/dist/types/src/primitives/Column/index.d.ts +0 -2
  513. package/dist/types/src/primitives/Column/index.d.ts.map +0 -1
  514. package/dist/types/src/primitives/Panel/Panel.d.ts +0 -26
  515. package/dist/types/src/primitives/Panel/Panel.d.ts.map +0 -1
  516. package/dist/types/src/primitives/Panel/Panel.stories.d.ts.map +0 -1
  517. package/dist/types/src/primitives/Panel/index.d.ts.map +0 -1
  518. package/dist/types/src/util/hasIosKeyboard.d.ts +0 -2
  519. package/dist/types/src/util/hasIosKeyboard.d.ts.map +0 -1
  520. package/src/primitives/Column/Column.stories.tsx +0 -78
  521. package/src/primitives/Column/Column.tsx +0 -134
  522. package/src/primitives/Panel/Panel.tsx +0 -119
  523. package/src/util/hasIosKeyboard.ts +0 -8
  524. /package/dist/types/src/{primitives → components}/Panel/Panel.stories.d.ts +0 -0
  525. /package/dist/types/src/{primitives → components}/Panel/index.d.ts +0 -0
  526. /package/dist/types/src/{components → primitives}/DensityProvider/DensityProvider.d.ts +0 -0
  527. /package/dist/types/src/{components → primitives}/DensityProvider/index.d.ts +0 -0
  528. /package/dist/types/src/{components → primitives}/ElevationProvider/ElevationProvider.d.ts +0 -0
  529. /package/dist/types/src/{components → primitives}/ElevationProvider/index.d.ts +0 -0
  530. /package/src/{primitives → components}/Panel/index.ts +0 -0
  531. /package/src/{components → primitives}/DensityProvider/index.ts +0 -0
  532. /package/src/{components → primitives}/ElevationProvider/ElevationProvider.tsx +0 -0
  533. /package/src/{components → primitives}/ElevationProvider/index.ts +0 -0
  534. /package/src/{components → primitives}/ThemeProvider/TranslationsProvider.tsx +0 -0
@@ -4,32 +4,35 @@ import { FocusScope } from '@radix-ui/react-focus-scope';
4
4
  import * as PopperPrimitive from '@radix-ui/react-popper';
5
5
  import { Portal as PortalPrimitive } from '@radix-ui/react-portal';
6
6
  import { Primitive } from '@radix-ui/react-primitive';
7
- import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode, type RefObject } from 'react';
7
+ import React, { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ComponentRef, type FC, type ReactNode, type RefObject } from 'react';
8
8
  import { type ThemedClassName } from '../../util';
9
9
  type ScopedProps<P> = P & {
10
10
  __scopePopover?: Scope;
11
11
  };
12
12
  declare const createPopoverScope: import("@radix-ui/react-context").CreateScope;
13
- interface PopoverRootProps {
13
+ type PopoverRootProps = {
14
14
  children?: ReactNode;
15
15
  open?: boolean;
16
16
  defaultOpen?: boolean;
17
17
  onOpenChange?: (open: boolean) => void;
18
18
  modal?: boolean;
19
- }
19
+ };
20
20
  type PopperAnchorProps = ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
21
- interface PopoverAnchorProps extends PopperAnchorProps {
22
- }
23
- type PopoverTriggerElement = ElementRef<typeof Primitive.button>;
21
+ type PopoverAnchorProps = PopperAnchorProps;
22
+ type PopoverTriggerElement = ComponentRef<typeof Primitive.button>;
24
23
  type PrimitiveButtonProps = ComponentPropsWithoutRef<typeof Primitive.button>;
25
- interface PopoverTriggerProps extends PrimitiveButtonProps {
24
+ type PopoverTriggerProps = PrimitiveButtonProps & {
26
25
  asChild?: boolean;
27
- }
28
- interface PopoverVirtualTriggerProps {
26
+ };
27
+ type PopoverVirtualTriggerProps = {
29
28
  virtualRef: RefObject<PopoverTriggerElement | null>;
29
+ };
30
+ declare function PopoverVirtualTrigger(props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
31
+ declare namespace PopoverVirtualTrigger {
32
+ var displayName: string;
30
33
  }
31
34
  type PortalProps = ComponentPropsWithoutRef<typeof PortalPrimitive>;
32
- interface PopoverPortalProps {
35
+ type PopoverPortalProps = {
33
36
  children?: ReactNode;
34
37
  /**
35
38
  * Specify a container element to portal the content into.
@@ -40,6 +43,10 @@ interface PopoverPortalProps {
40
43
  * controlling animation with React animation libraries.
41
44
  */
42
45
  forceMount?: true;
46
+ };
47
+ declare function PopoverPortal(props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
48
+ declare namespace PopoverPortal {
49
+ var displayName: string;
43
50
  }
44
51
  type PopoverContentProps = ThemedClassName<PopoverContentTypeProps> & {
45
52
  /**
@@ -53,7 +60,7 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
53
60
  type FocusScopeProps = ComponentPropsWithoutRef<typeof FocusScope>;
54
61
  type DismissableLayerProps = ComponentPropsWithoutRef<typeof DismissableLayer>;
55
62
  type PopperContentProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Content>>;
56
- interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>, Omit<DismissableLayerProps, 'onDismiss'> {
63
+ type PopoverContentImplProps = Omit<PopperContentProps, 'onPlaced'> & Omit<DismissableLayerProps, 'onDismiss'> & {
57
64
  /**
58
65
  * Whether focus should be trapped within the `Popover`
59
66
  * (default: false)
@@ -69,12 +76,10 @@ interface PopoverContentImplProps extends Omit<PopperContentProps, 'onPlaced'>,
69
76
  * Can be prevented.
70
77
  */
71
78
  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
72
- }
73
- interface PopoverCloseProps extends PrimitiveButtonProps {
74
- }
79
+ };
80
+ type PopoverCloseProps = PrimitiveButtonProps;
75
81
  type PopperArrowProps = ThemedClassName<ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>>;
76
- interface PopoverArrowProps extends PopperArrowProps {
77
- }
82
+ type PopoverArrowProps = PopperArrowProps;
78
83
  type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
79
84
  asChild?: boolean;
80
85
  constrainInline?: boolean;
@@ -82,14 +87,21 @@ type PopoverViewportProps = ThemedClassName<ComponentPropsWithRef<typeof Primiti
82
87
  };
83
88
  type PopoverContentInteractOutsideEvent = Parameters<NonNullable<PopoverContentProps['onInteractOutside']>>[0];
84
89
  export declare const Popover: {
85
- Root: React.FC<PopoverRootProps>;
86
- Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
87
- Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
90
+ Root: FC<PopoverRootProps>;
91
+ Anchor: React.ForwardRefExoticComponent<Omit<PopperPrimitive.PopperAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
92
+ Trigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
93
+ asChild?: boolean;
94
+ }, "ref"> & {
95
+ asChild?: boolean;
96
+ } & React.RefAttributes<HTMLButtonElement>>;
88
97
  VirtualTrigger: {
89
98
  (props: ScopedProps<PopoverVirtualTriggerProps>): React.JSX.Element;
90
99
  displayName: string;
91
100
  };
92
- Portal: React.FC<PopoverPortalProps>;
101
+ Portal: {
102
+ (props: ScopedProps<PopoverPortalProps>): React.JSX.Element;
103
+ displayName: string;
104
+ };
93
105
  Content: React.ForwardRefExoticComponent<Omit<PopoverContentTypeProps, "className"> & {
94
106
  classNames?: import("@dxos/ui-types").ClassNameValue;
95
107
  } & {
@@ -99,8 +111,12 @@ export declare const Popover: {
99
111
  */
100
112
  forceMount?: boolean;
101
113
  } & React.RefAttributes<HTMLDivElement>>;
102
- Close: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
103
- Arrow: React.ForwardRefExoticComponent<PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
114
+ Close: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
115
+ asChild?: boolean;
116
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
117
+ Arrow: React.ForwardRefExoticComponent<Omit<Omit<PopperPrimitive.PopperArrowProps & React.RefAttributes<SVGSVGElement>, "ref">, "className"> & {
118
+ classNames?: import("@dxos/ui-types").ClassNameValue;
119
+ } & React.RefAttributes<SVGSVGElement>>;
104
120
  Viewport: React.ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
105
121
  };
106
122
  export { createPopoverScope };
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAyBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAqB1B,CAAC"}
1
+ {"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAwBxF,QAAA,MAAM,IAAI;;;wCAduC,iBAAiB,CAAC;QAAE,WAAW,EAAE,SAAS,CAAA;KAAE,CAAC;;CAmBzD,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAoBP,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { type Elevation, type Theme } from '@dxos/ui-types';
2
+ export type PopoverStyleProps = Partial<{
3
+ constrainBlock: boolean;
4
+ constrainInline: boolean;
5
+ elevation: Elevation;
6
+ }>;
7
+ export declare const popoverTheme: Theme<PopoverStyleProps>;
8
+ //# sourceMappingURL=Popover.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Popover.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Popover/Popover.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAwBH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAIjD,CAAC"}
@@ -1,12 +1,12 @@
1
- import React, { type HTMLAttributes } from 'react';
2
- import { type AllowedAxis, type SlottableProps, type ThemedClassName } from '@dxos/ui-types';
1
+ import React from 'react';
2
+ import { type AllowedAxis, type SlottableProps } from '@dxos/ui-types';
3
3
  type ScrollAreaContextType = {
4
4
  /** Orientation of scrollbars. */
5
5
  orientation: AllowedAxis;
6
6
  /** Hide scrollbars when not scrolling. */
7
7
  autoHide: boolean;
8
8
  /** Apply padding to opposite side of scrollbar. */
9
- margin?: boolean;
9
+ centered?: boolean;
10
10
  /** Apply padding. */
11
11
  padding: boolean;
12
12
  /** Use thin scrollbars. */
@@ -14,16 +14,19 @@ type ScrollAreaContextType = {
14
14
  /** Enable snap scrolling. */
15
15
  snap: boolean;
16
16
  };
17
- type ScrollAreaRootProps = SlottableProps<HTMLDivElement, Partial<ScrollAreaContextType>>;
18
- type ScrollAreaViewportProps = ThemedClassName<HTMLAttributes<HTMLDivElement>>;
17
+ type ScrollAreaRootProps = Partial<ScrollAreaContextType>;
18
+ type ScrollAreaViewportProps = SlottableProps;
19
19
  export declare const ScrollArea: {
20
- Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & Partial<ScrollAreaContextType> & {
20
+ Root: React.ForwardRefExoticComponent<Omit<Partial<ScrollAreaContextType> & {
21
+ asChild?: boolean;
22
+ }, "className"> & {
21
23
  classNames?: import("@dxos/ui-types").ClassNameValue;
24
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
25
+ Viewport: React.ForwardRefExoticComponent<Omit<{
22
26
  asChild?: boolean;
23
- } & React.RefAttributes<HTMLDivElement>>;
24
- Viewport: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
27
+ }, "className"> & {
25
28
  classNames?: import("@dxos/ui-types").ClassNameValue;
26
- } & React.RefAttributes<HTMLDivElement>>;
29
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
27
30
  };
28
31
  export type { ScrollAreaRootProps, ScrollAreaViewportProps };
29
32
  //# sourceMappingURL=ScrollArea.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAU7F,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAUF,KAAK,mBAAmB,GAAG,cAAc,CAAC,cAAc,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC;AA2C1F,KAAK,uBAAuB,GAAG,eAAe,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAqB/E,eAAO,MAAM,UAAU;;;;;;;;CAGtB,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}
1
+ {"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYvE,KAAK,qBAAqB,GAAG;IAC3B,iCAAiC;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,0CAA0C;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAUF,KAAK,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AA8C1D,KAAK,uBAAuB,GAAG,cAAc,CAAC;AAkC9C,eAAO,MAAM,UAAU;IACrB,IAAI;;;;;IACJ,QAAQ;;;;;CACT,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}
@@ -2,20 +2,23 @@ import React from 'react';
2
2
  declare const _default: {
3
3
  title: string;
4
4
  component: {
5
- Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & Partial<{
5
+ Root: React.ForwardRefExoticComponent<Omit<Partial<{
6
6
  orientation: import("@dxos/ui-types").AllowedAxis;
7
7
  autoHide: boolean;
8
- margin?: boolean;
8
+ centered?: boolean;
9
9
  padding: boolean;
10
10
  thin: boolean;
11
11
  snap: boolean;
12
12
  }> & {
13
+ asChild?: boolean;
14
+ }, "className"> & {
13
15
  classNames?: import("@dxos/ui-types").ClassNameValue;
16
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
17
+ Viewport: React.ForwardRefExoticComponent<Omit<{
14
18
  asChild?: boolean;
15
- } & React.RefAttributes<HTMLDivElement>>;
16
- Viewport: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
19
+ }, "className"> & {
17
20
  classNames?: import("@dxos/ui-types").ClassNameValue;
18
- } & React.RefAttributes<HTMLDivElement>>;
21
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
19
22
  };
20
23
  decorators: import("@storybook/react").Decorator[];
21
24
  parameters: {
@@ -29,6 +32,12 @@ export declare const Vertical: {
29
32
  export declare const VerticalThin: {
30
33
  render: () => React.JSX.Element;
31
34
  };
35
+ export declare const VerticalPadded: {
36
+ render: () => React.JSX.Element;
37
+ };
38
+ export declare const VerticalColumn: {
39
+ render: () => React.JSX.Element;
40
+ };
32
41
  export declare const Horizontal: {
33
42
  render: () => React.JSX.Element;
34
43
  };
@@ -38,6 +47,10 @@ export declare const HorizontalThin: {
38
47
  export declare const Both: {
39
48
  render: () => React.JSX.Element;
40
49
  };
50
+ export declare const Fullscreen: {
51
+ decorators: import("@storybook/react").Decorator[];
52
+ render: () => React.JSX.Element;
53
+ };
41
54
  export declare const NestedScrollAreas: {
42
55
  decorators: import("@storybook/react").Decorator[];
43
56
  render: () => React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAWvC,wBAOE;AAyBF,eAAO,MAAM,QAAQ;;CAUpB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAUxB,CAAC;AAEF,eAAO,MAAM,UAAU;;CAUtB,CAAC;AAEF,eAAO,MAAM,cAAc;;CAU1B,CAAC;AAEF,eAAO,MAAM,IAAI;;CAuBhB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CAqC7B,CAAC;AAEF,eAAO,MAAM,YAAY;;CAiBxB,CAAC"}
1
+ {"version":3,"file":"ScrollArea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;;IAcxD,KAAK;IACL,SAAS;;;;;;;;;;;;;;;;;;;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AA+BV,eAAO,MAAM,QAAQ;IACnB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CAcP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,cAAc;IACzB,MAAM;CASP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAsBP,CAAC;AAEF,eAAO,MAAM,UAAU;IACrB,UAAU;IACV,MAAM;CAoBP,CAAC;AAEF,eAAO,MAAM,iBAAiB;IAC5B,UAAU;IACV,MAAM;CAmCP,CAAC;AAEF,eAAO,MAAM,YAAY;IACvB,MAAM;CAgBP,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { type AllowedAxis, type Theme } from '@dxos/ui-types';
2
+ export type ScrollAreaStyleProps = {
3
+ orientation?: AllowedAxis;
4
+ autoHide?: boolean;
5
+ /** Balance left/right, top/bottom offset with scrollbar. */
6
+ centered?: boolean;
7
+ /** Add default padding. */
8
+ /** TODO(burdon): Integrate with Column.Root padding. */
9
+ padding?: boolean;
10
+ /** Use thin scrollbars. */
11
+ /** TODO(burdon): Density fine/course. */
12
+ thin?: boolean;
13
+ /** Enable snap scrolling. */
14
+ snap?: boolean;
15
+ };
16
+ export declare const scrollAreaTheme: Theme<ScrollAreaStyleProps>;
17
+ //# sourceMappingURL=ScrollArea.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollArea.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/ScrollArea.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,WAAW,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAItF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAiFF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './ScrollArea';
2
+ export * from './scrollbar';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Scrollbar sizing presets keyed by density tier.
3
+ */
4
+ export declare const scrollbar: {
5
+ sm: {
6
+ size: number;
7
+ padding: number;
8
+ };
9
+ md: {
10
+ size: number;
11
+ padding: number;
12
+ };
13
+ lg: {
14
+ size: number;
15
+ padding: number;
16
+ };
17
+ };
18
+ //# sourceMappingURL=scrollbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollArea/scrollbar.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,SAAS;IACpB,EAAE;QACA,IAAI;QACJ,OAAO;;IAET,EAAE;QACA,IAAI;QACJ,OAAO;;IAET,EAAE;QACA,IAAI;QACJ,OAAO;;CAEV,CAAC"}
@@ -1,39 +1,62 @@
1
- import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import { type SlottableProps } from '@dxos/ui-types';
2
3
  import { type ThemedClassName } from '../../util';
4
+ import { type ScrollAreaRootProps } from '../ScrollArea';
3
5
  export interface ScrollController {
4
6
  viewport: HTMLDivElement | null;
5
7
  scrollToTop: (behavior?: ScrollBehavior) => void;
6
8
  scrollToBottom: (behavior?: ScrollBehavior) => void;
7
9
  }
8
10
  type ScrollContainerContextValue = {
9
- scrollToBottom: (behavior?: ScrollBehavior) => void;
10
11
  controller?: ScrollController;
11
12
  pinned?: boolean;
13
+ overflow?: boolean;
14
+ /** Called by Viewport to register/unregister the scroll element. */
15
+ setViewport: (el: HTMLDivElement | null) => void;
16
+ /** Called by Viewport on wheel events to update pinned state. */
17
+ setPinned: (value: boolean) => void;
18
+ /** Called by Viewport on scroll events to update overflow state. */
19
+ setOverflow: (value: boolean) => void;
12
20
  };
13
21
  declare const useScrollContainerContext: (consumerName: string) => ScrollContainerContextValue;
14
- type RootProps = ThemedClassName<PropsWithChildren<{
22
+ type ScrollContainerRootProps = PropsWithChildren<{
15
23
  pin?: boolean;
16
- fade?: boolean;
17
24
  behavior?: ScrollBehavior;
18
- }>>;
19
- type ViewportProps = ThemedClassName<PropsWithChildren<Omit<HTMLAttributes<HTMLDivElement>, 'className'>>>;
20
- type ScrollDownButtonProps = ThemedClassName;
25
+ }>;
26
+ type ScrollContainerContentProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
27
+ type ScrollContainerViewportProps = SlottableProps;
28
+ type ScrollContainerFadeProps = {};
29
+ declare function ScrollContainerFade(): React.JSX.Element;
30
+ declare namespace ScrollContainerFade {
31
+ var displayName: string;
32
+ }
33
+ type ScrollContainerScrollDownButtonProps = ThemedClassName;
34
+ declare function ScrollContainerScrollDownButton({ classNames }: ScrollContainerScrollDownButtonProps): React.JSX.Element;
35
+ declare namespace ScrollContainerScrollDownButton {
36
+ var displayName: string;
37
+ }
21
38
  export { useScrollContainerContext };
22
39
  export declare const ScrollContainer: {
23
- Root: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
40
+ Root: React.ForwardRefExoticComponent<{
24
41
  pin?: boolean;
25
- fade?: boolean;
26
42
  behavior?: ScrollBehavior;
27
- }>, "className"> & {
28
- classNames?: import("@dxos/ui-types").ClassNameValue;
43
+ } & {
44
+ children?: React.ReactNode | undefined;
29
45
  } & React.RefAttributes<ScrollController>>;
30
- Viewport: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<React.HTMLAttributes<HTMLDivElement>, "className">>, "className"> & {
46
+ Content: React.ForwardRefExoticComponent<Omit<ScrollContainerContentProps, "className"> & {
47
+ classNames?: import("@dxos/ui-types").ClassNameValue;
48
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
49
+ Viewport: React.ForwardRefExoticComponent<Omit<Omit<{
50
+ asChild?: boolean;
51
+ }, "className"> & {
52
+ classNames?: import("@dxos/ui-types").ClassNameValue;
53
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & {
54
+ asChild?: boolean;
55
+ }, "className"> & {
31
56
  classNames?: import("@dxos/ui-types").ClassNameValue;
32
- } & React.RefAttributes<HTMLDivElement>>;
33
- ScrollDownButton: {
34
- ({ classNames }: ScrollDownButtonProps): React.JSX.Element;
35
- displayName: string;
36
- };
57
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
58
+ Fade: typeof ScrollContainerFade;
59
+ ScrollDownButton: typeof ScrollContainerScrollDownButton;
37
60
  };
38
- export type { RootProps as ScrollContainerRootProps, ViewportProps as ScrollContainerViewportProps, ScrollDownButtonProps as ScrollContainerScrollDownButtonProps, };
61
+ export type { ScrollContainerRootProps, ScrollContainerContentProps, ScrollContainerViewportProps, ScrollContainerFadeProps, ScrollContainerScrollDownButtonProps, };
39
62
  //# sourceMappingURL=ScrollContainer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAQvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAQlD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,KAAK,2BAA2B,GAAG;IACjC,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAgC,yBAAyB,uDACM,CAAC;AAMhE,KAAK,SAAS,GAAG,eAAe,CAC9B,iBAAiB,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CACH,CAAC;AAuGF,KAAK,aAAa,GAAG,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;AAmC3G,KAAK,qBAAqB,GAAG,eAAe,CAAC;AAgC7C,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;;cAhLlB,OAAO;eACN,OAAO;mBACH,cAAc;;;;;;;;yBA8Ia,qBAAqB;;;CAoC9D,CAAC;AAEF,YAAY,EACV,SAAS,IAAI,wBAAwB,EACrC,aAAa,IAAI,4BAA4B,EAC7C,qBAAqB,IAAI,oCAAoC,GAC9D,CAAC"}
1
+ {"version":3,"file":"ScrollContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EASvB,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAMrE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACrD;AAED,KAAK,2BAA2B,GAAG;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,WAAW,EAAE,CAAC,EAAE,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,iEAAiE;IACjE,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,oEAAoE;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAAgC,yBAAyB,uDACM,CAAC;AAMhE,KAAK,wBAAwB,GAAG,iBAAiB,CAAC;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC,CAAC;AAuFH,KAAK,2BAA2B,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA8B9F,KAAK,4BAA4B,GAAG,cAAc,CAAC;AAgGnD,KAAK,wBAAwB,GAAG,EAAE,CAAC;AAEnC,iBAAS,mBAAmB,sBAc3B;;;;AAUD,KAAK,oCAAoC,GAAG,eAAe,CAAC;AAE5D,iBAAS,+BAA+B,CAAC,EAAE,UAAU,EAAE,EAAE,oCAAoC,qBAqB5F;;;;AAQD,OAAO,EAAE,yBAAyB,EAAE,CAAC;AAErC,eAAO,MAAM,eAAe;IAC1B,IAAI;cAnRE,OAAO;mBACF,cAAc;;;;IAmRzB,OAAO;;;IACP,QAAQ;;;;;;;;;IACR,IAAI;IACJ,gBAAgB;CACjB,CAAC;AAEF,YAAY,EACV,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,wBAAwB,EACxB,oCAAoC,GACrC,CAAC"}
@@ -1,20 +1,19 @@
1
1
  import { type StoryObj } from '@storybook/react-vite';
2
2
  import React from 'react';
3
3
  import { type ScrollContainerRootProps, type ScrollController } from './ScrollContainer';
4
- type StoryProps = ScrollContainerRootProps & {
4
+ type DefaultStoryProps = ScrollContainerRootProps & {
5
5
  running?: boolean;
6
6
  initialLines?: number;
7
7
  };
8
8
  declare const meta: {
9
9
  title: string;
10
- component: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
10
+ component: React.ForwardRefExoticComponent<{
11
11
  pin?: boolean;
12
- fade?: boolean;
13
12
  behavior?: ScrollBehavior;
14
- }>, "className"> & {
15
- classNames?: import("@dxos/ui-types").ClassNameValue;
13
+ } & {
14
+ children?: React.ReactNode | undefined;
16
15
  } & React.RefAttributes<ScrollController>>;
17
- render: ({ initialLines, running: runningProp, ...props }: StoryProps) => React.JSX.Element;
16
+ render: ({ initialLines, running: runningProp, ...props }: DefaultStoryProps) => React.JSX.Element;
18
17
  decorators: import("@storybook/react").Decorator[];
19
18
  };
20
19
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1G,KAAK,UAAU,GAAG,wBAAwB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA+C1F,QAAA,MAAM,IAAI;;;;;;;;;+DA7CkE,UAAU;;CAkDjD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
1
+ {"version":3,"file":"ScrollContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ScrollContainer/ScrollContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,EAAmB,KAAK,wBAAwB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1G,KAAK,iBAAiB,GAAG,wBAAwB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAkDjG,QAAA,MAAM,IAAI;;;;;;;;+DAhDkE,iBAAiB;;CAqDxD,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAkBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAsB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAiB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAiBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAahF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AAOxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAiB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAgBzC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AAOlF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAO1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,KAAK,eAAe,GAAG,eAAe,CAAC,WAAW,CAAC;AAInD,KAAK,kBAAkB,GAAG,eAAe,CAAC,kBAAkB,CAAC;AAI7D,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC;AAIvD,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC;AAI3D,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC;AAoBnH,KAAK,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAwB9E,KAAK,yBAAyB,GAAG,eAAe,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;AAmB5F,KAAK,2BAA2B,GAAG,eAAe,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;AAmBhG,KAAK,mBAAmB,GAAG,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;AAehF,KAAK,eAAe,GAAG,eAAe,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AASxE,KAAK,mBAAmB,GAAG,eAAe,CAAC,mBAAmB,CAAC;AAI/D,KAAK,wBAAwB,GAAG,eAAe,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;AAmB1F,KAAK,iBAAiB,GAAG,eAAe,CAAC;AAezC,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,gBAAgB,GAAG,eAAe,CAAC,gBAAgB,CAAC;AAIzD,KAAK,oBAAoB,GAAG,eAAe,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AASlF,KAAK,gBAAgB,GAAG,eAAe,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;AAS1E,eAAO,MAAM,MAAM;IACjB,IAAI;IACJ,OAAO;IACP,aAAa;IACb,KAAK;IACL,IAAI;IACJ,MAAM;IACN,OAAO;;;IACP,cAAc;;;IACd,gBAAgB;;;IAChB,QAAQ;;;IACR,IAAI;;;IACJ,QAAQ;IACR,aAAa;;;IACb,MAAM;;;IACN,KAAK;IACL,KAAK;IACL,SAAS;;;IACT,KAAK;;;CACN,CAAC;AAEF,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,GACjB,CAAC"}
@@ -4,12 +4,12 @@ type ItemProps = {
4
4
  id: string;
5
5
  text: string;
6
6
  };
7
- type StoryProps = {
7
+ type DefaultStoryProps = {
8
8
  items: ItemProps[];
9
9
  };
10
10
  declare const meta: {
11
11
  title: string;
12
- render: ({ items }: StoryProps) => React.JSX.Element;
12
+ render: ({ items }: DefaultStoryProps) => React.JSX.Element;
13
13
  decorators: import("@storybook/react").Decorator[];
14
14
  };
15
15
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,UAAU,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBzC,QAAA,MAAM,IAAI;;wBAvB4B,UAAU;;CA2BX,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
1
+ {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,KAAK,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,iBAAiB,GAAG;IAAE,KAAK,EAAE,SAAS,EAAE,CAAA;CAAE,CAAC;AAyBhD,QAAA,MAAM,IAAI;;wBAvB4B,iBAAiB;;CA2BlB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { type Elevation, type Theme } from '@dxos/ui-types';
2
+ export type SelectStyleProps = Partial<{
3
+ elevation: Elevation;
4
+ }>;
5
+ export declare const selectTheme: Theme<SelectStyleProps>;
6
+ //# sourceMappingURL=Select.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAoCH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAS/C,CAAC"}
@@ -1,10 +1,10 @@
1
- import { type SeparatorProps as SeparatorPrimitiveProps } from '@radix-ui/react-separator';
1
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
2
2
  import React from 'react';
3
3
  import { type ThemedClassName } from '../../util';
4
- type SeparatorProps = ThemedClassName<SeparatorPrimitiveProps> & {
4
+ type SeparatorProps = ThemedClassName<SeparatorPrimitive.SeparatorProps> & {
5
5
  subdued?: boolean;
6
6
  };
7
- declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitiveProps, "className"> & {
7
+ declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps, "className"> & {
8
8
  classNames?: import("@dxos/ui-types").ClassNameValue;
9
9
  } & {
10
10
  subdued?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,cAAc,IAAI,uBAAuB,EAC/C,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvF,QAAA,MAAM,SAAS;;;cAF8D,OAAO;wCAcnF,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,cAAc,GAAG,eAAe,CAAC,kBAAkB,CAAC,cAAc,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjG,QAAA,MAAM,SAAS;;;cAFwE,OAAO;wCAc7F,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { type Theme } from '@dxos/ui-types';
2
+ export type SeparatorStyleProps = {
3
+ orientation?: 'horizontal' | 'vertical';
4
+ subdued?: boolean;
5
+ };
6
+ export declare const separatorTheme: Theme<SeparatorStyleProps>;
7
+ //# sourceMappingURL=Separator.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Separator.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Separator/Separator.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,mBAAmB,CAErD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAM1B,wBAOE;AAEF,eAAO,MAAM,OAAO;;CAYnB,CAAC;AAEF,eAAO,MAAM,IAAI;;CAkBhB,CAAC"}
1
+ {"version":3,"file":"Skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;;IAMxB,KAAK;IACL,SAAS;IACT,UAAU;IACV,UAAU;QACR,MAAM;;;;AAIV,eAAO,MAAM,OAAO;IAClB,MAAM;CAWP,CAAC;AAEF,eAAO,MAAM,IAAI;IACf,MAAM;CAiBP,CAAC"}
@@ -0,0 +1,6 @@
1
+ import type { Theme } from '@dxos/ui-types';
2
+ export type SkeletonStyleProps = {
3
+ variant?: 'default' | 'circle' | 'text';
4
+ };
5
+ export declare const skeletonTheme: Theme<SkeletonStyleProps>;
6
+ //# sourceMappingURL=Skeleton.theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Skeleton.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACzC,CAAC;AAUF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAEnD,CAAC"}
@@ -1,32 +1,32 @@
1
1
  import React from 'react';
2
- import { type SlottableProps } from '@dxos/ui-types';
3
- type Mode = 'upper' | 'lower' | 'both';
2
+ import { ThemedClassName } from '../../util';
3
+ type Mode = 'top' | 'bottom' | 'split';
4
4
  type SplitterContextValue = {
5
5
  mode: Mode;
6
- ratio: number;
6
+ ratio?: number;
7
7
  transition: number;
8
8
  };
9
9
  declare const createSplitterScope: import("@radix-ui/react-context").CreateScope;
10
- type RootProps = SlottableProps<HTMLDivElement, Partial<SplitterContextValue>>;
11
- type PanelProps = SlottableProps<HTMLDivElement, {
12
- position: 'upper' | 'lower';
10
+ type SplitterRootProps = Partial<SplitterContextValue>;
11
+ type SplitterPanelProps = ThemedClassName<{
12
+ position: 'top' | 'bottom';
13
13
  }>;
14
14
  declare const Splitter: {
15
- Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & Partial<SplitterContextValue> & {
16
- classNames?: import("@dxos/ui-types").ClassNameValue;
15
+ Root: React.ForwardRefExoticComponent<Omit<Partial<SplitterContextValue> & {
17
16
  asChild?: boolean;
18
- } & {
19
- __scopeSplitter?: any;
20
- } & React.RefAttributes<HTMLDivElement>>;
21
- Panel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
22
- position: "upper" | "lower";
23
- } & {
17
+ }, "className"> & {
18
+ classNames?: import("@dxos/ui-types").ClassNameValue;
19
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
20
+ Panel: React.ForwardRefExoticComponent<Omit<Omit<{
21
+ position: 'top' | 'bottom';
22
+ }, "className"> & {
24
23
  classNames?: import("@dxos/ui-types").ClassNameValue;
25
- asChild?: boolean;
26
24
  } & {
27
- __scopeSplitter?: any;
28
- } & React.RefAttributes<HTMLDivElement>>;
25
+ asChild?: boolean;
26
+ }, "className"> & {
27
+ classNames?: import("@dxos/ui-types").ClassNameValue;
28
+ } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
29
29
  };
30
30
  export { Splitter, createSplitterScope };
31
- export type { Mode as SplitterMode, RootProps as SplitterRootProps, PanelProps as SplitterPanelProps };
31
+ export type { Mode as SplitterMode, SplitterRootProps, SplitterPanelProps };
32
32
  //# sourceMappingURL=Splitter.d.ts.map