@rbxts-ui/components 2.0.0 → 3.0.0

package/dist/error-handler/ErrorPage.luau

@@ -0,0 +1,144 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local Layer = TS.import(script, TS.getModule(script, "@rbxts-ui", "layout").dist).Layer
+local _primitives = TS.import(script, TS.getModule(script, "@rbxts-ui", "primitives").dist)
+local Frame = _primitives.Frame
+local Group = _primitives.Group
+local Text = _primitives.Text
+local useRem = TS.import(script, TS.getModule(script, "@rbxts-ui", "@rbxts-ui/rem")).useRem
+local PrimaryButton = TS.import(script, script.Parent.Parent, "buttons", "PrimaryButton").PrimaryButton
+local TextField = TS.import(script, script.Parent.Parent, "form", "TextField").TextField
+local defaultTheme = TS.import(script, TS.getModule(script, "@rbxts-ui", "theme").dist).defaultTheme
+local function ErrorPage(_param)
+	local message = _param.message
+	local rem = useRem()
+	local index = 0
+	local _exp = React.createElement("uilistlayout", {
+		FillDirection = "Vertical",
+		VerticalAlignment = "Center",
+		HorizontalAlignment = "Center",
+		SortOrder = "LayoutOrder",
+	})
+	local _attributes = {
+		text = "⚠️",
+		textSize = rem(5),
+		size = UDim2.new(0, rem(5), 0, rem(5)),
+	}
+	local _original = index
+	index += 1
+	_attributes.layoutOrder = _original
+	local _exp_1 = React.createElement(Text, _attributes)
+	local _attributes_1 = {
+		font = defaultTheme.fonts.inter.bold,
+		text = "Oh Noes!",
+		textColor = defaultTheme.palette.text,
+		textSize = rem(3),
+		textAutoResize = "XY",
+	}
+	local _original_1 = index
+	index += 1
+	_attributes_1.layoutOrder = _original_1
+	local _exp_2 = React.createElement(Text, _attributes_1)
+	local _attributes_2 = {
+		size = UDim2.new(0, 0, 0, rem(2)),
+	}
+	local _original_2 = index
+	index += 1
+	_attributes_2.layoutOrder = _original_2
+	local _exp_3 = React.createElement(Group, _attributes_2)
+	local _attributes_3 = {
+		font = defaultTheme.fonts.inter.regular,
+		text = "Something went wrong, and we were unable to recover.",
+		textColor = defaultTheme.palette.text,
+		textSize = rem(1.5),
+		textAutoResize = "XY",
+	}
+	local _original_3 = index
+	index += 1
+	_attributes_3.layoutOrder = _original_3
+	local _exp_4 = React.createElement(Text, _attributes_3)
+	local _attributes_4 = {
+		size = UDim2.new(0, 0, 0, rem(0.5)),
+	}
+	local _original_4 = index
+	index += 1
+	_attributes_4.layoutOrder = _original_4
+	local _exp_5 = React.createElement(Group, _attributes_4)
+	local _attributes_5 = {
+		font = defaultTheme.fonts.inter.regular,
+		text = "Please send this error to the developers, and try reconnecting:",
+		textColor = defaultTheme.palette.text,
+		textSize = rem(1.5),
+		textAutoResize = "XY",
+	}
+	local _original_5 = index
+	index += 1
+	_attributes_5.layoutOrder = _original_5
+	local _exp_6 = React.createElement(Text, _attributes_5)
+	local _attributes_6 = {
+		size = UDim2.new(0, 0, 0, rem(2)),
+	}
+	local _original_6 = index
+	index += 1
+	_attributes_6.layoutOrder = _original_6
+	local _exp_7 = React.createElement(Group, _attributes_6)
+	local _attributes_7 = {
+		clearTextOnFocus = false,
+		textEditable = false,
+		font = defaultTheme.fonts.roboto.regular,
+		text = `{message}`,
+		textColor = defaultTheme.palette.red,
+		textSize = rem(1.5),
+		textAutoResize = "XY",
+		textXAlignment = "Left",
+		maxVisibleGraphemes = 512,
+		backgroundColor = defaultTheme.palette.crust,
+		backgroundTransparency = 0,
+		cornerRadius = UDim.new(0, rem(1.5)),
+	}
+	local _original_7 = index
+	index += 1
+	_attributes_7.layoutOrder = _original_7
+	local _exp_8 = React.createElement(TextField, _attributes_7, React.createElement("uipadding", {
+		PaddingLeft = UDim.new(0, rem(2)),
+		PaddingRight = UDim.new(0, rem(2)),
+		PaddingTop = UDim.new(0, rem(2)),
+		PaddingBottom = UDim.new(0, rem(2)),
+	}), React.createElement("uistroke", {
+		Color = defaultTheme.palette.red,
+		Transparency = 0.3,
+		Thickness = 1,
+		ApplyStrokeMode = "Border",
+	}))
+	local _attributes_8 = {
+		size = UDim2.new(0, 0, 0, rem(2)),
+	}
+	local _original_8 = index
+	index += 1
+	_attributes_8.layoutOrder = _original_8
+	local _exp_9 = React.createElement(Group, _attributes_8)
+	local _attributes_9 = {
+		onClick = TS.async(function()
+			warn("Reconnecting...")
+		end),
+		overlayGradient = ColorSequence.new(defaultTheme.palette.blue, defaultTheme.palette.blueishColor),
+		size = UDim2.new(0, rem(12), 0, rem(5)),
+	}
+	local _original_9 = index
+	index += 1
+	_attributes_9.layoutOrder = _original_9
+	return React.createElement(Layer, nil, React.createElement(Frame, {
+		backgroundColor = defaultTheme.palette.crust,
+		size = UDim2.new(1, 0, 1, 0),
+	}, _exp, _exp_1, _exp_2, _exp_3, _exp_4, _exp_5, _exp_6, _exp_7, _exp_8, _exp_9, React.createElement(PrimaryButton, _attributes_9, React.createElement(Text, {
+		font = defaultTheme.fonts.inter.medium,
+		text = "Reconnect →",
+		textColor = defaultTheme.palette.text,
+		textSize = rem(1.5),
+		size = UDim2.new(1, 0, 1, 0),
+	}))))
+end
+return {
+	ErrorPage = ErrorPage,
+}

