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

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

@@ -2,7 +2,6 @@
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local Toast = TS.import(script, script.Parent.Parent.Parent, "toast").Toast
-local snackbarActionLabel = TS.import(script, script.Parent, "snackbarAction").snackbarActionLabel
 local function Snackbar(props)
 	local _binding = props
 	local message = _binding.message
@@ -13,8 +12,6 @@ local function Snackbar(props)
 	if open == nil then
 		open = true
 	end
-	local action = _binding.action
-	local onAction = _binding.onAction
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
@@ -27,8 +24,6 @@ local function Snackbar(props)
 		onDismiss = onDismiss,
 		duration = duration,
 		variant = variant,
-		action = snackbarActionLabel(action),
-		onAction = onAction,
 		className = className,
 		sx = sx,
 	}

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

@@ -1,6 +1,5 @@
 import { CustomizedProps } from "../../../../theme/index";
 import { Icons } from "../../../enums/index";
-import { SpeedDialDirection } from "./SpeedDial.styles";
 export interface SpeedDialAction {
     icon: Icons;
     disabled?: boolean;
@@ -13,7 +12,6 @@ export interface SpeedDialProps {
     icon?: Icons;
     openIcon?: Icons;
     disabled?: boolean;
-    direction?: SpeedDialDirection;
 }
 declare function SpeedDial(props: CustomizedProps<Frame, SpeedDialProps>): JSX.Element;
 export default SpeedDial;

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

@@ -3,7 +3,6 @@ local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local Icons = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Icons
 local Fab = TS.import(script, script.Parent.Parent.Parent, "fab").Fab
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useSpeedDialStyles = TS.import(script, script.Parent, "SpeedDial.styles").default
 local function SpeedDial(props)
 	local _binding = props
@@ -19,35 +18,31 @@ local function SpeedDial(props)
 		openIcon = Icons.Close
 	end
 	local disabled = _binding.disabled
-	local direction = _binding.direction
-	if direction == nil then
-		direction = "up"
-	end
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
-	local styles = useSpeedDialStyles({
-		direction = direction,
-	})
-	local mainFirst = direction == "down" or direction == "right"
-	local mainOrder = if mainFirst then 0 else 1000
-	local actionBase = if mainFirst then 1 else 0
-	local _attributes = {
-		tag = "frame",
-	}
+	local styles = useSpeedDialStyles()
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "SpeedDial"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-	}
+	_attributes.ref = ref
+	for _k, _v in styles.root do
+		_attributes[_k] = _v
+	end
+	if className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	if sx then
+		for _k, _v in sx do
+			_attributes[_k] = _v
+		end
+	end
 	local _attributes_1 = table.clone(styles.list)
 	setmetatable(_attributes_1, nil)
 	local _exp = React.createElement("uilistlayout", _attributes_1)
@@ -69,7 +64,7 @@ local function SpeedDial(props)
 					onOpenChange(false)
 				end,
 				className = {
-					LayoutOrder = actionBase + index,
+					LayoutOrder = index,
 				},
 			})
 		end
@@ -77,9 +72,9 @@ local function SpeedDial(props)
 			_newValue[_k] = _callback(_v, _k - 1, actions)
 		end
 		-- ▲ ReadonlyArray.map ▲
-		_condition_1 = (React.createElement(React.Fragment, nil, _newValue))
+		_condition_1 = _newValue
 	end
