Add LayoutOrder to PageController.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rbxts/zenui-core",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "",
   "main": "out/init.lua",
   "scripts": {

src/Controllers/PageController.tsx

@@ -1,8 +1,10 @@
 import Roact from "@rbxts/roact";
+import { InferEnumNames } from "../Utility/Types";
 
 export interface PageControllerProps {
 	Size?: UDim2;
 	Position?: UDim2;
+	SortOrder?: InferEnumNames<Enum.SortOrder> | Enum.SortOrder;
 	SelectedPageIndex: number;
 	TabIndexChanged?: (index: number) => void;
 }
@@ -49,7 +51,12 @@ export class PageController extends Roact.PureComponent<PageControllerProps, Pag
 
 		return (
 			<frame ZIndex={2} ClipsDescendants BackgroundTransparency={1} Size={ContentSize} Position={ContentPosition}>
-				<uipagelayout ScrollWheelInputEnabled={false} Animated={false} Ref={(page) => (this.page = page)} />
+				<uipagelayout
+					SortOrder={this.props.SortOrder}
+					ScrollWheelInputEnabled={false}
+					Animated={false}
+					Ref={(page) => (this.page = page)}
+				/>
 				{children}
 			</frame>
 		);

src/Layouts/ColumnView.tsx

@@ -161,6 +161,8 @@ export class ColumnView extends Roact.Component<ColumnViewProps> {
 			widthOffset -= colPadding.Offset * (seperatorCount / children.size());
 			scaleOffset -= colPadding.Scale * (seperatorCount / children.size());
 
+			const useAutomaticSize = this.props.ColumnHeight === new UDim();
+
 			let idx = 0;
 			const count = children.size();
 			for (const [key, child] of children) {
@@ -185,7 +187,7 @@ export class ColumnView extends Roact.Component<ColumnViewProps> {
 											this.props.ColumnHeight.Offset,
 									  )
 							}
-							AutomaticSize={this.props.ColumnHeight === new UDim() ? "Y" : "None"}
+							AutomaticSize={useAutomaticSize ? "Y" : "None"}
 						>
 							<uilistlayout
 								VerticalAlignment={props.VerticalAlignment}