@rbxts/uiblox 0.1.7 → 0.1.10

package/out/ui/packages/button/components/{Button.lua → Button.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 useState = _roact_hooked.useState
@@ -40,24 +40,22 @@ local function Button(props)
 	local mouseEnter = _binding.mouseEnter
 	local mouseLeave = _binding.mouseLeave
 	local className = _binding.className
-	local children = _binding[Roact.Children]
+	local children = _binding.children
 	local _binding_1 = useButtonStyles(props)
 	local root = _binding_1.root
 	local font = _binding_1.font
 	local corner = _binding_1.corner
 	local stroke = _binding_1.stroke
 	local hovering, setHovering = useState(false)
-	local _attributes = {}
-	for _k, _v in root do
-		_attributes[_k] = _v
-	end
+	local _attributes = table.clone(root)
+	setmetatable(_attributes, nil)
 	for _k, _v in font do
 		_attributes[_k] = _v
 	end
 	_attributes.Active = not disabled and not loading
 	_attributes.Text = text
 	local _result
-	if (not hoveringDisabled and hovering) or (disabled or loading) then
+	if (not hoveringDisabled and hovering) or disabled or loading then
 		_result = 0.75
 	else
 		local _result_1 = className
@@ -71,60 +69,62 @@ local function Button(props)
 		_result = _condition
 	end
 	_attributes.BackgroundTransparency = _result
-	_attributes[Roact.Event.MouseEnter] = function()
-		setHovering(true)
-		if mouseEnter then
-			mouseEnter()
-		end
-	end
-	_attributes[Roact.Event.MouseLeave] = function()
-		setHovering(false)
-		if mouseLeave then
-			mouseLeave()
-		end
-	end
-	_attributes[Roact.Event.MouseButton1Click] = function()
-		if not disabled and not loading then
-			if onLeftClick then
-				onLeftClick()
+	_attributes.Event = {
+		MouseEnter = function()
+			setHovering(true)
+			if mouseEnter then
+				mouseEnter()
 			end
-		end
-	end
-	_attributes[Roact.Event.MouseButton1Down] = function()
-		if not disabled and not loading then
-			if onLeftDown then
-				onLeftDown()
+		end,
+		MouseLeave = function()
+			setHovering(false)
+			if mouseLeave then
+				mouseLeave()
 			end
-		end
-	end
-	_attributes[Roact.Event.MouseButton1Up] = function()
-		if not disabled and not loading then
-			if onLeftUp then
-				onLeftUp()
+		end,
+		MouseButton1Click = function()
+			if not disabled and not loading then
+				if onLeftClick then
+					onLeftClick()
+				end
 			end
-		end
-	end
-	_attributes[Roact.Event.MouseButton2Click] = function()
-		if not disabled and not loading then
-			if onRightClick then
-				onRightClick()
+		end,
+		MouseButton1Down = function()
+			if not disabled and not loading then
+				if onLeftDown then
+					onLeftDown()
+				end
 			end
-		end
-	end
-	_attributes[Roact.Event.MouseButton2Down] = function()
-		if not disabled and not loading then
-			if onRightDown then
-				onRightDown()
+		end,
+		MouseButton1Up = function()
+			if not disabled and not loading then
+				if onLeftUp then
+					onLeftUp()
+				end
 			end
-		end
-	end
-	_attributes[Roact.Event.MouseButton2Up] = function()
-		if not disabled and not loading then
-			if onRightUp then
-				onRightUp()
+		end,
+		MouseButton2Click = function()
+			if not disabled and not loading then
+				if onRightClick then
+					onRightClick()
+				end
 			end
-		end
-	end
+		end,
+		MouseButton2Down = function()
+			if not disabled and not loading then
+				if onRightDown then
+					onRightDown()
+				end
+			end
+		end,
+		MouseButton2Up = function()
+			if not disabled and not loading then
+				if onRightUp then
+					onRightUp()
+				end
+			end
+		end,
+	}
 	if className then
 		for _k, _v in className do
 			_attributes[_k] = _v
@@ -132,42 +132,17 @@ local function Button(props)
 	end
 	local _condition = variant == "outlined"
 	if _condition then
-		local _attributes_1 = {}
-		for _k, _v in stroke do
-			_attributes_1[_k] = _v
-		end
-		_condition = Roact.createElement("UIStroke", _attributes_1)
-	end
-	local _children = {}
-	local _length = #_children
-	if _condition then
-		_children[_length + 1] = _condition
+		local _attributes_1 = table.clone(stroke)
+		setmetatable(_attributes_1, nil)
+		_condition = Roact.jsx("uistroke", _attributes_1)
 	end
-	_length = #_children
 	local _condition_1 = rounded
 	if _condition_1 then
-		local _attributes_1 = {}
-		for _k, _v in corner do
-			_attributes_1[_k] = _v
-		end
-		_condition_1 = Roact.createElement("UICorner", _attributes_1)
-	end
-	if _condition_1 then
-		_children[_length + 1] = _condition_1
-	end
-	_length = #_children
-	if children then
-		for _k, _v in children do
-			if type(_k) == "number" then
-				_children[_length + _k] = _v
-			else
-				_children[_k] = _v
-			end
-		end
+		local _attributes_1 = table.clone(corner)
+		setmetatable(_attributes_1, nil)
+		_condition_1 = Roact.jsx("uicorner", _attributes_1)
 	end
-	return Roact.createFragment({
-		Button = Roact.createElement("TextButton", _attributes, _children),
-	})
+	return Roact.jsx("textbutton", _attributes, _condition, _condition_1, children)
 end
 local default = markPureComponent(Button)
 return {

package/out/ui/packages/button/components/Button.styles.d.ts

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

package/out/ui/packages/button/components/{Button.styles.lua → Button.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/button/index.d.ts

@@ -1,6 +1,6 @@
 export { default as Button } from "./components/Button";
 export { ButtonProps } from "./components/Button";
 export * from "./components/Button";
-export { ButtonColor } from "./types";
-export { ButtonSize } from "./types";
-export { ButtonVariant } from "./types";
+export { ButtonColor } from "./types/index";
+export { ButtonSize } from "./types/index";
+export { ButtonVariant } from "./types/index";

package/out/ui/packages/button/{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.Button = TS.import(script, script, "components", "Button").default

package/out/ui/packages/button/types/ButtonColor.luau

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

package/out/ui/packages/button/types/ButtonSize.luau

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

package/out/ui/packages/button/types/ButtonVariant.luau

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

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

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

package/out/ui/packages/divider/components/Divider.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="@rbxts/types" />
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { CustomizedProps } from "../../../../theme";
-import { Orientations } from "../../../enums";
+import { CustomizedProps } from "../../../../theme/index";
+import { Orientations } from "../../../enums/index";
 type DefaultDividerComponent = Frame;
 export interface DividerProps {
     position?: UDim2;

package/out/ui/packages/divider/components/{Divider.lua → Divider.luau}

@@ -1,25 +1,21 @@
--- 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 useDividerStyles = TS.import(script, script.Parent, "Divider.styles").default
 local function Divider(props)
 	local _binding = props
 	local className = _binding.className
 	local _binding_1 = useDividerStyles(props)
 	local root = _binding_1.root
-	local _attributes = {}
-	for _k, _v in root do
-		_attributes[_k] = _v
-	end
+	local _attributes = table.clone(root)
+	setmetatable(_attributes, nil)
 	_attributes.BorderSizePixel = 0
-	if className then
+	if className ~= 0 and className == className and className ~= "" and className then
 		for _k, _v in className do
 			_attributes[_k] = _v
 		end
 	end
-	return Roact.createFragment({
-		Divider = Roact.createElement("Frame", _attributes),
-	})
+	return Roact.jsx("frame", _attributes)
 end
 local default = Divider
 return {

package/out/ui/packages/divider/components/Divider.styles.d.ts

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

package/out/ui/packages/divider/components/{Divider.styles.lua → Divider.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/divider/{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.Divider = TS.import(script, script, "components", "Divider").default

package/out/ui/packages/icon/components/Icon.d.ts

@@ -1,9 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { Icons } from "../../../enums";
-import { CustomizedProps } from "../../../../theme";
+import { Icons } from "../../../enums/index";
+import { CustomizedProps } from "../../../../theme/index";
 export interface IconProps {
     icon: Icons;
     size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";

package/out/ui/packages/icon/components/{Icon.lua → Icon.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 markPureComponent = TS.import(script, TS.getModule(script, "@rbxts", "roact-hooked").src).markPureComponent
 local useIconStyles = TS.import(script, script.Parent, "Icon.styles").default
 local function Icon(props)
@@ -10,10 +10,8 @@ local function Icon(props)
 	local className = _binding.className
 	local _binding_1 = useIconStyles(props)
 	local container = _binding_1.container
-	local _attributes = {}
-	for _k, _v in container do
-		_attributes[_k] = _v
-	end
+	local _attributes = table.clone(container)
+	setmetatable(_attributes, nil)
 	if className then
 		for _k, _v in className do
 			_attributes[_k] = _v
@@ -21,9 +19,7 @@ local function Icon(props)
 	end
 	_attributes.Image = tostring(icon)
 	_attributes.ImageColor3 = tint or container.ImageColor3
-	return Roact.createFragment({
-		Icon = Roact.createElement("ImageLabel", _attributes),
-	})
+	return Roact.jsx("imagelabel", _attributes)
 end
 local default = markPureComponent(Icon)
 return {

package/out/ui/packages/icon/components/Icon.styles.d.ts

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

package/out/ui/packages/icon/components/{Icon.styles.lua → Icon.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/icon/{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.Icon = TS.import(script, script, "components", "Icon").default

package/out/ui/packages/iconButton/components/IconButton.d.ts

@@ -1,9 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { Icons } from "../../../enums";
-import { CustomizedProps } from "../../../../theme";
+import { Icons } from "../../../enums/index";
+import { CustomizedProps } from "../../../../theme/index";
 export interface IconButtonProps {
     icon: Icons;
     size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";

package/out/ui/packages/iconButton/components/{IconButton.lua → IconButton.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 useState = _roact_hooked.useState
@@ -15,10 +15,8 @@ local function IconButton(props)
 	local _binding_1 = useIconButtonStyles(props)
 	local container = _binding_1.container
 	local hovering, setHovering = useState(false)
-	local _attributes = {}
-	for _k, _v in container do
-		_attributes[_k] = _v
-	end
+	local _attributes = table.clone(container)
+	setmetatable(_attributes, nil)
 	if className then
 		for _k, _v in className do
 			_attributes[_k] = _v
@@ -27,20 +25,20 @@ local function IconButton(props)
 	_attributes.BackgroundTransparency = if hovering or selected then 0.5 else 1
 	_attributes.Image = tostring(icon)
 	_attributes.ImageColor3 = tint or container.ImageColor3
-	_attributes[Roact.Event.MouseButton1Click] = function()
-		if onClick then
-			onClick()
-		end
-	end
-	_attributes[Roact.Event.MouseEnter] = function()
-		setHovering(true)
-	end
-	_attributes[Roact.Event.MouseLeave] = function()
-		setHovering(false)
-	end
-	return Roact.createFragment({
-		IconButton = Roact.createElement("ImageButton", _attributes),
-	})
+	_attributes.Event = {
+		MouseButton1Click = function()
+			if onClick then
+				onClick()
+			end
+		end,
+		MouseEnter = function()
+			setHovering(true)
+		end,
+		MouseLeave = function()
+			setHovering(false)
+		end,
+	}
+	return Roact.jsx("imagebutton", _attributes)
 end
 local default = markPureComponent(IconButton)
 return {

package/out/ui/packages/iconButton/components/IconButton.styles.d.ts

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

package/out/ui/packages/iconButton/components/{IconButton.styles.lua → IconButton.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/iconButton/{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.IconButton = TS.import(script, script, "components", "IconButton").default

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

@@ -1,11 +1,11 @@
-export * from "./divider";
-export * from "./icon";
-export * from "./iconButton";
-export * from "./input";
-export * from "./progressBar";
-export * from "./shadow";
-export * from "./sidebar";
-export * from "./toast";
-export * from "./treeView";
-export * from "./typography";
-export * from "./button";
+export * from "./divider/index";
+export * from "./icon/index";
+export * from "./iconButton/index";
+export * from "./input/index";
+export * from "./progressBar/index";
+export * from "./shadow/index";
+export * from "./sidebar/index";
+export * from "./toast/index";
+export * from "./treeView/index";
+export * from "./typography/index";
+export * from "./button/index";

package/out/ui/packages/{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 = {}
 for _k, _v in TS.import(script, script, "divider") or {} do

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

@@ -1,10 +1,6 @@
-/// <reference types="@rbxts/types" />
-/// <reference types="@rbxts/types" />
-/// <reference types="@rbxts/types" />
-/// <reference types="roact" />
 import Roact from "@rbxts/roact";
-import { CustomizedProps } from "../../../../theme";
-import { InputColor, InputMargin, InputVariant } from "../types";
+import { CustomizedProps } from "../../../../theme/index";
+import { InputColor, InputMargin, InputVariant } from "../types/index";
 export type DefaultInputComponent = Frame;
 export interface InputProps {
     color?: InputColor;