package/dist/error-handler/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorHandler } from "./ErrorHandler";
+export { ErrorPage } from "./ErrorPage";
+//# sourceMappingURL=index.d.ts.map

package/dist/error-handler/init.luau

@@ -0,0 +1,6 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+exports.ErrorHandler = TS.import(script, script, "ErrorHandler").ErrorHandler
+exports.ErrorPage = TS.import(script, script, "ErrorPage").ErrorPage
+return exports

package/dist/form/Checkbox.d.ts

@@ -0,0 +1,11 @@
+interface CheckboxProps {
+    checked: boolean;
+    onChecked: (checked: boolean) => void;
+    text?: string;
+    variant?: "default" | "large" | "small";
+    position?: UDim2;
+    disabled?: boolean;
+}
+export declare function Checkbox({ checked, onChecked, text, variant, position, disabled, }: CheckboxProps): JSX.Element;
+export type { CheckboxProps };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/form/Checkbox.luau

@@ -0,0 +1,108 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local _pretty_react_hooks = TS.import(script, TS.getModule(script, "@rbxts", "pretty-react-hooks").out)
+local lerpBinding = _pretty_react_hooks.lerpBinding
+local useMotion = _pretty_react_hooks.useMotion
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useMemo = _react.useMemo
+local useRem = TS.import(script, TS.getModule(script, "@rbxts-ui", "@rbxts-ui/rem")).useRem
+local Frame = TS.import(script, TS.getModule(script, "@rbxts-ui", "primitives").dist).Frame
+local Outline = TS.import(script, script.Parent.Parent, "utils", "Outline").Outline
+local ReactiveButton = TS.import(script, script.Parent.Parent, "buttons", "ReactiveButton").ReactiveButton
+local Text = TS.import(script, TS.getModule(script, "@rbxts-ui", "primitives").dist).Text
+local defaultTheme = TS.import(script, TS.getModule(script, "@rbxts-ui", "theme").dist).defaultTheme
+local function Checkbox(_param)
+	local checked = _param.checked
+	local onChecked = _param.onChecked
+	local text = _param.text
+	local variant = _param.variant
+	if variant == nil then
+		variant = "default"
+	end
+	local position = _param.position
+	local disabled = _param.disabled
+	if disabled == nil then
+		disabled = false
+	end
+	local theme = defaultTheme
+	local rem = useRem()
+	local hover, hoverMotion = useMotion(0)
+	local checkboxSize = if variant == "large" then 4 elseif variant == "small" then 1.7 else 3
+	local buttonSize = UDim2.new(0, rem(checkboxSize), 0, rem(checkboxSize))
+	local textWidth, textWidthMotion = useMotion({
+		label = 0,
+		value = 0,
+	})
+	local size = useMemo(function()
+		return textWidth:map(function(_param_1)
+			local label = _param_1.label
+			local value = _param_1.value
+			local content = math.max(label, value)
+			local width = checkboxSize
+			return UDim2.new(0, rem(width) + content, 0, rem(checkboxSize))
+		end)
+	end, { rem })
+	local cornerRadius = UDim.new(0, rem(1))
+	local mainColor = if disabled then theme.palette.overlay0 else theme.palette.black
+	local textColor = if disabled then theme.palette.overlay0 else theme.palette.black
+	return React.createElement(ReactiveButton, {
+		backgroundTransparency = 1,
+		size = size,
+		position = position,
+		onClick = function()
+			return not disabled and onChecked(not checked)
+		end,
+		onHover = function(hovered)
+			return hoverMotion:spring(if hovered then 1 else 0)
+		end,
+	}, React.createElement("uilistlayout", {
+		FillDirection = "Horizontal",
+		VerticalAlignment = "Center",
+		Padding = UDim.new(0, 8),
+	}), React.createElement(Frame, {
+		backgroundTransparency = 1,
+		size = buttonSize,
+	}, React.createElement(Frame, {
+		backgroundColor = theme.palette.white,
+		cornerRadius = cornerRadius,
+		size = UDim2.new(1, 0, 1, 0),
+	}, React.createElement("uigradient", {
+		Offset = lerpBinding(hover, Vector2.new(), Vector2.new(0, 1)),
+		Rotation = 90,
+		Transparency = NumberSequence.new(0, 0.1),
+	})), React.createElement(Outline, {
+		outerColor = mainColor,
+		innerColor = mainColor,
+		cornerRadius = cornerRadius,
+		innerTransparency = 0,
+		outerTransparency = 1,
+		innerThickness = 2,
+	}), React.createElement(Text, {
+		text = if checked then "✔" else "",
+		textColor = mainColor,
+		textScaled = true,
+		size = UDim2.new(1, 0, 1, 0),
+		position = UDim2.new(0.5, 0, 0.5, 0),
+		anchorPoint = Vector2.new(0.5, 0.5),
+		textXAlignment = "Center",
+		textYAlignment = "Center",
+		padding = 0.9,
+		rem = rem,
+	})), if text ~= "" and text then (React.createElement(Text, {
+		text = text,
+		size = UDim2.new(0, rem(2), 0, rem(2)),
+		textColor = textColor,
+		textXAlignment = "Left",
+		change = {
+			TextBounds = function(rbx)
+				textWidthMotion:spring({
+					value = rbx.TextBounds.X,
+				})
+			end,
+		},
+	})) else nil)
+end
+return {
+	Checkbox = Checkbox,
+}

