@rbxts/uiblox 0.2.0-alpha.18 → 0.2.0-alpha.2

package/out/ui/packages/stepper/components/Stepper.d.ts

@@ -2,7 +2,6 @@ import { CustomizedProps } from "../../../../theme/index";
 export interface StepperProps {
     steps: string[];
     activeStep: number;
-    orientation?: "horizontal" | "vertical";
 }
 declare function Stepper(props: CustomizedProps<Frame, StepperProps>): JSX.Element;
 export default Stepper;

package/out/ui/packages/stepper/components/Stepper.luau

@@ -8,17 +8,11 @@ local function Stepper(props)
 	local _binding = props
 	local steps = _binding.steps
 	local activeStep = _binding.activeStep
-	local orientation = _binding.orientation
-	if orientation == nil then
-		orientation = "horizontal"
-	end
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
-	local styles = useStepperStyles({
-		orientation = orientation,
-	})
+	local styles = useStepperStyles()
 	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then

package/out/ui/packages/stepper/components/Stepper.styles.d.ts

@@ -1,4 +1,2 @@
-declare const useStepperStyles: (props: {
-    orientation?: "horizontal" | "vertical";
-}) => import("../../../../theme/index").ClassNameMap<string>;
+declare const useStepperStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useStepperStyles;

package/out/ui/packages/stepper/components/Stepper.styles.luau

