@basic-ui/material 0.1.16 → 1.0.0-alpha.2

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 (443) hide show
  1. package/build/cjs/index.js +586 -337
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +2 -2
  4. package/build/esm/Alert/Alert.js +9 -9
  5. package/build/esm/Alert/Alert.js.map +1 -1
  6. package/build/esm/AppBar/AppBar.d.ts +3 -3
  7. package/build/esm/AppBar/AppBar.js +25 -18
  8. package/build/esm/AppBar/AppBar.js.map +1 -1
  9. package/build/esm/AppBar/AppBarButton.d.ts +2 -2
  10. package/build/esm/AppBar/AppBarButton.js +8 -9
  11. package/build/esm/AppBar/AppBarButton.js.map +1 -1
  12. package/build/esm/AppBar/context.d.ts +1 -1
  13. package/build/esm/AppBar/context.js +6 -5
  14. package/build/esm/AppBar/context.js.map +1 -1
  15. package/build/esm/Badge/Badge.d.ts +2 -2
  16. package/build/esm/Badge/Badge.js +2 -2
  17. package/build/esm/Badge/Badge.js.map +1 -1
  18. package/build/esm/BaseLine/BaseLine.d.ts +0 -1
  19. package/build/esm/BaseLine/BaseLine.js +4 -4
  20. package/build/esm/BaseLine/BaseLine.js.map +1 -1
  21. package/build/esm/BottomSheet/BottomSheet.d.ts +2 -2
  22. package/build/esm/BottomSheet/BottomSheet.js +11 -13
  23. package/build/esm/BottomSheet/BottomSheet.js.map +1 -1
  24. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +4 -4
  25. package/build/esm/BottomSheet/BottomSheetSurface.js +9 -9
  26. package/build/esm/BottomSheet/BottomSheetSurface.js.map +1 -1
  27. package/build/esm/Box/Box.d.ts +5 -5
  28. package/build/esm/Box/Box.js +27 -19
  29. package/build/esm/Box/Box.js.map +1 -1
  30. package/build/esm/Button/BaseButton.d.ts +4 -3
  31. package/build/esm/Button/BaseButton.js +11 -12
  32. package/build/esm/Button/BaseButton.js.map +1 -1
  33. package/build/esm/Button/Button.d.ts +5 -5
  34. package/build/esm/Button/Button.js +45 -24
  35. package/build/esm/Button/Button.js.map +1 -1
  36. package/build/esm/Button/ButtonGroup.d.ts +5 -0
  37. package/build/esm/Button/ButtonGroup.js +31 -0
  38. package/build/esm/Button/ButtonGroup.js.map +1 -0
  39. package/build/esm/Button/FilledButton.d.ts +3 -2
  40. package/build/esm/Button/FilledButton.js +62 -21
  41. package/build/esm/Button/FilledButton.js.map +1 -1
  42. package/build/esm/Button/FloatingActionButton.d.ts +1 -1
  43. package/build/esm/Button/FloatingActionButton.js.map +1 -1
  44. package/build/esm/Button/IconButton.d.ts +2 -1
  45. package/build/esm/Button/IconButton.js +2 -1
  46. package/build/esm/Button/IconButton.js.map +1 -1
  47. package/build/esm/Button/OutlinedButton.d.ts +1 -1
  48. package/build/esm/Button/OutlinedButton.js +36 -4
  49. package/build/esm/Button/OutlinedButton.js.map +1 -1
  50. package/build/esm/Button/TransparentButton.d.ts +3 -2
  51. package/build/esm/Button/TransparentButton.js +49 -15
  52. package/build/esm/Button/TransparentButton.js.map +1 -1
  53. package/build/esm/Button/context.d.ts +8 -0
  54. package/build/esm/Button/context.js +7 -0
  55. package/build/esm/Button/context.js.map +1 -0
  56. package/build/esm/Button/index.d.ts +1 -0
  57. package/build/esm/Button/index.js +1 -0
  58. package/build/esm/Button/index.js.map +1 -1
  59. package/build/esm/CheckBox/CheckBox.d.ts +3 -3
  60. package/build/esm/CheckBox/CheckBox.js +43 -36
  61. package/build/esm/CheckBox/CheckBox.js.map +1 -1
  62. package/build/esm/CheckBox/CheckBoxIcon.d.ts +3 -3
  63. package/build/esm/CheckBox/CheckBoxIcon.js +15 -13
  64. package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
  65. package/build/esm/CheckBox/CheckPath.js +15 -14
  66. package/build/esm/CheckBox/CheckPath.js.map +1 -1
  67. package/build/esm/CheckBox/IndeterminatePath.js +14 -13
  68. package/build/esm/CheckBox/IndeterminatePath.js.map +1 -1
  69. package/build/esm/Chip/ButtonChip.d.ts +5 -5
  70. package/build/esm/Chip/ButtonChip.js +49 -65
  71. package/build/esm/Chip/ButtonChip.js.map +1 -1
  72. package/build/esm/Chip/ChipBase.d.ts +2 -2
  73. package/build/esm/Chip/ChipBase.js +42 -29
  74. package/build/esm/Chip/ChipBase.js.map +1 -1
  75. package/build/esm/Chip/ChoiceChip.d.ts +5 -4
  76. package/build/esm/Chip/ChoiceChip.js +38 -45
  77. package/build/esm/Chip/ChoiceChip.js.map +1 -1
  78. package/build/esm/ColorMode/ColorModeProvider.d.ts +1 -1
  79. package/build/esm/ColorMode/ColorModeProvider.js +32 -19
  80. package/build/esm/ColorMode/ColorModeProvider.js.map +1 -1
  81. package/build/esm/ColorMode/color-mode.js +3 -3
  82. package/build/esm/ColorMode/color-mode.js.map +1 -1
  83. package/build/esm/ColorMode/color-vars.js +20 -12
  84. package/build/esm/ColorMode/color-vars.js.map +1 -1
  85. package/build/esm/ColorMode/constants.js +3 -3
  86. package/build/esm/ColorMode/constants.js.map +1 -1
  87. package/build/esm/Combobox/Combobox.d.ts +15 -15
  88. package/build/esm/Combobox/Combobox.js +51 -57
  89. package/build/esm/Combobox/Combobox.js.map +1 -1
  90. package/build/esm/Dialog/Dialog.d.ts +5 -5
  91. package/build/esm/Dialog/Dialog.js +22 -23
  92. package/build/esm/Dialog/Dialog.js.map +1 -1
  93. package/build/esm/Dialog/DialogBackdrop.d.ts +4 -4
  94. package/build/esm/Dialog/DialogBackdrop.js +10 -11
  95. package/build/esm/Dialog/DialogBackdrop.js.map +1 -1
  96. package/build/esm/Dialog/DialogContainer.d.ts +1 -1
  97. package/build/esm/Dialog/DialogContainer.js +4 -6
  98. package/build/esm/Dialog/DialogContainer.js.map +1 -1
  99. package/build/esm/Dialog/DialogSurface.d.ts +7 -5
  100. package/build/esm/Dialog/DialogSurface.js +24 -12
  101. package/build/esm/Dialog/DialogSurface.js.map +1 -1
  102. package/build/esm/Dialog/Scrim.d.ts +1 -1
  103. package/build/esm/Dialog/Scrim.js +4 -6
  104. package/build/esm/Dialog/Scrim.js.map +1 -1
  105. package/build/esm/Dialog/useDialogAnimation.js +19 -20
  106. package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
  107. package/build/esm/Divider/Divider.d.ts +3 -3
  108. package/build/esm/Divider/Divider.js +9 -8
  109. package/build/esm/Divider/Divider.js.map +1 -1
  110. package/build/esm/FloatingLabel/FloatingLabel.d.ts +1 -1
  111. package/build/esm/FloatingLabel/FloatingLabel.js +26 -22
  112. package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
  113. package/build/esm/LineRipple/LineRipple.d.ts +3 -3
  114. package/build/esm/LineRipple/LineRipple.js +27 -18
  115. package/build/esm/LineRipple/LineRipple.js.map +1 -1
  116. package/build/esm/Link/Link.d.ts +3 -3
  117. package/build/esm/Link/Link.js +10 -9
  118. package/build/esm/Link/Link.js.map +1 -1
  119. package/build/esm/List/List.d.ts +3 -3
  120. package/build/esm/List/List.js +20 -13
  121. package/build/esm/List/List.js.map +1 -1
  122. package/build/esm/ListItem/ListItem.d.ts +3 -3
  123. package/build/esm/ListItem/ListItem.js +72 -50
  124. package/build/esm/ListItem/ListItem.js.map +1 -1
  125. package/build/esm/ListItem/ListItemText.d.ts +1 -1
  126. package/build/esm/ListItem/ListItemText.js +10 -15
  127. package/build/esm/ListItem/ListItemText.js.map +1 -1
  128. package/build/esm/Menu/Menu.d.ts +10 -10
  129. package/build/esm/Menu/Menu.js +23 -27
  130. package/build/esm/Menu/Menu.js.map +1 -1
  131. package/build/esm/Menu/animation.d.ts +1 -1
  132. package/build/esm/Menu/animation.js +1 -1
  133. package/build/esm/Menu/animation.js.map +1 -1
  134. package/build/esm/NotchedOutline/NotchedOutline.d.ts +1 -1
  135. package/build/esm/NotchedOutline/NotchedOutline.js +25 -21
  136. package/build/esm/NotchedOutline/NotchedOutline.js.map +1 -1
  137. package/build/esm/NotchedOutline/context.js +6 -5
  138. package/build/esm/NotchedOutline/context.js.map +1 -1
  139. package/build/esm/NotchedOutline/styledComponents.d.ts +96 -50
  140. package/build/esm/NotchedOutline/styledComponents.js +58 -63
  141. package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
  142. package/build/esm/Paper/Paper.d.ts +4 -3
  143. package/build/esm/Paper/Paper.js +15 -13
  144. package/build/esm/Paper/Paper.js.map +1 -1
  145. package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +1 -1
  146. package/build/esm/ProgressSpinner/ProgressSpinner.js +16 -16
  147. package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
  148. package/build/esm/RadioButton/RadioButton.d.ts +1 -1
  149. package/build/esm/RadioButton/RadioButton.js +17 -20
  150. package/build/esm/RadioButton/RadioButton.js.map +1 -1
  151. package/build/esm/RadioButton/RadioButtonIcon.d.ts +1 -1
  152. package/build/esm/RadioButton/RadioButtonIcon.js +7 -8
  153. package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
  154. package/build/esm/RadioButton/RadioGroup.d.ts +3 -3
  155. package/build/esm/RadioButton/RadioGroup.js +5 -4
  156. package/build/esm/RadioButton/RadioGroup.js.map +1 -1
  157. package/build/esm/Ripple/Ripple.d.ts +1 -1
  158. package/build/esm/Ripple/Ripple.js +21 -20
  159. package/build/esm/Ripple/Ripple.js.map +1 -1
  160. package/build/esm/Ripple/RippleBox.d.ts +4 -4
  161. package/build/esm/Ripple/RippleBox.js +22 -15
  162. package/build/esm/Ripple/RippleBox.js.map +1 -1
  163. package/build/esm/Ripple/constants.js +7 -7
  164. package/build/esm/Ripple/constants.js.map +1 -1
  165. package/build/esm/Ripple/keyframes.d.ts +1 -1
  166. package/build/esm/Ripple/keyframes.js +3 -3
  167. package/build/esm/Ripple/keyframes.js.map +1 -1
  168. package/build/esm/Ripple/useRipple.js +55 -48
  169. package/build/esm/Ripple/useRipple.js.map +1 -1
  170. package/build/esm/Ripple/useRippleHandlers.d.ts +1 -1
  171. package/build/esm/Ripple/useRippleHandlers.js +13 -15
  172. package/build/esm/Ripple/useRippleHandlers.js.map +1 -1
  173. package/build/esm/Ripple/useRippleSurface.d.ts +6 -5
  174. package/build/esm/Ripple/useRippleSurface.js +60 -37
  175. package/build/esm/Ripple/useRippleSurface.js.map +1 -1
  176. package/build/esm/Select/Select.d.ts +4 -4
  177. package/build/esm/Select/Select.js +69 -47
  178. package/build/esm/Select/Select.js.map +1 -1
  179. package/build/esm/Select/SelectIcon.d.ts +3 -3
  180. package/build/esm/Select/SelectIcon.js +6 -7
  181. package/build/esm/Select/SelectIcon.js.map +1 -1
  182. package/build/esm/Select/context.js +7 -6
  183. package/build/esm/Select/context.js.map +1 -1
  184. package/build/esm/Select/defaultRender.js +12 -10
  185. package/build/esm/Select/defaultRender.js.map +1 -1
  186. package/build/esm/Select/styledComponents.d.ts +2 -2
  187. package/build/esm/Select/styledComponents.js +16 -19
  188. package/build/esm/Select/styledComponents.js.map +1 -1
  189. package/build/esm/SelectItem/SelectItem.d.ts +2 -2
  190. package/build/esm/SelectItem/SelectItem.js +18 -19
  191. package/build/esm/SelectItem/SelectItem.js.map +1 -1
  192. package/build/esm/SelectionControl/SelectionControlLabel.d.ts +3 -3
  193. package/build/esm/SelectionControl/SelectionControlLabel.js +7 -7
  194. package/build/esm/SelectionControl/SelectionControlLabel.js.map +1 -1
  195. package/build/esm/SelectionControl/SelectionControlText.d.ts +3 -3
  196. package/build/esm/SelectionControl/SelectionControlText.js +8 -8
  197. package/build/esm/SelectionControl/SelectionControlText.js.map +1 -1
  198. package/build/esm/Skeleton/DelayAppearance.d.ts +4 -4
  199. package/build/esm/Skeleton/DelayAppearance.js +9 -9
  200. package/build/esm/Skeleton/DelayAppearance.js.map +1 -1
  201. package/build/esm/Skeleton/Skeleton.d.ts +3 -3
  202. package/build/esm/Skeleton/Skeleton.js +11 -10
  203. package/build/esm/Skeleton/Skeleton.js.map +1 -1
  204. package/build/esm/Skeleton/animation.d.ts +2 -2
  205. package/build/esm/Skeleton/animation.js +25 -22
  206. package/build/esm/Skeleton/animation.js.map +1 -1
  207. package/build/esm/Snackbar/Snackbar.d.ts +3 -3
  208. package/build/esm/Snackbar/Snackbar.js +24 -24
  209. package/build/esm/Snackbar/Snackbar.js.map +1 -1
  210. package/build/esm/Snackbar/Stack.d.ts +2 -3
  211. package/build/esm/Snackbar/Stack.js +78 -65
  212. package/build/esm/Snackbar/Stack.js.map +1 -1
  213. package/build/esm/Snackbar/useSnackbarAnimation.d.ts +1 -1
  214. package/build/esm/Snackbar/useSnackbarAnimation.js +113 -78
  215. package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
  216. package/build/esm/Switch/Switch.d.ts +3 -3
  217. package/build/esm/Switch/Switch.js +29 -28
  218. package/build/esm/Switch/Switch.js.map +1 -1
  219. package/build/esm/Switch/styledComponents.d.ts +2 -2
  220. package/build/esm/Switch/styledComponents.js +66 -40
  221. package/build/esm/Switch/styledComponents.js.map +1 -1
  222. package/build/esm/Tab/Tab.d.ts +4 -4
  223. package/build/esm/Tab/Tab.js +17 -19
  224. package/build/esm/Tab/Tab.js.map +1 -1
  225. package/build/esm/Tab/TabList.d.ts +3 -3
  226. package/build/esm/Tab/TabList.js +18 -19
  227. package/build/esm/Tab/TabList.js.map +1 -1
  228. package/build/esm/Tab/TabPanel.d.ts +3 -3
  229. package/build/esm/Tab/TabPanel.js +8 -11
  230. package/build/esm/Tab/TabPanel.js.map +1 -1
  231. package/build/esm/Tab/context.js +6 -5
  232. package/build/esm/Tab/context.js.map +1 -1
  233. package/build/esm/TabIndicator/TabIndicator.d.ts +2 -2
  234. package/build/esm/TabIndicator/TabIndicator.js +22 -21
  235. package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
  236. package/build/esm/TabIndicator/context.js +6 -5
  237. package/build/esm/TabIndicator/context.js.map +1 -1
  238. package/build/esm/Table/Table.d.ts +2 -2
  239. package/build/esm/Table/Table.js +8 -8
  240. package/build/esm/Table/Table.js.map +1 -1
  241. package/build/esm/Table/TableBody.d.ts +1 -1
  242. package/build/esm/Table/TableBody.js +4 -6
  243. package/build/esm/Table/TableBody.js.map +1 -1
  244. package/build/esm/Table/TableCell.d.ts +1 -1
  245. package/build/esm/Table/TableCell.js +6 -8
  246. package/build/esm/Table/TableCell.js.map +1 -1
  247. package/build/esm/Table/TableHead.d.ts +1 -1
  248. package/build/esm/Table/TableHead.js +5 -7
  249. package/build/esm/Table/TableHead.js.map +1 -1
  250. package/build/esm/Table/TableRow.d.ts +2 -2
  251. package/build/esm/Table/TableRow.js +5 -7
  252. package/build/esm/Table/TableRow.js.map +1 -1
  253. package/build/esm/Table/context.js +6 -5
  254. package/build/esm/Table/context.js.map +1 -1
  255. package/build/esm/Text/LoremIpsum.d.ts +1 -1
  256. package/build/esm/Text/LoremIpsum.js +6 -6
  257. package/build/esm/Text/LoremIpsum.js.map +1 -1
  258. package/build/esm/Text/Text.d.ts +3 -3
  259. package/build/esm/Text/Text.js +9 -9
  260. package/build/esm/Text/Text.js.map +1 -1
  261. package/build/esm/TextField/FilledContainer.d.ts +3 -3
  262. package/build/esm/TextField/FilledContainer.js +61 -57
  263. package/build/esm/TextField/FilledContainer.js.map +1 -1
  264. package/build/esm/TextField/HelperText.d.ts +3 -3
  265. package/build/esm/TextField/HelperText.js +14 -13
  266. package/build/esm/TextField/HelperText.js.map +1 -1
  267. package/build/esm/TextField/IconContainer.d.ts +2 -2
  268. package/build/esm/TextField/IconContainer.js +15 -23
  269. package/build/esm/TextField/IconContainer.js.map +1 -1
  270. package/build/esm/TextField/Input.d.ts +3 -3
  271. package/build/esm/TextField/Input.js +14 -14
  272. package/build/esm/TextField/Input.js.map +1 -1
  273. package/build/esm/TextField/OutlinedContainer.d.ts +4 -4
  274. package/build/esm/TextField/OutlinedContainer.js +28 -22
  275. package/build/esm/TextField/OutlinedContainer.js.map +1 -1
  276. package/build/esm/TextField/TextField.d.ts +4 -4
  277. package/build/esm/TextField/TextField.js +59 -41
  278. package/build/esm/TextField/TextField.js.map +1 -1
  279. package/build/esm/TextField/consts.js +5 -5
  280. package/build/esm/TextField/consts.js.map +1 -1
  281. package/build/esm/ThemeExplorer/ColorPicker.d.ts +4 -4
  282. package/build/esm/ThemeExplorer/ColorPicker.js +16 -16
  283. package/build/esm/ThemeExplorer/ColorPicker.js.map +1 -1
  284. package/build/esm/ThemeExplorer/TextFieldColorPicker.d.ts +2 -2
  285. package/build/esm/ThemeExplorer/TextFieldColorPicker.js +49 -29
  286. package/build/esm/ThemeExplorer/TextFieldColorPicker.js.map +1 -1
  287. package/build/esm/ThemeExplorer/ThemeColors.d.ts +1 -1
  288. package/build/esm/ThemeExplorer/ThemeColors.js +3 -3
  289. package/build/esm/ThemeExplorer/ThemeColors.js.map +1 -1
  290. package/build/esm/ThemeExplorer/components.d.ts +2 -1
  291. package/build/esm/ThemeExplorer/components.js +64 -56
  292. package/build/esm/ThemeExplorer/components.js.map +1 -1
  293. package/build/esm/ThemeExplorer/makeColorScheme.d.ts +1 -1
  294. package/build/esm/ThemeExplorer/makeColorScheme.js.map +1 -1
  295. package/build/esm/ThemeExplorer/useDeferredColor.d.ts +1 -1
  296. package/build/esm/ThemeExplorer/useDeferredColor.js +10 -3
  297. package/build/esm/ThemeExplorer/useDeferredColor.js.map +1 -1
  298. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js +9 -2
  299. package/build/esm/ThemeExplorer/useLocalStorageCachedState.js.map +1 -1
  300. package/build/esm/Tooltip/Tooltip.d.ts +3 -3
  301. package/build/esm/Tooltip/Tooltip.js +7 -8
  302. package/build/esm/Tooltip/Tooltip.js.map +1 -1
  303. package/build/esm/color.d.ts +5 -4
  304. package/build/esm/color.js +26 -16
  305. package/build/esm/color.js.map +1 -1
  306. package/build/esm/hooks/useAnimation.d.ts +1 -1
  307. package/build/esm/hooks/useAnimation.js +54 -41
  308. package/build/esm/hooks/useAnimation.js.map +1 -1
  309. package/build/esm/theme/theme.d.ts +96 -50
  310. package/build/esm/theme/theme.js +134 -94
  311. package/build/esm/theme/theme.js.map +1 -1
  312. package/build/esm/theme/typography-raleway.js +1 -1
  313. package/build/esm/theme/typography-raleway.js.map +1 -1
  314. package/build/esm/theme/typography-roboto.js +1 -1
  315. package/build/esm/theme/typography-roboto.js.map +1 -1
  316. package/build/esm/theme/useTheme.d.ts +1 -1
  317. package/build/esm/theme/useTheme.js +1 -1
  318. package/build/esm/theme/useTheme.js.map +1 -1
  319. package/build/tsconfig.tsbuildinfo +1 -1
  320. package/package.json +6 -4
  321. package/src/Alert/Alert.tsx +4 -2
  322. package/src/AppBar/AppBar.story.tsx +7 -6
  323. package/src/AppBar/AppBar.tsx +10 -9
  324. package/src/AppBar/AppBarButton.tsx +3 -1
  325. package/src/AppBar/context.ts +2 -1
  326. package/src/Badge/Badge.tsx +3 -1
  327. package/src/BaseLine/BaseLine.tsx +15 -11
  328. package/src/BottomSheet/BottomSheet.story.tsx +1 -0
  329. package/src/BottomSheet/BottomSheet.tsx +2 -1
  330. package/src/BottomSheet/BottomSheetSurface.tsx +9 -5
  331. package/src/Box/Box.tsx +21 -18
  332. package/src/Button/BaseButton.tsx +5 -2
  333. package/src/Button/Button.story.tsx +35 -35
  334. package/src/Button/Button.tsx +23 -8
  335. package/src/Button/ButtonGroup.story.tsx +106 -0
  336. package/src/Button/ButtonGroup.tsx +35 -0
  337. package/src/Button/FilledButton.tsx +41 -6
  338. package/src/Button/FloatingActionButton.tsx +9 -0
  339. package/src/Button/IconButton.tsx +2 -1
  340. package/src/Button/OutlinedButton.tsx +33 -4
  341. package/src/Button/SpinnerButton.story.tsx +10 -11
  342. package/src/Button/TransparentButton.tsx +35 -4
  343. package/src/Button/context.tsx +17 -0
  344. package/src/Button/index.ts +1 -0
  345. package/src/CheckBox/CheckBox.story.tsx +3 -2
  346. package/src/CheckBox/CheckBox.tsx +10 -6
  347. package/src/CheckBox/CheckBoxIcon.tsx +4 -2
  348. package/src/Chip/ButtonChip.tsx +47 -51
  349. package/src/Chip/Chip.story.tsx +48 -27
  350. package/src/Chip/ChipBase.tsx +44 -14
  351. package/src/Chip/ChoiceChip.tsx +28 -24
  352. package/src/ColorMode/ColorModeProvider.tsx +4 -2
  353. package/src/Combobox/Combobox.story.tsx +2 -1
  354. package/src/Combobox/Combobox.tsx +30 -18
  355. package/src/Dialog/Dialog.story.tsx +3 -1
  356. package/src/Dialog/Dialog.tsx +9 -4
  357. package/src/Dialog/DialogBackdrop.tsx +6 -6
  358. package/src/Dialog/DialogContainer.tsx +3 -1
  359. package/src/Dialog/DialogSurface.tsx +26 -9
  360. package/src/Dialog/Scrim.tsx +3 -1
  361. package/src/Divider/Divider.tsx +4 -2
  362. package/src/FloatingLabel/FloatingLabel.story.tsx +1 -0
  363. package/src/FloatingLabel/FloatingLabel.tsx +3 -2
  364. package/src/LineRipple/LineRipple.story.tsx +1 -0
  365. package/src/LineRipple/LineRipple.tsx +6 -3
  366. package/src/Link/Link.tsx +4 -2
  367. package/src/List/List.tsx +5 -2
  368. package/src/ListItem/ListItem.story.tsx +1 -0
  369. package/src/ListItem/ListItem.tsx +59 -34
  370. package/src/ListItem/ListItemText.tsx +4 -5
  371. package/src/Menu/Menu.tsx +21 -14
  372. package/src/Menu/animation.ts +1 -1
  373. package/src/NotchedOutline/NotchedOutline.story.tsx +3 -2
  374. package/src/NotchedOutline/NotchedOutline.tsx +2 -1
  375. package/src/NotchedOutline/styledComponents.ts +8 -7
  376. package/src/Paper/Paper.story.tsx +17 -3
  377. package/src/Paper/Paper.tsx +22 -5
  378. package/src/ProgressSpinner/ProgressSpinner.story.tsx +1 -0
  379. package/src/ProgressSpinner/ProgressSpinner.tsx +5 -2
  380. package/src/RadioButton/RadioButton.story.tsx +2 -1
  381. package/src/RadioButton/RadioButton.tsx +10 -8
  382. package/src/RadioButton/RadioButtonIcon.tsx +4 -3
  383. package/src/RadioButton/RadioGroup.tsx +5 -5
  384. package/src/Ripple/Ripple.story.tsx +9 -3
  385. package/src/Ripple/Ripple.tsx +3 -2
  386. package/src/Ripple/RippleBox.tsx +9 -4
  387. package/src/Ripple/keyframes.ts +2 -1
  388. package/src/Ripple/useRipple.ts +1 -0
  389. package/src/Ripple/useRippleHandlers.ts +3 -1
  390. package/src/Ripple/useRippleSurface.ts +39 -13
  391. package/src/Select/PaymentMethodSelect.story.tsx +3 -1
  392. package/src/Select/Select.story.tsx +1 -0
  393. package/src/Select/Select.tsx +6 -4
  394. package/src/Select/SelectIcon.tsx +6 -3
  395. package/src/Select/defaultRender.ts +13 -13
  396. package/src/Select/styledComponents.tsx +5 -3
  397. package/src/SelectItem/SelectItem.tsx +4 -2
  398. package/src/SelectionControl/SelectionControlLabel.tsx +6 -3
  399. package/src/SelectionControl/SelectionControlText.tsx +4 -2
  400. package/src/Skeleton/DelayAppearance.tsx +5 -3
  401. package/src/Skeleton/Skeleton.story.tsx +2 -2
  402. package/src/Skeleton/Skeleton.tsx +4 -2
  403. package/src/Skeleton/animation.ts +3 -2
  404. package/src/Snackbar/Snackbar.story.tsx +1 -0
  405. package/src/Snackbar/Snackbar.tsx +8 -6
  406. package/src/Snackbar/Stack.tsx +3 -3
  407. package/src/Snackbar/useSnackbarAnimation.ts +3 -1
  408. package/src/Switch/Switch.tsx +16 -11
  409. package/src/Switch/styledComponents.tsx +72 -22
  410. package/src/Tab/Tab.tsx +8 -4
  411. package/src/Tab/TabList.tsx +5 -5
  412. package/src/Tab/TabPanel.tsx +5 -5
  413. package/src/TabIndicator/TabIndicator.tsx +6 -3
  414. package/src/Table/Table.tsx +5 -2
  415. package/src/Table/TableBody.tsx +3 -1
  416. package/src/Table/TableCell.tsx +3 -1
  417. package/src/Table/TableHead.tsx +4 -2
  418. package/src/Table/TableRow.tsx +4 -2
  419. package/src/Text/LoremIpsum.tsx +2 -1
  420. package/src/Text/Text.tsx +4 -2
  421. package/src/TextField/FilledContainer.tsx +13 -8
  422. package/src/TextField/HelperText.tsx +3 -2
  423. package/src/TextField/IconContainer.tsx +3 -2
  424. package/src/TextField/Input.tsx +9 -4
  425. package/src/TextField/OutlinedContainer.tsx +5 -3
  426. package/src/TextField/TextField.story.tsx +1 -0
  427. package/src/TextField/TextField.tsx +6 -3
  428. package/src/ThemeExplorer/ColorPicker.tsx +104 -0
  429. package/src/ThemeExplorer/TextFieldColorPicker.tsx +115 -0
  430. package/src/ThemeExplorer/ThemeBuilder.story.tsx +165 -0
  431. package/src/ThemeExplorer/ThemeColors.tsx +89 -0
  432. package/src/ThemeExplorer/ThemeExplorer.story.tsx +43 -0
  433. package/src/ThemeExplorer/components.tsx +195 -0
  434. package/src/ThemeExplorer/makeColorScheme.tsx +74 -0
  435. package/src/ThemeExplorer/useDeferredColor.tsx +25 -0
  436. package/src/ThemeExplorer/useLocalStorageCachedState.ts +18 -0
  437. package/src/Tooltip/Tooltip.story.tsx +1 -0
  438. package/src/Tooltip/Tooltip.tsx +8 -4
  439. package/src/color.ts +36 -29
  440. package/src/hooks/useAnimation.ts +2 -1
  441. package/src/theme/theme.ts +131 -92
  442. package/src/theme/useTheme.ts +3 -1
  443. package/src/ListItem/context.ts +0 -13
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- import { BoxProps } from '../Box';
2
+ import type { BoxProps } from '../Box';
3
3
  export interface TabIndicatorProps extends BoxProps {
4
4
  selected?: boolean;
5
5
  color?: string;
6
6
  }
