@rbxts/uiblox 0.2.0-alpha.36 → 0.2.0-alpha.5

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 (313) hide show
  1. package/README.md +109 -27
  2. package/out/hooks/index.d.ts +0 -1
  3. package/out/hooks/init.luau +0 -3
  4. package/out/hooks/useBreakpoints.luau +11 -2
  5. package/out/theme/interfaces/theme/Theme.d.ts +0 -15
  6. package/out/theme/styles/utilities/componentStyles.luau +3 -45
  7. package/out/theme/styles/utilities/componentTheme.d.ts +0 -15
  8. package/out/theme/styles/utilities/index.d.ts +0 -2
  9. package/out/theme/styles/utilities/init.luau +0 -7
  10. package/out/theme/styles/utilities/resolveStyle.d.ts +2 -10
  11. package/out/theme/styles/utilities/resolveStyle.luau +3 -7
  12. package/out/theme/styles/utilities/styleCache.d.ts +0 -2
  13. package/out/theme/styles/utilities/styleCache.luau +0 -9
  14. package/out/theme/types/types.d.ts +1 -2
  15. package/out/ui/packages/accordion/components/Accordion.d.ts +0 -2
  16. package/out/ui/packages/accordion/components/Accordion.luau +30 -46
  17. package/out/ui/packages/accordion/components/Accordion.styles.d.ts +0 -1
  18. package/out/ui/packages/accordion/components/Accordion.styles.luau +4 -16
  19. package/out/ui/packages/accordion/components/accordionOpen.d.ts +0 -1
  20. package/out/ui/packages/accordion/components/accordionOpen.luau +0 -4
  21. package/out/ui/packages/alert/components/Alert.d.ts +0 -2
  22. package/out/ui/packages/alert/components/Alert.luau +42 -48
  23. package/out/ui/packages/alert/components/Alert.styles.d.ts +0 -2
  24. package/out/ui/packages/alert/components/Alert.styles.luau +8 -17
  25. package/out/ui/packages/appBar/components/AppBar.d.ts +1 -2
  26. package/out/ui/packages/appBar/components/AppBar.luau +36 -47
  27. package/out/ui/packages/appBar/components/AppBar.styles.d.ts +0 -2
  28. package/out/ui/packages/appBar/components/AppBar.styles.luau +5 -16
  29. package/out/ui/packages/assetField/components/AssetField.luau +16 -12
  30. package/out/ui/packages/avatar/components/Avatar.d.ts +0 -2
  31. package/out/ui/packages/avatar/components/Avatar.luau +26 -27
  32. package/out/ui/packages/avatar/components/Avatar.styles.d.ts +0 -2
  33. package/out/ui/packages/avatar/components/Avatar.styles.luau +1 -5
  34. package/out/ui/packages/badge/components/Badge.d.ts +0 -3
  35. package/out/ui/packages/badge/components/Badge.luau +24 -32
  36. package/out/ui/packages/badge/components/Badge.styles.d.ts +1 -5
  37. package/out/ui/packages/badge/components/Badge.styles.luau +8 -20
  38. package/out/ui/packages/bottomNavigation/components/BottomNavigation.d.ts +0 -1
  39. package/out/ui/packages/bottomNavigation/components/BottomNavigation.luau +18 -20
  40. package/out/ui/packages/bottomNavigation/components/BottomNavigation.styles.d.ts +1 -3
  41. package/out/ui/packages/bottomNavigation/components/BottomNavigation.styles.luau +2 -6
  42. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.d.ts +0 -1
  43. package/out/ui/packages/breadcrumbs/components/Breadcrumbs.luau +40 -67
  44. package/out/ui/packages/breadcrumbs/components/breadcrumbItems.d.ts +0 -9
  45. package/out/ui/packages/breadcrumbs/components/breadcrumbItems.luau +0 -68
  46. package/out/ui/packages/breadcrumbs/index.d.ts +0 -1
  47. package/out/ui/packages/breadcrumbs/init.luau +0 -3
  48. package/out/ui/packages/brickColorPicker/components/BrickColorPicker.luau +16 -12
  49. package/out/ui/packages/button/components/Button.luau +18 -20
  50. package/out/ui/packages/card/components/Card.d.ts +1 -3
  51. package/out/ui/packages/card/components/Card.luau +0 -10
  52. package/out/ui/packages/cframeEditor/components/CFrameEditor.luau +53 -75
  53. package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.luau +9 -26
  54. package/out/ui/packages/checkbox/components/Checkbox.luau +16 -16
  55. package/out/ui/packages/checkbox/components/checkboxLook.d.ts +1 -1
  56. package/out/ui/packages/chip/components/Chip.d.ts +1 -5
  57. package/out/ui/packages/chip/components/Chip.luau +16 -25
  58. package/out/ui/packages/chip/components/Chip.styles.d.ts +0 -5
  59. package/out/ui/packages/chip/components/Chip.styles.luau +13 -30
  60. package/out/ui/packages/circularProgress/components/CircularProgress.luau +18 -29
  61. package/out/ui/packages/colorPicker/components/ColorPicker.luau +20 -16
  62. package/out/ui/packages/colorPicker/components/ColorPicker.styles.luau +20 -34
  63. package/out/ui/packages/colorPicker/components/ColorSequenceEditor.luau +35 -34
  64. package/out/ui/packages/colorPicker/components/NumberSequenceEditor.luau +62 -65
  65. package/out/ui/packages/dialog/components/Dialog.d.ts +2 -3
  66. package/out/ui/packages/dialog/components/Dialog.luau +21 -41
  67. package/out/ui/packages/divider/components/Divider.d.ts +0 -1
  68. package/out/ui/packages/divider/components/Divider.luau +17 -52
  69. package/out/ui/packages/divider/components/Divider.styles.luau +0 -32
  70. package/out/ui/packages/drawer/components/Drawer.d.ts +1 -3
  71. package/out/ui/packages/drawer/components/Drawer.luau +37 -71
  72. package/out/ui/packages/drawer/components/Drawer.styles.d.ts +1 -3
  73. package/out/ui/packages/drawer/components/Drawer.styles.luau +2 -3
  74. package/out/ui/packages/fab/components/Fab.d.ts +0 -3
  75. package/out/ui/packages/fab/components/Fab.luau +37 -79
  76. package/out/ui/packages/fab/components/Fab.styles.d.ts +0 -3
  77. package/out/ui/packages/fab/components/Fab.styles.luau +3 -39
  78. package/out/ui/packages/fab/components/fabSize.d.ts +0 -1
  79. package/out/ui/packages/fab/components/fabSize.luau +0 -4
  80. package/out/ui/packages/fab/index.d.ts +1 -1
  81. package/out/ui/packages/fab/init.luau +0 -1
  82. package/out/ui/packages/fontEditor/components/FontEditor.luau +16 -12
  83. package/out/ui/packages/formText/components/FormHelperText.luau +16 -12
  84. package/out/ui/packages/formText/components/FormLabel.luau +16 -12
  85. package/out/ui/packages/gradientEditor/components/GradientEditor.luau +42 -56
  86. package/out/ui/packages/gradientEditor/components/GradientEditor.styles.luau +4 -37
  87. package/out/ui/packages/icon/components/Icon.luau +16 -9
  88. package/out/ui/packages/iconButton/components/IconButton.luau +16 -16
  89. package/out/ui/packages/index.d.ts +0 -6
  90. package/out/ui/packages/init.luau +0 -18
  91. package/out/ui/packages/input/components/Input.d.ts +0 -1
  92. package/out/ui/packages/input/components/Input.luau +18 -21
  93. package/out/ui/packages/layout/components/Grid.d.ts +1 -5
  94. package/out/ui/packages/layout/components/Grid.luau +19 -41
  95. package/out/ui/packages/layout/components/List.luau +16 -9
  96. package/out/ui/packages/layout/components/Stack.d.ts +0 -2
  97. package/out/ui/packages/layout/components/Stack.luau +15 -10
  98. package/out/ui/packages/layout/components/Stack.styles.d.ts +0 -2
  99. package/out/ui/packages/layout/components/Stack.styles.luau +5 -34
  100. package/out/ui/packages/layout/components/stackAlign.d.ts +2 -4
  101. package/out/ui/packages/layout/components/stackAlign.luau +2 -16
  102. package/out/ui/packages/layout/index.d.ts +0 -11
  103. package/out/ui/packages/layout/init.luau +0 -4
  104. package/out/ui/packages/link/components/Link.luau +16 -13
  105. package/out/ui/packages/listItem/components/ListItem.d.ts +1 -4
  106. package/out/ui/packages/listItem/components/ListItem.luau +4 -44
  107. package/out/ui/packages/listItem/components/ListItem.styles.d.ts +0 -1
  108. package/out/ui/packages/listItem/components/ListItem.styles.luau +5 -16
  109. package/out/ui/packages/loadingStroke/components/LoadingStroke.d.ts +1 -5
  110. package/out/ui/packages/menu/components/Menu.d.ts +1 -4
  111. package/out/ui/packages/menu/components/Menu.luau +15 -32
  112. package/out/ui/packages/modal/components/Modal.d.ts +1 -2
  113. package/out/ui/packages/modal/components/Modal.luau +37 -79
  114. package/out/ui/packages/motion/index.d.ts +1 -1
  115. package/out/ui/packages/motion/init.luau +0 -1
  116. package/out/ui/packages/motion/unit.d.ts +0 -5
  117. package/out/ui/packages/motion/unit.luau +0 -23
  118. package/out/ui/packages/numberInput/components/NumberInput.d.ts +0 -2
  119. package/out/ui/packages/numberInput/components/NumberInput.luau +3 -16
  120. package/out/ui/packages/numberInput/components/numberValue.d.ts +0 -1
  121. package/out/ui/packages/numberInput/components/numberValue.luau +0 -45
  122. package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.luau +16 -12
  123. package/out/ui/packages/pagination/components/Pagination.d.ts +1 -6
  124. package/out/ui/packages/pagination/components/Pagination.luau +38 -62
  125. package/out/ui/packages/pagination/components/Pagination.styles.d.ts +1 -6
  126. package/out/ui/packages/pagination/components/Pagination.styles.luau +4 -36
  127. package/out/ui/packages/pagination/components/pageRange.d.ts +1 -2
  128. package/out/ui/packages/pagination/components/pageRange.luau +8 -91
  129. package/out/ui/packages/pagination/index.d.ts +0 -1
  130. package/out/ui/packages/pagination/init.luau +0 -1
  131. package/out/ui/packages/paper/components/Paper.d.ts +2 -4
  132. package/out/ui/packages/paper/components/Paper.luau +9 -31
  133. package/out/ui/packages/paper/components/Paper.styles.d.ts +1 -1
  134. package/out/ui/packages/paper/components/Paper.styles.luau +0 -6
  135. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.luau +38 -63
  136. package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.luau +7 -21
  137. package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.d.ts +0 -2
  138. package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.luau +0 -14
  139. package/out/ui/packages/popup/components/Popup.d.ts +1 -2
  140. package/out/ui/packages/popup/components/Popup.luau +18 -35
  141. package/out/ui/packages/popup/index.d.ts +0 -1
  142. package/out/ui/packages/popup/init.luau +0 -1
  143. package/out/ui/packages/preloader/components/Preloader.luau +16 -9
  144. package/out/ui/packages/progressBar/components/ProgressBar.luau +16 -12
  145. package/out/ui/packages/radioGroup/components/RadioGroup.d.ts +0 -1
  146. package/out/ui/packages/radioGroup/components/RadioGroup.luau +18 -16
  147. package/out/ui/packages/radioGroup/components/RadioGroup.styles.d.ts +0 -1
  148. package/out/ui/packages/radioGroup/components/RadioGroup.styles.luau +1 -4
  149. package/out/ui/packages/rating/components/Rating.d.ts +1 -3
  150. package/out/ui/packages/rating/components/Rating.luau +17 -19
  151. package/out/ui/packages/rating/components/Rating.styles.d.ts +0 -2
  152. package/out/ui/packages/rating/components/Rating.styles.luau +2 -7
  153. package/out/ui/packages/rayEditor/components/RayEditor.luau +16 -12
  154. package/out/ui/packages/rectEditor/components/RectEditor.luau +43 -86
  155. package/out/ui/packages/rectEditor/components/RectEditor.styles.luau +7 -30
  156. package/out/ui/packages/scroll/index.d.ts +0 -2
  157. package/out/ui/packages/scroll/init.luau +0 -1
  158. package/out/ui/packages/select/components/Select.luau +55 -15
  159. package/out/ui/packages/select/components/selectMotion.d.ts +2 -0
  160. package/out/ui/packages/select/components/selectMotion.luau +12 -0
  161. package/out/ui/packages/shadow/components/Shadow.d.ts +1 -2
  162. package/out/ui/packages/shadow/components/Shadow.luau +17 -39
  163. package/out/ui/packages/shadow/components/Shadow.styles.luau +2 -7
  164. package/out/ui/packages/sidebar/components/Sidebar.luau +16 -9
  165. package/out/ui/packages/skeleton/components/Skeleton.luau +28 -19
  166. package/out/ui/packages/skeleton/components/Skeleton.styles.luau +3 -7
  167. package/out/ui/packages/slider/components/Slider.d.ts +0 -3
  168. package/out/ui/packages/slider/components/Slider.luau +19 -47
  169. package/out/ui/packages/slider/components/Slider.styles.d.ts +0 -2
  170. package/out/ui/packages/slider/components/Slider.styles.luau +1 -14
  171. package/out/ui/packages/snackbar/components/Snackbar.d.ts +0 -2
  172. package/out/ui/packages/snackbar/components/Snackbar.luau +0 -5
  173. package/out/ui/packages/speedDial/components/SpeedDial.d.ts +0 -2
  174. package/out/ui/packages/speedDial/components/SpeedDial.luau +20 -25
  175. package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts +1 -4
  176. package/out/ui/packages/speedDial/components/SpeedDial.styles.luau +4 -9
  177. package/out/ui/packages/speedDial/index.d.ts +0 -1
  178. package/out/ui/packages/splitPane/components/SplitPane.luau +17 -13
  179. package/out/ui/packages/splitPane/components/splitLook.d.ts +1 -1
  180. package/out/ui/packages/stateMatrix.d.ts +0 -2
  181. package/out/ui/packages/stateMatrix.luau +997 -793
  182. package/out/ui/packages/stepper/components/Stepper.d.ts +0 -1
  183. package/out/ui/packages/stepper/components/Stepper.luau +17 -16
  184. package/out/ui/packages/stepper/components/Stepper.styles.d.ts +1 -3
  185. package/out/ui/packages/stepper/components/Stepper.styles.luau +2 -6
  186. package/out/ui/packages/switch/components/Switch.d.ts +0 -2
  187. package/out/ui/packages/switch/components/Switch.luau +16 -21
  188. package/out/ui/packages/switch/components/Switch.styles.d.ts +0 -2
  189. package/out/ui/packages/switch/components/Switch.styles.luau +1 -6
  190. package/out/ui/packages/switch/components/switchLook.d.ts +1 -1
  191. package/out/ui/packages/table/components/Table.d.ts +2 -16
  192. package/out/ui/packages/table/components/Table.luau +53 -136
  193. package/out/ui/packages/table/components/Table.styles.d.ts +1 -3
  194. package/out/ui/packages/table/components/Table.styles.luau +6 -10
  195. package/out/ui/packages/table/index.d.ts +1 -2
  196. package/out/ui/packages/tabs/components/Tabs.d.ts +0 -3
  197. package/out/ui/packages/tabs/components/Tabs.luau +19 -24
  198. package/out/ui/packages/tabs/components/Tabs.styles.d.ts +1 -5
  199. package/out/ui/packages/tabs/components/Tabs.styles.luau +10 -26
  200. package/out/ui/packages/tabs/index.d.ts +0 -1
  201. package/out/ui/packages/tabs/init.luau +0 -1
  202. package/out/ui/packages/toast/components/Toast.d.ts +0 -2
  203. package/out/ui/packages/toast/components/Toast.luau +13 -41
  204. package/out/ui/packages/toast/components/Toast.styles.luau +5 -23
  205. package/out/ui/packages/toggleButton/components/ToggleButton.d.ts +1 -5
  206. package/out/ui/packages/toggleButton/components/ToggleButton.luau +33 -36
  207. package/out/ui/packages/toggleButton/components/ToggleButton.styles.d.ts +0 -4
  208. package/out/ui/packages/toggleButton/components/ToggleButton.styles.luau +5 -16
  209. package/out/ui/packages/tooltip/components/Tooltip.luau +16 -9
  210. package/out/ui/packages/treeView/components/TreeView.luau +16 -9
  211. package/out/ui/packages/typography/components/Typography.luau +14 -13
  212. package/out/ui/packages/udimEditor/components/UDimEditor.luau +16 -12
  213. package/out/ui/packages/vectorEditor/components/VectorEditor.luau +16 -12
  214. package/out/ui/packages/virtualList/components/EmptyListHint.d.ts +1 -2
  215. package/out/ui/packages/virtualList/components/EmptyListHint.luau +4 -15
  216. package/out/ui/packages/virtualList/components/VirtualList.luau +16 -9
  217. package/package.json +2 -2
  218. package/out/hooks/viewportObserver.d.ts +0 -10
  219. package/out/hooks/viewportObserver.luau +0 -75
  220. package/out/theme/styles/utilities/resolveSx.d.ts +0 -120
  221. package/out/theme/styles/utilities/resolveSx.luau +0 -524
  222. package/out/ui/packages/backdrop/components/Backdrop.d.ts +0 -10
  223. package/out/ui/packages/backdrop/components/Backdrop.luau +0 -51
  224. package/out/ui/packages/backdrop/components/Backdrop.styles.d.ts +0 -4
  225. package/out/ui/packages/backdrop/components/Backdrop.styles.luau +0 -24
  226. package/out/ui/packages/backdrop/index.d.ts +0 -2
  227. package/out/ui/packages/backdrop/init.luau +0 -5
  228. package/out/ui/packages/dateRange/components/DateRangePicker.d.ts +0 -11
  229. package/out/ui/packages/dateRange/components/DateRangePicker.luau +0 -253
  230. package/out/ui/packages/dateRange/dateRangeValue.d.ts +0 -18
  231. package/out/ui/packages/dateRange/dateRangeValue.luau +0 -121
  232. package/out/ui/packages/dateRange/index.d.ts +0 -3
  233. package/out/ui/packages/dateRange/init.luau +0 -16
  234. package/out/ui/packages/divider/components/dividerLabel.d.ts +0 -1
  235. package/out/ui/packages/divider/components/dividerLabel.luau +0 -10
  236. package/out/ui/packages/host/components/SxHost.d.ts +0 -18
  237. package/out/ui/packages/host/components/SxHost.luau +0 -210
  238. package/out/ui/packages/host/hostPaint.d.ts +0 -12
  239. package/out/ui/packages/host/hostPaint.luau +0 -34
  240. package/out/ui/packages/host/hostRules.d.ts +0 -15
  241. package/out/ui/packages/host/hostRules.luau +0 -92
  242. package/out/ui/packages/host/index.d.ts +0 -3
  243. package/out/ui/packages/host/init.luau +0 -13
  244. package/out/ui/packages/imageList/components/ImageList.d.ts +0 -14
  245. package/out/ui/packages/imageList/components/ImageList.luau +0 -93
  246. package/out/ui/packages/imageList/components/ImageList.styles.d.ts +0 -6
  247. package/out/ui/packages/imageList/components/ImageList.styles.luau +0 -73
  248. package/out/ui/packages/imageList/components/imageListLayout.d.ts +0 -4
  249. package/out/ui/packages/imageList/components/imageListLayout.luau +0 -31
  250. package/out/ui/packages/imageList/index.d.ts +0 -2
  251. package/out/ui/packages/imageList/init.luau +0 -5
  252. package/out/ui/packages/layout/components/Box.d.ts +0 -11
  253. package/out/ui/packages/layout/components/Box.luau +0 -40
  254. package/out/ui/packages/layout/components/Box.styles.d.ts +0 -7
  255. package/out/ui/packages/layout/components/Box.styles.luau +0 -34
  256. package/out/ui/packages/layout/components/Container.d.ts +0 -10
  257. package/out/ui/packages/layout/components/Container.luau +0 -45
  258. package/out/ui/packages/layout/components/Container.styles.d.ts +0 -6
  259. package/out/ui/packages/layout/components/Container.styles.luau +0 -41
  260. package/out/ui/packages/layout/components/FlexItem.d.ts +0 -12
  261. package/out/ui/packages/layout/components/FlexItem.luau +0 -40
  262. package/out/ui/packages/layout/components/FlexItem.styles.d.ts +0 -8
  263. package/out/ui/packages/layout/components/FlexItem.styles.luau +0 -66
  264. package/out/ui/packages/layout/components/boxPad.d.ts +0 -14
  265. package/out/ui/packages/layout/components/boxPad.luau +0 -59
  266. package/out/ui/packages/layout/components/containerWidth.d.ts +0 -2
  267. package/out/ui/packages/layout/components/containerWidth.luau +0 -17
  268. package/out/ui/packages/layout/components/flexItemMode.d.ts +0 -6
  269. package/out/ui/packages/layout/components/flexItemMode.luau +0 -36
  270. package/out/ui/packages/layout/components/gridProps.d.ts +0 -3
  271. package/out/ui/packages/layout/components/gridProps.luau +0 -20
  272. package/out/ui/packages/loadingStroke/components/loadingStrokeSx.d.ts +0 -11
  273. package/out/ui/packages/loadingStroke/components/loadingStrokeSx.luau +0 -2
  274. package/out/ui/packages/markdown/components/Markdown.d.ts +0 -6
  275. package/out/ui/packages/markdown/components/Markdown.luau +0 -221
  276. package/out/ui/packages/markdown/components/Markdown.styles.d.ts +0 -2
  277. package/out/ui/packages/markdown/components/Markdown.styles.luau +0 -101
  278. package/out/ui/packages/markdown/components/MarkdownEditor.d.ts +0 -22
  279. package/out/ui/packages/markdown/components/MarkdownEditor.luau +0 -433
  280. package/out/ui/packages/markdown/components/MarkdownEditor.styles.d.ts +0 -6
  281. package/out/ui/packages/markdown/components/MarkdownEditor.styles.luau +0 -161
  282. package/out/ui/packages/markdown/components/markdownEditorHeight.d.ts +0 -1
  283. package/out/ui/packages/markdown/components/markdownEditorHeight.luau +0 -13
  284. package/out/ui/packages/markdown/htmlToMarkdown.d.ts +0 -2
  285. package/out/ui/packages/markdown/htmlToMarkdown.luau +0 -350
  286. package/out/ui/packages/markdown/index.d.ts +0 -8
  287. package/out/ui/packages/markdown/init.luau +0 -11
  288. package/out/ui/packages/markdown/parseMarkdown.d.ts +0 -42
  289. package/out/ui/packages/markdown/parseMarkdown.luau +0 -459
  290. package/out/ui/packages/reorder/index.d.ts +0 -2
  291. package/out/ui/packages/reorder/init.luau +0 -14
  292. package/out/ui/packages/reorder/reorder.d.ts +0 -24
  293. package/out/ui/packages/reorder/reorder.luau +0 -178
  294. package/out/ui/packages/reorder/useReorderDrag.d.ts +0 -15
  295. package/out/ui/packages/reorder/useReorderDrag.luau +0 -129
  296. package/out/ui/packages/scroll/components/ScrollView.d.ts +0 -7
  297. package/out/ui/packages/scroll/components/ScrollView.luau +0 -42
  298. package/out/ui/packages/skeleton/components/skeletonTone.d.ts +0 -20
  299. package/out/ui/packages/skeleton/components/skeletonTone.luau +0 -14
  300. package/out/ui/packages/slider/components/sliderMarks.d.ts +0 -1
  301. package/out/ui/packages/slider/components/sliderMarks.luau +0 -37
  302. package/out/ui/packages/snackbar/components/snackbarAction.d.ts +0 -1
  303. package/out/ui/packages/snackbar/components/snackbarAction.luau +0 -10
  304. package/out/ui/packages/sparkline/components/Sparkline.d.ts +0 -9
  305. package/out/ui/packages/sparkline/components/Sparkline.luau +0 -66
  306. package/out/ui/packages/sparkline/index.d.ts +0 -3
  307. package/out/ui/packages/sparkline/init.luau +0 -6
  308. package/out/ui/packages/sparkline/sparklineLayout.d.ts +0 -8
  309. package/out/ui/packages/sparkline/sparklineLayout.luau +0 -75
  310. package/out/ui/packages/table/components/tableColumns.d.ts +0 -26
  311. package/out/ui/packages/table/components/tableColumns.luau +0 -92
  312. package/out/ui/packages/tabs/components/tabsOrientation.d.ts +0 -2
  313. package/out/ui/packages/tabs/components/tabsOrientation.luau +0 -7
