@rbxts/uiblox 0.1.35 → 0.1.37

package/out/theme/styles/types/ConditionalStylesMap.d.ts

@@ -1,2 +1,2 @@
 import { WriteableStyle } from "./WriteableStyle";
-export type ConditionalStylesMap<T extends Instance> = Map<WriteableStyle<T>, boolean>;
+export type ConditionalStylesMap<T extends Instance> = Map<WriteableStyle<T> | undefined, boolean>;

package/out/theme/styles/utilities/classNames.d.ts

@@ -1,3 +1,3 @@
 import { WriteableStyle, ConditionalStylesMap } from "../types/index";
-declare function classNames<T extends Instance>(...args: [...Array<WriteableStyle<T>>, ConditionalStylesMap<T>] | [...Array<WriteableStyle<T>>]): WriteableStyle<T>;
+declare function classNames<T extends Instance>(...args: [...Array<WriteableStyle<T> | undefined>, ConditionalStylesMap<T>] | [...Array<WriteableStyle<T> | undefined>]): WriteableStyle<T>;
 export default classNames;

package/out/theme/styles/utilities/classNames.luau

@@ -3,6 +3,23 @@ local TS = _G[script]
 local classNamesInternal = function(conditionalStyles, ...)
 	local styles = { ... }
 	local style = {}
+	-- ▼ ReadonlyArray.filterUndefined ▼
+	local _length = 0
+	for _i in styles do
+		if _i > _length then
+			_length = _i
+		end
+	end
+	local _result = {}
+	local _resultLength = 0
+	for _i = 1, _length do
+		local _v = styles[_i]
+		if _v ~= nil then
+			_resultLength += 1
+			_result[_resultLength] = _v
+		end
+	end
+	-- ▲ ReadonlyArray.filterUndefined ▲
 	-- ▼ ReadonlyArray.forEach ▼
 	local _callback = function(value)
 		if value ~= 0 and value == value and value ~= "" and value then
@@ -14,25 +31,27 @@ local classNamesInternal = function(conditionalStyles, ...)
 			style = _object
 		end
 	end
-	for _k, _v in styles do
-		_callback(_v, _k - 1, styles)
+	for _k, _v in _result do
+		_callback(_v, _k - 1, _result)
 	end
 	-- ▲ ReadonlyArray.forEach ▲
-	local _result = conditionalStyles
-	if _result ~= nil then
+	local _result_1 = conditionalStyles
+	if _result_1 ~= nil then
 		-- ▼ ReadonlyMap.forEach ▼
 		local _callback_1 = function(value, key)
 			if value then
 				local _object = table.clone(style)
 				setmetatable(_object, nil)
-				for _k, _v in key do
-					_object[_k] = _v
+				if key ~= 0 and key == key and key ~= "" and key then
+					for _k, _v in key do
+						_object[_k] = _v
+					end
 				end
 				style = _object
 			end
 		end
-		for _k, _v in _result do
-			_callback_1(_v, _k, _result)
+		for _k, _v in _result_1 do
+			_callback_1(_v, _k, _result_1)
 		end
 		-- ▲ ReadonlyMap.forEach ▲
 	end
@@ -96,12 +115,46 @@ local function classNames(...)
 			local conditionalStyles = _result
 			local styles = args
 			-- ConditionalStyles<T> is the last argument
-			return TS.TRY_RETURN, { classNamesInternal(conditionalStyles, unpack(styles)) }
+			-- ▼ ReadonlyArray.filterUndefined ▼
+			local _length_1 = 0
+			for _i in styles do
+				if _i > _length_1 then
+					_length_1 = _i
+				end
+			end
+			local _result_1 = {}
+			local _resultLength = 0
+			for _i = 1, _length_1 do
+				local _v = styles[_i]
+				if _v ~= nil then
+					_resultLength += 1
+					_result_1[_resultLength] = _v
+				end
+			end
+			-- ▲ ReadonlyArray.filterUndefined ▲
+			return TS.TRY_RETURN, { classNamesInternal(conditionalStyles, unpack(_result_1)) }
 		end
 	end, function()
 		-- If we catch an error, like attempt to iterate over a string value, it means that the last argument is not a ConditionalStyles<T>
 		local styles = args
