@rbxts/uiblox 0.1.52 → 0.2.0-alpha.0

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 (491) hide show
  1. package/README.md +67 -2
  2. package/out/foundation/guard.d.ts +3 -0
  3. package/out/foundation/guard.luau +23 -0
  4. package/out/foundation/index.d.ts +1 -0
  5. package/out/foundation/init.luau +8 -0
  6. package/out/hooks/breakpoints.d.ts +10 -0
  7. package/out/hooks/breakpoints.luau +60 -0
  8. package/out/hooks/index.d.ts +4 -0
  9. package/out/hooks/init.luau +10 -0
  10. package/out/hooks/useBreakpoints.d.ts +6 -0
  11. package/out/hooks/useBreakpoints.luau +39 -0
  12. package/out/hooks/useReducedMotion.d.ts +1 -0
  13. package/out/hooks/useReducedMotion.luau +12 -0
  14. package/out/index.d.ts +3 -0
  15. package/out/init.luau +9 -0
  16. package/out/interaction/index.d.ts +4 -0
  17. package/out/interaction/init.luau +9 -0
  18. package/out/interaction/pointerRoute.d.ts +6 -0
  19. package/out/interaction/pointerRoute.luau +35 -0
  20. package/out/interaction/usePointer.d.ts +11 -0
  21. package/out/interaction/usePointer.luau +99 -0
  22. package/out/theme/constants/ColorConstants.d.ts +0 -3
  23. package/out/theme/constants/ColorConstants.luau +0 -96
  24. package/out/theme/context/ThemeProvider.d.ts +3 -0
  25. package/out/theme/context/ThemeProvider.luau +15 -8
  26. package/out/theme/context/themeScope.d.ts +5 -0
  27. package/out/theme/context/themeScope.luau +7 -0
  28. package/out/theme/hooks/useTheme.luau +15 -14
  29. package/out/theme/interfaces/density/controlMetrics.d.ts +21 -0
  30. package/out/theme/interfaces/density/controlMetrics.luau +67 -0
  31. package/out/theme/interfaces/density/index.d.ts +1 -0
  32. package/out/theme/interfaces/density/init.luau +7 -0
  33. package/out/theme/interfaces/index.d.ts +1 -0
  34. package/out/theme/interfaces/init.luau +3 -0
  35. package/out/theme/interfaces/palette/Palette.d.ts +39 -18
  36. package/out/theme/interfaces/palette/colors/index.d.ts +0 -1
  37. package/out/theme/interfaces/palette/index.d.ts +1 -0
  38. package/out/theme/interfaces/theme/Theme.d.ts +13 -0
  39. package/out/theme/interfaces/theme/ThemeConstants.d.ts +0 -18
  40. package/out/theme/styles/index.d.ts +1 -2
  41. package/out/theme/styles/init.luau +3 -1
  42. package/out/theme/styles/types/index.d.ts +0 -1
  43. package/out/theme/styles/utilities/classNames.d.ts +3 -2
  44. package/out/theme/styles/utilities/classNames.luau +7 -173
  45. package/out/theme/styles/utilities/componentStyles.d.ts +7 -0
  46. package/out/theme/styles/utilities/componentStyles.luau +31 -0
  47. package/out/theme/styles/utilities/componentTheme.d.ts +20 -0
  48. package/out/theme/styles/utilities/componentTheme.luau +53 -0
  49. package/out/theme/styles/utilities/createStyles.d.ts +1 -2
  50. package/out/theme/styles/utilities/index.d.ts +5 -1
  51. package/out/theme/styles/utilities/init.luau +7 -1
  52. package/out/theme/styles/utilities/interaction.d.ts +13 -0
  53. package/out/theme/styles/utilities/interaction.luau +68 -0
  54. package/out/theme/styles/utilities/makeStyles.luau +14 -15
  55. package/out/theme/styles/utilities/styleCache.d.ts +2 -0
  56. package/out/theme/styles/utilities/styleCache.luau +68 -0
  57. package/out/theme/styles/utilities/variants.d.ts +19 -0
  58. package/out/theme/styles/utilities/variants.luau +59 -0
  59. package/out/theme/themes/DarkTheme.luau +4 -57
  60. package/out/theme/themes/LightTheme.luau +4 -57
  61. package/out/theme/themes/createPalette.d.ts +3 -0
  62. package/out/theme/themes/createPalette.luau +111 -0
  63. package/out/theme/themes/index.d.ts +1 -0
  64. package/out/theme/themes/init.luau +3 -0
  65. package/out/theme/types/types.d.ts +1 -0
  66. package/out/theme/utilites/colorMath.d.ts +8 -0
  67. package/out/theme/utilites/colorMath.luau +35 -0
  68. package/out/theme/utilites/index.d.ts +1 -0
  69. package/out/theme/utilites/init.luau +6 -0
  70. package/out/ui/enums/Icons.d.ts +5 -1
  71. package/out/ui/enums/Icons.luau +4 -0
  72. package/out/ui/index.d.ts +12 -0
  73. package/out/ui/init.luau +5 -0
  74. package/out/ui/packages/accordion/components/Accordion.d.ts +11 -0
  75. package/out/ui/packages/accordion/components/Accordion.luau +93 -0
  76. package/out/ui/packages/accordion/components/Accordion.styles.d.ts +4 -0
  77. package/out/ui/packages/accordion/components/Accordion.styles.luau +65 -0
  78. package/out/ui/packages/accordion/components/accordionOpen.d.ts +1 -0
  79. package/out/ui/packages/accordion/components/accordionOpen.luau +10 -0
  80. package/out/ui/packages/accordion/index.d.ts +2 -0
  81. package/out/ui/packages/accordion/init.luau +5 -0
  82. package/out/ui/packages/assetField/components/AssetField.d.ts +10 -0
  83. package/out/ui/packages/assetField/components/AssetField.luau +75 -0
  84. package/out/ui/packages/assetField/components/AssetField.styles.d.ts +2 -0
  85. package/out/ui/packages/assetField/components/AssetField.styles.luau +33 -0
  86. package/out/ui/packages/assetField/components/assetPreviewUri.d.ts +1 -0
  87. package/out/ui/packages/assetField/components/assetPreviewUri.luau +25 -0
  88. package/out/ui/packages/assetField/index.d.ts +2 -0
  89. package/out/ui/packages/assetField/init.luau +5 -0
  90. package/out/ui/packages/autocomplete/components/Autocomplete.d.ts +5 -0
  91. package/out/ui/packages/autocomplete/components/Autocomplete.luau +45 -0
  92. package/out/ui/packages/autocomplete/components/autocompleteSearchable.d.ts +1 -0
  93. package/out/ui/packages/autocomplete/components/autocompleteSearchable.luau +7 -0
  94. package/out/ui/packages/autocomplete/index.d.ts +2 -0
  95. package/out/ui/packages/autocomplete/init.luau +5 -0
  96. package/out/ui/packages/avatar/components/Avatar.d.ts +8 -0
  97. package/out/ui/packages/avatar/components/Avatar.luau +69 -0
  98. package/out/ui/packages/avatar/components/Avatar.styles.d.ts +4 -0
  99. package/out/ui/packages/avatar/components/Avatar.styles.luau +39 -0
  100. package/out/ui/packages/avatar/components/avatarText.d.ts +1 -0
  101. package/out/ui/packages/avatar/components/avatarText.luau +17 -0
  102. package/out/ui/packages/avatar/index.d.ts +3 -0
  103. package/out/ui/packages/avatar/init.luau +6 -0
  104. package/out/ui/packages/badge/components/Badge.d.ts +10 -0
  105. package/out/ui/packages/badge/components/Badge.luau +69 -0
  106. package/out/ui/packages/badge/components/Badge.styles.d.ts +2 -0
  107. package/out/ui/packages/badge/components/Badge.styles.luau +38 -0
  108. package/out/ui/packages/badge/components/badgeValue.d.ts +1 -0
  109. package/out/ui/packages/badge/components/badgeValue.luau +7 -0
  110. package/out/ui/packages/badge/index.d.ts +3 -0
  111. package/out/ui/packages/badge/init.luau +6 -0
  112. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.d.ts +11 -0
  113. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.luau +82 -0
  114. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.styles.d.ts +2 -0
  115. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.styles.luau +47 -0
  116. package/out/ui/packages/breadcrumbs/components/breadcrumbItems.d.ts +1 -0
  117. package/out/ui/packages/breadcrumbs/components/breadcrumbItems.luau +7 -0
  118. package/out/ui/packages/breadcrumbs/index.d.ts +2 -0
  119. package/out/ui/packages/breadcrumbs/init.luau +5 -0
  120. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.d.ts +9 -0
  121. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.luau +234 -0
  122. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.styles.d.ts +2 -0
  123. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.styles.luau +98 -0
  124. package/out/ui/packages/brickColorPicker/components/brickColorCatalog.d.ts +1 -0
  125. package/out/ui/packages/brickColorPicker/components/brickColorCatalog.luau +26 -0
  126. package/out/ui/packages/brickColorPicker/components/brickColorFilter.d.ts +2 -0
  127. package/out/ui/packages/brickColorPicker/components/brickColorFilter.luau +26 -0
  128. package/out/ui/packages/brickColorPicker/index.d.ts +3 -0
  129. package/out/ui/packages/brickColorPicker/init.luau +8 -0
  130. package/out/ui/packages/button/components/Button.d.ts +4 -0
  131. package/out/ui/packages/button/components/Button.luau +90 -37
  132. package/out/ui/packages/button/components/Button.styles.luau +18 -32
  133. package/out/ui/packages/button/components/activation.d.ts +1 -0
  134. package/out/ui/packages/button/components/activation.luau +7 -0
  135. package/out/ui/packages/button/components/buttonLook.d.ts +12 -0
  136. package/out/ui/packages/button/components/buttonLook.luau +55 -0
  137. package/out/ui/packages/button/types/ButtonSize.d.ts +1 -1
  138. package/out/ui/packages/card/components/Card.d.ts +11 -0
  139. package/out/ui/packages/card/components/Card.luau +74 -0
  140. package/out/ui/packages/card/components/Card.styles.d.ts +2 -0
  141. package/out/ui/packages/card/components/Card.styles.luau +66 -0
  142. package/out/ui/packages/card/index.d.ts +2 -0
  143. package/out/ui/packages/card/init.luau +5 -0
  144. package/out/ui/packages/cframeEditor/components/CFrameEditor.d.ts +8 -0
  145. package/out/ui/packages/cframeEditor/components/CFrameEditor.luau +89 -0
  146. package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.d.ts +2 -0
  147. package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.luau +46 -0
  148. package/out/ui/packages/cframeEditor/components/cframeValue.d.ts +3 -0
  149. package/out/ui/packages/cframeEditor/components/cframeValue.luau +15 -0
  150. package/out/ui/packages/cframeEditor/index.d.ts +2 -0
  151. package/out/ui/packages/cframeEditor/init.luau +5 -0
  152. package/out/ui/packages/checkbox/components/Checkbox.d.ts +11 -0
  153. package/out/ui/packages/checkbox/components/Checkbox.luau +136 -0
  154. package/out/ui/packages/checkbox/components/Checkbox.styles.d.ts +6 -0
  155. package/out/ui/packages/checkbox/components/Checkbox.styles.luau +69 -0
  156. package/out/ui/packages/checkbox/components/checkboxLook.d.ts +5 -0
  157. package/out/ui/packages/checkbox/components/checkboxLook.luau +52 -0
  158. package/out/ui/packages/checkbox/components/nextChecked.d.ts +1 -0
  159. package/out/ui/packages/checkbox/components/nextChecked.luau +7 -0
  160. package/out/ui/packages/checkbox/index.d.ts +2 -0
  161. package/out/ui/packages/checkbox/init.luau +5 -0
  162. package/out/ui/packages/chip/components/Chip.d.ts +9 -0
  163. package/out/ui/packages/chip/components/Chip.luau +63 -0
  164. package/out/ui/packages/chip/components/Chip.styles.d.ts +5 -0
  165. package/out/ui/packages/chip/components/Chip.styles.luau +47 -0
  166. package/out/ui/packages/chip/index.d.ts +2 -0
  167. package/out/ui/packages/chip/init.luau +5 -0
  168. package/out/ui/packages/circularProgress/components/CircularProgress.d.ts +11 -0
  169. package/out/ui/packages/circularProgress/components/CircularProgress.luau +109 -0
  170. package/out/ui/packages/circularProgress/index.d.ts +2 -0
  171. package/out/ui/packages/circularProgress/init.luau +5 -0
  172. package/out/ui/packages/colorPicker/components/ColorPicker.d.ts +8 -0
  173. package/out/ui/packages/colorPicker/components/ColorPicker.luau +512 -0
  174. package/out/ui/packages/colorPicker/components/ColorPicker.styles.d.ts +2 -0
  175. package/out/ui/packages/colorPicker/components/ColorPicker.styles.luau +145 -0
  176. package/out/ui/packages/colorPicker/components/ColorSequenceEditor.d.ts +8 -0
  177. package/out/ui/packages/colorPicker/components/ColorSequenceEditor.luau +190 -0
  178. package/out/ui/packages/colorPicker/components/NumberSequenceEditor.d.ts +8 -0
  179. package/out/ui/packages/colorPicker/components/NumberSequenceEditor.luau +240 -0
  180. package/out/ui/packages/colorPicker/components/colorValue.d.ts +22 -0
  181. package/out/ui/packages/colorPicker/components/colorValue.luau +157 -0
  182. package/out/ui/packages/colorPicker/components/sequenceValue.d.ts +26 -0
  183. package/out/ui/packages/colorPicker/components/sequenceValue.luau +307 -0
  184. package/out/ui/packages/colorPicker/index.d.ts +11 -0
  185. package/out/ui/packages/colorPicker/init.luau +37 -0
  186. package/out/ui/packages/dialog/components/Dialog.d.ts +11 -0
  187. package/out/ui/packages/dialog/components/Dialog.luau +56 -0
  188. package/out/ui/packages/dialog/components/Dialog.styles.d.ts +2 -0
  189. package/out/ui/packages/dialog/components/Dialog.styles.luau +55 -0
  190. package/out/ui/packages/dialog/index.d.ts +2 -0
  191. package/out/ui/packages/dialog/init.luau +5 -0
  192. package/out/ui/packages/divider/components/Divider.luau +6 -0
  193. package/out/ui/packages/divider/components/Divider.styles.luau +4 -4
  194. package/out/ui/packages/drawer/components/Drawer.d.ts +11 -0
  195. package/out/ui/packages/drawer/components/Drawer.luau +77 -0
  196. package/out/ui/packages/drawer/components/Drawer.styles.d.ts +2 -0
  197. package/out/ui/packages/drawer/components/Drawer.styles.luau +40 -0
  198. package/out/ui/packages/drawer/components/drawerPlacement.d.ts +2 -0
  199. package/out/ui/packages/drawer/components/drawerPlacement.luau +7 -0
  200. package/out/ui/packages/drawer/index.d.ts +3 -0
  201. package/out/ui/packages/drawer/init.luau +5 -0
  202. package/out/ui/packages/enumPicker/components/EnumPicker.d.ts +11 -0
  203. package/out/ui/packages/enumPicker/components/EnumPicker.luau +42 -0
  204. package/out/ui/packages/enumPicker/components/enumOptions.d.ts +5 -0
  205. package/out/ui/packages/enumPicker/components/enumOptions.luau +28 -0
  206. package/out/ui/packages/enumPicker/index.d.ts +2 -0
  207. package/out/ui/packages/enumPicker/init.luau +5 -0
  208. package/out/ui/packages/fontEditor/components/FontEditor.d.ts +8 -0
  209. package/out/ui/packages/fontEditor/components/FontEditor.luau +223 -0
  210. package/out/ui/packages/fontEditor/components/FontEditor.styles.d.ts +2 -0
  211. package/out/ui/packages/fontEditor/components/FontEditor.styles.luau +56 -0
  212. package/out/ui/packages/fontEditor/components/fontValue.d.ts +10 -0
  213. package/out/ui/packages/fontEditor/components/fontValue.luau +81 -0
  214. package/out/ui/packages/fontEditor/index.d.ts +4 -0
  215. package/out/ui/packages/fontEditor/init.luau +10 -0
  216. package/out/ui/packages/gradientEditor/components/GradientEditor.d.ts +10 -0
  217. package/out/ui/packages/gradientEditor/components/GradientEditor.luau +156 -0
  218. package/out/ui/packages/gradientEditor/components/GradientEditor.styles.d.ts +2 -0
  219. package/out/ui/packages/gradientEditor/components/GradientEditor.styles.luau +37 -0
  220. package/out/ui/packages/gradientEditor/components/gradientPatch.d.ts +8 -0
  221. package/out/ui/packages/gradientEditor/components/gradientPatch.luau +17 -0
  222. package/out/ui/packages/gradientEditor/components/gradientValue.d.ts +9 -0
  223. package/out/ui/packages/gradientEditor/components/gradientValue.luau +23 -0
  224. package/out/ui/packages/gradientEditor/index.d.ts +2 -0
  225. package/out/ui/packages/gradientEditor/init.luau +5 -0
  226. package/out/ui/packages/icon/components/Icon.luau +6 -0
  227. package/out/ui/packages/icon/components/Icon.styles.luau +3 -3
  228. package/out/ui/packages/iconButton/components/IconButton.d.ts +3 -0
  229. package/out/ui/packages/iconButton/components/IconButton.luau +53 -5
  230. package/out/ui/packages/iconButton/components/IconButton.styles.luau +3 -3
  231. package/out/ui/packages/index.d.ts +46 -0
  232. package/out/ui/packages/init.luau +138 -0
  233. package/out/ui/packages/input/components/Input.d.ts +6 -1
  234. package/out/ui/packages/input/components/Input.luau +137 -54
  235. package/out/ui/packages/input/components/Input.styles.d.ts +3 -1
  236. package/out/ui/packages/input/components/Input.styles.luau +74 -52
  237. package/out/ui/packages/input/components/inputDraft.d.ts +1 -0
  238. package/out/ui/packages/input/components/inputDraft.luau +17 -0
  239. package/out/ui/packages/input/components/inputInsets.d.ts +4 -0
  240. package/out/ui/packages/input/components/inputInsets.luau +10 -0
  241. package/out/ui/packages/layout/components/Grid.luau +8 -2
  242. package/out/ui/packages/layout/components/List.luau +8 -2
  243. package/out/ui/packages/listItem/components/ListItem.d.ts +9 -0
  244. package/out/ui/packages/listItem/components/ListItem.luau +67 -0
  245. package/out/ui/packages/listItem/components/ListItem.styles.d.ts +5 -0
  246. package/out/ui/packages/listItem/components/ListItem.styles.luau +64 -0
  247. package/out/ui/packages/listItem/index.d.ts +2 -0
  248. package/out/ui/packages/listItem/init.luau +5 -0
  249. package/out/ui/packages/loadingStroke/components/LoadingStroke.luau +27 -22
  250. package/out/ui/packages/menu/components/Menu.d.ts +14 -0
  251. package/out/ui/packages/menu/components/Menu.luau +60 -0
  252. package/out/ui/packages/menu/components/Menu.styles.d.ts +2 -0
  253. package/out/ui/packages/menu/components/Menu.styles.luau +26 -0
  254. package/out/ui/packages/menu/index.d.ts +2 -0
  255. package/out/ui/packages/menu/init.luau +5 -0
  256. package/out/ui/packages/modal/components/Modal.d.ts +9 -0
  257. package/out/ui/packages/modal/components/Modal.luau +97 -0
  258. package/out/ui/packages/modal/components/Modal.styles.d.ts +2 -0
  259. package/out/ui/packages/modal/components/Modal.styles.luau +47 -0
  260. package/out/ui/packages/modal/components/dismissInput.d.ts +1 -0
  261. package/out/ui/packages/modal/components/dismissInput.luau +8 -0
  262. package/out/ui/packages/modal/components/focusTrap.d.ts +2 -0
  263. package/out/ui/packages/modal/components/focusTrap.luau +22 -0
  264. package/out/ui/packages/modal/index.d.ts +2 -0
  265. package/out/ui/packages/modal/init.luau +5 -0
  266. package/out/ui/packages/motion/duration.d.ts +2 -0
  267. package/out/ui/packages/motion/duration.luau +17 -0
  268. package/out/ui/packages/motion/index.d.ts +5 -0
  269. package/out/ui/packages/motion/init.luau +16 -0
  270. package/out/ui/packages/motion/loop.d.ts +1 -0
  271. package/out/ui/packages/motion/loop.luau +18 -0
  272. package/out/ui/packages/motion/play.d.ts +1 -0
  273. package/out/ui/packages/motion/play.luau +23 -0
  274. package/out/ui/packages/motion/resolveReduced.d.ts +1 -0
  275. package/out/ui/packages/motion/resolveReduced.luau +10 -0
  276. package/out/ui/packages/motion/unit.d.ts +8 -0
  277. package/out/ui/packages/motion/unit.luau +80 -0
  278. package/out/ui/packages/numberInput/components/NumberInput.d.ts +14 -0
  279. package/out/ui/packages/numberInput/components/NumberInput.luau +44 -0
  280. package/out/ui/packages/numberInput/components/numberValue.d.ts +2 -0
  281. package/out/ui/packages/numberInput/components/numberValue.luau +29 -0
  282. package/out/ui/packages/numberInput/index.d.ts +2 -0
  283. package/out/ui/packages/numberInput/init.luau +5 -0
  284. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.d.ts +8 -0
  285. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.luau +96 -0
  286. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.styles.d.ts +2 -0
  287. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.styles.luau +41 -0
  288. package/out/ui/packages/numberRangeEditor/components/numberRangeValue.d.ts +4 -0
  289. package/out/ui/packages/numberRangeEditor/components/numberRangeValue.luau +16 -0
  290. package/out/ui/packages/numberRangeEditor/index.d.ts +2 -0
  291. package/out/ui/packages/numberRangeEditor/init.luau +5 -0
  292. package/out/ui/packages/pagination/components/Pagination.d.ts +9 -0
  293. package/out/ui/packages/pagination/components/Pagination.luau +72 -0
  294. package/out/ui/packages/pagination/components/Pagination.styles.d.ts +2 -0
  295. package/out/ui/packages/pagination/components/Pagination.styles.luau +39 -0
  296. package/out/ui/packages/pagination/components/pageRange.d.ts +1 -0
  297. package/out/ui/packages/pagination/components/pageRange.luau +24 -0
  298. package/out/ui/packages/pagination/index.d.ts +2 -0
  299. package/out/ui/packages/pagination/init.luau +5 -0
  300. package/out/ui/packages/paper/components/Paper.d.ts +8 -0
  301. package/out/ui/packages/paper/components/Paper.luau +31 -0
  302. package/out/ui/packages/paper/components/Paper.styles.d.ts +4 -0
  303. package/out/ui/packages/paper/components/Paper.styles.luau +32 -0
  304. package/out/ui/packages/paper/index.d.ts +2 -0
  305. package/out/ui/packages/paper/init.luau +5 -0
  306. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.d.ts +8 -0
  307. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.luau +85 -0
  308. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.d.ts +2 -0
  309. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.luau +46 -0
  310. package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.d.ts +3 -0
  311. package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.luau +14 -0
  312. package/out/ui/packages/physicalPropertiesEditor/index.d.ts +2 -0
  313. package/out/ui/packages/physicalPropertiesEditor/init.luau +5 -0
  314. package/out/ui/packages/popup/components/Popup.d.ts +13 -0
  315. package/out/ui/packages/popup/components/Popup.luau +131 -0
  316. package/out/ui/packages/popup/components/Portal.d.ts +7 -0
  317. package/out/ui/packages/popup/components/Portal.luau +15 -0
  318. package/out/ui/packages/popup/components/placement.d.ts +9 -0
  319. package/out/ui/packages/popup/components/placement.luau +41 -0
  320. package/out/ui/packages/popup/components/portalTarget.d.ts +1 -0
  321. package/out/ui/packages/popup/components/portalTarget.luau +13 -0
  322. package/out/ui/packages/popup/index.d.ts +4 -0
  323. package/out/ui/packages/popup/init.luau +6 -0
  324. package/out/ui/packages/preloader/components/Preloader.luau +6 -0
  325. package/out/ui/packages/preloader/components/Preloader.styles.luau +3 -3
  326. package/out/ui/packages/progressBar/components/ProgressBar.d.ts +8 -1
  327. package/out/ui/packages/progressBar/components/ProgressBar.luau +61 -11
  328. package/out/ui/packages/progressBar/components/ProgressBar.styles.luau +2 -2
  329. package/out/ui/packages/progressBar/index.d.ts +2 -3
  330. package/out/ui/packages/progressBar/init.luau +3 -4
  331. package/out/ui/packages/radioGroup/components/RadioGroup.d.ts +16 -0
  332. package/out/ui/packages/radioGroup/components/RadioGroup.luau +112 -0
  333. package/out/ui/packages/radioGroup/components/RadioGroup.styles.d.ts +6 -0
  334. package/out/ui/packages/radioGroup/components/RadioGroup.styles.luau +66 -0
  335. package/out/ui/packages/radioGroup/index.d.ts +2 -0
  336. package/out/ui/packages/radioGroup/init.luau +5 -0
  337. package/out/ui/packages/rayEditor/components/RayEditor.d.ts +8 -0
  338. package/out/ui/packages/rayEditor/components/RayEditor.luau +83 -0
  339. package/out/ui/packages/rayEditor/components/RayEditor.styles.d.ts +2 -0
  340. package/out/ui/packages/rayEditor/components/RayEditor.styles.luau +37 -0
  341. package/out/ui/packages/rayEditor/components/rayParts.d.ts +1 -0
  342. package/out/ui/packages/rayEditor/components/rayParts.luau +10 -0
  343. package/out/ui/packages/rayEditor/index.d.ts +2 -0
  344. package/out/ui/packages/rayEditor/init.luau +5 -0
  345. package/out/ui/packages/rectEditor/components/RectEditor.d.ts +8 -0
  346. package/out/ui/packages/rectEditor/components/RectEditor.luau +85 -0
  347. package/out/ui/packages/rectEditor/components/RectEditor.styles.d.ts +2 -0
  348. package/out/ui/packages/rectEditor/components/RectEditor.styles.luau +46 -0
  349. package/out/ui/packages/rectEditor/components/rectValue.d.ts +3 -0
  350. package/out/ui/packages/rectEditor/components/rectValue.luau +14 -0
  351. package/out/ui/packages/rectEditor/index.d.ts +2 -0
  352. package/out/ui/packages/rectEditor/init.luau +5 -0
  353. package/out/ui/packages/scroll/dragScroll.d.ts +8 -0
  354. package/out/ui/packages/scroll/dragScroll.luau +51 -0
  355. package/out/ui/packages/scroll/index.d.ts +2 -0
  356. package/out/ui/packages/scroll/init.luau +5 -0
  357. package/out/ui/packages/scroll/useDragScroll.d.ts +5 -0
  358. package/out/ui/packages/scroll/useDragScroll.luau +127 -0
  359. package/out/ui/packages/select/components/Select.d.ts +15 -0
  360. package/out/ui/packages/select/components/Select.luau +432 -0
  361. package/out/ui/packages/select/components/Select.styles.d.ts +6 -0
  362. package/out/ui/packages/select/components/Select.styles.luau +104 -0
  363. package/out/ui/packages/select/components/optionLabel.d.ts +1 -0
  364. package/out/ui/packages/select/components/optionLabel.luau +7 -0
  365. package/out/ui/packages/select/components/selectFilter.d.ts +4 -0
  366. package/out/ui/packages/select/components/selectFilter.luau +27 -0
  367. package/out/ui/packages/select/components/selectFocus.d.ts +4 -0
  368. package/out/ui/packages/select/components/selectFocus.luau +16 -0
  369. package/out/ui/packages/select/components/selectGroups.d.ts +18 -0
  370. package/out/ui/packages/select/components/selectGroups.luau +38 -0
  371. package/out/ui/packages/select/components/selectKey.d.ts +4 -0
  372. package/out/ui/packages/select/components/selectKey.luau +14 -0
  373. package/out/ui/packages/select/components/selectMotion.d.ts +2 -0
  374. package/out/ui/packages/select/components/selectMotion.luau +12 -0
  375. package/out/ui/packages/select/components/selectMulti.d.ts +5 -0
  376. package/out/ui/packages/select/components/selectMulti.luau +26 -0
  377. package/out/ui/packages/select/components/selectTypeahead.d.ts +4 -0
  378. package/out/ui/packages/select/components/selectTypeahead.luau +58 -0
  379. package/out/ui/packages/select/components/stepChoice.d.ts +3 -0
  380. package/out/ui/packages/select/components/stepChoice.luau +24 -0
  381. package/out/ui/packages/select/index.d.ts +3 -0
  382. package/out/ui/packages/select/init.luau +8 -0
  383. package/out/ui/packages/shadow/components/Shadow.styles.luau +3 -3
  384. package/out/ui/packages/sidebar/components/Sidebar.luau +6 -0
  385. package/out/ui/packages/sidebar/components/Sidebar.styles.luau +3 -3
  386. package/out/ui/packages/skeleton/components/Skeleton.d.ts +15 -0
  387. package/out/ui/packages/skeleton/components/Skeleton.luau +224 -0
  388. package/out/ui/packages/skeleton/components/Skeleton.styles.d.ts +2 -0
  389. package/out/ui/packages/skeleton/components/Skeleton.styles.luau +27 -0
  390. package/out/ui/packages/skeleton/components/skeletonMotion.d.ts +3 -0
  391. package/out/ui/packages/skeleton/components/skeletonMotion.luau +17 -0
  392. package/out/ui/packages/skeleton/index.d.ts +3 -0
  393. package/out/ui/packages/skeleton/init.luau +7 -0
  394. package/out/ui/packages/slider/components/Slider.d.ts +13 -0
  395. package/out/ui/packages/slider/components/Slider.luau +204 -0
  396. package/out/ui/packages/slider/components/Slider.styles.d.ts +6 -0
  397. package/out/ui/packages/slider/components/Slider.styles.luau +47 -0
  398. package/out/ui/packages/slider/components/sliderNudge.d.ts +4 -0
  399. package/out/ui/packages/slider/components/sliderNudge.luau +39 -0
  400. package/out/ui/packages/slider/index.d.ts +2 -0
  401. package/out/ui/packages/slider/init.luau +5 -0
  402. package/out/ui/packages/snackbar/components/Snackbar.d.ts +11 -0
  403. package/out/ui/packages/snackbar/components/Snackbar.luau +41 -0
  404. package/out/ui/packages/snackbar/index.d.ts +2 -0
  405. package/out/ui/packages/snackbar/init.luau +5 -0
  406. package/out/ui/packages/splitPane/components/SplitPane.d.ts +14 -0
  407. package/out/ui/packages/splitPane/components/SplitPane.luau +241 -0
  408. package/out/ui/packages/splitPane/components/SplitPane.styles.d.ts +2 -0
  409. package/out/ui/packages/splitPane/components/SplitPane.styles.luau +59 -0
  410. package/out/ui/packages/splitPane/components/splitLook.d.ts +5 -0
  411. package/out/ui/packages/splitPane/components/splitLook.luau +49 -0
  412. package/out/ui/packages/splitPane/components/splitSize.d.ts +10 -0
  413. package/out/ui/packages/splitPane/components/splitSize.luau +46 -0
  414. package/out/ui/packages/splitPane/index.d.ts +2 -0
  415. package/out/ui/packages/splitPane/init.luau +5 -0
  416. package/out/ui/packages/stateMatrix.d.ts +30 -0
  417. package/out/ui/packages/stateMatrix.luau +1369 -0
  418. package/out/ui/packages/stepper/components/Stepper.d.ts +7 -0
  419. package/out/ui/packages/stepper/components/Stepper.luau +62 -0
  420. package/out/ui/packages/stepper/components/Stepper.styles.d.ts +2 -0
  421. package/out/ui/packages/stepper/components/Stepper.styles.luau +39 -0
  422. package/out/ui/packages/stepper/components/stepState.d.ts +2 -0
  423. package/out/ui/packages/stepper/components/stepState.luau +13 -0
  424. package/out/ui/packages/stepper/index.d.ts +3 -0
  425. package/out/ui/packages/stepper/init.luau +6 -0
  426. package/out/ui/packages/switch/components/Switch.d.ts +11 -0
  427. package/out/ui/packages/switch/components/Switch.luau +170 -0
  428. package/out/ui/packages/switch/components/Switch.styles.d.ts +6 -0
  429. package/out/ui/packages/switch/components/Switch.styles.luau +62 -0
  430. package/out/ui/packages/switch/components/switchLook.d.ts +10 -0
  431. package/out/ui/packages/switch/components/switchLook.luau +63 -0
  432. package/out/ui/packages/switch/index.d.ts +2 -0
  433. package/out/ui/packages/switch/init.luau +5 -0
  434. package/out/ui/packages/table/components/Table.d.ts +9 -0
  435. package/out/ui/packages/table/components/Table.luau +135 -0
  436. package/out/ui/packages/table/components/Table.styles.d.ts +2 -0
  437. package/out/ui/packages/table/components/Table.styles.luau +70 -0
  438. package/out/ui/packages/table/components/rowSelected.d.ts +1 -0
  439. package/out/ui/packages/table/components/rowSelected.luau +7 -0
  440. package/out/ui/packages/table/index.d.ts +2 -0
  441. package/out/ui/packages/table/init.luau +5 -0
  442. package/out/ui/packages/tabs/components/Tabs.d.ts +10 -0
  443. package/out/ui/packages/tabs/components/Tabs.luau +113 -0
  444. package/out/ui/packages/tabs/components/Tabs.styles.d.ts +2 -0
  445. package/out/ui/packages/tabs/components/Tabs.styles.luau +55 -0
  446. package/out/ui/packages/tabs/index.d.ts +2 -0
  447. package/out/ui/packages/tabs/init.luau +5 -0
  448. package/out/ui/packages/toast/components/Toast.luau +6 -0
  449. package/out/ui/packages/toast/components/Toast.styles.luau +23 -10
  450. package/out/ui/packages/tooltip/components/Tooltip.d.ts +7 -0
  451. package/out/ui/packages/tooltip/components/Tooltip.luau +119 -0
  452. package/out/ui/packages/tooltip/components/Tooltip.styles.d.ts +2 -0
  453. package/out/ui/packages/tooltip/components/Tooltip.styles.luau +43 -0
  454. package/out/ui/packages/tooltip/index.d.ts +2 -0
  455. package/out/ui/packages/tooltip/init.luau +5 -0
  456. package/out/ui/packages/treeView/components/TreeView.d.ts +1 -0
  457. package/out/ui/packages/treeView/components/TreeView.luau +201 -225
  458. package/out/ui/packages/treeView/components/TreeView.styles.luau +6 -34
  459. package/out/ui/packages/treeView/components/treeRows.d.ts +23 -0
  460. package/out/ui/packages/treeView/components/treeRows.luau +147 -0
  461. package/out/ui/packages/treeView/interfaces/Branch.d.ts +3 -0
  462. package/out/ui/packages/treeView/interfaces/Leaf.d.ts +2 -0
  463. package/out/ui/packages/typography/components/Typography.luau +6 -0
  464. package/out/ui/packages/typography/components/Typography.styles.luau +8 -11
  465. package/out/ui/packages/udimEditor/components/UDimEditor.d.ts +8 -0
  466. package/out/ui/packages/udimEditor/components/UDimEditor.luau +127 -0
  467. package/out/ui/packages/udimEditor/components/UDimEditor.styles.d.ts +2 -0
  468. package/out/ui/packages/udimEditor/components/UDimEditor.styles.luau +50 -0
  469. package/out/ui/packages/udimEditor/index.d.ts +2 -0
  470. package/out/ui/packages/udimEditor/init.luau +5 -0
  471. package/out/ui/packages/vectorEditor/components/VectorEditor.d.ts +10 -0
  472. package/out/ui/packages/vectorEditor/components/VectorEditor.luau +87 -0
  473. package/out/ui/packages/vectorEditor/components/VectorEditor.styles.d.ts +2 -0
  474. package/out/ui/packages/vectorEditor/components/VectorEditor.styles.luau +41 -0
  475. package/out/ui/packages/vectorEditor/components/vectorValue.d.ts +10 -0
  476. package/out/ui/packages/vectorEditor/components/vectorValue.luau +49 -0
  477. package/out/ui/packages/vectorEditor/index.d.ts +4 -0
  478. package/out/ui/packages/vectorEditor/init.luau +11 -0
  479. package/out/ui/packages/virtualList/components/VirtualList.d.ts +23 -0
  480. package/out/ui/packages/virtualList/components/VirtualList.luau +178 -0
  481. package/out/ui/packages/virtualList/components/VirtualList.styles.d.ts +2 -0
  482. package/out/ui/packages/virtualList/components/VirtualList.styles.luau +29 -0
  483. package/out/ui/packages/virtualList/components/virtualWindow.d.ts +10 -0
  484. package/out/ui/packages/virtualList/components/virtualWindow.luau +66 -0
  485. package/out/ui/packages/virtualList/index.d.ts +2 -0
  486. package/out/ui/packages/virtualList/init.luau +5 -0
  487. package/package.json +7 -3
  488. package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -42
  489. package/out/theme/interfaces/palette/colors/Colors.luau +0 -2
  490. package/out/theme/styles/types/ConditionalStylesMap.d.ts +0 -2
  491. package/out/theme/styles/types/ConditionalStylesMap.luau +0 -2
