@rbxts/uiblox 0.1.7 → 0.1.9

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 (227) hide show
  1. package/out/index.d.ts +2 -2
  2. package/out/{init.lua → init.luau} +1 -1
  3. package/out/theme/components/ThemeProvider.d.ts +3 -3
  4. package/out/theme/components/{ThemeProvider.lua → ThemeProvider.luau} +6 -22
  5. package/out/theme/components/ThemeStore.d.ts +1 -2
  6. package/out/theme/components/{ThemeStore.lua → ThemeStore.luau} +1 -1
  7. package/out/theme/components/ThemeWrapper.d.ts +3 -3
  8. package/out/theme/components/{ThemeWrapper.lua → ThemeWrapper.luau} +7 -21
  9. package/out/theme/components/{init.lua → init.luau} +1 -1
  10. package/out/theme/constants/NumberConstants.d.ts +1 -1
  11. package/out/theme/constants/{NumberConstants.lua → NumberConstants.luau} +1 -1
  12. package/out/theme/constants/ThemeConstants.d.ts +2 -2
  13. package/out/theme/constants/{ThemeConstants.lua → ThemeConstants.luau} +1 -1
  14. package/out/theme/constants/{init.lua → init.luau} +1 -1
  15. package/out/theme/index.d.ts +17 -17
  16. package/out/theme/{init.lua → init.luau} +1 -1
  17. package/out/theme/interfaces/iconSizes/IconSizes.luau +2 -0
  18. package/out/theme/interfaces/iconSizes/init.luau +2 -0
  19. package/out/theme/interfaces/index.d.ts +13 -13
  20. package/out/theme/interfaces/{init.lua → init.luau} +1 -1
  21. package/out/theme/interfaces/palette/Palette.d.ts +0 -1
  22. package/out/theme/interfaces/palette/Palette.luau +2 -0
  23. package/out/theme/interfaces/palette/colorTokens/ColorTokens.d.ts +1 -2
  24. package/out/theme/interfaces/palette/colorTokens/ColorTokens.luau +2 -0
  25. package/out/theme/interfaces/palette/colorTokens/init.luau +2 -0
  26. package/out/theme/interfaces/palette/colors/{Blue.lua → Blue.luau} +1 -1
  27. package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -1
  28. package/out/theme/interfaces/palette/colors/Colors.luau +2 -0
  29. package/out/theme/interfaces/palette/colors/Common.d.ts +0 -1
  30. package/out/theme/interfaces/palette/colors/{Common.lua → Common.luau} +1 -1
  31. package/out/theme/interfaces/palette/colors/{Dark.lua → Dark.luau} +1 -1
  32. package/out/theme/interfaces/palette/colors/{Gray.lua → Gray.luau} +1 -1
  33. package/out/theme/interfaces/palette/colors/{Green.lua → Green.luau} +1 -1
  34. package/out/theme/interfaces/palette/colors/{Light.lua → Light.luau} +1 -1
  35. package/out/theme/interfaces/palette/colors/{Magenta.lua → Magenta.luau} +1 -1
  36. package/out/theme/interfaces/palette/colors/{Orange.lua → Orange.luau} +1 -1
  37. package/out/theme/interfaces/palette/colors/{Purple.lua → Purple.luau} +1 -1
  38. package/out/theme/interfaces/palette/colors/{Red.lua → Red.luau} +1 -1
  39. package/out/theme/interfaces/palette/colors/{Turquoise.lua → Turquoise.luau} +1 -1
  40. package/out/theme/interfaces/palette/colors/{Yellow.lua → Yellow.luau} +1 -1
  41. package/out/theme/interfaces/palette/colors/{init.lua → init.luau} +1 -1
  42. package/out/theme/interfaces/palette/index.d.ts +2 -2
  43. package/out/theme/interfaces/palette/{init.lua → init.luau} +1 -1
  44. package/out/theme/interfaces/spacing/Borders.luau +2 -0
  45. package/out/theme/interfaces/spacing/Padding.luau +2 -0
  46. package/out/theme/interfaces/spacing/Shape.luau +2 -0
  47. package/out/theme/interfaces/spacing/Spacing.luau +2 -0
  48. package/out/theme/interfaces/spacing/init.luau +2 -0
  49. package/out/theme/interfaces/theme/Theme.d.ts +3 -3
  50. package/out/theme/interfaces/theme/Theme.luau +2 -0
  51. package/out/theme/interfaces/theme/ThemeConstants.d.ts +4 -4
  52. package/out/theme/interfaces/theme/ThemeConstants.luau +2 -0
  53. package/out/theme/interfaces/theme/ThemeOptions.luau +2 -0
  54. package/out/theme/interfaces/theme/init.luau +2 -0
  55. package/out/theme/interfaces/tokens/Tokens.luau +2 -0
  56. package/out/theme/interfaces/tokens/init.luau +2 -0
  57. package/out/theme/interfaces/typography/{FontFamilies.lua → FontFamilies.luau} +1 -1
  58. package/out/theme/interfaces/typography/FontFamilyOptions.d.ts +0 -2
  59. package/out/theme/interfaces/typography/FontFamilyOptions.luau +2 -0
  60. package/out/theme/interfaces/typography/FontSizeOptions.d.ts +0 -1
  61. package/out/theme/interfaces/typography/FontSizeOptions.luau +2 -0
  62. package/out/theme/interfaces/typography/{FontSizes.lua → FontSizes.luau} +1 -1
  63. package/out/theme/interfaces/typography/ThemeTypography.luau +2 -0
  64. package/out/theme/interfaces/typography/{Variants.lua → Variants.luau} +1 -1
  65. package/out/theme/interfaces/typography/{init.lua → init.luau} +1 -1
  66. package/out/theme/styles/index.d.ts +5 -5
  67. package/out/theme/styles/{init.lua → init.luau} +1 -1
  68. package/out/theme/styles/types/WriteableStyle.d.ts +0 -2
  69. package/out/theme/styles/types/WriteableStyle.luau +2 -0
  70. package/out/theme/styles/types/init.luau +2 -0
  71. package/out/theme/styles/types/styles.d.ts +0 -2
  72. package/out/theme/styles/types/styles.luau +2 -0
  73. package/out/theme/styles/utilities/classNames.d.ts +2 -3
  74. package/out/theme/styles/utilities/classNames.luau +33 -0
  75. package/out/theme/styles/utilities/{createStyles.lua → createStyles.luau} +1 -1
  76. package/out/theme/styles/utilities/{init.lua → init.luau} +1 -1
  77. package/out/theme/styles/utilities/makeStyles.d.ts +1 -1
  78. package/out/theme/styles/utilities/{makeStyles.lua → makeStyles.luau} +1 -1
  79. package/out/theme/themes/DarkTheme.d.ts +1 -1
  80. package/out/theme/themes/{DarkTheme.lua → DarkTheme.luau} +1 -1
  81. package/out/theme/themes/LightTheme.d.ts +1 -1
  82. package/out/theme/themes/{LightTheme.lua → LightTheme.luau} +1 -1
  83. package/out/theme/themes/{init.lua → init.luau} +1 -1
  84. package/out/theme/types/init.luau +2 -0
  85. package/out/theme/types/types.d.ts +5 -8
  86. package/out/theme/types/{types.lua → types.luau} +1 -1
  87. package/out/theme/utilites/{Color3FromHex.lua → Color3FromHex.luau} +2 -2
  88. package/out/theme/utilites/{init.lua → init.luau} +1 -1
  89. package/out/ui/constants/{ImageConstants.lua → ImageConstants.luau} +1 -1
  90. package/out/ui/constants/{LayoutConstants.lua → LayoutConstants.luau} +1 -1
  91. package/out/ui/constants/{init.lua → init.luau} +1 -1
  92. package/out/ui/enums/Directions.luau +12 -0
  93. package/out/ui/enums/Icons.luau +44 -0
  94. package/out/ui/enums/Orientations.luau +8 -0
  95. package/out/ui/enums/{init.lua → init.luau} +1 -1
  96. package/out/ui/index.d.ts +34 -34
  97. package/out/ui/{init.lua → init.luau} +1 -1
  98. package/out/ui/packages/button/components/Button.d.ts +3 -5
  99. package/out/ui/packages/button/components/{Button.lua → Button.luau} +64 -85
  100. package/out/ui/packages/button/components/Button.styles.d.ts +1 -1
  101. package/out/ui/packages/button/components/{Button.styles.lua → Button.styles.luau} +1 -1
  102. package/out/ui/packages/button/index.d.ts +3 -3
  103. package/out/ui/packages/button/{init.lua → init.luau} +1 -1
  104. package/out/ui/packages/button/types/ButtonColor.luau +2 -0
  105. package/out/ui/packages/button/types/ButtonSize.luau +2 -0
  106. package/out/ui/packages/button/types/ButtonVariant.luau +2 -0
  107. package/out/ui/packages/button/types/init.luau +2 -0
  108. package/out/ui/packages/divider/components/Divider.d.ts +2 -6
  109. package/out/ui/packages/divider/components/{Divider.lua → Divider.luau} +7 -7
  110. package/out/ui/packages/divider/components/Divider.styles.d.ts +1 -1
  111. package/out/ui/packages/divider/components/{Divider.styles.lua → Divider.styles.luau} +1 -1
  112. package/out/ui/packages/divider/{init.lua → init.luau} +1 -1
  113. package/out/ui/packages/icon/components/Icon.d.ts +2 -5
  114. package/out/ui/packages/icon/components/{Icon.lua → Icon.luau} +6 -6
  115. package/out/ui/packages/icon/components/Icon.styles.d.ts +1 -1
  116. package/out/ui/packages/icon/components/{Icon.styles.lua → Icon.styles.luau} +1 -1
  117. package/out/ui/packages/icon/{init.lua → init.luau} +1 -1
  118. package/out/ui/packages/iconButton/components/IconButton.d.ts +2 -5
  119. package/out/ui/packages/iconButton/components/{IconButton.lua → IconButton.luau} +19 -17
  120. package/out/ui/packages/iconButton/components/IconButton.styles.d.ts +1 -1
  121. package/out/ui/packages/iconButton/components/{IconButton.styles.lua → IconButton.styles.luau} +1 -1
  122. package/out/ui/packages/iconButton/{init.lua → init.luau} +1 -1
  123. package/out/ui/packages/index.d.ts +11 -11
  124. package/out/ui/packages/{init.lua → init.luau} +1 -1
  125. package/out/ui/packages/input/components/Input.d.ts +2 -6
  126. package/out/ui/packages/input/components/{Input.lua → Input.luau} +42 -57
  127. package/out/ui/packages/input/components/Input.styles.d.ts +1 -1
  128. package/out/ui/packages/input/components/{Input.styles.lua → Input.styles.luau} +1 -1
  129. package/out/ui/packages/input/index.d.ts +3 -3
  130. package/out/ui/packages/input/{init.lua → init.luau} +1 -1
  131. package/out/ui/packages/input/types/InputColor.luau +2 -0
  132. package/out/ui/packages/input/types/InputMargin.luau +2 -0
  133. package/out/ui/packages/input/types/InputVariant.luau +2 -0
  134. package/out/ui/packages/input/types/init.luau +2 -0
  135. package/out/ui/packages/progressBar/components/ProgressBar.d.ts +1 -3
  136. package/out/ui/packages/progressBar/components/ProgressBar.luau +66 -0
  137. package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts +1 -1
  138. package/out/ui/packages/progressBar/components/{ProgressBar.styles.lua → ProgressBar.styles.luau} +1 -1
  139. package/out/ui/packages/progressBar/{init.lua → init.luau} +1 -1
  140. package/out/ui/packages/shadow/components/Shadow.d.ts +0 -1
  141. package/out/ui/packages/shadow/components/{Shadow.lua → Shadow.luau} +16 -21
  142. package/out/ui/packages/shadow/components/Shadow.styles.d.ts +1 -1
  143. package/out/ui/packages/shadow/components/{Shadow.styles.lua → Shadow.styles.luau} +1 -1
  144. package/out/ui/packages/shadow/{init.lua → init.luau} +1 -1
  145. package/out/ui/packages/sidebar/components/Sidebar.d.ts +1 -3
  146. package/out/ui/packages/sidebar/components/Sidebar.luau +34 -0
  147. package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts +1 -1
  148. package/out/ui/packages/sidebar/components/{Sidebar.styles.lua → Sidebar.styles.luau} +1 -1
  149. package/out/ui/packages/sidebar/index.d.ts +1 -1
  150. package/out/ui/packages/sidebar/{init.lua → init.luau} +1 -1
  151. package/out/ui/packages/sidebar/types/SidebarType.luau +2 -0
  152. package/out/ui/packages/sidebar/types/init.luau +2 -0
  153. package/out/ui/packages/toast/components/Toast.d.ts +0 -1
  154. package/out/ui/packages/toast/components/{Toast.lua → Toast.luau} +24 -22
  155. package/out/ui/packages/toast/components/Toast.styles.d.ts +1 -1
  156. package/out/ui/packages/toast/components/{Toast.styles.lua → Toast.styles.luau} +1 -1
  157. package/out/ui/packages/toast/enums/ToastVariants.luau +11 -0
  158. package/out/ui/packages/toast/{init.lua → init.luau} +1 -1
  159. package/out/ui/packages/toast/interfaces/ToastEvent.luau +2 -0
  160. package/out/ui/packages/treeView/components/TreeView.d.ts +2 -4
  161. package/out/ui/packages/treeView/components/{TreeView.lua → TreeView.luau} +120 -137
  162. package/out/ui/packages/treeView/components/TreeView.styles.d.ts +1 -1
  163. package/out/ui/packages/treeView/components/{TreeView.styles.lua → TreeView.styles.luau} +1 -1
  164. package/out/ui/packages/treeView/{init.lua → init.luau} +1 -1
  165. package/out/ui/packages/treeView/interfaces/Branch.luau +2 -0
  166. package/out/ui/packages/treeView/interfaces/Leaf.luau +2 -0
  167. package/out/ui/packages/treeView/interfaces/Tree.luau +2 -0
  168. package/out/ui/packages/typography/components/Typography.d.ts +2 -4
  169. package/out/ui/packages/typography/components/{Typography.lua → Typography.luau} +8 -19
  170. package/out/ui/packages/typography/components/Typography.styles.d.ts +1 -1
  171. package/out/ui/packages/typography/components/{Typography.styles.lua → Typography.styles.luau} +1 -1
  172. package/out/ui/packages/typography/index.d.ts +3 -3
  173. package/out/ui/packages/typography/{init.lua → init.luau} +1 -1
  174. package/out/ui/packages/typography/types/TypographyAlignment.luau +2 -0
  175. package/out/ui/packages/typography/types/TypographyColor.luau +2 -0
  176. package/out/ui/packages/typography/types/TypographyDisplay.luau +2 -0
  177. package/out/ui/packages/typography/types/init.luau +2 -0
  178. package/package.json +16 -19
  179. package/out/theme/interfaces/iconSizes/IconSizes.lua +0 -2
  180. package/out/theme/interfaces/iconSizes/init.lua +0 -2
  181. package/out/theme/interfaces/palette/Palette.lua +0 -2
  182. package/out/theme/interfaces/palette/colorTokens/ColorTokens.lua +0 -2
  183. package/out/theme/interfaces/palette/colorTokens/init.lua +0 -2
  184. package/out/theme/interfaces/palette/colors/Colors.lua +0 -2
  185. package/out/theme/interfaces/spacing/Borders.lua +0 -2
  186. package/out/theme/interfaces/spacing/Padding.lua +0 -2
  187. package/out/theme/interfaces/spacing/Shape.lua +0 -2
  188. package/out/theme/interfaces/spacing/Spacing.lua +0 -2
  189. package/out/theme/interfaces/spacing/init.lua +0 -2
  190. package/out/theme/interfaces/theme/Theme.lua +0 -2
  191. package/out/theme/interfaces/theme/ThemeConstants.lua +0 -2
  192. package/out/theme/interfaces/theme/ThemeOptions.lua +0 -2
  193. package/out/theme/interfaces/theme/init.lua +0 -2
  194. package/out/theme/interfaces/tokens/Tokens.lua +0 -2
  195. package/out/theme/interfaces/tokens/init.lua +0 -2
  196. package/out/theme/interfaces/typography/FontFamilyOptions.lua +0 -2
  197. package/out/theme/interfaces/typography/FontSizeOptions.lua +0 -2
  198. package/out/theme/interfaces/typography/ThemeTypography.lua +0 -2
  199. package/out/theme/styles/types/WriteableStyle.lua +0 -2
  200. package/out/theme/styles/types/init.lua +0 -2
  201. package/out/theme/styles/types/styles.lua +0 -2
  202. package/out/theme/styles/utilities/classNames.lua +0 -31
  203. package/out/theme/types/init.lua +0 -2
  204. package/out/ui/enums/Directions.lua +0 -23
  205. package/out/ui/enums/Icons.lua +0 -87
  206. package/out/ui/enums/Orientations.lua +0 -15
  207. package/out/ui/packages/button/types/ButtonColor.lua +0 -2
  208. package/out/ui/packages/button/types/ButtonSize.lua +0 -2
  209. package/out/ui/packages/button/types/ButtonVariant.lua +0 -2
  210. package/out/ui/packages/button/types/init.lua +0 -2
  211. package/out/ui/packages/input/types/InputColor.lua +0 -2
  212. package/out/ui/packages/input/types/InputMargin.lua +0 -2
  213. package/out/ui/packages/input/types/InputVariant.lua +0 -2
  214. package/out/ui/packages/input/types/init.lua +0 -2
  215. package/out/ui/packages/progressBar/components/ProgressBar.lua +0 -76
  216. package/out/ui/packages/sidebar/components/Sidebar.lua +0 -46
  217. package/out/ui/packages/sidebar/types/SidebarType.lua +0 -2
  218. package/out/ui/packages/sidebar/types/init.lua +0 -2
  219. package/out/ui/packages/toast/enums/ToastVariants.lua +0 -20
  220. package/out/ui/packages/toast/interfaces/ToastEvent.lua +0 -2
  221. package/out/ui/packages/treeView/interfaces/Branch.lua +0 -2
  222. package/out/ui/packages/treeView/interfaces/Leaf.lua +0 -2
  223. package/out/ui/packages/treeView/interfaces/Tree.lua +0 -2
  224. package/out/ui/packages/typography/types/TypographyAlignment.lua +0 -2
  225. package/out/ui/packages/typography/types/TypographyColor.lua +0 -2
  226. package/out/ui/packages/typography/types/TypographyDisplay.lua +0 -2
  227. package/out/ui/packages/typography/types/init.lua +0 -2
