@rbxts/uiblox 0.2.0-alpha.15 → 0.2.0-alpha.16

package/out/ui/packages/accordion/components/Accordion.luau

@@ -3,7 +3,10 @@ local TS = _G[script]
 local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local React = _react
 local useState = _react.useState
-local accordionOpen = TS.import(script, script.Parent, "accordionOpen").accordionOpen
+local Icons = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Icons
+local _accordionOpen = TS.import(script, script.Parent, "accordionOpen")
+local accordionGlyph = _accordionOpen.accordionGlyph
+local accordionOpen = _accordionOpen.accordionOpen
 local useAccordionStyles = TS.import(script, script.Parent, "Accordion.styles").default
 local function Accordion(props)
 	local _binding = props
@@ -81,16 +84,24 @@ local function Accordion(props)
 		_attributes_5[_k] = _v
 	end
 	_attributes_5.Text = title
-	local _exp_3 = React.createElement("textbutton", _attributes_3, _exp_2, React.createElement("textlabel", _attributes_5))
+	local _exp_3 = React.createElement("textlabel", _attributes_5)
 	local _attributes_6 = {
+		key = "Icon",
+	}
+	for _k, _v in styles.icon do
+		_attributes_6[_k] = _v
+	end
+	_attributes_6.Image = if accordionGlyph(open) == "expanded" then Icons.Expanded else Icons.Collapsed
+	local _exp_4 = React.createElement("textbutton", _attributes_3, _exp_2, _exp_3, React.createElement("imagelabel", _attributes_6))
+	local _attributes_7 = {
 		key = "Body",
 	}
 	for _k, _v in styles.body do
-		_attributes_6[_k] = _v
+		_attributes_7[_k] = _v
 	end
-	local _attributes_7 = table.clone(styles.padding)
-	setmetatable(_attributes_7, nil)
-	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_3, React.createElement("frame", _attributes_6, React.createElement("uipadding", _attributes_7), children))
+	local _attributes_8 = table.clone(styles.padding)
+	setmetatable(_attributes_8, nil)
+	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_4, React.createElement("frame", _attributes_7, React.createElement("uipadding", _attributes_8), children))
 end
 local default = Accordion
 return {

package/out/ui/packages/accordion/components/Accordion.styles.luau

@@ -32,8 +32,8 @@ local useAccordionStyles = componentStyles("Accordion", function(theme, _param)
 			Selectable = disabled ~= true,
 		},
 		title = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, -theme.spacing.calc(4), 0, 0),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			Font = theme.typography.fontFamilies.default,
@@ -42,6 +42,16 @@ local useAccordionStyles = componentStyles("Accordion", function(theme, _param)
 			TextTransparency = if disabled == true then 0.5 else 0,
 			TextXAlignment = Enum.TextXAlignment.Left,
 		},