@@ -0,0 +1,85 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
+ local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
5
+ local usePhysicalPropertiesEditorStyles = TS.import(script, script.Parent, "PhysicalPropertiesEditor.styles").default
6
+ local _physicalParts = TS.import(script, script.Parent, "physicalParts")
7
+ local patchPhysicalParts = _physicalParts.patchPhysicalParts
8
+ local physicalFields = _physicalParts.physicalFields
9
+ local function PhysicalPropertiesEditor(props)
10
+ local _binding = props
11
+ local value = _binding.value
12
+ local onChange = _binding.onChange
13
+ local disabled = _binding.disabled
14
+ local className = _binding.className
15
+ local sx = _binding.sx
16
+ local id = _binding.id
17
+ local ref = _binding.ref
18
+ local styles = usePhysicalPropertiesEditorStyles()
19
+ local amounts = { value.Density, value.Friction, value.Elasticity, value.FrictionWeight, value.ElasticityWeight }
20
+ local commit = function(field, amount)
21
+ local parts = patchPhysicalParts(value.Density, value.Friction, value.Elasticity, value.FrictionWeight, value.ElasticityWeight, field, amount)
22
+ onChange(PhysicalProperties.new(parts[1], parts[2], parts[3], parts[4], parts[5]))
23
+ end
24
+ local _attributes = {}
25
+ local _condition = id
26
+ if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
27
+ _condition = "PhysicalPropertiesEditor"
28
+ end
29
+ _attributes.key = _condition
30
+ _attributes.ref = ref
31
+ for _k, _v in styles.root do
32
+ _attributes[_k] = _v
33
+ end
34
+ if className then
35
+ for _k, _v in className do
36
+ _attributes[_k] = _v
37
+ end
38
+ end
39
+ if sx then
40
+ for _k, _v in sx do
41
+ _attributes[_k] = _v
42
+ end
43
+ end
44
+ local _attributes_1 = table.clone(styles.wrap)
45
+ setmetatable(_attributes_1, nil)
46
+ local _exp = React.createElement("uilistlayout", _attributes_1)
47
+ local _exp_1 = physicalFields()
48
+ -- ▼ ReadonlyArray.map ▼
49
+ local _newValue = table.create(#_exp_1)
50
+ local _callback = function(field, index)
51
+ local _attributes_2 = {
52
+ key = field,
53
+ }
54
+ for _k, _v in styles.axis do
55
+ _attributes_2[_k] = _v
56
+ end
57
+ _attributes_2.LayoutOrder = index + 1
58
+ local _attributes_3 = table.clone(styles.row)
59
+ setmetatable(_attributes_3, nil)
60
+ local _exp_2 = React.createElement("uilistlayout", _attributes_3)
61
+ local _attributes_4 = table.clone(styles.label)
62
+ setmetatable(_attributes_4, nil)
63
+ _attributes_4.Text = field
64
+ local _exp_3 = React.createElement("textlabel", _attributes_4)
65
+ local _attributes_5 = table.clone(styles.field)
66
+ setmetatable(_attributes_5, nil)
67
+ return React.createElement("frame", _attributes_2, _exp_2, _exp_3, React.createElement("frame", _attributes_5, React.createElement(NumberInput, {
68
+ value = amounts[index + 1],
69
+ disabled = disabled,
70
+ width = UDim.new(1, 0),
71
+ onChange = function(amount)
72
+ return commit(field, amount)
73
+ end,
74
+ })))
75
+ end
76
+ for _k, _v in _exp_1 do
77
+ _newValue[_k] = _callback(_v, _k - 1, _exp_1)
78
+ end
79
+ -- ▲ ReadonlyArray.map ▲
80
+ return React.createElement("frame", _attributes, _exp, _newValue)
81
+ end
82
+ local default = PhysicalPropertiesEditor
83
+ return {
84
+ default = default,
85
+ }
@@ -0,0 +1,2 @@
1
+ declare const usePhysicalPropertiesEditorStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
+ export default usePhysicalPropertiesEditorStyles;
@@ -0,0 +1,46 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
+ local createStyles = _theme.createStyles
5
+ local componentStyles = _theme.componentStyles
6
+ local usePhysicalPropertiesEditorStyles = componentStyles("PhysicalPropertiesEditor", function(theme)
7
+ return createStyles({
8
+ root = {
9
+ Size = UDim2.new(1, 0, 0, 0),
10
+ AutomaticSize = Enum.AutomaticSize.Y,
11
+ BackgroundTransparency = 1,
12
+ BorderSizePixel = 0,
13
+ },
14
+ wrap = {
15
+ FillDirection = Enum.FillDirection.Vertical,
16
+ Padding = UDim.new(0, theme.padding.calc(0.5)),
17
+ SortOrder = Enum.SortOrder.LayoutOrder,
18
+ },
19
+ row = {
20
+ FillDirection = Enum.FillDirection.Horizontal,
21
+ Padding = UDim.new(0, theme.padding.calc(1)),
22
+ VerticalAlignment = Enum.VerticalAlignment.Center,
23
+ SortOrder = Enum.SortOrder.LayoutOrder,
24
+ },
25
+ axis = {
26
+ Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
27
+ BackgroundTransparency = 1,
28
+ },
29
+ label = {
30
+ Size = UDim2.new(0, theme.spacing.calc(7), 1, 0),
31
+ BackgroundTransparency = 1,
32
+ Font = theme.typography.fontFamilies.default,
33
+ TextSize = theme.typography.fontSizes.caption,
34
+ TextColor3 = theme.palette.text.secondary,
35
+ TextXAlignment = Enum.TextXAlignment.Left,
36
+ },
37
+ field = {
38
+ Size = UDim2.new(1, -theme.spacing.calc(7), 1, 0),
39
+ BackgroundTransparency = 1,
40
+ },
41
+ })
42
+ end)
43
+ local default = usePhysicalPropertiesEditorStyles
44
+ return {
45
+ default = default,
46
+ }
@@ -0,0 +1,3 @@
1
+ export type PhysicalField = "Density" | "Friction" | "Elasticity" | "FrictionWeight" | "ElasticityWeight";
2
+ export declare function physicalFields(): PhysicalField[];
3
+ export declare function patchPhysicalParts(density: number, friction: number, elasticity: number, frictionWeight: number, elasticityWeight: number, field: PhysicalField, amount: number): number[];
@@ -0,0 +1,14 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function physicalFields()
3
+ return { "Density", "Friction", "Elasticity", "FrictionWeight", "ElasticityWeight" }
4
+ end
5
+ local function patchPhysicalParts(density, friction, elasticity, frictionWeight, elasticityWeight, field, amount)
6
+ local parts = { density, friction, elasticity, frictionWeight, elasticityWeight }
7
+ local index = if field == "Density" then 0 elseif field == "Friction" then 1 elseif field == "Elasticity" then 2 elseif field == "FrictionWeight" then 3 else 4
8
+ parts[index + 1] = amount
9
+ return parts
10
+ end
11
+ return {
12
+ physicalFields = physicalFields,
13
+ patchPhysicalParts = patchPhysicalParts,
14
+ }
@@ -0,0 +1,2 @@
1
+ export { default as PhysicalPropertiesEditor } from "./components/PhysicalPropertiesEditor";
2
+ export { PhysicalPropertiesEditorProps } from "./components/PhysicalPropertiesEditor";
@@ -0,0 +1,5 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.PhysicalPropertiesEditor = TS.import(script, script, "components", "PhysicalPropertiesEditor").default
5
+ return exports
@@ -0,0 +1,13 @@
1
+ import React from "@rbxts/react";
2
+ export interface PopupProps {
3
+ anchor?: GuiObject;
4
+ /** Content height. Flips above the anchor and caps the shell. */
5
+ preferredHeight?: number;
6
+ /** Content width. Falls back to the anchor width. Clamped to the layer. */
7
+ preferredWidth?: number;
8
+ onDismiss?: () => void;
9
+ onInput?: (input: InputObject) => void;
10
+ children?: React.ReactNode;
11
+ }
12
+ declare function Popup(props: PopupProps): JSX.Element | undefined;
13
+ export default Popup;
@@ -0,0 +1,131 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
+ local React = _react
5
+ local useEffect = _react.useEffect
6
+ local useRef = _react.useRef
7
+ local useState = _react.useState
8
+ local popupPlacement = TS.import(script, script.Parent, "placement").popupPlacement
9
+ local Portal = TS.import(script, script.Parent, "Portal").default
10
+ local portalTarget = TS.import(script, script.Parent, "portalTarget").portalTarget
11
+ local function Popup(props)
12
+ local _binding = props
13
+ local anchor = _binding.anchor
14
+ local preferredHeight = _binding.preferredHeight
15
+ local preferredWidth = _binding.preferredWidth
16
+ local onDismiss = _binding.onDismiss
17
+ local onInput = _binding.onInput
18
+ local children = _binding.children
19
+ local dismiss = useRef(onDismiss)
20
+ dismiss.current = onDismiss
21
+ local _, bump = useState(0)
22
+ local layer = if anchor then portalTarget(anchor) else nil
23
+ useEffect(function()
24
+ if not anchor then
25
+ return nil
26
+ end
27
+ local last = {
28
+ stamp = "",
29
+ }
30
+ local update = function()
31
+ local current = portalTarget(anchor)
32
+ if not anchor.Parent or not current then
33
+ if dismiss.current then
34
+ dismiss.current()
35
+ else
36
+ bump(function(n)
37
+ return n + 1
38
+ end)
39
+ end
40
+ return nil
41
+ end
42
+ local stamp = `{anchor.AbsolutePosition.X},{anchor.AbsolutePosition.Y},{anchor.AbsoluteSize.X},{anchor.AbsoluteSize.Y},{current.AbsolutePosition.X},{current.AbsolutePosition.Y},{current.AbsoluteSize.X},{current.AbsoluteSize.Y}`
43
+ if stamp == last.stamp then
44
+ return nil
45
+ end
46
+ last.stamp = stamp
47
+ bump(function(n)
48
+ return n + 1
49
+ end)
50
+ end
51
+ local connections = { anchor:GetPropertyChangedSignal("AbsolutePosition"):Connect(update), anchor:GetPropertyChangedSignal("AbsoluteSize"):Connect(update), anchor.AncestryChanged:Connect(update) }
52
+ if layer then
53
+ local _arg0 = layer:GetPropertyChangedSignal("AbsolutePosition"):Connect(update)
54
+ table.insert(connections, _arg0)
55
+ local _arg0_1 = layer:GetPropertyChangedSignal("AbsoluteSize"):Connect(update)
56
+ table.insert(connections, _arg0_1)
57
+ end
58
+ return function()
59
+ -- ▼ ReadonlyArray.forEach ▼
60
+ local _callback = function(connection)
61
+ return connection:Disconnect()
62
+ end
63
+ for _k, _v in connections do
64
+ _callback(_v, _k - 1, connections)
65
+ end
66
+ -- ▲ ReadonlyArray.forEach ▲
67
+ return nil
68
+ end
69
+ end, { anchor, layer })
70
+ if not anchor or not layer then
71
+ return nil
72
+ end
73
+ local _exp = anchor.AbsolutePosition.X
74
+ local _exp_1 = anchor.AbsolutePosition.Y
75
+ local _exp_2 = anchor.AbsoluteSize.X
76
+ local _exp_3 = anchor.AbsoluteSize.Y
77
+ local _exp_4 = layer.AbsolutePosition.X
78
+ local _exp_5 = layer.AbsolutePosition.Y
79
+ local _exp_6 = layer.AbsoluteSize.Y
80
+ local _exp_7 = layer.AbsoluteSize.X
81
+ local _condition = preferredHeight
82
+ if _condition == nil then
83
+ _condition = 0
84
+ end
85
+ local _condition_1 = preferredWidth
86
+ if _condition_1 == nil then
87
+ _condition_1 = 0
88
+ end
89
+ local place = popupPlacement(_exp, _exp_1, _exp_2, _exp_3, _exp_4, _exp_5, _exp_6, _exp_7, _condition, _condition_1)
90
+ local capped = place.height > 0
91
+ return React.createElement(Portal, {
92
+ host = layer,
93
+ }, React.createElement("frame", {
94
+ key = "Popup",
95
+ Size = UDim2.fromScale(1, 1),
96
+ BackgroundTransparency = 1,
97
+ ZIndex = 20000,
98
+ }, onDismiss and (React.createElement("textbutton", {
99
+ key = "Backdrop",
100
+ Size = UDim2.fromScale(1, 1),
101
+ BackgroundTransparency = 1,
102
+ Text = "",
103
+ AutoButtonColor = false,
104
+ Selectable = false,
105
+ ZIndex = 20000,
106
+ Event = {
107
+ Activated = onDismiss,
108
+ InputBegan = function(_, input)
109
+ local _result = onInput
110
+ if _result ~= nil then
111
+ _result = _result(input)
112
+ end
113
+ return _result
114
+ end,
115
+ },
116
+ })), React.createElement("frame", {
117
+ key = "Content",
118
+ Position = UDim2.fromOffset(place.x, place.y),
119
+ AnchorPoint = Vector2.new(0, if place.above then 1 else 0),
120
+ Size = if capped then UDim2.fromOffset(place.width, place.height) else UDim2.fromOffset(place.width, 0),
121
+ AutomaticSize = if capped then Enum.AutomaticSize.None else Enum.AutomaticSize.Y,
122
+ ClipsDescendants = capped,
123
+ BackgroundTransparency = 1,
124
+ Active = false,
125
+ ZIndex = 20001,
126
+ }, children)))
127
+ end
128
+ local default = Popup
129
+ return {
130
+ default = default,
131
+ }
@@ -0,0 +1,7 @@
1
+ import React from "@rbxts/react";
2
+ export interface PortalProps {
3
+ host?: Instance;
4
+ children?: React.ReactNode;
5
+ }
6
+ declare function Portal(props: PortalProps): React.ReactPortal | undefined;
7
+ export default Portal;
@@ -0,0 +1,15 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local createPortal = TS.import(script, TS.getModule(script, "@rbxts", "react-roblox")).createPortal
4
+ local portalTarget = TS.import(script, script.Parent, "portalTarget").portalTarget
5
+ local function Portal(props)
6
+ local layer = portalTarget(props.host)
7
+ if not layer or props.children == nil then
8
+ return nil
9
+ end
10
+ return createPortal(props.children, layer)
11
+ end
12
+ local default = Portal
13
+ return {
14
+ default = default,
15
+ }
@@ -0,0 +1,9 @@
1
+ export interface PopupPlace {
2
+ x: number;
3
+ y: number;
4
+ width: number;
5
+ height: number;
6
+ maxHeight: number;
7
+ above: boolean;
8
+ }
9
+ export declare function popupPlacement(anchorX: number, anchorY: number, anchorW: number, anchorH: number, layerX: number, layerY: number, layerH: number, layerW?: number, contentH?: number, contentW?: number): PopupPlace;
@@ -0,0 +1,41 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function popupPlacement(anchorX, anchorY, anchorW, anchorH, layerX, layerY, layerH, layerW, contentH, contentW)
3
+ if layerW == nil then
4
+ layerW = math.huge
5
+ end
6
+ if contentH == nil then
7
+ contentH = 0
8
+ end
9
+ if contentW == nil then
10
+ contentW = 0
11
+ end
12
+ local localX = anchorX - layerX
13
+ local localY = anchorY - layerY
14
+ local spaceAbove = math.max(0, localY)
15
+ local spaceBelow = math.max(0, layerH - (localY + anchorH))
16
+ local above = contentH > spaceBelow and spaceAbove > spaceBelow
17
+ local maxHeight = if above then spaceAbove else spaceBelow
18
+ local width = if contentW > 0 then contentW else anchorW
19
+ if width > layerW then
20
+ width = math.max(0, layerW)
21
+ end
22
+ local x = localX
23
+ if x < 0 then
24
+ x = 0
25
+ end
26
+ if x + width > layerW then
27
+ x = math.max(0, layerW - width)
28
+ end
29
+ local height = if contentH > 0 then math.min(contentH, maxHeight) else 0
30
+ return {
31
+ x = x,
32
+ y = if above then localY else localY + anchorH,
33
+ width = width,
34
+ height = height,
35
+ maxHeight = maxHeight,
36
+ above = above,
37
+ }
38
+ end
39
+ return {
40
+ popupPlacement = popupPlacement,
41
+ }
@@ -0,0 +1 @@
1
+ export declare function portalTarget(host?: Instance): LayerCollector | undefined;
@@ -0,0 +1,13 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function portalTarget(host)
3
+ if not host then
4
+ return nil
5
+ end
6
+ if host:IsA("LayerCollector") then
7
+ return host
8
+ end
9
+ return host:FindFirstAncestorWhichIsA("LayerCollector")
10
+ end
11
+ return {
12
+ portalTarget = portalTarget,
13
+ }
@@ -0,0 +1,4 @@
1
+ export { default as Popup } from "./components/Popup";
2
+ export { PopupProps } from "./components/Popup";
3
+ export { default as Portal } from "./components/Portal";
4
+ export { PortalProps } from "./components/Portal";
@@ -0,0 +1,6 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.Popup = TS.import(script, script, "components", "Popup").default
5
+ exports.Portal = TS.import(script, script, "components", "Portal").default
6
+ return exports
@@ -33,6 +33,7 @@ local function Preloader(props)
33
33
  end
34
34
  local Adornment = _binding.adornment
35
35
  local className = _binding.className
36
+ local sx = _binding.sx
36
37
  local children = _binding.children
37
38
  local id = _binding.id
38
39
  local ref = _binding.ref
@@ -117,6 +118,11 @@ local function Preloader(props)
117
118
  _attributes[_k] = _v
118
119
  end
119
120
  end
121
+ if sx then
122
+ for _k, _v in sx do
123
+ _attributes[_k] = _v
124
+ end
125
+ end
120
126
  local _exp = Adornment ~= nil and React.createElement(Adornment, {
121
127
  progress = percentage,
122
128
  })
@@ -2,12 +2,12 @@
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
5
- local makeStyles = _theme.makeStyles
6
- local usePreloaderStyles = makeStyles(function(theme, props)
5
+ local componentStyles = _theme.componentStyles
6
+ local usePreloaderStyles = componentStyles("Preloader", function(theme, props)
7
7
  return createStyles({
8
8
  container = {
9
9
  Size = UDim2.new(1, 0, 1, 0),
10
- BackgroundColor3 = theme.palette.background.default,
10
+ BackgroundColor3 = theme.palette.surface.canvas,
11
11
  BorderSizePixel = 0,
12
12
  ZIndex = 100000,
13
13
  },
@@ -1,6 +1,13 @@
1
1
  import { CustomizedProps } from "../../../../theme/index";
2
2
  export interface ProgressBarProps {
3
- progress: number;
3
+ progress?: number;
4
+ value?: number;
5
+ indeterminate?: boolean;
6
+ disabled?: boolean;
7
+ reducedMotion?: boolean;
8
+ color?: Color3;
4
9
  }
5
10
  declare function ProgressBar(props: CustomizedProps<Frame, ProgressBarProps>): JSX.Element;
6
11
  export default ProgressBar;
12
+ export { ProgressBar as LinearProgress };
13
+ export type LinearProgressProps = ProgressBarProps;
@@ -1,20 +1,58 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
- local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
3
+ local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
+ local React = _react
5
+ local useEffect = _react.useEffect
6
+ local useRef = _react.useRef
7
+ local useReducedMotion = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "hooks").useReducedMotion
8
+ local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
9
+ local _motion = TS.import(script, script.Parent.Parent.Parent, "motion")
10
+ local loopProperty = _motion.loopProperty
11
+ local progressSpin = _motion.progressSpin
12
+ local progressUnit = _motion.progressUnit
4
13
  local useProgressBarStyles = TS.import(script, script.Parent, "ProgressBar.styles").default
5
14
  local function ProgressBar(props)
6
15
  local _binding = props
7
16
  local progress = _binding.progress
17
+ local value = _binding.value
18
+ local indeterminate = _binding.indeterminate
19
+ if indeterminate == nil then
20
+ indeterminate = false
21
+ end
22
+ local disabled = _binding.disabled
23
+ local reducedProp = _binding.reducedMotion
24
+ local color = _binding.color
8
25
  local className = _binding.className
26
+ local sx = _binding.sx
9
27
  local id = _binding.id
10
28
  local ref = _binding.ref
11
- local _binding_1 = useProgressBarStyles()
12
- local container = _binding_1.container
13
- local outer = _binding_1.outer
14
- local stroke = _binding_1.stroke
15
- local inner = _binding_1.inner
16
- local fill = _binding_1.fill
17
- local corner = _binding_1.corner
29
+ local reducedMotion = useReducedMotion(reducedProp)
30
+ local _binding_1 = useTheme()
31
+ local theme = _binding_1.theme
32
+ local _binding_2 = useProgressBarStyles()
33
+ local container = _binding_2.container
34
+ local outer = _binding_2.outer
35
+ local stroke = _binding_2.stroke
36
+ local inner = _binding_2.inner
37
+ local fill = _binding_2.fill
38
+ local corner = _binding_2.corner
39
+ local barRef = useRef()
40
+ local unit = if indeterminate then 0.35 else progressUnit(value, progress)
41
+ local motion = progressSpin(indeterminate, reducedMotion, disabled)
42
+ useEffect(function()
43
+ local bar = barRef.current
44
+ if not bar then
45
+ return nil
46
+ end
47
+ if motion ~= "spin" then
48
+ bar.Position = UDim2.new(0, 0, 0.5, 0)
49
+ return nil
50
+ end
51
+ bar.Position = UDim2.new(-unit, 0, 0.5, 0)
52
+ return loopProperty(bar, {
53
+ Position = UDim2.new(1, 0, 0.5, 0),
54
+ }, 1.1)
55
+ end, { motion, unit })
18
56
  local _attributes = {}
19
57
  local _condition = id
20
58
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
@@ -30,6 +68,11 @@ local function ProgressBar(props)
30
68
  _attributes[_k] = _v
31
69
  end
32
70
  end
71
+ if sx then
72
+ for _k, _v in sx do
73
+ _attributes[_k] = _v
74
+ end
75
+ end
33
76
  local _attributes_1 = {
34
77
  key = "Bar",
35
78
  }
@@ -55,9 +98,15 @@ local function ProgressBar(props)
55
98
  _attributes_5[_k] = _v
56
99
  end
57
100
  local _exp_2 = React.createElement("uicorner", _attributes_5)
58
- local _attributes_6 = table.clone(fill)
59
- setmetatable(_attributes_6, nil)
60
- _attributes_6.Size = UDim2.new(progress / 100, 0, 1, 0)
101
+ local _attributes_6 = {
102
+ ref = barRef,
103
+ }
104
+ for _k, _v in fill do
105
+ _attributes_6[_k] = _v
106
+ end
107
+ _attributes_6.Size = UDim2.new(unit, 0, 1, 0)
108
+ _attributes_6.BackgroundColor3 = color or theme.palette.text.primary
109
+ _attributes_6.BackgroundTransparency = if disabled then 0.55 else 0
61
110
  local _attributes_7 = {
62
111
  key = "Corner",
63
112
  }
@@ -69,4 +118,5 @@ end
69
118
  local default = ProgressBar
70
119
  return {
71
120
  default = default,
121
+ LinearProgress = ProgressBar,
72
122
  }
@@ -2,8 +2,8 @@
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
5
- local makeStyles = _theme.makeStyles
6
- local useProgressBarStyles = makeStyles(function(theme)
5
+ local componentStyles = _theme.componentStyles
6
+ local useProgressBarStyles = componentStyles("ProgressBar", function(theme)
7
7
  return createStyles({
8
8
  container = {
9
9
  BackgroundTransparency = 1,
@@ -1,3 +1,2 @@
1
- export { default as ProgressBar } from "./components/ProgressBar";
2
- export { ProgressBarProps } from "./components/ProgressBar";
3
- export * from "./components/ProgressBar";
1
+ export { default as ProgressBar, LinearProgress } from "./components/ProgressBar";
2
+ export { ProgressBarProps, LinearProgressProps } from "./components/ProgressBar";
@@ -1,8 +1,7 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
- exports.ProgressBar = TS.import(script, script, "components", "ProgressBar").default
5
- for _k, _v in TS.import(script, script, "components", "ProgressBar") or {} do
6
- exports[_k] = _v
7
- end
4
+ local _ProgressBar = TS.import(script, script, "components", "ProgressBar")
5
+ exports.ProgressBar = _ProgressBar.default
6
+ exports.LinearProgress = _ProgressBar.LinearProgress
8
7
  return exports
@@ -0,0 +1,16 @@
1
+ import { ControlSize, CustomizedProps } from "../../../../theme/index";
2
+ export interface ChoiceOption<T> {
3
+ label: string;
4
+ value: T;
5
+ disabled?: boolean;
6
+ group?: string;
7
+ }
8
+ export interface RadioGroupProps<T> {
9
+ value: T;
10
+ options: ChoiceOption<T>[];
11
+ onChange: (value: T) => void;
12
+ disabled?: boolean;
13
+ size?: ControlSize;
14
+ }
15
+ declare function RadioGroup<T>(props: CustomizedProps<Frame, RadioGroupProps<T>>): JSX.Element;
16
+ export default RadioGroup;