@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,10 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.FontEditor = TS.import(script, script, "components", "FontEditor").default
5
+ local _fontValue = TS.import(script, script, "components", "fontValue")
6
+ exports.enumFamilies = _fontValue.enumFamilies
7
+ exports.familyLabel = _fontValue.familyLabel
8
+ exports.uniqueFamilies = _fontValue.uniqueFamilies
9
+ exports.writeFont = _fontValue.writeFont
10
+ return exports
@@ -0,0 +1,10 @@
1
+ import { CustomizedProps } from "../../../../theme/index";
2
+ import { GradientValue } from "./gradientValue";
3
+ export interface GradientEditorProps {
4
+ value: GradientValue;
5
+ onChange: (value: GradientValue) => void;
6
+ disabled?: boolean;
7
+ }
8
+ export type { GradientValue };
9
+ declare function GradientEditor(props: CustomizedProps<Frame, GradientEditorProps>): JSX.Element;
10
+ export default GradientEditor;
@@ -0,0 +1,156 @@
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 _colorPicker = TS.import(script, script.Parent.Parent.Parent, "colorPicker")
5
+ local ColorSequenceEditor = _colorPicker.ColorSequenceEditor
6
+ local NumberSequenceEditor = _colorPicker.NumberSequenceEditor
7
+ local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
8
+ local Switch = TS.import(script, script.Parent.Parent.Parent, "switch").Switch
9
+ local VectorEditor = TS.import(script, script.Parent.Parent.Parent, "vectorEditor").VectorEditor
10
+ local useGradientEditorStyles = TS.import(script, script.Parent, "GradientEditor.styles").default
11
+ local _gradientValue = TS.import(script, script.Parent, "gradientValue")
12
+ local patchGradientEnabled = _gradientValue.patchGradientEnabled
13
+ local patchGradientRotation = _gradientValue.patchGradientRotation
14
+ local function GradientEditor(props)
15
+ local _binding = props
16
+ local value = _binding.value
17
+ local onChange = _binding.onChange
18
+ local disabled = _binding.disabled
19
+ local className = _binding.className
20
+ local sx = _binding.sx
21
+ local id = _binding.id
22
+ local ref = _binding.ref
23
+ local styles = useGradientEditorStyles()
24
+ local _attributes = {}
25
+ local _condition = id
26
+ if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
27
+ _condition = "GradientEditor"
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.column)
45
+ setmetatable(_attributes_1, nil)
46
+ local _exp = React.createElement("uilistlayout", _attributes_1)
47
+ local _attributes_2 = {
48
+ key = "Color",
49
+ }
50
+ for _k, _v in styles.row do
51
+ _attributes_2[_k] = _v
52
+ end
53
+ _attributes_2.LayoutOrder = 1
54
+ local _attributes_3 = table.clone(styles.column)
55
+ setmetatable(_attributes_3, nil)
56
+ local _exp_1 = React.createElement("uilistlayout", _attributes_3)
57
+ local _attributes_4 = table.clone(styles.label)
58
+ setmetatable(_attributes_4, nil)
59
+ _attributes_4.Text = "Color"
60
+ local _exp_2 = React.createElement("frame", _attributes_2, _exp_1, React.createElement("textlabel", _attributes_4), React.createElement(ColorSequenceEditor, {
61
+ value = value.color,
62
+ disabled = disabled,
63
+ onChange = function(color)
64
+ local _object = table.clone(value)
65
+ setmetatable(_object, nil)
66
+ _object.color = color
67
+ return onChange(_object)
68
+ end,
69
+ }))
70
+ local _attributes_5 = {
71
+ key = "Transparency",
72
+ }
73
+ for _k, _v in styles.row do
74
+ _attributes_5[_k] = _v
75
+ end
76
+ _attributes_5.LayoutOrder = 2
77
+ local _attributes_6 = table.clone(styles.column)
78
+ setmetatable(_attributes_6, nil)
79
+ local _exp_3 = React.createElement("uilistlayout", _attributes_6)
80
+ local _attributes_7 = table.clone(styles.label)
81
+ setmetatable(_attributes_7, nil)
82
+ _attributes_7.Text = "Transparency"
83
+ local _exp_4 = React.createElement("frame", _attributes_5, _exp_3, React.createElement("textlabel", _attributes_7), React.createElement(NumberSequenceEditor, {
84
+ value = value.transparency,
85
+ disabled = disabled,
86
+ onChange = function(transparency)
87
+ local _object = table.clone(value)
88
+ setmetatable(_object, nil)
89
+ _object.transparency = transparency
90
+ return onChange(_object)
91
+ end,
92
+ }))
93
+ local _attributes_8 = {
94
+ key = "Rotation",
95
+ }
96
+ for _k, _v in styles.row do
97
+ _attributes_8[_k] = _v
98
+ end
99
+ _attributes_8.LayoutOrder = 3
100
+ local _attributes_9 = table.clone(styles.column)
101
+ setmetatable(_attributes_9, nil)
102
+ local _exp_5 = React.createElement("uilistlayout", _attributes_9)
103
+ local _attributes_10 = table.clone(styles.label)
104
+ setmetatable(_attributes_10, nil)
105
+ _attributes_10.Text = "Rotation"
106
+ local _exp_6 = React.createElement("frame", _attributes_8, _exp_5, React.createElement("textlabel", _attributes_10), React.createElement(NumberInput, {
107
+ value = value.rotation,
108
+ disabled = disabled,
109
+ width = UDim.new(1, 0),
110
+ onChange = function(rotation)
111
+ return onChange(patchGradientRotation(value, rotation))
112
+ end,
113
+ }))
114
+ local _attributes_11 = {
115
+ key = "Offset",
116
+ }
117
+ for _k, _v in styles.row do
118
+ _attributes_11[_k] = _v
119
+ end
120
+ _attributes_11.LayoutOrder = 4
121
+ local _attributes_12 = table.clone(styles.column)
122
+ setmetatable(_attributes_12, nil)
123
+ local _exp_7 = React.createElement("uilistlayout", _attributes_12)
124
+ local _attributes_13 = table.clone(styles.label)
125
+ setmetatable(_attributes_13, nil)
126
+ _attributes_13.Text = "Offset"
127
+ local _exp_8 = React.createElement("frame", _attributes_11, _exp_7, React.createElement("textlabel", _attributes_13), React.createElement(VectorEditor, {
128
+ value = value.offset,
129
+ disabled = disabled,
130
+ onChange = function(offset)
131
+ local _object = table.clone(value)
132
+ setmetatable(_object, nil)
133
+ _object.offset = offset
134
+ return onChange(_object)
135
+ end,
136
+ }))
137
+ local _attributes_14 = {
138
+ key = "Enabled",
139
+ }
140
+ for _k, _v in styles.row do
141
+ _attributes_14[_k] = _v
142
+ end
143
+ _attributes_14.LayoutOrder = 5
144
+ return React.createElement("frame", _attributes, _exp, _exp_2, _exp_4, _exp_6, _exp_8, React.createElement("frame", _attributes_14, React.createElement(Switch, {
145
+ value = value.enabled,
146
+ disabled = disabled,
147
+ label = "Enabled",
148
+ onChange = function(enabled)
149
+ return onChange(patchGradientEnabled(value, enabled))
150
+ end,
151
+ })))
152
+ end
153
+ local default = GradientEditor
154
+ return {
155
+ default = default,
156
+ }
@@ -0,0 +1,2 @@
1
+ declare const useGradientEditorStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
+ export default useGradientEditorStyles;
@@ -0,0 +1,37 @@
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 useGradientEditorStyles = componentStyles("GradientEditor", 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
+ column = {
15
+ FillDirection = Enum.FillDirection.Vertical,
16
+ Padding = UDim.new(0, theme.padding.calc(1)),
17
+ SortOrder = Enum.SortOrder.LayoutOrder,
18
+ },
19
+ row = {
20
+ Size = UDim2.new(1, 0, 0, 0),
21
+ AutomaticSize = Enum.AutomaticSize.Y,
22
+ BackgroundTransparency = 1,
23
+ },
24
+ label = {
25
+ Size = UDim2.new(1, 0, 0, theme.spacing.calc(1.5)),
26
+ BackgroundTransparency = 1,
27
+ Font = theme.typography.fontFamilies.default,
28
+ TextSize = theme.typography.fontSizes.caption,
29
+ TextColor3 = theme.palette.text.secondary,
30
+ TextXAlignment = Enum.TextXAlignment.Left,
31
+ },
32
+ })
33
+ end)
34
+ local default = useGradientEditorStyles
35
+ return {
36
+ default = default,
37
+ }
@@ -0,0 +1,8 @@
1
+ export declare function patchRotation(rotation: number, enabled: boolean, amount: number): {
2
+ rotation: number;
3
+ enabled: boolean;
4
+ };
5
+ export declare function patchEnabled(rotation: number, enabled: boolean, on: boolean): {
6
+ rotation: number;
7
+ enabled: boolean;
8
+ };
@@ -0,0 +1,17 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function patchRotation(rotation, enabled, amount)
3
+ return {
4
+ rotation = amount,
5
+ enabled = enabled,
6
+ }
7
+ end
8
+ local function patchEnabled(rotation, enabled, on)
9
+ return {
10
+ rotation = rotation,
11
+ enabled = on,
12
+ }
13
+ end
14
+ return {
15
+ patchRotation = patchRotation,
16
+ patchEnabled = patchEnabled,
17
+ }
@@ -0,0 +1,9 @@
1
+ export interface GradientValue {
2
+ color: ColorSequence;
3
+ transparency: NumberSequence;
4
+ rotation: number;
5
+ offset: Vector2;
6
+ enabled: boolean;
7
+ }
8
+ export declare function patchGradientRotation(value: GradientValue, rotation: number): GradientValue;
9
+ export declare function patchGradientEnabled(value: GradientValue, enabled: boolean): GradientValue;
@@ -0,0 +1,23 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function patchGradientRotation(value, rotation)
3
+ return {
4
+ color = value.color,
5
+ transparency = value.transparency,
6
+ rotation = rotation,
7
+ offset = value.offset,
8
+ enabled = value.enabled,
9
+ }
10
+ end
11
+ local function patchGradientEnabled(value, enabled)
12
+ return {
13
+ color = value.color,
14
+ transparency = value.transparency,
15
+ rotation = value.rotation,
16
+ offset = value.offset,
17
+ enabled = enabled,
18
+ }
19
+ end
20
+ return {
21
+ patchGradientRotation = patchGradientRotation,
22
+ patchGradientEnabled = patchGradientEnabled,
23
+ }
@@ -0,0 +1,2 @@
1
+ export { default as GradientEditor } from "./components/GradientEditor";
2
+ export { GradientEditorProps, GradientValue } from "./components/GradientEditor";
@@ -0,0 +1,5 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.GradientEditor = TS.import(script, script, "components", "GradientEditor").default
5
+ return exports
@@ -7,6 +7,7 @@ local function Icon(props)
7
7
  local icon = _binding.icon