-		return TS.TRY_RETURN, { classNamesInternal(nil, unpack(styles)) }
+		-- ▼ ReadonlyArray.filterUndefined ▼
+		local _length = 0
+		for _i in styles do
+			if _i > _length then
+				_length = _i
+			end
+		end
+		local _result = {}
+		local _resultLength = 0
+		for _i = 1, _length do
+			local _v = styles[_i]
+			if _v ~= nil then
+				_resultLength += 1
+				_result[_resultLength] = _v
+			end
+		end
+		-- ▲ ReadonlyArray.filterUndefined ▲
+		return TS.TRY_RETURN, { classNamesInternal(nil, unpack(_result)) }
 	end)
 	if _exitType then
 		return unpack(_returns)
@@ -109,7 +162,24 @@ local function classNames(...)
 	-- Handle case without ConditionalStyles
 	-- All args are WriteableStyle<T>
 	local styles = args
-	return classNamesInternal(nil, unpack(styles))
+	-- ▼ ReadonlyArray.filterUndefined ▼
+	local _length = 0
+	for _i in styles do
+		if _i > _length then
+			_length = _i
+		end
+	end
+	local _result = {}
+	local _resultLength = 0
+	for _i = 1, _length do
+		local _v = styles[_i]
+		if _v ~= nil then
+			_resultLength += 1
+			_result[_resultLength] = _v
+		end
+	end
+	-- ▲ ReadonlyArray.filterUndefined ▲
+	return classNamesInternal(nil, unpack(_result))
 end
 local default = classNames
 return {

package/out/theme/types/types.d.ts

@@ -3,7 +3,8 @@ import { WriteableStyle } from "../interfaces/index";
 export interface CommonProps<T extends Instance> extends PropsWithChildren {
     className?: WriteableStyle<T>;
     component?: T;
-    key?: React.Key;
+    id?: React.Key;
+    ref?: React.Ref<T>;
 }
 export type BaseDefaultProps<T extends Instance, P> = CommonProps<T> & P;
 export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P>;

package/out/ui/packages/button/components/Button.luau

@@ -40,7 +40,8 @@ local function Button(props)
 	local mouseLeave = _binding.mouseLeave
 	local className = _binding.className
 	local children = _binding.children
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useButtonStyles(props)
 	local root = _binding_1.root
 	local font = _binding_1.font
@@ -48,11 +49,12 @@ local function Button(props)
 	local stroke = _binding_1.stroke
 	local hovering, setHovering = useState(false)
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Button"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/divider/components/Divider.luau

@@ -5,15 +5,17 @@ local useDividerStyles = TS.import(script, script.Parent, "Divider.styles").defa
 local function Divider(props)
 	local _binding = props
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useDividerStyles(props)
 	local root = _binding_1.root
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Divider"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/icon/components/Icon.luau

@@ -7,15 +7,17 @@ local function Icon(props)
 	local icon = _binding.icon
 	local tint = _binding.tint
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useIconStyles(props)
 	local container = _binding_1.container
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Icon"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in container do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/iconButton/components/IconButton.luau

@@ -11,16 +11,18 @@ local function IconButton(props)
 	local tint = _binding.tint
 	local onClick = _binding.onClick
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useIconButtonStyles(props)
 	local container = _binding_1.container
 	local hovering, setHovering = useState(false)
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "IconButton"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in container do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/input/components/Input.luau

@@ -33,7 +33,8 @@ local function Input(props)
 	local onBlur = _binding.onBlur
 	local onEnterPressed = _binding.onEnterPressed
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useInputStyles(props)
 	local root = _binding_1.root
 	local font = _binding_1.font
@@ -51,11 +52,12 @@ local function Input(props)
 	end
 	local input, setInput = useState(_condition)
 	local _attributes = {}
-	local _condition_1 = key
+	local _condition_1 = id
 	if not (_condition_1 ~= 0 and _condition_1 == _condition_1 and _condition_1 ~= "" and _condition_1) then
 		_condition_1 = "Input"
 	end
 	_attributes.key = _condition_1
+	_attributes.ref = ref
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/layout/components/Grid.luau

@@ -60,7 +60,8 @@ local function Grid(props)
 	end
 	local className = _binding.className
 	local children = _binding.children
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useGridStyles({
 		cellPadding = cellPadding,
 		cellSize = cellSize,
@@ -74,11 +75,12 @@ local function Grid(props)
 	local baseGrid = _binding_1.baseGrid
 	local baseLayout = _binding_1.baseLayout
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Grid"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in baseGrid do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/layout/components/List.luau

@@ -60,7 +60,8 @@ local function List(props)
 	end
 	local className = _binding.className
 	local children = _binding.children
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useListStyles({
 		padding = padding,
 		fillDirection = fillDirection,
@@ -74,11 +75,12 @@ local function List(props)
 	local baseList = _binding_1.baseList
 	local baseLayout = _binding_1.baseLayout
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "List"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in baseList do
 		_attributes[_k] = _v
 	end

package/out/ui/packages/preloader/components/Preloader.luau

@@ -34,7 +34,8 @@ local function Preloader(props)
 	local Adornment = _binding.adornment
 	local className = _binding.className
 	local children = _binding.children
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local percentage, setPercentage = useState(0)
 	local loaded, setLoaded = useState(false)
 	local _binding_1 = usePreloaderStyles(props)
@@ -102,11 +103,12 @@ local function Preloader(props)
 		})
 	else
 		local _attributes = {}
-		local _condition = key
+		local _condition = id
 		if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 			_condition = "Preloader"
 		end
 		_attributes.key = _condition
+		_attributes.ref = ref
 		for _k, _v in container do
 			_attributes[_k] = _v
 		end

package/out/ui/packages/progressBar/components/ProgressBar.luau

@@ -6,7 +6,8 @@ local function ProgressBar(props)
 	local _binding = props
 	local progress = _binding.progress
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useProgressBarStyles()
 	local container = _binding_1.container
 	local outer = _binding_1.outer
@@ -15,11 +16,12 @@ local function ProgressBar(props)
 	local fill = _binding_1.fill
 	local corner = _binding_1.corner
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "ProgressBar"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in container do
 		_attributes[_k] = _v
 	end

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

@@ -6,16 +6,18 @@ local function Sidebar(props)
 	local _binding = props
 	local className = _binding.className
 	local children = _binding.children
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useSidebarStyles(props)
 	local root = _binding_1.root
 	local container = _binding_1.container
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Sidebar"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end

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

@@ -19,7 +19,8 @@ local function Toast(props)
 		duration = 4
 	end
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useToastStyles(props)
 	local container = _binding_1.container
 	local label = _binding_1.label
@@ -56,7 +57,7 @@ local function Toast(props)
 		end
 	end, {})
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Toast"
 	end

package/out/ui/packages/treeView/components/TreeView.luau

@@ -16,7 +16,8 @@ local function TreeView(props)
 	local icon = _binding.icon
 	local filter = _binding.filter
 	local className = _binding.className
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useTreeViewStyles()
 	local root = _binding_1.root
 	local header = _binding_1.header
@@ -135,11 +136,12 @@ local function TreeView(props)
 		setExpanded(newExpanded)
 	end, { tree, filter })
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "TreeView"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end

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

@@ -10,16 +10,18 @@ local function Typography(props)
 	end
 	local className = _binding.className
 	local children = _binding.children
-	local key = _binding.key
+	local id = _binding.id
+	local ref = _binding.ref
 	local _binding_1 = useTypographyStyles(props)
 	local root = _binding_1.root
 	local variantToken = _binding_1.variantToken
 	local _attributes = {}
-	local _condition = key
+	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Typography"
 	end
 	_attributes.key = _condition
+	_attributes.ref = ref
 	for _k, _v in root do
 		_attributes[_k] = _v
 	end

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rbxts/uiblox",
-	"version": "0.1.35",
+	"version": "0.1.37",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.lua",
 	"scripts": {