package/dist/form/CheckboxRow.d.ts

@@ -0,0 +1,12 @@
+import React from "@rbxts/react";
+interface CheckboxRowProps {
+    label: string;
+    checked: boolean;
+    onChecked: () => void;
+    disabled?: boolean;
+    name?: string;
+    children?: React.ReactNode;
+}
+export declare function CheckboxRow({ label, checked, onChecked, disabled, name, children, }: CheckboxRowProps): JSX.Element;
+export type { CheckboxRowProps };
+//# sourceMappingURL=CheckboxRow.d.ts.map

package/dist/form/CheckboxRow.luau

@@ -0,0 +1,48 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local useRem = TS.import(script, TS.getModule(script, "@rbxts-ui", "@rbxts-ui/rem")).useRem
+local Checkbox = TS.import(script, script.Parent, "Checkbox").Checkbox
+local Button = TS.import(script, script.Parent.Parent, "buttons", "Button").Button
+local HStack = TS.import(script, TS.getModule(script, "@rbxts-ui", "layout").dist).HStack
+local Text = TS.import(script, TS.getModule(script, "@rbxts-ui", "primitives").dist).Text
+local defaultTheme = TS.import(script, TS.getModule(script, "@rbxts-ui", "theme").dist).defaultTheme
+local function CheckboxRow(_param)
+	local label = _param.label
+	local checked = _param.checked
+	local onChecked = _param.onChecked
+	local disabled = _param.disabled
+	if disabled == nil then
+		disabled = false
+	end
+	local name = _param.name
+	local children = _param.children
+	local theme = defaultTheme
+	local rem = useRem()
+	local textSize = rem(3)
+	return React.createElement(HStack, {
+		size = UDim2.new(1, 0, 0, 0),
+		automaticSize = Enum.AutomaticSize.Y,
+		spacing = rem(2),
+		name = name,
+	}, React.createElement(Checkbox, {
+		checked = checked,
+		variant = "large",
+		onChecked = onChecked,
+		disabled = disabled,
+	}), React.createElement(Button, {
+		backgroundTransparency = 1,
+		size = UDim2.new(1, 0, 0, rem(4)),
+		onClick = if disabled then function() end else onChecked,
+	}, React.createElement(Text, {
+		text = label,
+		textSize = textSize,
+		textScaled = true,
+		textColor = if disabled then theme.palette.overlay0 else theme.palette.crust,
+		size = UDim2.new(1, 0, 1, 0),
+		textXAlignment = "Left",
+	})), children)
+end
+return {
+	CheckboxRow = CheckboxRow,
+}

