@rbxts/uiblox 0.1.43 → 0.1.45

package/out/theme/constants/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./NumberConstants";
 export * from "./StateConstants";
-export * from "./ThemeConstants";
+export * from "./ColorConstants";

package/out/theme/constants/init.luau

@@ -7,7 +7,7 @@ end
 for _k, _v in TS.import(script, script, "StateConstants") or {} do
 	exports[_k] = _v
 end
-for _k, _v in TS.import(script, script, "ThemeConstants") or {} do
+for _k, _v in TS.import(script, script, "ColorConstants") or {} do
 	exports[_k] = _v
 end
 return exports

package/out/theme/context/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ThemeContext } from "./provider";
+export { default as ThemeProvider } from "./provider";
 export * from "./provider";
 export { default as themeReducer } from "./reducer";

package/out/theme/context/init.luau

@@ -1,7 +1,7 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
-exports.ThemeContext = TS.import(script, script, "provider").default
+exports.ThemeProvider = TS.import(script, script, "provider").default
 for _k, _v in TS.import(script, script, "provider") or {} do
 	exports[_k] = _v
 end

package/out/theme/context/provider.d.ts

@@ -9,4 +9,4 @@ export interface ThemeProviderProps {
     theme?: Theme;
 }
 export declare function ThemeProvider(props: PropsWithChildren<ThemeProviderProps>): JSX.Element;
-export default ThemeContext;
+export default ThemeProvider;

package/out/theme/context/provider.luau

@@ -30,7 +30,7 @@ local function ThemeProvider(props)
 		},
 	}, props.children)
 end
-local default = ThemeContext
+local default = ThemeProvider
 return {
 	ThemeProvider = ThemeProvider,
 	ThemeContext = ThemeContext,

package/out/theme/hooks/useTheme.d.ts

@@ -1,4 +1,4 @@
-declare function useTheme(): {
+declare const useTheme: () => {
     state: import("../index").ThemeState;
     dispatch: import("../index").ThemeDispatch | undefined;
 };

package/out/theme/hooks/useTheme.luau

@@ -1,13 +1,14 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
-local useContext = TS.import(script, TS.getModule(script, "@rbxts", "react")).useContext
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local useContext = _react.useContext
+local useMemo = _react.useMemo
 local ThemeContext = TS.import(script, script.Parent.Parent, "context").ThemeContext
-local function useTheme()
+local useTheme = function()
 	local context = useContext(ThemeContext)
-	if not context then
-		error(error("Missing ThemeProvider"))
-	end
-	return context
+	return useMemo(function()
+		return context
+	end, { context })
 end
 local default = useTheme
 return {

package/out/theme/themes/DarkTheme.luau

@@ -14,14 +14,15 @@ local Purple = _colors.Purple
 local Magenta = _colors.Magenta
 local Orange = _colors.Orange
 local Turquoise = _colors.Turquoise
-local _constants = TS.import(script, script.Parent.Parent, "constants")
-local BORDER_RADIUS = _constants.BORDER_RADIUS
-local DARK_THEME_COLORS = _constants.DARK_THEME_COLORS
-local PADDING_BASE = _constants.PADDING_BASE
-local SPACING_BASE = _constants.SPACING_BASE
-local CONTENT_WIDTH = _constants.CONTENT_WIDTH
-local ICON_SIZES = _constants.ICON_SIZES
-local DEFAULT_BORDERS = _constants.DEFAULT_BORDERS
+local _NumberConstants = TS.import(script, script.Parent.Parent, "constants", "NumberConstants")
+local BORDER_RADIUS = _NumberConstants.BORDER_RADIUS
+local CONTENT_WIDTH = _NumberConstants.CONTENT_WIDTH
+local ICON_SIZES = _NumberConstants.ICON_SIZES
+local PADDING_BASE = _NumberConstants.PADDING_BASE
+local SPACING_BASE = _NumberConstants.SPACING_BASE
+local _ColorConstants = TS.import(script, script.Parent.Parent, "constants", "ColorConstants")
+local DARK_THEME_COLORS = _ColorConstants.DARK_THEME_COLORS
+local DEFAULT_BORDERS = _ColorConstants.DEFAULT_BORDERS
 local allFontFamilies = TS.import(script, script.Parent.Parent, "interfaces", "typography", "FontFamilies").allFontFamilies
 local DarkTheme = {
 	type = "Dark",

package/out/theme/themes/LightTheme.luau

@@ -14,14 +14,15 @@ local Purple = _colors.Purple
 local Magenta = _colors.Magenta
 local Orange = _colors.Orange
 local Turquoise = _colors.Turquoise
-local _constants = TS.import(script, script.Parent.Parent, "constants")
-local BORDER_RADIUS = _constants.BORDER_RADIUS
-local PADDING_BASE = _constants.PADDING_BASE
-local SPACING_BASE = _constants.SPACING_BASE
-local CONTENT_WIDTH = _constants.CONTENT_WIDTH
-local ICON_SIZES = _constants.ICON_SIZES
-local DEFAULT_BORDERS = _constants.DEFAULT_BORDERS
-local LIGHT_THEME_COLORS = _constants.LIGHT_THEME_COLORS
+local _NumberConstants = TS.import(script, script.Parent.Parent, "constants", "NumberConstants")
+local BORDER_RADIUS = _NumberConstants.BORDER_RADIUS
+local CONTENT_WIDTH = _NumberConstants.CONTENT_WIDTH
+local ICON_SIZES = _NumberConstants.ICON_SIZES
+local PADDING_BASE = _NumberConstants.PADDING_BASE
+local SPACING_BASE = _NumberConstants.SPACING_BASE
+local _ColorConstants = TS.import(script, script.Parent.Parent, "constants", "ColorConstants")
+local LIGHT_THEME_COLORS = _ColorConstants.LIGHT_THEME_COLORS
+local DEFAULT_BORDERS = _ColorConstants.DEFAULT_BORDERS
 local allFontFamilies = TS.import(script, script.Parent.Parent, "interfaces", "typography", "FontFamilies").allFontFamilies
 local LightTheme = {
 	type = "Light",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.1.43",
+	"version": "0.1.45",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.lua",
 	"scripts": {