@rbxts/centurion-ui 1.0.0-dev-284510d

package/out/app/app.d.ts

@@ -0,0 +1,6 @@
+import { ClientAPI } from "@rbxts/centurion";
+import { InterfaceOptions } from "../types";
+export declare namespace CenturionUI {
+    function updateOptions(options: Partial<InterfaceOptions>): void;
+    function create(options?: Partial<InterfaceOptions>): (api: ClientAPI) => void;
+}

package/out/app/app.lua

@@ -0,0 +1,83 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local _config = script.Parent
+if _config ~= nil then
+	_config = _config:FindFirstChild("config")
+end
+local config = _config
+if config ~= nil and config.ClassName == "ModuleScript" then
+	require(config)
+end
+local Signal = TS.import(script, TS.getModule(script, "@rbxts", "beacon").out).Signal
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local StrictMode = _react.StrictMode
+local _react_roblox = TS.import(script, TS.getModule(script, "@rbxts", "react-roblox"))
+local createPortal = _react_roblox.createPortal
+local createRoot = _react_roblox.createRoot
+local _services = TS.import(script, TS.getModule(script, "@rbxts", "services"))
+local ContentProvider = _services.ContentProvider
+local Players = _services.Players
+local DEFAULT_INTERFACE_OPTIONS = TS.import(script, script.Parent.Parent, "constants", "options").DEFAULT_INTERFACE_OPTIONS
+local RootProvider = TS.import(script, script.Parent.Parent, "providers", "root-provider").RootProvider
+local TerminalApp = TS.import(script, script.Parent, "terminal-app").TerminalApp
+local CenturionUI = {}
+do
+	local _container = CenturionUI
+	local MAX_PRELOAD_ATTEMPTS = 3
+	local PRELOAD_ATTEMPT_INTERVAL = 3
+	local optionsChanged = Signal.new()
+	local function updateOptions(options)
+		optionsChanged:Fire(options)
+	end
+	_container.updateOptions = updateOptions
+	local function create(options)
+		if options == nil then
+			options = {}
+		end
+		return function(api)
+			local root = createRoot(Instance.new("Folder"))
+			local target = Players.LocalPlayer:WaitForChild("PlayerGui")
+			-- Attempt to preload font
+			task.spawn(function()
+				local _result = options.font
+				if _result ~= nil then
+					_result = _result.regular
+				end
+				local _condition = _result
+				if _condition == nil then
+					_condition = DEFAULT_INTERFACE_OPTIONS.font.regular
+				end
+				local fontFamily = _condition.Family
+				local attempts = 0
+				while attempts < MAX_PRELOAD_ATTEMPTS do
+					ContentProvider:PreloadAsync({ fontFamily }, function(_, status)
+						if status == Enum.AssetFetchStatus.Success then
+							attempts = MAX_PRELOAD_ATTEMPTS
+						end
+					end)
+					if attempts == MAX_PRELOAD_ATTEMPTS then
+						break
+					end
+					task.wait(PRELOAD_ATTEMPT_INTERVAL)
+					attempts += 1
+				end
+			end)
+			local _attributes = {
+				api = api,
+			}
+			local _object = table.clone(DEFAULT_INTERFACE_OPTIONS)
+			setmetatable(_object, nil)
+			for _k, _v in options do
+				_object[_k] = _v
+			end
+			_attributes.options = _object
+			_attributes.optionsChanged = optionsChanged
+			root:render(createPortal(React.createElement(StrictMode, nil, React.createElement(RootProvider, _attributes, React.createElement(TerminalApp))), target))
+		end
+	end
+	_container.create = create
+end
+return {
+	CenturionUI = CenturionUI,
+}

package/out/app/index.d.ts

@@ -0,0 +1 @@
+export * from "./app";

package/out/app/init.lua

@@ -0,0 +1,7 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "app") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/app/terminal-app.d.ts

@@ -0,0 +1 @@
+export declare function TerminalApp(): JSX.Element;

package/out/app/terminal-app.lua