@@ -1,7 +1,6 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
- local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
5
4
  local useFormTextStyles = TS.import(script, script.Parent, "FormText.styles").default
6
5
  local function FormHelperText(props)
7
6
  local _binding = props
@@ -16,23 +15,28 @@ local function FormHelperText(props)
16
15
  hasError = hasError,
17
16
  disabled = disabled,
18
17
  })
19
- local _attributes = {
20
- tag = "textlabel",
21
- }
18
+ local _attributes = {}
22
19
  local _condition = id
23
20
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
24
21
  _condition = "FormHelperText"
25
22
  end
26
23
  _attributes.key = _condition
27
- _attributes.hostRef = ref
28
- _attributes.base = styles.root
29
- _attributes.className = className
30
- _attributes.sx = sx
31
- _attributes.state = {
32
- disabled = disabled,
33
- }
24
+ _attributes.ref = ref
25
+ for _k, _v in styles.root do
26
+ _attributes[_k] = _v
27
+ end
28
+ if className then
29
+ for _k, _v in className do
30
+ _attributes[_k] = _v
31
+ end
32
+ end
33
+ if sx then
34
+ for _k, _v in sx do
35
+ _attributes[_k] = _v
36
+ end
37
+ end
34
38
  _attributes.Text = text
35
- return React.createElement(SxHost, _attributes)
39
+ return React.createElement("textlabel", _attributes)
36
40
  end
