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

package/out/ui/packages/select/components/Select.luau

@@ -17,7 +17,7 @@ local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "co
 local spinnerPixels = TS.import(script, script.Parent.Parent.Parent, "button", "components", "buttonLook").spinnerPixels
 local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
 local Input = TS.import(script, script.Parent.Parent.Parent, "input").Input
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
+local playProperty = TS.import(script, script.Parent.Parent.Parent, "motion").playProperty
 local Popup = TS.import(script, script.Parent.Parent.Parent, "popup").Popup
 local Shadow = TS.import(script, script.Parent.Parent.Parent, "shadow").Shadow
 local _virtualList = TS.import(script, script.Parent.Parent.Parent, "virtualList")
@@ -33,6 +33,7 @@ local _selectGroups = TS.import(script, script.Parent, "selectGroups")
 local groupRows = _selectGroups.groupRows
 local rowForOption = _selectGroups.rowForOption
 local shouldHandleSelectKey = TS.import(script, script.Parent, "selectKey").shouldHandleSelectKey
+local menuHold = TS.import(script, script.Parent, "selectMotion").menuHold
 local _selectMulti = TS.import(script, script.Parent, "selectMulti")
 local includesChoice = _selectMulti.includesChoice
 local selectionLabel = _selectMulti.selectionLabel
@@ -74,6 +75,7 @@ local function Select(props)
 	local active = canActivate(disabled, loading)
 	local anchor, setAnchor = useState()
 	local open, setOpen = useState(defaultOpen == true and not loading)
+	local held, setHeld = useState(false)
 	local focused, setFocused = useState(false)
 	local highlight, setHighlight = useState(-1)
 	local _condition = defaultQuery
@@ -85,6 +87,7 @@ local function Select(props)
 	local typed = useRef()
 	local onKeyRef = useRef()
 	local listRef = useRef()
+	local menuRef = useRef()
 	-- ▼ ReadonlyArray.find ▼
 	local _callback = function(option)
 		return option.value == value
@@ -239,28 +242,60 @@ local function Select(props)
 			_result_1.ensureVisible(rowForOption(rows, highlight))
 		end
 	end, { shown, highlight })
+	useEffect(function()
+		if shown then
+			setHeld(true)
+		end
+	end, { shown })
 	useEffect(function()
 		if loading and open then
 			setOpen(false)
 			setQuery("")
 		end
 	end, { loading, open })
-	local _attributes = {
-		tag = "frame",
-	}
+	useEffect(function()
+		local menu = menuRef.current
+		if not menu or not held then
+			return nil
+		end
+		local stop = playProperty(menu, {
+			GroupTransparency = if shown then 0 else 1,
+		}, 0.12, reducedMotion)
+		local seconds = menuHold(shown, reducedMotion)
+		if seconds == 0 then
+			if not shown then
+				setHeld(false)
+			end
+			return stop
+		end
+		local wait = task.delay(seconds, function()
+			return setHeld(false)
+		end)
+		return function()
+			stop()
+			task.cancel(wait)
+		end
+	end, { shown, held, reducedMotion })
+	local _attributes = {}
 	local _condition_2 = id
 	if not (_condition_2 ~= 0 and _condition_2 == _condition_2 and _condition_2 ~= "" and _condition_2) then
 		_condition_2 = "Select"
 	end
 	_attributes.key = _condition_2
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-		loading = loading,
-	}
+	_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 = "Trigger",
 		ref = setAnchor,
@@ -325,7 +360,7 @@ local function Select(props)
 			Position = UDim2.new(1, -theme.padding.calc(1), 0.5, 0),
 		},
 	})))
