@rbxts/uiblox 0.1.34 → 0.1.36

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
@@ -87,8 +89,12 @@ local function Grid(props)
 			_attributes[_k] = _v
 		end
 	end
-	local _attributes_1 = table.clone(baseLayout)
-	setmetatable(_attributes_1, nil)
+	local _attributes_1 = {
+		key = "GridLayout",
+	}
+	for _k, _v in baseLayout do
+		_attributes_1[_k] = _v
+	end
 	return React.createElement("frame", _attributes, React.createElement("uigridlayout", _attributes_1), children)
 end
 local default = Grid

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
@@ -87,8 +89,12 @@ local function List(props)
 			_attributes[_k] = _v
 		end
 	end
-	local _attributes_1 = table.clone(baseLayout)
-	setmetatable(_attributes_1, nil)
+	local _attributes_1 = {
+		key = "ListLayout",
+	}
+	for _k, _v in baseLayout do
+		_attributes_1[_k] = _v
+	end
 	return React.createElement("frame", _attributes, React.createElement("uilistlayout", _attributes_1), children)
 end
 local default = List

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.34",
+	"version": "0.1.36",
 	"description": "UI Library and theming for roblox-ts projects",
 	"main": "out/init.lua",
 	"scripts": {