@rbxts/uiblox 0.1.7 → 0.1.10

package/out/ui/packages/input/components/{Input.lua → Input.luau}

@@ -1,6 +1,6 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
 local useState = _roact_hooked.useState
 local markPureComponent = _roact_hooked.markPureComponent
@@ -50,27 +50,17 @@ local function Input(props)
 		_condition = ""
 	end
 	local input, setInput = useState(_condition)
-	local _attributes = {}
-	for _k, _v in root do
-		_attributes[_k] = _v
-	end
+	local _attributes = table.clone(root)
+	setmetatable(_attributes, nil)
 	if className then
 		for _k, _v in className do
 			_attributes[_k] = _v
 		end
 	end
-	local _children = {}
-	local _length = #_children
-	local _attributes_1 = {}
-	for _k, _v in margin do
-		_attributes_1[_k] = _v
-	end
-	local _children_1 = {}
-	local _length_1 = #_children_1
-	local _attributes_2 = {}
-	for _k, _v in font do
-		_attributes_2[_k] = _v
-	end
+	local _attributes_1 = table.clone(margin)
+	setmetatable(_attributes_1, nil)
+	local _attributes_2 = table.clone(font)
+	setmetatable(_attributes_2, nil)
 	for _k, _v in box do
 		_attributes_2[_k] = _v
 	end
@@ -82,49 +72,38 @@ local function Input(props)
 	}) do
 		_attributes_2[_k] = _v
 	end
-	_attributes_2[Roact.Event.ReturnPressedFromOnScreenKeyboard] = function(rbx)
-		if onEnterPressed then
-			local text = rbx.Text
-			onEnterPressed(text)
-		end
-	end
-	_attributes_2[Roact.Event.Focused] = onFocus
-	_attributes_2[Roact.Event.FocusLost] = function(rbx)
-		if onTextChanged then
-			local text = rbx.Text
-			onTextChanged(text)
-		end
-		if onBlur then
-			onBlur()
-		end
-	end
+	_attributes_2.Event = {
+		ReturnPressedFromOnScreenKeyboard = function(rbx)
+			if onEnterPressed then
+				local text = rbx.Text
+				onEnterPressed(text)
+			end
+		end,
+		Focused = onFocus,
+		FocusLost = function(rbx)
+			if onTextChanged then
+				local text = rbx.Text
+				onTextChanged(text)
+			end
+			if onBlur then
+				onBlur()
+			end
+		end,
+	}
 	local _condition_1 = variant == "outlined"
 	if _condition_1 then
-		local _attributes_3 = {}
-		for _k, _v in stroke do
-			_attributes_3[_k] = _v
-		end
-		_condition_1 = Roact.createElement("UIStroke", _attributes_3)
-	end
-	local _children_2 = {}
-	local _length_2 = #_children_2
-	if _condition_1 then
-		_children_2[_length_2 + 1] = _condition_1
+		local _attributes_3 = table.clone(stroke)
+		setmetatable(_attributes_3, nil)
+		_condition_1 = Roact.jsx("uistroke", _attributes_3)
 	end
-	_length_2 = #_children_2
 	local _condition_2 = rounded
 	if _condition_2 then
-		local _attributes_3 = {}
-		for _k, _v in corner do
-			_attributes_3[_k] = _v
-		end
-		_condition_2 = Roact.createElement("UICorner", _attributes_3)
-	end
-	if _condition_2 then
-		_children_2[_length_2 + 1] = _condition_2
+		local _attributes_3 = table.clone(corner)
+		setmetatable(_attributes_3, nil)
+		_condition_2 = Roact.jsx("uicorner", _attributes_3)
 	end