@@ -1,8 +1,7 @@
1
- /// <reference types="@rbxts/compiler-types" />
2
1
  import { WriteableStyle } from "../types/WriteableStyle";
3
2
  export type GenericStyle = {
4
3
  [property: string]: boolean;
5
4
  };
6
- export type ConditionalStyles = Map<WriteableStyle<any>, boolean>;
7
- declare const classNames: (styles: ConditionalStyles) => GenericStyle;
5
+ export type ConditionalStyles<T extends Instance> = Map<WriteableStyle<T>, boolean>;
6
+ declare const classNames: <T extends Instance>(conditionalStyles?: ConditionalStyles<T>, ...styles: Array<WriteableStyle<T>>) => WriteableStyle<T>;
8
7
  export default classNames;
@@ -0,0 +1,33 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ -- eslint-disable-next-line @typescript-eslint/no-explicit-any
3
+ local classNames = function(conditionalStyles, ...)
4
+ local styles = { ... }
5
+ -- eslint-disable-next-line @typescript-eslint/no-explicit-any
6
+ local style = {}
7
+ local _result = conditionalStyles
8
+ if _result ~= nil then
9
+ -- ▼ ReadonlyMap.forEach ▼
10
+ local _callback = function(value, key)
11
+ if value then
12
+ local _object = table.clone(style)
13
+ setmetatable(_object, nil)
14
+ for _k, _v in key do
15
+ _object[_k] = _v
16
+ end
17
+ style = _object
18
+ end
19
+ end
20
+ for _k, _v in _result do
21
+ _callback(_v, _k, _result)
22
+ end
23
+ -- ▲ ReadonlyMap.forEach ▲
24
+ end
25
+ local _object = table.clone(style)
26
+ setmetatable(_object, nil)
27
+ _object.styles = styles
28
+ return _object
29
+ end
30
+ local default = classNames
31
+ return {
32
+ default = default,
33
+ }
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local createStyles = function(styles)
3
3
  return styles