8
8
  local tint = _binding.tint
9
9
  local className = _binding.className
10
+ local sx = _binding.sx
10
11
  local id = _binding.id
11
12
  local ref = _binding.ref
12
13
  local _binding_1 = useIconStyles(props)
@@ -26,6 +27,11 @@ local function Icon(props)
26
27
  _attributes[_k] = _v
27
28
  end
28
29
  end
30
+ if sx then
31
+ for _k, _v in sx do
32
+ _attributes[_k] = _v
33
+ end
34
+ end
29
35
  _attributes.Image = tostring(icon)
30
36
  _attributes.ImageColor3 = tint or container.ImageColor3
31
37
  return React.createElement("imagelabel", _attributes)
@@ -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 useIconStyles = makeStyles(function(theme, props)
5
+ local componentStyles = _theme.componentStyles
6
+ local useIconStyles = componentStyles("Icon", function(theme, props)
7
7
  local getIconSize = function(props)
8
8
  local _binding = props
9
9
  local size = _binding.size
@@ -32,7 +32,7 @@ local useIconStyles = makeStyles(function(theme, props)
32
32
  return createStyles({
33
33
  container = {
34
34
  Size = getIconSize(props),
35
- BackgroundColor3 = theme.palette.secondary.main,
35
+ BackgroundColor3 = theme.palette.primary.main,
36
36
  ImageColor3 = theme.palette.text.primary,
37
37
  BackgroundTransparency = 1,
38
38
  BorderSizePixel = 0,
@@ -5,6 +5,9 @@ export interface IconButtonProps {
5
5
  size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
6
6
  tint: Color3;
7
7
  selected?: boolean;
8
+ disabled?: boolean;
9
+ loading?: boolean;
10
+ reducedMotion?: boolean;
8
11
  onClick?: () => void;
9
12
  }
10
13
  type DefaultIconButtonComponent = ImageButton;
@@ -2,20 +2,40 @@
2
2
  local TS = _G[script]
3
3
  local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
4
  local React = _react
5
+ local useEffect = _react.useEffect
5
6
  local useState = _react.useState
7
+ local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
8
+ local iconSpinnerPixels = TS.import(script, script.Parent.Parent.Parent, "button", "components", "buttonLook").iconSpinnerPixels
9
+ local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
6
10
  local useIconButtonStyles = TS.import(script, script.Parent, "IconButton.styles").default
7
11
  local function IconButton(props)
8
12
  local _binding = props
9
13
  local icon = _binding.icon
10
14
  local selected = _binding.selected
11
15
  local tint = _binding.tint
16
+ local disabled = _binding.disabled
17
+ local loading = _binding.loading
18
+ if loading == nil then
19
+ loading = false
20
+ end
21
+ local reducedMotion = _binding.reducedMotion
12
22
  local onClick = _binding.onClick
13
23
  local className = _binding.className
24
+ local sx = _binding.sx
14
25
  local id = _binding.id
15
26
  local ref = _binding.ref
16
27
  local _binding_1 = useIconButtonStyles(props)
17
28
  local container = _binding_1.container
29
+ local active = canActivate(disabled, loading)
18
30
  local hovering, setHovering = useState(false)
31
+ local focused, setFocused = useState(false)
32
+ useEffect(function()
33
+ if active then
34
+ return nil
35
+ end
36
+ setHovering(false)
37
+ setFocused(false)
38
+ end, { active })
19
39
  local _attributes = {}
20
40
  local _condition = id
21
41
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
@@ -31,23 +51,51 @@ local function IconButton(props)
31
51
  _attributes[_k] = _v
32
52
  end
33
53
  end
34
- _attributes.BackgroundTransparency = if hovering or selected then 0.5 else 1
54
+ if sx then
55
+ for _k, _v in sx do
56
+ _attributes[_k] = _v
57
+ end
58
+ end
59
+ _attributes.Active = active
60
+ _attributes.AutoButtonColor = active
61
+ _attributes.Selectable = active
62
+ _attributes.BackgroundTransparency = if loading then 1 elseif not active or hovering or selected or focused then 0.5 else 1
35
63
  _attributes.Image = tostring(icon)
64
+ _attributes.ImageTransparency = if loading then 1 else 0
36
65
  _attributes.ImageColor3 = tint or container.ImageColor3
37
66
  _attributes.Event = {
38
67
  MouseButton1Click = function()
39
- if onClick then
68
+ if active and onClick then
40
69
  onClick()
41
70
  end
42
71
  end,
43
72
  MouseEnter = function()
44
- setHovering(true)
73
+ if active then
74
+ setHovering(true)
75
+ end
45
76
  end,
46
77
  MouseLeave = function()
47
- setHovering(false)
78
+ return setHovering(false)
79
+ end,
80
+ SelectionGained = function()
81
+ if active then
82
+ setFocused(true)
83
+ end
84
+ end,
85
+ SelectionLost = function()
86
+ return setFocused(false)
48
87
  end,
49
88
  }
50
- return React.createElement("imagebutton", _attributes)
89
+ return React.createElement("imagebutton", _attributes, loading and (React.createElement(CircularProgress, {
90
+ size = iconSpinnerPixels(props.size),
91
+ thickness = 2,
92
+ color = tint,
93
+ reducedMotion = reducedMotion,
94
+ className = {
95
+ AnchorPoint = Vector2.new(0.5, 0.5),
96
+ Position = UDim2.new(0.5, 0, 0.5, 0),
97
+ },
98
+ })))
51
99
  end
52
100
  local default = IconButton
53
101
  return {
@@ -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 useIconButtonStyles = makeStyles(function(theme, props)
5
+ local componentStyles = _theme.componentStyles
6
+ local useIconButtonStyles = componentStyles("IconButton", function(theme, props)
7
7
  local getIconSize = function(props)
8
8
  local _binding = props
9
9
  local size = _binding.size
@@ -32,7 +32,7 @@ local useIconButtonStyles = makeStyles(function(theme, props)
32
32
  return createStyles({
33
33
  container = {
34
34
  Size = getIconSize(props),
35
- BackgroundColor3 = theme.palette.secondary.main,
35
+ BackgroundColor3 = theme.palette.primary.main,
36
36
  ImageColor3 = theme.palette.text.primary,
37
37
  BackgroundTransparency = 1,
38
38
  BorderSizePixel = 0,
@@ -1,3 +1,5 @@
1
+ export * from "./circularProgress/index";
2
+ export * from "./skeleton/index";
1
3
  export * from "./divider/index";
2
4
  export * from "./errorBoundary/index";
3
5
  export * from "./icon/index";
@@ -6,10 +8,54 @@ export * from "./input/index";
6
8
  export * from "./layout/index";
7
9
  export * from "./preloader/index";
8
10
  export * from "./progressBar/index";
11
+ export * from "./scroll/index";
9
12
  export * from "./shadow/index";
10
13
  export * from "./sidebar/index";
11
14
  export * from "./toast/index";
12
15
  export * from "./treeView/index";
13
16
  export * from "./typography/index";
14
17
  export * from "./button/index";
18
+ export * from "./checkbox/index";
19
+ export * from "./colorPicker/index";
20
+ export * from "./fontEditor/index";
15
21
  export * from "./loadingStroke/index";
22
+ export * from "./numberInput/index";
23
+ export * from "./numberRangeEditor/index";
24
+ export * from "./rectEditor/index";
25
+ export * from "./rayEditor/index";
26
+ export * from "./physicalPropertiesEditor/index";
27
+ export * from "./udimEditor/index";
28
+ export * from "./vectorEditor/index";
29
+ export * from "./cframeEditor/index";
30
+ export * from "./enumPicker/index";
31
+ export * from "./popup/index";
32
+ export * from "./modal/index";
33
+ export * from "./dialog/index";
34
+ export * from "./paper/index";
35
+ export * from "./card/index";
36
+ export * from "./chip/index";
37
+ export * from "./badge/index";
38
+ export * from "./brickColorPicker/index";
39
+ export * from "./avatar/index";
40
+ export * from "./assetField/index";
41
+ export * from "./gradientEditor/index";
42
+ export * from "./drawer/index";
43
+ export * from "./breadcrumbs/index";
44
+ export * from "./pagination/index";
45
+ export * from "./stepper/index";
46
+ export * from "./accordion/index";
47
+ export * from "./snackbar/index";
48
+ export * from "./table/index";
49
+ export * from "./autocomplete/index";
50
+ export * from "./listItem/index";
51
+ export * from "./menu/index";
52
+ export * from "./motion/index";
53
+ export * from "./radioGroup/index";
54
+ export * from "./select/index";
55
+ export * from "./slider/index";
56
+ export * from "./splitPane/index";
57
+ export * from "./stateMatrix";
58
+ export * from "./switch/index";
59
+ export * from "./tabs/index";
60
+ export * from "./tooltip/index";
61
+ export * from "./virtualList/index";
@@ -1,6 +1,12 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
+ for _k, _v in TS.import(script, script, "circularProgress") or {} do
5
+ exports[_k] = _v
6
+ end
7
+ for _k, _v in TS.import(script, script, "skeleton") or {} do
8
+ exports[_k] = _v
9
+ end
4
10
  for _k, _v in TS.import(script, script, "divider") or {} do
5
11
  exports[_k] = _v
6
12
  end
@@ -25,6 +31,9 @@ end
25
31
  for _k, _v in TS.import(script, script, "progressBar") or {} do
26
32
  exports[_k] = _v
27
33
  end
34
+ for _k, _v in TS.import(script, script, "scroll") or {} do
35
+ exports[_k] = _v
36
+ end
28
37
  for _k, _v in TS.import(script, script, "shadow") or {} do
29
38
  exports[_k] = _v
30
39
  end
@@ -43,7 +52,136 @@ end
43
52
  for _k, _v in TS.import(script, script, "button") or {} do
44
53
  exports[_k] = _v
45
54
  end
55
+ for _k, _v in TS.import(script, script, "checkbox") or {} do
56
+ exports[_k] = _v
57
+ end
58
+ for _k, _v in TS.import(script, script, "colorPicker") or {} do
59
+ exports[_k] = _v
60
+ end
61
+ for _k, _v in TS.import(script, script, "fontEditor") or {} do
62
+ exports[_k] = _v
63
+ end
46
64
  for _k, _v in TS.import(script, script, "loadingStroke") or {} do
47
65
  exports[_k] = _v
48
66
  end
67
+ for _k, _v in TS.import(script, script, "numberInput") or {} do
68
+ exports[_k] = _v
69
+ end
70
+ for _k, _v in TS.import(script, script, "numberRangeEditor") or {} do
71
+ exports[_k] = _v
72
+ end
73
+ for _k, _v in TS.import(script, script, "rectEditor") or {} do
74
+ exports[_k] = _v
75
+ end
76
+ for _k, _v in TS.import(script, script, "rayEditor") or {} do
77
+ exports[_k] = _v
78
+ end
79
+ for _k, _v in TS.import(script, script, "physicalPropertiesEditor") or {} do
80
+ exports[_k] = _v
81
+ end
82
+ for _k, _v in TS.import(script, script, "udimEditor") or {} do
83
+ exports[_k] = _v
84
+ end
85
+ for _k, _v in TS.import(script, script, "vectorEditor") or {} do
86
+ exports[_k] = _v
87
+ end
88
+ for _k, _v in TS.import(script, script, "cframeEditor") or {} do
89
+ exports[_k] = _v
90
+ end
91
+ for _k, _v in TS.import(script, script, "enumPicker") or {} do
92
+ exports[_k] = _v
93
+ end
94
+ for _k, _v in TS.import(script, script, "popup") or {} do
95
+ exports[_k] = _v
96
+ end
97
+ for _k, _v in TS.import(script, script, "modal") or {} do
98
+ exports[_k] = _v
99
+ end
100
+ for _k, _v in TS.import(script, script, "dialog") or {} do
101
+ exports[_k] = _v
102
+ end
103
+ for _k, _v in TS.import(script, script, "paper") or {} do
104
+ exports[_k] = _v
105
+ end
106
+ for _k, _v in TS.import(script, script, "card") or {} do
107
+ exports[_k] = _v
108
+ end
109
+ for _k, _v in TS.import(script, script, "chip") or {} do
110
+ exports[_k] = _v
111
+ end
112
+ for _k, _v in TS.import(script, script, "badge") or {} do
113
+ exports[_k] = _v
114
+ end
115
+ for _k, _v in TS.import(script, script, "brickColorPicker") or {} do
116
+ exports[_k] = _v
117
+ end
118
+ for _k, _v in TS.import(script, script, "avatar") or {} do
119
+ exports[_k] = _v
120
+ end
121
+ for _k, _v in TS.import(script, script, "assetField") or {} do
122
+ exports[_k] = _v
123
+ end
124
+ for _k, _v in TS.import(script, script, "gradientEditor") or {} do
125
+ exports[_k] = _v
126
+ end
127
+ for _k, _v in TS.import(script, script, "drawer") or {} do
128
+ exports[_k] = _v
129
+ end
130
+ for _k, _v in TS.import(script, script, "breadcrumbs") or {} do
131
+ exports[_k] = _v
132
+ end
133
+ for _k, _v in TS.import(script, script, "pagination") or {} do
134
+ exports[_k] = _v
135
+ end
136
+ for _k, _v in TS.import(script, script, "stepper") or {} do
137
+ exports[_k] = _v
138
+ end
139
+ for _k, _v in TS.import(script, script, "accordion") or {} do
140
+ exports[_k] = _v
141
+ end
142
+ for _k, _v in TS.import(script, script, "snackbar") or {} do
143
+ exports[_k] = _v
144
+ end
145
+ for _k, _v in TS.import(script, script, "table") or {} do
146
+ exports[_k] = _v
147
+ end
148
+ for _k, _v in TS.import(script, script, "autocomplete") or {} do
149
+ exports[_k] = _v
150
+ end
151
+ for _k, _v in TS.import(script, script, "listItem") or {} do
152
+ exports[_k] = _v
153
+ end
154
+ for _k, _v in TS.import(script, script, "menu") or {} do
155
+ exports[_k] = _v
156
+ end
157
+ for _k, _v in TS.import(script, script, "motion") or {} do
158
+ exports[_k] = _v
159
+ end
160
+ for _k, _v in TS.import(script, script, "radioGroup") or {} do
161
+ exports[_k] = _v
162
+ end
163
+ for _k, _v in TS.import(script, script, "select") or {} do
164
+ exports[_k] = _v
165
+ end
166
+ for _k, _v in TS.import(script, script, "slider") or {} do
167
+ exports[_k] = _v
168
+ end
169
+ for _k, _v in TS.import(script, script, "splitPane") or {} do
170
+ exports[_k] = _v
171
+ end
172
+ for _k, _v in TS.import(script, script, "stateMatrix") or {} do
173
+ exports[_k] = _v
174
+ end
175
+ for _k, _v in TS.import(script, script, "switch") or {} do
176
+ exports[_k] = _v
177
+ end
178
+ for _k, _v in TS.import(script, script, "tabs") or {} do
179
+ exports[_k] = _v
180
+ end
181
+ for _k, _v in TS.import(script, script, "tooltip") or {} do
182
+ exports[_k] = _v
183
+ end
184
+ for _k, _v in TS.import(script, script, "virtualList") or {} do
185
+ exports[_k] = _v
186
+ end
49
187
  return exports