-	_children_1.Field = Roact.createElement("TextBox", _attributes_2, _children_2)
-	_children_1[_length_1 + 1] = Roact.createElement(Divider, {
+	local _exp = Roact.jsx("textbox", _attributes_2, _condition_1, _condition_2)
+	local _exp_1 = Roact.jsx(Divider, {
 		padding = 0,
 		orientation = Orientations.Horizontal,
 		className = classNames({
@@ -134,10 +113,8 @@ local function Input(props)
 	})
 	local _condition_3 = helperText ~= nil
 	if _condition_3 then
-		local _attributes_3 = {}
-		for _k, _v in font do
-			_attributes_3[_k] = _v
-		end
+		local _attributes_3 = table.clone(font)
+		setmetatable(_attributes_3, nil)
 		for _k, _v in helper do
 			_attributes_3[_k] = _v
 		end
@@ -147,17 +124,9 @@ local function Input(props)
 			_attributes_3[_k] = _v
 		end
 		_attributes_3.Text = helperText
-		_condition_3 = (Roact.createFragment({
-			HelperText = Roact.createElement("TextLabel", _attributes_3),
-		}))
+		_condition_3 = (Roact.jsx("textlabel", _attributes_3))
 	end
-	if _condition_3 then
-		_children_1[_length_1 + 2] = _condition_3
-	end
-	_children.Margin = Roact.createElement("Frame", _attributes_1, _children_1)
-	return Roact.createFragment({
-		Input = Roact.createElement("Frame", _attributes, _children),
-	})
+	return Roact.jsx("frame", _attributes, Roact.jsx("frame", _attributes_1, _exp, _exp_1, _condition_3))
 end
 local default = markPureComponent(Input)
 return {

package/out/ui/packages/input/components/Input.styles.d.ts

@@ -1,3 +1,3 @@
 import { InputProps } from "./Input";
-declare const useInputStyles: (props: InputProps) => import("../../../../theme").ClassNameMap<string>;
+declare const useInputStyles: (props: InputProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useInputStyles;

package/out/ui/packages/input/components/{Input.styles.lua → Input.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

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

@@ -1,6 +1,6 @@
 export { default as Input } from "./components/Input";
 export { InputProps } from "./components/Input";
 export * from "./components/Input";
-export { InputColor } from "./types";
-export { InputMargin } from "./types";
-export { InputVariant } from "./types";
+export { InputColor } from "./types/index";
+export { InputMargin } from "./types/index";
+export { InputVariant } from "./types/index";

package/out/ui/packages/input/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Input = TS.import(script, script, "components", "Input").default

package/out/ui/packages/input/types/InputColor.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/input/types/InputMargin.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/input/types/InputVariant.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/input/types/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/progressBar/components/ProgressBar.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { WriteableStyle } from "../../../../theme";
+import { WriteableStyle } from "../../../../theme/index";
 export interface ProgressBarProps {
     progress: number;
     className?: WriteableStyle<Frame>;

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

@@ -0,0 +1,46 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
+local markPureComponent = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src).markPureComponent
+local useProgressBarStyles = TS.import(script, script.Parent, "ProgressBar.styles").default
+local function ProgressBar(_param)
+	local progress = _param.progress
+	local className = _param.className
+	local _binding = useProgressBarStyles()
+	local container = _binding.container
+	local outer = _binding.outer
+	local stroke = _binding.stroke
+	local inner = _binding.inner
+	local fill = _binding.fill
+	local corner = _binding.corner
+	local _attributes = table.clone(container)
+	setmetatable(_attributes, nil)
+	if className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	local _attributes_1 = table.clone(outer)
+	setmetatable(_attributes_1, nil)
+	local _attributes_2 = table.clone(corner)
+	setmetatable(_attributes_2, nil)
+	local _exp = Roact.jsx("uicorner", _attributes_2)
+	local _attributes_3 = table.clone(stroke)
+	setmetatable(_attributes_3, nil)
+	local _exp_1 = Roact.jsx("uistroke", _attributes_3)
+	local _attributes_4 = table.clone(inner)
+	setmetatable(_attributes_4, nil)
+	local _attributes_5 = table.clone(corner)
+	setmetatable(_attributes_5, nil)
+	local _exp_2 = Roact.jsx("uicorner", _attributes_5)
+	local _attributes_6 = table.clone(fill)
+	setmetatable(_attributes_6, nil)
+	_attributes_6.Size = UDim2.new(progress / 100, 0, 1, 0)
+	local _attributes_7 = table.clone(corner)
+	setmetatable(_attributes_7, nil)
+	return Roact.jsx("frame", _attributes, Roact.jsx("frame", _attributes_1, _exp, _exp_1, Roact.jsx("frame", _attributes_4, _exp_2, Roact.jsx("frame", _attributes_6, Roact.jsx("uicorner", _attributes_7)))))
+end
+local default = markPureComponent(ProgressBar)
+return {
+	default = default,
+}

package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useProgressBarStyles: () => import("../../../../theme").ClassNameMap<string>;
+declare const useProgressBarStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useProgressBarStyles;

package/out/ui/packages/progressBar/components/{ProgressBar.styles.lua → ProgressBar.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

package/out/ui/packages/progressBar/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.ProgressBar = TS.import(script, script, "components", "ProgressBar").default

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

@@ -1,4 +1,3 @@
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
 declare function Shadow(): Roact.Element;
 declare const _default: typeof Shadow;

package/out/ui/packages/shadow/components/{Shadow.lua → Shadow.luau}

@@ -1,6 +1,6 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
 local markPureComponent = _roact_hooked.markPureComponent
 local useEffect = _roact_hooked.useEffect
@@ -42,29 +42,19 @@ local function Shadow()
 		setZIndex(_condition_1 - 1)
 		parent.ClipsDescendants = false
 	end, { parent })
-	local _attributes = {}
-	for _k, _v in container do
-		_attributes[_k] = _v
-	end
+	local _attributes = table.clone(container)
+	setmetatable(_attributes, nil)
 	_attributes.ZIndex = zIndex
-	_attributes[Roact.Event.AncestryChanged] = function(rbx, parent)
-		if parent:IsA("GuiObject") and rbx.Parent == parent then
-			setParent(parent)
-		end
-	end
-	local _children = {}
-	local _length = #_children
-	local _child = cornerRadius ~= nil and Roact.createFragment({
-		Corner = Roact.createElement("UICorner", {
-			CornerRadius = cornerRadius,
-		}),
-	})
-	if _child then
-		_children[_length + 1] = _child
-	end
-	return Roact.createFragment({
-		Shadow = Roact.createElement("Frame", _attributes, _children),
-	})
+	_attributes.Event = {
+		AncestryChanged = function(rbx, parent)
+			if parent:IsA("GuiObject") and rbx.Parent == parent then
+				setParent(parent)
+			end
+		end,
+	}
+	return Roact.jsx("frame", _attributes, cornerRadius ~= nil and Roact.jsx("uicorner", {
+		CornerRadius = cornerRadius,
+	}))
 end
 local default = markPureComponent(Shadow)
 return {

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

@@ -1,2 +1,2 @@
-declare const useShadowStyles: () => import("../../../../theme").ClassNameMap<string>;
+declare const useShadowStyles: () => import("../../../../theme/index").ClassNameMap<string>;
 export default useShadowStyles;

package/out/ui/packages/shadow/components/{Shadow.styles.lua → Shadow.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

package/out/ui/packages/shadow/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Shadow = TS.import(script, script, "components", "Shadow").default

package/out/ui/packages/sidebar/components/Sidebar.d.ts

@@ -1,7 +1,5 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { CustomizedProps } from "../../../../theme";
+import { CustomizedProps } from "../../../../theme/index";
 export type DefaultSidebarComponent = Frame;
 export interface SidebarProps {
     size: "compact" | "large";

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

@@ -0,0 +1,26 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
+local useSidebarStyles = TS.import(script, script.Parent, "Sidebar.styles").default
+local function Sidebar(props)
+	local _binding = props
+	local className = _binding.className
+	local children = _binding.children
+	local _binding_1 = useSidebarStyles(props)
+	local root = _binding_1.root
+	local container = _binding_1.container
+	local _attributes = table.clone(root)
+	setmetatable(_attributes, nil)
+	if className ~= 0 and className == className and className ~= "" and className then
+		for _k, _v in className do
+			_attributes[_k] = _v
+		end
+	end
+	local _attributes_1 = table.clone(container)
+	setmetatable(_attributes_1, nil)
+	return Roact.jsx("frame", _attributes, Roact.jsx("frame", _attributes_1, children))
+end
+local default = Sidebar
+return {
+	default = default,
+}

package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts

@@ -1,3 +1,3 @@
 import { SidebarProps } from "./Sidebar";
-declare const useSidebarStyles: (props: SidebarProps) => import("../../../../theme").ClassNameMap<string>;
+declare const useSidebarStyles: (props: SidebarProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useSidebarStyles;

package/out/ui/packages/sidebar/components/{Sidebar.styles.lua → Sidebar.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

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

@@ -1,4 +1,4 @@
 export { default as Sidebar } from "./components/Sidebar";
 export { SidebarProps } from "./components/Sidebar";
 export * from "./components/Sidebar";
-export { SidebarType } from "./types";
+export { SidebarType } from "./types/index";

package/out/ui/packages/sidebar/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Sidebar = TS.import(script, script, "components", "Sidebar").default

package/out/ui/packages/sidebar/types/SidebarType.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/sidebar/types/init.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

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

@@ -1,4 +1,3 @@
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
 import ToastVariants from "../enums/ToastVariants";
 export interface ToastProps {

package/out/ui/packages/toast/components/{Toast.lua → Toast.luau}

@@ -1,7 +1,7 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local BoatTween = TS.import(script, TS.getModule(script, "@rbxts", "boat-tween").src).BoatTween
-local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src)
+local Roact = TS.import(script, TS.getModule(script, "@rbxts", "roact").src.ts)
 local _roact_hooked = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src)
 local markPureComponent = _roact_hooked.markPureComponent
 local useEffect = _roact_hooked.useEffect
@@ -55,38 +55,30 @@ local function Toast(props)
 		end
 	end, {})
 	local _attributes = {
-		[Roact.Ref] = frameRef,
+		Ref = frameRef,
 	}
 	for _k, _v in container do
 		_attributes[_k] = _v
 	end
-	local _children = {
-		Corner = Roact.createElement("UICorner", {
-			CornerRadius = UDim.new(0, DefaultTheme.shape.borderRadius),
-		}),
-		Roact.createElement(Shadow),
-	}
-	local _length = #_children
-	local _attributes_1 = {}
-	for _k, _v in label do
-		_attributes_1[_k] = _v
-	end
-	_attributes_1.Text = text
-	_children.Label = Roact.createElement("TextLabel", _attributes_1)
-	local _attributes_2 = {}
-	for _k, _v in close do
-		_attributes_2[_k] = _v
-	end
-	_attributes_2[Roact.Event.MouseButton1Click] = function()
-		tween(Directions.Out)
-		if onDismiss then
-			onDismiss()
-		end
-	end
-	_children.Close = Roact.createElement("ImageButton", _attributes_2)
-	return Roact.createFragment({
-		Toast = Roact.createElement("Frame", _attributes, _children),
+	local _exp = Roact.jsx("uicorner", {
+		CornerRadius = UDim.new(0, DefaultTheme.shape.borderRadius),
 	})
+	local _exp_1 = Roact.jsx(Shadow)
+	local _attributes_1 = table.clone(label)
+	setmetatable(_attributes_1, nil)
+	_attributes_1.Text = text
+	local _exp_2 = Roact.jsx("textlabel", _attributes_1)
+	local _attributes_2 = table.clone(close)
+	setmetatable(_attributes_2, nil)
+	_attributes_2.Event = {
+		MouseButton1Click = function()
+			tween(Directions.Out)
+			if onDismiss then
+				onDismiss()
+			end
+		end,
+	}
+	return Roact.jsx("frame", _attributes, _exp, _exp_1, _exp_2, Roact.jsx("imagebutton", _attributes_2))
 end
 local default = markPureComponent(Toast)
 return {

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

@@ -1,3 +1,3 @@
 import { ToastProps } from "./Toast";
-declare const useToastStyles: (props: ToastProps) => import("../../../../theme").ClassNameMap<string>;
+declare const useToastStyles: (props: ToastProps) => import("../../../../theme/index").ClassNameMap<string>;
 export default useToastStyles;

package/out/ui/packages/toast/components/{Toast.styles.lua → Toast.styles.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles

package/out/ui/packages/toast/enums/ToastVariants.luau

@@ -0,0 +1,11 @@
+-- Compiled with roblox-ts v3.0.0
+local ToastVariants = {
+	default = "default",
+	success = "success",
+	error = "error",
+	warning = "warning",
+}
+local default = ToastVariants
+return {
+	default = default,
+}

package/out/ui/packages/toast/{init.lua → init.luau}

@@ -1,4 +1,4 @@
--- Compiled with roblox-ts v2.2.0
+-- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local exports = {}
 exports.Toast = TS.import(script, script, "components", "Toast").default

package/out/ui/packages/toast/interfaces/ToastEvent.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/ui/packages/treeView/components/TreeView.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { CustomizedProps } from "../../../../theme";
-import { Icons } from "../../../enums";
+import { CustomizedProps } from "../../../../theme/index";
+import { Icons } from "../../../enums/index";
 import Tree from "../interfaces/Tree";
 type DefaultTreeViewComponent = Frame;
 export interface TreeViewProps {