4
4
  end
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.createStyles = TS.import(script, script, "createStyles").default
@@ -1,4 +1,4 @@
1
- import { Theme } from "../../interfaces/theme";
1
+ import { Theme } from "../../interfaces/theme/index";
2
2
  import { ClassNameMap } from "../types/styles";
3
3
  type TMakeStyles<ClassKey extends string = string> = (theme: Theme) => ClassNameMap<ClassKey>;
4
4
  type TMakeStylesWithProps<Props, ClassKey extends string = string> = (theme: Theme, props: Props) => ClassNameMap<ClassKey>;
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local DefaultTheme = TS.import(script, script.Parent.Parent.Parent, "themes").default
4
4
  local themeStore = TS.import(script, script.Parent.Parent.Parent, "components", "ThemeStore").themeStore
@@ -1,3 +1,3 @@
1
- import { Theme } from "../interfaces/theme";
1
+ import { Theme } from "../interfaces/theme/index";
2
2
  declare const DarkTheme: Theme;
3
3
  export default DarkTheme;
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local allFontSizes = TS.import(script, script.Parent.Parent, "interfaces", "typography", "FontSizes").allFontSizes
4
4
  local _colors = TS.import(script, script.Parent.Parent, "interfaces", "palette", "colors")
@@ -1,3 +1,3 @@
1
- import { Theme } from "../interfaces/theme";
1
+ import { Theme } from "../interfaces/theme/index";
2
2
  declare const LightTheme: Theme;