package/dist/form/Dropdown.d.ts

@@ -0,0 +1,16 @@
+import React from "@rbxts/react";
+interface DropdownOption<T> {
+    label: string;
+    value: T;
+}
+interface DropdownProps<T> {
+    options: Array<DropdownOption<T>>;
+    value?: T;
+    onChange: (value: T) => void;
+    size?: UDim2;
+    renderOption?: (option: DropdownOption<T>) => React.ReactNode;
+    portalRef?: React.RefObject<GuiObject>;
+}
+export declare function Dropdown<T>(props: DropdownProps<T>): JSX.Element;
+export type { DropdownOption, DropdownProps };
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/form/Dropdown.luau

@@ -0,0 +1,155 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local VStackScrolling = TS.import(script, TS.getModule(script, "@rbxts-ui", "layout").dist).VStackScrolling
+local Frame = TS.import(script, TS.getModule(script, "@rbxts-ui", "primitives").dist).Frame
+local useRem = TS.import(script, TS.getModule(script, "@rbxts-ui", "@rbxts-ui/rem")).useRem
+local defaultTheme = TS.import(script, TS.getModule(script, "@rbxts-ui", "theme").dist).defaultTheme
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useEffect = _react.useEffect
+local useRef = _react.useRef
+local useState = _react.useState
+local createPortal = TS.import(script, TS.getModule(script, "@rbxts", "react-roblox")).createPortal
+local DropdownButton = TS.import(script, script.Parent.Parent, "buttons", "DropdownButton").DropdownButton
+local DropdownOptionButton = TS.import(script, script.Parent.Parent, "buttons", "DropdownOptionButton").DropdownOptionButton
+local ClickOutsideLayer = TS.import(script, script.Parent.Parent, "utils", "ClickOutsideOverlay").ClickOutsideLayer
+local function Dropdown(props)
+	local _binding = props
+	local options = _binding.options
+	local value = _binding.value
+	local onChange = _binding.onChange
+	local size = _binding.size
+	local renderOption = _binding.renderOption
+	local portalRef = _binding.portalRef
+	local theme = defaultTheme
+	local isOpen, setIsOpen = useState(false)
+	local dropdownBounds, setDropdownBounds = useState()
+	local dropdownRef = useRef()
+	local rem = useRem()
+	local frameSize = size or UDim2.new(0.4, 0, 0, rem(5))
+	local optionHeight = rem(5)
+	-- ▼ ReadonlyArray.find ▼
+	local _callback = function(option)
+		return option.value == value
+	end
+	local _result
+	for _i, _v in options do
+		if _callback(_v, _i - 1, options) == true then
+			_result = _v
+			break
+		end
+	end
+	-- ▲ ReadonlyArray.find ▲
+	local selectedOption = _result
+	local cornerRadius = UDim.new(0, rem(1.7))
+	local dropdownHeight = #options * optionHeight
+	useEffect(function()
+		if not isOpen then
+			setDropdownBounds(nil)
+			return nil
+		end
+		local frame = dropdownRef.current
+		if not frame then
+			return nil
+		end
+		local updateBounds = function()
+			setDropdownBounds({
+				position = frame.AbsolutePosition,
+				size = frame.AbsoluteSize,
+			})
+		end
+		updateBounds()
+		local positionConnection = frame:GetPropertyChangedSignal("AbsolutePosition"):Connect(updateBounds)
+		local sizeConnection = frame:GetPropertyChangedSignal("AbsoluteSize"):Connect(updateBounds)
+		return function()
+			positionConnection:Disconnect()
+			sizeConnection:Disconnect()
+		end
+	end, { isOpen })
+	local renderOptions = function()
+		local _exp = React.createElement("uicorner", {
+			CornerRadius = cornerRadius,
+		})
+		local _exp_1 = React.createElement("uistroke", {
+			Color = theme.palette.crust,
+			Transparency = 0.5,
+			Thickness = 1,
+		})
+		-- ▼ ReadonlyArray.map ▼
+		local _newValue = table.create(#options)
+		local _callback_1 = function(option)
+			return React.createElement(DropdownOptionButton, {
+				key = tostring(option.value),
+				text = option.label,
+				size = UDim2.new(1, 0, 0, optionHeight),
+				onClick = function()
+					onChange(option.value)
+					setIsOpen(false)
+				end,
+			}, if renderOption then renderOption(option) else nil)
+		end
+		for _k, _v in options do
+			_newValue[_k] = _callback_1(_v, _k - 1, options)
+		end
+		-- ▲ ReadonlyArray.map ▲
+		return React.createElement(React.Fragment, nil, _exp, _exp_1, _newValue)
+	end
+	local dropdownOverlay = (function()
+		if not isOpen then
+			return nil
+		end
+		-- Use provided portalRef or fallback to Players.LocalPlayer.PlayerGui
+		local _container = portalRef
+		if _container ~= nil then
+			_container = _container.current
+		end
+		local container = _container
+		if not container then
+			return nil
+		end
+		if not dropdownBounds then
+			return nil
+		end
+		local containerPosition = container.AbsolutePosition
+		local relativePosition = dropdownBounds.position - containerPosition
+		local dropdownY = relativePosition.Y + dropdownBounds.size.Y
+		return createPortal(React.createElement(ClickOutsideLayer, {
+			onClickOutside = function()
+				return setIsOpen(false)
+			end,
+		}, React.createElement(VStackScrolling, {
+			Position = UDim2.new(0, relativePosition.X, 0, dropdownY),
+			Size = UDim2.new(0, dropdownBounds.size.X, 0, dropdownHeight),
+			BackgroundColor3 = theme.palette.white,
+			BackgroundTransparency = 0,
+			ClipsDescendants = true,
+			BorderColor3 = theme.palette.crust,
+			ZIndex = 2000,
+			paddingBottom = rem(1),
+		}, renderOptions())), container)
+	end)()
+	local _attributes = {}
+	local _result_1 = selectedOption
+	if _result_1 ~= nil then
+		_result_1 = _result_1.label
+	end
+	local _condition = _result_1
+	if not (_condition ~= "" and _condition) then
+		_condition = "Select..."
+	end
+	_attributes.text = _condition
+	_attributes.size = UDim2.new(1, 0, 1, 0)
+	_attributes.onClick = function()
+		return setIsOpen(not isOpen)
+	end
+	return React.createElement(Frame, {
+		backgroundTransparency = 1,
+		size = frameSize,
+		ref = dropdownRef,
+	}, React.createElement(DropdownButton, _attributes), dropdownOverlay, React.createElement("uiflexitem", {
+		FlexMode = Enum.UIFlexMode.Fill,
+	}))
+end
+return {
+	Dropdown = Dropdown,
+}

package/dist/form/DropdownRow.d.ts

@@ -0,0 +1,18 @@
+import React from "@rbxts/react";
+interface DropdownRowProps<T> {
+    label: string;
+    value?: T;
+    options: Array<{
+        label: string;
+        value: T;
+    }>;
+    onChange: (value: T) => void;
+    renderOption?: (option: {
+        label: string;
+        value: T;
+    }) => React.ReactNode;
+    portalRef?: React.RefObject<GuiObject>;
+}
+export declare function DropdownRow<T>({ label, value, options, onChange, renderOption, portalRef }: DropdownRowProps<T>): JSX.Element;
+export type { DropdownRowProps };
+//# sourceMappingURL=DropdownRow.d.ts.map

package/dist/form/DropdownRow.luau

@@ -0,0 +1,28 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local useRem = TS.import(script, TS.getModule(script, "@rbxts-ui", "@rbxts-ui/rem")).useRem
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local Dropdown = TS.import(script, script.Parent, "Dropdown").Dropdown
+local FormRow = TS.import(script, script.Parent, "FormRow").FormRow
+local function DropdownRow(_param)
+	local label = _param.label
+	local value = _param.value
+	local options = _param.options
+	local onChange = _param.onChange
+	local renderOption = _param.renderOption
+	local portalRef = _param.portalRef
+	local rem = useRem()
+	return React.createElement(FormRow, {
+		label = label,
+	}, React.createElement(Dropdown, {
+		options = options,
+		value = value,
+		onChange = onChange,
+		size = UDim2.new(1, 0, 0, rem(5)),
+		renderOption = renderOption,
+		portalRef = portalRef,
+	}))
+end
+return {
+	DropdownRow = DropdownRow,
+}

package/dist/form/FormRow.d.ts

@@ -0,0 +1,9 @@
+import React from "@rbxts/react";
+interface FormRowProps {
+    label: string;
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export declare function FormRow({ label, children, disabled }: FormRowProps): JSX.Element;
+export type { FormRowProps };
+//# sourceMappingURL=FormRow.d.ts.map

package/dist/form/FormRow.luau

@@ -0,0 +1,36 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local useRem = TS.import(script, TS.getModule(script, "@rbxts-ui", "@rbxts-ui/rem")).useRem
+local HStack = TS.import(script, TS.getModule(script, "@rbxts-ui", "layout").dist).HStack
+local Text = TS.import(script, TS.getModule(script, "@rbxts-ui", "primitives").dist).Text
+local defaultTheme = TS.import(script, TS.getModule(script, "@rbxts-ui", "theme").dist).defaultTheme
+local INPUT_HEIGHT = 5
+local function FormRow(_param)
+	local label = _param.label
+	local children = _param.children
+	local disabled = _param.disabled
+	local theme = defaultTheme
+	local rem = useRem()
+	local textSize = rem(3)
+	local labelWidth = rem(20)
+	return React.createElement(HStack, {
+		size = UDim2.new(1, 0, 0, 0),
+		automaticSize = Enum.AutomaticSize.Y,
+	}, React.createElement(Text, {
+		text = label,
+		textSize = textSize,
+		textScaled = true,
+		textColor = if disabled then theme.palette.disabled else theme.palette.crust,
+		size = UDim2.new(0.3, 0, 0, rem(INPUT_HEIGHT)),
+		textXAlignment = "Left",
+	}, React.createElement("uisizeconstraint", {
+		MaxSize = Vector2.new(labelWidth, math.huge),
+	})), React.createElement(HStack, {
+		size = UDim2.new(0.7, 0, 0, rem(INPUT_HEIGHT)),
+		spacing = rem(2),
+	}, children))
+end
+return {
+	FormRow = FormRow,
+}

package/dist/form/InputRound.d.ts

@@ -0,0 +1,18 @@
+import React from "@rbxts/react";
+interface InputRoundProps {
+    readonly onClick?: () => void;
+    readonly emoji: string;
+    readonly placeholderText: string;
+    readonly value: string;
+    readonly primary: Color3;
+    readonly order: number;
+    readonly width?: number;
+    readonly height?: number;
+    readonly children?: React.ReactNode;
+    readonly onTextChanged?: (text: string) => void;
+    readonly debounceDelay?: number;
+    readonly disabled?: boolean;
+}
+export declare const InputRound: React.ForwardRefExoticComponent<InputRoundProps & React.RefAttributes<TextBox>>;
+export type { InputRoundProps };
+//# sourceMappingURL=InputRound.d.ts.map