@@ -0,0 +1,61 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local useEventListener = TS.import(script, TS.getModule(script, "@rbxts", "pretty-react-hooks").out).useEventListener
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useContext = _react.useContext
+local useMemo = _react.useMemo
+local useSelector = TS.import(script, TS.getModule(script, "@rbxts", "react-reflex")).useSelector
+local UserInputService = TS.import(script, TS.getModule(script, "@rbxts", "services")).UserInputService
+local Terminal = TS.import(script, script.Parent.Parent, "components", "terminal").default
+local Layer = TS.import(script, script.Parent.Parent, "components", "ui", "layer").Layer
+local OptionsContext = TS.import(script, script.Parent.Parent, "providers", "options-provider").OptionsContext
+local store = TS.import(script, script.Parent.Parent, "store").store
+local selectVisible = TS.import(script, script.Parent.Parent, "store", "app").selectVisible
+local function TerminalApp()
+	local options = useContext(OptionsContext)
+	local visible = useSelector(selectVisible)
+	local validKeys = useMemo(function()
+		local _set = {}
+		for _, _v in options.activationKeys do
+			_set[_v] = true
+		end
+		return _set
+	end, { options })
+	local mouseInputTypes = useMemo(function()
+		return {
+			[Enum.UserInputType.MouseButton1] = true,
+			[Enum.UserInputType.MouseButton2] = true,
+			[Enum.UserInputType.Touch] = true,
+		}
+	end, {})
+	useEventListener(UserInputService.InputBegan, function(input, gameProcessed)
+		local _keyCode = input.KeyCode
+		local _condition = validKeys[_keyCode] ~= nil
+		if _condition then
+			_condition = not gameProcessed
+		end
+		if _condition then
+			store.setVisible(not visible)
+		else
+			local _condition_1 = options.hideOnLostFocus
+			if _condition_1 then
+				local _userInputType = input.UserInputType
+				_condition_1 = mouseInputTypes[_userInputType] ~= nil
+				if _condition_1 then
+					_condition_1 = not options.isMouseOnGUI
+				end
+			end
+			if _condition_1 then
+				store.setVisible(false)
+			end
+		end
+	end)
+	return React.createElement(Layer, {
+		displayOrder = options.displayOrder,
+		visible = visible,
+	}, React.createElement(Terminal))
+end
+return {
+	TerminalApp = TerminalApp,
+}

package/out/components/history/history-line.d.ts

@@ -0,0 +1,10 @@
+import { HistoryEntry } from "@rbxts/centurion";
+import { BindingOrValue } from "@rbxts/pretty-react-hooks";
+interface HistoryLineProps {
+    data: HistoryEntry;
+    size?: BindingOrValue<UDim2>;
+    position?: BindingOrValue<UDim2>;
+    order?: BindingOrValue<number>;
+}
+export declare function HistoryLine({ data, size, position, order }: HistoryLineProps): JSX.Element;
+export {};

package/out/components/history/history-line.lua

