@rbxts/uiblox 0.1.53 → 0.2.0-alpha.1

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 (515) hide show
  1. package/README.md +107 -28
  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/constants/NumberConstants.d.ts +1 -1
  25. package/out/theme/constants/NumberConstants.luau +3 -4
  26. package/out/theme/context/ThemeProvider.d.ts +3 -0
  27. package/out/theme/context/ThemeProvider.luau +15 -8
  28. package/out/theme/context/themeScope.d.ts +5 -0
  29. package/out/theme/context/themeScope.luau +7 -0
  30. package/out/theme/hooks/useTheme.luau +15 -14
  31. package/out/theme/interfaces/density/controlMetrics.d.ts +21 -0
  32. package/out/theme/interfaces/density/controlMetrics.luau +67 -0
  33. package/out/theme/interfaces/density/index.d.ts +1 -0
  34. package/out/theme/interfaces/density/init.luau +7 -0
  35. package/out/theme/interfaces/index.d.ts +1 -0
  36. package/out/theme/interfaces/init.luau +3 -0
  37. package/out/theme/interfaces/palette/Palette.d.ts +39 -18
  38. package/out/theme/interfaces/palette/colors/index.d.ts +0 -1
  39. package/out/theme/interfaces/palette/index.d.ts +1 -0
  40. package/out/theme/interfaces/theme/Theme.d.ts +13 -0
  41. package/out/theme/interfaces/theme/ThemeConstants.d.ts +0 -18
  42. package/out/theme/interfaces/typography/FontSizes.d.ts +1 -1
  43. package/out/theme/interfaces/typography/FontSizes.luau +7 -7
  44. package/out/theme/styles/index.d.ts +1 -2
  45. package/out/theme/styles/init.luau +3 -1
  46. package/out/theme/styles/types/index.d.ts +0 -1
  47. package/out/theme/styles/utilities/classNames.d.ts +3 -2
  48. package/out/theme/styles/utilities/classNames.luau +7 -173
  49. package/out/theme/styles/utilities/componentStyles.d.ts +7 -0
  50. package/out/theme/styles/utilities/componentStyles.luau +31 -0
  51. package/out/theme/styles/utilities/componentTheme.d.ts +20 -0
  52. package/out/theme/styles/utilities/componentTheme.luau +53 -0
  53. package/out/theme/styles/utilities/createStyles.d.ts +1 -2
  54. package/out/theme/styles/utilities/index.d.ts +5 -1
  55. package/out/theme/styles/utilities/init.luau +9 -1
  56. package/out/theme/styles/utilities/makeStyles.luau +14 -15
  57. package/out/theme/styles/utilities/resolveStyle.d.ts +32 -0
  58. package/out/theme/styles/utilities/resolveStyle.luau +66 -0
  59. package/out/theme/styles/utilities/styleCache.d.ts +2 -0
  60. package/out/theme/styles/utilities/styleCache.luau +68 -0
  61. package/out/theme/styles/utilities/variants.d.ts +19 -0
  62. package/out/theme/styles/utilities/variants.luau +59 -0
  63. package/out/theme/themes/DarkTheme.luau +4 -57
  64. package/out/theme/themes/LightTheme.luau +4 -57
  65. package/out/theme/themes/createPalette.d.ts +3 -0
  66. package/out/theme/themes/createPalette.luau +111 -0
  67. package/out/theme/themes/index.d.ts +1 -0
  68. package/out/theme/themes/init.luau +3 -0
  69. package/out/theme/types/types.d.ts +1 -0
  70. package/out/theme/utilites/colorMath.d.ts +8 -0
  71. package/out/theme/utilites/colorMath.luau +35 -0
  72. package/out/theme/utilites/index.d.ts +1 -0
  73. package/out/theme/utilites/init.luau +6 -0
  74. package/out/ui/enums/Icons.d.ts +5 -1
  75. package/out/ui/enums/Icons.luau +4 -0
  76. package/out/ui/index.d.ts +12 -0
  77. package/out/ui/init.luau +5 -0
  78. package/out/ui/packages/accordion/components/Accordion.d.ts +11 -0
  79. package/out/ui/packages/accordion/components/Accordion.luau +93 -0
  80. package/out/ui/packages/accordion/components/Accordion.styles.d.ts +4 -0
  81. package/out/ui/packages/accordion/components/Accordion.styles.luau +65 -0
  82. package/out/ui/packages/accordion/components/accordionOpen.d.ts +1 -0
  83. package/out/ui/packages/accordion/components/accordionOpen.luau +10 -0
  84. package/out/ui/packages/accordion/index.d.ts +2 -0
  85. package/out/ui/packages/accordion/init.luau +5 -0
  86. package/out/ui/packages/appBar/components/AppBar.d.ts +10 -0
  87. package/out/ui/packages/appBar/components/AppBar.luau +77 -0
  88. package/out/ui/packages/appBar/components/AppBar.styles.d.ts +6 -0
  89. package/out/ui/packages/appBar/components/AppBar.styles.luau +66 -0
  90. package/out/ui/packages/appBar/index.d.ts +3 -0
  91. package/out/ui/packages/appBar/init.luau +5 -0
  92. package/out/ui/packages/assetField/components/AssetField.d.ts +10 -0
  93. package/out/ui/packages/assetField/components/AssetField.luau +75 -0
  94. package/out/ui/packages/assetField/components/AssetField.styles.d.ts +2 -0
  95. package/out/ui/packages/assetField/components/AssetField.styles.luau +33 -0
  96. package/out/ui/packages/assetField/components/assetPreviewUri.d.ts +1 -0
  97. package/out/ui/packages/assetField/components/assetPreviewUri.luau +25 -0
  98. package/out/ui/packages/assetField/index.d.ts +2 -0
  99. package/out/ui/packages/assetField/init.luau +5 -0
  100. package/out/ui/packages/autocomplete/components/Autocomplete.d.ts +5 -0
  101. package/out/ui/packages/autocomplete/components/Autocomplete.luau +47 -0
  102. package/out/ui/packages/autocomplete/components/autocompleteSearchable.d.ts +1 -0
  103. package/out/ui/packages/autocomplete/components/autocompleteSearchable.luau +7 -0
  104. package/out/ui/packages/autocomplete/index.d.ts +2 -0
  105. package/out/ui/packages/autocomplete/init.luau +5 -0
  106. package/out/ui/packages/avatar/components/Avatar.d.ts +8 -0
  107. package/out/ui/packages/avatar/components/Avatar.luau +69 -0
  108. package/out/ui/packages/avatar/components/Avatar.styles.d.ts +4 -0
  109. package/out/ui/packages/avatar/components/Avatar.styles.luau +39 -0
  110. package/out/ui/packages/avatar/components/avatarText.d.ts +1 -0
  111. package/out/ui/packages/avatar/components/avatarText.luau +17 -0
  112. package/out/ui/packages/avatar/index.d.ts +3 -0
  113. package/out/ui/packages/avatar/init.luau +6 -0
  114. package/out/ui/packages/badge/components/Badge.d.ts +10 -0
  115. package/out/ui/packages/badge/components/Badge.luau +69 -0
  116. package/out/ui/packages/badge/components/Badge.styles.d.ts +2 -0
  117. package/out/ui/packages/badge/components/Badge.styles.luau +38 -0
  118. package/out/ui/packages/badge/components/badgeValue.d.ts +1 -0
  119. package/out/ui/packages/badge/components/badgeValue.luau +7 -0
  120. package/out/ui/packages/badge/index.d.ts +3 -0
  121. package/out/ui/packages/badge/init.luau +6 -0
  122. package/out/ui/packages/bottomNavigation/components/BottomNavigation.d.ts +10 -0
  123. package/out/ui/packages/bottomNavigation/components/BottomNavigation.luau +86 -0
  124. package/out/ui/packages/bottomNavigation/components/BottomNavigation.styles.d.ts +2 -0
  125. package/out/ui/packages/bottomNavigation/components/BottomNavigation.styles.luau +58 -0
  126. package/out/ui/packages/bottomNavigation/index.d.ts +2 -0
  127. package/out/ui/packages/bottomNavigation/init.luau +5 -0
  128. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.d.ts +11 -0
  129. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.luau +82 -0
  130. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.styles.d.ts +2 -0
  131. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.styles.luau +47 -0
  132. package/out/ui/packages/breadcrumbs/components/breadcrumbItems.d.ts +1 -0
  133. package/out/ui/packages/breadcrumbs/components/breadcrumbItems.luau +7 -0
  134. package/out/ui/packages/breadcrumbs/index.d.ts +2 -0
  135. package/out/ui/packages/breadcrumbs/init.luau +5 -0
  136. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.d.ts +9 -0
  137. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.luau +234 -0
  138. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.styles.d.ts +2 -0
  139. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.styles.luau +98 -0
  140. package/out/ui/packages/brickColorPicker/components/brickColorCatalog.d.ts +1 -0
  141. package/out/ui/packages/brickColorPicker/components/brickColorCatalog.luau +26 -0
  142. package/out/ui/packages/brickColorPicker/components/brickColorFilter.d.ts +2 -0
  143. package/out/ui/packages/brickColorPicker/components/brickColorFilter.luau +26 -0
  144. package/out/ui/packages/brickColorPicker/index.d.ts +3 -0
  145. package/out/ui/packages/brickColorPicker/init.luau +8 -0
  146. package/out/ui/packages/button/components/Button.d.ts +4 -0
  147. package/out/ui/packages/button/components/Button.luau +86 -34
  148. package/out/ui/packages/button/components/Button.styles.luau +15 -35
  149. package/out/ui/packages/button/components/activation.d.ts +1 -0
  150. package/out/ui/packages/button/components/activation.luau +7 -0
  151. package/out/ui/packages/button/components/buttonLook.d.ts +12 -0
  152. package/out/ui/packages/button/components/buttonLook.luau +55 -0
  153. package/out/ui/packages/button/types/ButtonSize.d.ts +1 -1
  154. package/out/ui/packages/card/components/Card.d.ts +11 -0
  155. package/out/ui/packages/card/components/Card.luau +74 -0
  156. package/out/ui/packages/card/components/Card.styles.d.ts +2 -0
  157. package/out/ui/packages/card/components/Card.styles.luau +66 -0
  158. package/out/ui/packages/card/index.d.ts +2 -0
  159. package/out/ui/packages/card/init.luau +5 -0
  160. package/out/ui/packages/cframeEditor/components/CFrameEditor.d.ts +8 -0
  161. package/out/ui/packages/cframeEditor/components/CFrameEditor.luau +89 -0
  162. package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.d.ts +2 -0
  163. package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.luau +46 -0
  164. package/out/ui/packages/cframeEditor/components/cframeValue.d.ts +3 -0
  165. package/out/ui/packages/cframeEditor/components/cframeValue.luau +15 -0
  166. package/out/ui/packages/cframeEditor/index.d.ts +2 -0
  167. package/out/ui/packages/cframeEditor/init.luau +5 -0
  168. package/out/ui/packages/checkbox/components/Checkbox.d.ts +11 -0
  169. package/out/ui/packages/checkbox/components/Checkbox.luau +136 -0
  170. package/out/ui/packages/checkbox/components/Checkbox.styles.d.ts +6 -0
  171. package/out/ui/packages/checkbox/components/Checkbox.styles.luau +69 -0
  172. package/out/ui/packages/checkbox/components/checkboxLook.d.ts +5 -0
  173. package/out/ui/packages/checkbox/components/checkboxLook.luau +52 -0
  174. package/out/ui/packages/checkbox/components/nextChecked.d.ts +1 -0
  175. package/out/ui/packages/checkbox/components/nextChecked.luau +7 -0
  176. package/out/ui/packages/checkbox/index.d.ts +2 -0
  177. package/out/ui/packages/checkbox/init.luau +5 -0
  178. package/out/ui/packages/chip/components/Chip.d.ts +9 -0
  179. package/out/ui/packages/chip/components/Chip.luau +63 -0
  180. package/out/ui/packages/chip/components/Chip.styles.d.ts +5 -0
  181. package/out/ui/packages/chip/components/Chip.styles.luau +47 -0
  182. package/out/ui/packages/chip/index.d.ts +2 -0
  183. package/out/ui/packages/chip/init.luau +5 -0
  184. package/out/ui/packages/circularProgress/components/CircularProgress.d.ts +11 -0
  185. package/out/ui/packages/circularProgress/components/CircularProgress.luau +109 -0
  186. package/out/ui/packages/circularProgress/index.d.ts +2 -0
  187. package/out/ui/packages/circularProgress/init.luau +5 -0
  188. package/out/ui/packages/colorPicker/components/ColorPicker.d.ts +8 -0
  189. package/out/ui/packages/colorPicker/components/ColorPicker.luau +512 -0
  190. package/out/ui/packages/colorPicker/components/ColorPicker.styles.d.ts +2 -0
  191. package/out/ui/packages/colorPicker/components/ColorPicker.styles.luau +145 -0
  192. package/out/ui/packages/colorPicker/components/ColorSequenceEditor.d.ts +8 -0
  193. package/out/ui/packages/colorPicker/components/ColorSequenceEditor.luau +190 -0
  194. package/out/ui/packages/colorPicker/components/NumberSequenceEditor.d.ts +8 -0
  195. package/out/ui/packages/colorPicker/components/NumberSequenceEditor.luau +240 -0
  196. package/out/ui/packages/colorPicker/components/colorValue.d.ts +22 -0
  197. package/out/ui/packages/colorPicker/components/colorValue.luau +157 -0
  198. package/out/ui/packages/colorPicker/components/sequenceValue.d.ts +26 -0
  199. package/out/ui/packages/colorPicker/components/sequenceValue.luau +307 -0
  200. package/out/ui/packages/colorPicker/index.d.ts +11 -0
  201. package/out/ui/packages/colorPicker/init.luau +37 -0
  202. package/out/ui/packages/dialog/components/Dialog.d.ts +11 -0
  203. package/out/ui/packages/dialog/components/Dialog.luau +56 -0
  204. package/out/ui/packages/dialog/components/Dialog.styles.d.ts +2 -0
  205. package/out/ui/packages/dialog/components/Dialog.styles.luau +55 -0
  206. package/out/ui/packages/dialog/index.d.ts +2 -0
  207. package/out/ui/packages/dialog/init.luau +5 -0
  208. package/out/ui/packages/divider/components/Divider.luau +6 -0
  209. package/out/ui/packages/divider/components/Divider.styles.luau +4 -4
  210. package/out/ui/packages/drawer/components/Drawer.d.ts +11 -0
  211. package/out/ui/packages/drawer/components/Drawer.luau +77 -0
  212. package/out/ui/packages/drawer/components/Drawer.styles.d.ts +2 -0
  213. package/out/ui/packages/drawer/components/Drawer.styles.luau +40 -0
  214. package/out/ui/packages/drawer/components/drawerPlacement.d.ts +2 -0
  215. package/out/ui/packages/drawer/components/drawerPlacement.luau +7 -0
  216. package/out/ui/packages/drawer/index.d.ts +3 -0
  217. package/out/ui/packages/drawer/init.luau +5 -0
  218. package/out/ui/packages/enumPicker/components/EnumPicker.d.ts +11 -0
  219. package/out/ui/packages/enumPicker/components/EnumPicker.luau +42 -0
  220. package/out/ui/packages/enumPicker/components/enumOptions.d.ts +5 -0
  221. package/out/ui/packages/enumPicker/components/enumOptions.luau +28 -0
  222. package/out/ui/packages/enumPicker/index.d.ts +2 -0
  223. package/out/ui/packages/enumPicker/init.luau +5 -0
  224. package/out/ui/packages/fab/components/Fab.d.ts +13 -0
  225. package/out/ui/packages/fab/components/Fab.luau +128 -0
  226. package/out/ui/packages/fab/components/Fab.styles.d.ts +7 -0
  227. package/out/ui/packages/fab/components/Fab.styles.luau +40 -0
  228. package/out/ui/packages/fab/components/fabSize.d.ts +3 -0
  229. package/out/ui/packages/fab/components/fabSize.luau +29 -0
  230. package/out/ui/packages/fab/index.d.ts +3 -0
  231. package/out/ui/packages/fab/init.luau +8 -0
  232. package/out/ui/packages/fontEditor/components/FontEditor.d.ts +8 -0
  233. package/out/ui/packages/fontEditor/components/FontEditor.luau +223 -0
  234. package/out/ui/packages/fontEditor/components/FontEditor.styles.d.ts +2 -0
  235. package/out/ui/packages/fontEditor/components/FontEditor.styles.luau +56 -0
  236. package/out/ui/packages/fontEditor/components/fontValue.d.ts +10 -0
  237. package/out/ui/packages/fontEditor/components/fontValue.luau +81 -0
  238. package/out/ui/packages/fontEditor/index.d.ts +4 -0
  239. package/out/ui/packages/fontEditor/init.luau +10 -0
  240. package/out/ui/packages/gradientEditor/components/GradientEditor.d.ts +10 -0
  241. package/out/ui/packages/gradientEditor/components/GradientEditor.luau +156 -0
  242. package/out/ui/packages/gradientEditor/components/GradientEditor.styles.d.ts +2 -0
  243. package/out/ui/packages/gradientEditor/components/GradientEditor.styles.luau +37 -0
  244. package/out/ui/packages/gradientEditor/components/gradientPatch.d.ts +8 -0
  245. package/out/ui/packages/gradientEditor/components/gradientPatch.luau +17 -0
  246. package/out/ui/packages/gradientEditor/components/gradientValue.d.ts +9 -0
  247. package/out/ui/packages/gradientEditor/components/gradientValue.luau +23 -0
  248. package/out/ui/packages/gradientEditor/index.d.ts +2 -0
  249. package/out/ui/packages/gradientEditor/init.luau +5 -0
  250. package/out/ui/packages/icon/components/Icon.luau +6 -0
  251. package/out/ui/packages/icon/components/Icon.styles.luau +7 -7
  252. package/out/ui/packages/iconButton/components/IconButton.d.ts +3 -0
  253. package/out/ui/packages/iconButton/components/IconButton.luau +53 -5
  254. package/out/ui/packages/iconButton/components/IconButton.styles.luau +7 -7
  255. package/out/ui/packages/index.d.ts +49 -0
  256. package/out/ui/packages/init.luau +147 -0
  257. package/out/ui/packages/input/components/Input.d.ts +8 -1
  258. package/out/ui/packages/input/components/Input.luau +180 -60
  259. package/out/ui/packages/input/components/Input.styles.d.ts +3 -1
  260. package/out/ui/packages/input/components/Input.styles.luau +79 -53
  261. package/out/ui/packages/input/components/inputDraft.d.ts +1 -0
  262. package/out/ui/packages/input/components/inputDraft.luau +17 -0
  263. package/out/ui/packages/input/components/inputInsets.d.ts +4 -0
  264. package/out/ui/packages/input/components/inputInsets.luau +10 -0
  265. package/out/ui/packages/layout/components/Grid.luau +8 -2
  266. package/out/ui/packages/layout/components/List.luau +8 -2
  267. package/out/ui/packages/listItem/components/ListItem.d.ts +9 -0
  268. package/out/ui/packages/listItem/components/ListItem.luau +67 -0
  269. package/out/ui/packages/listItem/components/ListItem.styles.d.ts +5 -0
  270. package/out/ui/packages/listItem/components/ListItem.styles.luau +64 -0
  271. package/out/ui/packages/listItem/index.d.ts +2 -0
  272. package/out/ui/packages/listItem/init.luau +5 -0
  273. package/out/ui/packages/loadingStroke/components/LoadingStroke.luau +11 -2
  274. package/out/ui/packages/menu/components/Menu.d.ts +14 -0
  275. package/out/ui/packages/menu/components/Menu.luau +60 -0
  276. package/out/ui/packages/menu/components/Menu.styles.d.ts +2 -0
  277. package/out/ui/packages/menu/components/Menu.styles.luau +26 -0
  278. package/out/ui/packages/menu/index.d.ts +2 -0
  279. package/out/ui/packages/menu/init.luau +5 -0
  280. package/out/ui/packages/modal/components/Modal.d.ts +9 -0
  281. package/out/ui/packages/modal/components/Modal.luau +97 -0
  282. package/out/ui/packages/modal/components/Modal.styles.d.ts +2 -0
  283. package/out/ui/packages/modal/components/Modal.styles.luau +47 -0
  284. package/out/ui/packages/modal/components/dismissInput.d.ts +1 -0
  285. package/out/ui/packages/modal/components/dismissInput.luau +8 -0
  286. package/out/ui/packages/modal/components/focusTrap.d.ts +2 -0
  287. package/out/ui/packages/modal/components/focusTrap.luau +22 -0
  288. package/out/ui/packages/modal/index.d.ts +2 -0
  289. package/out/ui/packages/modal/init.luau +5 -0
  290. package/out/ui/packages/motion/duration.d.ts +2 -0
  291. package/out/ui/packages/motion/duration.luau +17 -0
  292. package/out/ui/packages/motion/index.d.ts +5 -0
  293. package/out/ui/packages/motion/init.luau +16 -0
  294. package/out/ui/packages/motion/loop.d.ts +1 -0
  295. package/out/ui/packages/motion/loop.luau +18 -0
  296. package/out/ui/packages/motion/play.d.ts +1 -0
  297. package/out/ui/packages/motion/play.luau +23 -0
  298. package/out/ui/packages/motion/resolveReduced.d.ts +1 -0
  299. package/out/ui/packages/motion/resolveReduced.luau +10 -0
  300. package/out/ui/packages/motion/unit.d.ts +8 -0
  301. package/out/ui/packages/motion/unit.luau +80 -0
  302. package/out/ui/packages/numberInput/components/NumberInput.d.ts +16 -0
  303. package/out/ui/packages/numberInput/components/NumberInput.luau +48 -0
  304. package/out/ui/packages/numberInput/components/numberValue.d.ts +2 -0
  305. package/out/ui/packages/numberInput/components/numberValue.luau +29 -0
  306. package/out/ui/packages/numberInput/index.d.ts +2 -0
  307. package/out/ui/packages/numberInput/init.luau +5 -0
  308. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.d.ts +8 -0
  309. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.luau +96 -0
  310. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.styles.d.ts +2 -0
  311. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.styles.luau +41 -0
  312. package/out/ui/packages/numberRangeEditor/components/numberRangeValue.d.ts +4 -0
  313. package/out/ui/packages/numberRangeEditor/components/numberRangeValue.luau +16 -0
  314. package/out/ui/packages/numberRangeEditor/index.d.ts +2 -0
  315. package/out/ui/packages/numberRangeEditor/init.luau +5 -0
  316. package/out/ui/packages/pagination/components/Pagination.d.ts +9 -0
  317. package/out/ui/packages/pagination/components/Pagination.luau +72 -0
  318. package/out/ui/packages/pagination/components/Pagination.styles.d.ts +2 -0
  319. package/out/ui/packages/pagination/components/Pagination.styles.luau +39 -0
  320. package/out/ui/packages/pagination/components/pageRange.d.ts +1 -0
  321. package/out/ui/packages/pagination/components/pageRange.luau +24 -0
  322. package/out/ui/packages/pagination/index.d.ts +2 -0
  323. package/out/ui/packages/pagination/init.luau +5 -0
  324. package/out/ui/packages/paper/components/Paper.d.ts +8 -0
  325. package/out/ui/packages/paper/components/Paper.luau +31 -0
  326. package/out/ui/packages/paper/components/Paper.styles.d.ts +4 -0
  327. package/out/ui/packages/paper/components/Paper.styles.luau +32 -0
  328. package/out/ui/packages/paper/index.d.ts +2 -0
  329. package/out/ui/packages/paper/init.luau +5 -0
  330. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.d.ts +8 -0
  331. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.luau +85 -0
  332. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.d.ts +2 -0
  333. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.luau +46 -0
  334. package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.d.ts +3 -0
  335. package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.luau +14 -0
  336. package/out/ui/packages/physicalPropertiesEditor/index.d.ts +2 -0
  337. package/out/ui/packages/physicalPropertiesEditor/init.luau +5 -0
  338. package/out/ui/packages/popup/components/Popup.d.ts +13 -0
  339. package/out/ui/packages/popup/components/Popup.luau +131 -0
  340. package/out/ui/packages/popup/components/Portal.d.ts +7 -0
  341. package/out/ui/packages/popup/components/Portal.luau +15 -0
  342. package/out/ui/packages/popup/components/placement.d.ts +9 -0
  343. package/out/ui/packages/popup/components/placement.luau +41 -0
  344. package/out/ui/packages/popup/components/portalTarget.d.ts +1 -0
  345. package/out/ui/packages/popup/components/portalTarget.luau +13 -0
  346. package/out/ui/packages/popup/index.d.ts +4 -0
  347. package/out/ui/packages/popup/init.luau +6 -0
  348. package/out/ui/packages/preloader/components/Preloader.luau +6 -0
  349. package/out/ui/packages/preloader/components/Preloader.styles.luau +3 -3
  350. package/out/ui/packages/progressBar/components/ProgressBar.d.ts +8 -1
  351. package/out/ui/packages/progressBar/components/ProgressBar.luau +61 -11
  352. package/out/ui/packages/progressBar/components/ProgressBar.styles.luau +2 -2
  353. package/out/ui/packages/progressBar/index.d.ts +2 -3
  354. package/out/ui/packages/progressBar/init.luau +3 -4
  355. package/out/ui/packages/radioGroup/components/RadioGroup.d.ts +16 -0
  356. package/out/ui/packages/radioGroup/components/RadioGroup.luau +112 -0
  357. package/out/ui/packages/radioGroup/components/RadioGroup.styles.d.ts +6 -0
  358. package/out/ui/packages/radioGroup/components/RadioGroup.styles.luau +66 -0
  359. package/out/ui/packages/radioGroup/index.d.ts +2 -0
  360. package/out/ui/packages/radioGroup/init.luau +5 -0
  361. package/out/ui/packages/rayEditor/components/RayEditor.d.ts +8 -0
  362. package/out/ui/packages/rayEditor/components/RayEditor.luau +83 -0
  363. package/out/ui/packages/rayEditor/components/RayEditor.styles.d.ts +2 -0
  364. package/out/ui/packages/rayEditor/components/RayEditor.styles.luau +37 -0
  365. package/out/ui/packages/rayEditor/components/rayParts.d.ts +1 -0
  366. package/out/ui/packages/rayEditor/components/rayParts.luau +10 -0
  367. package/out/ui/packages/rayEditor/index.d.ts +2 -0
  368. package/out/ui/packages/rayEditor/init.luau +5 -0
  369. package/out/ui/packages/rectEditor/components/RectEditor.d.ts +8 -0
  370. package/out/ui/packages/rectEditor/components/RectEditor.luau +85 -0
  371. package/out/ui/packages/rectEditor/components/RectEditor.styles.d.ts +2 -0
  372. package/out/ui/packages/rectEditor/components/RectEditor.styles.luau +46 -0
  373. package/out/ui/packages/rectEditor/components/rectValue.d.ts +3 -0
  374. package/out/ui/packages/rectEditor/components/rectValue.luau +14 -0
  375. package/out/ui/packages/rectEditor/index.d.ts +2 -0
  376. package/out/ui/packages/rectEditor/init.luau +5 -0
  377. package/out/ui/packages/scroll/dragScroll.d.ts +8 -0
  378. package/out/ui/packages/scroll/dragScroll.luau +51 -0
  379. package/out/ui/packages/scroll/index.d.ts +2 -0
  380. package/out/ui/packages/scroll/init.luau +5 -0
  381. package/out/ui/packages/scroll/useDragScroll.d.ts +5 -0
  382. package/out/ui/packages/scroll/useDragScroll.luau +127 -0
  383. package/out/ui/packages/select/components/Select.d.ts +16 -0
  384. package/out/ui/packages/select/components/Select.luau +455 -0
  385. package/out/ui/packages/select/components/Select.styles.d.ts +6 -0
  386. package/out/ui/packages/select/components/Select.styles.luau +104 -0
  387. package/out/ui/packages/select/components/optionLabel.d.ts +1 -0
  388. package/out/ui/packages/select/components/optionLabel.luau +7 -0
  389. package/out/ui/packages/select/components/selectFilter.d.ts +4 -0
  390. package/out/ui/packages/select/components/selectFilter.luau +27 -0
  391. package/out/ui/packages/select/components/selectFocus.d.ts +4 -0
  392. package/out/ui/packages/select/components/selectFocus.luau +16 -0
  393. package/out/ui/packages/select/components/selectGroups.d.ts +18 -0
  394. package/out/ui/packages/select/components/selectGroups.luau +38 -0
  395. package/out/ui/packages/select/components/selectKey.d.ts +4 -0
  396. package/out/ui/packages/select/components/selectKey.luau +14 -0
  397. package/out/ui/packages/select/components/selectMotion.d.ts +2 -0
  398. package/out/ui/packages/select/components/selectMotion.luau +12 -0
  399. package/out/ui/packages/select/components/selectMulti.d.ts +5 -0
  400. package/out/ui/packages/select/components/selectMulti.luau +26 -0
  401. package/out/ui/packages/select/components/selectTypeahead.d.ts +4 -0
  402. package/out/ui/packages/select/components/selectTypeahead.luau +58 -0
  403. package/out/ui/packages/select/components/stepChoice.d.ts +3 -0
  404. package/out/ui/packages/select/components/stepChoice.luau +24 -0
  405. package/out/ui/packages/select/index.d.ts +3 -0
  406. package/out/ui/packages/select/init.luau +8 -0
  407. package/out/ui/packages/shadow/components/Shadow.styles.luau +3 -3
  408. package/out/ui/packages/sidebar/components/Sidebar.luau +6 -0
  409. package/out/ui/packages/sidebar/components/Sidebar.styles.luau +5 -5
  410. package/out/ui/packages/skeleton/components/Skeleton.d.ts +15 -0
  411. package/out/ui/packages/skeleton/components/Skeleton.luau +224 -0
  412. package/out/ui/packages/skeleton/components/Skeleton.styles.d.ts +2 -0
  413. package/out/ui/packages/skeleton/components/Skeleton.styles.luau +27 -0
  414. package/out/ui/packages/skeleton/components/skeletonMotion.d.ts +3 -0
  415. package/out/ui/packages/skeleton/components/skeletonMotion.luau +17 -0
  416. package/out/ui/packages/skeleton/index.d.ts +3 -0
  417. package/out/ui/packages/skeleton/init.luau +7 -0
  418. package/out/ui/packages/slider/components/Slider.d.ts +13 -0
  419. package/out/ui/packages/slider/components/Slider.luau +204 -0
  420. package/out/ui/packages/slider/components/Slider.styles.d.ts +6 -0
  421. package/out/ui/packages/slider/components/Slider.styles.luau +47 -0
  422. package/out/ui/packages/slider/components/sliderNudge.d.ts +4 -0
  423. package/out/ui/packages/slider/components/sliderNudge.luau +39 -0
  424. package/out/ui/packages/slider/index.d.ts +2 -0
  425. package/out/ui/packages/slider/init.luau +5 -0
  426. package/out/ui/packages/snackbar/components/Snackbar.d.ts +11 -0
  427. package/out/ui/packages/snackbar/components/Snackbar.luau +41 -0
  428. package/out/ui/packages/snackbar/index.d.ts +2 -0
  429. package/out/ui/packages/snackbar/init.luau +5 -0
  430. package/out/ui/packages/splitPane/components/SplitPane.d.ts +14 -0
  431. package/out/ui/packages/splitPane/components/SplitPane.luau +241 -0
  432. package/out/ui/packages/splitPane/components/SplitPane.styles.d.ts +2 -0
  433. package/out/ui/packages/splitPane/components/SplitPane.styles.luau +59 -0
  434. package/out/ui/packages/splitPane/components/splitLook.d.ts +5 -0
  435. package/out/ui/packages/splitPane/components/splitLook.luau +49 -0
  436. package/out/ui/packages/splitPane/components/splitSize.d.ts +10 -0
  437. package/out/ui/packages/splitPane/components/splitSize.luau +46 -0
  438. package/out/ui/packages/splitPane/index.d.ts +2 -0
  439. package/out/ui/packages/splitPane/init.luau +5 -0
  440. package/out/ui/packages/stateMatrix.d.ts +30 -0
  441. package/out/ui/packages/stateMatrix.luau +1471 -0
  442. package/out/ui/packages/stepper/components/Stepper.d.ts +7 -0
  443. package/out/ui/packages/stepper/components/Stepper.luau +62 -0
  444. package/out/ui/packages/stepper/components/Stepper.styles.d.ts +2 -0
  445. package/out/ui/packages/stepper/components/Stepper.styles.luau +39 -0
  446. package/out/ui/packages/stepper/components/stepState.d.ts +2 -0
  447. package/out/ui/packages/stepper/components/stepState.luau +13 -0
  448. package/out/ui/packages/stepper/index.d.ts +3 -0
  449. package/out/ui/packages/stepper/init.luau +6 -0
  450. package/out/ui/packages/switch/components/Switch.d.ts +11 -0
  451. package/out/ui/packages/switch/components/Switch.luau +170 -0
  452. package/out/ui/packages/switch/components/Switch.styles.d.ts +6 -0
  453. package/out/ui/packages/switch/components/Switch.styles.luau +62 -0
  454. package/out/ui/packages/switch/components/switchLook.d.ts +10 -0
  455. package/out/ui/packages/switch/components/switchLook.luau +63 -0
  456. package/out/ui/packages/switch/index.d.ts +2 -0
  457. package/out/ui/packages/switch/init.luau +5 -0
  458. package/out/ui/packages/table/components/Table.d.ts +9 -0
  459. package/out/ui/packages/table/components/Table.luau +135 -0
  460. package/out/ui/packages/table/components/Table.styles.d.ts +2 -0
  461. package/out/ui/packages/table/components/Table.styles.luau +70 -0
  462. package/out/ui/packages/table/components/rowSelected.d.ts +1 -0
  463. package/out/ui/packages/table/components/rowSelected.luau +7 -0
  464. package/out/ui/packages/table/index.d.ts +2 -0
  465. package/out/ui/packages/table/init.luau +5 -0
  466. package/out/ui/packages/tabs/components/Tabs.d.ts +10 -0
  467. package/out/ui/packages/tabs/components/Tabs.luau +113 -0
  468. package/out/ui/packages/tabs/components/Tabs.styles.d.ts +2 -0
  469. package/out/ui/packages/tabs/components/Tabs.styles.luau +55 -0
  470. package/out/ui/packages/tabs/index.d.ts +2 -0
  471. package/out/ui/packages/tabs/init.luau +5 -0
  472. package/out/ui/packages/toast/components/Toast.luau +6 -0
  473. package/out/ui/packages/toast/components/Toast.styles.luau +23 -10
  474. package/out/ui/packages/tooltip/components/Tooltip.d.ts +7 -0
  475. package/out/ui/packages/tooltip/components/Tooltip.luau +119 -0
  476. package/out/ui/packages/tooltip/components/Tooltip.styles.d.ts +2 -0
  477. package/out/ui/packages/tooltip/components/Tooltip.styles.luau +43 -0
  478. package/out/ui/packages/tooltip/index.d.ts +2 -0
  479. package/out/ui/packages/tooltip/init.luau +5 -0
  480. package/out/ui/packages/treeView/components/TreeView.d.ts +1 -0
  481. package/out/ui/packages/treeView/components/TreeView.luau +201 -225
  482. package/out/ui/packages/treeView/components/TreeView.styles.luau +9 -37
  483. package/out/ui/packages/treeView/components/treeRows.d.ts +23 -0
  484. package/out/ui/packages/treeView/components/treeRows.luau +147 -0
  485. package/out/ui/packages/treeView/interfaces/Branch.d.ts +3 -0
  486. package/out/ui/packages/treeView/interfaces/Leaf.d.ts +2 -0
  487. package/out/ui/packages/typography/components/Typography.luau +6 -0
  488. package/out/ui/packages/typography/components/Typography.styles.luau +8 -11
  489. package/out/ui/packages/udimEditor/components/UDimEditor.d.ts +8 -0
  490. package/out/ui/packages/udimEditor/components/UDimEditor.luau +127 -0
  491. package/out/ui/packages/udimEditor/components/UDimEditor.styles.d.ts +2 -0
  492. package/out/ui/packages/udimEditor/components/UDimEditor.styles.luau +50 -0
  493. package/out/ui/packages/udimEditor/index.d.ts +2 -0
  494. package/out/ui/packages/udimEditor/init.luau +5 -0
  495. package/out/ui/packages/vectorEditor/components/VectorEditor.d.ts +10 -0
  496. package/out/ui/packages/vectorEditor/components/VectorEditor.luau +87 -0
  497. package/out/ui/packages/vectorEditor/components/VectorEditor.styles.d.ts +2 -0
  498. package/out/ui/packages/vectorEditor/components/VectorEditor.styles.luau +41 -0
  499. package/out/ui/packages/vectorEditor/components/vectorValue.d.ts +10 -0
  500. package/out/ui/packages/vectorEditor/components/vectorValue.luau +49 -0
  501. package/out/ui/packages/vectorEditor/index.d.ts +4 -0
  502. package/out/ui/packages/vectorEditor/init.luau +11 -0
  503. package/out/ui/packages/virtualList/components/VirtualList.d.ts +23 -0
  504. package/out/ui/packages/virtualList/components/VirtualList.luau +178 -0
  505. package/out/ui/packages/virtualList/components/VirtualList.styles.d.ts +2 -0
  506. package/out/ui/packages/virtualList/components/VirtualList.styles.luau +29 -0
  507. package/out/ui/packages/virtualList/components/virtualWindow.d.ts +10 -0
  508. package/out/ui/packages/virtualList/components/virtualWindow.luau +66 -0
  509. package/out/ui/packages/virtualList/index.d.ts +2 -0
  510. package/out/ui/packages/virtualList/init.luau +5 -0
  511. package/package.json +7 -3
  512. package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -42
  513. package/out/theme/interfaces/palette/colors/Colors.luau +0 -2
  514. package/out/theme/styles/types/ConditionalStylesMap.d.ts +0 -2
  515. package/out/theme/styles/types/ConditionalStylesMap.luau +0 -2