-	local _condition_3 = shown
+	local _condition_3 = (shown or held)
 	if _condition_3 then
 		local _attributes_5 = {
 			key = "Menu",
@@ -370,6 +405,11 @@ local function Select(props)
 			onInput = function(input)
 				return onKey(input, true)
 			end,
+		}, React.createElement("canvasgroup", {
+			ref = menuRef,
+			Size = UDim2.fromScale(1, 1),
+			BackgroundTransparency = 1,
+			GroupTransparency = 1,
 		}, React.createElement("frame", _attributes_5, _exp_3, _exp_4, _exp_5, _exp_6, _condition_4, React.createElement("frame", {
 			key = "ListHost",
 			Size = UDim2.new(1, 0, 1, if search then -row else 0),
@@ -429,9 +469,9 @@ local function Select(props)
 				setmetatable(_attributes_9, nil)
 				return React.createElement("textbutton", _attributes_8, React.createElement("uipadding", _attributes_9))
 			end,
-		})))))
+		}))))))
 	end
-	return React.createElement(SxHost, _attributes, _exp_2, _condition_3)
+	return React.createElement("frame", _attributes, _exp_2, _condition_3)
 end
 local default = Select
 return {

package/out/ui/packages/select/components/selectMotion.d.ts

@@ -0,0 +1,2 @@
+export declare const SELECT_MENU_SECONDS = 0.12;
+export declare function menuHold(open: boolean, reducedMotion?: boolean): 0 | 0.12;

package/out/ui/packages/select/components/selectMotion.luau

@@ -0,0 +1,12 @@
+-- Compiled with roblox-ts v3.0.0
+local SELECT_MENU_SECONDS = 0.12
+local function menuHold(open, reducedMotion)
+	if open or reducedMotion == true then
+		return 0
+	end
+	return SELECT_MENU_SECONDS
+end
+return {
+	menuHold = menuHold,
+	SELECT_MENU_SECONDS = SELECT_MENU_SECONDS,
+}

package/out/ui/packages/shadow/components/Shadow.d.ts

@@ -1,3 +1,2 @@
-import { CustomizedProps } from "../../../../theme/index";
-declare function Shadow(props: CustomizedProps<Frame>): JSX.Element;
+declare function Shadow(): JSX.Element;
 export default Shadow;

package/out/ui/packages/shadow/components/Shadow.luau

@@ -4,63 +4,49 @@ local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local React = _react
 local useEffect = _react.useEffect
 local useState = _react.useState
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useShadowStyles = TS.import(script, script.Parent, "Shadow.styles").default
-local function Shadow(props)
+local function Shadow()
 	local _binding = useShadowStyles()
 	local container = _binding.container
-	local blob = _binding.blob
 	local parent, setParent = useState(nil)
 	local cornerRadius, setCornerRadius = useState()
-	local blobSize, setBlobSize = useState(UDim2.fromOffset(0, 0))
-	local _binding_1 = props
-	local className = _binding_1.className
-	local sx = _binding_1.sx
-	local id = _binding_1.id
-	local ref = _binding_1.ref
 	local _condition = container.ZIndex
 	if _condition == nil then
 		_condition = 0
 	end
 	local defaultZIndex = _condition
 	local zIndex, setZIndex = useState(defaultZIndex)
+	-- Set any inherited properties
 	useEffect(function()
 		if not parent then
 			return nil
 		end
-		local _cornerRadius = parent:FindFirstChildOfClass("UICorner")
+		local _cornerRadius = parent
 		if _cornerRadius ~= nil then
-			_cornerRadius = _cornerRadius.CornerRadius
+			_cornerRadius = _cornerRadius:FindFirstChildOfClass("UICorner")
+			if _cornerRadius ~= nil then
+				_cornerRadius = _cornerRadius.CornerRadius
+			end
 		end
 		local cornerRadius = _cornerRadius
 		setCornerRadius(cornerRadius)
-		local _condition_1 = parent.ZIndex
+		local _result = parent
+		if _result ~= nil then
+			_result = _result.ZIndex
+		end
+		local _condition_1 = _result
 		if _condition_1 == nil then
 			_condition_1 = defaultZIndex
 		end
 		setZIndex(_condition_1 - 1)
 		parent.ClipsDescendants = false
-		local sync = function()
-			setBlobSize(UDim2.fromOffset(parent.AbsoluteSize.X, parent.AbsoluteSize.Y))
-		end
-		sync()
-		local conn = parent:GetPropertyChangedSignal("AbsoluteSize"):Connect(sync)
-		return function()
-			return conn:Disconnect()
-		end
 	end, { parent })
 	local _attributes = {
-		tag = "frame",
+		key = "Shadow",
 	}
-	local _condition_1 = id
-	if not (_condition_1 ~= 0 and _condition_1 == _condition_1 and _condition_1 ~= "" and _condition_1) then
-		_condition_1 = "Shadow"
+	for _k, _v in container do
+		_attributes[_k] = _v
 	end
-	_attributes.key = _condition_1
-	_attributes.hostRef = ref
-	_attributes.base = container
-	_attributes.className = className
-	_attributes.sx = sx
 	_attributes.ZIndex = zIndex
 	_attributes.Event = {
 		AncestryChanged = function(rbx, parent)
@@ -69,18 +55,10 @@ local function Shadow(props)
 			end
 		end,
 	}
-	local _attributes_1 = {
-		key = "Blob",
-	}
-	for _k, _v in blob do
-		_attributes_1[_k] = _v
-	end
-	_attributes_1.Size = blobSize
-	_attributes_1.ZIndex = zIndex
-	return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1, cornerRadius ~= nil and React.createElement("uicorner", {
+	return React.createElement("frame", _attributes, cornerRadius ~= nil and React.createElement("uicorner", {
 		key = "Corner",
 		CornerRadius = cornerRadius,
-	})))
+	}))
 end
 local default = Shadow
 return {

package/out/ui/packages/shadow/components/Shadow.styles.luau

@@ -6,16 +6,11 @@ local componentStyles = _theme.componentStyles
 local useShadowStyles = componentStyles("Shadow", function(theme)
 	return createStyles({
 		container = {
-			Size = UDim2.fromOffset(0, 0),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			ZIndex = -100,
-		},
-		blob = {
+			Size = UDim2.new(1, theme.spacing.calc(0.25), 1, theme.spacing.calc(0.25)),
 			BackgroundColor3 = theme.palette.shadow,
 			BackgroundTransparency = 0.8,
 			BorderSizePixel = 0,
-			Position = UDim2.fromOffset(theme.spacing.calc(0.25), theme.spacing.calc(0.25)),
+			ZIndex = -100,
 		},
 	})
 end)

package/out/ui/packages/sidebar/components/Sidebar.luau

@@ -1,7 +1,6 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useSidebarStyles = TS.import(script, script.Parent, "Sidebar.styles").default
 local function Sidebar(props)
 	local _binding = props
@@ -13,25 +12,33 @@ local function Sidebar(props)
 	local _binding_1 = useSidebarStyles(props)
 	local root = _binding_1.root
 	local container = _binding_1.container
-	local _attributes = {
-		tag = "frame",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Sidebar"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = root
-	_attributes.className = className
-	_attributes.sx = sx
+	_attributes.ref = ref
+	for _k, _v in root do
+		_attributes[_k] = _v
+	end
+	if className ~= 0 and className == className and className ~= "" and className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	if sx ~= 0 and sx == sx and sx ~= "" and sx then
+		for _k, _v in sx do
+			_attributes[_k] = _v
+		end
+	end
 	local _attributes_1 = {
 		key = "Container",
 	}
 	for _k, _v in container do
 		_attributes_1[_k] = _v
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1, children))
+	return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, children))
 end
 local default = Sidebar
 return {

package/out/ui/packages/skeleton/components/Skeleton.luau

@@ -5,7 +5,6 @@ local React = _react
 local useEffect = _react.useEffect
 local useRef = _react.useRef
 local useReducedMotion = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "hooks").useReducedMotion
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local loopProperty = TS.import(script, script.Parent.Parent.Parent, "motion").loopProperty
 local useSkeletonStyles = TS.import(script, script.Parent, "Skeleton.styles").default
 local _skeletonMotion = TS.import(script, script.Parent, "skeletonMotion")