3
3
  export default LightTheme;
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local allFontSizes = TS.import(script, script.Parent.Parent, "interfaces", "typography", "FontSizes").allFontSizes
4
4
  local _colors = TS.import(script, script.Parent.Parent, "interfaces", "palette", "colors")
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.default = TS.import(script, script, "DarkTheme").default
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,16 +1,13 @@
1
- /// <reference types="@rbxts/types" />
2
- /// <reference types="roact" />
3
- /// <reference types="@rbxts/compiler-types" />
4
1
  import Roact, { Element, PropsWithChildren } from "@rbxts/roact";
5
- import { WriteableStyle } from "../interfaces";
2
+ import { WriteableStyle } from "../interfaces/index";
6
3
  export interface CommonProps<T extends Instance> extends PropsWithChildren {
7
4
  className?: WriteableStyle<T>;
5
+ component?: T;
6
+ children?: Roact.Children;
8
7
  }
9
8
  export type BaseDefaultProps<T extends Instance, P> = CommonProps<T> & P;
10
- export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P> & PropsWithChildren<{
11
- component?: T;
12
- }>;
9
+ export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P>;
13
10
  export type DefaultProps<T extends Instance, P = {}> = BaseDefaultProps<T, P>;
14
11
  export type CustomizedProps<T extends Instance, P = {}> = BaseCustomizedProps<T, P>;