@@ -0,0 +1,63 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useContext = _react.useContext
+local useMemo = _react.useMemo
+local HISTORY_TEXT_SIZE = TS.import(script, script.Parent.Parent.Parent, "constants", "text").HISTORY_TEXT_SIZE
+local usePx = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").usePx
+local OptionsContext = TS.import(script, script.Parent.Parent.Parent, "providers", "options-provider").OptionsContext
+local Frame = TS.import(script, script.Parent.Parent, "ui", "frame").Frame
+local Group = TS.import(script, script.Parent.Parent, "ui", "group").Group
+local Outline = TS.import(script, script.Parent.Parent, "ui", "outline").Outline
+local Text = TS.import(script, script.Parent.Parent, "ui", "text").Text
+local TextField = TS.import(script, script.Parent.Parent, "ui", "text-field").TextField
+local function HistoryLine(_param)
+	local data = _param.data
+	local size = _param.size
+	local position = _param.position
+	local order = _param.order
+	local options = useContext(OptionsContext)
+	local px = usePx()
+	local date = useMemo(function()
+		local dateTime = DateTime.fromUnixTimestamp(data.sentAt):FormatLocalTime("LT", "en-us")
+		local dateParts = string.split(dateTime, " ")
+		return `<b>{dateParts[1]}</b> {dateParts[2]}`
+	end, { data })
+	return React.createElement(Group, {
+		size = size,
+		position = position,
+		layoutOrder = order,
+	}, React.createElement(Frame, {
+		backgroundColor = options.palette.surface,
+		size = UDim2.fromOffset(px(76), px(HISTORY_TEXT_SIZE + 4)),
+		cornerRadius = UDim.new(0, px(4)),
+	}, React.createElement(Text, {
+		size = UDim2.fromScale(1, 1),
+		text = date,
+		textColor = options.palette.text,
+		textSize = px(HISTORY_TEXT_SIZE),
+		richText = true,
+	}), React.createElement(Outline, {
+		innerThickness = px(1),
+		innerTransparency = 0.25,
+		innerColor = if data.success then options.palette.success else options.palette.error,
+		outerThickness = 0,
+		cornerRadius = UDim.new(0, px(4)),
+	})), React.createElement(TextField, {
+		anchorPoint = Vector2.new(1, 0),
+		size = UDim2.new(1, -px(84), 1, 0),
+		position = UDim2.fromScale(1, 0),
+		text = data.text,
+		textSize = px(HISTORY_TEXT_SIZE),
+		textColor = if data.success then options.palette.text else options.palette.error,
+		textEditable = false,
+		textXAlignment = "Left",
+		clearTextOnFocus = false,
+		font = options.font.medium,
+		richText = true,
+	}))
+end
+return {
+	HistoryLine = HistoryLine,
+}

package/out/components/history/history-list.d.ts

@@ -0,0 +1,15 @@
+import { BindingOrValue } from "@rbxts/pretty-react-hooks";
+import { HistoryLineData } from "../../types";
+export interface HistoryData {
+    lines: HistoryLineData[];
+    height: number;
+}
+interface HistoryListProps {
+    data: HistoryData;
+    size?: BindingOrValue<UDim2>;
+    position?: BindingOrValue<UDim2>;
+    maxHeight?: number;
+    scrollingEnabled?: BindingOrValue<boolean>;
+}
+export declare function HistoryList({ data, size, position, maxHeight, }: HistoryListProps): JSX.Element;
+export {};

package/out/components/history/history-list.lua

@@ -0,0 +1,62 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local mapBinding = TS.import(script, TS.getModule(script, "@rbxts", "pretty-react-hooks").out).mapBinding
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useBinding = _react.useBinding
+local useContext = _react.useContext
+local useEffect = _react.useEffect
+local usePx = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").usePx
+local OptionsContext = TS.import(script, script.Parent.Parent.Parent, "providers", "options-provider").OptionsContext
+local ScrollingFrame = TS.import(script, script.Parent.Parent, "ui", "scrolling-frame").ScrollingFrame
+local HistoryLine = TS.import(script, script.Parent, "history-line").HistoryLine
+local function HistoryList(_param)
+	local data = _param.data
+	local size = _param.size
+	local position = _param.position
+	local maxHeight = _param.maxHeight
+	local px = usePx()
+	local options = useContext(OptionsContext)
+	local scrollingEnabled, setScrollingEnabled = useBinding(false)
+	local canvasSize, setCanvasSize = useBinding(UDim2.new())
+	local canvasPosition, setCanvasPosition = useBinding(Vector2.new())
+	useEffect(function()
+		local height = data.height - px(8)
+		setCanvasSize(UDim2.new(0, 0, 0, height))
+		setCanvasPosition(Vector2.new(0, height))
+		if maxHeight ~= nil then
+			setScrollingEnabled(height > maxHeight)
+		end
+	end, { data, px })
+	local _exp = data.lines
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#_exp)
+	local _callback = function(data, i)
+		return React.createElement(HistoryLine, {
+			key = `{data.entry.sentAt}-{i}`,
+			size = UDim2.new(1, 0, 0, data.height),
+			data = data.entry,
+		})
+	end
+	for _k, _v in _exp do
+		_newValue[_k] = _callback(_v, _k - 1, _exp)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	return React.createElement(ScrollingFrame, {
+		size = size,
+		position = position,
+		canvasSize = canvasSize,
+		canvasPosition = canvasPosition,
+		scrollBarColor = options.palette.subtext,
+		scrollBarThickness = mapBinding(scrollingEnabled, function(val)
+			return if val then 10 else 0
+		end),
+		scrollingEnabled = scrollingEnabled,
+	}, _newValue, React.createElement("uilistlayout", {
+		Padding = UDim.new(0, px(8)),
+		SortOrder = "LayoutOrder",
+	}))
+end
+return {
+	HistoryList = HistoryList,
+}