7
- export declare const TabIndicator: import("react").ForwardRefExoticComponent<Pick<TabIndicatorProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "selected"> & import("react").RefAttributes<HTMLDivElement>>;
7
+ export declare const TabIndicator: import("react").ForwardRefExoticComponent<Pick<TabIndicatorProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "selected"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,33 +1,34 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { forwardRef, useEffect, useRef, useLayoutEffect } from 'react';
4
+ import { assignMultipleRefs } from '@basic-ui/core';
4
5
  import { Box } from '../Box';
5
6
  import { useTabIndicatorContext } from './context';
6
- import { assignMultipleRefs } from '@basic-ui/core';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
- const useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
9
- export const TabIndicator = /*#__PURE__*/forwardRef(function TabIndicator(props, forwardedRef) {
10
- const {
11
- as = 'span',
12
- selected,
13
- color = 'primary'
14
- } = props,
15
- otherProps = _objectWithoutPropertiesLoose(props, ["as", "selected", "color"]);
8
+ var useEnhancedEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
9
+ export var TabIndicator = /*#__PURE__*/forwardRef(function TabIndicator(props, forwardedRef) {
10
+ var _props$as = props.as,
11
+ as = _props$as === void 0 ? 'span' : _props$as,
12
+ selected = props.selected,
13
+ _props$color = props.color,
14
+ color = _props$color === void 0 ? 'primary' : _props$color,
15
+ otherProps = _objectWithoutProperties(props, ["as", "selected", "color"]);
16
+
17
+ var ref = useRef(null);
18
+
19
+ var _useTabIndicatorConte = useTabIndicatorContext(),
20
+ currentIndicator = _useTabIndicatorConte.currentIndicator;
16
21
 
17
- const ref = useRef(null);
18
- const {
19
- currentIndicator
20
- } = useTabIndicatorContext();
21
- useEnhancedEffect(() => {
22
+ useEnhancedEffect(function () {
22
23
  if (selected && ref.current) {
23
24
  if (currentIndicator.current !== null) {
24
25
  // We are switching indicator, let's slide!
25
- const previousClientRect = currentIndicator.current.getBoundingClientRect();
26
- const currentClientRect = ref.current.getBoundingClientRect();
27
- const widthDelta = previousClientRect.width / currentClientRect.width;
28
- const xPosition = previousClientRect.left - currentClientRect.left;
29
- const prevTransition = ref.current.style.transition;
30
- const prevTransform = ref.current.style.transform;
26
+ var previousClientRect = currentIndicator.current.getBoundingClientRect();
27
+ var currentClientRect = ref.current.getBoundingClientRect();
28
+ var widthDelta = previousClientRect.width / currentClientRect.width;
29
+ var xPosition = previousClientRect.left - currentClientRect.left;
30
+ var prevTransition = ref.current.style.transition;
31
+ var prevTransform = ref.current.style.transform;
31
32
  ref.current.style.transition = 'none';
32
33
  ref.current.style.transform = "translateX(".concat(xPosition, "px) scaleX(").concat(widthDelta, ")"); // Force repaint before updating classes and transform to ensure the transform properly takes effect
33
34
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/TabIndicator/TabIndicator.tsx"],"names":["forwardRef","useEffect","useRef","useLayoutEffect","Box","useTabIndicatorContext","assignMultipleRefs","useEnhancedEffect","window","TabIndicator","props","forwardedRef","as","selected","color","otherProps","ref","currentIndicator","current","previousClientRect","getBoundingClientRect","currentClientRect","widthDelta","width","xPosition","left","prevTransition","style","transition","prevTransform","transform","bg","position","bottom","opacity","transformOrigin","zIndex"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,EAAwCC,eAAxC,QAA+D,OAA/D;AACA,SAASC,GAAT,QAA8B,QAA9B;AAEA,SAASC,sBAAT,QAAuC,WAAvC;AACA,SAASC,kBAAT,QAAmC,gBAAnC;;AAOA,MAAMC,iBAAiB,GACrB,OAAOC,MAAP,KAAkB,WAAlB,GAAgCL,eAAhC,GAAkDF,SADpD;AAGA,OAAO,MAAMQ,YAAY,gBAAGT,UAAU,CACpC,SAASS,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AACzC,QAAM;AAAEC,IAAAA,EAAE,GAAG,MAAP;AAAeC,IAAAA,QAAf;AAAyBC,IAAAA,KAAK,GAAG;AAAjC,MAA8DJ,KAApE;AAAA,QAAqDK,UAArD,iCAAoEL,KAApE;;AACA,QAAMM,GAAG,GAAGd,MAAM,CAAkB,IAAlB,CAAlB;AACA,QAAM;AAAEe,IAAAA;AAAF,MAAuBZ,sBAAsB,EAAnD;AAEAE,EAAAA,iBAAiB,CAAC,MAAM;AACtB,QAAIM,QAAQ,IAAIG,GAAG,CAACE,OAApB,EAA6B;AAC3B,UAAID,gBAAgB,CAACC,OAAjB,KAA6B,IAAjC,EAAuC;AACrC;AACA,cAAMC,kBAAkB,GAAGF,gBAAgB,CAACC,OAAjB,CAAyBE,qBAAzB,EAA3B;AACA,cAAMC,iBAAiB,GAAGL,GAAG,CAACE,OAAJ,CAAYE,qBAAZ,EAA1B;AACA,cAAME,UAAU,GAAGH,kBAAkB,CAACI,KAAnB,GAA2BF,iBAAiB,CAACE,KAAhE;AACA,cAAMC,SAAS,GAAGL,kBAAkB,CAACM,IAAnB,GAA0BJ,iBAAiB,CAACI,IAA9D;AAEA,cAAMC,cAAc,GAAGV,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBC,UAAzC;AACA,cAAMC,aAAa,GAAGb,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBG,SAAxC;AACAd,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBC,UAAlB,GAA+B,MAA/B;AACAZ,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBG,SAAlB,wBAA4CN,SAA5C,wBAAmEF,UAAnE,OAVqC,CAYrC;;AACAN,QAAAA,GAAG,CAACE,OAAJ,CAAYE,qBAAZ,GAbqC,CAerC;;AACAJ,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBC,UAAlB,GAA+BF,cAA/B;AACAV,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBG,SAAlB,GAA8BD,aAA9B;AACD;;AACDZ,MAAAA,gBAAgB,CAACC,OAAjB,GAA2BF,GAAG,CAACE,OAA/B;AACD;AACF,GAvBgB,EAuBd,CAACL,QAAD,CAvBc,CAAjB;AAyBA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAED,EADN;AAEE,IAAA,GAAG,EAAEN,kBAAkB,CAACU,GAAD,EAAML,YAAN,CAFzB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,YAJR;AAKE,IAAA,KAAK,EAAE;AACLoB,MAAAA,EAAE,EAAEjB,KADC;AAELkB,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,MAAM,EAAE,CAHH;AAILH,MAAAA,SAAS,YAJJ;AAKLI,MAAAA,OAAO,EAAErB,QAAQ,GAAG,CAAH,GAAO,CALnB;AAMLsB,MAAAA,eAAe,EAAE,MANZ;AAOLP,MAAAA,UAAU,EAAE,wCAPP;AAQLQ,MAAAA,MAAM,EAAE;AARH;AALT,KAeMrB,UAfN,EADF;AAmBD,CAlDmC,CAA/B","sourcesContent":["import { forwardRef, useEffect, useRef, useLayoutEffect } from 'react';\nimport { Box, BoxProps } from '../Box';\nimport { rem } from 'polished';\nimport { useTabIndicatorContext } from './context';\nimport { assignMultipleRefs } from '@basic-ui/core';\n\nexport interface TabIndicatorProps extends BoxProps {\n selected?: boolean;\n color?: string;\n}\n\nconst useEnhancedEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport const TabIndicator = forwardRef<HTMLDivElement, TabIndicatorProps>(\n function TabIndicator(props, forwardedRef) {\n const { as = 'span', selected, color = 'primary', ...otherProps } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const { currentIndicator } = useTabIndicatorContext();\n\n useEnhancedEffect(() => {\n if (selected && ref.current) {\n if (currentIndicator.current !== null) {\n // We are switching indicator, let's slide!\n const previousClientRect = currentIndicator.current.getBoundingClientRect();\n const currentClientRect = ref.current.getBoundingClientRect();\n const widthDelta = previousClientRect.width / currentClientRect.width;\n const xPosition = previousClientRect.left - currentClientRect.left;\n\n const prevTransition = ref.current.style.transition;\n const prevTransform = ref.current.style.transform;\n ref.current.style.transition = 'none';\n ref.current.style.transform = `translateX(${xPosition}px) scaleX(${widthDelta})`;\n\n // Force repaint before updating classes and transform to ensure the transform properly takes effect\n ref.current.getBoundingClientRect();\n\n // Restore and let transition do it's magic\n ref.current.style.transition = prevTransition;\n ref.current.style.transform = prevTransform;\n }\n currentIndicator.current = ref.current;\n }\n }, [selected]);\n\n return (\n <Box\n as={as}\n ref={assignMultipleRefs(ref, forwardedRef)}\n width=\"100%\"\n height={rem(2)}\n __css={{\n bg: color,\n position: 'absolute',\n bottom: 0,\n transform: `scale(1)`,\n opacity: selected ? 1 : 0,\n transformOrigin: 'left',\n transition: 'transform .25s cubic-bezier(.4,0,.2,1)',\n zIndex: 1,\n }}\n {...otherProps}\n />\n );\n }\n);\n"],"file":"TabIndicator.js"}
1
+ {"version":3,"sources":["../../../src/TabIndicator/TabIndicator.tsx"],"names":["forwardRef","useEffect","useRef","useLayoutEffect","assignMultipleRefs","Box","useTabIndicatorContext","useEnhancedEffect","window","TabIndicator","props","forwardedRef","as","selected","color","otherProps","ref","currentIndicator","current","previousClientRect","getBoundingClientRect","currentClientRect","widthDelta","width","xPosition","left","prevTransition","style","transition","prevTransform","transform","bg","position","bottom","opacity","transformOrigin","zIndex"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,EAAwCC,eAAxC,QAA+D,OAA/D;AAEA,SAASC,kBAAT,QAAmC,gBAAnC;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,sBAAT,QAAuC,WAAvC;;AAOA,IAAMC,iBAAiB,GACrB,OAAOC,MAAP,KAAkB,WAAlB,GAAgCL,eAAhC,GAAkDF,SADpD;AAGA,OAAO,IAAMQ,YAAY,gBAAGT,UAAU,CACpC,SAASS,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AAAA,kBAC2BD,KAD3B,CACjCE,EADiC;AAAA,MACjCA,EADiC,0BAC5B,MAD4B;AAAA,MACpBC,QADoB,GAC2BH,KAD3B,CACpBG,QADoB;AAAA,qBAC2BH,KAD3B,CACVI,KADU;AAAA,MACVA,KADU,6BACF,SADE;AAAA,MACYC,UADZ,4BAC2BL,KAD3B;;AAEzC,MAAMM,GAAG,GAAGd,MAAM,CAAkB,IAAlB,CAAlB;;AAFyC,8BAGZI,sBAAsB,EAHV;AAAA,MAGjCW,gBAHiC,yBAGjCA,gBAHiC;;AAKzCV,EAAAA,iBAAiB,CAAC,YAAM;AACtB,QAAIM,QAAQ,IAAIG,GAAG,CAACE,OAApB,EAA6B;AAC3B,UAAID,gBAAgB,CAACC,OAAjB,KAA6B,IAAjC,EAAuC;AACrC;AACA,YAAMC,kBAAkB,GACtBF,gBAAgB,CAACC,OAAjB,CAAyBE,qBAAzB,EADF;AAEA,YAAMC,iBAAiB,GAAGL,GAAG,CAACE,OAAJ,CAAYE,qBAAZ,EAA1B;AACA,YAAME,UAAU,GAAGH,kBAAkB,CAACI,KAAnB,GAA2BF,iBAAiB,CAACE,KAAhE;AACA,YAAMC,SAAS,GAAGL,kBAAkB,CAACM,IAAnB,GAA0BJ,iBAAiB,CAACI,IAA9D;AAEA,YAAMC,cAAc,GAAGV,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBC,UAAzC;AACA,YAAMC,aAAa,GAAGb,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBG,SAAxC;AACAd,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBC,UAAlB,GAA+B,MAA/B;AACAZ,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBG,SAAlB,wBAA4CN,SAA5C,wBAAmEF,UAAnE,OAXqC,CAarC;;AACAN,QAAAA,GAAG,CAACE,OAAJ,CAAYE,qBAAZ,GAdqC,CAgBrC;;AACAJ,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBC,UAAlB,GAA+BF,cAA/B;AACAV,QAAAA,GAAG,CAACE,OAAJ,CAAYS,KAAZ,CAAkBG,SAAlB,GAA8BD,aAA9B;AACD;;AACDZ,MAAAA,gBAAgB,CAACC,OAAjB,GAA2BF,GAAG,CAACE,OAA/B;AACD;AACF,GAxBgB,EAwBd,CAACL,QAAD,CAxBc,CAAjB;AA0BA,sBACE,KAAC,GAAD;AACE,IAAA,EAAE,EAAED,EADN;AAEE,IAAA,GAAG,EAAER,kBAAkB,CAACY,GAAD,EAAML,YAAN,CAFzB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,YAJR;AAKE,IAAA,KAAK,EAAE;AACLoB,MAAAA,EAAE,EAAEjB,KADC;AAELkB,MAAAA,QAAQ,EAAE,UAFL;AAGLC,MAAAA,MAAM,EAAE,CAHH;AAILH,MAAAA,SAAS,YAJJ;AAKLI,MAAAA,OAAO,EAAErB,QAAQ,GAAG,CAAH,GAAO,CALnB;AAMLsB,MAAAA,eAAe,EAAE,MANZ;AAOLP,MAAAA,UAAU,EAAE,wCAPP;AAQLQ,MAAAA,MAAM,EAAE;AARH;AALT,KAeMrB,UAfN,EADF;AAmBD,CAnDmC,CAA/B","sourcesContent":["import { forwardRef, useEffect, useRef, useLayoutEffect } from 'react';\nimport { rem } from 'polished';\nimport { assignMultipleRefs } from '@basic-ui/core';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTabIndicatorContext } from './context';\n\nexport interface TabIndicatorProps extends BoxProps {\n selected?: boolean;\n color?: string;\n}\n\nconst useEnhancedEffect =\n typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport const TabIndicator = forwardRef<HTMLDivElement, TabIndicatorProps>(\n function TabIndicator(props, forwardedRef) {\n const { as = 'span', selected, color = 'primary', ...otherProps } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const { currentIndicator } = useTabIndicatorContext();\n\n useEnhancedEffect(() => {\n if (selected && ref.current) {\n if (currentIndicator.current !== null) {\n // We are switching indicator, let's slide!\n const previousClientRect =\n currentIndicator.current.getBoundingClientRect();\n const currentClientRect = ref.current.getBoundingClientRect();\n const widthDelta = previousClientRect.width / currentClientRect.width;\n const xPosition = previousClientRect.left - currentClientRect.left;\n\n const prevTransition = ref.current.style.transition;\n const prevTransform = ref.current.style.transform;\n ref.current.style.transition = 'none';\n ref.current.style.transform = `translateX(${xPosition}px) scaleX(${widthDelta})`;\n\n // Force repaint before updating classes and transform to ensure the transform properly takes effect\n ref.current.getBoundingClientRect();\n\n // Restore and let transition do it's magic\n ref.current.style.transition = prevTransition;\n ref.current.style.transform = prevTransform;\n }\n currentIndicator.current = ref.current;\n }\n }, [selected]);\n\n return (\n <Box\n as={as}\n ref={assignMultipleRefs(ref, forwardedRef)}\n width=\"100%\"\n height={rem(2)}\n __css={{\n bg: color,\n position: 'absolute',\n bottom: 0,\n transform: `scale(1)`,\n opacity: selected ? 1 : 0,\n transformOrigin: 'left',\n transition: 'transform .25s cubic-bezier(.4,0,.2,1)',\n zIndex: 1,\n }}\n {...otherProps}\n />\n );\n }\n);\n"],"file":"TabIndicator.js"}
@@ -1,12 +1,13 @@
1
1
  import { createContext, useContext } from 'react'; // TabIndicator Component
2
2
 
3
- const TabIndicatorContext = /*#__PURE__*/createContext({
3
+ var TabIndicatorContext = /*#__PURE__*/createContext({
4
4
  currentIndicator: {
5
5
  current: null
6
6
  }
7
7
  });
8
- export const {
9
- Provider: TabIndicatorProvider
10
- } = TabIndicatorContext;
11
- export const useTabIndicatorContext = () => useContext(TabIndicatorContext);
8
+ var TabIndicatorProvider = TabIndicatorContext.Provider;
9
+ export { TabIndicatorProvider };
10
+ export var useTabIndicatorContext = function useTabIndicatorContext() {
11
+ return useContext(TabIndicatorContext);
12
+ };
12
13
  //# sourceMappingURL=context.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/TabIndicator/context.ts"],"names":["createContext","useContext","TabIndicatorContext","currentIndicator","current","Provider","TabIndicatorProvider","useTabIndicatorContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,MAAMC,mBAAmB,gBAAGF,aAAa,CAA2B;AAClEG,EAAAA,gBAAgB,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AADgD,CAA3B,CAAzC;AAGA,OAAO,MAAM;AAAEC,EAAAA,QAAQ,EAAEC;AAAZ,IAAqCJ,mBAA3C;AACP,OAAO,MAAMK,sBAAsB,GAAG,MAAMN,UAAU,CAACC,mBAAD,CAA/C","sourcesContent":["import { createContext, useContext } from 'react';\n\n// TabIndicator Component\nexport interface TabIndicatorContextProps {\n currentIndicator: React.MutableRefObject<HTMLSpanElement | null>;\n}\n\nconst TabIndicatorContext = createContext<TabIndicatorContextProps>({\n currentIndicator: { current: null },\n});\nexport const { Provider: TabIndicatorProvider } = TabIndicatorContext;\nexport const useTabIndicatorContext = () => useContext(TabIndicatorContext);\n"],"file":"context.js"}
1
+ {"version":3,"sources":["../../../src/TabIndicator/context.ts"],"names":["createContext","useContext","TabIndicatorContext","currentIndicator","current","TabIndicatorProvider","Provider","useTabIndicatorContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,IAAMC,mBAAmB,gBAAGF,aAAa,CAA2B;AAClEG,EAAAA,gBAAgB,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AADgD,CAA3B,CAAzC;IAGyBC,oB,GAAyBH,mB,CAAnCI,Q;;AACf,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB;AAAA,SAAMN,UAAU,CAACC,mBAAD,CAAhB;AAAA,CAA/B","sourcesContent":["import { createContext, useContext } from 'react';\n\n// TabIndicator Component\nexport interface TabIndicatorContextProps {\n currentIndicator: React.MutableRefObject<HTMLSpanElement | null>;\n}\n\nconst TabIndicatorContext = createContext<TabIndicatorContextProps>({\n currentIndicator: { current: null },\n});\nexport const { Provider: TabIndicatorProvider } = TabIndicatorContext;\nexport const useTabIndicatorContext = () => useContext(TabIndicatorContext);\n"],"file":"context.js"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { PaperProps } from '../Paper';
2
+ import type { PaperProps } from '../Paper';
3
3
  export declare type TableProps = PaperProps;
4
- export declare const Table: import("react").ForwardRefExoticComponent<Pick<PaperProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "elevation" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "outlined" | "backgroundOverlay" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const Table: import("react").ForwardRefExoticComponent<Pick<PaperProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "elevation" | "outlined" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,14 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { forwardRef } from 'react';
4
4
  import { Paper } from '../Paper';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
- export const Table = /*#__PURE__*/forwardRef((props, ref) => {
7
- const {
8
- children,
9
- elevation = 4
10
- } = props,
11
- rest = _objectWithoutPropertiesLoose(props, ["children", "elevation"]);
6
+ export var Table = /*#__PURE__*/forwardRef(function (props, ref) {
7
+ var children = props.children,
8
+ _props$elevation = props.elevation,
9
+ elevation = _props$elevation === void 0 ? 1 : _props$elevation,
10
+ rest = _objectWithoutProperties(props, ["children", "elevation"]);
12
11
 
13
12
  return /*#__PURE__*/_jsx(Paper, _extends({
14
13
  ref: ref,
@@ -16,7 +15,8 @@ export const Table = /*#__PURE__*/forwardRef((props, ref) => {
16
15
  display: "flex",
17
16
  width: "100%",
18
17
  flexDirection: "column",
19
- elevation: elevation
18
+ elevation: elevation,
19
+ darkThemeBackgroundOverlay: elevation
20
20
  }, rest, {
21
21
  children: children
22
22
  }));
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Table/Table.tsx"],"names":["forwardRef","Paper","Table","props","ref","children","elevation","rest"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,KAAT,QAAkC,UAAlC;;AAIA,OAAO,MAAMC,KAAK,gBAAGF,UAAU,CAA6B,CAACG,KAAD,EAAQC,GAAR,KAAgB;AAC1E,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAS,GAAG;AAAxB,MAAuCH,KAA7C;AAAA,QAAoCI,IAApC,iCAA6CJ,KAA7C;;AAEA,sBACE,KAAC,KAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,OAAO,EAAC,MAHV;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,aAAa,EAAC,QALhB;AAME,IAAA,SAAS,EAAEE;AANb,KAOMC,IAPN;AAAA,cASGF;AATH,KADF;AAaD,CAhB8B,CAAxB","sourcesContent":["import { forwardRef } from 'react';\nimport { Paper, PaperProps } from '../Paper';\n\nexport type TableProps = PaperProps;\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n const { children, elevation = 4, ...rest } = props;\n\n return (\n <Paper\n ref={ref}\n role=\"table\"\n display=\"flex\"\n width=\"100%\"\n flexDirection=\"column\"\n elevation={elevation}\n {...rest}\n >\n {children}\n </Paper>\n );\n});\n"],"file":"Table.js"}
1
+ {"version":3,"sources":["../../../src/Table/Table.tsx"],"names":["forwardRef","Paper","Table","props","ref","children","elevation","rest"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAIA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAA6B,UAACG,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAClEC,QADkE,GAC7BF,KAD6B,CAClEE,QADkE;AAAA,yBAC7BF,KAD6B,CACxDG,SADwD;AAAA,MACxDA,SADwD,iCAC5C,CAD4C;AAAA,MACtCC,IADsC,4BAC7BJ,KAD6B;;AAG1E,sBACE,KAAC,KAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,IAAA,OAAO,EAAC,MAHV;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,aAAa,EAAC,QALhB;AAME,IAAA,SAAS,EAAEE,SANb;AAOE,IAAA,0BAA0B,EAAEA;AAP9B,KAQMC,IARN;AAAA,cAUGF;AAVH,KADF;AAcD,CAjB8B,CAAxB","sourcesContent":["import { forwardRef } from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport type TableProps = PaperProps;\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n const { children, elevation = 1, ...rest } = props;\n\n return (\n <Paper\n ref={ref}\n role=\"table\"\n display=\"flex\"\n width=\"100%\"\n flexDirection=\"column\"\n elevation={elevation}\n darkThemeBackgroundOverlay={elevation}\n {...rest}\n >\n {children}\n </Paper>\n );\n});\n"],"file":"Table.js"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { BoxProps } from '../Box';
2
+ import type { BoxProps } from '../Box';
3
3
  export declare type TableBodyProps = BoxProps;
4
4
  export declare const TableBody: import("react").ForwardRefExoticComponent<Pick<TableBodyProps, "children" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,13 +1,11 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { forwardRef } from 'react';
4
4
  import { Box } from '../Box';
5
5
  import { jsx as _jsx } from "react/jsx-runtime";
6
- export const TableBody = /*#__PURE__*/forwardRef((props, ref) => {
7
- const {
8
- children
9
- } = props,
10
- rest = _objectWithoutPropertiesLoose(props, ["children"]);
6
+ export var TableBody = /*#__PURE__*/forwardRef(function (props, ref) {
7
+ var children = props.children,
8
+ rest = _objectWithoutProperties(props, ["children"]);
11
9
 
12
10
  return /*#__PURE__*/_jsx(Box, _extends({
13
11
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Table/TableBody.tsx"],"names":["forwardRef","Box","TableBody","props","ref","children","rest"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,GAAT,QAA8B,QAA9B;;AAIA,OAAO,MAAMC,SAAS,gBAAGF,UAAU,CACjC,CAACG,KAAD,EAAQC,GAAR,KAAgB;AACd,QAAM;AAAEC,IAAAA;AAAF,MAAwBF,KAA9B;AAAA,QAAqBG,IAArB,iCAA8BH,KAA9B;;AACA,sBACE,KAAC,GAAD;AAAK,IAAA,GAAG,EAAEC,GAAV;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCE,IAAnC;AAAA,cACGD;AADH,KADF;AAKD,CARgC,CAA5B","sourcesContent":["import { forwardRef } from 'react';\nimport { Box, BoxProps } from '../Box';\n\nexport type TableBodyProps = BoxProps;\n\nexport const TableBody = forwardRef<HTMLDivElement, TableBodyProps>(\n (props, ref) => {\n const { children, ...rest } = props;\n return (\n <Box ref={ref} role=\"rowgroup\" {...rest}>\n {children}\n </Box>\n );\n }\n);\n"],"file":"TableBody.js"}
1
+ {"version":3,"sources":["../../../src/Table/TableBody.tsx"],"names":["forwardRef","Box","TableBody","props","ref","children","rest"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAIA,OAAO,IAAMC,SAAS,gBAAGF,UAAU,CACjC,UAACG,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACNC,QADM,GACgBF,KADhB,CACNE,QADM;AAAA,MACOC,IADP,4BACgBH,KADhB;;AAEd,sBACE,KAAC,GAAD;AAAK,IAAA,GAAG,EAAEC,GAAV;AAAe,IAAA,IAAI,EAAC;AAApB,KAAmCE,IAAnC;AAAA,cACGD;AADH,KADF;AAKD,CARgC,CAA5B","sourcesContent":["import { forwardRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type TableBodyProps = BoxProps;\n\nexport const TableBody = forwardRef<HTMLDivElement, TableBodyProps>(\n (props, ref) => {\n const { children, ...rest } = props;\n return (\n <Box ref={ref} role=\"rowgroup\" {...rest}>\n {children}\n </Box>\n );\n }\n);\n"],"file":"TableBody.js"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { BoxProps } from '../Box';
2
+ import type { BoxProps } from '../Box';
3
3
  export declare type TableCellProps = BoxProps;
4
4
  export declare const TableCell: import("react").ForwardRefExoticComponent<Pick<TableCellProps, "children" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,17 +1,15 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { forwardRef } from 'react';
4
4
  import { Box } from '../Box';
5
5
  import { useTableHeadContext } from './context';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
- export const TableCell = /*#__PURE__*/forwardRef((props, ref) => {
8
- const {
9
- children,
10
- __css
11
- } = props,
12
- rest = _objectWithoutPropertiesLoose(props, ["children", "__css"]);
7
+ export var TableCell = /*#__PURE__*/forwardRef(function (props, ref) {
8
+ var children = props.children,
9
+ __css = props.__css,
10
+ rest = _objectWithoutProperties(props, ["children", "__css"]);
13
11
 
14
- const isHeadCell = useTableHeadContext();
12
+ var isHeadCell = useTableHeadContext();
15
13
  return /*#__PURE__*/_jsx(Box, _extends({
16
14
  ref: ref,
17
15
  px: 1,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Table/TableCell.tsx"],"names":["forwardRef","Box","useTableHeadContext","TableCell","props","ref","children","__css","rest","isHeadCell","whiteSpace","overflow","textOverflow","fontWeight","undefined","color"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,GAAT,QAA8B,QAA9B;AACA,SAASC,mBAAT,QAAoC,WAApC;;AAIA,OAAO,MAAMC,SAAS,gBAAGH,UAAU,CACjC,CAACI,KAAD,EAAQC,GAAR,KAAgB;AACd,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA+BH,KAArC;AAAA,QAA4BI,IAA5B,iCAAqCJ,KAArC;;AACA,QAAMK,UAAU,GAAGP,mBAAmB,EAAtC;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEG,GADP;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,IAAI,EAAEI,UAAU,GAAG,cAAH,GAAoB,MAJtC;AAKE,IAAA,KAAK;AACHC,MAAAA,UAAU,EAAE,QADT;AAEHC,MAAAA,QAAQ,EAAE,QAFP;AAGHC,MAAAA,YAAY,EAAE,UAHX;AAIHC,MAAAA,UAAU,EAAEJ,UAAU,GAAG,QAAH,GAAcK,SAJjC;AAKHC,MAAAA,KAAK,EAAE;AALJ,OAMAR,KANA;AALP,KAaMC,IAbN;AAAA,cAeGF;AAfH,KADF;AAmBD,CAxBgC,CAA5B","sourcesContent":["import { forwardRef } from 'react';\nimport { Box, BoxProps } from '../Box';\nimport { useTableHeadContext } from './context';\n\nexport type TableCellProps = BoxProps;\n\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(\n (props, ref) => {\n const { children, __css, ...rest } = props;\n const isHeadCell = useTableHeadContext();\n\n return (\n <Box\n ref={ref}\n px={1}\n py={3}\n role={isHeadCell ? 'columnheader' : 'cell'}\n __css={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontWeight: isHeadCell ? 'medium' : undefined,\n color: 'on.surface',\n ...__css,\n }}\n {...rest}\n >\n {children}\n </Box>\n );\n }\n);\n"],"file":"TableCell.js"}
1
+ {"version":3,"sources":["../../../src/Table/TableCell.tsx"],"names":["forwardRef","Box","useTableHeadContext","TableCell","props","ref","children","__css","rest","isHeadCell","whiteSpace","overflow","textOverflow","fontWeight","undefined","color"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,mBAAT,QAAoC,WAApC;;AAIA,OAAO,IAAMC,SAAS,gBAAGH,UAAU,CACjC,UAACI,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACNC,QADM,GACuBF,KADvB,CACNE,QADM;AAAA,MACIC,KADJ,GACuBH,KADvB,CACIG,KADJ;AAAA,MACcC,IADd,4BACuBJ,KADvB;;AAEd,MAAMK,UAAU,GAAGP,mBAAmB,EAAtC;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEG,GADP;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAE,CAHN;AAIE,IAAA,IAAI,EAAEI,UAAU,GAAG,cAAH,GAAoB,MAJtC;AAKE,IAAA,KAAK;AACHC,MAAAA,UAAU,EAAE,QADT;AAEHC,MAAAA,QAAQ,EAAE,QAFP;AAGHC,MAAAA,YAAY,EAAE,UAHX;AAIHC,MAAAA,UAAU,EAAEJ,UAAU,GAAG,QAAH,GAAcK,SAJjC;AAKHC,MAAAA,KAAK,EAAE;AALJ,OAMAR,KANA;AALP,KAaMC,IAbN;AAAA,cAeGF;AAfH,KADF;AAmBD,CAxBgC,CAA5B","sourcesContent":["import { forwardRef } from 'react';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTableHeadContext } from './context';\n\nexport type TableCellProps = BoxProps;\n\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(\n (props, ref) => {\n const { children, __css, ...rest } = props;\n const isHeadCell = useTableHeadContext();\n\n return (\n <Box\n ref={ref}\n px={1}\n py={3}\n role={isHeadCell ? 'columnheader' : 'cell'}\n __css={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontWeight: isHeadCell ? 'medium' : undefined,\n color: 'on.surface',\n ...__css,\n }}\n {...rest}\n >\n {children}\n </Box>\n );\n }\n);\n"],"file":"TableCell.js"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { TableBodyProps } from './TableBody';
2
+ import type { TableBodyProps } from './TableBody';
3
3
  export declare type TableHeadProps = TableBodyProps;
4
4
  export declare const TableHead: import("react").ForwardRefExoticComponent<Pick<TableBodyProps, "children" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("..").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,16 +1,14 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { forwardRef } from 'react';
4
4
  import { TableHeadProvider } from './context';
5
5
  import { TableBody } from './TableBody';
6
6
  import { alpha } from '../color';
7
7
  import { jsx as _jsx } from "react/jsx-runtime";
8
- export const TableHead = /*#__PURE__*/forwardRef((props, ref) => {
9
- const {
10
- children,
11
- __css
12
- } = props,
13
- rest = _objectWithoutPropertiesLoose(props, ["children", "__css"]);
8
+ export var TableHead = /*#__PURE__*/forwardRef(function (props, ref) {
9
+ var children = props.children,
10
+ __css = props.__css,
11
+ rest = _objectWithoutProperties(props, ["children", "__css"]);
14
12
 
15
13
  return /*#__PURE__*/_jsx(TableBody, _extends({
16
14
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Table/TableHead.tsx"],"names":["forwardRef","TableHeadProvider","TableBody","alpha","TableHead","props","ref","children","__css","rest","borderBottomStyle","borderBottomWidth","borderBottomColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,SAAT,QAA0C,aAA1C;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAKA,OAAO,MAAMC,SAAS,gBAAGJ,UAAU,CACjC,CAACK,KAAD,EAAQC,GAAR,KAAgB;AACd,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA+BH,KAArC;AAAA,QAA4BI,IAA5B,iCAAqCJ,KAArC;;AAEA,sBACE,KAAC,SAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,KAAK;AACHI,MAAAA,iBAAiB,EAAE,OADhB;AAEHC,MAAAA,iBAAiB,aAFd;AAGHC,MAAAA,iBAAiB,EAAET,KAAK,CAAC,YAAD,EAAe,IAAf;AAHrB,OAIAK,KAJA;AAFP,KAQMC,IARN;AAAA,2BAUE,KAAC,iBAAD;AAAmB,MAAA,KAAK,EAAE,IAA1B;AAAA,gBAAiCF;AAAjC;AAVF,KADF;AAcD,CAlBgC,CAA5B","sourcesContent":["import { forwardRef } from 'react';\nimport { TableHeadProvider } from './context';\nimport { TableBody, TableBodyProps } from './TableBody';\nimport { alpha } from '../color';\nimport { rem } from 'polished';\n\nexport type TableHeadProps = TableBodyProps;\n\nexport const TableHead = forwardRef<HTMLDivElement, TableHeadProps>(\n (props, ref) => {\n const { children, __css, ...rest } = props;\n\n return (\n <TableBody\n ref={ref}\n __css={{\n borderBottomStyle: 'solid',\n borderBottomWidth: rem(1),\n borderBottomColor: alpha('on.surface', 0.12),\n ...__css,\n }}\n {...rest}\n >\n <TableHeadProvider value={true}>{children}</TableHeadProvider>\n </TableBody>\n );\n }\n);\n"],"file":"TableHead.js"}
1
+ {"version":3,"sources":["../../../src/Table/TableHead.tsx"],"names":["forwardRef","TableHeadProvider","TableBody","alpha","TableHead","props","ref","children","__css","rest","borderBottomStyle","borderBottomWidth","borderBottomColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,iBAAT,QAAkC,WAAlC;AAEA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAIA,OAAO,IAAMC,SAAS,gBAAGJ,UAAU,CACjC,UAACK,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACNC,QADM,GACuBF,KADvB,CACNE,QADM;AAAA,MACIC,KADJ,GACuBH,KADvB,CACIG,KADJ;AAAA,MACcC,IADd,4BACuBJ,KADvB;;AAGd,sBACE,KAAC,SAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,KAAK;AACHI,MAAAA,iBAAiB,EAAE,OADhB;AAEHC,MAAAA,iBAAiB,aAFd;AAGHC,MAAAA,iBAAiB,EAAET,KAAK,CAAC,YAAD,EAAe,IAAf;AAHrB,OAIAK,KAJA;AAFP,KAQMC,IARN;AAAA,2BAUE,KAAC,iBAAD;AAAmB,MAAA,KAAK,EAAE,IAA1B;AAAA,gBAAiCF;AAAjC;AAVF,KADF;AAcD,CAlBgC,CAA5B","sourcesContent":["import { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport { TableHeadProvider } from './context';\nimport type { TableBodyProps } from './TableBody';\nimport { TableBody } from './TableBody';\nimport { alpha } from '../color';\n\nexport type TableHeadProps = TableBodyProps;\n\nexport const TableHead = forwardRef<HTMLDivElement, TableHeadProps>(\n (props, ref) => {\n const { children, __css, ...rest } = props;\n\n return (\n <TableBody\n ref={ref}\n __css={{\n borderBottomStyle: 'solid',\n borderBottomWidth: rem(1),\n borderBottomColor: alpha('on.surface', 0.12),\n ...__css,\n }}\n {...rest}\n >\n <TableHeadProvider value={true}>{children}</TableHeadProvider>\n </TableBody>\n );\n }\n);\n"],"file":"TableHead.js"}
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { TextProps } from '../Text';
2
+ import type { TextProps } from '../Text';
3
3
  export declare type TableRowProps = TextProps;
4
- export declare const TableRow: import("react").ForwardRefExoticComponent<Pick<TextProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "variant" | "size" | "hidden" | "as" | "sx" | "__css" | "tx" | "theme" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const TableRow: import("react").ForwardRefExoticComponent<Pick<TextProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,15 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import { forwardRef } from 'react';
4
4
  import { Text } from '../Text';
5
5
  import { alpha } from '../color';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
- export const TableRow = /*#__PURE__*/forwardRef((props, ref) => {
8
- const {
9
- children,
10
- __css
11
- } = props,
12
- rest = _objectWithoutPropertiesLoose(props, ["children", "__css"]);
7
+ export var TableRow = /*#__PURE__*/forwardRef(function (props, ref) {
8
+ var children = props.children,
9
+ __css = props.__css,
10
+ rest = _objectWithoutProperties(props, ["children", "__css"]);
13
11
 
14
12
  return /*#__PURE__*/_jsx(Text, _extends({
15
13
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Table/TableRow.tsx"],"names":["forwardRef","Text","alpha","TableRow","props","ref","children","__css","rest","borderBottomStyle","borderBottomWidth","borderBottomColor","borderBottom"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,IAAT,QAAgC,SAAhC;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAKA,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAACI,KAAD,EAAQC,GAAR,KAAgB;AACd,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,MAA+BH,KAArC;AAAA,QAA4BI,IAA5B,iCAAqCJ,KAArC;;AAEA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,EAAE,EAAC,KAFL;AAGE,IAAA,IAAI,EAAC,KAHP;AAIE,IAAA,OAAO,EAAC,MAJV;AAKE,IAAA,aAAa,EAAC,KALhB;AAME,IAAA,KAAK,EAAC,MANR;AAOE,IAAA,OAAO,EAAC,OAPV;AAQE,IAAA,EAAE,EAAE,CARN;AASE,IAAA,KAAK;AACHI,MAAAA,iBAAiB,EAAE,OADhB;AAEHC,MAAAA,iBAAiB,aAFd;AAGHC,MAAAA,iBAAiB,EAAET,KAAK,CAAC,YAAD,EAAe,IAAf,CAHrB;AAIH,wBAAkB;AAChBU,QAAAA,YAAY,EAAE;AADE;AAJf,OAOAL,KAPA;AATP,KAkBMC,IAlBN;AAAA,cAoBGF;AApBH,KADF;AAwBD,CA5B+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport { Text, TextProps } from '../Text';\nimport { alpha } from '../color';\nimport { rem } from 'polished';\n\nexport type TableRowProps = TextProps;\n\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(\n (props, ref) => {\n const { children, __css, ...rest } = props;\n\n return (\n <Text\n ref={ref}\n as=\"div\"\n role=\"row\"\n display=\"flex\"\n flexDirection=\"row\"\n width=\"100%\"\n variant=\"body1\"\n px={2}\n __css={{\n borderBottomStyle: 'solid',\n borderBottomWidth: rem(1),\n borderBottomColor: alpha('on.surface', 0.12),\n '&:last-of-type': {\n borderBottom: 'none',\n },\n ...__css,\n }}\n {...rest}\n >\n {children}\n </Text>\n );\n }\n);\n"],"file":"TableRow.js"}
1
+ {"version":3,"sources":["../../../src/Table/TableRow.tsx"],"names":["forwardRef","Text","alpha","TableRow","props","ref","children","__css","rest","borderBottomStyle","borderBottomWidth","borderBottomColor","borderBottom"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAIA,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,UAACI,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACNC,QADM,GACuBF,KADvB,CACNE,QADM;AAAA,MACIC,KADJ,GACuBH,KADvB,CACIG,KADJ;AAAA,MACcC,IADd,4BACuBJ,KADvB;;AAGd,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,EAAE,EAAC,KAFL;AAGE,IAAA,IAAI,EAAC,KAHP;AAIE,IAAA,OAAO,EAAC,MAJV;AAKE,IAAA,aAAa,EAAC,KALhB;AAME,IAAA,KAAK,EAAC,MANR;AAOE,IAAA,OAAO,EAAC,OAPV;AAQE,IAAA,EAAE,EAAE,CARN;AASE,IAAA,KAAK;AACHI,MAAAA,iBAAiB,EAAE,OADhB;AAEHC,MAAAA,iBAAiB,aAFd;AAGHC,MAAAA,iBAAiB,EAAET,KAAK,CAAC,YAAD,EAAe,IAAf,CAHrB;AAIH,wBAAkB;AAChBU,QAAAA,YAAY,EAAE;AADE;AAJf,OAOAL,KAPA;AATP,KAkBMC,IAlBN;AAAA,cAoBGF;AApBH,KADF;AAwBD,CA5B+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { TextProps } from '../Text';\nimport { Text } from '../Text';\nimport { alpha } from '../color';\n\nexport type TableRowProps = TextProps;\n\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(\n (props, ref) => {\n const { children, __css, ...rest } = props;\n\n return (\n <Text\n ref={ref}\n as=\"div\"\n role=\"row\"\n display=\"flex\"\n flexDirection=\"row\"\n width=\"100%\"\n variant=\"body1\"\n px={2}\n __css={{\n borderBottomStyle: 'solid',\n borderBottomWidth: rem(1),\n borderBottomColor: alpha('on.surface', 0.12),\n '&:last-of-type': {\n borderBottom: 'none',\n },\n ...__css,\n }}\n {...rest}\n >\n {children}\n </Text>\n );\n }\n);\n"],"file":"TableRow.js"}
@@ -1,8 +1,9 @@
1
1
  import { createContext, useContext } from 'react'; // TableHead Component
2
2
 
3
- const TableHeadContext = /*#__PURE__*/createContext(false);
4
- export const {
5
- Provider: TableHeadProvider
6
- } = TableHeadContext;
7
- export const useTableHeadContext = () => useContext(TableHeadContext);
3
+ var TableHeadContext = /*#__PURE__*/createContext(false);
4
+ var TableHeadProvider = TableHeadContext.Provider;
5
+ export { TableHeadProvider };
6
+ export var useTableHeadContext = function useTableHeadContext() {
7
+ return useContext(TableHeadContext);
8
+ };
8
9
  //# sourceMappingURL=context.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Table/context.ts"],"names":["createContext","useContext","TableHeadContext","Provider","TableHeadProvider","useTableHeadContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AACA,MAAMC,gBAAgB,gBAAGF,aAAa,CAAU,KAAV,CAAtC;AACA,OAAO,MAAM;AAAEG,EAAAA,QAAQ,EAAEC;AAAZ,IAAkCF,gBAAxC;AACP,OAAO,MAAMG,mBAAmB,GAAG,MAAMJ,UAAU,CAACC,gBAAD,CAA5C","sourcesContent":["import { createContext, useContext } from 'react';\n\n// TableHead Component\nconst TableHeadContext = createContext<boolean>(false);\nexport const { Provider: TableHeadProvider } = TableHeadContext;\nexport const useTableHeadContext = () => useContext(TableHeadContext);\n"],"file":"context.js"}
1
+ {"version":3,"sources":["../../../src/Table/context.ts"],"names":["createContext","useContext","TableHeadContext","TableHeadProvider","Provider","useTableHeadContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AACA,IAAMC,gBAAgB,gBAAGF,aAAa,CAAU,KAAV,CAAtC;IACyBG,iB,GAAsBD,gB,CAAhCE,Q;;AACf,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,SAAMJ,UAAU,CAACC,gBAAD,CAAhB;AAAA,CAA5B","sourcesContent":["import { createContext, useContext } from 'react';\n\n// TableHead Component\nconst TableHeadContext = createContext<boolean>(false);\nexport const { Provider: TableHeadProvider } = TableHeadContext;\nexport const useTableHeadContext = () => useContext(TableHeadContext);\n"],"file":"context.js"}
@@ -1,4 +1,4 @@
1
- import { FC } from 'react';
1
+ import type { FC } from 'react';
2
2
  export declare const LoremIpsum: FC<{
3
3
  count: number;
4
4
  }>;