@@ -0,0 +1,97 @@
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 _services = TS.import(script, TS.getModule(script, "@rbxts", "services"))
8
+ local GuiService = _services.GuiService
9
+ local UserInputService = _services.UserInputService
10
+ local Portal = TS.import(script, script.Parent.Parent.Parent, "popup").Portal
11
+ local isDismissInput = TS.import(script, script.Parent, "dismissInput").isDismissInput
12
+ local _focusTrap = TS.import(script, script.Parent, "focusTrap")
13
+ local isFocusable = _focusTrap.isFocusable
14
+ local pickFocus = _focusTrap.pickFocus
15
+ local useModalStyles = TS.import(script, script.Parent, "Modal.styles").default
16
+ local function Modal(props)
17
+ local _binding = props
18
+ local host = _binding.host
19
+ local open = _binding.open
20
+ local onClose = _binding.onClose
21
+ local children = _binding.children
22
+ local styles = useModalStyles()
23
+ local close = useRef(onClose)
24
+ local surface = useRef()
25
+ close.current = onClose
26
+ useEffect(function()
27
+ if not open then
28
+ return nil
29
+ end
30
+ local previous = GuiService.SelectedObject
31
+ local root = surface.current
32
+ local pull = function()
33
+ if not root then
34
+ return nil
35
+ end
36
+ local selected = GuiService.SelectedObject
37
+ local choice = pickFocus(root:GetDescendants(), selected, selected ~= nil and selected:IsDescendantOf(root), isFocusable)
38
+ if choice ~= nil and isFocusable(choice) and choice ~= selected then
39
+ GuiService.SelectedObject = choice
40
+ end
41
+ end
42
+ pull()
43
+ local selection = GuiService:GetPropertyChangedSignal("SelectedObject"):Connect(pull)
44
+ local connection = UserInputService.InputBegan:Connect(function(input)
45
+ if isDismissInput(input) then
46
+ close.current()
47
+ end
48
+ end)
49
+ return function()
50
+ selection:Disconnect()
51
+ connection:Disconnect()
52
+ if previous and previous.Parent then
53
+ GuiService.SelectedObject = previous
54
+ end
55
+ end
56
+ end, { open })
57
+ if not open then
58
+ return nil
59
+ end
60
+ local _attributes = {
61
+ key = "Modal",
62
+ }
63
+ for _k, _v in styles.root do
64
+ _attributes[_k] = _v
65
+ end
66
+ local _attributes_1 = {
67
+ key = "Backdrop",
68
+ }
69
+ for _k, _v in styles.backdrop do
70
+ _attributes_1[_k] = _v
71
+ end
72
+ _attributes_1.Event = {
73
+ Activated = function()
74
+ return close.current()
75
+ end,
76
+ }
77
+ local _exp = React.createElement("textbutton", _attributes_1)
78
+ local _attributes_2 = {
79
+ key = "Surface",
80
+ ref = surface,
81
+ }
82
+ for _k, _v in styles.surface do
83
+ _attributes_2[_k] = _v
84
+ end
85
+ local _attributes_3 = table.clone(styles.padding)
86
+ setmetatable(_attributes_3, nil)
87
+ local _exp_1 = React.createElement("uipadding", _attributes_3)
88
+ local _attributes_4 = table.clone(styles.corner)
89
+ setmetatable(_attributes_4, nil)
90
+ return React.createElement(Portal, {
91
+ host = host,
92
+ }, React.createElement("frame", _attributes, _exp, React.createElement("frame", _attributes_2, _exp_1, React.createElement("uicorner", _attributes_4), children)))
93
+ end
94
+ local default = Modal
95
+ return {
96
+ default = default,
97
+ }
@@ -0,0 +1,2 @@
1
+ declare const useModalStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
+ export default useModalStyles;
@@ -0,0 +1,47 @@
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 useModalStyles = componentStyles("Modal", function(theme)
7
+ return createStyles({
8
+ root = {
9
+ Size = UDim2.fromScale(1, 1),
10
+ BackgroundTransparency = 1,
11
+ BorderSizePixel = 0,
12
+ ZIndex = 30000,
13
+ },
14
+ backdrop = {
15
+ Size = UDim2.fromScale(1, 1),
16
+ BackgroundColor3 = theme.palette.backdrop,
17
+ BackgroundTransparency = 0.45,
18
+ BorderSizePixel = 0,
19
+ Text = "",
20
+ AutoButtonColor = false,
21
+ Selectable = false,
22
+ ZIndex = 30000,
23
+ },
24
+ surface = {
25
+ AnchorPoint = Vector2.new(0.5, 0.5),
26
+ Position = UDim2.fromScale(0.5, 0.5),
27
+ AutomaticSize = Enum.AutomaticSize.XY,
28
+ Size = UDim2.fromScale(0, 0),
29
+ BackgroundColor3 = theme.palette.surface.paper,
30
+ BorderSizePixel = 0,
31
+ ZIndex = 30001,
32
+ },
33
+ padding = {
34
+ PaddingTop = UDim.new(0, theme.padding.calc(2)),
35
+ PaddingBottom = UDim.new(0, theme.padding.calc(2)),
36
+ PaddingLeft = UDim.new(0, theme.padding.calc(2)),
37
+ PaddingRight = UDim.new(0, theme.padding.calc(2)),
38
+ },
39
+ corner = {
40
+ CornerRadius = UDim.new(0, theme.shape.borderRadius),
41
+ },
42
+ })
43
+ end)
44
+ local default = useModalStyles
45
+ return {
46
+ default = default,
47
+ }
@@ -0,0 +1 @@
1
+ export declare function isDismissInput(input: InputObject): boolean;
@@ -0,0 +1,8 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function isDismissInput(input)
3
+ local key = input.KeyCode.Name
4
+ return key == "Escape" or key == "ButtonB"
5
+ end
6
+ return {
7
+ isDismissInput = isDismissInput,
8
+ }
@@ -0,0 +1,2 @@
1
+ export declare function pickFocus<T>(nodes: ReadonlyArray<T>, selected: T | undefined, contains: boolean, selectable: (node: T) => boolean): T | undefined;
2
+ export declare function isFocusable(node: Instance): node is GuiObject;
@@ -0,0 +1,22 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function pickFocus(nodes, selected, contains, selectable)
3
+ if contains and selected ~= nil then
4
+ return selected
5
+ end
6
+ for _, node in nodes do
7
+ if selectable(node) then
8
+ return node
9
+ end
10
+ end
11
+ return nil
12
+ end
13
+ local function isFocusable(node)
14
+ if not node:IsA("GuiButton") and not node:IsA("TextBox") then
15
+ return false
16
+ end
17
+ return node.Selectable and node.Visible
18
+ end
19
+ return {
20
+ pickFocus = pickFocus,
21
+ isFocusable = isFocusable,
22
+ }
@@ -0,0 +1,2 @@
1
+ export { default as Modal } from "./components/Modal";
2
+ export { ModalProps } from "./components/Modal";
@@ -0,0 +1,5 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.Modal = TS.import(script, script, "components", "Modal").default
5
+ return exports
@@ -0,0 +1,2 @@
1
+ export declare function motionDuration(duration: number, reducedMotion?: boolean): number;
2
+ export declare function assignGoal(target: object, goal: object): void;
@@ -0,0 +1,17 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function motionDuration(duration, reducedMotion)
3
+ if reducedMotion == true or duration ~= duration or duration <= 0 then
4
+ return 0
5
+ end
6
+ return duration
7
+ end
8
+ local function assignGoal(target, goal)
9
+ local record = target
10
+ for key, value in pairs(goal) do
11
+ record[key] = value
12
+ end
13
+ end
14
+ return {
15
+ motionDuration = motionDuration,
16
+ assignGoal = assignGoal,
17
+ }
@@ -0,0 +1,5 @@
1
+ export { loopProperty } from "./loop";
2
+ export { motionDuration, assignGoal } from "./duration";
3
+ export { playProperty } from "./play";
4
+ export { resolveReduced } from "./resolveReduced";
5
+ export { clampUnit, stopOnce, progressUnit, progressSpin, arcKeys } from "./unit";
@@ -0,0 +1,16 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.loopProperty = TS.import(script, script, "loop").loopProperty
5
+ local _duration = TS.import(script, script, "duration")
6
+ exports.motionDuration = _duration.motionDuration
7
+ exports.assignGoal = _duration.assignGoal
8
+ exports.playProperty = TS.import(script, script, "play").playProperty
9
+ exports.resolveReduced = TS.import(script, script, "resolveReduced").resolveReduced
10
+ local _unit = TS.import(script, script, "unit")
11
+ exports.clampUnit = _unit.clampUnit
12
+ exports.stopOnce = _unit.stopOnce
13
+ exports.progressUnit = _unit.progressUnit
14
+ exports.progressSpin = _unit.progressSpin
15
+ exports.arcKeys = _unit.arcKeys
16
+ return exports
@@ -0,0 +1 @@
1
+ export declare function loopProperty(instance: Instance, goal: object, duration: number, reverses?: boolean): () => void;
@@ -0,0 +1,18 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local TweenService = TS.import(script, TS.getModule(script, "@rbxts", "services")).TweenService
4
+ local stopOnce = TS.import(script, script.Parent, "unit").stopOnce
5
+ local function loopProperty(instance, goal, duration, reverses)
6
+ if reverses == nil then
7
+ reverses = false
8
+ end
9
+ local tween = TweenService:Create(instance, TweenInfo.new(duration, Enum.EasingStyle.Linear, Enum.EasingDirection.In, -1, reverses), goal)
10
+ tween:Play()
11
+ return stopOnce(function()
12
+ tween:Cancel()
13
+ tween:Destroy()
14
+ end)
15
+ end
16
+ return {
17
+ loopProperty = loopProperty,
18
+ }
@@ -0,0 +1 @@
1
+ export declare function playProperty(instance: Instance, goal: object, duration: number, reducedMotion?: boolean): () => void;
@@ -0,0 +1,23 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local TweenService = TS.import(script, TS.getModule(script, "@rbxts", "services")).TweenService
4
+ local _duration = TS.import(script, script.Parent, "duration")
5
+ local assignGoal = _duration.assignGoal
6
+ local motionDuration = _duration.motionDuration
7
+ local stopOnce = TS.import(script, script.Parent, "unit").stopOnce
8
+ local function playProperty(instance, goal, duration, reducedMotion)
9
+ local seconds = motionDuration(duration, reducedMotion)
10
+ if seconds == 0 then
11
+ assignGoal(instance, goal)
12
+ return stopOnce(function() end)
13
+ end
14
+ local tween = TweenService:Create(instance, TweenInfo.new(seconds, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), goal)
15
+ tween:Play()
16
+ return stopOnce(function()
17
+ tween:Cancel()
18
+ tween:Destroy()
19
+ end)
20
+ end
21
+ return {
22
+ playProperty = playProperty,
23
+ }
@@ -0,0 +1 @@
1
+ export declare function resolveReduced(override?: boolean, themeReduced?: boolean): boolean;
@@ -0,0 +1,10 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function resolveReduced(override, themeReduced)
3
+ if override ~= nil then
4
+ return override
5
+ end
6
+ return themeReduced == true
7
+ end
8
+ return {
9
+ resolveReduced = resolveReduced,
10
+ }
@@ -0,0 +1,8 @@
1
+ export declare function clampUnit(value: number): number;
2
+ export declare function stopOnce(destroy: () => void): () => void;
3
+ export declare function progressUnit(value?: number, progress?: number): number;
4
+ export declare function progressSpin(indeterminate: boolean, reducedMotion?: boolean, disabled?: boolean): false | "spin";
5
+ export declare function arcKeys(value: number): {
6
+ time: number;
7
+ transparency: number;
8
+ }[];
@@ -0,0 +1,80 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function clampUnit(value)
3
+ if value ~= value then
4
+ return 0
5
+ end
6
+ if value < 0 then
7
+ return 0
8
+ end
9
+ if value > 1 then
10
+ return 1
11
+ end
12
+ return value
13
+ end
14
+ local function stopOnce(destroy)
15
+ local stopped = false
16
+ return function()
17
+ if stopped then
18
+ return nil
19
+ end
20
+ stopped = true
21
+ destroy()
22
+ end
23
+ end
24
+ local function progressUnit(value, progress)
25
+ if value ~= nil then
26
+ return clampUnit(value)
27
+ end
28
+ if progress ~= nil then
29
+ return clampUnit(progress / 100)
30
+ end
31
+ return 0
32
+ end
33
+ local function progressSpin(indeterminate, reducedMotion, disabled)
34
+ if not indeterminate or reducedMotion == true or disabled == true then
35
+ return false
36
+ end
37
+ return "spin"
38
+ end
39
+ local function arcKeys(value)
40
+ local span = clampUnit(value)
41
+ if span <= 0 then
42
+ return { {
43
+ time = 0,
44
+ transparency = 1,
45
+ }, {
46
+ time = 1,
47
+ transparency = 1,
48
+ } }
49
+ end
50
+ if span >= 1 then
51
+ return { {
52
+ time = 0,
53
+ transparency = 0,
54
+ }, {
55
+ time = 1,
56
+ transparency = 0,
57
+ } }
58
+ end
59
+ local edge = if span > 0.001 then span - 0.001 else 0
60
+ return { {
61
+ time = 0,
62
+ transparency = 0,
63
+ }, {
64
+ time = edge,
65
+ transparency = 0,
66
+ }, {
67
+ time = span,
68
+ transparency = 1,
69
+ }, {
70
+ time = 1,
71
+ transparency = 1,
72
+ } }
73
+ end
74
+ return {
75
+ clampUnit = clampUnit,
76
+ stopOnce = stopOnce,
77
+ progressUnit = progressUnit,
78
+ progressSpin = progressSpin,
79
+ arcKeys = arcKeys,
80
+ }
@@ -0,0 +1,16 @@
1
+ import { ControlSize, CustomizedProps } from "../../../../theme/index";
2
+ export interface NumberInputProps {
3
+ value: number;
4
+ onChange: (value: number) => void;
5
+ min?: number;
6
+ max?: number;
7
+ step?: number;
8
+ disabled?: boolean;
9
+ loading?: boolean;
10
+ placeholder?: string;
11
+ width?: UDim;
12
+ size?: ControlSize;
13
+ reducedMotion?: boolean;
14
+ }
15
+ declare function NumberInput(props: CustomizedProps<Frame, NumberInputProps>): JSX.Element;
16
+ export default NumberInput;
@@ -0,0 +1,48 @@
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 Input = TS.import(script, script.Parent.Parent.Parent, "input").Input
5
+ local parseNumberDraft = TS.import(script, script.Parent, "numberValue").parseNumberDraft
6
+ local function NumberInput(props)
7
+ local _binding = props
8
+ local value = _binding.value
9
+ local onChange = _binding.onChange
10
+ local min = _binding.min
11
+ local max = _binding.max
12
+ local step = _binding.step
13
+ local disabled = _binding.disabled
14
+ local loading = _binding.loading
15
+ local placeholder = _binding.placeholder
16
+ local width = _binding.width
17
+ local size = _binding.size
18
+ local reducedMotion = _binding.reducedMotion
19
+ local className = _binding.className
20
+ local id = _binding.id
21
+ local ref = _binding.ref
22
+ local _attributes = {}
23
+ local _condition = id
24
+ if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
25
+ _condition = "NumberInput"
26
+ end
27
+ _attributes.id = _condition
28
+ _attributes.ref = ref
29
+ _attributes.className = className
30
+ _attributes.text = tostring(value)
31
+ _attributes.placeholder = placeholder
32
+ _attributes.width = width
33
+ _attributes.disabled = disabled
34
+ _attributes.loading = loading
35
+ _attributes.size = size
36
+ _attributes.reducedMotion = reducedMotion
37
+ _attributes.onTextChanged = function(text)
38
+ local committed = parseNumberDraft(text, min, max, step)
39
+ if committed ~= nil and committed ~= value then
40
+ onChange(committed)
41
+ end
42
+ end
43
+ return React.createElement(Input, _attributes)
44
+ end
45
+ local default = NumberInput
46
+ return {
47
+ default = default,
48
+ }
@@ -0,0 +1,2 @@
1
+ export declare function commitNumber(value: number | undefined, min?: number, max?: number, step?: number): number | undefined;
2
+ export declare function parseNumberDraft(text: string, min?: number, max?: number, step?: number): number | undefined;
@@ -0,0 +1,29 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local function commitNumber(value, min, max, step)
3
+ if value == nil or value ~= value or value == math.huge or value == -math.huge then
4
+ return nil
5
+ end
6
+ local result = value
7
+ if step ~= nil and step > 0 then
8
+ local _condition = min
9
+ if _condition == nil then
10
+ _condition = 0
11
+ end
12
+ local base = _condition
13
+ result = base + math.floor((result - base) / step + 0.5) * step
14
+ end
15
+ if min ~= nil and result < min then
16
+ result = min
17
+ end
18
+ if max ~= nil and result > max then
19
+ result = max
20
+ end
21
+ return result
22
+ end
23
+ local function parseNumberDraft(text, min, max, step)
24
+ return commitNumber(tonumber(text), min, max, step)
25
+ end
26
+ return {
27
+ commitNumber = commitNumber,
28
+ parseNumberDraft = parseNumberDraft,
29
+ }
@@ -0,0 +1,2 @@
1
+ export { default as NumberInput } from "./components/NumberInput";
2
+ export { NumberInputProps } from "./components/NumberInput";
@@ -0,0 +1,5 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local TS = _G[script]
3
+ local exports = {}
4
+ exports.NumberInput = TS.import(script, script, "components", "NumberInput").default
5
+ return exports
@@ -0,0 +1,8 @@
1
+ import { CustomizedProps } from "../../../../theme/index";
2
+ export interface NumberRangeEditorProps {
3
+ value: NumberRange;
4
+ onChange: (value: NumberRange) => void;
5
+ disabled?: boolean;
6
+ }
7
+ declare function NumberRangeEditor(props: CustomizedProps<Frame, NumberRangeEditorProps>): JSX.Element;
8
+ export default NumberRangeEditor;
@@ -0,0 +1,96 @@
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 useNumberRangeEditorStyles = TS.import(script, script.Parent, "NumberRangeEditor.styles").default
6
+ local writeNumberRange = TS.import(script, script.Parent, "numberRangeValue").writeNumberRange
7
+ local function NumberRangeEditor(props)
8
+ local _binding = props
9
+ local value = _binding.value
10
+ local onChange = _binding.onChange
11
+ local disabled = _binding.disabled
12
+ local className = _binding.className
13
+ local sx = _binding.sx
14
+ local id = _binding.id
15
+ local ref = _binding.ref
16
+ local styles = useNumberRangeEditorStyles()
17
+ local commit = function(field, amount)
18
+ local parts = writeNumberRange(value.Min, value.Max, field, amount)
19
+ onChange(NumberRange.new(parts.Min, parts.Max))
20
+ end
21
+ local _attributes = {}
22
+ local _condition = id
23
+ if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
24
+ _condition = "NumberRangeEditor"
25
+ end
26
+ _attributes.key = _condition
27
+ _attributes.ref = ref
28
+ for _k, _v in styles.root do
29
+ _attributes[_k] = _v
30
+ end
31
+ if className then
32
+ for _k, _v in className do
33
+ _attributes[_k] = _v
34
+ end
35
+ end
36
+ if sx then
37
+ for _k, _v in sx do
38
+ _attributes[_k] = _v
39
+ end
40
+ end
41
+ local _attributes_1 = table.clone(styles.row)
42
+ setmetatable(_attributes_1, nil)
43
+ local _exp = React.createElement("uilistlayout", _attributes_1)
44
+ local _attributes_2 = {
45
+ key = "Min",
46
+ }
47
+ for _k, _v in styles.axis do
48
+ _attributes_2[_k] = _v
49
+ end
50
+ _attributes_2.LayoutOrder = 1
51
+ local _attributes_3 = table.clone(styles.row)
52
+ setmetatable(_attributes_3, nil)
53
+ local _exp_1 = React.createElement("uilistlayout", _attributes_3)
54
+ local _attributes_4 = table.clone(styles.label)
55
+ setmetatable(_attributes_4, nil)
56
+ _attributes_4.Text = "Min"
57
+ local _exp_2 = React.createElement("textlabel", _attributes_4)
58
+ local _attributes_5 = table.clone(styles.field)
59
+ setmetatable(_attributes_5, nil)
60
+ local _exp_3 = React.createElement("frame", _attributes_2, _exp_1, _exp_2, React.createElement("frame", _attributes_5, React.createElement(NumberInput, {
61
+ value = value.Min,
62
+ disabled = disabled,
63
+ width = UDim.new(1, 0),
64
+ onChange = function(amount)
65
+ return commit("Min", amount)
66
+ end,
67
+ })))
68
+ local _attributes_6 = {
69
+ key = "Max",
70
+ }
71
+ for _k, _v in styles.axis do
72
+ _attributes_6[_k] = _v
73
+ end
74
+ _attributes_6.LayoutOrder = 2
75
+ local _attributes_7 = table.clone(styles.row)
76
+ setmetatable(_attributes_7, nil)
77
+ local _exp_4 = React.createElement("uilistlayout", _attributes_7)
78
+ local _attributes_8 = table.clone(styles.label)
79
+ setmetatable(_attributes_8, nil)
80
+ _attributes_8.Text = "Max"
81
+ local _exp_5 = React.createElement("textlabel", _attributes_8)
82
+ local _attributes_9 = table.clone(styles.field)
83
+ setmetatable(_attributes_9, nil)
84
+ return React.createElement("frame", _attributes, _exp, _exp_3, React.createElement("frame", _attributes_6, _exp_4, _exp_5, React.createElement("frame", _attributes_9, React.createElement(NumberInput, {
85
+ value = value.Max,
86
+ disabled = disabled,
87
+ width = UDim.new(1, 0),
88
+ onChange = function(amount)
89
+ return commit("Max", amount)
90
+ end,
91
+ }))))
92
+ end
93
+ local default = NumberRangeEditor
94
+ return {
95
+ default = default,
96
+ }
@@ -0,0 +1,2 @@
1
+ declare const useNumberRangeEditorStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
+ export default useNumberRangeEditorStyles;
@@ -0,0 +1,41 @@
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 useNumberRangeEditorStyles = componentStyles("NumberRangeEditor", 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
+ row = {
15
+ FillDirection = Enum.FillDirection.Horizontal,
16
+ Padding = UDim.new(0, theme.padding.calc(1)),
17
+ VerticalAlignment = Enum.VerticalAlignment.Center,
18
+ SortOrder = Enum.SortOrder.LayoutOrder,
19
+ },
20
+ axis = {
21
+ Size = UDim2.new(0.5, 0, 0, theme.spacing.calc(2)),
22
+ BackgroundTransparency = 1,
23
+ },
24
+ label = {
25
+ Size = UDim2.new(0, theme.spacing.calc(2.5), 1, 0),
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
+ field = {
33
+ Size = UDim2.new(1, -theme.spacing.calc(2.5), 1, 0),
34
+ BackgroundTransparency = 1,
35
+ },
36
+ })
37
+ end)
38
+ local default = useNumberRangeEditorStyles
39
+ return {
40
+ default = default,
41
+ }
@@ -0,0 +1,4 @@
1
+ export declare function writeNumberRange(min: number, max: number, field: "Min" | "Max", amount: number): {
2
+ Min: number;
3
+ Max: number;
4
+ };