@rbxts/uiblox 0.2.0-alpha.3 → 0.2.0-alpha.30

package/out/ui/packages/stateMatrix.luau

@@ -29,1490 +29,1481 @@ local function pair(component, name, patch)
 	-- ▲ ReadonlyArray.map ▲
 	return _newValue
 end
+local function pushPair(out, component, name, patch)
+	if patch == nil then
+		patch = {}
+	end
+	for _, row in pair(component, name, patch) do
+		table.insert(out, row)
+	end
+end
 local function controlsRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("Button", "default")
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("Button", "size-small", {
+	local out = {}
+	pushPair(out, "Button", "default")
+	pushPair(out, "Button", "size-small", {
 		size = "small",
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("Button", "size-medium", {
+	pushPair(out, "Button", "size-medium", {
 		size = "medium",
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("Button", "size-large", {
+	pushPair(out, "Button", "size-large", {
 		size = "large",
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("Button", "density-compact", {
+	pushPair(out, "Button", "density-compact", {
 		density = "compact",
 		size = "small",
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Button", "hover", {
+	pushPair(out, "Button", "hover", {
 		pointer = "hover",
 	})
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Button", "press", {
+	pushPair(out, "Button", "press", {
 		pointer = "press",
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("Button", "focus", {
+	pushPair(out, "Button", "focus", {
 		pointer = "focus",
 	})
-	local _Length_7 = #_array_8
-	table.move(_array_8, 1, _Length_7, _length + 1, _array)
-	_length += _Length_7
-	local _array_9 = pair("Button", "disabled", {
+	pushPair(out, "Button", "disabled", {
 		disabled = true,
 	})
-	local _Length_8 = #_array_9
-	table.move(_array_9, 1, _Length_8, _length + 1, _array)
-	_length += _Length_8
-	local _array_10 = pair("Button", "loading", {
+	pushPair(out, "Button", "loading", {
 		loading = true,
 	})
-	local _Length_9 = #_array_10
-	table.move(_array_10, 1, _Length_9, _length + 1, _array)
-	_length += _Length_9
-	local _array_11 = pair("Button", "loading-disabled", {
+	pushPair(out, "Button", "loading-disabled", {
 		loading = true,
 		disabled = true,
 	})
-	local _Length_10 = #_array_11
-	table.move(_array_11, 1, _Length_10, _length + 1, _array)
-	_length += _Length_10
-	local _array_12 = pair("Button", "loading-reduced", {
+	pushPair(out, "Button", "loading-reduced", {
 		loading = true,
 		reducedMotion = true,
 	})
-	local _Length_11 = #_array_12
-	table.move(_array_12, 1, _Length_11, _length + 1, _array)
-	_length += _Length_11
-	local _array_13 = pair("Button", "outlined-loading", {
+	pushPair(out, "Button", "outlined-loading", {
 		loading = true,
 		variant = "outlined",
 	})
-	local _Length_12 = #_array_13
-	table.move(_array_13, 1, _Length_12, _length + 1, _array)
-	_length += _Length_12
-	local _array_14 = pair("Button", "text-loading", {
+	pushPair(out, "Button", "text-loading", {
 		loading = true,
 		variant = "text",
 	})
-	local _Length_13 = #_array_14
-	table.move(_array_14, 1, _Length_13, _length + 1, _array)
-	_length += _Length_13
-	local _array_15 = pair("Button", "long", {
+	pushPair(out, "Button", "long", {
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_14 = #_array_15
-	table.move(_array_15, 1, _Length_14, _length + 1, _array)
-	_length += _Length_14
-	local _array_16 = pair("Input", "default", {
+	pushPair(out, "Button", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "IconButton", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Input", "default", {
 		text = "Story",
 	})
-	local _Length_15 = #_array_16
-	table.move(_array_16, 1, _Length_15, _length + 1, _array)
-	_length += _Length_15
-	local _array_17 = pair("Input", "size-small", {
+	pushPair(out, "Input", "size-small", {
 		text = "Story",
 		size = "small",
 	})
-	local _Length_16 = #_array_17
-	table.move(_array_17, 1, _Length_16, _length + 1, _array)
-	_length += _Length_16
-	local _array_18 = pair("Input", "size-medium", {
+	pushPair(out, "Input", "size-medium", {
 		text = "Story",
 		size = "medium",
 	})
-	local _Length_17 = #_array_18
-	table.move(_array_18, 1, _Length_17, _length + 1, _array)
-	_length += _Length_17
-	local _array_19 = pair("Input", "size-large", {
+	pushPair(out, "Input", "size-large", {
 		text = "Story",
 		size = "large",
 	})
-	local _Length_18 = #_array_19
-	table.move(_array_19, 1, _Length_18, _length + 1, _array)
-	_length += _Length_18
-	local _array_20 = pair("Input", "density-compact", {
+	pushPair(out, "Input", "density-compact", {
 		text = "Story",
 		density = "compact",
 		size = "small",
 	})
-	local _Length_19 = #_array_20
-	table.move(_array_20, 1, _Length_19, _length + 1, _array)
-	_length += _Length_19
-	local _array_21 = pair("Input", "focus", {
+	pushPair(out, "Input", "focus", {
 		text = "Story",
 		pointer = "focus",
 	})
-	local _Length_20 = #_array_21
-	table.move(_array_21, 1, _Length_20, _length + 1, _array)
-	_length += _Length_20
-	local _array_22 = pair("Input", "disabled", {
+	pushPair(out, "Input", "disabled", {
 		text = "Story",
 		disabled = true,
 	})
-	local _Length_21 = #_array_22
-	table.move(_array_22, 1, _Length_21, _length + 1, _array)
-	_length += _Length_21
-	local _array_23 = pair("Input", "loading", {
+	pushPair(out, "Input", "readonly", {
+		text = "Story",
+	})
+	pushPair(out, "Input", "loading", {
 		text = "Story",
 		loading = true,
 	})
-	local _Length_22 = #_array_23
-	table.move(_array_23, 1, _Length_22, _length + 1, _array)
-	_length += _Length_22
-	local _array_24 = pair("Input", "loading-reduced", {
+	pushPair(out, "Input", "loading-reduced", {
 		text = "Story",
 		loading = true,
 		reducedMotion = true,
 	})
-	local _Length_23 = #_array_24
-	table.move(_array_24, 1, _Length_23, _length + 1, _array)
-	_length += _Length_23
-	local _array_25 = pair("Input", "error", {
+	pushPair(out, "Input", "error", {
 		text = "Story",
 		hasError = true,
 	})
-	local _Length_24 = #_array_25
-	table.move(_array_25, 1, _Length_24, _length + 1, _array)
-	_length += _Length_24
-	local _array_26 = pair("Input", "placeholder", {
+	pushPair(out, "Input", "placeholder", {
 		text = "",
 		placeholder = "Search stories",
 	})
-	local _Length_25 = #_array_26
-	table.move(_array_26, 1, _Length_25, _length + 1, _array)
-	_length += _Length_25
-	local _array_27 = pair("Input", "long", {
+	pushPair(out, "Input", "long", {
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_26 = #_array_27
-	table.move(_array_27, 1, _Length_26, _length + 1, _array)
-	_length += _Length_26
-	local _array_28 = pair("Checkbox", "unchecked")
-	local _Length_27 = #_array_28
-	table.move(_array_28, 1, _Length_27, _length + 1, _array)
-	_length += _Length_27
-	local _array_29 = pair("Checkbox", "size-small", {
+	pushPair(out, "Input", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Checkbox", "unchecked")
+	pushPair(out, "Checkbox", "size-small", {
 		size = "small",
 	})
-	local _Length_28 = #_array_29
-	table.move(_array_29, 1, _Length_28, _length + 1, _array)
-	_length += _Length_28
-	local _array_30 = pair("Checkbox", "size-medium", {
+	pushPair(out, "Checkbox", "size-medium", {
 		size = "medium",
 	})
-	local _Length_29 = #_array_30
-	table.move(_array_30, 1, _Length_29, _length + 1, _array)
-	_length += _Length_29
-	local _array_31 = pair("Checkbox", "size-large", {
+	pushPair(out, "Checkbox", "size-large", {
 		size = "large",
 	})
-	local _Length_30 = #_array_31
-	table.move(_array_31, 1, _Length_30, _length + 1, _array)
-	_length += _Length_30
-	local _array_32 = pair("Checkbox", "density-compact", {
+	pushPair(out, "Checkbox", "density-compact", {
 		density = "compact",
 		size = "small",
 	})
-	local _Length_31 = #_array_32
-	table.move(_array_32, 1, _Length_31, _length + 1, _array)
-	_length += _Length_31
-	local _array_33 = pair("Checkbox", "checked", {
+	pushPair(out, "Checkbox", "checked", {
 		value = true,
 	})
-	local _Length_32 = #_array_33
-	table.move(_array_33, 1, _Length_32, _length + 1, _array)
-	_length += _Length_32
-	local _array_34 = pair("Checkbox", "mixed", {
+	pushPair(out, "Checkbox", "mixed", {
 		mixed = true,
 	})
-	local _Length_33 = #_array_34
-	table.move(_array_34, 1, _Length_33, _length + 1, _array)
-	_length += _Length_33
-	local _array_35 = pair("Checkbox", "disabled", {
+	pushPair(out, "Checkbox", "disabled", {
 		disabled = true,
 	})
-	table.move(_array_35, 1, #_array_35, _length + 1, _array)
-	return _array
+	return out
 end
 local function editorsRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("Checkbox", "disabled-checked", {
+	local out = {}
+	pushPair(out, "Checkbox", "disabled-checked", {
 		value = true,
 		disabled = true,
 	})
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("Checkbox", "hover", {
+	pushPair(out, "Checkbox", "hover", {
 		pointer = "hover",
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("Checkbox", "press", {
+	pushPair(out, "Checkbox", "press", {
 		pointer = "press",
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("Checkbox", "focus", {
+	pushPair(out, "Checkbox", "focus", {
 		pointer = "focus",
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("Checkbox", "checked-press", {
+	pushPair(out, "Checkbox", "checked-press", {
 		value = true,
 		pointer = "press",
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Checkbox", "checked-focus", {
+	pushPair(out, "Checkbox", "checked-focus", {
 		value = true,
 		pointer = "focus",
 	})
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Checkbox", "long", {
+	pushPair(out, "Checkbox", "long", {
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("ColorPicker", "default", {
+	pushPair(out, "Checkbox", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "ColorPicker", "default", {
 		value = "#336699",
 	})
-	local _Length_7 = #_array_8
-	table.move(_array_8, 1, _Length_7, _length + 1, _array)
-	_length += _Length_7
-	local _array_9 = pair("ColorPicker", "open", {
+	pushPair(out, "ColorPicker", "open", {
 		value = "#336699",
 		open = true,
 	})
-	local _Length_8 = #_array_9
-	table.move(_array_9, 1, _Length_8, _length + 1, _array)
-	_length += _Length_8
-	local _array_10 = pair("ColorPicker", "focus", {
+	pushPair(out, "ColorPicker", "focus", {
 		value = "#336699",
 		pointer = "focus",
 	})
-	local _Length_9 = #_array_10
-	table.move(_array_10, 1, _Length_9, _length + 1, _array)
-	_length += _Length_9
-	local _array_11 = pair("ColorPicker", "disabled", {
+	pushPair(out, "ColorPicker", "disabled", {
 		value = "#336699",
 		disabled = true,
 	})
-	local _Length_10 = #_array_11
-	table.move(_array_11, 1, _Length_10, _length + 1, _array)
-	_length += _Length_10
-	local _array_12 = pair("ColorPicker", "error", {
+	pushPair(out, "ColorPicker", "error", {
 		value = "#336699",
 		hasError = true,
 	})
-	local _Length_11 = #_array_12
-	table.move(_array_12, 1, _Length_11, _length + 1, _array)
-	_length += _Length_11
-	local _array_13 = pair("ColorPicker", "long", {
+	pushPair(out, "ColorPicker", "long", {
 		value = "#336699",
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_12 = #_array_13
-	table.move(_array_13, 1, _Length_12, _length + 1, _array)
-	_length += _Length_12
-	local _array_14 = pair("BrickColorPicker", "default", {
+	pushPair(out, "ColorPicker", "sx", {
+		value = "#336699",
+	})
+	pushPair(out, "BrickColorPicker", "default", {
 		value = "Bright red",
 	})
-	local _Length_13 = #_array_14
-	table.move(_array_14, 1, _Length_13, _length + 1, _array)
-	_length += _Length_13
-	local _array_15 = pair("BrickColorPicker", "open", {
+	pushPair(out, "BrickColorPicker", "open", {
 		value = "Bright red",
 		open = true,
 	})
-	local _Length_14 = #_array_15
-	table.move(_array_15, 1, _Length_14, _length + 1, _array)
-	_length += _Length_14
-	local _array_16 = pair("BrickColorPicker", "disabled", {
+	pushPair(out, "BrickColorPicker", "disabled", {
 		value = "Bright red",
 		disabled = true,
 	})
-	local _Length_15 = #_array_16
-	table.move(_array_16, 1, _Length_15, _length + 1, _array)
-	_length += _Length_15
-	local _array_17 = pair("VectorEditor", "default", {
+	pushPair(out, "BrickColorPicker", "sx", {
+		value = "Bright red",
+	})
+	pushPair(out, "VectorEditor", "default", {
 		value = "1,2",
 	})
-	local _Length_16 = #_array_17
-	table.move(_array_17, 1, _Length_16, _length + 1, _array)
-	_length += _Length_16
-	local _array_18 = pair("VectorEditor", "disabled", {
+	pushPair(out, "VectorEditor", "disabled", {
 		value = "1,2,3",
 		disabled = true,
 	})
-	local _Length_17 = #_array_18
-	table.move(_array_18, 1, _Length_17, _length + 1, _array)
-	_length += _Length_17
-	local _array_19 = pair("VectorEditor", "long", {
+	pushPair(out, "VectorEditor", "long", {
 		value = "1,2",
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_18 = #_array_19
-	table.move(_array_19, 1, _Length_18, _length + 1, _array)
-	_length += _Length_18
-	local _array_20 = pair("UDimEditor", "default", {
+	pushPair(out, "VectorEditor", "sx", {
+		value = "1,2",
+	})
+	pushPair(out, "UDimEditor", "default", {
 		value = "0.5,8",
 	})
-	local _Length_19 = #_array_20
-	table.move(_array_20, 1, _Length_19, _length + 1, _array)
-	_length += _Length_19
-	local _array_21 = pair("UDimEditor", "disabled", {
+	pushPair(out, "UDimEditor", "disabled", {
 		value = "0.5,8",
 		disabled = true,
 	})
-	local _Length_20 = #_array_21
-	table.move(_array_21, 1, _Length_20, _length + 1, _array)
-	_length += _Length_20
-	local _array_22 = pair("UDimEditor", "long", {
+	pushPair(out, "UDimEditor", "long", {
 		value = "0.5,8",
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_21 = #_array_22
-	table.move(_array_22, 1, _Length_21, _length + 1, _array)
-	_length += _Length_21
-	local _array_23 = pair("CFrameEditor", "default", {
+	pushPair(out, "UDimEditor", "sx", {
+		value = "0.5,8",
+	})
+	pushPair(out, "CFrameEditor", "default", {
 		value = "0,0,0",
 	})
-	local _Length_22 = #_array_23
-	table.move(_array_23, 1, _Length_22, _length + 1, _array)
-	_length += _Length_22
-	local _array_24 = pair("CFrameEditor", "disabled", {
+	pushPair(out, "CFrameEditor", "disabled", {
 		value = "0,0,0",
 		disabled = true,
 	})
-	local _Length_23 = #_array_24
-	table.move(_array_24, 1, _Length_23, _length + 1, _array)
-	_length += _Length_23
-	local _array_25 = pair("EnumPicker", "default", {
+	pushPair(out, "CFrameEditor", "sx", {
+		value = "0,0,0",
+	})
+	pushPair(out, "EnumPicker", "default", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 	})
-	local _Length_24 = #_array_25
-	table.move(_array_25, 1, _Length_24, _length + 1, _array)
-	_length += _Length_24
-	local _array_26 = pair("EnumPicker", "open", {
+	pushPair(out, "EnumPicker", "open", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		open = true,
 	})
-	local _Length_25 = #_array_26
-	table.move(_array_26, 1, _Length_25, _length + 1, _array)
-	_length += _Length_25
-	local _array_27 = pair("EnumPicker", "disabled", {
+	pushPair(out, "EnumPicker", "disabled", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		disabled = true,
 	})
-	local _Length_26 = #_array_27
-	table.move(_array_27, 1, _Length_26, _length + 1, _array)
-	_length += _Length_26
-	local _array_28 = pair("NumberRangeEditor", "default", {
+	pushPair(out, "EnumPicker", "sx", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+	})
+	pushPair(out, "NumberRangeEditor", "default", {
 		value = "0,1",
 	})
-	local _Length_27 = #_array_28
-	table.move(_array_28, 1, _Length_27, _length + 1, _array)
-	_length += _Length_27
-	local _array_29 = pair("NumberRangeEditor", "disabled", {
+	pushPair(out, "NumberRangeEditor", "disabled", {
 		value = "0,1",
 		disabled = true,
 	})
-	local _Length_28 = #_array_29
-	table.move(_array_29, 1, _Length_28, _length + 1, _array)
-	_length += _Length_28
-	local _array_30 = pair("RectEditor", "default", {
+	pushPair(out, "NumberRangeEditor", "sx", {
+		value = "0,1",
+	})
+	pushPair(out, "RectEditor", "default", {
 		value = "0,0,1,1",
 	})
-	local _Length_29 = #_array_30
-	table.move(_array_30, 1, _Length_29, _length + 1, _array)
-	_length += _Length_29
-	local _array_31 = pair("RectEditor", "disabled", {
+	pushPair(out, "RectEditor", "disabled", {
 		value = "0,0,1,1",
 		disabled = true,
 	})
-	local _Length_30 = #_array_31
-	table.move(_array_31, 1, _Length_30, _length + 1, _array)
-	_length += _Length_30
-	local _array_32 = pair("AssetField", "empty", {
+	pushPair(out, "RectEditor", "narrow", {
+		value = "0,0,100,50",
+		width = 320,
+	})
+	pushPair(out, "RectEditor", "sx", {
+		value = "0,0,1,1",
+	})
+	pushPair(out, "AssetField", "empty", {
 		text = "",
 	})
-	local _Length_31 = #_array_32
-	table.move(_array_32, 1, _Length_31, _length + 1, _array)
-	_length += _Length_31
-	local _array_33 = pair("AssetField", "default", {
+	pushPair(out, "AssetField", "default", {
 		text = "123",
 	})
-	local _Length_32 = #_array_33
-	table.move(_array_33, 1, _Length_32, _length + 1, _array)
-	_length += _Length_32
-	local _array_34 = pair("AssetField", "disabled", {
+	pushPair(out, "AssetField", "disabled", {
 		text = "123",
 		disabled = true,
 	})
-	local _Length_33 = #_array_34
-	table.move(_array_34, 1, _Length_33, _length + 1, _array)
-	_length += _Length_33
-	local _array_35 = pair("GradientEditor", "default", {
+	pushPair(out, "AssetField", "sx", {
+		text = "123",
+	})
+	pushPair(out, "GradientEditor", "default", {
 		value = "gradient",
 	})
-	table.move(_array_35, 1, #_array_35, _length + 1, _array)
-	return _array
+	return out
 end
 local function togglesRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("GradientEditor", "disabled", {
+	local out = {}
+	pushPair(out, "GradientEditor", "disabled", {
 		value = "gradient",
 		disabled = true,
 	})
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("RayEditor", "default", {
+	pushPair(out, "RayEditor", "default", {
 		value = "0,0,0,0,1,0",
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("RayEditor", "disabled", {
+	pushPair(out, "RayEditor", "disabled", {
 		value = "0,0,0,0,1,0",
 		disabled = true,
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("PhysicalPropertiesEditor", "default", {
+	pushPair(out, "PhysicalPropertiesEditor", "default", {
 		value = "0.7,0.3,0.5",
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("PhysicalPropertiesEditor", "disabled", {
+	pushPair(out, "PhysicalPropertiesEditor", "disabled", {
 		value = "0.7,0.3,0.5",
 		disabled = true,
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Switch", "off")
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Switch", "size-small", {
+	pushPair(out, "PhysicalPropertiesEditor", "narrow", {
+		value = "0.699999988079071,0.30000001192092896,0.5,1,1",
+		width = 320,
+	})
+	pushPair(out, "GradientEditor", "sx", {
+		value = "gradient",
+	})
+	pushPair(out, "RayEditor", "sx", {
+		value = "0,0,0,0,1,0",
+	})
+	pushPair(out, "PhysicalPropertiesEditor", "sx", {
+		value = "0.7,0.3,0.5",
+	})
+	pushPair(out, "FontEditor", "sx", {
+		value = "Gotham",
+	})
+	pushPair(out, "ColorSequenceEditor", "sx", {
+		value = "0,1,1",
+	})
+	pushPair(out, "NumberSequenceEditor", "sx", {
+		value = "0,1",
+	})
+	pushPair(out, "Switch", "off")
+	pushPair(out, "Switch", "size-small", {
 		size = "small",
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("Switch", "size-medium", {
+	pushPair(out, "Switch", "size-medium", {
 		size = "medium",
 	})
-	local _Length_7 = #_array_8
-	table.move(_array_8, 1, _Length_7, _length + 1, _array)
-	_length += _Length_7
-	local _array_9 = pair("Switch", "size-large", {
+	pushPair(out, "Switch", "size-large", {
 		size = "large",
 	})
-	local _Length_8 = #_array_9
-	table.move(_array_9, 1, _Length_8, _length + 1, _array)
-	_length += _Length_8
-	local _array_10 = pair("Switch", "density-compact", {
+	pushPair(out, "Switch", "density-compact", {
 		density = "compact",
 		size = "small",
 	})
-	local _Length_9 = #_array_10
-	table.move(_array_10, 1, _Length_9, _length + 1, _array)
-	_length += _Length_9
-	local _array_11 = pair("Switch", "on", {
+	pushPair(out, "Switch", "on", {
 		value = true,
 	})
-	local _Length_10 = #_array_11
-	table.move(_array_11, 1, _Length_10, _length + 1, _array)
-	_length += _Length_10
-	local _array_12 = pair("Switch", "disabled", {
+	pushPair(out, "Switch", "accent", {
+		value = true,
+		variant = "accent",
+	})
+	pushPair(out, "Switch", "disabled", {
 		disabled = true,
 	})
-	local _Length_11 = #_array_12
-	table.move(_array_12, 1, _Length_11, _length + 1, _array)
-	_length += _Length_11
-	local _array_13 = pair("Switch", "disabled-on", {
+	pushPair(out, "Switch", "disabled-on", {
 		value = true,
 		disabled = true,
 	})
-	local _Length_12 = #_array_13
-	table.move(_array_13, 1, _Length_12, _length + 1, _array)
-	_length += _Length_12
-	local _array_14 = pair("Switch", "hover", {
+	pushPair(out, "Switch", "hover", {
 		pointer = "hover",
 	})
-	local _Length_13 = #_array_14
-	table.move(_array_14, 1, _Length_13, _length + 1, _array)
-	_length += _Length_13
-	local _array_15 = pair("Switch", "press", {
+	pushPair(out, "Switch", "press", {
 		pointer = "press",
 	})
-	local _Length_14 = #_array_15
-	table.move(_array_15, 1, _Length_14, _length + 1, _array)
-	_length += _Length_14
-	local _array_16 = pair("Switch", "focus", {
+	pushPair(out, "Switch", "focus", {
 		pointer = "focus",
 	})
-	local _Length_15 = #_array_16
-	table.move(_array_16, 1, _Length_15, _length + 1, _array)
-	_length += _Length_15
-	local _array_17 = pair("Switch", "on-hover", {
+	pushPair(out, "Switch", "on-hover", {
 		value = true,
 		pointer = "hover",
 	})
-	local _Length_16 = #_array_17
-	table.move(_array_17, 1, _Length_16, _length + 1, _array)
-	_length += _Length_16
-	local _array_18 = pair("Switch", "on-press", {
+	pushPair(out, "Switch", "on-press", {
 		value = true,
 		pointer = "press",
 	})
-	local _Length_17 = #_array_18
-	table.move(_array_18, 1, _Length_17, _length + 1, _array)
-	_length += _Length_17
-	local _array_19 = pair("Switch", "on-focus", {
+	pushPair(out, "Switch", "on-focus", {
 		value = true,
 		pointer = "focus",
 	})
-	local _Length_18 = #_array_19
-	table.move(_array_19, 1, _Length_18, _length + 1, _array)
-	_length += _Length_18
-	local _array_20 = pair("Switch", "reduced", {
+	pushPair(out, "Switch", "reduced", {
 		value = true,
 		reducedMotion = true,
 	})
-	local _Length_19 = #_array_20
-	table.move(_array_20, 1, _Length_19, _length + 1, _array)
-	_length += _Length_19
-	local _array_21 = pair("Switch", "long", {
+	pushPair(out, "Switch", "long", {
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_20 = #_array_21
-	table.move(_array_21, 1, _Length_20, _length + 1, _array)
-	_length += _Length_20
-	local _array_22 = pair("Slider", "default", {
+	pushPair(out, "Switch", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Slider", "default", {
 		value = 0.5,
 	})
-	local _Length_21 = #_array_22
-	table.move(_array_22, 1, _Length_21, _length + 1, _array)
-	_length += _Length_21
-	local _array_23 = pair("Slider", "size-small", {
+	pushPair(out, "Slider", "size-small", {
 		value = 0.5,
 		size = "small",
 	})
-	local _Length_22 = #_array_23
-	table.move(_array_23, 1, _Length_22, _length + 1, _array)
-	_length += _Length_22
-	local _array_24 = pair("Slider", "size-medium", {
+	pushPair(out, "Slider", "size-medium", {
 		value = 0.5,
 		size = "medium",
 	})
-	local _Length_23 = #_array_24
-	table.move(_array_24, 1, _Length_23, _length + 1, _array)
-	_length += _Length_23
-	local _array_25 = pair("Slider", "size-large", {
+	pushPair(out, "Slider", "size-large", {
 		value = 0.5,
 		size = "large",
 	})
-	local _Length_24 = #_array_25
-	table.move(_array_25, 1, _Length_24, _length + 1, _array)
-	_length += _Length_24
-	local _array_26 = pair("Slider", "density-compact", {
+	pushPair(out, "Slider", "density-compact", {
 		value = 0.5,
 		density = "compact",
 		size = "small",
 	})
-	local _Length_25 = #_array_26
-	table.move(_array_26, 1, _Length_25, _length + 1, _array)
-	_length += _Length_25
-	local _array_27 = pair("Slider", "disabled", {
+	pushPair(out, "Slider", "disabled", {
 		value = 0.5,
 		disabled = true,
 	})
-	local _Length_26 = #_array_27
-	table.move(_array_27, 1, _Length_26, _length + 1, _array)
-	_length += _Length_26
-	local _array_28 = pair("Slider", "hover", {
+	pushPair(out, "Slider", "marks", {
+		value = 0.5,
+		marks = true,
+	})
+	pushPair(out, "Slider", "accent", {
+		value = 0.5,
+		variant = "accent",
+	})
+	pushPair(out, "Slider", "hover", {
 		value = 0.5,
 		pointer = "hover",
 	})
-	local _Length_27 = #_array_28
-	table.move(_array_28, 1, _Length_27, _length + 1, _array)
-	_length += _Length_27
-	local _array_29 = pair("Slider", "press", {
+	pushPair(out, "Slider", "press", {
 		value = 0.5,
 		pointer = "press",
 	})
-	local _Length_28 = #_array_29
-	table.move(_array_29, 1, _Length_28, _length + 1, _array)
-	_length += _Length_28
-	local _array_30 = pair("Slider", "focus", {
+	pushPair(out, "Slider", "focus", {
 		value = 0.5,
 		pointer = "focus",
 	})
-	local _Length_29 = #_array_30
-	table.move(_array_30, 1, _Length_29, _length + 1, _array)
-	_length += _Length_29
-	local _array_31 = pair("Slider", "long", {
+	pushPair(out, "Slider", "long", {
 		value = 0.25,
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_30 = #_array_31
-	table.move(_array_31, 1, _Length_30, _length + 1, _array)
-	_length += _Length_30
-	local _array_32 = pair("RadioGroup", "default", {
+	pushPair(out, "Slider", "sx", {
+		value = 0.5,
+		variant = "sx",
+	})
+	pushPair(out, "RadioGroup", "default", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 	})
-	local _Length_31 = #_array_32
-	table.move(_array_32, 1, _Length_31, _length + 1, _array)
-	_length += _Length_31
-	local _array_33 = pair("RadioGroup", "size-small", {
+	pushPair(out, "RadioGroup", "row", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		row = true,
+	})
+	pushPair(out, "RadioGroup", "size-small", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		size = "small",
 	})
-	local _Length_32 = #_array_33
-	table.move(_array_33, 1, _Length_32, _length + 1, _array)
-	_length += _Length_32
-	local _array_34 = pair("RadioGroup", "size-large", {
+	pushPair(out, "RadioGroup", "size-large", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		size = "large",
 	})
-	local _Length_33 = #_array_34
-	table.move(_array_34, 1, _Length_33, _length + 1, _array)
-	_length += _Length_33
-	local _array_35 = pair("RadioGroup", "density-compact", {
+	pushPair(out, "RadioGroup", "density-compact", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		density = "compact",
 		size = "small",
 	})
-	table.move(_array_35, 1, #_array_35, _length + 1, _array)
-	return _array
+	return out
 end
 local function compositeRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("RadioGroup", "disabled", {
+	local out = {}
+	pushPair(out, "RadioGroup", "disabled", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		disabled = true,
 	})
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("RadioGroup", "disabled-option", {
+	pushPair(out, "RadioGroup", "disabled-option", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		disabledOption = "Other",
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("RadioGroup", "hover", {
+	pushPair(out, "RadioGroup", "hover", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		pointer = "hover",
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("RadioGroup", "long", {
+	pushPair(out, "RadioGroup", "long", {
 		value = LONG,
 		options = { LONG, "Other" },
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("Select", "default", {
+	pushPair(out, "RadioGroup", "sx", {
 		value = "Continue",
 		options = { "Continue", "Other" },
+		variant = "sx",
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Select", "size-small", {
+	pushPair(out, "Select", "default", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+	})
+	pushPair(out, "Select", "size-small", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		size = "small",
 	})
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Select", "size-large", {
+	pushPair(out, "Select", "size-large", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		size = "large",
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("Select", "density-compact", {
+	pushPair(out, "Select", "density-compact", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		density = "compact",
 		size = "small",
 	})
-	local _Length_7 = #_array_8
-	table.move(_array_8, 1, _Length_7, _length + 1, _array)
-	_length += _Length_7
-	local _array_9 = pair("Select", "open", {
+	pushPair(out, "Select", "open", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		open = true,
 	})
-	local _Length_8 = #_array_9
-	table.move(_array_9, 1, _Length_8, _length + 1, _array)
-	_length += _Length_8
-	local _array_10 = pair("Select", "disabled", {
+	pushPair(out, "Select", "disabled", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		disabled = true,
 	})
-	local _Length_9 = #_array_10
-	table.move(_array_10, 1, _Length_9, _length + 1, _array)
-	_length += _Length_9
-	local _array_11 = pair("Select", "loading", {
+	pushPair(out, "Select", "loading", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		loading = true,
 	})
-	local _Length_10 = #_array_11
-	table.move(_array_11, 1, _Length_10, _length + 1, _array)
-	_length += _Length_10
-	local _array_12 = pair("Select", "loading-reduced", {
+	pushPair(out, "Select", "loading-reduced", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		loading = true,
 		reducedMotion = true,
 	})
-	local _Length_11 = #_array_12
-	table.move(_array_12, 1, _Length_11, _length + 1, _array)
-	_length += _Length_11
-	local _array_13 = pair("Select", "hover", {
+	pushPair(out, "Select", "hover", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		open = true,
 		pointer = "hover",
 	})
-	local _Length_12 = #_array_13
-	table.move(_array_13, 1, _Length_12, _length + 1, _array)
-	_length += _Length_12
-	local _array_14 = pair("Select", "press", {
+	pushPair(out, "Select", "press", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		pointer = "press",
 	})
-	local _Length_13 = #_array_14
-	table.move(_array_14, 1, _Length_13, _length + 1, _array)
-	_length += _Length_13
-	local _array_15 = pair("Select", "focus", {
+	pushPair(out, "Select", "focus", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		pointer = "focus",
 	})
-	local _Length_14 = #_array_15
-	table.move(_array_15, 1, _Length_14, _length + 1, _array)
-	_length += _Length_14
-	local _array_16 = pair("Select", "long", {
+	pushPair(out, "Select", "long", {
 		value = LONG,
 		options = { LONG, "Other" },
 		text = LONG,
 		width = NARROW,
 		open = true,
 	})
-	local _Length_15 = #_array_16
-	table.move(_array_16, 1, _Length_15, _length + 1, _array)
-	_length += _Length_15
-	local _array_17 = pair("Select", "search", {
+	pushPair(out, "Select", "sx", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		variant = "sx",
+	})
+	pushPair(out, "Select", "search", {
 		value = "Continue",
 		options = { "Continue", "Other", "Docs", "Actions", "Source", "Settings", "Theme", "Inspector", "Controls" },
 		open = true,
 		filter = "con",
 	})
-	local _Length_16 = #_array_17
-	table.move(_array_17, 1, _Length_16, _length + 1, _array)
-	_length += _Length_16
-	local _array_18 = pair("Tabs", "default", {
+	pushPair(out, "Select", "empty", {
+		value = "",
+		options = {},
+		open = true,
+	})
+	pushPair(out, "Select", "no-results", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		open = true,
+		filter = "zzz",
+	})
+	pushPair(out, "Tabs", "default", {
+		value = "Continue",
+		options = { "Continue", "Docs", "Actions" },
+	})
+	pushPair(out, "Tabs", "vertical", {
 		value = "Continue",
 		options = { "Continue", "Docs", "Actions" },
+		variant = "vertical",
 	})
-	local _Length_17 = #_array_18
-	table.move(_array_18, 1, _Length_17, _length + 1, _array)
-	_length += _Length_17
-	local _array_19 = pair("Tabs", "disabled", {
+	pushPair(out, "Tabs", "disabled", {
 		value = "Continue",
 		options = { "Continue", "Docs", "Actions" },
 		disabled = true,
 	})
-	local _Length_18 = #_array_19
-	table.move(_array_19, 1, _Length_18, _length + 1, _array)
-	_length += _Length_18
-	local _array_20 = pair("Tabs", "hover", {
+	pushPair(out, "Tabs", "centered", {
+		value = "Continue",
+		options = { "Continue", "Docs", "Actions" },
+		variant = "centered",
+	})
+	pushPair(out, "Tabs", "hover", {
 		value = "Continue",
 		options = { "Continue", "Docs", "Actions" },
 		pointer = "hover",
 	})
-	local _Length_19 = #_array_20
-	table.move(_array_20, 1, _Length_19, _length + 1, _array)
-	_length += _Length_19
-	local _array_21 = pair("Tabs", "long", {
+	pushPair(out, "Tabs", "long", {
 		value = LONG,
 		options = { LONG, "Docs", "Actions", "Source", "Settings" },
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_20 = #_array_21
-	table.move(_array_21, 1, _Length_20, _length + 1, _array)
-	_length += _Length_20
-	local _array_22 = pair("SplitPane", "default", {
+	pushPair(out, "Tabs", "sx", {
+		value = "Continue",
+		options = { "Continue", "Docs", "Actions" },
+		variant = "sx",
+	})
+	pushPair(out, "SplitPane", "default", {
 		value = 160,
 	})
-	local _Length_21 = #_array_22
-	table.move(_array_22, 1, _Length_21, _length + 1, _array)
-	_length += _Length_21
-	local _array_23 = pair("SplitPane", "disabled", {
+	pushPair(out, "SplitPane", "disabled", {
 		value = 160,
 		disabled = true,
 	})
-	local _Length_22 = #_array_23
-	table.move(_array_23, 1, _Length_22, _length + 1, _array)
-	_length += _Length_22
-	local _array_24 = pair("SplitPane", "hover", {
+	pushPair(out, "SplitPane", "hover", {
 		value = 160,
 		pointer = "hover",
 	})
-	local _Length_23 = #_array_24
-	table.move(_array_24, 1, _Length_23, _length + 1, _array)
-	_length += _Length_23
-	local _array_25 = pair("SplitPane", "drag", {
+	pushPair(out, "SplitPane", "drag", {
 		value = 160,
 		pointer = "press",
 	})
-	local _Length_24 = #_array_25
-	table.move(_array_25, 1, _Length_24, _length + 1, _array)
-	_length += _Length_24
-	local _array_26 = pair("SplitPane", "long", {
+	pushPair(out, "SplitPane", "long", {
 		value = 80,
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_25 = #_array_26
-	table.move(_array_26, 1, _Length_25, _length + 1, _array)
-	_length += _Length_25
-	local _array_27 = pair("Tooltip", "hidden")
-	local _Length_26 = #_array_27
-	table.move(_array_27, 1, _Length_26, _length + 1, _array)
-	_length += _Length_26
-	local _array_28 = pair("Tooltip", "shown", {
+	pushPair(out, "SplitPane", "sx", {
+		value = 160,
+	})
+	pushPair(out, "Tooltip", "hidden")
+	pushPair(out, "Tooltip", "shown", {
 		pointer = "hover",
 	})
-	local _Length_27 = #_array_28
-	table.move(_array_28, 1, _Length_27, _length + 1, _array)
-	_length += _Length_27
-	local _array_29 = pair("Tooltip", "long", {
+	pushPair(out, "Tooltip", "long", {
 		text = LONG,
 		width = NARROW,
 		pointer = "hover",
 	})
-	local _Length_28 = #_array_29
-	table.move(_array_29, 1, _Length_28, _length + 1, _array)
-	_length += _Length_28
-	local _array_30 = pair("TreeView", "default", {
+	pushPair(out, "Tooltip", "sx", {
+		text = "Hint",
+	})
+	pushPair(out, "TreeView", "default", {
 		selected = "Fixture/Styled",
 	})
-	local _Length_29 = #_array_30
-	table.move(_array_30, 1, _Length_29, _length + 1, _array)
-	_length += _Length_29
-	local _array_31 = pair("TreeView", "hover", {
+	pushPair(out, "TreeView", "hover", {
 		selected = "Fixture/Styled",
 		pointer = "hover",
 	})
-	local _Length_30 = #_array_31
-	table.move(_array_31, 1, _Length_30, _length + 1, _array)
-	_length += _Length_30
-	local _array_32 = pair("TreeView", "filter", {
+	pushPair(out, "TreeView", "filter", {
 		selected = "Fixture/Styled",
 		filter = "sty",
 	})
-	local _Length_31 = #_array_32
-	table.move(_array_32, 1, _Length_31, _length + 1, _array)
-	_length += _Length_31
-	local _array_33 = pair("TreeView", "long", {
+	pushPair(out, "TreeView", "long", {
 		selected = `Fixture/{LONG}`,
 		text = LONG,
 		width = NARROW,
 	})
-	local _Length_32 = #_array_33
-	table.move(_array_33, 1, _Length_32, _length + 1, _array)
-	_length += _Length_32
-	local _array_34 = pair("IconButton", "loading", {
+	pushPair(out, "TreeView", "sx", {
+		selected = "Fixture/Styled",
+	})
+	pushPair(out, "IconButton", "loading", {
 		loading = true,
 	})
-	local _Length_33 = #_array_34
-	table.move(_array_34, 1, _Length_33, _length + 1, _array)
-	_length += _Length_33
-	local _array_35 = pair("IconButton", "loading-disabled", {
+	pushPair(out, "IconButton", "loading-disabled", {
 		loading = true,
 		disabled = true,
 	})
-	table.move(_array_35, 1, #_array_35, _length + 1, _array)
-	return _array
+	return out
 end
 local function surfacesRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("IconButton", "loading-reduced", {
+	local out = {}
+	pushPair(out, "IconButton", "loading-reduced", {
 		loading = true,
 		reducedMotion = true,
 	})
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("Skeleton", "text", {
+	pushPair(out, "Skeleton", "text", {
 		variant = "text",
 		animation = "pulse",
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("Skeleton", "text-static", {
+	pushPair(out, "Skeleton", "text-static", {
 		variant = "text",
 		animation = false,
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("Skeleton", "text-reduced", {
+	pushPair(out, "Skeleton", "text-reduced", {
 		variant = "text",
 		animation = "shimmer",
 		reducedMotion = true,
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("Skeleton", "rectangular", {
+	pushPair(out, "Skeleton", "rectangular", {
 		variant = "rectangular",
 		animation = false,
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Skeleton", "rounded", {
+	pushPair(out, "Skeleton", "rounded", {
 		variant = "rounded",
 		animation = "pulse",
 	})
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Skeleton", "circular", {
+	pushPair(out, "Skeleton", "circular", {
 		variant = "circular",
 		animation = false,
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("Skeleton", "shimmer", {
+	pushPair(out, "Skeleton", "shimmer", {
 		variant = "rounded",
 		animation = "shimmer",
 	})
-	local _Length_7 = #_array_8
-	table.move(_array_8, 1, _Length_7, _length + 1, _array)
-	_length += _Length_7
-	local _array_9 = pair("CircularProgress", "empty", {
+	pushPair(out, "Skeleton", "sx", {
+		variant = "text",
+		animation = false,
+	})
+	pushPair(out, "CircularProgress", "empty", {
 		value = 0,
 	})
-	local _Length_8 = #_array_9
-	table.move(_array_9, 1, _Length_8, _length + 1, _array)
-	_length += _Length_8
-	local _array_10 = pair("CircularProgress", "half", {
+	pushPair(out, "CircularProgress", "half", {
 		value = 0.5,
 	})
-	local _Length_9 = #_array_10
-	table.move(_array_10, 1, _Length_9, _length + 1, _array)
-	_length += _Length_9
-	local _array_11 = pair("CircularProgress", "full", {
+	pushPair(out, "CircularProgress", "full", {
 		value = 1,
 	})
-	local _Length_10 = #_array_11
-	table.move(_array_11, 1, _Length_10, _length + 1, _array)
-	_length += _Length_10
-	local _array_12 = pair("CircularProgress", "indeterminate", {
+	pushPair(out, "CircularProgress", "indeterminate", {
 		indeterminate = true,
 	})
-	local _Length_11 = #_array_12
-	table.move(_array_12, 1, _Length_11, _length + 1, _array)
-	_length += _Length_11
-	local _array_13 = pair("CircularProgress", "reduced", {
+	pushPair(out, "CircularProgress", "reduced", {
 		indeterminate = true,
 		reducedMotion = true,
 	})
-	local _Length_12 = #_array_13
-	table.move(_array_13, 1, _Length_12, _length + 1, _array)
-	_length += _Length_12
-	local _array_14 = pair("CircularProgress", "disabled", {
+	pushPair(out, "CircularProgress", "disabled", {
 		value = 0.4,
 		disabled = true,
 	})
-	local _Length_13 = #_array_14
-	table.move(_array_14, 1, _Length_13, _length + 1, _array)
-	_length += _Length_13
-	local _array_15 = pair("LinearProgress", "empty", {
+	pushPair(out, "CircularProgress", "sx", {
+		value = 0.4,
+	})
+	pushPair(out, "LinearProgress", "empty", {
 		value = 0,
 	})
-	local _Length_14 = #_array_15
-	table.move(_array_15, 1, _Length_14, _length + 1, _array)
-	_length += _Length_14
-	local _array_16 = pair("LinearProgress", "half", {
+	pushPair(out, "LinearProgress", "half", {
 		value = 0.5,
 	})
-	local _Length_15 = #_array_16
-	table.move(_array_16, 1, _Length_15, _length + 1, _array)
-	_length += _Length_15
-	local _array_17 = pair("LinearProgress", "full", {
+	pushPair(out, "LinearProgress", "full", {
 		value = 1,
 	})
-	local _Length_16 = #_array_17
-	table.move(_array_17, 1, _Length_16, _length + 1, _array)
-	_length += _Length_16
-	local _array_18 = pair("LinearProgress", "indeterminate", {
+	pushPair(out, "LinearProgress", "indeterminate", {
 		indeterminate = true,
 	})
-	local _Length_17 = #_array_18
-	table.move(_array_18, 1, _Length_17, _length + 1, _array)
-	_length += _Length_17
-	local _array_19 = pair("LinearProgress", "reduced", {
+	pushPair(out, "LinearProgress", "reduced", {
 		indeterminate = true,
 		reducedMotion = true,
 	})
-	local _Length_18 = #_array_19
-	table.move(_array_19, 1, _Length_18, _length + 1, _array)
-	_length += _Length_18
-	local _array_20 = pair("LinearProgress", "disabled", {
+	pushPair(out, "LinearProgress", "disabled", {
 		value = 0.6,
 		disabled = true,
 	})
-	local _Length_19 = #_array_20
-	table.move(_array_20, 1, _Length_19, _length + 1, _array)
-	_length += _Length_19
-	local _array_21 = pair("Dialog", "closed", {
+	pushPair(out, "LinearProgress", "sx", {
+		value = 0.5,
+		variant = "sx",
+	})
+	pushPair(out, "Dialog", "closed", {
 		open = false,
 	})
-	local _Length_20 = #_array_21
-	table.move(_array_21, 1, _Length_20, _length + 1, _array)
-	_length += _Length_20
-	local _array_22 = pair("Dialog", "open", {
+	pushPair(out, "Dialog", "open", {
+		open = true,
+	})
+	pushPair(out, "Dialog", "sx", {
+		open = true,
+	})
+	pushPair(out, "Popup", "sx")
+	pushPair(out, "Modal", "sx", {
 		open = true,
 	})
-	local _Length_21 = #_array_22
-	table.move(_array_22, 1, _Length_21, _length + 1, _array)
-	_length += _Length_21
-	local _array_23 = pair("Paper", "flat", {
+	pushPair(out, "Paper", "flat", {
 		variant = "flat",
 	})
-	local _Length_22 = #_array_23
-	table.move(_array_23, 1, _Length_22, _length + 1, _array)
-	_length += _Length_22
-	local _array_24 = pair("Paper", "raised", {
+	pushPair(out, "Paper", "raised", {
 		variant = "raised",
 	})
-	local _Length_23 = #_array_24
-	table.move(_array_24, 1, _Length_23, _length + 1, _array)
-	_length += _Length_23
-	local _array_25 = pair("ListItem", "default")
-	local _Length_24 = #_array_25
-	table.move(_array_25, 1, _Length_24, _length + 1, _array)
-	_length += _Length_24
-	local _array_26 = pair("ListItem", "selected", {
+	pushPair(out, "Paper", "square", {
+		variant = "square",
+	})
+	pushPair(out, "Paper", "outlined", {
+		variant = "outlined",
+	})
+	pushPair(out, "ListItem", "default")
+	pushPair(out, "ListItem", "selected", {
 		value = true,
 	})
-	local _Length_25 = #_array_26
-	table.move(_array_26, 1, _Length_25, _length + 1, _array)
-	_length += _Length_25
-	local _array_27 = pair("ListItem", "disabled", {
+	pushPair(out, "ListItem", "disabled", {
 		disabled = true,
 	})
-	local _Length_26 = #_array_27
-	table.move(_array_27, 1, _Length_26, _length + 1, _array)
-	_length += _Length_26
-	local _array_28 = pair("ListItem", "secondary", {
+	pushPair(out, "ListItem", "secondary", {
 		variant = "secondary",
 	})
-	local _Length_27 = #_array_28
-	table.move(_array_28, 1, _Length_27, _length + 1, _array)
-	_length += _Length_27
-	local _array_29 = pair("Card", "flat", {
+	pushPair(out, "ListItem", "dense", {
+		variant = "dense",
+	})
+	pushPair(out, "ListItem", "divider", {
+		variant = "divider",
+	})
+	pushPair(out, "ListItem", "sx")
+	pushPair(out, "Card", "flat", {
 		variant = "flat",
 	})
-	local _Length_28 = #_array_29
-	table.move(_array_29, 1, _Length_28, _length + 1, _array)
-	_length += _Length_28
-	local _array_30 = pair("Card", "raised", {
+	pushPair(out, "Card", "raised", {
 		variant = "raised",
 	})
-	local _Length_29 = #_array_30
-	table.move(_array_30, 1, _Length_29, _length + 1, _array)
-	_length += _Length_29
-	local _array_31 = pair("Chip", "default")
-	local _Length_30 = #_array_31
-	table.move(_array_31, 1, _Length_30, _length + 1, _array)
-	_length += _Length_30
-	local _array_32 = pair("Chip", "selected", {
+	pushPair(out, "Card", "square", {
+		variant = "square",
+	})
+	pushPair(out, "Card", "sx", {
+		variant = "flat",
+	})
+	pushPair(out, "Chip", "default")
+	pushPair(out, "Chip", "size-small", {
+		size = "small",
+	})
+	pushPair(out, "Chip", "size-large", {
+		size = "large",
+	})
+	pushPair(out, "Chip", "selected", {
 		value = true,
 	})
-	local _Length_31 = #_array_32
-	table.move(_array_32, 1, _Length_31, _length + 1, _array)
-	_length += _Length_31
-	local _array_33 = pair("Chip", "disabled", {
+	pushPair(out, "Chip", "disabled", {
 		disabled = true,
 	})
-	local _Length_32 = #_array_33
-	table.move(_array_33, 1, _Length_32, _length + 1, _array)
-	_length += _Length_32
-	local _array_34 = pair("Badge", "count", {
+	pushPair(out, "Chip", "deletable", {
+		text = "Tag",
+	})
+	pushPair(out, "Chip", "outlined", {
+		variant = "outlined",
+	})
+	pushPair(out, "Chip", "primary", {
+		variant = "primary",
+	})
+	pushPair(out, "Chip", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Badge", "count", {
 		value = 3,
 	})
-	local _Length_33 = #_array_34
-	table.move(_array_34, 1, _Length_33, _length + 1, _array)
-	_length += _Length_33
-	local _array_35 = pair("Badge", "max", {
+	pushPair(out, "Badge", "max", {
 		value = 100,
 	})
-	table.move(_array_35, 1, #_array_35, _length + 1, _array)
-	return _array
+	return out
 end
 local function chromeRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("Badge", "invisible", {
+	local out = {}
+	pushPair(out, "Badge", "invisible", {
 		value = 0,
 	})
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("Avatar", "initials", {
+	pushPair(out, "Badge", "dot", {
+		variant = "dot",
+	})
+	pushPair(out, "Badge", "primary", {
+		variant = "primary",
+	})
+	pushPair(out, "Badge", "sx", {
+		value = 3,
+		variant = "sx",
+	})
+	pushPair(out, "Avatar", "initials", {
 		text = "BL",
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("Avatar", "image", {
+	pushPair(out, "Avatar", "image", {
 		variant = "image",
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("Avatar", "small", {
+	pushPair(out, "Avatar", "small", {
 		size = "small",
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("Drawer", "closed", {
+	pushPair(out, "Avatar", "rounded", {
+		variant = "rounded",
+	})
+	pushPair(out, "Avatar", "sx", {
+		text = "BL",
+		variant = "sx",
+	})
+	pushPair(out, "Drawer", "closed", {
 		open = false,
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Drawer", "left", {
+	pushPair(out, "Drawer", "left", {
 		open = true,
 		variant = "left",
 	})
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Drawer", "right", {
+	pushPair(out, "Drawer", "right", {
 		open = true,
 		variant = "right",
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("Breadcrumbs", "single", {
+	pushPair(out, "Drawer", "wide", {
+		open = true,
+		variant = "wide",
+	})
+	pushPair(out, "Drawer", "sx", {
+		open = true,
+		variant = "left",
+	})
+	pushPair(out, "Shadow", "sx")
+	pushPair(out, "EmptyListHint", "sx", {
+		text = "None",
+	})
+	pushPair(out, "Breadcrumbs", "single", {
 		text = "Home",
 	})
-	local _Length_7 = #_array_8
-	table.move(_array_8, 1, _Length_7, _length + 1, _array)
-	_length += _Length_7
-	local _array_9 = pair("Breadcrumbs", "trail", {
+	pushPair(out, "Breadcrumbs", "trail", {
 		text = "Home / Library / Item",
 	})
-	local _Length_8 = #_array_9
-	table.move(_array_9, 1, _Length_8, _length + 1, _array)
-	_length += _Length_8
-	local _array_10 = pair("Breadcrumbs", "custom-separator", {
+	pushPair(out, "Breadcrumbs", "collapsed", {
+		text = "Home / … / Item",
+		size = "small",
+	})
+	pushPair(out, "Breadcrumbs", "custom-separator", {
 		text = "Home > Item",
 	})
-	local _Length_9 = #_array_10
-	table.move(_array_10, 1, _Length_9, _length + 1, _array)
-	_length += _Length_9
-	local _array_11 = pair("Pagination", "first", {
+	pushPair(out, "Breadcrumbs", "sx", {
+		text = "Home / Item",
+		variant = "sx",
+	})
+	pushPair(out, "Pagination", "first", {
 		value = 1,
 	})
-	local _Length_10 = #_array_11
-	table.move(_array_11, 1, _Length_10, _length + 1, _array)
-	_length += _Length_10
-	local _array_12 = pair("Pagination", "middle", {
+	pushPair(out, "Pagination", "middle", {
 		value = 3,
 	})
-	local _Length_11 = #_array_12
-	table.move(_array_12, 1, _Length_11, _length + 1, _array)
-	_length += _Length_11
-	local _array_13 = pair("Pagination", "disabled", {
+	pushPair(out, "Pagination", "collapsed", {
+		value = 10,
+		size = "large",
+	})
+	pushPair(out, "Pagination", "disabled", {
 		value = 2,
 		disabled = true,
 	})
-	local _Length_12 = #_array_13
-	table.move(_array_13, 1, _Length_12, _length + 1, _array)
-	_length += _Length_12
-	local _array_14 = pair("Stepper", "first", {
+	pushPair(out, "Pagination", "size-small", {
+		value = 2,
+		size = "small",
+	})
+	pushPair(out, "Pagination", "outlined", {
+		value = 2,
+		variant = "outlined",
+	})
+	pushPair(out, "Pagination", "sx", {
+		value = 2,
+		variant = "sx",
+	})
+	pushPair(out, "Stepper", "first", {
 		value = 0,
 	})
-	local _Length_13 = #_array_14
-	table.move(_array_14, 1, _Length_13, _length + 1, _array)
-	_length += _Length_13
-	local _array_15 = pair("Stepper", "middle", {
+	pushPair(out, "Stepper", "middle", {
 		value = 1,
 	})
-	local _Length_14 = #_array_15
-	table.move(_array_15, 1, _Length_14, _length + 1, _array)
-	_length += _Length_14
-	local _array_16 = pair("Stepper", "last", {
+	pushPair(out, "Stepper", "last", {
 		value = 2,
 	})
-	local _Length_15 = #_array_16
-	table.move(_array_16, 1, _Length_15, _length + 1, _array)
-	_length += _Length_15
-	local _array_17 = pair("Accordion", "closed", {
+	pushPair(out, "Stepper", "vertical", {
+		value = 1,
+		variant = "vertical",
+	})
+	pushPair(out, "Stepper", "sx", {
+		value = 1,
+		variant = "sx",
+	})
+	pushPair(out, "Accordion", "closed", {
 		open = false,
 	})
-	local _Length_16 = #_array_17
-	table.move(_array_17, 1, _Length_16, _length + 1, _array)
-	_length += _Length_16
-	local _array_18 = pair("Accordion", "open", {
+	pushPair(out, "Accordion", "open", {
 		open = true,
 	})
-	local _Length_17 = #_array_18
-	table.move(_array_18, 1, _Length_17, _length + 1, _array)
-	_length += _Length_17
-	local _array_19 = pair("Snackbar", "open", {
+	pushPair(out, "Accordion", "disabled", {
+		open = false,
+		disabled = true,
+	})
+	pushPair(out, "Accordion", "indicator", {
+		open = true,
+	})
+	pushPair(out, "Accordion", "square", {
+		variant = "square",
+	})
+	pushPair(out, "Accordion", "sx", {
+		open = true,
+		variant = "sx",
+	})
+	pushPair(out, "Snackbar", "open", {
 		open = true,
 		text = "Saved",
 	})
-	local _Length_18 = #_array_19
-	table.move(_array_19, 1, _Length_18, _length + 1, _array)
-	_length += _Length_18
-	local _array_20 = pair("Snackbar", "closed", {
+	pushPair(out, "Snackbar", "closed", {
 		open = false,
 		text = "Saved",
 	})
-	local _Length_19 = #_array_20
-	table.move(_array_20, 1, _Length_19, _length + 1, _array)
-	_length += _Length_19
-	local _array_21 = pair("Table", "empty", {
+	pushPair(out, "Snackbar", "action", {
+		open = true,
+		text = "Undo",
+	})
+	pushPair(out, "Toast", "sx", {
+		text = "Saved",
+	})
+	pushPair(out, "Table", "empty", {
 		text = "",
 	})
-	local _Length_20 = #_array_21
-	table.move(_array_21, 1, _Length_20, _length + 1, _array)
-	_length += _Length_20
-	local _array_22 = pair("Table", "default", {
+	pushPair(out, "Table", "default", {
 		text = "Name / Role",
 	})
-	local _Length_21 = #_array_22
-	table.move(_array_22, 1, _Length_21, _length + 1, _array)
-	_length += _Length_21
-	local _array_23 = pair("Table", "selected", {
+	pushPair(out, "Table", "selected", {
 		text = "Name / Role",
 		value = 0,
 	})
-	local _Length_22 = #_array_23
-	table.move(_array_23, 1, _Length_22, _length + 1, _array)
-	_length += _Length_22
-	local _array_24 = pair("Autocomplete", "default", {
+	pushPair(out, "Table", "dense", {
+		text = "Name / Role",
+		variant = "dense",
+	})
+	pushPair(out, "Table", "sx", {
+		text = "Name / Role",
+		variant = "sx",
+	})
+	pushPair(out, "Autocomplete", "default", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 	})
-	local _Length_23 = #_array_24
-	table.move(_array_24, 1, _Length_23, _length + 1, _array)
-	_length += _Length_23
-	local _array_25 = pair("Autocomplete", "open", {
+	pushPair(out, "Autocomplete", "open", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		open = true,
 	})
-	local _Length_24 = #_array_25
-	table.move(_array_25, 1, _Length_24, _length + 1, _array)
-	_length += _Length_24
-	local _array_26 = pair("Autocomplete", "disabled", {
+	pushPair(out, "Autocomplete", "disabled", {
 		value = "Continue",
 		options = { "Continue", "Other" },
 		disabled = true,
 	})
-	local _Length_25 = #_array_26
-	table.move(_array_26, 1, _Length_25, _length + 1, _array)
-	_length += _Length_25
-	local _array_27 = pair("Fab", "default")
-	local _Length_26 = #_array_27
-	table.move(_array_27, 1, _Length_26, _length + 1, _array)
-	_length += _Length_26
-	local _array_28 = pair("Fab", "small", {
+	pushPair(out, "Autocomplete", "empty", {
+		value = "",
+		options = {},
+		open = true,
+	})
+	pushPair(out, "Autocomplete", "no-results", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		open = true,
+		filter = "zzz",
+	})
+	pushPair(out, "Fab", "default")
+	pushPair(out, "Fab", "extended", {
+		text = "Compose",
+	})
+	pushPair(out, "Fab", "extended-narrow", {
+		text = "Compose",
+		width = 128,
+	})
+	pushPair(out, "Fab", "small", {
 		size = "small",
 	})
-	local _Length_27 = #_array_28
-	table.move(_array_28, 1, _Length_27, _length + 1, _array)
-	_length += _Length_27
-	local _array_29 = pair("Fab", "large", {
+	pushPair(out, "Fab", "medium", {
+		size = "medium",
+	})
+	pushPair(out, "Fab", "large", {
 		size = "large",
 	})
-	local _Length_28 = #_array_29
-	table.move(_array_29, 1, _Length_28, _length + 1, _array)
-	_length += _Length_28
-	local _array_30 = pair("Fab", "disabled", {
+	pushPair(out, "Fab", "disabled", {
 		disabled = true,
 	})
-	local _Length_29 = #_array_30
-	table.move(_array_30, 1, _Length_29, _length + 1, _array)
-	_length += _Length_29
-	local _array_31 = pair("Fab", "loading", {
+	pushPair(out, "Fab", "loading", {
 		loading = true,
 	})
-	local _Length_30 = #_array_31
-	table.move(_array_31, 1, _Length_30, _length + 1, _array)
-	_length += _Length_30
-	local _array_32 = pair("AppBar", "default", {
+	pushPair(out, "Fab", "accent", {
+		variant = "accent",
+	})
+	pushPair(out, "Fab", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "AppBar", "default", {
 		text = "Storyblox",
 	})
-	local _Length_31 = #_array_32
-	table.move(_array_32, 1, _Length_31, _length + 1, _array)
-	_length += _Length_31
-	local _array_33 = pair("AppBar", "flat", {
+	pushPair(out, "AppBar", "flat", {
 		text = "Storyblox",
 		variant = "flat",
 	})
-	local _Length_32 = #_array_33
-	table.move(_array_33, 1, _Length_32, _length + 1, _array)
-	_length += _Length_32
-	local _array_34 = pair("AppBar", "raised", {
+	pushPair(out, "AppBar", "raised", {
 		text = "Storyblox",
 		variant = "raised",
 	})
-	local _Length_33 = #_array_34
-	table.move(_array_34, 1, _Length_33, _length + 1, _array)
-	_length += _Length_33
-	local _array_35 = pair("BottomNavigation", "default", {
+	pushPair(out, "AppBar", "primary", {
+		text = "Storyblox",
+		variant = "primary",
+	})
+	pushPair(out, "AppBar", "sx", {
+		text = "Storyblox",
+		variant = "sx",
+	})
+	pushPair(out, "BottomNavigation", "default", {
 		value = "Home",
 		options = { "Home", "Search", "Profile" },
 	})
-	table.move(_array_35, 1, #_array_35, _length + 1, _array)
-	return _array
+	return out
 end
-local function miscRows()
-	local _array = {}
-	local _length = #_array
-	local _array_1 = pair("BottomNavigation", "selected", {
+local function miscRowsA()
+	local out = {}
+	pushPair(out, "BottomNavigation", "selected", {
 		value = "Search",
 		options = { "Home", "Search", "Profile" },
 	})
-	local _Length = #_array_1
-	table.move(_array_1, 1, _Length, _length + 1, _array)
-	_length += _Length
-	local _array_2 = pair("BottomNavigation", "disabled", {
+	pushPair(out, "BottomNavigation", "disabled", {
 		value = "Home",
 		options = { "Home", "Search", "Profile" },
 		disabled = true,
 	})
-	local _Length_1 = #_array_2
-	table.move(_array_2, 1, _Length_1, _length + 1, _array)
-	_length += _Length_1
-	local _array_3 = pair("Alert", "info", {
+	pushPair(out, "BottomNavigation", "icons", {
+		value = "Home",
+		options = { "Home", "Search", "Profile" },
+		variant = "icons",
+	})
+	pushPair(out, "BottomNavigation", "sx", {
+		value = "Home",
+		options = { "Home", "Search", "Profile" },
+		variant = "sx",
+	})
+	pushPair(out, "Alert", "info", {
 		text = "Heads up",
 		variant = "info",
 	})
-	local _Length_2 = #_array_3
-	table.move(_array_3, 1, _Length_2, _length + 1, _array)
-	_length += _Length_2
-	local _array_4 = pair("Alert", "success", {
+	pushPair(out, "Alert", "success", {
 		text = "Saved",
 		variant = "success",
 	})
-	local _Length_3 = #_array_4
-	table.move(_array_4, 1, _Length_3, _length + 1, _array)
-	_length += _Length_3
-	local _array_5 = pair("Alert", "warning", {
+	pushPair(out, "Alert", "warning", {
 		text = "Check this",
 		variant = "warning",
 	})
-	local _Length_4 = #_array_5
-	table.move(_array_5, 1, _Length_4, _length + 1, _array)
-	_length += _Length_4
-	local _array_6 = pair("Alert", "error", {
+	pushPair(out, "Alert", "error", {
 		text = "Failed",
 		variant = "error",
 	})
-	local _Length_5 = #_array_6
-	table.move(_array_6, 1, _Length_5, _length + 1, _array)
-	_length += _Length_5
-	local _array_7 = pair("Menu", "closed", {
+	pushPair(out, "Alert", "filled", {
+		text = "Heads up",
+		variant = "filled",
+	})
+	pushPair(out, "Alert", "square", {
+		text = "Heads up",
+		variant = "square",
+	})
+	pushPair(out, "Alert", "sx", {
+		text = "Heads up",
+		variant = "sx",
+	})
+	pushPair(out, "ToggleButton", "default")
+	pushPair(out, "ToggleButton", "selected", {
+		value = true,
+	})
+	pushPair(out, "ToggleButton", "disabled", {
+		disabled = true,
+	})
+	pushPair(out, "ToggleButton", "size-small", {
+		size = "small",
+	})
+	pushPair(out, "ToggleButton", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "ToggleButtonGroup", "default", {
+		value = "Left",
+		options = { "Left", "Center", "Right" },
+	})
+	pushPair(out, "ToggleButtonGroup", "selected", {
+		value = "Center",
+		options = { "Left", "Center", "Right" },
+	})
+	pushPair(out, "ToggleButtonGroup", "vertical", {
+		value = "Center",
+		options = { "Left", "Center", "Right" },
+		variant = "vertical",
+	})
+	pushPair(out, "ToggleButtonGroup", "sx", {
+		value = "Left",
+		options = { "Left", "Center", "Right" },
+		variant = "sx",
+	})
+	pushPair(out, "Link", "default", {
+		text = "Open docs",
+	})
+	pushPair(out, "Link", "hover-underline", {
+		text = "Open docs",
+		variant = "hover",
+		pointer = "hover",
+	})
+	pushPair(out, "Link", "disabled", {
+		text = "Open docs",
+		disabled = true,
+	})
+	pushPair(out, "Link", "error", {
+		text = "Open docs",
+		variant = "error",
+	})
+	pushPair(out, "Link", "sx", {
+		text = "Open docs",
+		variant = "sx",
+	})
+	pushPair(out, "Rating", "default", {
+		value = 0,
+	})
+	pushPair(out, "Rating", "filled", {
+		value = 3,
+	})
+	pushPair(out, "Rating", "disabled", {
+		value = 4,
+		disabled = true,
+	})
+	pushPair(out, "Rating", "size-small", {
+		value = 3,
+		size = "small",
+	})
+	pushPair(out, "Rating", "readonly", {
+		value = 3,
+	})
+	pushPair(out, "Rating", "sx", {
+		value = 3,
+		variant = "sx",
+	})
+	pushPair(out, "Stack", "column", {
+		variant = "column",
+	})
+	pushPair(out, "Stack", "row", {
+		variant = "row",
+	})
+	pushPair(out, "Stack", "spaced", {
+		variant = "column",
+		size = "large",
+	})
+	pushPair(out, "Stack", "wrap", {
+		variant = "row",
+		width = WIDE,
+	})
+	pushPair(out, "Stack", "justify-between", {
+		variant = "space-between",
+		width = WIDE,
+	})
+	pushPair(out, "Stack", "align-stretch", {
+		variant = "stretch",
+	})
+	pushPair(out, "FlexItem", "grow", {
+		variant = "grow",
+	})
+	pushPair(out, "FlexItem", "shrink", {
+		variant = "shrink",
+	})
+	pushPair(out, "FlexItem", "fill", {
+		variant = "fill",
+	})
+	pushPair(out, "Grid", "columns-3", {
+		variant = "3",
+	})
+	pushPair(out, "Grid", "start-bottom-right", {
+		variant = "bottom-right",
+	})
+	pushPair(out, "Grid", "gap", {
+		size = "medium",
+	})
+	pushPair(out, "Box", "plain")
+	pushPair(out, "Box", "padded", {
+		size = "medium",
+	})
+	pushPair(out, "Box", "paper", {
+		variant = "paper",
+	})
+	pushPair(out, "Box", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Stack", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Paper", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "StyleSx", "default")
+	pushPair(out, "StyleSx", "hover", {
+		pointer = "hover",
+	})
+	pushPair(out, "StyleSx", "narrow", {
+		width = NARROW,
+	})
+	pushPair(out, "StyleSx", "disabled", {
+		disabled = true,
+	})
+	pushPair(out, "StyleSx", "loading", {
+		loading = true,
+	})
+	return out
+end
+local function miscRowsB()
+	local out = {}
+	pushPair(out, "Container", "default", {
+		variant = "lg",
+	})
+	pushPair(out, "Container", "sm", {
+		variant = "sm",
+	})
+	pushPair(out, "Container", "fluid", {
+		variant = "false",
+	})
+	pushPair(out, "Backdrop", "default")
+	pushPair(out, "Backdrop", "invisible", {
+		variant = "invisible",
+	})
+	pushPair(out, "Backdrop", "closed", {
+		open = false,
+	})
+	pushPair(out, "Backdrop", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Sidebar", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Divider", "horizontal", {
+		variant = "horizontal",
+	})
+	pushPair(out, "Divider", "vertical", {
+		variant = "vertical",
+	})
+	pushPair(out, "Divider", "label", {
+		text = "Or",
+	})
+	pushPair(out, "Divider", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "Icon", "sx", {
+		variant = "sx",
+	})
+	pushPair(out, "ImageList", "default")
+	pushPair(out, "ImageList", "dense", {
+		size = "small",
+	})
+	pushPair(out, "ImageList", "wide", {
+		size = "large",
+	})
+	pushPair(out, "ImageList", "titled", {
+		text = "Cove",
+	})
+	pushPair(out, "ImageList", "untitled", {
+		text = "",
+	})
+	pushPair(out, "ImageList", "sx")
+	pushPair(out, "SpeedDial", "closed", {
+		open = false,
+	})
+	pushPair(out, "SpeedDial", "open", {
+		open = true,
+	})
+	pushPair(out, "SpeedDial", "disabled", {
+		open = false,
+		disabled = true,
+	})
+	pushPair(out, "SpeedDial", "down", {
+		open = true,
+		variant = "down",
+	})
+	pushPair(out, "SpeedDial", "sx", {
+		open = false,
+	})
+	pushPair(out, "List", "sx")
+	pushPair(out, "Preloader", "sx")
+	pushPair(out, "VirtualList", "sx")
+	pushPair(out, "FormLabel", "default", {
+		text = "Email",
+	})
+	pushPair(out, "FormLabel", "required", {
+		text = "Email",
+		value = true,
+	})
+	pushPair(out, "FormLabel", "error", {
+		text = "Email",
+		hasError = true,
+	})
+	pushPair(out, "FormLabel", "sx", {
+		text = "Email",
+		variant = "sx",
+	})
+	pushPair(out, "FormHelperText", "default", {
+		text = "We never share this",
+	})
+	pushPair(out, "FormHelperText", "error", {
+		text = "Required",
+		hasError = true,
+	})
+	pushPair(out, "FormHelperText", "sx", {
+		text = "Hint",
+		variant = "sx",
+	})
+	pushPair(out, "Typography", "sx", {
+		text = "Title",
+		variant = "sx",
+	})
+	pushPair(out, "Menu", "closed", {
 		open = false,
 	})
-	local _Length_6 = #_array_7
-	table.move(_array_7, 1, _Length_6, _length + 1, _array)
-	_length += _Length_6
-	local _array_8 = pair("Menu", "open", {
+	pushPair(out, "Menu", "open", {
+		open = true,
+	})
+	pushPair(out, "Menu", "empty", {
+		open = true,
+		options = {},
+	})
+	pushPair(out, "Menu", "dense", {
 		open = true,
+		variant = "dense",
+	})
+	pushPair(out, "Menu", "selected", {
+		open = true,
+		selected = "a",
+	})
+	pushPair(out, "Menu", "sx", {
+		open = true,
+	})
+	pushPair(out, "Markdown", "default", {
+		text = "# Title\n\nHello **world**",
 	})
-	table.move(_array_8, 1, #_array_8, _length + 1, _array)
-	return _array
+	pushPair(out, "Markdown", "empty", {
+		text = "",
+	})
+	pushPair(out, "Markdown", "sx", {
+		text = "# Title",
+	})
+	pushPair(out, "MarkdownEditor", "split", {
+		text = "# Title",
+		variant = "split",
+	})
+	pushPair(out, "MarkdownEditor", "edit", {
+		text = "# Title",
+		variant = "edit",
+	})
+	pushPair(out, "MarkdownEditor", "preview", {
+		text = "# Title",
+		variant = "preview",
+	})
+	pushPair(out, "MarkdownEditor", "density-compact", {
+		text = "# Title",
+		density = "compact",
+		variant = "split",
+	})
+	pushPair(out, "MarkdownEditor", "sx", {
+		text = "# Title",
+		variant = "split",
+	})
+	return out
 end
 local function concatRows(...)
 	local chunks = { ... }
@@ -1524,7 +1515,7 @@ local function concatRows(...)
 	end
 	return out
 end
-local stateMatrix = concatRows(controlsRows(), editorsRows(), togglesRows(), compositeRows(), surfacesRows(), chromeRows(), miscRows())
+local stateMatrix = concatRows(controlsRows(), editorsRows(), togglesRows(), compositeRows(), surfacesRows(), chromeRows(), miscRowsA(), miscRowsB())
 return {
 	stateMatrix = stateMatrix,
 }