@rbxts/uiblox 0.2.0-alpha.36 → 0.2.0-alpha.37

package/out/ui/packages/slider/components/Slider.styles.luau

@@ -4,14 +4,20 @@ local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "the
 local controlMetrics = _theme.controlMetrics
 local createStyles = _theme.createStyles
 local componentStyles = _theme.componentStyles
+local focusRing = _theme.focusRing
 local useSliderStyles = componentStyles("Slider", function(theme, _param)
 	local size = _param.size
 	local color = _param.color
 	if color == nil then
 		color = "primary"
 	end
+	local labeled = _param.labeled
+	if labeled == nil then
+		labeled = false
+	end
 	local metrics = controlMetrics(theme.density, size)
 	local tone = if color == "accent" then theme.palette.accent.main else theme.palette.primary.main
+	local caption = theme.typography.variants.caption
 	return createStyles({
 		root = {
 			Size = UDim2.new(1, 0, 0, metrics.sliderHeight),
@@ -19,7 +25,7 @@ local useSliderStyles = componentStyles("Slider", function(theme, _param)
 			BorderSizePixel = 0,
 		},
 		track = {
-			Size = UDim2.new(1, 0, 0, metrics.sliderTrack),
+			Size = UDim2.new(1, if labeled then -56 else 0, 0, metrics.sliderTrack),
 			Position = UDim2.fromScale(0, 0.5),
 			AnchorPoint = Vector2.new(0, 0.5),
 			BackgroundColor3 = theme.palette.action.disabled,
@@ -39,10 +45,18 @@ local useSliderStyles = componentStyles("Slider", function(theme, _param)
 		corner = {
 			CornerRadius = UDim.new(1, 0),
 		},
-		stroke = {
-			Color = theme.palette.focus,
-			Thickness = 2,
-			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+		stroke = focusRing(theme.palette.focus),
+		label = {
+			Size = UDim2.new(0, 52, 1, 0),
+			Position = UDim2.fromScale(1, 0.5),
+			AnchorPoint = Vector2.new(1, 0.5),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Font = theme.typography.fontFamilies[caption.family],
+			TextSize = caption.size,
+			TextColor3 = theme.palette.text.secondary,
+			TextXAlignment = Enum.TextXAlignment.Right,
+			TextYAlignment = Enum.TextYAlignment.Center,
 		},
 		mark = {
 			Size = UDim2.new(0, 2, 0, metrics.sliderTrack + 4),

package/out/ui/packages/slider/components/rangeValue.d.ts

@@ -0,0 +1,21 @@
+export type RangeThumb = "low" | "high";
+export interface RangeValue {
+    start: number;
+    finish: number;
+}
+export declare function orderRange(start: number, finish: number): RangeValue;
+export declare function rangeRatios(start: number, finish: number, min: number, max: number): {
+    low: number;
+    high: number;
+};
+/** Ties belong to the high thumb. */
+export declare function rangeThumb(pointer: number, start: number, finish: number): RangeThumb;
+export declare function rangeMove(thumb: RangeThumb, value: number, start: number, finish: number): {
+    thumb: "high";
+    start: number;
+    finish: number;
+} | {
+    thumb: "low";
+    start: number;
+    finish: number;
+};

package/out/ui/packages/slider/components/rangeValue.luau

@@ -0,0 +1,77 @@
+-- Compiled with roblox-ts v3.0.0
+local function orderRange(start, finish)
+	if start <= finish then
+		return {
+			start = start,
+			finish = finish,
+		}
+	end
+	return {
+		start = finish,
+		finish = start,
+	}
+end
+local function unit(value, min, span)
+	local ratio = (value - min) / span
+	if ratio < 0 then
+		ratio = 0
+	end
+	if ratio > 1 then
+		ratio = 1
+	end
+	return ratio
+end
+local function rangeRatios(start, finish, min, max)
+	local span = max - min
+	local ordered = orderRange(start, finish)
+	if not (span > 0) then
+		return {
+			low = 0,
+			high = 0,
+		}
+	end
+	return {
+		low = unit(ordered.start, min, span),
+		high = unit(ordered.finish, min, span),
+	}
+end
+--* Ties belong to the high thumb. 
+local function rangeThumb(pointer, start, finish)
+	local ordered = orderRange(start, finish)
+	return if pointer < (ordered.start + ordered.finish) / 2 then "low" else "high"
+end
+local function rangeMove(thumb, value, start, finish)
+	local ordered = orderRange(start, finish)
+	if thumb == "low" then
+		if value > ordered.finish then
+			return {
+				thumb = "high",
+				start = ordered.finish,
+				finish = value,
+			}
+		end
+		return {
+			thumb = "low",
+			start = value,
+			finish = ordered.finish,
+		}
+	end
+	if value < ordered.start then
+		return {
+			thumb = "low",
+			start = value,
+			finish = ordered.start,
+		}
+	end
+	return {
+		thumb = "high",
+		start = ordered.start,
+		finish = value,
+	}
+end
+return {
+	orderRange = orderRange,
+	rangeRatios = rangeRatios,
+	rangeThumb = rangeThumb,
+	rangeMove = rangeMove,
+}

package/out/ui/packages/slider/components/sliderLabel.d.ts

@@ -0,0 +1,4 @@
+/** Caption for the current value. Missing or blank format leaves the track full width. */
+export declare function sliderLabel(format: ((value: number) => string) | undefined, value: number): string | undefined;
+/** A long caption grows past the short slot. A short caption keeps that slot. */
+export declare function sliderSlot(textWidth: number, floor: number, pad?: number): number;

package/out/ui/packages/slider/components/sliderLabel.luau

@@ -0,0 +1,30 @@
+-- Compiled with roblox-ts v3.0.0
+--* Caption for the current value. Missing or blank format leaves the track full width. 
+local function sliderLabel(format, value)
+	if format == nil then
+		return nil
+	end
+	local text = format(value)
+	if text == "" then
+		return nil
+	end
+	return text
+end
+--* A long caption grows past the short slot. A short caption keeps that slot. 
+local function sliderSlot(textWidth, floor, pad)
+	if pad == nil then
+		pad = 0
+	end
+	local need = textWidth + pad
+	if need < 0 then
+		need = 0
+	end
+	if floor > need then
+		return floor
+	end
+	return need
+end
+return {
+	sliderLabel = sliderLabel,
+	sliderSlot = sliderSlot,
+}

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

@@ -1,2 +1,5 @@
 export { default as Slider } from "./components/Slider";
 export { SliderProps } from "./components/Slider";
+export { default as RangeSlider } from "./components/RangeSlider";
+export { RangeSliderProps } from "./components/RangeSlider";
+export { orderRange, rangeMove, rangeRatios, rangeThumb, RangeValue } from "./components/rangeValue";

package/out/ui/packages/slider/init.luau

@@ -2,4 +2,10 @@
 local TS = _G[script]
 local exports = {}
 exports.Slider = TS.import(script, script, "components", "Slider").default
+exports.RangeSlider = TS.import(script, script, "components", "RangeSlider").default
+local _rangeValue = TS.import(script, script, "components", "rangeValue")
+exports.orderRange = _rangeValue.orderRange
+exports.rangeMove = _rangeValue.rangeMove
+exports.rangeRatios = _rangeValue.rangeRatios
+exports.rangeThumb = _rangeValue.rangeThumb
 return exports

package/out/ui/packages/snackbar/components/Snackbar.d.ts

@@ -8,6 +8,7 @@ export interface SnackbarProps {
     open?: boolean;
     action?: string;
     onAction?: () => void;
+    edge?: "top" | "bottom";
 }
 declare function Snackbar(props: CustomizedProps<Frame, SnackbarProps>): JSX.Element | undefined;
 export default Snackbar;

package/out/ui/packages/snackbar/components/Snackbar.luau

@@ -15,6 +15,7 @@ local function Snackbar(props)
 	end
 	local action = _binding.action
 	local onAction = _binding.onAction
+	local edge = _binding.edge
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
@@ -29,6 +30,7 @@ local function Snackbar(props)
 		variant = variant,
 		action = snackbarActionLabel(action),
 		onAction = onAction,
+		edge = edge,
 		className = className,
 		sx = sx,
 	}

package/out/ui/packages/sparkline/components/Sparkline.d.ts

@@ -4,6 +4,9 @@ export interface SparklineProps {
     width?: number;
     height?: number;
     color?: Color3;
+    area?: boolean;
+    mark?: number;
+    onPick?: (index: number) => void;
 }
 declare function Sparkline(props: CustomizedProps<Frame, SparklineProps>): JSX.Element;
 export default Sparkline;

package/out/ui/packages/sparkline/components/Sparkline.luau

@@ -1,9 +1,15 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useRef = _react.useRef
 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 sparklineLayout = TS.import(script, script.Parent.Parent, "sparklineLayout").sparklineLayout
+local _sparklineLayout = TS.import(script, script.Parent.Parent, "sparklineLayout")
+local sparklineArea = _sparklineLayout.sparklineArea
+local sparklineLayout = _sparklineLayout.sparklineLayout
+local sparklinePick = _sparklineLayout.sparklinePick
+local sparklinePoint = _sparklineLayout.sparklinePoint
 local function Sparkline(props)
 	local _binding = props
 	local values = _binding.values
@@ -16,13 +22,19 @@ local function Sparkline(props)
 		height = 36
 	end
 	local color = _binding.color
+	local area = _binding.area
+	local mark = _binding.mark
+	local onPick = _binding.onPick
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
 	local _binding_1 = useTheme()
 	local theme = _binding_1.theme
+	local host = useRef()
 	local segments = sparklineLayout(values, width, height)
+	local bars = if area == true then sparklineArea(values, width, height) else {}
+	local marked = if mark ~= nil then sparklinePoint(values, mark, width, height) else nil
 	local stroke = color or theme.palette.primary.main
 	local _attributes = {
 		tag = "frame",
@@ -32,7 +44,30 @@ local function Sparkline(props)
 		_condition = "Sparkline"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
+	_attributes.hostRef = function(instance)
+		host.current = instance
+		if ref == nil then
+			return nil
+		end
+		if type(ref) == "function" then
+			ref(instance)
+			return nil
+		end
+		ref.current = instance
+	end
+	_attributes.Active = onPick ~= nil
+	_attributes.Event = if onPick == nil then nil else {
+		InputBegan = function(input)
+			local frame = host.current
+			if frame == nil then
+				return nil
+			end
+			if input.UserInputType ~= Enum.UserInputType.MouseButton1 and input.UserInputType ~= Enum.UserInputType.Touch then
+				return nil
+			end
+			sparklinePick(input.Position.X - frame.AbsolutePosition.X, #values, width, onPick)
+		end,
+	}
 	_attributes.base = {
 		Size = UDim2.fromOffset(width, height),
 		BackgroundTransparency = 1,
@@ -42,8 +77,35 @@ local function Sparkline(props)
 	_attributes.className = className
 	_attributes.sx = sx
 	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#segments)
-	local _callback = function(segment, index)
+	local _newValue = table.create(#bars)
+	local _callback = function(bar, index)
+		return if bar.height < 1 then nil else (React.createElement("frame", {
+			key = `a-{index}`,
+			Position = UDim2.fromOffset(bar.x, bar.y),
+			Size = UDim2.fromOffset(math.max(bar.width, 1), bar.height),
+			BackgroundColor3 = stroke,
+			BackgroundTransparency = 0.62,
+			BorderSizePixel = 0,
+		}))
+	end
+	for _k, _v in bars do
+		_newValue[_k] = _callback(_v, _k - 1, bars)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	local _exp = if marked ~= nil then (React.createElement("frame", {
+		key = "Mark",
+		AnchorPoint = Vector2.new(0.5, 0.5),
+		Position = UDim2.fromOffset(marked.x, marked.y),
+		Size = UDim2.fromOffset(8, 8),
+		BackgroundColor3 = stroke,
+		BorderSizePixel = 0,
+		ZIndex = 3,
+	}, React.createElement("uicorner", {
+		CornerRadius = UDim.new(1, 0),
+	}))) else nil
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue_1 = table.create(#segments)
+	local _callback_1 = function(segment, index)
 		return React.createElement("frame", {
 			key = `s-{index}`,
 			AnchorPoint = Vector2.new(0.5, 0.5),
@@ -55,10 +117,10 @@ local function Sparkline(props)
 		})
 	end
 	for _k, _v in segments do
-		_newValue[_k] = _callback(_v, _k - 1, segments)
+		_newValue_1[_k] = _callback_1(_v, _k - 1, segments)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement(SxHost, _attributes, _newValue)
+	return React.createElement(SxHost, _attributes, _newValue, _exp, _newValue_1)
 end
 local default = Sparkline
 return {

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

@@ -1,3 +1,3 @@
 export { default as Sparkline } from "./components/Sparkline";
 export { SparklineProps } from "./components/Sparkline";
-export { sparklineLayout, SparkSegment } from "./sparklineLayout";
+export { sparklineArea, sparklineIndex, sparklineLayout, sparklinePick, sparklinePoint, SparkBar, SparkSegment } from "./sparklineLayout";

package/out/ui/packages/sparkline/init.luau

@@ -2,5 +2,10 @@
 local TS = _G[script]
 local exports = {}
 exports.Sparkline = TS.import(script, script, "components", "Sparkline").default
-exports.sparklineLayout = TS.import(script, script, "sparklineLayout").sparklineLayout
+local _sparklineLayout = TS.import(script, script, "sparklineLayout")
+exports.sparklineArea = _sparklineLayout.sparklineArea
+exports.sparklineIndex = _sparklineLayout.sparklineIndex
+exports.sparklineLayout = _sparklineLayout.sparklineLayout
+exports.sparklinePick = _sparklineLayout.sparklinePick
+exports.sparklinePoint = _sparklineLayout.sparklinePoint
 return exports

package/out/ui/packages/sparkline/sparklineLayout.d.ts

@@ -4,5 +4,22 @@ export interface SparkSegment {
     length: number;
     rotation: number;
 }
+export interface SparkBar {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 /** Line segments for a number series. Empty and single-point series draw nothing. */
 export declare function sparklineLayout(values: number[], width: number, height: number, pad?: number): SparkSegment[];
+/** Vertical slices under the line. Missing when the series cannot draw. */
+export declare function sparklineArea(values: number[], width: number, height: number, pad?: number): SparkBar[];
+/** Nearest sample from a local x. Undefined when the trace cannot be hit. */
+export declare function sparklineIndex(localX: number, count: number, width: number, pad?: number): number | undefined;
+/** Calls onPick with the nearest sample. Does nothing when the callback is absent. */
+export declare function sparklinePick(localX: number, count: number, width: number, onPick?: (index: number) => void, pad?: number): number | undefined;
+/** Point for a sample, used to mark the trace. */
+export declare function sparklinePoint(values: number[], index: number, width: number, height: number, pad?: number): {
+    x: number;
+    y: number;
+} | undefined;

package/out/ui/packages/sparkline/sparklineLayout.luau

@@ -1,12 +1,8 @@
 -- Compiled with roblox-ts v3.0.0
---* Line segments for a number series. Empty and single-point series draw nothing. 
-local function sparklineLayout(values, width, height, pad)
-	if pad == nil then
-		pad = 4
-	end
+local function sparklinePoints(values, width, height, pad)
 	local count = #values
 	if count < 2 or width <= pad * 2 or height <= pad * 2 then
-		return {}
+		return nil
 	end
 	local min = values[1]
 	local max = values[1]
@@ -42,7 +38,22 @@ local function sparklineLayout(values, width, height, pad)
 			table.insert(points, _arg0)
 		end
 	end
+	return {
+		points = points,
+		baseline = pad + innerH,
+	}
+end
+--* Line segments for a number series. Empty and single-point series draw nothing. 
+local function sparklineLayout(values, width, height, pad)
+	if pad == nil then
+		pad = 4
+	end
+	local laid = sparklinePoints(values, width, height, pad)
+	if laid == nil then
+		return {}
+	end
 	local segments = {}
+	local count = #laid.points
 	do
 		local index = 0
 		local _shouldIncrement = false
@@ -55,8 +66,8 @@ local function sparklineLayout(values, width, height, pad)
 			if not (index < count - 1) then
 				break
 			end
-			local start = points[index + 1]
-			local finish = points[index + 2]
+			local start = laid.points[index + 1]
+			local finish = laid.points[index + 2]
 			local dx = finish.x - start.x
 			local dy = finish.y - start.y
 			local _arg0 = {
@@ -70,6 +81,119 @@ local function sparklineLayout(values, width, height, pad)
 	end
 	return segments
 end
+--* Vertical slices under the line. Missing when the series cannot draw. 
+local function sparklineArea(values, width, height, pad)
+	if pad == nil then
+		pad = 4
+	end
+	local laid = sparklinePoints(values, width, height, pad)
+	if laid == nil then
+		return {}
+	end
+	local bars = {}
+	local count = #laid.points
+	do
+		local index = 0
+		local _shouldIncrement = false
+		while true do
+			if _shouldIncrement then
+				index += 1
+			else
+				_shouldIncrement = true
+			end
+			if not (index < count - 1) then
+				break
+			end
+			local start = laid.points[index + 1]
+			local finish = laid.points[index + 2]
+			local span = finish.x - start.x
+			local slices = math.max(1, math.floor(span / 4))
+			local sliceW = span / slices
+			do
+				local slice = 0
+				local _shouldIncrement_1 = false
+				while true do
+					if _shouldIncrement_1 then
+						slice += 1
+					else
+						_shouldIncrement_1 = true
+					end
+					if not (slice < slices) then
+						break
+					end
+					local y = start.y + (finish.y - start.y) * (slice / slices)
+					local top = math.min(y, laid.baseline)
+					local _arg0 = {
+						x = start.x + slice * sliceW,
+						y = top,
+						width = sliceW,
+						height = math.max(0, laid.baseline - top),
+					}
+					table.insert(bars, _arg0)
+				end
+			end
+		end
+	end
+	return bars
+end
+--* Nearest sample from a local x. Undefined when the trace cannot be hit. 
+local function sparklineIndex(localX, count, width, pad)
+	if pad == nil then
+		pad = 4
+	end
+	if count < 1 or width <= pad * 2 then
+		return nil
+	end
+	local span = width - pad * 2
+	local along = (localX - pad) / span
+	if along < 0 then
+		along = 0
+	end
+	if along > 1 then
+		along = 1
+	end
+	if count == 1 then
+		return 0
+	end
+	local index = math.floor(along * (count - 1) + 0.5)
+	if index < 0 then
+		return 0
+	end
+	if index > count - 1 then
+		return count - 1
+	end
+	return index
+end
+--* Calls onPick with the nearest sample. Does nothing when the callback is absent. 
+local function sparklinePick(localX, count, width, onPick, pad)
+	if pad == nil then
+		pad = 4
+	end
+	if onPick == nil then
+		return nil
+	end
+	local index = sparklineIndex(localX, count, width, pad)
+	if index == nil then
+		return nil
+	end
+	onPick(index)
+	return index
+end
+--* Point for a sample, used to mark the trace. 
+local function sparklinePoint(values, index, width, height, pad)
+	if pad == nil then
+		pad = 4
+	end
+	local laid = sparklinePoints(values, width, height, pad)
+	if laid == nil or index < 0 or index >= #laid.points then
+		return nil
+	end
+	return laid.points[index + 1]
+end
 return {
 	sparklineLayout = sparklineLayout,
+	sparklineArea = sparklineArea,
+	sparklineIndex = sparklineIndex,
+	sparklinePick = sparklinePick,
+	sparklinePoint = sparklinePoint,
 }

package/out/ui/packages/speedDial/components/SpeedDial.d.ts

@@ -3,6 +3,7 @@ import { Icons } from "../../../enums/index";
 import { SpeedDialDirection } from "./SpeedDial.styles";
 export interface SpeedDialAction {
     icon: Icons;
+    label?: string;
     disabled?: boolean;
     onClick?: () => void;
 }

package/out/ui/packages/speedDial/components/SpeedDial.luau

@@ -5,6 +5,9 @@ local Icons = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Ico
 local Fab = TS.import(script, script.Parent.Parent.Parent, "fab").Fab
 local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useSpeedDialStyles = TS.import(script, script.Parent, "SpeedDial.styles").default
+local _speedDialLabel = TS.import(script, script.Parent, "speedDialLabel")
+local speedDialLabel = _speedDialLabel.speedDialLabel
+local speedDialLabelFirst = _speedDialLabel.speedDialLabelFirst
 local function SpeedDial(props)
 	local _binding = props
 	local open = _binding.open
@@ -27,9 +30,24 @@ local function SpeedDial(props)
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
+	-- ▼ ReadonlyArray.some ▼
+	local _result = false
+	local _callback = function(action)
+		return speedDialLabel(action.label) ~= nil
+	end
+	for _k, _v in actions do
+		if _callback(_v, _k - 1, actions) then
+			_result = true
+			break
+		end
+	end
+	-- ▲ ReadonlyArray.some ▲
+	local labeled = _result
 	local styles = useSpeedDialStyles({
 		direction = direction,
+		labeled = labeled,
 	})
+	local labelFirst = speedDialLabelFirst(direction)
 	local mainFirst = direction == "down" or direction == "right"
 	local mainOrder = if mainFirst then 0 else 1000
 	local actionBase = if mainFirst then 1 else 0
@@ -55,26 +73,55 @@ local function SpeedDial(props)
 	if _condition_1 then
 		-- ▼ ReadonlyArray.map ▼
 		local _newValue = table.create(#actions)
-		local _callback = function(action, index)
-			return React.createElement(Fab, {
-				key = `Action-{index}`,
+		local _callback_1 = function(action, index)
+			local name = speedDialLabel(action.label)
+			local order = actionBase + index
+			local button = (React.createElement(Fab, {
+				key = if name == nil then `Action-{index}` else "Action",
 				icon = action.icon,
 				size = "small",
 				disabled = disabled == true or action.disabled == true,
 				onClick = function()
-					local _result = action.onClick
-					if _result ~= nil then
-						_result()
+					local _result_1 = action.onClick
+					if _result_1 ~= nil then
+						_result_1()
 					end
 					onOpenChange(false)
 				end,
 				className = {
-					LayoutOrder = actionBase + index,
+					LayoutOrder = if name == nil then order elseif labelFirst then 2 else 1,
 				},
-			})
+			}))
+			if name == nil then
+				return button
+			end
+			local _attributes_2 = {
+				key = `Action-{index}`,
+			}
+			for _k, _v in styles.action do
+				_attributes_2[_k] = _v
+			end
+			_attributes_2.LayoutOrder = order
+			local _attributes_3 = table.clone(styles.actionRow)
+			setmetatable(_attributes_3, nil)
+			local _exp_1 = React.createElement("uilistlayout", _attributes_3)
+			local _attributes_4 = {
+				key = "Label",
+			}
+			for _k, _v in styles.actionLabel do
+				_attributes_4[_k] = _v
+			end
+			_attributes_4.Text = name
+			_attributes_4.LayoutOrder = if labelFirst then 1 else 2
+			local _attributes_5 = table.clone(styles.actionPad)
+			setmetatable(_attributes_5, nil)
+			local _exp_2 = React.createElement("uipadding", _attributes_5)
+			local _attributes_6 = table.clone(styles.actionCorner)
+			setmetatable(_attributes_6, nil)
+			return React.createElement("frame", _attributes_2, _exp_1, React.createElement("textlabel", _attributes_4, _exp_2, React.createElement("uicorner", _attributes_6)), button)
 		end
 		for _k, _v in actions do
-			_newValue[_k] = _callback(_v, _k - 1, actions)
+			_newValue[_k] = _callback_1(_v, _k - 1, actions)
 		end
 		-- ▲ ReadonlyArray.map ▲
 		_condition_1 = (React.createElement(React.Fragment, nil, _newValue))