15
12
  export type CustomizedRef<T extends Instance> = T extends Instance ? any : T extends keyof Roact.JsxInstance<T> ? WritableInstanceProperties<T> : never;
16
- export type CustomizedForwardRefComponent<D extends Instance, P = {}> = <T extends Instance = D>(props: PropsWithChildren<CustomizedProps<T, P>> & WritableInstanceProperties<CustomizedRef<T>>) => Element | undefined;
13
+ export type CustomizedForwardRefComponent<D extends Instance, P = {}> = <T extends Instance = D>(props: CustomizedProps<T, P> & WritableInstanceProperties<CustomizedRef<T>>) => Element | undefined;
@@ -1,3 +1,3 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  -- eslint-disable @typescript-eslint/no-explicit-any
3
3
  return nil
@@ -1,8 +1,8 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local Color3FromHex = function(hex)
3
3
  local hextStr, _ = string.gsub(hex, "#", "")
4
4
  local bigint = tonumber(hextStr, 16)
5
- assert(bigint ~= 0 and (bigint == bigint and bigint), "Color3FromHex: Invalid hex value")
5
+ assert(bigint ~= 0 and bigint == bigint and bigint, "Color3FromHex: Invalid hex value")
6
6
  local r = bit32.band((bit32.arshift(bigint, 16)), 255)
7
7
  local g = bit32.band((bit32.arshift(bigint, 8)), 255)
8
8
  local b = bit32.band(bigint, 255)
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Color3FromHex = TS.import(script, script, "Color3FromHex").default
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local PRELOADER_LOGO_IMAGE = "rbxassetid://8972054582"
3
3
  local PAGE_NOT_FOUND_IMAGE = "rbxassetid://9058373693"