package/out/components/history/index.d.ts

@@ -0,0 +1 @@
+export * from "./history-list";

package/out/components/history/init.lua

@@ -0,0 +1,7 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "history-list") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/components/index.d.ts

@@ -0,0 +1 @@
+export * from "./terminal";

package/out/components/init.lua

@@ -0,0 +1,7 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "terminal") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/components/suggestions/badge.d.ts

@@ -0,0 +1,16 @@
+import { BindingOrValue } from "@rbxts/pretty-react-hooks";
+interface BadgeProps {
+    anchorPoint?: BindingOrValue<Vector2>;
+    size?: BindingOrValue<UDim2>;
+    position?: BindingOrValue<UDim2>;
+    color?: BindingOrValue<Color3>;
+    text?: BindingOrValue<string>;
+    textColor?: BindingOrValue<Color3>;
+    textSize?: BindingOrValue<number>;
+    visible?: BindingOrValue<boolean>;
+    onTextBoundsChange?: (textBounds: Vector2) => void;
+    children?: JSX.Element;
+    backgroundTransparency?: number;
+}
+export declare function Badge({ anchorPoint, size, position, color, text, textColor, textSize, visible, onTextBoundsChange, children, backgroundTransparency, }: BadgeProps): JSX.Element;
+export {};

package/out/components/suggestions/badge.lua

@@ -0,0 +1,52 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useContext = _react.useContext
+local usePx = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").usePx
+local OptionsContext = TS.import(script, script.Parent.Parent.Parent, "providers", "options-provider").OptionsContext
+local Frame = TS.import(script, script.Parent.Parent, "ui", "frame").Frame
+local Text = TS.import(script, script.Parent.Parent, "ui", "text").Text
+local function Badge(_param)
+	local anchorPoint = _param.anchorPoint
+	local size = _param.size
+	local position = _param.position
+	local color = _param.color
+	local text = _param.text
+	local textColor = _param.textColor
+	local textSize = _param.textSize
+	local visible = _param.visible
+	local onTextBoundsChange = _param.onTextBoundsChange
+	local children = _param.children
+	local backgroundTransparency = _param.backgroundTransparency
+	local options = useContext(OptionsContext)
+	local px = usePx()
+	return React.createElement(Frame, {
+		anchorPoint = anchorPoint,
+		size = size,
+		position = position,
+		backgroundColor = color,
+		cornerRadius = UDim.new(0, px(4)),
+		visible = visible,
+		clipsDescendants = true,
+		backgroundTransparency = backgroundTransparency,
+	}, React.createElement(Text, {
+		text = text,
+		textColor = textColor,
+		textSize = textSize,
+		size = UDim2.fromScale(1, 1),
+		font = options.font.bold,
+		change = {
+			TextBounds = function(rbx)
+				local _result = onTextBoundsChange
+				if _result ~= nil then
+					_result = _result(rbx.TextBounds)
+				end
+				return _result
+			end,
+		},
+	}), children)
+end
+return {
+	Badge = Badge,
+}

package/out/components/suggestions/index.d.ts

@@ -0,0 +1 @@
+export * from "./suggestions";

package/out/components/suggestions/init.lua

@@ -0,0 +1,7 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "suggestions") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/components/suggestions/main-suggestion.d.ts

@@ -0,0 +1,12 @@
+import { BindingOrValue } from "@rbxts/pretty-react-hooks";
+import { Binding } from "@rbxts/react";
+import { Suggestion } from "../../types";
+import { SuggestionTextBounds } from "./types";
+export interface MainSuggestionProps {
+    suggestion?: Suggestion;
+    argument: BindingOrValue<boolean>;
+    currentText?: string;
+    size: BindingOrValue<UDim2>;
+    sizes: Binding<SuggestionTextBounds>;
+}
+export declare function MainSuggestion({ suggestion, currentText, size, sizes, argument, }: MainSuggestionProps): JSX.Element;