37
41
  local default = FormHelperText
38
42
  return {
@@ -1,7 +1,6 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
- local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
5
4
  local useFormTextStyles = TS.import(script, script.Parent, "FormText.styles").default
6
5
  local function FormLabel(props)
7
6
  local _binding = props
@@ -18,23 +17,28 @@ local function FormLabel(props)
18
17
  disabled = disabled,
19
18
  })
20
19
  local caption = if required == true then `{text} *` else text
21
- local _attributes = {
22
- tag = "textlabel",
23
- }
20
+ local _attributes = {}
24
21
  local _condition = id
25
22
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
26
23
  _condition = "FormLabel"
27
24
  end
28
25
  _attributes.key = _condition
29
- _attributes.hostRef = ref
30
- _attributes.base = styles.root
31
- _attributes.className = className
32
- _attributes.sx = sx
33
- _attributes.state = {
34
- disabled = disabled,
35
- }
26
+ _attributes.ref = ref
27
+ for _k, _v in styles.root do
28
+ _attributes[_k] = _v
29
+ end
30
+ if className then
31
+ for _k, _v in className do
32
+ _attributes[_k] = _v
33
+ end
34
+ end
35
+ if sx then
36
+ for _k, _v in sx do
37
+ _attributes[_k] = _v
38
+ end
39
+ end
36
40
  _attributes.Text = caption