4
4
  return {
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local DefaultTheme = TS.import(script, script.Parent.Parent.Parent, "theme").DefaultTheme
4
4
  local ROBLOX_UI_OFFSET = DefaultTheme.spacing.calc(2) + DefaultTheme.padding.calc(4)
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  for _k, _v in TS.import(script, script, "ImageConstants") or {} do
@@ -0,0 +1,12 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local Directions = {
3
+ In = "In",
4
+ Out = "Out",
5
+ Left = "Left",
6
+ Right = "Right",
7
+ Up = "Up",
8
+ Down = "Down",
9
+ }
10
+ return {
11
+ Directions = Directions,
12
+ }
@@ -0,0 +1,44 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local Icons = {
3
+ Delete = "rbxassetid://8583122940",
4
+ Move = "rbxassetid://8583137072",
5
+ OpenBox = "rbxassetid://8583122847",
6
+ Rotate2D = "rbxassetid://8583123169",
7
+ Rotate3D = "rbxassetid://8583123075",
8
+ Swipe = "rbxassetid://8583122640",
9
+ House = "rbxassetid://8771814151",
10
+ Furniture = "rbxassetid://8771814395",
11
+ Room = "rbxassetid://8771813821",
12
+ Arcade = "rbxassetid://8771986472",
13
+ Controller = "rbxassetid://8771986353",
14
+ Joystick = "rbxassetid://8771986232",
15
+ Save = "rbxassetid://8772040340",
16
+ EditEnabled = "rbxassetid://8772040549",
17
+ EditDisabled = "rbxassetid://8772040755",
18
+ Settings = "rbxassetid://8793943638",
19
+ VerticalDots = "rbxassetid://8793943269",
20
+ HorizontalDots = "rbxassetid://8793943828",
21
+ Store = "rbxassetid://8794697193",
22
+ Dresser = "rbxassetid://8794697532",
23
+ Hangar = "rbxassetid://8794697340",
24
+ Friends = "rbxassetid://8794697424",
25
+ Charity = "rbxassetid://8794697659",
26
+ Backpack = "rbxassetid://8794716095",
27
+ HelpBubble = "rbxassetid://8794738823",
28
+ HelpDesk = "rbxassetid://8835822182",
29
+ NewspaperVariant1 = "rbxassetid://9056545367",
30
+ NewspaperVariant2 = "rbxassetid://9056545251",
31
+ NewspaperVariant3 = "rbxassetid://9056545032",
32
+ Close = "rbxassetid://9070598165",
33
+ CloseCircle = "rbxassetid://9070597768",
34
+ Collapsed = "rbxassetid://9306279342",
35
+ Expanded = "rbxassetid://9306279848",
36
+ Book = "rbxassetid://9311703342",
37
+ BookStack = "rbxassetid://9311703545",
38
+ ListPrimary = "rbxassetid://9306610505",
39
+ LightTheme = "rbxassetid://9377269022",
40
+ DarkTheme = "rbxassetid://9377269322",
41
+ }
42
+ return {
43
+ Icons = Icons,
44
+ }
@@ -0,0 +1,8 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ local Orientations = {
3
+ Vertical = "Vertical",
4
+ Horizontal = "Horizontal",
5
+ }
6
+ return {
7
+ Orientations = Orientations,
8
+ }
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Directions = TS.import(script, script, "Directions").Directions
package/out/ui/index.d.ts CHANGED
@@ -1,34 +1,34 @@
1
- export * from "./constants";
2
- export * from "./enums";
3
- export { Divider } from "./packages";
4
- export { DividerProps } from "./packages";
5
- export { Icon } from "./packages";
6
- export { IconProps } from "./packages";
7
- export { IconButton } from "./packages";
8
- export { IconButtonProps } from "./packages";
9
- export { Input } from "./packages";
10
- export { InputProps } from "./packages";
11
- export { InputColor } from "./packages";
12
- export { InputMargin } from "./packages";
13
- export { InputVariant } from "./packages";
14
- export { ProgressBar } from "./packages";
15
- export { ProgressBarProps } from "./packages";
16
- export { Shadow } from "./packages";
17
- export { Sidebar } from "./packages";
18
- export { SidebarProps } from "./packages";
19
- export { SidebarType } from "./packages";
20
- export { Toast } from "./packages";
21
- export { ToastProps } from "./packages";
22
- export { TreeView } from "./packages";
23
- export { TreeViewProps } from "./packages";
24
- export { Branch } from "./packages";
25
- export { Leaf } from "./packages";
26
- export { Tree } from "./packages";
27
- export { Typography } from "./packages";
28
- export { TypographyProps } from "./packages";
29
- export { TypographyAlignment } from "./packages";
30
- export { TypographyColor } from "./packages";
31
- export { TypographyDisplay } from "./packages";
32
- export { Button } from "./packages";
33
- export { ButtonProps } from "./packages";
34
- export * from "./packages";
1
+ export * from "./constants/index";
2
+ export * from "./enums/index";
3
+ export { Divider } from "./packages/index";
4
+ export { DividerProps } from "./packages/index";
5
+ export { Icon } from "./packages/index";
6
+ export { IconProps } from "./packages/index";
7
+ export { IconButton } from "./packages/index";
8
+ export { IconButtonProps } from "./packages/index";
9
+ export { Input } from "./packages/index";
10
+ export { InputProps } from "./packages/index";
11
+ export { InputColor } from "./packages/index";
12
+ export { InputMargin } from "./packages/index";
13
+ export { InputVariant } from "./packages/index";
14
+ export { ProgressBar } from "./packages/index";
15
+ export { ProgressBarProps } from "./packages/index";
16
+ export { Shadow } from "./packages/index";
17
+ export { Sidebar } from "./packages/index";
18
+ export { SidebarProps } from "./packages/index";
19
+ export { SidebarType } from "./packages/index";
20
+ export { Toast } from "./packages/index";
21
+ export { ToastProps } from "./packages/index";
22
+ export { TreeView } from "./packages/index";
23
+ export { TreeViewProps } from "./packages/index";
24
+ export { Branch } from "./packages/index";
25
+ export { Leaf } from "./packages/index";
26
+ export { Tree } from "./packages/index";
27
+ export { Typography } from "./packages/index";
28
+ export { TypographyProps } from "./packages/index";
29
+ export { TypographyAlignment } from "./packages/index";
30
+ export { TypographyColor } from "./packages/index";
31
+ export { TypographyDisplay } from "./packages/index";
32
+ export { Button } from "./packages/index";
33
+ export { ButtonProps } from "./packages/index";
34
+ export * from "./packages/index";
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  for _k, _v in TS.import(script, script, "constants") or {} do
@@ -1,8 +1,6 @@
1
- /// <reference types="@rbxts/types" />
2
- /// <reference types="roact" />
3
1
  import Roact from "@rbxts/roact";
4
- import { CustomizedProps } from "../../../../theme";
5
- import { ButtonSize, ButtonColor, ButtonVariant } from "../types";
2
+ import { CustomizedProps } from "../../../../theme/index";
3
+ import { ButtonSize, ButtonColor, ButtonVariant } from "../types/index";
6
4
  export type DefaultButtonComponent = TextButton;
7
5
  export interface ButtonProps {
8
6
  text?: string;
@@ -23,6 +21,6 @@ export interface ButtonProps {
23
21
  mouseEnter?: () => void;
24
22
  mouseLeave?: () => void;
25
23
  }
26
- declare function Button(props: Roact.PropsWithChildren<CustomizedProps<DefaultButtonComponent, ButtonProps>>): Roact.Element;
24
+ declare function Button(props: CustomizedProps<DefaultButtonComponent, ButtonProps>): Roact.Element;
27
25
  declare const _default: typeof Button;
28
26
  export default _default;
@@ -1,6 +1,6 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
- local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
3
+ local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
4
4
  local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
5
5
  local markPureComponent = _roact_hooked.markPureComponent
6
6
  local useState = _roact_hooked.useState
@@ -40,14 +40,16 @@ local function Button(props)
40
40
  local mouseEnter = _binding.mouseEnter
41
41
  local mouseLeave = _binding.mouseLeave
42
42
  local className = _binding.className
43
- local children = _binding[Roact.Children]
43
+ local children = _binding.children
44
44
  local _binding_1 = useButtonStyles(props)
45
45
  local root = _binding_1.root
46
46
  local font = _binding_1.font
47
47
  local corner = _binding_1.corner
48
48
  local stroke = _binding_1.stroke
49
49
  local hovering, setHovering = useState(false)
50
- local _attributes = {}
50
+ local _attributes = {
51
+ Key = "Button",
52
+ }
51
53
  for _k, _v in root do
52
54
  _attributes[_k] = _v
53
55
  end
@@ -57,7 +59,7 @@ local function Button(props)
57
59
  _attributes.Active = not disabled and not loading
58
60
  _attributes.Text = text
59
61
  local _result
60
- if (not hoveringDisabled and hovering) or (disabled or loading) then
62
+ if (not hoveringDisabled and hovering) or disabled or loading then
61
63
  _result = 0.75
62
64
  else
63
65
  local _result_1 = className
@@ -71,60 +73,62 @@ local function Button(props)
71
73
  _result = _condition
72
74
  end
73
75
  _attributes.BackgroundTransparency = _result
74
- _attributes[Roact.Event.MouseEnter] = function()
75
- setHovering(true)
76
- if mouseEnter then
77
- mouseEnter()
78
- end
79
- end
80
- _attributes[Roact.Event.MouseLeave] = function()
81
- setHovering(false)
82
- if mouseLeave then
83
- mouseLeave()
84
- end
85
- end
86
- _attributes[Roact.Event.MouseButton1Click] = function()
87
- if not disabled and not loading then
88
- if onLeftClick then
89
- onLeftClick()
76
+ _attributes.Event = {
77
+ MouseEnter = function()
78
+ setHovering(true)
79
+ if mouseEnter then
80
+ mouseEnter()
90
81
  end
91
- end
92
- end
93
- _attributes[Roact.Event.MouseButton1Down] = function()
94
- if not disabled and not loading then
95
- if onLeftDown then
96
- onLeftDown()
82
+ end,
83
+ MouseLeave = function()
84
+ setHovering(false)
85
+ if mouseLeave then
86
+ mouseLeave()
97
87
  end
98
- end
99
- end
100
- _attributes[Roact.Event.MouseButton1Up] = function()
101
- if not disabled and not loading then
102
- if onLeftUp then
103
- onLeftUp()
88
+ end,
89
+ MouseButton1Click = function()
90
+ if not disabled and not loading then
91
+ if onLeftClick then
92
+ onLeftClick()
93
+ end
104
94
  end
105
- end
106
- end
107
- _attributes[Roact.Event.MouseButton2Click] = function()
108
- if not disabled and not loading then
109
- if onRightClick then
110
- onRightClick()
95
+ end,
96
+ MouseButton1Down = function()
97
+ if not disabled and not loading then
98
+ if onLeftDown then
99
+ onLeftDown()
100
+ end
111
101
  end
112
- end
113
- end
114
- _attributes[Roact.Event.MouseButton2Down] = function()
115
- if not disabled and not loading then
116
- if onRightDown then
117
- onRightDown()
102
+ end,
103
+ MouseButton1Up = function()
104
+ if not disabled and not loading then
105
+ if onLeftUp then
106
+ onLeftUp()
107
+ end
118
108
  end
119
- end
120
- end
121
- _attributes[Roact.Event.MouseButton2Up] = function()
122
- if not disabled and not loading then
123
- if onRightUp then
124
- onRightUp()
109
+ end,
110
+ MouseButton2Click = function()
111
+ if not disabled and not loading then
112
+ if onRightClick then
113
+ onRightClick()
114
+ end
125
115
  end
126
- end
127
- end
116
+ end,
117
+ MouseButton2Down = function()
118
+ if not disabled and not loading then
119
+ if onRightDown then
120
+ onRightDown()
121
+ end
122
+ end
123
+ end,
124
+ MouseButton2Up = function()
125
+ if not disabled and not loading then
126
+ if onRightUp then
127
+ onRightUp()
128
+ end
129
+ end
130
+ end,
131
+ }
128
132
  if className then
129
133
  for _k, _v in className do
130
134
  _attributes[_k] = _v
@@ -132,42 +136,17 @@ local function Button(props)
132
136
  end
133
137
  local _condition = variant == "outlined"
134
138
  if _condition then
135
- local _attributes_1 = {}
136
- for _k, _v in stroke do
137
- _attributes_1[_k] = _v
138
- end
139
- _condition = Roact.createElement("UIStroke", _attributes_1)
140
- end
141
- local _children = {}
142
- local _length = #_children
143
- if _condition then
144
- _children[_length + 1] = _condition
139
+ local _attributes_1 = table.clone(stroke)
140
+ setmetatable(_attributes_1, nil)
141
+ _condition = Roact.jsx("uistroke", _attributes_1)
145
142
  end
146
- _length = #_children
147
143
  local _condition_1 = rounded
148
144
  if _condition_1 then
149
- local _attributes_1 = {}
150
- for _k, _v in corner do
151
- _attributes_1[_k] = _v
152
- end
153
- _condition_1 = Roact.createElement("UICorner", _attributes_1)
154
- end
155
- if _condition_1 then
156
- _children[_length + 1] = _condition_1
157
- end
158
- _length = #_children
159
- if children then
160
- for _k, _v in children do
161
- if type(_k) == "number" then
162
- _children[_length + _k] = _v
163
- else
164
- _children[_k] = _v
165
- end
166
- end
145
+ local _attributes_1 = table.clone(corner)
146
+ setmetatable(_attributes_1, nil)
147
+ _condition_1 = Roact.jsx("uicorner", _attributes_1)
167
148
  end
168
- return Roact.createFragment({
169
- Button = Roact.createElement("TextButton", _attributes, _children),
170
- })
149
+ return Roact.jsx("textbutton", _attributes, _condition, _condition_1, children)
171
150
  end
172
151
  local default = markPureComponent(Button)
173
152
  return {
@@ -1,3 +1,3 @@
1
1
  import { ButtonProps } from "./Button";
2
- declare const useButtonStyles: (props: ButtonProps) => import("../../../../theme").ClassNameMap<string>;
2
+ declare const useButtonStyles: (props: ButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
3
3
  export default useButtonStyles;
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
4
4
  local createStyles = _theme.createStyles
@@ -1,6 +1,6 @@
1
1
  export { default as Button } from "./components/Button";
2
2
  export { ButtonProps } from "./components/Button";
3
3
  export * from "./components/Button";
4
- export { ButtonColor } from "./types";
5
- export { ButtonSize } from "./types";
6
- export { ButtonVariant } from "./types";
4
+ export { ButtonColor } from "./types/index";
5
+ export { ButtonSize } from "./types/index";
6
+ export { ButtonVariant } from "./types/index";
@@ -1,4 +1,4 @@
1
- -- Compiled with roblox-ts v2.2.0
1
+ -- Compiled with roblox-ts v3.0.0
2
2
  local TS = _G[script]
3
3
  local exports = {}
4
4
  exports.Button = TS.import(script, script, "components", "Button").default
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -0,0 +1,2 @@
1
+ -- Compiled with roblox-ts v3.0.0
2
+ return nil
@@ -1,10 +1,6 @@
1
- /// <reference types="@rbxts/types" />
2
- /// <reference types="@rbxts/types" />
3
- /// <reference types="@rbxts/types" />
4
- /// <reference types="roact" />
5
1
  import Roact from "@rbxts/roact";
6
- import { CustomizedProps } from "../../../../theme";
7
- import { Orientations } from "../../../enums";
2
+ import { CustomizedProps } from "../../../../theme/index";
3
+ import { Orientations } from "../../../enums/index";
8
4
  type DefaultDividerComponent = Frame;
9
5
  export interface DividerProps {
10
6
  position?: UDim2;