@@ -57,21 +56,25 @@ local function SkeletonBlock(props)
 	end, { motion })
 	local corner = if variant == "circular" then circular elseif variant == "rectangular" then nil else rounded
 	local side = if variant == "circular" then width else nil
-	local _attributes = {
-		tag = "frame",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Skeleton"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = {
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-	}
-	_attributes.className = className
-	_attributes.sx = sx
+	_attributes.ref = ref
+	_attributes.BackgroundTransparency = 1
+	_attributes.BorderSizePixel = 0
+	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 _condition_1 = side
 	if _condition_1 == nil then
 		_condition_1 = width
@@ -104,7 +107,7 @@ local function SkeletonBlock(props)
 		setmetatable(_attributes_2, nil)
 		_condition_4 = React.createElement("uicorner", _attributes_2)
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1, _condition_3, _condition_4))
+	return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, _condition_3, _condition_4))
 end
 local function Skeleton(props)
 	local _binding = props
@@ -167,17 +170,23 @@ local function Skeleton(props)
 		end
 	end
 	local blockHeight = height * count + gap * (count - 1)
-	local _attributes = {
-		tag = "frame",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Skeleton"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.className = className
-	_attributes.sx = sx
+	_attributes.ref = ref
+	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
 	_attributes.Size = UDim2.new(0, width, 0, blockHeight)
 	_attributes.BackgroundTransparency = 1
 	_attributes.BorderSizePixel = 0
@@ -201,7 +210,7 @@ local function Skeleton(props)
 		_newValue[_k] = _callback(_v, _k - 1, rows)
 	end
 	-- ▲ ReadonlyArray.map ▲
-	return React.createElement(SxHost, _attributes, _exp, React.createElement(React.Fragment, nil, _newValue))
+	return React.createElement("frame", _attributes, _exp, _newValue)
 end
 local function SkeletonText(props)
 	local _attributes = table.clone(props)

package/out/ui/packages/skeleton/components/Skeleton.styles.luau

@@ -3,20 +3,16 @@ local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles
 local componentStyles = _theme.componentStyles
-local skeletonTone = TS.import(script, script.Parent, "skeletonTone").skeletonTone
 local useSkeletonStyles = componentStyles("Skeleton", function(theme)
-	local _binding = skeletonTone(theme)
-	local bone = _binding.bone
-	local shine = _binding.shine
 	return createStyles({
 		block = {
-			BackgroundColor3 = bone,
+			BackgroundColor3 = theme.palette.divider,
 			BackgroundTransparency = 0,
 			BorderSizePixel = 0,
 		},
 		highlight = {
-			Color = ColorSequence.new({ ColorSequenceKeypoint.new(0, bone), ColorSequenceKeypoint.new(0.5, shine), ColorSequenceKeypoint.new(1, bone) }),
-			Transparency = NumberSequence.new({ NumberSequenceKeypoint.new(0, 0.35), NumberSequenceKeypoint.new(0.5, 0), NumberSequenceKeypoint.new(1, 0.35) }),
+			Color = ColorSequence.new({ ColorSequenceKeypoint.new(0, theme.palette.divider), ColorSequenceKeypoint.new(0.5, theme.palette.text.secondary), ColorSequenceKeypoint.new(1, theme.palette.divider) }),
+			Transparency = NumberSequence.new({ NumberSequenceKeypoint.new(0, 0.25), NumberSequenceKeypoint.new(0.5, 0), NumberSequenceKeypoint.new(1, 0.25) }),
 		},
 		rounded = {
 			CornerRadius = UDim.new(0, theme.shape.borderRadius),

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

@@ -1,5 +1,4 @@
 import { ControlSize, CustomizedProps } from "../../../../theme/index";
-import { SliderColor } from "./Slider.styles";
 export interface SliderProps {
     value: number;
     onChange: (value: number) => void;
@@ -9,8 +8,6 @@ export interface SliderProps {
     step?: number;
     disabled?: boolean;
     size?: ControlSize;
-    marks?: boolean | ReadonlyArray<number>;
-    color?: SliderColor;
 }
 declare function Slider(props: CustomizedProps<Frame, SliderProps>): JSX.Element;
 export default Slider;

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

@@ -6,10 +6,8 @@ local useRef = _react.useRef
 local useState = _react.useState
 local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").cx
 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 commitNumber = TS.import(script, script.Parent.Parent.Parent, "numberInput", "components", "numberValue").commitNumber
 local useSliderStyles = TS.import(script, script.Parent, "Slider.styles").default
-local sliderMarkValues = TS.import(script, script.Parent, "sliderMarks").sliderMarkValues
 local _sliderNudge = TS.import(script, script.Parent, "sliderNudge")
 local isSliderDrag = _sliderNudge.isSliderDrag
 local isSliderMove = _sliderNudge.isSliderMove
@@ -25,18 +23,12 @@ local function Slider(props)
 	local step = _binding.step
 	local disabled = _binding.disabled
 	local size = _binding.size
-	local marks = _binding.marks
-	local color = _binding.color
-	if color == nil then
-		color = "primary"
-	end
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
 	local _binding_1 = useSliderStyles({
 		size = size,
-		color = color,
 	})
 	local root = _binding_1.root
 	local track = _binding_1.track
@@ -44,7 +36,6 @@ local function Slider(props)
 	local knob = _binding_1.knob
 	local corner = _binding_1.corner
 	local stroke = _binding_1.stroke
-	local mark = _binding_1.mark
 	local active = canActivate(disabled)
 	local focused, setFocused = useState(false)
 	local hovering, setHovering = useState(false)
@@ -54,8 +45,6 @@ local function Slider(props)
 	local ratio = if max > min then (math.clamp(value, min, max) - min) / (max - min) else 0
 	local faded = disabled == true
 	local showFocus = focused and active
-	local markValues = sliderMarkValues(min, max, step, marks)
-	local span = max - min
 	local update = function(rbx, x)
 		local width = rbx.AbsoluteSize.X
 		if width <= 0 then
@@ -92,24 +81,26 @@ local function Slider(props)
 			onCommit(nudged)
 		end
 	end
-	local _attributes = {
-		tag = "frame",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Slider"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-		hover = hovering,
-		pressed = pressed,
-		focused = focused,
-	}
+	_attributes.ref = ref
+	for _k, _v in 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
 	_attributes.Active = active
 	_attributes.Selectable = active
 	_attributes.BackgroundTransparency = if showFocus then 0.85 else 1
@@ -136,7 +127,7 @@ local function Slider(props)
 				update(rbx, input.Position.X)
 			end
 		end,
-		InputEnded = function(_rbx, input)
+		InputEnded = function(_, input)
 			if isSliderDrag(input.UserInputType.Name) then
 				finish()
 			end
@@ -174,25 +165,6 @@ local function Slider(props)
 		setmetatable(_attributes_3, nil)
 		_condition_1 = React.createElement("uistroke", _attributes_3)
 	end
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#markValues)
-	local _callback = function(markValue, index)
-		local markRatio = if span > 0 then (markValue - min) / span else 0
-		local _attributes_3 = {
-			key = `Mark-{index}`,
-		}
-		for _k, _v in mark do
-			_attributes_3[_k] = _v
-		end
-		_attributes_3.Position = UDim2.fromScale(markRatio, 0.5)
-		_attributes_3.BackgroundTransparency = if faded then 0.7 else 0.35
-		return React.createElement("frame", _attributes_3)
-	end
-	for _k, _v in markValues do
-		_newValue[_k] = _callback(_v, _k - 1, markValues)
-	end
-	-- ▲ ReadonlyArray.map ▲
-	local _exp_1 = React.createElement(React.Fragment, nil, _newValue)
 	local _attributes_3 = {
 		key = "Fill",
 	}
@@ -204,7 +176,7 @@ local function Slider(props)
 	_attributes_3.Size = UDim2.fromScale(ratio, 1)
 	local _attributes_4 = table.clone(corner)
 	setmetatable(_attributes_4, nil)
-	local _exp_2 = React.createElement("frame", _attributes_3, React.createElement("uicorner", _attributes_4))
+	local _exp_1 = React.createElement("frame", _attributes_3, React.createElement("uicorner", _attributes_4))
 	local _attributes_5 = {
 		key = "Knob",
 	}
@@ -216,7 +188,7 @@ local function Slider(props)
 	_attributes_5.Position = UDim2.fromScale(ratio, 0.5)
 	local _attributes_6 = table.clone(corner)
 	setmetatable(_attributes_6, nil)
-	local _exp_3 = React.createElement("uicorner", _attributes_6)
+	local _exp_2 = React.createElement("uicorner", _attributes_6)
 	local _condition_2 = showFocus
 	if _condition_2 then
 		local _attributes_7 = table.clone(stroke)
@@ -224,7 +196,7 @@ local function Slider(props)
 		_attributes_7.Thickness = 1
 		_condition_2 = React.createElement("uistroke", _attributes_7)
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1, _exp, _condition_1, _exp_1, _exp_2, React.createElement("frame", _attributes_5, _exp_3, _condition_2)))
+	return React.createElement("frame", _attributes, React.createElement("frame", _attributes_1, _exp, _condition_1, _exp_1, React.createElement("frame", _attributes_5, _exp_2, _condition_2)))
 end
 local default = Slider
 return {

package/out/ui/packages/slider/components/Slider.styles.d.ts

@@ -1,8 +1,6 @@
 import { ControlSize } from "../../../../theme/index";
-export type SliderColor = "primary" | "accent";
 export interface SliderStyleProps {
     size?: ControlSize;
-    color?: SliderColor;
 }
 declare const useSliderStyles: (props: SliderStyleProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useSliderStyles;

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

@@ -6,12 +6,7 @@ local createStyles = _theme.createStyles
 local componentStyles = _theme.componentStyles
 local useSliderStyles = componentStyles("Slider", function(theme, _param)
 	local size = _param.size
-	local color = _param.color
-	if color == nil then
-		color = "primary"
-	end
 	local metrics = controlMetrics(theme.density, size)
-	local tone = if color == "accent" then theme.palette.accent.main else theme.palette.primary.main
 	return createStyles({
 		root = {
 			Size = UDim2.new(1, 0, 0, metrics.sliderHeight),
@@ -26,7 +21,7 @@ local useSliderStyles = componentStyles("Slider", function(theme, _param)
 			BorderSizePixel = 0,
 		},
 		fill = {
-			BackgroundColor3 = tone,
+			BackgroundColor3 = theme.palette.primary.main,
 			BorderSizePixel = 0,
 		},
 		knob = {
@@ -44,14 +39,6 @@ local useSliderStyles = componentStyles("Slider", function(theme, _param)
 			Thickness = 2,
 			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
 		},
-		mark = {
-			Size = UDim2.new(0, 2, 0, metrics.sliderTrack + 4),
-			AnchorPoint = Vector2.new(0.5, 0.5),
-			BackgroundColor3 = theme.palette.text.secondary,
-			BackgroundTransparency = 0.35,
-			BorderSizePixel = 0,
-			ZIndex = 1,
-		},
 	})
 end)
 local default = useSliderStyles

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

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