-	return React.createElement(SxHost, _attributes, _exp, _condition_1, React.createElement(Fab, {
+	return React.createElement("frame", _attributes, _exp, _condition_1, React.createElement(Fab, {
 		key = "Main",
 		icon = if open then openIcon else icon,
 		disabled = disabled,
@@ -87,7 +82,7 @@ local function SpeedDial(props)
 			return onOpenChange(not open)
 		end,
 		className = {
-			LayoutOrder = mainOrder,
+			LayoutOrder = 1000,
 		},
 	}))
 end

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

@@ -1,5 +1,2 @@
-export type SpeedDialDirection = "up" | "down" | "left" | "right";
-declare const useSpeedDialStyles: (props: {
-    direction?: SpeedDialDirection;
-}) => import("../../../../theme/index").ClassNameMap<string>;
+declare const useSpeedDialStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useSpeedDialStyles;

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

@@ -3,12 +3,7 @@ local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local componentStyles = _theme.componentStyles
 local createStyles = _theme.createStyles
-local useSpeedDialStyles = componentStyles("SpeedDial", function(theme, _param)
-	local direction = _param.direction
-	if direction == nil then
-		direction = "up"
-	end
-	local vertical = direction == "up" or direction == "down"
+local useSpeedDialStyles = componentStyles("SpeedDial", function(theme)
 	return createStyles({
 		root = {
 			AutomaticSize = Enum.AutomaticSize.XY,
@@ -17,9 +12,9 @@ local useSpeedDialStyles = componentStyles("SpeedDial", function(theme, _param)
 			BorderSizePixel = 0,
 		},
 		list = {
-			FillDirection = if vertical then Enum.FillDirection.Vertical else Enum.FillDirection.Horizontal,
-			HorizontalAlignment = if direction == "left" then Enum.HorizontalAlignment.Right elseif direction == "right" then Enum.HorizontalAlignment.Left else Enum.HorizontalAlignment.Center,
-			VerticalAlignment = if direction == "up" then Enum.VerticalAlignment.Bottom elseif direction == "down" then Enum.VerticalAlignment.Top else Enum.VerticalAlignment.Center,
+			FillDirection = Enum.FillDirection.Vertical,
+			HorizontalAlignment = Enum.HorizontalAlignment.Center,
+			VerticalAlignment = Enum.VerticalAlignment.Bottom,
 			SortOrder = Enum.SortOrder.LayoutOrder,
 			Padding = UDim.new(0, theme.padding.calc(1)),
 		},

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

@@ -1,3 +1,2 @@
 export { default as SpeedDial } from "./components/SpeedDial";
 export { SpeedDialProps, SpeedDialAction } from "./components/SpeedDial";
-export { SpeedDialDirection } from "./components/SpeedDial.styles";

package/out/ui/packages/splitPane/components/SplitPane.luau

@@ -7,7 +7,6 @@ local useRef = _react.useRef
 local useState = _react.useState
 local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useSplitPaneStyles = TS.import(script, script.Parent, "SplitPane.styles").default
 local _splitLook = TS.import(script, script.Parent, "splitLook")
 local splitHitTransparency = _splitLook.splitHitTransparency
@@ -80,21 +79,26 @@ local function SplitPane(props)
 			return connection:Disconnect()
 		end
 	end, { body, vertical })
-	local _attributes = {
-		tag = "frame",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "SplitPane"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-	}
+	_attributes.ref = ref
+	for _k, _v in styles.root do
+		_attributes[_k] = _v
+	end
+	if className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	if sx then
+		for _k, _v in sx do
+			_attributes[_k] = _v
+		end
+	end
 	local _attributes_1 = {
 		key = "Body",
 		ref = setBody,
@@ -180,7 +184,7 @@ local function SplitPane(props)
 		_newValue[_k] = _callback(_v, _k - 1, _exp_3)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	local _exp_4 = React.createElement("frame", _attributes_3, _exp_1, React.createElement("frame", _attributes_5, _exp_2, React.createElement(React.Fragment, nil, _newValue)))
+	local _exp_4 = React.createElement("frame", _attributes_3, _exp_1, React.createElement("frame", _attributes_5, _exp_2, _newValue))
 	local _attributes_6 = {
 		key = "Second",
 	}
@@ -229,7 +233,7 @@ local function SplitPane(props)
 		}
 		_condition_1 = (React.createElement("frame", _attributes_7))
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1, _exp, _exp_4, _exp_5, _condition_1))
+	return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, _exp, _exp_4, _exp_5, _condition_1))
 end
 local default = SplitPane
 return {

package/out/ui/packages/splitPane/components/splitLook.d.ts

@@ -1,5 +1,5 @@
 export type SplitPointer = "rest" | "hover" | "press";
 export declare function splitPointer(hovering: boolean, pressed: boolean): SplitPointer;
-export declare function splitRuleTransparency(pointer: SplitPointer, disabled?: boolean): 0.25 | 0.7 | 0.55 | 0.35;
+export declare function splitRuleTransparency(pointer: SplitPointer, disabled?: boolean): 0.25 | 0.35 | 0.7 | 0.55;
 export declare function splitMarkTransparency(pointer: SplitPointer, disabled?: boolean): 0 | 0.55 | 0.1;
 export declare function splitHitTransparency(pointer: SplitPointer, disabled?: boolean): 1 | 0.9 | 0.94;

package/out/ui/packages/stateMatrix.d.ts

@@ -26,7 +26,5 @@ export interface StateCapture {
     indeterminate?: boolean;
     size?: StateSize;
     density?: StateDensity;
-    row?: boolean;
-    marks?: boolean;
 }
 export declare const stateMatrix: StateCapture[];