@rbxts/uiblox 0.1.7 → 0.1.9

package/out/ui/packages/sidebar/components/Sidebar.luau

@@ -0,0 +1,34 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
+local useSidebarStyles = TS.import(script, script.Parent, "Sidebar.styles").default
+local function Sidebar(props)
+	local _binding = props
+	local className = _binding.className
+	local children = _binding.children
+	local _binding_1 = useSidebarStyles(props)
+	local root = _binding_1.root
+	local container = _binding_1.container
+	local _attributes = {
+		Key = "Sidebar",
+	}
+	for _k, _v in root do
+		_attributes[_k] = _v
+	end
+	if className ~= 0 and className == className and className ~= "" and className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	local _attributes_1 = {
+		Key = "Container",
+	}
+	for _k, _v in container do
+		_attributes_1[_k] = _v
+	end
+	return Roact.jsx("frame", _attributes, Roact.jsx("frame", _attributes_1, children))
+end
+local default = Sidebar
+return {
+	default = default,
+}

package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts

@@ -1,3 +1,3 @@
 import { SidebarProps } from "./Sidebar";
-declare const useSidebarStyles: (props: SidebarProps) => import("../../../../theme").ClassNameMap<string>;
+declare const useSidebarStyles: (props: SidebarProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useSidebarStyles;

package/out/ui/packages/sidebar/components/{Sidebar.styles.lua → Sidebar.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

package/out/ui/packages/sidebar/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Sidebar } from "./components/Sidebar";
 export { SidebarProps } from "./components/Sidebar";
 export * from "./components/Sidebar";
-export { SidebarType } from "./types";
+export { SidebarType } from "./types/index";

package/out/ui/packages/sidebar/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Sidebar = TS.import(script, script, "components", "Sidebar").default

package/out/ui/packages/sidebar/types/SidebarType.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/sidebar/types/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/toast/components/Toast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
 import ToastVariants from "../enums/ToastVariants";
 export interface ToastProps {

package/out/ui/packages/toast/components/{Toast.lua → Toast.luau}

@@ -1,7 +1,7 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local BoatTween = TS.import(script, TS.getModule(script, "@rbxts", "boat-tween").src).BoatTween
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
 local markPureComponent = _roact_hooked.markPureComponent
 local useEffect = _roact_hooked.useEffect
@@ -55,38 +55,40 @@ local function Toast(props)
 		end
 	end, {})
 	local _attributes = {
-		[Roact.Ref] = frameRef,
+		Key = "Toast",
+		Ref = frameRef,
 	}
 	for _k, _v in container do
 		_attributes[_k] = _v
 	end
-	local _children = {
-		Corner = Roact.createElement("UICorner", {
-			CornerRadius = UDim.new(0, DefaultTheme.shape.borderRadius),
-		}),
-		Roact.createElement(Shadow),
+	local _exp = Roact.jsx("uicorner", {
+		Key = "Corner",
+		CornerRadius = UDim.new(0, DefaultTheme.shape.borderRadius),
+	})
+	local _exp_1 = Roact.jsx(Shadow)
+	local _attributes_1 = {
+		Key = "Label",
 	}
-	local _length = #_children
-	local _attributes_1 = {}
 	for _k, _v in label do
 		_attributes_1[_k] = _v
 	end
 	_attributes_1.Text = text
-	_children.Label = Roact.createElement("TextLabel", _attributes_1)
-	local _attributes_2 = {}
+	local _exp_2 = Roact.jsx("textlabel", _attributes_1)
+	local _attributes_2 = {
+		Key = "Close",
+	}
 	for _k, _v in close do
 		_attributes_2[_k] = _v
 	end
-	_attributes_2[Roact.Event.MouseButton1Click] = function()
-		tween(Directions.Out)
-		if onDismiss then
-			onDismiss()
-		end
-	end
-	_children.Close = Roact.createElement("ImageButton", _attributes_2)
-	return Roact.createFragment({
-		Toast = Roact.createElement("Frame", _attributes, _children),
-	})
+	_attributes_2.Event = {
+		MouseButton1Click = function()
+			tween(Directions.Out)
+			if onDismiss then
+				onDismiss()
+			end
+		end,
+	}
+	return Roact.jsx("frame", _attributes, _exp, _exp_1, _exp_2, Roact.jsx("imagebutton", _attributes_2))
 end
 local default = markPureComponent(Toast)
 return {

package/out/ui/packages/toast/components/Toast.styles.d.ts

@@ -1,3 +1,3 @@
 import { ToastProps } from "./Toast";
-declare const useToastStyles: (props: ToastProps) => import("../../../../theme").ClassNameMap<string>;
+declare const useToastStyles: (props: ToastProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useToastStyles;

package/out/ui/packages/toast/components/{Toast.styles.lua → Toast.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

package/out/ui/packages/toast/enums/ToastVariants.luau

@@ -0,0 +1,11 @@
+-- Compiled with roblox-ts v3.0.0
+local ToastVariants = {
+	default = "default",
+	success = "success",
+	error = "error",
+	warning = "warning",
+}
+local default = ToastVariants
+return {
+	default = default,
+}

package/out/ui/packages/toast/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Toast = TS.import(script, script, "components", "Toast").default

package/out/ui/packages/toast/interfaces/ToastEvent.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/treeView/components/TreeView.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { CustomizedProps } from "../../../../theme";
-import { Icons } from "../../../enums";
+import { CustomizedProps } from "../../../../theme/index";
+import { Icons } from "../../../enums/index";
 import Tree from "../interfaces/Tree";
 type DefaultTreeViewComponent = Frame;
 export interface TreeViewProps {

package/out/ui/packages/treeView/components/{TreeView.lua → TreeView.luau}

@@ -1,6 +1,6 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
 local markPureComponent = _roact_hooked.markPureComponent
 local useCallback = _roact_hooked.useCallback
@@ -37,14 +37,16 @@ local function TreeView(props)
 		end
 		local height = 0
 		local _exp = rbx:GetChildren()
-		local _arg0 = function(c)
+		-- ▼ ReadonlyArray.forEach ▼
+		local _callback = function(c)
 			if c:IsA("GuiObject") then
 				height += c.AbsoluteSize.Y
 			end
 		end
 		for _k, _v in _exp do
-			_arg0(_v, _k - 1, _exp)
+			_callback(_v, _k - 1, _exp)
 		end
+		-- ▲ ReadonlyArray.forEach ▲
 		TS.try(function()
 			setCanvasSize(UDim2.new(0, 0, 0, height))
 		end, function()
@@ -65,14 +67,16 @@ local function TreeView(props)
 			return true
 		end
 		local parts = string.split(title, "/")
-		local _arg0 = function(part)
+		-- ▼ ReadonlyArray.forEach ▼
+		local _callback = function(part)
 			if #part >= #filter and string.sub(string.upper(part), 1, #filter) == string.upper(filter) then
 				isMatch = true
 			end
 		end
 		for _k, _v in parts do
-			_arg0(_v, _k - 1, parts)
+			_callback(_v, _k - 1, parts)
 		end
+		-- ▲ ReadonlyArray.forEach ▲
 		return isMatch
 	end, { filter })
 	-- Automatically expand branches that match filter
@@ -91,8 +95,9 @@ local function TreeView(props)
 		end
 		local newExpanded = {}
 		-- Figure out which branches should be expanded
-		local _branches = tree.branches
-		local _arg0 = function(branch)
+		local _exp = tree.branches
+		-- ▼ ReadonlyArray.forEach ▼
+		local _callback = function(branch)
 			local matchesBranchFilter = matchesFilter(branch.title)
 			if matchesBranchFilter then
 				-- If branch is a match, whole branch should be expanded
@@ -103,8 +108,9 @@ local function TreeView(props)
 				end
 			else
 				-- If any of the leaves are a match, branch should be expanded
-				local _leaves = branch.leaves
-				local _arg0_1 = function(leaf)
+				local _exp_1 = branch.leaves
+				-- ▼ ReadonlyArray.forEach ▼
+				local _callback_1 = function(leaf)
 					local _branch = branch
 					if table.find(newExpanded, _branch) ~= nil then
 						return nil
@@ -115,18 +121,22 @@ local function TreeView(props)
 						table.insert(newExpanded, _branch_1)
 					end
 				end
-				for _k, _v in _leaves do
-					_arg0_1(_v, _k - 1, _leaves)
+				for _k, _v in _exp_1 do
+					_callback_1(_v, _k - 1, _exp_1)
 				end
+				-- ▲ ReadonlyArray.forEach ▲
 			end
 		end
-		for _k, _v in _branches do
-			_arg0(_v, _k - 1, _branches)
+		for _k, _v in _exp do
+			_callback(_v, _k - 1, _exp)
 		end
+		-- ▲ ReadonlyArray.forEach ▲
 		-- Set expanded to new array
 		setExpanded(newExpanded)
 	end, { tree, filter })
-	local _attributes = {}
+	local _attributes = {
+		Key = "TreeView",
+	}
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end
@@ -135,8 +145,6 @@ local function TreeView(props)
 			_attributes[_k] = _v
 		end
 	end
-	local _children = {}
-	local _length = #_children
 	local _attributes_1 = {}
 	local _object = {
 		Text = tree.title,
@@ -148,24 +156,26 @@ local function TreeView(props)
 	_attributes_1.color = "textSecondary"
 	_attributes_1.variant = "body"
 	_attributes_1.family = "bold"
-	_children[_length + 1] = Roact.createElement(Typography, _attributes_1)
-	local _attributes_2 = {}
+	local _exp = Roact.jsx(Typography, _attributes_1)
+	local _attributes_2 = {
+		Key = "List",
+	}
 	for _k, _v in list do
 		_attributes_2[_k] = _v
 	end
 	_attributes_2.CanvasSize = canvasSize
-	_attributes_2[Roact.Event.AncestryChanged] = resizeScrollingFrame
-	_attributes_2[Roact.Event.ChildAdded] = resizeScrollingFrame
-	_attributes_2[Roact.Event.ChildRemoved] = resizeScrollingFrame
-	local _children_1 = {}
-	local _length_1 = #_children_1
-	local _attributes_3 = {}
-	for _k, _v in gridLayout do
-		_attributes_3[_k] = _v
-	end
-	_children_1[_length_1 + 1] = Roact.createElement("UIGridLayout", _attributes_3)
-	local _branches = tree.branches
-	local _arg0 = function(branch, branchIndex)
+	_attributes_2.Event = {
+		AncestryChanged = resizeScrollingFrame,
+		ChildAdded = resizeScrollingFrame,
+		ChildRemoved = resizeScrollingFrame,
+	}
+	local _attributes_3 = table.clone(gridLayout)
+	setmetatable(_attributes_3, nil)
+	local _exp_1 = Roact.jsx("uigridlayout", _attributes_3)
+	local _exp_2 = tree.branches
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#_exp_2)
+	local _callback = function(branch, branchIndex)
 		local matchesBranchFilter = matchesFilter(branch.title)
 		local hasMatchingLeaf = matchesBranchFilter
 		if not hasMatchingLeaf then
@@ -177,53 +187,54 @@ local function TreeView(props)
 			end
 		end
 		if matchesBranchFilter or hasMatchingLeaf then
-			local _children_2 = {}
-			local _length_2 = #_children_2
-			local _attributes_4 = {}
+			local _attributes_4 = {
+				Key = `{branch.title}-{branchIndex}`,
+			}
 			for _k, _v in row do
 				_attributes_4[_k] = _v
 			end
-			_attributes_4[Roact.Event.MouseButton1Click] = function()
-				if branch.onClick then
-					branch.onClick()
-				end
-				-- If there are leaves... Expand/Collapse
-				if #branch.leaves > 0 then
-					local _branch = branch
-					local isExpanded = table.find(expanded, _branch) ~= nil
-					if isExpanded then
-						setExpanded(function(oldExpanded)
-							local _oldExpanded = oldExpanded
-							local _arg0_1 = function(b)
-								return b ~= branch
-							end
-							-- ▼ ReadonlyArray.filter ▼
-							local _newValue = {}
-							local _length_3 = 0
-							for _k, _v in _oldExpanded do
-								if _arg0_1(_v, _k - 1, _oldExpanded) == true then
-									_length_3 += 1
-									_newValue[_length_3] = _v
+			_attributes_4.Event = {
+				MouseButton1Click = function()
+					if branch.onClick then
+						branch.onClick()
+					end
+					-- If there are leaves... Expand/Collapse
+					if #branch.leaves > 0 then
+						local _branch = branch
+						local isExpanded = table.find(expanded, _branch) ~= nil
+						if isExpanded then
+							setExpanded(function(oldExpanded)
+								-- ▼ ReadonlyArray.filter ▼
+								local _newValue_1 = {}
+								local _callback_1 = function(b)
+									return b ~= branch
 								end
-							end
-							-- ▲ ReadonlyArray.filter ▲
-							return _newValue
-						end)
+								local _length = 0
+								for _k, _v in oldExpanded do
+									if _callback_1(_v, _k - 1, oldExpanded) == true then
+										_length += 1
+										_newValue_1[_length] = _v
+									end
+								end
+								-- ▲ ReadonlyArray.filter ▲
+								return _newValue_1
+							end)
+						else
+							setExpanded(function(oldExpanded)
+								local _array = {}
+								local _length = #_array
+								local _oldExpandedLength = #oldExpanded
+								table.move(oldExpanded, 1, _oldExpandedLength, _length + 1, _array)
+								_length += _oldExpandedLength
+								_array[_length + 1] = branch
+								return _array
+							end)
+						end
 					else
-						setExpanded(function(oldExpanded)
-							local _array = {}
-							local _length_3 = #_array
-							local _oldExpandedLength = #oldExpanded
-							table.move(oldExpanded, 1, _oldExpandedLength, _length_3 + 1, _array)
-							_length_3 += _oldExpandedLength
-							_array[_length_3 + 1] = branch
-							return _array
-						end)
+						setSelectedBranch(branch)
 					end
-				else
-					setSelectedBranch(branch)
-				end
-			end
+				end,
+			}
 			local _condition = #branch.leaves > 0
 			if _condition then
 				local _attributes_5 = {}
@@ -232,106 +243,78 @@ local function TreeView(props)
 				_attributes_5.size = "xxs"
 				_attributes_5.className = branchIcon
 				_attributes_5.tint = DefaultTheme.options.constants.extendedPalette.Gray[70]
-				_condition = (Roact.createElement(Icon, _attributes_5))
+				_condition = (Roact.jsx(Icon, _attributes_5))
 			end
-			local _children_3 = {}
-			local _length_3 = #_children_3
-			if _condition then
-				_children_3[_length_3 + 1] = _condition
-			end
-			_length_3 = #_children_3
 			local _attributes_5 = {
 				text = branch.title,
 			}
-			local _object_1 = {}
-			for _k, _v in branchTypography do
-				_object_1[_k] = _v
-			end
+			local _object_1 = table.clone(branchTypography)
+			setmetatable(_object_1, nil)
 			_attributes_5.className = _object_1
 			_attributes_5.color = "textPrimary"
 			_attributes_5.variant = "body"
 			_attributes_5.family = if selectedBranch == branch then "bold" else "default"
-			_children_3[_length_3 + 1] = Roact.createElement(Typography, _attributes_5)
-			_children_2[branch.title .. ("-" .. tostring(branchIndex))] = Roact.createFragment({
-				[branch.title .. ("-" .. tostring(branchIndex))] = Roact.createElement("TextButton", _attributes_4, _children_3),
-			})
+			local _exp_3 = Roact.jsx("textbutton", _attributes_4, _condition, Roact.jsx(Typography, _attributes_5))
 			local _branch = branch
 			local _condition_1 = table.find(expanded, _branch) ~= nil
 			if _condition_1 then
-				local _leaves = branch.leaves
-				local _arg0_1 = function(leaf, leafIndex)
+				local _exp_4 = branch.leaves
+				-- ▼ ReadonlyArray.map ▼
+				local _newValue_1 = table.create(#_exp_4)
+				local _callback_1 = function(leaf, leafIndex)
 					local matchesLeafFilter = matchesFilter(leaf.title)
 					if matchesBranchFilter or matchesLeafFilter then
-						local _attributes_6 = {}
+						local _attributes_6 = {
+							Key = `{branch.title}-{branchIndex}-{leaf.title}-{leafIndex}`,
+						}
 						for _k, _v in row do
 							_attributes_6[_k] = _v
 						end
-						_attributes_6[Roact.Event.MouseButton1Click] = function()
-							setSelectedLeaf(leaf)
-							setSelectedBranch(branch)
-							if leaf.onClick then
-								leaf.onClick()
-							end
-						end
-						local _children_4 = {
-							Roact.createElement(Icon, {
-								icon = icon or Icons.ListPrimary,
-								size = "xs",
-								className = leafIcon,
-								tint = DefaultTheme.palette.secondary.main,
-							}),
+						_attributes_6.Event = {
+							MouseButton1Click = function()
+								setSelectedLeaf(leaf)
+								setSelectedBranch(branch)
+								if leaf.onClick then
+									leaf.onClick()
+								end
+							end,
 						}
-						local _length_4 = #_children_4
+						local _exp_5 = Roact.jsx(Icon, {
+							icon = icon or Icons.ListPrimary,
+							size = "xs",
+							className = leafIcon,
+							tint = DefaultTheme.palette.secondary.main,
+						})
 						local _attributes_7 = {
 							text = leaf.title,
 						}
-						local _object_2 = {}
-						for _k, _v in leafTypography do
-							_object_2[_k] = _v
-						end
+						local _object_2 = table.clone(leafTypography)
+						setmetatable(_object_2, nil)
 						_attributes_7.className = _object_2
 						_attributes_7.color = "textPrimary"
 						_attributes_7.variant = "body"
 						_attributes_7.family = if selectedLeaf == leaf then "bold" else "default"
-						_children_4[_length_4 + 1] = Roact.createElement(Typography, _attributes_7)
-						return Roact.createFragment({
-							[branch.title .. ("-" .. (tostring(branchIndex) .. ("-" .. (leaf.title .. ("-" .. tostring(leafIndex))))))] = Roact.createElement("TextButton", _attributes_6, _children_4),
-						})
+						return Roact.jsx("textbutton", _attributes_6, _exp_5, Roact.jsx(Typography, _attributes_7))
 					else
-						return Roact.createFragment()
+						return Roact.jsx(Roact.Fragment)
 					end
 				end
-				-- ▼ ReadonlyArray.map ▼
-				local _newValue = table.create(#_leaves)
-				for _k, _v in _leaves do
-					_newValue[_k] = _arg0_1(_v, _k - 1, _leaves)
+				for _k, _v in _exp_4 do
+					_newValue_1[_k] = _callback_1(_v, _k - 1, _exp_4)
 				end
 				-- ▲ ReadonlyArray.map ▲
-				_condition_1 = _newValue
+				_condition_1 = _newValue_1
 			end
-			if _condition_1 then
-				for _k, _v in _condition_1 do
-					_children_2[_length_2 + _k] = _v
-				end
-			end
-			return Roact.createFragment(_children_2)
+			return Roact.jsx(Roact.Fragment, nil, _exp_3, _condition_1)
 		else
-			return Roact.createFragment()
+			return Roact.jsx(Roact.Fragment)
 		end
 	end
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#_branches)
-	for _k, _v in _branches do
-		_newValue[_k] = _arg0(_v, _k - 1, _branches)
+	for _k, _v in _exp_2 do
+		_newValue[_k] = _callback(_v, _k - 1, _exp_2)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	for _k, _v in _newValue do
-		_children_1[_length_1 + 1 + _k] = _v
-	end
-	_children.List = Roact.createElement("ScrollingFrame", _attributes_2, _children_1)
-	return Roact.createFragment({
-		TreeView = Roact.createElement("Frame", _attributes, _children),
-	})
+	return Roact.jsx("frame", _attributes, _exp, Roact.jsx("scrollingframe", _attributes_2, _exp_1, _newValue))
 end
 local default = markPureComponent(TreeView)
 return {

package/out/ui/packages/treeView/components/TreeView.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useTreeViewStyles: () => import("../../../../theme").ClassNameMap<string>;
+declare const useTreeViewStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useTreeViewStyles;

package/out/ui/packages/treeView/components/{TreeView.styles.lua → TreeView.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

package/out/ui/packages/treeView/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.TreeView = TS.import(script, script, "components", "TreeView").default

package/out/ui/packages/treeView/interfaces/Branch.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/treeView/interfaces/Leaf.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/treeView/interfaces/Tree.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/typography/components/Typography.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { CustomizedProps } from "../../../../theme";
-import { FontFamilyVariant, FontSizeVariant } from "../../../../theme/interfaces/typography";
+import { CustomizedProps } from "../../../../theme/index";
+import { FontFamilyVariant, FontSizeVariant } from "../../../../theme/interfaces/typography/index";
 import { TypographyAlignment } from "../types/TypographyAlignment";
 import { TypographyColor } from "../types/TypographyColor";
 import { TypographyDisplay } from "../types/TypographyDisplay";