@@ -3,11 +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 useStepperStyles = componentStyles("Stepper", function(theme, _param)
-	local orientation = _param.orientation
-	if orientation == nil then
-		orientation = "horizontal"
-	end
+local useStepperStyles = componentStyles("Stepper", function(theme)
 	return createStyles({
 		root = {
 			AutomaticSize = Enum.AutomaticSize.XY,
@@ -16,7 +12,7 @@ local useStepperStyles = componentStyles("Stepper", function(theme, _param)
 			BorderSizePixel = 0,
 		},
 		list = {
-			FillDirection = if orientation == "vertical" then Enum.FillDirection.Vertical else Enum.FillDirection.Horizontal,
+			FillDirection = Enum.FillDirection.Horizontal,
 			Padding = UDim.new(0, theme.padding.calc(1)),
 			SortOrder = Enum.SortOrder.LayoutOrder,
 		},

package/out/ui/packages/switch/components/Switch.d.ts

@@ -1,12 +1,10 @@
 import { ControlSize, CustomizedProps } from "../../../../theme/index";
-import { SwitchColor } from "./Switch.styles";
 export interface SwitchProps {
     value: boolean;
     onChange: (value: boolean) => void;
     disabled?: boolean;
     label?: string;
     size?: ControlSize;
-    color?: SwitchColor;
     reducedMotion?: boolean;
 }
 declare function Switch(props: CustomizedProps<TextButton, SwitchProps>): JSX.Element;

package/out/ui/packages/switch/components/Switch.luau

@@ -27,10 +27,6 @@ local function Switch(props)
 	local disabled = _binding.disabled
 	local label = _binding.label
 	local size = _binding.size
-	local color = _binding.color
-	if color == nil then
-		color = "primary"
-	end
 	local reducedProp = _binding.reducedMotion
 	local className = _binding.className
 	local sx = _binding.sx
@@ -41,7 +37,6 @@ local function Switch(props)
 	local theme = _binding_1.theme
 	local _binding_2 = useSwitchStyles({
 		size = size,
-		color = color,
 	})
 	local root = _binding_2.root
 	local row = _binding_2.row

package/out/ui/packages/switch/components/Switch.styles.d.ts

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

package/out/ui/packages/switch/components/Switch.styles.luau

@@ -6,12 +6,7 @@ local createStyles = _theme.createStyles
 local componentStyles = _theme.componentStyles
 local useSwitchStyles = componentStyles("Switch", 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 onTone = if color == "accent" then theme.palette.accent.main else theme.palette.primary.main
 	return createStyles({
 		root = {
 			AutomaticSize = Enum.AutomaticSize.XY,
@@ -33,7 +28,7 @@ local useSwitchStyles = componentStyles("Switch", function(theme, _param)
 			BorderSizePixel = 0,
 		},
 		trackOn = {
-			BackgroundColor3 = onTone,
+			BackgroundColor3 = theme.palette.primary.main,
 		},
 		knob = {
 			Size = UDim2.fromOffset(metrics.switchThumb, metrics.switchThumb),
@@ -52,7 +47,7 @@ local useSwitchStyles = componentStyles("Switch", function(theme, _param)
 			TextWrapped = true,
 		},
 		corner = {
-			CornerRadius = UDim.new(theme.shape.pillScale, 0),
+			CornerRadius = UDim.new(1, 0),
 		},
 		stroke = {
 			Color = theme.palette.focus,

package/out/ui/packages/switch/components/switchLook.d.ts

@@ -1,6 +1,6 @@
 export type SwitchPointer = "rest" | "hover" | "press" | "focus";
 export declare function switchPointer(hovering: boolean, pressed: boolean, focused: boolean): SwitchPointer;
-export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.55 | 0.35 | 0.15 | 0.65 | 0.08;
+export declare function switchTrackTransparency(on: boolean, disabled: boolean, pointer: SwitchPointer): 0 | 0.25 | 0.35 | 0.65 | 0.55 | 0.15 | 0.08;
 export declare function switchThumbTransparency(disabled: boolean): 0 | 0.35;
 export declare function switchStrokeTransparency(disabled: boolean, pointer: SwitchPointer): 1 | 0 | 0.35;
 export declare function switchThumbPlacement(on: boolean, inset: number): {

package/out/ui/packages/table/components/Table.d.ts

@@ -3,7 +3,6 @@ export interface TableProps {
     columns: string[];
     rows: string[][];
     selected?: number;
-    dense?: boolean;
     onRowActivated?: (index: number) => void;
 }
 declare function Table(props: CustomizedProps<Frame, TableProps>): JSX.Element;

package/out/ui/packages/table/components/Table.luau

@@ -9,15 +9,12 @@ local function Table(props)
 	local columns = _binding.columns
 	local rows = _binding.rows
 	local selected = _binding.selected
-	local dense = _binding.dense
 	local onRowActivated = _binding.onRowActivated
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
-	local styles = useTableStyles({
-		dense = dense,
-	})
+	local styles = useTableStyles()
 	local width = if #columns > 0 then 1 / #columns else 1
 	local _attributes = {}
 	local _condition = id

package/out/ui/packages/table/components/Table.styles.d.ts

@@ -1,4 +1,2 @@
-declare const useTableStyles: (props: {
-    dense?: boolean;
-}) => import("../../../../theme/index").ClassNameMap<string>;
+declare const useTableStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useTableStyles;

package/out/ui/packages/table/components/Table.styles.luau

@@ -3,11 +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 useTableStyles = componentStyles("Table", function(theme, _param)
-	local dense = _param.dense
-	local padY = theme.padding.calc(if dense == true then 0.5 else 1)
-	local padX = theme.padding.calc(if dense == true then 1 else 1.5)
-	local textSize = if dense == true then theme.typography.fontSizes.caption else theme.typography.fontSizes.body
+local useTableStyles = componentStyles("Table", function(theme)
 	return createStyles({
 		root = {
 			AutomaticSize = Enum.AutomaticSize.Y,
@@ -48,7 +44,7 @@ local useTableStyles = componentStyles("Table", function(theme, _param)
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			Font = theme.typography.fontFamilies.default,
-			TextSize = textSize,
+			TextSize = theme.typography.fontSizes.body,
 			TextColor3 = theme.palette.text.primary,
 			TextXAlignment = Enum.TextXAlignment.Left,
 			TextTruncate = Enum.TextTruncate.AtEnd,
@@ -58,10 +54,10 @@ local useTableStyles = componentStyles("Table", function(theme, _param)
 			TextColor3 = theme.palette.text.secondary,
 		},
 		padding = {
-			PaddingTop = UDim.new(0, padY),
-			PaddingBottom = UDim.new(0, padY),
-			PaddingLeft = UDim.new(0, padX),
-			PaddingRight = UDim.new(0, padX),
+			PaddingTop = UDim.new(0, theme.padding.calc(1)),
+			PaddingBottom = UDim.new(0, theme.padding.calc(1)),
+			PaddingLeft = UDim.new(0, theme.padding.calc(1.5)),
+			PaddingRight = UDim.new(0, theme.padding.calc(1.5)),
 		},
 		corner = {
 			CornerRadius = UDim.new(0, theme.shape.borderRadius),

package/out/ui/packages/tabs/components/Tabs.d.ts

@@ -1,13 +1,10 @@
 import { CustomizedProps } from "../../../../theme/index";
 import { ChoiceOption } from "../../radioGroup/index";
-import { TabsOrientation } from "./tabsOrientation";
 export interface TabsProps<T> {
     value: T;
     options: ChoiceOption<T>[];
     onChange: (value: T) => void;
     disabled?: boolean;
-    orientation?: TabsOrientation;
-    centered?: boolean;
 }
 declare function Tabs<T>(props: CustomizedProps<ScrollingFrame, TabsProps<T>>): JSX.Element;
 export default Tabs;

package/out/ui/packages/tabs/components/Tabs.luau

@@ -4,7 +4,6 @@ local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 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 stepChoice = TS.import(script, script.Parent.Parent.Parent, "select", "components", "stepChoice").stepChoice
-local tabsIsVertical = TS.import(script, script.Parent, "tabsOrientation").tabsIsVertical
 local useTabsStyles = TS.import(script, script.Parent, "Tabs.styles").default
 local function Tabs(props)
 	local _binding = props
@@ -12,17 +11,11 @@ local function Tabs(props)
 	local options = _binding.options
 	local onChange = _binding.onChange
 	local disabled = _binding.disabled
-	local orientation = _binding.orientation
-	local centered = _binding.centered
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
 	local ref = _binding.ref
-	local styles = useTabsStyles({
-		orientation = orientation,
-		centered = centered,
-	})
-	local vertical = tabsIsVertical(orientation)
+	local styles = useTabsStyles()
 	local choose = function(index)
 		local choice = options[index + 1]
 		if choice ~= nil and canActivate(disabled or choice.disabled) and choice.value ~= value then
@@ -43,11 +36,9 @@ local function Tabs(props)
 		end
 		-- ▲ ReadonlyArray.findIndex ▲
 		local index = _result
-		local back = if vertical then Enum.KeyCode.Up else Enum.KeyCode.Left
-		local forward = if vertical then Enum.KeyCode.Down else Enum.KeyCode.Right
-		if input.KeyCode == back then
+		if input.KeyCode == Enum.KeyCode.Left then
 			choose(stepChoice(options, index, -1))
-		elseif input.KeyCode == forward then
+		elseif input.KeyCode == Enum.KeyCode.Right then
 			choose(stepChoice(options, index, 1))
 		end
 	end

package/out/ui/packages/tabs/components/Tabs.styles.d.ts

@@ -1,6 +1,2 @@
-import { TabsOrientation } from "./tabsOrientation";
-declare const useTabsStyles: (props: {
-    orientation?: TabsOrientation;
-    centered?: boolean;
-}) => import("../../../../theme/index").ClassNameMap<string>;
+declare const useTabsStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useTabsStyles;

package/out/ui/packages/tabs/components/Tabs.styles.luau

@@ -3,40 +3,32 @@ 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 tabsIsVertical = TS.import(script, script.Parent, "tabsOrientation").tabsIsVertical
-local useTabsStyles = componentStyles("Tabs", function(theme, _param)
-	local orientation = _param.orientation
-	local centered = _param.centered
-	local vertical = tabsIsVertical(orientation)
-	local bar = theme.padding.calc(0.5)
+local useTabsStyles = componentStyles("Tabs", function(theme)
 	return createStyles({
 		root = {
-			Size = if vertical then UDim2.new(0, theme.spacing.calc(16), 1, 0) else UDim2.new(1, 0, 0, theme.spacing.calc(4)),
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(4)),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			CanvasSize = UDim2.fromScale(0, 0),
-			AutomaticCanvasSize = if vertical then Enum.AutomaticSize.Y else Enum.AutomaticSize.X,
-			ScrollingDirection = if vertical then Enum.ScrollingDirection.Y else Enum.ScrollingDirection.X,
+			AutomaticCanvasSize = Enum.AutomaticSize.X,
+			ScrollingDirection = Enum.ScrollingDirection.X,
 			HorizontalScrollBarInset = Enum.ScrollBarInset.Always,
-			VerticalScrollBarInset = Enum.ScrollBarInset.Always,
 			ScrollBarThickness = theme.padding.calc(0.5),
 			ScrollBarImageColor3 = theme.palette.text.secondary,
 		},
 		list = {
-			FillDirection = if vertical then Enum.FillDirection.Vertical else Enum.FillDirection.Horizontal,
-			HorizontalAlignment = if centered == true and vertical ~= true then Enum.HorizontalAlignment.Center else Enum.HorizontalAlignment.Left,
+			FillDirection = Enum.FillDirection.Horizontal,
 			SortOrder = Enum.SortOrder.LayoutOrder,
 		},
 		tab = {
-			AutomaticSize = if vertical then Enum.AutomaticSize.Y else Enum.AutomaticSize.X,
-			Size = if vertical then UDim2.new(1, 0, 0, 0) else UDim2.fromScale(0, 1),
+			AutomaticSize = Enum.AutomaticSize.X,
+			Size = UDim2.fromScale(0, 1),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			AutoButtonColor = false,
 			TextColor3 = theme.palette.text.secondary,
 			Font = theme.typography.fontFamilies.default,
 			TextSize = theme.typography.fontSizes.body,
-			TextXAlignment = if vertical then Enum.TextXAlignment.Left else Enum.TextXAlignment.Center,
 		},
 		selected = {
 			TextColor3 = theme.palette.text.primary,
@@ -47,22 +39,14 @@ local useTabsStyles = componentStyles("Tabs", function(theme, _param)
 		padding = {
 			PaddingLeft = UDim.new(0, theme.padding.calc(2)),
 			PaddingRight = UDim.new(0, theme.padding.calc(2)),
-			PaddingTop = UDim.new(0, if vertical then theme.padding.calc(1) else 0),
-			PaddingBottom = UDim.new(0, if vertical then theme.padding.calc(1) else 0),
 		},
-		indicator = if vertical then ({
-			Size = UDim2.new(0, bar, 1, -theme.padding.calc(2)),
-			Position = UDim2.new(0, 0, 0.5, 0),
-			AnchorPoint = Vector2.new(0, 0.5),
-			BackgroundColor3 = theme.palette.primary.main,
-			BorderSizePixel = 0,
-		}) else ({
-			Size = UDim2.new(1, theme.padding.calc(4), 0, bar),
+		indicator = {
+			Size = UDim2.new(1, theme.padding.calc(4), 0, theme.padding.calc(0.5)),
 			Position = UDim2.fromScale(0.5, 1),
 			AnchorPoint = Vector2.new(0.5, 1),
 			BackgroundColor3 = theme.palette.primary.main,
 			BorderSizePixel = 0,
-		}),
+		},
 	})
 end)
 local default = useTabsStyles

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

@@ -1,3 +1,2 @@
 export { default as Tabs } from "./components/Tabs";
 export { TabsProps } from "./components/Tabs";
-export { TabsOrientation, tabsIsVertical } from "./components/tabsOrientation";

package/out/ui/packages/tabs/init.luau

@@ -2,5 +2,4 @@
 local TS = _G[script]
 local exports = {}
 exports.Tabs = TS.import(script, script, "components", "Tabs").default
-exports.tabsIsVertical = TS.import(script, script, "components", "tabsOrientation").tabsIsVertical
 return exports

package/out/ui/packages/toast/components/Toast.d.ts

@@ -6,8 +6,6 @@ export interface ToastProps {
     duration?: number;
     variant?: ToastVariants;
     toggledAt?: number;
-    action?: string;
-    onAction?: () => void;
 }
 declare function Toast(props: CustomizedProps<Frame, ToastProps>): JSX.Element;
 export default Toast;

package/out/ui/packages/toast/components/Toast.luau

@@ -18,8 +18,6 @@ local function Toast(props)
 	if duration == nil then
 		duration = 4
 	end
-	local action = _binding.action
-	local onAction = _binding.onAction
 	local className = _binding.className
 	local sx = _binding.sx
 	local id = _binding.id
@@ -28,7 +26,6 @@ local function Toast(props)
 	local container = _binding_1.container
 	local label = _binding_1.label
 	local close = _binding_1.close
-	local actionStyle = _binding_1.action
 	local activePosition = _binding_1.activePosition
 	local inActivePosition = _binding_1.inActivePosition
 	local frameRef = useRef()
@@ -93,28 +90,6 @@ local function Toast(props)
 	end
 	_attributes_1.Text = text
 	local _exp_2 = React.createElement("textlabel", _attributes_1)
-	local _condition_1 = action ~= nil and #action > 0
-	if _condition_1 then
-		local _attributes_2 = {
-			key = "Action",
-		}
-		for _k, _v in actionStyle do
-			_attributes_2[_k] = _v
-		end
-		_attributes_2.Text = action
-		_attributes_2.Event = {
-			Activated = function()
-				if onAction then
-					onAction()
-				end
-				tween(Directions.Out)
-				if onDismiss then
-					onDismiss()
-				end
-			end,
-		}
-		_condition_1 = (React.createElement("textbutton", _attributes_2))
-	end
 	local _attributes_2 = {
 		key = "Close",
 	}
@@ -129,7 +104,7 @@ local function Toast(props)
 			end
 		end,
 	}
-	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_2, _condition_1, React.createElement("imagebutton", _attributes_2))
+	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_2, React.createElement("imagebutton", _attributes_2))
 end
 local default = Toast
 return {

package/out/ui/packages/toast/components/Toast.styles.luau

@@ -11,7 +11,6 @@ local useToastStyles = componentStyles("Toast", function(theme, _param)
 	if variant == nil then
 		variant = ToastVariants.default
 	end
-	local action = _param.action
 	local getToastColors = function()
 		repeat
 			if variant == (ToastVariants.success) then
@@ -39,8 +38,6 @@ local useToastStyles = componentStyles("Toast", function(theme, _param)
 		until true
 	end
 	local toastColors = getToastColors()
-	local hasAction = action ~= nil and #action > 0
-	local actionSlot = if hasAction then theme.spacing.calc(8) else 0
 	local ACTIVE_POSITION = UDim2.new(0.5, 0, 1, -DEFAULT_THEME.padding.calc(2))
 	local INACTIVE_POSITION = UDim2.new(0.5, 0, 1, DEFAULT_THEME.spacing.calc(20) + DEFAULT_THEME.padding.calc(2))
 	return createStyles({
@@ -53,34 +50,19 @@ local useToastStyles = componentStyles("Toast", function(theme, _param)
 			ZIndex = 50000,
 		},
 		label = {
-			Size = UDim2.new(1, -(theme.padding.calc(4) + actionSlot), 1, -theme.padding.calc(4)),
-			Position = if hasAction then UDim2.new(0, theme.padding.calc(2), 0.5, 0) else UDim2.new(0.5, 0, 0.5, 0),
-			AnchorPoint = if hasAction then Vector2.new(0, 0.5) else Vector2.new(0.5, 0.5),
+			Size = UDim2.new(1, -theme.padding.calc(4), 1, -theme.padding.calc(4)),
+			Position = UDim2.new(0.5, 0, 0.5, 0),
+			AnchorPoint = Vector2.new(0.5, 0.5),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			TextSize = theme.typography.fontSizes.body,
 			TextColor3 = toastColors.content,
 			Font = theme.typography.fontFamilies.default,
-			TextXAlignment = if hasAction then Enum.TextXAlignment.Left else Enum.TextXAlignment.Center,
-			TextTruncate = Enum.TextTruncate.AtEnd,
 			TextScaled = false,
 			ZIndex = 50001,
 		},
-		action = {
-			AutomaticSize = Enum.AutomaticSize.X,
-			Size = UDim2.new(0, 0, 0, theme.spacing.calc(3)),
-			Position = UDim2.new(1, -(theme.padding.calc(2) + theme.options.constants.iconSizes.small + theme.padding.calc(1)), 0.5, 0),
-			AnchorPoint = Vector2.new(1, 0.5),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-			Font = theme.typography.fontFamilies.default,
-			TextSize = theme.typography.fontSizes.body,
-			TextColor3 = toastColors.content,
-			AutoButtonColor = false,
-			ZIndex = 50001,
-		},
 		close = {
-			Size = UDim2.new(0, theme.options.constants.iconSizes.small, 0, theme.options.constants.iconSizes.small),
+			Size = UDim2.new(0, theme.spacing.calc(1), 0, theme.spacing.calc(1)),
 			Position = UDim2.new(1, -theme.padding.calc(2), 0, theme.padding.calc(2)),
 			AnchorPoint = Vector2.new(1, 0),
 			ImageColor3 = toastColors.content,

package/out/ui/packages/typography/components/Typography.styles.luau

@@ -13,6 +13,9 @@ local useTypographyStyles = componentStyles("Typography", function(theme, _param
 		variant = "body"
 	end
 	local family = _param.family
+	if family == nil then
+		family = "default"
+	end
 	local align = _param.align
 	if align == nil then
 		align = "left"
@@ -25,8 +28,6 @@ local useTypographyStyles = componentStyles("Typography", function(theme, _param
 	if lineClamp == nil then
 		lineClamp = false
 	end
-	local spec = theme.typography.variants[variant or "body"]
-	local resolvedFamily = family or spec.family
 	local DEFAULT_COLOR = theme.palette.text.primary
 	local COLOR_TO_PALETTE_MAP = {
 		initial = DEFAULT_COLOR,
@@ -82,8 +83,8 @@ local useTypographyStyles = componentStyles("Typography", function(theme, _param
 	return createStyles({
 		root = makeRootStyles(),
 		variantToken = {
-			TextSize = spec.size,
-			Font = theme.typography.fontFamilies[resolvedFamily],
+			TextSize = variant and theme.typography.fontSizes[variant],
+			Font = family and theme.typography.fontFamilies[family],
 		},
 	})
 end)

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

@@ -1,4 +1,2 @@
 export { default as VirtualList } from "./components/VirtualList";
 export { VirtualListProps, VirtualListHandle, VirtualListItemState, VirtualListAlign, } from "./components/VirtualList";
-export { default as EmptyListHint } from "./components/EmptyListHint";
-export { EmptyListHintProps } from "./components/EmptyListHint";

package/out/ui/packages/virtualList/init.luau

@@ -2,5 +2,4 @@
 local TS = _G[script]
 local exports = {}
 exports.VirtualList = TS.import(script, script, "components", "VirtualList").default
-exports.EmptyListHint = TS.import(script, script, "components", "EmptyListHint").default
 return exports

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.2.0-alpha.18",
+	"version": "0.2.0-alpha.2",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.luau",
 	"packageManager": "pnpm@11.3.0",
@@ -8,7 +8,7 @@
 		"build": "rbxtsc",
 		"watch": "rbxtsc -w",
 		"pack:check": "node scripts/pack-check.mjs",
-		"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/slider.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/imageList.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/stack.check.mjs && node --experimental-strip-types scripts/speed-dial.check.mjs && node --experimental-strip-types scripts/form-text.check.mjs && node --experimental-strip-types scripts/box.check.mjs && node --experimental-strip-types scripts/image-list.check.mjs && node --experimental-strip-types scripts/radio-group.check.mjs && node --experimental-strip-types scripts/container.check.mjs && node --experimental-strip-types scripts/divider.check.mjs && node --experimental-strip-types scripts/switch.check.mjs && node --experimental-strip-types scripts/tabs.check.mjs && node --experimental-strip-types scripts/dialog.check.mjs && node --experimental-strip-types scripts/backdrop.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
+		"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
 		"prepublishOnly": "pnpm build"
 	},
 	"keywords": [

package/out/ui/packages/backdrop/components/Backdrop.d.ts

@@ -1,10 +0,0 @@
-import React from "@rbxts/react";
-import { CustomizedProps } from "../../../../theme/index";
-export interface BackdropProps {
-    open?: boolean;
-    invisible?: boolean;
-    onClick?: () => void;
-    children?: React.ReactNode;
-}
-declare function Backdrop(props: CustomizedProps<TextButton, BackdropProps>): JSX.Element | undefined;
-export default Backdrop;

package/out/ui/packages/backdrop/components/Backdrop.luau

@@ -1,58 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useBackdropStyles = TS.import(script, script.Parent, "Backdrop.styles").default
-local function Backdrop(props)
-	local _binding = props
-	local open = _binding.open
-	if open == nil then
-		open = true
-	end
-	local invisible = _binding.invisible
-	local onClick = _binding.onClick
-	local children = _binding.children
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local styles = useBackdropStyles({
-		invisible = invisible,
-	})
-	if open ~= true then
-		return nil
-	end
-	local _attributes = {}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "Backdrop"
-	end
-	_attributes.key = _condition
-	_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
-	_attributes.Event = {
-		Activated = function()
-			local _result = onClick
-			if _result ~= nil then
-				_result = _result()
-			end
-			return _result
-		end,
-	}
-	return React.createElement("textbutton", _attributes, children)
-end
-local default = Backdrop
-return {
-	default = default,
-}

package/out/ui/packages/backdrop/components/Backdrop.styles.d.ts

@@ -1,4 +0,0 @@
-declare const useBackdropStyles: (props: {
-    invisible?: boolean;
-}) => import("../../../../theme/index").ClassNameMap<string>;
-export default useBackdropStyles;