package/out/components/suggestions/main-suggestion.lua

@@ -0,0 +1,180 @@
+-- Compiled with roblox-ts v2.3.0-dev-26ec859
+local TS = _G[script]
+local lerpBinding = TS.import(script, TS.getModule(script, "@rbxts", "pretty-react-hooks").out).lerpBinding
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useContext = _react.useContext
+local useEffect = _react.useEffect
+local springs = TS.import(script, script.Parent.Parent.Parent, "constants", "springs").springs
+local _text = TS.import(script, script.Parent.Parent.Parent, "constants", "text")
+local SUGGESTION_TEXT_SIZE = _text.SUGGESTION_TEXT_SIZE
+local SUGGESTION_TITLE_TEXT_SIZE = _text.SUGGESTION_TITLE_TEXT_SIZE
+local useMotion = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-motion").useMotion
+local usePx = TS.import(script, script.Parent.Parent.Parent, "hooks", "use-px").usePx
+local OptionsContext = TS.import(script, script.Parent.Parent.Parent, "providers", "options-provider").OptionsContext
+local Frame = TS.import(script, script.Parent.Parent, "ui", "frame").Frame
+local Padding = TS.import(script, script.Parent.Parent, "ui", "padding").Padding
+local ShortcutGroup = TS.import(script, script.Parent.Parent, "ui", "shortcut-group").ShortcutGroup
+local Text = TS.import(script, script.Parent.Parent, "ui", "text").Text
+local Badge = TS.import(script, script.Parent, "badge").Badge
+local highlightMatching = TS.import(script, script.Parent, "util").highlightMatching
+local function showKeybindsGui(props)
+	if props.suggestion and props.suggestion.main.type == "command" and (props.suggestion.main).shortcuts ~= nil and props.options.showShortcutSuggestions then
+		return true
+	end
+end
+local function MainSuggestion(_param)
+	local suggestion = _param.suggestion
+	local currentText = _param.currentText
+	local size = _param.size
+	local sizes = _param.sizes
+	local argument = _param.argument
+	local px = usePx()
+	local options = useContext(OptionsContext)
+	local titleHeight, titleHeightMotion = useMotion(0)
+	local badgeWidth, badgeWidthMotion = useMotion(0)
+	useEffect(function()
+		local _result = suggestion
+		if _result ~= nil then
+			_result = _result.main.description
+		end
+		titleHeightMotion:spring(if _result ~= nil then 1 else 0, springs.responsive)
+	end, { suggestion })
+	local _exp = React.createElement(Padding, {
+		all = UDim.new(0, px(8)),
+	})
+	local _exp_1 = React.createElement(Badge, {
+		anchorPoint = Vector2.new(1, 0),
+		size = badgeWidth:map(function(width)
+			return UDim2.fromOffset(math.round(width), px(24))
+		end),
+		position = UDim2.fromScale(1, 0),
+		color = options.palette.highlight,
+		text = if argument and suggestion ~= nil then (suggestion.main).dataType else "",
+		textColor = options.palette.surface,
+		textSize = px(SUGGESTION_TEXT_SIZE),
+		visible = argument,
+		onTextBoundsChange = function(textBounds)
+			return badgeWidthMotion:spring(textBounds.X + px(8), {
+				mass = 0.5,
+				tension = 400,
+			})
+		end,
+	})
+	local _result
+	if showKeybindsGui({
+		options = options,
+		suggestion = suggestion,
+	}) then
+		local _attributes = {}
+		local _result_1 = suggestion
+		if _result_1 ~= nil then
+			_result_1 = _result_1.main.type
+		end
+		local _result_2
+		if _result_1 == "command" then
+			local _result_3 = suggestion
+			if _result_3 ~= nil then
+				_result_3 = _result_3.main
+			end
+			_result_2 = _result_3.shortcuts
+		else
+			_result_2 = {}
+		end
+		_attributes.shortcuts = _result_2
+		_result = (React.createElement(ShortcutGroup, _attributes))
+	else
+		_result = (React.createElement(React.Fragment))
+	end
+	local _attributes = {
+		size = sizes:map(function(val)
+			return val.title
+		end),
+		position = lerpBinding(titleHeight, UDim2.fromOffset(0, 0), UDim2.fromOffset(0, px(-4))),
+	}
+	local _result_1
+	if argument then
+		local _result_2 = suggestion
+		if _result_2 ~= nil then
+			_result_2 = _result_2.main.title
+		end
+		_result_1 = _result_2
+	else
+		local _exp_2 = options.palette.highlight
+		local _result_2 = suggestion
+		if _result_2 ~= nil then
+			_result_2 = _result_2.main.title
+		end
+		_result_1 = highlightMatching(_exp_2, _result_2, currentText)
+	end
+	_attributes.text = _result_1
+	_attributes.textSize = px(SUGGESTION_TITLE_TEXT_SIZE)
+	_attributes.textColor = options.palette.text
+	_attributes.textXAlignment = "Left"
+	_attributes.textYAlignment = "Top"
+	_attributes.richText = true
+	_attributes.font = options.font.bold
+	local _exp_2 = React.createElement(Text, _attributes)
+	local _attributes_1 = {
+		size = sizes:map(function(val)
+			return val.description
+		end),
+		position = UDim2.fromOffset(0, px(SUGGESTION_TITLE_TEXT_SIZE)),
+	}
+	local _result_2 = suggestion
+	if _result_2 ~= nil then
+		_result_2 = _result_2.main.description
+	end
+	local _condition = _result_2
+	if _condition == nil then
+		_condition = ""
+	end
+	_attributes_1.text = _condition
+	_attributes_1.textSize = px(SUGGESTION_TEXT_SIZE)
+	_attributes_1.textColor = options.palette.subtext
+	_attributes_1.textXAlignment = "Left"
+	_attributes_1.textYAlignment = "Top"
+	_attributes_1.textWrapped = true
+	_attributes_1.richText = true
+	local _exp_3 = React.createElement(Text, _attributes_1)
+	local _attributes_2 = {
+		anchorPoint = Vector2.new(0, 1),
+		size = sizes:map(function(val)
+			return UDim2.new(1, 0, 0, val.errorTextHeight)
+		end),
+		position = UDim2.fromScale(0, 1),
+	}
+	local _result_3
+	if argument and suggestion ~= nil then
+		local _condition_1 = (suggestion.main).error
+		if _condition_1 == nil then
+			_condition_1 = ""
+		end
+		_result_3 = _condition_1
+	else
+		_result_3 = ""
+	end
+	_attributes_2.text = _result_3
+	_attributes_2.textColor = options.palette.error
+	_attributes_2.textSize = px(SUGGESTION_TEXT_SIZE)
+	_attributes_2.textWrapped = true
+	_attributes_2.textXAlignment = "Left"
+	return React.createElement(Frame, {
+		size = size,
+		backgroundColor = options.palette.background,
+		backgroundTransparency = options.backgroundTransparency,
+		cornerRadius = UDim.new(0, px(8)),
+		clipsDescendants = false,
+		event = {
+			MouseEnter = function()
+				return options.setMouseOnGUI(true)
+			end,
+			MouseLeave = function()
+				return options.setMouseOnGUI(false)
+			end,
+		},
+	}, _exp, _exp_1, _result, _exp_2, _exp_3, React.createElement(Text, _attributes_2))
+end
+return {
+	MainSuggestion = MainSuggestion,
+}

package/out/components/suggestions/suggestion-list.d.ts

@@ -0,0 +1,8 @@
+import { BindingOrValue } from "@rbxts/pretty-react-hooks";
+import { Suggestion } from "../../types";
+export interface SuggestionListProps {
+    suggestion?: Suggestion;
+    currentText?: string;
+    size: BindingOrValue<UDim2>;
+}
+export declare function SuggestionList({ suggestion, currentText, size, }: SuggestionListProps): JSX.Element;