+		icon = {
+			Size = UDim2.fromOffset(theme.options.constants.iconSizes.small, theme.options.constants.iconSizes.small),
+			Position = UDim2.new(1, -theme.padding.calc(1.5), 0.5, 0),
+			AnchorPoint = Vector2.new(1, 0.5),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			ScaleType = Enum.ScaleType.Fit,
+			ImageColor3 = theme.palette.text.primary,
+			ImageTransparency = if disabled == true then 0.5 else 0,
+		},
 		padding = {
 			PaddingTop = UDim.new(0, theme.padding.calc(1)),
 			PaddingBottom = UDim.new(0, theme.padding.calc(1)),

package/out/ui/packages/accordion/components/accordionOpen.d.ts

@@ -1 +1,2 @@
 export declare function accordionOpen(expanded: boolean | undefined, controlled: boolean | undefined): boolean;
+export declare function accordionGlyph(open?: boolean): "expanded" | "collapsed";

package/out/ui/packages/accordion/components/accordionOpen.luau

@@ -5,6 +5,10 @@ local function accordionOpen(expanded, controlled)
 	end
 	return expanded == true
 end
+local function accordionGlyph(open)
+	return if open == true then "expanded" else "collapsed"
+end
 return {
 	accordionOpen = accordionOpen,
+	accordionGlyph = accordionGlyph,
 }

package/out/ui/packages/fab/components/Fab.d.ts

@@ -1,10 +1,12 @@
 import { CustomizedProps } from "../../../../theme/index";
 import { Icons } from "../../../enums/index";
 import { FabSize } from "./fabSize";
+import { FabColor } from "./Fab.styles";
 export interface FabProps {
     icon: Icons;
     label?: string;
     size?: FabSize;
+    color?: FabColor;
     disabled?: boolean;
     loading?: boolean;
     reducedMotion?: boolean;

package/out/ui/packages/fab/components/Fab.luau

@@ -20,6 +20,10 @@ local function Fab(props)
 	if size == nil then
 		size = "medium"
 	end
+	local color = _binding.color
+	if color == nil then
+		color = "primary"
+	end
 	local disabled = _binding.disabled
 	local loading = _binding.loading
 	if loading == nil then
@@ -35,6 +39,7 @@ local function Fab(props)
 	local extended = fabExtended(label)
 	local styles = useFabStyles({
 		size = size,
+		color = color,
 		disabled = not active,
 		extended = extended,
 	})

package/out/ui/packages/fab/components/Fab.styles.d.ts

@@ -1,6 +1,8 @@
 import { FabSize } from "./fabSize";
+export type FabColor = "primary" | "accent";
 export interface FabStyleProps {
     size?: FabSize;
+    color?: FabColor;
     disabled?: boolean;
     extended?: boolean;
 }

package/out/ui/packages/fab/components/Fab.styles.luau

@@ -9,14 +9,19 @@ local useFabStyles = componentStyles("Fab", function(theme, _param)
 	if size == nil then
 		size = "medium"
 	end
+	local color = _param.color
+	if color == nil then
+		color = "primary"
+	end
 	local disabled = _param.disabled
 	local extended = _param.extended
 	local diameter = fabPixels(size)
+	local tone = if color == "accent" then theme.palette.accent else theme.palette.primary
 	return createStyles({
 		root = {
 			Size = if extended == true then UDim2.new(0, 0, 0, diameter) else UDim2.fromOffset(diameter, diameter),
 			AutomaticSize = if extended == true then Enum.AutomaticSize.X else Enum.AutomaticSize.None,
-			BackgroundColor3 = theme.palette.primary.main,
+			BackgroundColor3 = tone.main,
 			BackgroundTransparency = if disabled then 0.5 else 0,
 			BorderSizePixel = 0,
 			AutoButtonColor = false,
@@ -42,7 +47,7 @@ local useFabStyles = componentStyles("Fab", function(theme, _param)
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			ScaleType = Enum.ScaleType.Fit,
-			ImageColor3 = theme.palette.primary.on,
+			ImageColor3 = tone.on,
 			ImageTransparency = if disabled then 0.5 else 0,
 			LayoutOrder = 1,
 		},
@@ -53,7 +58,7 @@ local useFabStyles = componentStyles("Fab", function(theme, _param)
 			BorderSizePixel = 0,
 			Font = theme.typography.fontFamilies.default,
 			TextSize = theme.typography.fontSizes.body,
-			TextColor3 = theme.palette.primary.on,
+			TextColor3 = tone.on,
 			TextTransparency = if disabled then 0.5 else 0,
 			LayoutOrder = 2,
 		},

package/out/ui/packages/paper/components/Paper.d.ts

@@ -1,5 +1,5 @@
 import React from "@rbxts/react";
-export type PaperElevation = "flat" | "raised";
+export type PaperElevation = "flat" | "raised" | "outlined";
 export interface PaperProps {
     elevation?: PaperElevation;
     square?: boolean;

package/out/ui/packages/paper/components/Paper.luau

@@ -28,7 +28,13 @@ local function Paper(props)
 		setmetatable(_attributes_2, nil)
 		_condition = React.createElement("uicorner", _attributes_2)
 	end
-	return React.createElement("frame", _attributes, _exp, _condition, children)
+	local _condition_1 = elevation == "outlined"
+	if _condition_1 then
+		local _attributes_2 = table.clone(styles.stroke)
+		setmetatable(_attributes_2, nil)
+		_condition_1 = React.createElement("uistroke", _attributes_2)
+	end
+	return React.createElement("frame", _attributes, _exp, _condition, _condition_1, children)
 end
 local default = Paper
 return {

package/out/ui/packages/paper/components/Paper.styles.d.ts

@@ -1,4 +1,4 @@
 declare const usePaperStyles: (props: {
-    elevation?: "flat" | "raised";
+    elevation?: "flat" | "raised" | "outlined";
 }) => import("../../../../theme/index").ClassNameMap<string>;
 export default usePaperStyles;

package/out/ui/packages/paper/components/Paper.styles.luau

@@ -15,6 +15,12 @@ local usePaperStyles = componentStyles("Paper", function(theme, _param)
 			BackgroundColor3 = if elevation == "raised" then theme.palette.surface.elevated else theme.palette.surface.paper,
 			BorderSizePixel = 0,
 		},
+		stroke = {
+			Color = theme.palette.border,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+			Thickness = 1,
+			Transparency = 0,
+		},
 		padding = {
 			PaddingTop = UDim.new(0, theme.padding.calc(2)),
 			PaddingBottom = UDim.new(0, theme.padding.calc(2)),

package/out/ui/packages/rating/components/Rating.d.ts

@@ -4,6 +4,7 @@ export interface RatingProps {
     max?: number;
     size?: ControlSize;
     disabled?: boolean;
+    readOnly?: boolean;
     onChange: (value: number) => void;
 }
 declare function Rating(props: CustomizedProps<Frame, RatingProps>): JSX.Element;

package/out/ui/packages/rating/components/Rating.luau

@@ -16,6 +16,7 @@ local function Rating(props)
 		size = "medium"
 	end
 	local disabled = _binding.disabled
+	local readOnly = _binding.readOnly
 	local onChange = _binding.onChange
 	local className = _binding.className
 	local sx = _binding.sx
@@ -25,7 +26,7 @@ local function Rating(props)
 		disabled = disabled,
 		size = size,
 	})
-	local active = canActivate(disabled)
+	local active = canActivate(disabled) and readOnly ~= true
 	local stars = {}
 	do
 		local i = 1

package/out/ui/packages/stateMatrix.luau

@@ -1223,102 +1223,108 @@ local function surfacesRows()
 	local _Length_24 = #_array_25
 	table.move(_array_25, 1, _Length_24, _length + 1, _array)
 	_length += _Length_24
-	local _array_26 = pair("ListItem", "default")
+	local _array_26 = pair("Paper", "outlined", {
+		variant = "outlined",
+	})
 	local _Length_25 = #_array_26
 	table.move(_array_26, 1, _Length_25, _length + 1, _array)
 	_length += _Length_25
-	local _array_27 = pair("ListItem", "selected", {
-		value = true,
-	})
+	local _array_27 = pair("ListItem", "default")
 	local _Length_26 = #_array_27
 	table.move(_array_27, 1, _Length_26, _length + 1, _array)
 	_length += _Length_26
-	local _array_28 = pair("ListItem", "disabled", {
-		disabled = true,
+	local _array_28 = pair("ListItem", "selected", {
+		value = true,
 	})
 	local _Length_27 = #_array_28
 	table.move(_array_28, 1, _Length_27, _length + 1, _array)
 	_length += _Length_27
-	local _array_29 = pair("ListItem", "secondary", {
-		variant = "secondary",
+	local _array_29 = pair("ListItem", "disabled", {
+		disabled = true,
 	})
 	local _Length_28 = #_array_29
 	table.move(_array_29, 1, _Length_28, _length + 1, _array)
 	_length += _Length_28
-	local _array_30 = pair("ListItem", "dense", {
-		variant = "dense",
+	local _array_30 = pair("ListItem", "secondary", {
+		variant = "secondary",
 	})
 	local _Length_29 = #_array_30
 	table.move(_array_30, 1, _Length_29, _length + 1, _array)
 	_length += _Length_29
-	local _array_31 = pair("Card", "flat", {
-		variant = "flat",
+	local _array_31 = pair("ListItem", "dense", {
+		variant = "dense",
 	})
 	local _Length_30 = #_array_31
 	table.move(_array_31, 1, _Length_30, _length + 1, _array)
 	_length += _Length_30
-	local _array_32 = pair("Card", "raised", {
-		variant = "raised",
+	local _array_32 = pair("Card", "flat", {
+		variant = "flat",
 	})
 	local _Length_31 = #_array_32
 	table.move(_array_32, 1, _Length_31, _length + 1, _array)
 	_length += _Length_31
-	local _array_33 = pair("Card", "square", {
-		variant = "square",
+	local _array_33 = pair("Card", "raised", {
+		variant = "raised",
 	})
 	local _Length_32 = #_array_33
 	table.move(_array_33, 1, _Length_32, _length + 1, _array)
 	_length += _Length_32
-	local _array_34 = pair("Chip", "default")
+	local _array_34 = pair("Card", "square", {
+		variant = "square",
+	})
 	local _Length_33 = #_array_34
 	table.move(_array_34, 1, _Length_33, _length + 1, _array)
 	_length += _Length_33
-	local _array_35 = pair("Chip", "size-small", {
-		size = "small",
-	})
+	local _array_35 = pair("Chip", "default")
 	local _Length_34 = #_array_35
 	table.move(_array_35, 1, _Length_34, _length + 1, _array)
 	_length += _Length_34
-	local _array_36 = pair("Chip", "size-large", {
-		size = "large",
+	local _array_36 = pair("Chip", "size-small", {
+		size = "small",
 	})
 	local _Length_35 = #_array_36
 	table.move(_array_36, 1, _Length_35, _length + 1, _array)
 	_length += _Length_35
-	local _array_37 = pair("Chip", "selected", {
-		value = true,
+	local _array_37 = pair("Chip", "size-large", {
+		size = "large",
 	})
 	local _Length_36 = #_array_37
 	table.move(_array_37, 1, _Length_36, _length + 1, _array)
 	_length += _Length_36
-	local _array_38 = pair("Chip", "disabled", {
-		disabled = true,
+	local _array_38 = pair("Chip", "selected", {
+		value = true,
 	})
 	local _Length_37 = #_array_38
 	table.move(_array_38, 1, _Length_37, _length + 1, _array)
 	_length += _Length_37
-	local _array_39 = pair("Chip", "deletable", {
-		text = "Tag",
+	local _array_39 = pair("Chip", "disabled", {
+		disabled = true,
 	})
 	local _Length_38 = #_array_39
 	table.move(_array_39, 1, _Length_38, _length + 1, _array)
 	_length += _Length_38
-	local _array_40 = pair("Chip", "outlined", {
-		variant = "outlined",
+	local _array_40 = pair("Chip", "deletable", {
+		text = "Tag",
 	})
 	local _Length_39 = #_array_40
 	table.move(_array_40, 1, _Length_39, _length + 1, _array)
 	_length += _Length_39
-	local _array_41 = pair("Badge", "count", {
-		value = 3,
+	local _array_41 = pair("Chip", "outlined", {
+		variant = "outlined",
 	})
 	local _Length_40 = #_array_41
 	table.move(_array_41, 1, _Length_40, _length + 1, _array)
 	_length += _Length_40
-	local _array_42 = pair("Badge", "max", {
+	local _array_42 = pair("Badge", "count", {
+		value = 3,
+	})
+	local _Length_41 = #_array_42
+	table.move(_array_42, 1, _Length_41, _length + 1, _array)
+	_length += _Length_41
+	local _array_43 = pair("Badge", "max", {
 		value = 100,
 	})
-	table.move(_array_42, 1, #_array_42, _length + 1, _array)
+	table.move(_array_43, 1, #_array_43, _length + 1, _array)
 	return _array
 end
 local function chromeRows()
@@ -1489,152 +1495,164 @@ local function chromeRows()
 	local _Length_25 = #_array_26
 	table.move(_array_26, 1, _Length_25, _length + 1, _array)
 	_length += _Length_25
-	local _array_27 = pair("Snackbar", "open", {
+	local _array_27 = pair("Accordion", "indicator", {
 		open = true,
-		text = "Saved",
 	})
 	local _Length_26 = #_array_27
 	table.move(_array_27, 1, _Length_26, _length + 1, _array)
 	_length += _Length_26
-	local _array_28 = pair("Snackbar", "closed", {
-		open = false,
+	local _array_28 = pair("Snackbar", "open", {
+		open = true,
 		text = "Saved",
 	})
 	local _Length_27 = #_array_28
 	table.move(_array_28, 1, _Length_27, _length + 1, _array)
 	_length += _Length_27
-	local _array_29 = pair("Table", "empty", {
-		text = "",
+	local _array_29 = pair("Snackbar", "closed", {
+		open = false,
+		text = "Saved",
 	})
 	local _Length_28 = #_array_29
 	table.move(_array_29, 1, _Length_28, _length + 1, _array)
 	_length += _Length_28
-	local _array_30 = pair("Table", "default", {
-		text = "Name / Role",
+	local _array_30 = pair("Table", "empty", {
+		text = "",
 	})
 	local _Length_29 = #_array_30
 	table.move(_array_30, 1, _Length_29, _length + 1, _array)
 	_length += _Length_29
-	local _array_31 = pair("Table", "selected", {
+	local _array_31 = pair("Table", "default", {
 		text = "Name / Role",
-		value = 0,
 	})
 	local _Length_30 = #_array_31
 	table.move(_array_31, 1, _Length_30, _length + 1, _array)
 	_length += _Length_30
-	local _array_32 = pair("Table", "dense", {
+	local _array_32 = pair("Table", "selected", {
 		text = "Name / Role",
-		variant = "dense",
+		value = 0,
 	})
 	local _Length_31 = #_array_32
 	table.move(_array_32, 1, _Length_31, _length + 1, _array)
 	_length += _Length_31
-	local _array_33 = pair("Autocomplete", "default", {
-		value = "Continue",
-		options = { "Continue", "Other" },
+	local _array_33 = pair("Table", "dense", {
+		text = "Name / Role",
+		variant = "dense",
 	})
 	local _Length_32 = #_array_33
 	table.move(_array_33, 1, _Length_32, _length + 1, _array)
 	_length += _Length_32
-	local _array_34 = pair("Autocomplete", "open", {
+	local _array_34 = pair("Autocomplete", "default", {
 		value = "Continue",
 		options = { "Continue", "Other" },
-		open = true,
 	})
 	local _Length_33 = #_array_34
 	table.move(_array_34, 1, _Length_33, _length + 1, _array)
 	_length += _Length_33
-	local _array_35 = pair("Autocomplete", "disabled", {
+	local _array_35 = pair("Autocomplete", "open", {
 		value = "Continue",
 		options = { "Continue", "Other" },
-		disabled = true,
+		open = true,
 	})
 	local _Length_34 = #_array_35
 	table.move(_array_35, 1, _Length_34, _length + 1, _array)
 	_length += _Length_34
-	local _array_36 = pair("Autocomplete", "empty", {
-		value = "",
-		options = {},
-		open = true,
+	local _array_36 = pair("Autocomplete", "disabled", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		disabled = true,
 	})
 	local _Length_35 = #_array_36
 	table.move(_array_36, 1, _Length_35, _length + 1, _array)
 	_length += _Length_35
-	local _array_37 = pair("Autocomplete", "no-results", {
-		value = "Continue",
-		options = { "Continue", "Other" },
+	local _array_37 = pair("Autocomplete", "empty", {
+		value = "",
+		options = {},
 		open = true,
-		filter = "zzz",
 	})
 	local _Length_36 = #_array_37
 	table.move(_array_37, 1, _Length_36, _length + 1, _array)
 	_length += _Length_36
-	local _array_38 = pair("Fab", "default")
+	local _array_38 = pair("Autocomplete", "no-results", {
+		value = "Continue",
+		options = { "Continue", "Other" },
+		open = true,
+		filter = "zzz",
+	})
 	local _Length_37 = #_array_38
 	table.move(_array_38, 1, _Length_37, _length + 1, _array)
 	_length += _Length_37
-	local _array_39 = pair("Fab", "extended", {
-		text = "Compose",
-	})
+	local _array_39 = pair("Fab", "default")
 	local _Length_38 = #_array_39
 	table.move(_array_39, 1, _Length_38, _length + 1, _array)
 	_length += _Length_38
-	local _array_40 = pair("Fab", "small", {
-		size = "small",
+	local _array_40 = pair("Fab", "extended", {
+		text = "Compose",
 	})
 	local _Length_39 = #_array_40
 	table.move(_array_40, 1, _Length_39, _length + 1, _array)
 	_length += _Length_39
-	local _array_41 = pair("Fab", "large", {
-		size = "large",
+	local _array_41 = pair("Fab", "small", {
+		size = "small",
 	})
 	local _Length_40 = #_array_41
 	table.move(_array_41, 1, _Length_40, _length + 1, _array)
 	_length += _Length_40
-	local _array_42 = pair("Fab", "disabled", {
-		disabled = true,
+	local _array_42 = pair("Fab", "large", {
+		size = "large",
 	})
 	local _Length_41 = #_array_42
 	table.move(_array_42, 1, _Length_41, _length + 1, _array)
 	_length += _Length_41
-	local _array_43 = pair("Fab", "loading", {
-		loading = true,
+	local _array_43 = pair("Fab", "disabled", {
+		disabled = true,
 	})
 	local _Length_42 = #_array_43
 	table.move(_array_43, 1, _Length_42, _length + 1, _array)
 	_length += _Length_42
-	local _array_44 = pair("AppBar", "default", {
-		text = "Storyblox",
+	local _array_44 = pair("Fab", "loading", {
+		loading = true,
 	})
 	local _Length_43 = #_array_44
 	table.move(_array_44, 1, _Length_43, _length + 1, _array)
 	_length += _Length_43
-	local _array_45 = pair("AppBar", "flat", {
-		text = "Storyblox",
-		variant = "flat",
+	local _array_45 = pair("Fab", "accent", {
+		variant = "accent",
 	})
 	local _Length_44 = #_array_45
 	table.move(_array_45, 1, _Length_44, _length + 1, _array)
 	_length += _Length_44
-	local _array_46 = pair("AppBar", "raised", {
+	local _array_46 = pair("AppBar", "default", {
 		text = "Storyblox",
-		variant = "raised",
 	})
 	local _Length_45 = #_array_46
 	table.move(_array_46, 1, _Length_45, _length + 1, _array)
 	_length += _Length_45
-	local _array_47 = pair("AppBar", "primary", {
+	local _array_47 = pair("AppBar", "flat", {
 		text = "Storyblox",
-		variant = "primary",
+		variant = "flat",
 	})
 	local _Length_46 = #_array_47
 	table.move(_array_47, 1, _Length_46, _length + 1, _array)
 	_length += _Length_46
-	local _array_48 = pair("BottomNavigation", "default", {
+	local _array_48 = pair("AppBar", "raised", {
+		text = "Storyblox",
+		variant = "raised",
+	})
+	local _Length_47 = #_array_48
+	table.move(_array_48, 1, _Length_47, _length + 1, _array)
+	_length += _Length_47
+	local _array_49 = pair("AppBar", "primary", {
+		text = "Storyblox",
+		variant = "primary",
+	})
+	local _Length_48 = #_array_49
+	table.move(_array_49, 1, _Length_48, _length + 1, _array)
+	_length += _Length_48
+	local _array_50 = pair("BottomNavigation", "default", {
 		value = "Home",
 		options = { "Home", "Search", "Profile" },
 	})
-	table.move(_array_48, 1, #_array_48, _length + 1, _array)
+	table.move(_array_50, 1, #_array_50, _length + 1, _array)
 	return _array
 end
 local function miscRows()
@@ -1788,192 +1806,198 @@ local function miscRows()
 	local _Length_21 = #_array_22
 	table.move(_array_22, 1, _Length_21, _length + 1, _array)
 	_length += _Length_21
-	local _array_23 = pair("Stack", "column", {
-		variant = "column",
+	local _array_23 = pair("Rating", "readonly", {
+		value = 3,
 	})
 	local _Length_22 = #_array_23
 	table.move(_array_23, 1, _Length_22, _length + 1, _array)
 	_length += _Length_22
-	local _array_24 = pair("Stack", "row", {
-		variant = "row",
+	local _array_24 = pair("Stack", "column", {
+		variant = "column",
 	})
 	local _Length_23 = #_array_24
 	table.move(_array_24, 1, _Length_23, _length + 1, _array)
 	_length += _Length_23
-	local _array_25 = pair("Stack", "spaced", {
-		variant = "column",
-		size = "large",
+	local _array_25 = pair("Stack", "row", {
+		variant = "row",
 	})
 	local _Length_24 = #_array_25
 	table.move(_array_25, 1, _Length_24, _length + 1, _array)
 	_length += _Length_24
-	local _array_26 = pair("Box", "plain")
+	local _array_26 = pair("Stack", "spaced", {
+		variant = "column",
+		size = "large",
+	})
 	local _Length_25 = #_array_26
 	table.move(_array_26, 1, _Length_25, _length + 1, _array)
 	_length += _Length_25
-	local _array_27 = pair("Box", "padded", {
-		size = "medium",
-	})
+	local _array_27 = pair("Box", "plain")
 	local _Length_26 = #_array_27
 	table.move(_array_27, 1, _Length_26, _length + 1, _array)
 	_length += _Length_26
-	local _array_28 = pair("Box", "paper", {
-		variant = "paper",
+	local _array_28 = pair("Box", "padded", {
+		size = "medium",
 	})
 	local _Length_27 = #_array_28
 	table.move(_array_28, 1, _Length_27, _length + 1, _array)
 	_length += _Length_27
-	local _array_29 = pair("Container", "default", {
-		variant = "lg",
+	local _array_29 = pair("Box", "paper", {
+		variant = "paper",
 	})
 	local _Length_28 = #_array_29
 	table.move(_array_29, 1, _Length_28, _length + 1, _array)
 	_length += _Length_28
-	local _array_30 = pair("Container", "sm", {
-		variant = "sm",
+	local _array_30 = pair("Container", "default", {
+		variant = "lg",
 	})
 	local _Length_29 = #_array_30
 	table.move(_array_30, 1, _Length_29, _length + 1, _array)
 	_length += _Length_29
-	local _array_31 = pair("Container", "fluid", {
-		variant = "false",
+	local _array_31 = pair("Container", "sm", {
+		variant = "sm",
 	})
 	local _Length_30 = #_array_31
 	table.move(_array_31, 1, _Length_30, _length + 1, _array)
 	_length += _Length_30
-	local _array_32 = pair("Backdrop", "default")
+	local _array_32 = pair("Container", "fluid", {
+		variant = "false",
+	})
 	local _Length_31 = #_array_32
 	table.move(_array_32, 1, _Length_31, _length + 1, _array)
 	_length += _Length_31
-	local _array_33 = pair("Backdrop", "invisible", {
-		variant = "invisible",
-	})
+	local _array_33 = pair("Backdrop", "default")
 	local _Length_32 = #_array_33
 	table.move(_array_33, 1, _Length_32, _length + 1, _array)
 	_length += _Length_32
-	local _array_34 = pair("Backdrop", "closed", {
-		open = false,
+	local _array_34 = pair("Backdrop", "invisible", {
+		variant = "invisible",
 	})
 	local _Length_33 = #_array_34
 	table.move(_array_34, 1, _Length_33, _length + 1, _array)
 	_length += _Length_33
-	local _array_35 = pair("Divider", "horizontal", {
-		variant = "horizontal",
+	local _array_35 = pair("Backdrop", "closed", {
+		open = false,
 	})
 	local _Length_34 = #_array_35
 	table.move(_array_35, 1, _Length_34, _length + 1, _array)
 	_length += _Length_34
-	local _array_36 = pair("Divider", "vertical", {
-		variant = "vertical",
+	local _array_36 = pair("Divider", "horizontal", {
+		variant = "horizontal",
 	})
 	local _Length_35 = #_array_36
 	table.move(_array_36, 1, _Length_35, _length + 1, _array)
 	_length += _Length_35
-	local _array_37 = pair("ImageList", "default")
+	local _array_37 = pair("Divider", "vertical", {
+		variant = "vertical",
+	})
 	local _Length_36 = #_array_37
 	table.move(_array_37, 1, _Length_36, _length + 1, _array)
 	_length += _Length_36
-	local _array_38 = pair("ImageList", "dense", {
-		size = "small",
-	})
+	local _array_38 = pair("ImageList", "default")
 	local _Length_37 = #_array_38
 	table.move(_array_38, 1, _Length_37, _length + 1, _array)
 	_length += _Length_37
-	local _array_39 = pair("ImageList", "wide", {
-		size = "large",
+	local _array_39 = pair("ImageList", "dense", {
+		size = "small",
 	})
 	local _Length_38 = #_array_39
 	table.move(_array_39, 1, _Length_38, _length + 1, _array)
 	_length += _Length_38
-	local _array_40 = pair("ImageList", "titled", {
-		text = "Cove",
+	local _array_40 = pair("ImageList", "wide", {
+		size = "large",
 	})
 	local _Length_39 = #_array_40
 	table.move(_array_40, 1, _Length_39, _length + 1, _array)
 	_length += _Length_39
-	local _array_41 = pair("SpeedDial", "closed", {
-		open = false,
+	local _array_41 = pair("ImageList", "titled", {
+		text = "Cove",
 	})
 	local _Length_40 = #_array_41
 	table.move(_array_41, 1, _Length_40, _length + 1, _array)
 	_length += _Length_40
-	local _array_42 = pair("SpeedDial", "open", {
-		open = true,
+	local _array_42 = pair("SpeedDial", "closed", {
+		open = false,
 	})
 	local _Length_41 = #_array_42
 	table.move(_array_42, 1, _Length_41, _length + 1, _array)
 	_length += _Length_41
-	local _array_43 = pair("SpeedDial", "disabled", {
-		open = false,
-		disabled = true,
+	local _array_43 = pair("SpeedDial", "open", {
+		open = true,
 	})
 	local _Length_42 = #_array_43
 	table.move(_array_43, 1, _Length_42, _length + 1, _array)
 	_length += _Length_42
-	local _array_44 = pair("SpeedDial", "down", {
-		open = true,
-		variant = "down",
+	local _array_44 = pair("SpeedDial", "disabled", {
+		open = false,
+		disabled = true,
 	})
 	local _Length_43 = #_array_44
 	table.move(_array_44, 1, _Length_43, _length + 1, _array)
 	_length += _Length_43
-	local _array_45 = pair("FormLabel", "default", {
-		text = "Email",
+	local _array_45 = pair("SpeedDial", "down", {
+		open = true,
+		variant = "down",
 	})
 	local _Length_44 = #_array_45
 	table.move(_array_45, 1, _Length_44, _length + 1, _array)
 	_length += _Length_44
-	local _array_46 = pair("FormLabel", "required", {
+	local _array_46 = pair("FormLabel", "default", {
 		text = "Email",
-		value = true,
 	})
 	local _Length_45 = #_array_46
 	table.move(_array_46, 1, _Length_45, _length + 1, _array)
 	_length += _Length_45
-	local _array_47 = pair("FormLabel", "error", {
+	local _array_47 = pair("FormLabel", "required", {
 		text = "Email",
-		hasError = true,
+		value = true,
 	})
 	local _Length_46 = #_array_47
 	table.move(_array_47, 1, _Length_46, _length + 1, _array)
 	_length += _Length_46
-	local _array_48 = pair("FormHelperText", "default", {
-		text = "We never share this",
+	local _array_48 = pair("FormLabel", "error", {
+		text = "Email",
+		hasError = true,
 	})
 	local _Length_47 = #_array_48
 	table.move(_array_48, 1, _Length_47, _length + 1, _array)
 	_length += _Length_47
-	local _array_49 = pair("FormHelperText", "error", {
-		text = "Required",
-		hasError = true,
+	local _array_49 = pair("FormHelperText", "default", {
+		text = "We never share this",
 	})
 	local _Length_48 = #_array_49
 	table.move(_array_49, 1, _Length_48, _length + 1, _array)
 	_length += _Length_48
-	local _array_50 = pair("Menu", "closed", {
-		open = false,
+	local _array_50 = pair("FormHelperText", "error", {
+		text = "Required",
+		hasError = true,
 	})
 	local _Length_49 = #_array_50
 	table.move(_array_50, 1, _Length_49, _length + 1, _array)
 	_length += _Length_49
-	local _array_51 = pair("Menu", "open", {
-		open = true,
+	local _array_51 = pair("Menu", "closed", {
+		open = false,
 	})
 	local _Length_50 = #_array_51
 	table.move(_array_51, 1, _Length_50, _length + 1, _array)
 	_length += _Length_50
-	local _array_52 = pair("Menu", "empty", {
+	local _array_52 = pair("Menu", "open", {
 		open = true,
-		options = {},
 	})
 	local _Length_51 = #_array_52
 	table.move(_array_52, 1, _Length_51, _length + 1, _array)
 	_length += _Length_51
-	local _array_53 = pair("Menu", "dense", {
+	local _array_53 = pair("Menu", "empty", {
+		open = true,
+		options = {},
+	})
+	local _Length_52 = #_array_53
+	table.move(_array_53, 1, _Length_52, _length + 1, _array)
+	_length += _Length_52
+	local _array_54 = pair("Menu", "dense", {
 		open = true,
 		variant = "dense",
 	})
-	table.move(_array_53, 1, #_array_53, _length + 1, _array)
+	table.move(_array_54, 1, #_array_54, _length + 1, _array)
 	return _array
 end
 local function concatRows(...)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.2.0-alpha.15",
+	"version": "0.2.0-alpha.16",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.luau",
 	"packageManager": "pnpm@11.3.0",