@rbxts/uiblox 0.2.0-alpha.24 → 0.2.0-alpha.26

package/out/ui/packages/stepper/components/Stepper.luau

@@ -3,6 +3,7 @@ local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").cx
 local stepState = TS.import(script, script.Parent, "stepState").stepState
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useStepperStyles = TS.import(script, script.Parent, "Stepper.styles").default
 local function Stepper(props)
 	local _binding = props
@@ -19,26 +20,18 @@ local function Stepper(props)
 	local styles = useStepperStyles({
 		orientation = orientation,
 	})
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Stepper"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
 	local _attributes_1 = table.clone(styles.list)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
@@ -60,7 +53,7 @@ local function Stepper(props)
 		_newValue[_k] = _callback(_v, _k - 1, steps)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
+	return React.createElement(SxHost, _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = Stepper
 return {

package/out/ui/packages/switch/components/Switch.luau

@@ -11,6 +11,7 @@ local controlMetrics = _theme.controlMetrics
 local cx = _theme.cx
 local useTheme = _theme.useTheme
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local playProperty = TS.import(script, script.Parent.Parent.Parent, "motion").playProperty
 local useSwitchStyles = TS.import(script, script.Parent, "Switch.styles").default
 local _switchLook = TS.import(script, script.Parent, "switchLook")
@@ -78,26 +79,25 @@ local function Switch(props)
 		end
 		return playProperty(thumb, goal, THUMB_SECONDS, reducedMotion)
 	end, { placement.scaleX, placement.offsetX, placement.anchorX, reducedMotion })
-	local _attributes = {}
+	local _attributes = {
+		tag = "textbutton",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Switch"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = root
+	_attributes.className = className
+	_attributes.sx = sx
+	_attributes.state = {
+		disabled = disabled,
+		checked = on,
+		hover = hovering,
+		pressed = pressed,
+		focused = focused,
+	}
 	_attributes.Active = active
 	_attributes.Selectable = not disabled
 	_attributes.BackgroundTransparency = if focused and active then 0.85 else 1
@@ -167,7 +167,7 @@ local function Switch(props)
 		_attributes_7.LayoutOrder = 2
 		_condition_1 = (React.createElement("textlabel", _attributes_7))
 	end
-	return React.createElement("textbutton", _attributes, _exp, _exp_3, _condition_1)
+	return React.createElement(SxHost, _attributes, _exp, _exp_3, _condition_1)
 end
 local default = Switch
 return {

package/out/ui/packages/table/components/Table.luau

@@ -3,6 +3,7 @@ local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").cx
 local rowSelected = TS.import(script, script.Parent, "rowSelected").rowSelected
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useTableStyles = TS.import(script, script.Parent, "Table.styles").default
 local function Table(props)
 	local _binding = props
@@ -19,26 +20,18 @@ local function Table(props)
 		dense = dense,
 	})
 	local width = if #columns > 0 then 1 / #columns else 1
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Table"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
 	local _attributes_1 = table.clone(styles.corner)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uicorner", _attributes_1)
@@ -130,7 +123,7 @@ local function Table(props)
 		_newValue_1[_k] = _callback_1(_v, _k - 1, rows)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_4, React.createElement(React.Fragment, nil, _newValue_1))