37
- return React.createElement(SxHost, _attributes)
41
+ return React.createElement("textlabel", _attributes)
38
42
  end
39
43
  local default = FormLabel
40
44
  return {
@@ -1,7 +1,6 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
- local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
5
4
  local _colorPicker = TS.import(script, script.Parent.Parent.Parent, "colorPicker")
6
5
  local ColorSequenceEditor = _colorPicker.ColorSequenceEditor
7
6
  local NumberSequenceEditor = _colorPicker.NumberSequenceEditor
@@ -22,28 +21,33 @@ local function GradientEditor(props)
22
21
  local id = _binding.id
23
22
  local ref = _binding.ref
24
23
  local styles = useGradientEditorStyles()
25
- local _attributes = {
26
- tag = "frame",
27
- }
24
+ local _attributes = {}
28
25
  local _condition = id
29
26
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
30
27
  _condition = "GradientEditor"
31
28
  end
32
29
  _attributes.key = _condition
33
- _attributes.hostRef = ref
34
- _attributes.base = styles.root
35
- _attributes.className = className
36
- _attributes.sx = sx
37
- _attributes.state = {
38
- disabled = disabled,
39
- }
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
40
44
  local _attributes_1 = table.clone(styles.column)
41
45
  setmetatable(_attributes_1, nil)
42
46
  local _exp = React.createElement("uilistlayout", _attributes_1)
43
47
  local _attributes_2 = {
44
48
  key = "Color",
45
49
  }
46
- for _k, _v in styles.block do
50
+ for _k, _v in styles.row do
47
51
  _attributes_2[_k] = _v
48
52
  end
49
53
  _attributes_2.LayoutOrder = 1
@@ -53,7 +57,6 @@ local function GradientEditor(props)
53
57
  local _attributes_4 = table.clone(styles.label)
54
58
  setmetatable(_attributes_4, nil)
55
59
  _attributes_4.Text = "Color"
56
- _attributes_4.LayoutOrder = 1
57
60
  local _exp_2 = React.createElement("frame", _attributes_2, _exp_1, React.createElement("textlabel", _attributes_4), React.createElement(ColorSequenceEditor, {
58
61
  value = value.color,
59
62
  disabled = disabled,
@@ -67,7 +70,7 @@ local function GradientEditor(props)
67
70
  local _attributes_5 = {
68
71
  key = "Transparency",
69
72
  }
70
- for _k, _v in styles.block do
73
+ for _k, _v in styles.row do
71
74
  _attributes_5[_k] = _v
72
75
  end
73
76
  _attributes_5.LayoutOrder = 2
@@ -77,7 +80,6 @@ local function GradientEditor(props)
77
80
  local _attributes_7 = table.clone(styles.label)
78
81
  setmetatable(_attributes_7, nil)
79
82
  _attributes_7.Text = "Transparency"
80
- _attributes_7.LayoutOrder = 1
81
83
  local _exp_4 = React.createElement("frame", _attributes_5, _exp_3, React.createElement("textlabel", _attributes_7), React.createElement(NumberSequenceEditor, {
82
84
  value = value.transparency,
83
85
  disabled = disabled,
@@ -89,56 +91,40 @@ local function GradientEditor(props)
89
91
  end,
90
92
  }))
91
93
  local _attributes_8 = {
92
- key = "Metrics",
94
+ key = "Rotation",
93
95
  }
94
- for _k, _v in styles.metrics do
96
+ for _k, _v in styles.row do
95
97
  _attributes_8[_k] = _v
96
98
  end
97
99
  _attributes_8.LayoutOrder = 3
98
- local _attributes_9 = table.clone(styles.metricsRow)
100
+ local _attributes_9 = table.clone(styles.column)
99
101
  setmetatable(_attributes_9, nil)
100
102
  local _exp_5 = React.createElement("uilistlayout", _attributes_9)
101
- local _attributes_10 = {
102
- key = "Rotation",
103
- }
104
- for _k, _v in styles.metric do
105
- _attributes_10[_k] = _v
106
- end
107
- _attributes_10.LayoutOrder = 1
108
- local _attributes_11 = table.clone(styles.metricInner)
109
- setmetatable(_attributes_11, nil)
110
- local _exp_6 = React.createElement("uilistlayout", _attributes_11)
111
- local _attributes_12 = table.clone(styles.metricLabel)
112
- setmetatable(_attributes_12, nil)
113
- _attributes_12.Text = "Rotation"
114
- _attributes_12.LayoutOrder = 1
115
- local _exp_7 = React.createElement("textlabel", _attributes_12)
116
- local _attributes_13 = table.clone(styles.metricField)
117
- setmetatable(_attributes_13, nil)
118
- _attributes_13.LayoutOrder = 2
119
- local _exp_8 = React.createElement("frame", _attributes_10, _exp_6, _exp_7, React.createElement("frame", _attributes_13, React.createElement(NumberInput, {
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, {
120
107
  value = value.rotation,
121
108
  disabled = disabled,
122
109
  width = UDim.new(1, 0),
123
110
  onChange = function(rotation)
124
111
  return onChange(patchGradientRotation(value, rotation))
125
112
  end,
126
- })))
127
- local _attributes_14 = {
113
+ }))
114
+ local _attributes_11 = {
128
115
  key = "Offset",
129
116
  }
130
- for _k, _v in styles.metric do
131
- _attributes_14[_k] = _v
117
+ for _k, _v in styles.row do
118
+ _attributes_11[_k] = _v
132
119
  end
133
- _attributes_14.LayoutOrder = 2
134
- local _attributes_15 = table.clone(styles.column)
135
- setmetatable(_attributes_15, nil)
136
- local _exp_9 = React.createElement("uilistlayout", _attributes_15)
137
- local _attributes_16 = table.clone(styles.metricLabel)
138
- setmetatable(_attributes_16, nil)
139
- _attributes_16.Text = "Offset"
140
- _attributes_16.LayoutOrder = 1
141
- local _exp_10 = React.createElement("frame", _attributes_8, _exp_5, _exp_8, React.createElement("frame", _attributes_14, _exp_9, React.createElement("textlabel", _attributes_16), React.createElement(VectorEditor, {
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, {
142
128
  value = value.offset,
143
129
  disabled = disabled,
144
130
  onChange = function(offset)
@@ -147,15 +133,15 @@ local function GradientEditor(props)
147
133
  _object.offset = offset
148
134
  return onChange(_object)
149
135
  end,
150
- })))
151
- local _attributes_17 = {
136
+ }))
137
+ local _attributes_14 = {
152
138
  key = "Enabled",
153
139
  }
154
- for _k, _v in styles.block do
155
- _attributes_17[_k] = _v
140
+ for _k, _v in styles.row do
141
+ _attributes_14[_k] = _v
156
142
  end
157
- _attributes_17.LayoutOrder = 4
158
- return React.createElement(SxHost, _attributes, _exp, _exp_2, _exp_4, _exp_10, React.createElement("frame", _attributes_17, React.createElement(Switch, {
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, {
159
145
  value = value.enabled,
160
146
  disabled = disabled,
161
147
  label = "Enabled",
@@ -13,55 +13,22 @@ local useGradientEditorStyles = componentStyles("GradientEditor", function(theme
13
13
  },
14
14
  column = {
15
15
  FillDirection = Enum.FillDirection.Vertical,
16
- Padding = UDim.new(0, theme.padding.calc(0.5)),
16
+ Padding = UDim.new(0, theme.padding.calc(1)),
17
17
  SortOrder = Enum.SortOrder.LayoutOrder,
18
18
  },
19
- block = {
19
+ row = {
20
20
  Size = UDim2.new(1, 0, 0, 0),
21
21
  AutomaticSize = Enum.AutomaticSize.Y,
22
22
  BackgroundTransparency = 1,
23
23
  },
24
24
  label = {
25
- Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
25
+ Size = UDim2.new(1, 0, 0, theme.spacing.calc(1.5)),
26
26
  BackgroundTransparency = 1,
27
27
  Font = theme.typography.fontFamilies.default,
28
- TextSize = theme.typography.fontSizes.button,
28
+ TextSize = theme.typography.fontSizes.caption,
29
29
  TextColor3 = theme.palette.text.secondary,
30
30
  TextXAlignment = Enum.TextXAlignment.Left,
31
31
  },
32
- metrics = {
33
- Size = UDim2.new(1, 0, 0, 0),
34
- AutomaticSize = Enum.AutomaticSize.Y,
35
- BackgroundTransparency = 1,
36
- },
37
- metricsRow = {
38
- FillDirection = Enum.FillDirection.Horizontal,
39
- Padding = UDim.new(0, theme.padding.calc(1)),
40
- VerticalAlignment = Enum.VerticalAlignment.Top,
41
- SortOrder = Enum.SortOrder.LayoutOrder,
42
- },
43
- metric = {
44
- Size = UDim2.new(0.5, -theme.padding.calc(0.5), 0, 0),
45
- AutomaticSize = Enum.AutomaticSize.Y,
46
- BackgroundTransparency = 1,
47
- },
48
- metricInner = {
49
- FillDirection = Enum.FillDirection.Vertical,
50
- Padding = UDim.new(0, theme.padding.calc(0.5)),
51
- SortOrder = Enum.SortOrder.LayoutOrder,
52
- },
53
- metricLabel = {
54
- Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
55
- BackgroundTransparency = 1,
56
- Font = theme.typography.fontFamilies.default,
57
- TextSize = theme.typography.fontSizes.button,
58
- TextColor3 = theme.palette.text.secondary,
59
- TextXAlignment = Enum.TextXAlignment.Left,
60
- },
61
- metricField = {
62
- Size = UDim2.new(1, 0, 0, theme.spacing.calc(3)),
63
- BackgroundTransparency = 1,
64
- },
65
32
  })
66
33
  end)
67
34
  local default = useGradientEditorStyles
@@ -1,7 +1,6 @@
1
1
  -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
4
- local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
5
4
  local useIconStyles = TS.import(script, script.Parent, "Icon.styles").default
6
5
  local function Icon(props)
7
6
  local _binding = props
@@ -13,21 +12,29 @@ local function Icon(props)
13
12
  local ref = _binding.ref
14
13
  local _binding_1 = useIconStyles(props)
15
14
  local container = _binding_1.container
16
- local _attributes = {
17
- tag = "imagelabel",
18
- }
15
+ local _attributes = {}
19
16
  local _condition = id
20
17
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
21
18
  _condition = "Icon"
22
19
  end
23
20
  _attributes.key = _condition
24
- _attributes.hostRef = ref
25
- _attributes.base = container
26
- _attributes.className = className
27
- _attributes.sx = sx
21
+ _attributes.ref = ref
22
+ for _k, _v in container do
23
+ _attributes[_k] = _v
24
+ end
25
+ if className then
26
+ for _k, _v in className do
27
+ _attributes[_k] = _v
28
+ end
29
+ end
30
+ if sx then
31
+ for _k, _v in sx do
32
+ _attributes[_k] = _v
33
+ end
34
+ end
28
35
  _attributes.Image = tostring(icon)
29
36
  _attributes.ImageColor3 = tint or container.ImageColor3
30
- return React.createElement(SxHost, _attributes)
37
+ return React.createElement("imagelabel", _attributes)
31
38
  end
32
39
  local default = Icon
33
40
  return {
@@ -5,7 +5,6 @@ local React = _react
5
5
  local useEffect = _react.useEffect
6
6
  local useState = _react.useState
7
7
  local useReducedMotion = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "hooks").useReducedMotion
8
- local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
9
8
  local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
10
9
  local iconSpinnerPixels = TS.import(script, script.Parent.Parent.Parent, "button", "components", "buttonLook").iconSpinnerPixels
11
10
  local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
@@ -40,25 +39,26 @@ local function IconButton(props)
40
39
  setHovering(false)
41
40
  setFocused(false)
42
41
  end, { active })
43
- local _attributes = {
44
- tag = "imagebutton",
45
- }
42
+ local _attributes = {}
46
43
  local _condition = id
47
44
  if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
48
45
  _condition = "IconButton"
49
46
  end
50
47
  _attributes.key = _condition
51
- _attributes.hostRef = ref
52
- _attributes.base = container
53
- _attributes.className = className
54
- _attributes.sx = sx
55
- _attributes.state = {
56
- disabled = disabled,
57
- loading = loading,
58
- selected = selected,
59
- hover = hovering,
60
- focused = focused,
61
- }
48
+ _attributes.ref = ref
49
+ for _k, _v in container do
50
+ _attributes[_k] = _v
51
+ end
52
+ if className then
53
+ for _k, _v in className do
54
+ _attributes[_k] = _v
55
+ end
56
+ end
57
+ if sx then
58
+ for _k, _v in sx do
59
+ _attributes[_k] = _v
60
+ end
61
+ end
62
62
  _attributes.Active = active
63
63
  _attributes.AutoButtonColor = active
64
64
  _attributes.Selectable = active
@@ -91,7 +91,7 @@ local function IconButton(props)
91
91
  }
92
92
  local _attributes_1 = table.clone(corner)
93
93
  setmetatable(_attributes_1, nil)
94
- return React.createElement(SxHost, _attributes, React.createElement("uicorner", _attributes_1), loading and (React.createElement(CircularProgress, {
94
+ return React.createElement("imagebutton", _attributes, React.createElement("uicorner", _attributes_1), loading and (React.createElement(CircularProgress, {
95
95
  size = iconSpinnerPixels(props.size),
96
96
  thickness = 2,
97
97
  color = tint,
@@ -3,7 +3,6 @@ export * from "./skeleton/index";
3
3
  export * from "./divider/index";
4
4
  export * from "./errorBoundary/index";
5
5
  export * from "./icon/index";
6
- export * from "./imageList/index";
7
6
  export * from "./iconButton/index";
8
7
  export * from "./input/index";
9
8
  export * from "./formText/index";
@@ -11,7 +10,6 @@ export * from "./layout/index";
11
10
  export * from "./preloader/index";
12
11
  export * from "./progressBar/index";
13
12
  export * from "./scroll/index";
14
- export * from "./reorder/index";
15
13
  export * from "./shadow/index";
16
14
  export * from "./sidebar/index";
17
15
  export * from "./toast/index";
@@ -24,8 +22,6 @@ export * from "./fontEditor/index";
24
22
  export * from "./loadingStroke/index";
25
23
  export * from "./numberInput/index";
26
24
  export * from "./numberRangeEditor/index";
27
- export * from "./dateRange/index";
28
- export * from "./sparkline/index";
29
25
  export * from "./rectEditor/index";
30
26
  export * from "./rayEditor/index";
31
27
  export * from "./physicalPropertiesEditor/index";
@@ -35,7 +31,6 @@ export * from "./cframeEditor/index";
35
31
  export * from "./enumPicker/index";
36
32
  export * from "./popup/index";
37
33
  export * from "./modal/index";
38
- export * from "./backdrop/index";
39
34
  export * from "./dialog/index";
40
35
  export * from "./paper/index";
41
36
  export * from "./card/index";
@@ -60,7 +55,6 @@ export * from "./bottomNavigation/index";
60
55
  export * from "./alert/index";
61
56
  export * from "./toggleButton/index";
62
57
  export * from "./link/index";
63
- export * from "./markdown/index";
64
58
  export * from "./rating/index";
65
59
  export * from "./listItem/index";
66
60
  export * from "./menu/index";
@@ -16,9 +16,6 @@ end
16
16
  for _k, _v in TS.import(script, script, "icon") or {} do
17
17
  exports[_k] = _v
18
18
  end
19
- for _k, _v in TS.import(script, script, "imageList") or {} do
20
- exports[_k] = _v
21
- end
22
19
  for _k, _v in TS.import(script, script, "iconButton") or {} do
23
20
  exports[_k] = _v
24
21
  end
@@ -40,9 +37,6 @@ end
40
37
  for _k, _v in TS.import(script, script, "scroll") or {} do
41
38
  exports[_k] = _v
42
39
  end
43
- for _k, _v in TS.import(script, script, "reorder") or {} do
44
- exports[_k] = _v
45
- end
46
40
  for _k, _v in TS.import(script, script, "shadow") or {} do
47
41
  exports[_k] = _v
48
42
  end
@@ -79,12 +73,6 @@ end
79
73
  for _k, _v in TS.import(script, script, "numberRangeEditor") or {} do
80
74
  exports[_k] = _v
81
75
  end
82
- for _k, _v in TS.import(script, script, "dateRange") or {} do
83
- exports[_k] = _v
84
- end
85
- for _k, _v in TS.import(script, script, "sparkline") or {} do
86
- exports[_k] = _v
87
- end
88
76
  for _k, _v in TS.import(script, script, "rectEditor") or {} do
89
77
  exports[_k] = _v
90
78
  end
@@ -112,9 +100,6 @@ end
112
100
  for _k, _v in TS.import(script, script, "modal") or {} do
113
101
  exports[_k] = _v
114
102
  end
115
- for _k, _v in TS.import(script, script, "backdrop") or {} do
116
- exports[_k] = _v
117
- end
118
103
  for _k, _v in TS.import(script, script, "dialog") or {} do
119
104
  exports[_k] = _v
120
105
  end
@@ -187,9 +172,6 @@ end
187
172
  for _k, _v in TS.import(script, script, "link") or {} do
188
173
  exports[_k] = _v
189
174
  end
190
- for _k, _v in TS.import(script, script, "markdown") or {} do
191
- exports[_k] = _v
192
- end
193
175
  for _k, _v in TS.import(script, script, "rating") or {} do
194
176
  exports[_k] = _v
195
177
  end
@@ -5,7 +5,6 @@ export type DefaultInputComponent = Frame;
5
5
  export interface InputProps {
6
6
  color?: InputColor;
7
7
  disabled?: boolean;
8
- readOnly?: boolean;
9
8
  loading?: boolean;
10
9
  hasError?: boolean;
11
10
  helperText?: string;
@@ -12,7 +12,6 @@ local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "co
12
12
  local spinnerPixels = TS.import(script, script.Parent.Parent.Parent, "button", "components", "buttonLook").spinnerPixels
13
13
  local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
14
14
  local Divider = TS.import(script, script.Parent.Parent.Parent, "divider").Divider
15
- local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
16
15
  local Orientations = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Orientations
17
16
  local useInputStyles = TS.import(script, script.Parent, "Input.styles").default
18
17
  local syncInputDraft = TS.import(script, script.Parent, "inputDraft").syncInputDraft
@@ -37,10 +36,6 @@ local function Input(props)
37
36
  if disabled == nil then
38
37
  disabled = false
39
38
  end
40
- local readOnly = _binding.readOnly
41
- if readOnly == nil then
42
- readOnly = false
43
- end
44
39
  local loading = _binding.loading
45
40
  if loading == nil then
46
41
  loading = false
@@ -76,8 +71,7 @@ local function Input(props)
76
71
  local focused, setFocused = useState(false)
77
72
  local _binding_1 = useTheme()
78
73
  local theme = _binding_1.theme
79
- local active = canActivate(disabled, loading)
80
- local editable = active and readOnly ~= true
74
+ local editable = canActivate(disabled, loading)
81
75
  local endSlotContent = if loading then nil else endAdornment
82
76
  local _object = table.clone(props)
83
77
  setmetatable(_object, nil)
@@ -103,23 +97,26 @@ local function Input(props)
103
97
  end, { text })
104
98
  local showStroke = variant == "outlined" or variant == "filled"
105
99
  local showCorner = rounded
106
- local _attributes = {
107
- tag = "frame",
108
- }
100
+ local _attributes = {}
109
101
  local _condition_1 = id
110
102
  if not (_condition_1 ~= 0 and _condition_1 == _condition_1 and _condition_1 ~= "" and _condition_1) then
111
103
  _condition_1 = "Input"
112
104
  end
113
105
  _attributes.key = _condition_1
114
- _attributes.hostRef = ref
115
- _attributes.base = root
116
- _attributes.className = className
117
- _attributes.sx = sx
118
- _attributes.state = {
119
- disabled = disabled,
120
- loading = loading,
121
- focused = focused,
122
- }
106
+ _attributes.ref = ref
107
+ for _k, _v in root do
108
+ _attributes[_k] = _v
109
+ end
110
+ if className then
111
+ for _k, _v in className do
112
+ _attributes[_k] = _v
113
+ end
114
+ end
115
+ if sx then
116
+ for _k, _v in sx do
117
+ _attributes[_k] = _v
118
+ end
119
+ end
123
120
  local _attributes_1 = {
124
121
  key = "Margin",
125
122
  }
@@ -163,7 +160,7 @@ local function Input(props)
163
160
  for _k, _v in box do
164
161
  _attributes_3[_k] = _v
165
162
  end
166
- _attributes_3.Active = active
163
+ _attributes_3.Active = editable
167
164
  _attributes_3.TextEditable = editable
168
165
  _attributes_3.Text = draft
169
166
  _attributes_3.PlaceholderText = placeholder
@@ -270,7 +267,7 @@ local function Input(props)
270
267
  _attributes_4.Text = helperText
271
268
  _condition_7 = (React.createElement("textlabel", _attributes_4))
272
269
  end
273
- return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1, _exp_1, _exp_2, _condition_7))
270
+ return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, _exp_1, _exp_2, _condition_7))
274
271
  end
275
272
  local default = Input
276
273
  return {
@@ -1,15 +1,11 @@
1
1
  import { CustomizedProps } from "../../../../theme/index";
2
- import { GridCorner } from "./gridProps";
3
2
  export interface GridProps {
4
3
  cellPadding?: UDim2;
5
4
  cellSize?: UDim2;
6
- gap?: number;
7
- columns?: number;
8
- maxColumns?: number;
9
5
  fillDirection?: Enum.FillDirection;
10
6
  fillDirectionMaxCells?: number;
11
7
  sortOrder?: Enum.SortOrder;
12
- startCorner?: Enum.StartCorner | GridCorner;
8
+ startCorner: Enum.StartCorner;
13
9
  horizontalAlignment?: Enum.HorizontalAlignment;
14
10
  verticalAlignment?: Enum.VerticalAlignment;
15
11
  }