+	return React.createElement(SxHost, _attributes, _exp, _exp_1, _exp_4, React.createElement(React.Fragment, nil, _newValue_1))
 end
 local default = Table
 return {

package/out/ui/packages/tabs/components/Tabs.luau

@@ -4,6 +4,7 @@ local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").cx
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
 local stepChoice = TS.import(script, script.Parent.Parent.Parent, "select", "components", "stepChoice").stepChoice
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local tabsIsVertical = TS.import(script, script.Parent, "tabsOrientation").tabsIsVertical
 local useTabsStyles = TS.import(script, script.Parent, "Tabs.styles").default
 local function Tabs(props)
@@ -51,26 +52,21 @@ local function Tabs(props)
 			choose(stepChoice(options, index, 1))
 		end
 	end
-	local _attributes = {}
+	local _attributes = {
+		tag = "scrollingframe",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Tabs"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
+	_attributes.state = {
+		disabled = disabled,
+	}
 	local _attributes_1 = table.clone(styles.list)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
@@ -114,7 +110,7 @@ local function Tabs(props)
 		_newValue[_k] = _callback(_v, _k - 1, options)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("scrollingframe", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
+	return React.createElement(SxHost, _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = Tabs
 return {

package/out/ui/packages/toast/components/Toast.luau

@@ -7,6 +7,7 @@ local useEffect = _react.useEffect
 local useRef = _react.useRef
 local DEFAULT_THEME = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").DEFAULT_THEME
 local Directions = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Directions
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local Shadow = TS.import(script, script.Parent.Parent.Parent, "shadow").Shadow
 local useToastStyles = TS.import(script, script.Parent, "Toast.styles").default
 local TWEEN_DURATION = 0.5
@@ -60,26 +61,28 @@ local function Toast(props)
 			onDismiss()
 		end
 	end, {})
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Toast"
 	end
 	_attributes.key = _condition
-	_attributes.ref = frameRef
-	for _k, _v in container do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
+	_attributes.hostRef = function(instance)
+		frameRef.current = instance
+		if ref == nil then
+			return nil
 		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
+		if type(ref) == "function" then
+			ref(instance)
+			return nil
 		end
+		ref.current = instance
 	end
+	_attributes.base = container
+	_attributes.className = className
+	_attributes.sx = sx
 	local _exp = React.createElement("uicorner", {
 		key = "Corner",
 		CornerRadius = UDim.new(0, DEFAULT_THEME.shape.borderRadius),
@@ -129,7 +132,7 @@ local function Toast(props)
 			end
 		end,
 	}
-	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_2, _condition_1, React.createElement("imagebutton", _attributes_2))
+	return React.createElement(SxHost, _attributes, _exp, _exp_1, _exp_2, _condition_1, React.createElement("imagebutton", _attributes_2))
 end
 local default = Toast
 return {

package/out/ui/packages/toggleButton/components/ToggleButton.luau

@@ -2,6 +2,7 @@
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useToggleButtonStyles = TS.import(script, script.Parent, "ToggleButton.styles").default
 local function ToggleButton(props)
 	local _binding = props
@@ -23,26 +24,22 @@ local function ToggleButton(props)
 		size = size,
 	})
 	local active = canActivate(disabled)
-	local _attributes = {}
+	local _attributes = {
+		tag = "textbutton",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "ToggleButton"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
+	_attributes.state = {
+		disabled = disabled,
+		selected = selected,
+	}
 	_attributes.Text = label
 	_attributes.Active = active
 	_attributes.Selectable = active
@@ -64,7 +61,7 @@ local function ToggleButton(props)
 	local _exp_1 = React.createElement("uicorner", _attributes_2)
 	local _attributes_3 = table.clone(styles.stroke)
 	setmetatable(_attributes_3, nil)
-	return React.createElement("textbutton", _attributes, _exp, _exp_1, React.createElement("uistroke", _attributes_3))
+	return React.createElement(SxHost, _attributes, _exp, _exp_1, React.createElement("uistroke", _attributes_3))
 end
 local function ToggleButtonGroup(props)
 	local _binding = props
@@ -82,26 +79,21 @@ local function ToggleButtonGroup(props)
 		size = size,
 		orientation = orientation,
 	})
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "ToggleButtonGroup"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.group do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.group
+	_attributes.className = className
+	_attributes.sx = sx
+	_attributes.state = {
+		disabled = disabled,
+	}
 	local _attributes_1 = table.clone(styles.list)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
@@ -128,7 +120,7 @@ local function ToggleButtonGroup(props)
 		_newValue[_k] = _callback(_v, _k - 1, options)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
+	return React.createElement(SxHost, _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = ToggleButton
 return {

package/out/ui/packages/tooltip/components/Tooltip.luau

@@ -7,6 +7,7 @@ local useRef = _react.useRef
 local useState = _react.useState
 local TextService = TS.import(script, TS.getModule(script, "@rbxts", "services")).TextService
 local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local Popup = TS.import(script, script.Parent.Parent.Parent, "popup").Popup
 local useTooltipStyles = TS.import(script, script.Parent, "Tooltip.styles").default
 local function Tooltip(props)
@@ -50,26 +51,18 @@ local function Tooltip(props)
 	useEffect(function()
 		return cancel
 	end, {})
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition_1 = id
 	if not (_condition_1 ~= 0 and _condition_1 == _condition_1 and _condition_1 ~= "" and _condition_1) then
 		_condition_1 = "Tooltip"
 	end
 	_attributes.key = _condition_1
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
 	_attributes.Event = {
 		MouseEnter = function(rbx)
 			setAnchor(rbx)
@@ -111,7 +104,7 @@ local function Tooltip(props)
 			preferredHeight = tipHeight,
 		}, React.createElement("textlabel", _attributes_1, _exp_1, _exp_2, React.createElement("uistroke", _attributes_4))))
 	end
-	return React.createElement("frame", _attributes, _exp, _condition_2)
+	return React.createElement(SxHost, _attributes, _exp, _condition_2)
 end
 local default = Tooltip
 return {

package/out/ui/packages/treeView/components/TreeView.luau

@@ -9,6 +9,7 @@ local useState = _react.useState
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local cx = _theme.cx
 local useTheme = _theme.useTheme
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local Icon = TS.import(script, script.Parent.Parent.Parent, "icon").Icon
 local Typography = TS.import(script, script.Parent.Parent.Parent, "typography").Typography
 local VirtualList = TS.import(script, script.Parent.Parent.Parent, "virtualList").VirtualList
@@ -252,26 +253,18 @@ local function TreeView(props)
 			family = if bold then "bold" else "default",
 		}))
 	end
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "TreeView"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = root
+	_attributes.className = className
+	_attributes.sx = sx
 	local _attributes_1 = {}
 	local _object = {
 		Text = tree.title,
@@ -283,7 +276,7 @@ local function TreeView(props)
 	_attributes_1.color = "textSecondary"
 	_attributes_1.variant = "body"
 	_attributes_1.family = "bold"
-	return React.createElement("frame", _attributes, React.createElement(Typography, _attributes_1), React.createElement(VirtualList, {
+	return React.createElement(SxHost, _attributes, React.createElement(Typography, _attributes_1), React.createElement(VirtualList, {
 		key = "List",
 		items = rows,
 		getKey = function(entry)

package/out/ui/packages/typography/components/Typography.luau

@@ -1,6 +1,7 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useTypographyStyles = TS.import(script, script.Parent, "Typography.styles").default
 local function Typography(props)
 	local _binding = props
@@ -16,31 +17,29 @@ local function Typography(props)
 	local _binding_1 = useTypographyStyles(props)
 	local root = _binding_1.root
 	local variantToken = _binding_1.variantToken
-	local _attributes = {}
+	local _attributes = {
+		tag = "textlabel",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Typography"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in root do
-		_attributes[_k] = _v
-	end
-	_attributes.Text = text
+	_attributes.hostRef = ref
+	local _object = table.clone(root)
+	setmetatable(_object, nil)
+	_object.Text = text
 	if className ~= 0 and className == className and className ~= "" and className then
 		for _k, _v in className do
-			_attributes[_k] = _v
+			_object[_k] = _v
 		end
 	end
 	for _k, _v in variantToken do
-		_attributes[_k] = _v
-	end
-	if sx ~= 0 and sx == sx and sx ~= "" and sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
+		_object[_k] = _v
 	end
-	return React.createElement("textlabel", _attributes, children)
+	_attributes.base = _object
+	_attributes.sx = sx
+	return React.createElement(SxHost, _attributes, children)
 end
 local default = Typography
 return {

package/out/ui/packages/udimEditor/components/UDimEditor.luau

@@ -1,6 +1,7 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
 local _vectorValue = TS.import(script, script.Parent.Parent.Parent, "vectorEditor", "components", "vectorValue")
 local writeUDim = _vectorValue.writeUDim
@@ -41,26 +42,21 @@ local function UDimEditor(props)
 			onChange = commit,
 		})))
 	end
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "UDimEditor"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
+	_attributes.state = {
+		disabled = disabled,
+	}
 	local _attributes_1 = table.clone(styles.column)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
@@ -119,7 +115,7 @@ local function UDimEditor(props)
 			return onChange(writeUDim(value, "Offset", amount))
 		end, 2)))
 	end
-	return React.createElement("frame", _attributes, _exp, _result)
+	return React.createElement(SxHost, _attributes, _exp, _result)
 end
 local default = UDimEditor
 return {

package/out/ui/packages/vectorEditor/components/VectorEditor.luau

@@ -1,6 +1,7 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
 local useVectorEditorStyles = TS.import(script, script.Parent, "VectorEditor.styles").default
 local _vectorValue = TS.import(script, script.Parent, "vectorValue")
@@ -19,26 +20,21 @@ local function VectorEditor(props)
 	local styles = useVectorEditorStyles()
 	local isVector3 = typeof(value) == "Vector3"
 	local axes = props.axes or (if isVector3 then ({ "X", "Y", "Z" }) else ({ "X", "Y" }))
-	local _attributes = {}
+	local _attributes = {
+		tag = "frame",
+	}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "VectorEditor"
 	end
 	_attributes.key = _condition
-	_attributes.ref = ref
-	for _k, _v in styles.root do
-		_attributes[_k] = _v
-	end
-	if className then
-		for _k, _v in className do
-			_attributes[_k] = _v
-		end
-	end
-	if sx then
-		for _k, _v in sx do
-			_attributes[_k] = _v
-		end
-	end
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
+	_attributes.state = {
+		disabled = disabled,
+	}
 	local _attributes_1 = table.clone(styles.row)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
@@ -79,7 +75,7 @@ local function VectorEditor(props)
 		_newValue[_k] = _callback(_v, _k - 1, axes)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement("frame", _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
+	return React.createElement(SxHost, _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
 end
 local default = VectorEditor
 return {

package/out/ui/packages/virtualList/components/EmptyListHint.d.ts

@@ -1,6 +1,7 @@
+import { CustomizedProps } from "../../../../theme/index";
 export interface EmptyListHintProps {
     text: string;
     height?: number;
 }
-declare function EmptyListHint(props: EmptyListHintProps): JSX.Element;
+declare function EmptyListHint(props: CustomizedProps<TextLabel, EmptyListHintProps>): JSX.Element;
 export default EmptyListHint;