@rbxts/uiblox 0.1.53 → 0.2.0-alpha.0

package/out/ui/packages/cframeEditor/components/CFrameEditor.luau

@@ -0,0 +1,89 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
+local useCFrameEditorStyles = TS.import(script, script.Parent, "CFrameEditor.styles").default
+local _cframeValue = TS.import(script, script.Parent, "cframeValue")
+local cframeFields = _cframeValue.cframeFields
+local nextCFrameParts = _cframeValue.nextCFrameParts
+local function CFrameEditor(props)
+	local _binding = props
+	local value = _binding.value
+	local onChange = _binding.onChange
+	local disabled = _binding.disabled
+	local className = _binding.className
+	local sx = _binding.sx
+	local id = _binding.id
+	local ref = _binding.ref
+	local styles = useCFrameEditorStyles()
+	local rx, ry, rz = value:ToEulerAnglesXYZ()
+	local degrees = { math.deg(rx), math.deg(ry), math.deg(rz) }
+	local amounts = { value.X, value.Y, value.Z, degrees[1], degrees[2], degrees[3] }
+	local commit = function(field, amount)
+		local parts = nextCFrameParts(value.X, value.Y, value.Z, degrees[1], degrees[2], degrees[3], field, amount)
+		local _cFrame = CFrame.new(parts[1], parts[2], parts[3])
+		local _arg0 = CFrame.Angles(math.rad(parts[4]), math.rad(parts[5]), math.rad(parts[6]))
+		onChange(_cFrame * _arg0)
+	end
+	local _attributes = {}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "CFrameEditor"
+	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
+	local _attributes_1 = table.clone(styles.wrap)
+	setmetatable(_attributes_1, nil)
+	local _exp = React.createElement("uilistlayout", _attributes_1)
+	local _exp_1 = cframeFields()
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#_exp_1)
+	local _callback = function(field, index)
+		local _attributes_2 = {
+			key = field,
+		}
+		for _k, _v in styles.axis do
+			_attributes_2[_k] = _v
+		end
+		_attributes_2.LayoutOrder = index + 1
+		local _attributes_3 = table.clone(styles.row)
+		setmetatable(_attributes_3, nil)
+		local _exp_2 = React.createElement("uilistlayout", _attributes_3)
+		local _attributes_4 = table.clone(styles.label)
+		setmetatable(_attributes_4, nil)
+		_attributes_4.Text = field
+		local _exp_3 = React.createElement("textlabel", _attributes_4)
+		local _attributes_5 = table.clone(styles.field)
+		setmetatable(_attributes_5, nil)
+		return React.createElement("frame", _attributes_2, _exp_2, _exp_3, React.createElement("frame", _attributes_5, React.createElement(NumberInput, {
+			value = amounts[index + 1],
+			disabled = disabled,
+			width = UDim.new(1, 0),
+			onChange = function(amount)
+				return commit(field, amount)
+			end,
+		})))
+	end
+	for _k, _v in _exp_1 do
+		_newValue[_k] = _callback(_v, _k - 1, _exp_1)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	return React.createElement("frame", _attributes, _exp, _newValue)
+end
+local default = CFrameEditor
+return {
+	default = default,
+}

package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.d.ts

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

package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.luau

@@ -0,0 +1,46 @@
+-- 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
+local componentStyles = _theme.componentStyles
+local useCFrameEditorStyles = componentStyles("CFrameEditor", function(theme)
+	return createStyles({
+		root = {
+			Size = UDim2.new(1, 0, 0, 0),
+			AutomaticSize = Enum.AutomaticSize.Y,
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		row = {
+			FillDirection = Enum.FillDirection.Horizontal,
+			Padding = UDim.new(0, theme.padding.calc(1)),
+			VerticalAlignment = Enum.VerticalAlignment.Center,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+		},
+		wrap = {
+			FillDirection = Enum.FillDirection.Vertical,
+			Padding = UDim.new(0, theme.padding.calc(0.5)),
+			SortOrder = Enum.SortOrder.LayoutOrder,
+		},
+		axis = {
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
+			BackgroundTransparency = 1,
+		},
+		label = {
+			Size = UDim2.new(0, theme.spacing.calc(2), 1, 0),
+			BackgroundTransparency = 1,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = theme.typography.fontSizes.caption,
+			TextColor3 = theme.palette.text.secondary,
+			TextXAlignment = Enum.TextXAlignment.Left,
+		},
+		field = {
+			Size = UDim2.new(1, -theme.spacing.calc(2), 1, 0),
+			BackgroundTransparency = 1,
+		},
+	})
+end)
+local default = useCFrameEditorStyles
+return {
+	default = default,
+}

package/out/ui/packages/cframeEditor/components/cframeValue.d.ts

@@ -0,0 +1,3 @@
+export type CFrameField = "X" | "Y" | "Z" | "RX" | "RY" | "RZ";
+export declare function cframeFields(): CFrameField[];
+export declare function nextCFrameParts(x: number, y: number, z: number, rx: number, ry: number, rz: number, field: CFrameField, amount: number): number[];

package/out/ui/packages/cframeEditor/components/cframeValue.luau

@@ -0,0 +1,15 @@
+-- Compiled with roblox-ts v3.0.0
+local FIELDS = { "X", "Y", "Z", "RX", "RY", "RZ" }
+local function cframeFields()
+	return FIELDS
+end
+local function nextCFrameParts(x, y, z, rx, ry, rz, field, amount)
+	local parts = { x, y, z, rx, ry, rz }
+	local index = if field == "X" then 0 elseif field == "Y" then 1 elseif field == "Z" then 2 elseif field == "RX" then 3 elseif field == "RY" then 4 else 5
+	parts[index + 1] = amount
+	return parts
+end
+return {
+	cframeFields = cframeFields,
+	nextCFrameParts = nextCFrameParts,
+}

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

@@ -0,0 +1,2 @@
+export { default as CFrameEditor } from "./components/CFrameEditor";
+export { CFrameEditorProps } from "./components/CFrameEditor";

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

@@ -0,0 +1,5 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+exports.CFrameEditor = TS.import(script, script, "components", "CFrameEditor").default
+return exports

package/out/ui/packages/checkbox/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import { ControlSize, CustomizedProps } from "../../../../theme/index";
+export interface CheckboxProps {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    disabled?: boolean;
+    mixed?: boolean;
+    label?: string;
+    size?: ControlSize;
+}
+declare function Checkbox(props: CustomizedProps<TextButton, CheckboxProps>): JSX.Element;
+export default Checkbox;

package/out/ui/packages/checkbox/components/Checkbox.luau

@@ -0,0 +1,136 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local React = _react
+local useState = _react.useState
+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 useCheckboxStyles = TS.import(script, script.Parent, "Checkbox.styles").default
+local _checkboxLook = TS.import(script, script.Parent, "checkboxLook")
+local checkboxBoxTransparency = _checkboxLook.checkboxBoxTransparency
+local checkboxMark = _checkboxLook.checkboxMark
+local checkboxPointer = _checkboxLook.checkboxPointer
+local checkboxStrokeTransparency = _checkboxLook.checkboxStrokeTransparency
+local nextChecked = TS.import(script, script.Parent, "nextChecked").nextChecked
+local function Checkbox(props)
+	local _binding = props
+	local value = _binding.value
+	local onChange = _binding.onChange
+	local disabled = _binding.disabled
+	local mixed = _binding.mixed
+	local label = _binding.label
+	local size = _binding.size
+	local className = _binding.className
+	local sx = _binding.sx
+	local id = _binding.id
+	local ref = _binding.ref
+	local _binding_1 = useCheckboxStyles({
+		size = size,
+	})
+	local root = _binding_1.root
+	local row = _binding_1.row
+	local box = _binding_1.box
+	local mark = _binding_1.mark
+	local labelStyle = _binding_1.label
+	local stroke = _binding_1.stroke
+	local corner = _binding_1.corner
+	local fill = _binding_1.fill
+	local activeStroke = _binding_1.activeStroke
+	local idleStroke = _binding_1.idleStroke
+	local hovering, setHovering = useState(false)
+	local pressed, setPressed = useState(false)
+	local focused, setFocused = useState(false)
+	local active = canActivate(disabled)
+	local filled = value == true or mixed == true
+	local pointer = if active then checkboxPointer(hovering, pressed, focused) else "rest"
+	local boxTransparency = checkboxBoxTransparency(filled, disabled == true, pointer)
+	local strokeTransparency = checkboxStrokeTransparency(filled, disabled == true, pointer)
+	local _attributes = {}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "Checkbox"
+	end
+	_attributes.key = _condition
+	_attributes.ref = ref
+	for _k, _v in 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.Active = active
+	_attributes.Selectable = not disabled
+	_attributes.BackgroundTransparency = if focused and active then 0.85 else 1
+	_attributes.Event = {
+		MouseButton1Click = function()
+			if active then
+				onChange(nextChecked(value, mixed))
+			end
+		end,
+		MouseButton1Down = function()
+			if active then
+				setPressed(true)
+			end
+		end,
+		MouseButton1Up = function()
+			return setPressed(false)
+		end,
+		MouseEnter = function()
+			if active then
+				setHovering(true)
+			end
+		end,
+		MouseLeave = function()
+			setHovering(false)
+			setPressed(false)
+		end,
+		SelectionGained = function()
+			return setFocused(true)
+		end,
+		SelectionLost = function()
+			return setFocused(false)
+		end,
+	}
+	local _attributes_1 = table.clone(row)
+	setmetatable(_attributes_1, nil)
+	local _exp = React.createElement("uilistlayout", _attributes_1)
+	local _attributes_2 = table.clone(cx(box, filled and fill, {
+		BackgroundTransparency = boxTransparency,
+	}))
+	setmetatable(_attributes_2, nil)
+	_attributes_2.LayoutOrder = 1
+	local _attributes_3 = table.clone(corner)
+	setmetatable(_attributes_3, nil)
+	local _exp_1 = React.createElement("uicorner", _attributes_3)
+	local _attributes_4 = table.clone(cx(stroke, if filled or pointer == "focus" or pointer == "press" then activeStroke else idleStroke, {
+		Transparency = strokeTransparency,
+	}))
+	setmetatable(_attributes_4, nil)
+	local _exp_2 = React.createElement("uistroke", _attributes_4)
+	local _attributes_5 = table.clone(mark)
+	setmetatable(_attributes_5, nil)
+	_attributes_5.Text = checkboxMark(value, mixed)
+	_attributes_5.TextTransparency = if disabled == true then 0.45 else 0
+	local _exp_3 = React.createElement("frame", _attributes_2, _exp_1, _exp_2, React.createElement("textlabel", _attributes_5))
+	local _condition_1 = label ~= nil
+	if _condition_1 then
+		local _attributes_6 = table.clone(labelStyle)
+		setmetatable(_attributes_6, nil)
+		_attributes_6.Text = label
+		_attributes_6.TextTransparency = if disabled == true then 0.5 else 0
+		_attributes_6.LayoutOrder = 2
+		_condition_1 = (React.createElement("textlabel", _attributes_6))
+	end
+	return React.createElement("textbutton", _attributes, _exp, _exp_3, _condition_1)
+end
+local default = Checkbox
+return {
+	default = default,
+}

package/out/ui/packages/checkbox/components/Checkbox.styles.d.ts

@@ -0,0 +1,6 @@
+import { ControlSize } from "../../../../theme/index";
+export interface CheckboxStyleProps {
+    size?: ControlSize;
+}
+declare const useCheckboxStyles: (props: CheckboxStyleProps) => import("../../../../theme/index").ClassNameMap<string>;
+export default useCheckboxStyles;

package/out/ui/packages/checkbox/components/Checkbox.styles.luau

@@ -0,0 +1,69 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
+local controlMetrics = _theme.controlMetrics
+local createStyles = _theme.createStyles
+local componentStyles = _theme.componentStyles
+local useCheckboxStyles = componentStyles("Checkbox", function(theme, _param)
+	local size = _param.size
+	local metrics = controlMetrics(theme.density, size)
+	return createStyles({
+		root = {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Size = UDim2.fromScale(0, 0),
+			Text = "",
+		},
+		row = {
+			FillDirection = Enum.FillDirection.Horizontal,
+			Padding = UDim.new(0, theme.padding.default),
+			VerticalAlignment = Enum.VerticalAlignment.Center,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+		},
+		box = {
+			Size = UDim2.fromOffset(metrics.checkbox, metrics.checkbox),
+			BackgroundColor3 = theme.palette.surface.input,
+			BorderSizePixel = 0,
+		},
+		mark = {
+			Size = UDim2.fromScale(1, 1),
+			BackgroundTransparency = 1,
+			TextColor3 = theme.palette.primary.on,
+			Font = theme.typography.fontFamilies.semibold,
+			TextSize = metrics.markFont,
+			TextXAlignment = Enum.TextXAlignment.Center,
+			TextYAlignment = Enum.TextYAlignment.Center,
+		},
+		label = {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			BackgroundTransparency = 1,
+			Size = UDim2.fromScale(0, 0),
+			TextColor3 = theme.palette.text.primary,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = metrics.font,
+			TextXAlignment = Enum.TextXAlignment.Left,
+			TextYAlignment = Enum.TextYAlignment.Center,
+		},
+		corner = {
+			CornerRadius = UDim.new(0, theme.shape.borderRadius),
+		},
+		stroke = {
+			Thickness = 1,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+		},
+		fill = {
+			BackgroundColor3 = theme.palette.primary.main,
+		},
+		activeStroke = {
+			Color = theme.palette.primary.main,
+		},
+		idleStroke = {
+			Color = theme.palette.text.secondary,
+		},
+	})
+end)
+local default = useCheckboxStyles
+return {
+	default = default,
+}

package/out/ui/packages/checkbox/components/checkboxLook.d.ts

@@ -0,0 +1,5 @@
+export type CheckboxPointer = "rest" | "hover" | "press" | "focus";
+export declare function checkboxMark(value: boolean, mixed?: boolean): "" | "–" | "✓";
+export declare function checkboxPointer(hovering: boolean, pressed: boolean, focused: boolean): CheckboxPointer;
+export declare function checkboxBoxTransparency(filled: boolean, disabled: boolean, pointer: CheckboxPointer): 1 | 0 | 0.7 | 0.55 | 0.85;
+export declare function checkboxStrokeTransparency(filled: boolean, disabled: boolean, pointer: CheckboxPointer): 0 | 0.25 | 0.55 | 0.45 | 0.2;

package/out/ui/packages/checkbox/components/checkboxLook.luau

@@ -0,0 +1,52 @@
+-- Compiled with roblox-ts v3.0.0
+local function checkboxMark(value, mixed)
+	if mixed == true then
+		return "–"
+	end
+	return if value then "✓" else ""
+end
+local function checkboxPointer(hovering, pressed, focused)
+	if pressed then
+		return "press"
+	end
+	if focused then
+		return "focus"
+	end
+	if hovering then
+		return "hover"
+	end
+	return "rest"
+end
+local function checkboxBoxTransparency(filled, disabled, pointer)
+	if filled then
+		return if disabled then 0.55 else 0
+	end
+	if disabled then
+		return 1
+	end
+	if pointer == "press" then
+		return 0.7
+	end
+	if pointer == "hover" or pointer == "focus" then
+		return 0.85
+	end
+	return 1
+end
+local function checkboxStrokeTransparency(filled, disabled, pointer)
+	if disabled then
+		return 0.55
+	end
+	if pointer == "focus" or pointer == "press" then
+		return 0
+	end
+	if pointer == "hover" then
+		return 0.2
+	end
+	return if filled then 0.25 else 0.45
+end
+return {
+	checkboxMark = checkboxMark,
+	checkboxPointer = checkboxPointer,
+	checkboxBoxTransparency = checkboxBoxTransparency,
+	checkboxStrokeTransparency = checkboxStrokeTransparency,
+}

package/out/ui/packages/checkbox/components/nextChecked.d.ts

@@ -0,0 +1 @@
+export declare function nextChecked(value: boolean, mixed?: boolean): boolean;

package/out/ui/packages/checkbox/components/nextChecked.luau

@@ -0,0 +1,7 @@
+-- Compiled with roblox-ts v3.0.0
+local function nextChecked(value, mixed)
+	return if mixed == true then true else not value
+end
+return {
+	nextChecked = nextChecked,
+}

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

@@ -0,0 +1,2 @@
+export { default as Checkbox } from "./components/Checkbox";
+export { CheckboxProps } from "./components/Checkbox";

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

@@ -0,0 +1,5 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+exports.Checkbox = TS.import(script, script, "components", "Checkbox").default
+return exports

package/out/ui/packages/chip/components/Chip.d.ts

@@ -0,0 +1,9 @@
+import { CustomizedProps } from "../../../../theme/index";
+export interface ChipProps {
+    label: string;
+    selected?: boolean;
+    disabled?: boolean;
+    onActivated?: () => void;
+}
+declare function Chip(props: CustomizedProps<TextButton, ChipProps>): JSX.Element;
+export default Chip;

package/out/ui/packages/chip/components/Chip.luau

@@ -0,0 +1,63 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local useChipStyles = TS.import(script, script.Parent, "Chip.styles").default
+local function Chip(props)
+	local _binding = props
+	local label = _binding.label
+	local selected = _binding.selected
+	local disabled = _binding.disabled
+	local onActivated = _binding.onActivated
+	local className = _binding.className
+	local sx = _binding.sx
+	local id = _binding.id
+	local ref = _binding.ref
+	local styles = useChipStyles({
+		selected = selected,
+		disabled = disabled,
+	})
+	local _attributes = {}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "Chip"
+	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.Text = label
+	_attributes.Event = {
+		Activated = function()
+			if disabled ~= true then
+				local _result = onActivated
+				if _result ~= nil then
+					_result()
+				end
+			end
+		end,
+	}
+	local _attributes_1 = table.clone(styles.padding)
+	setmetatable(_attributes_1, nil)
+	local _exp = React.createElement("uipadding", _attributes_1)
+	local _attributes_2 = table.clone(styles.corner)
+	setmetatable(_attributes_2, nil)
+	local _exp_1 = React.createElement("uicorner", _attributes_2)
+	local _attributes_3 = table.clone(styles.stroke)
+	setmetatable(_attributes_3, nil)
+	return React.createElement("textbutton", _attributes, _exp, _exp_1, React.createElement("uistroke", _attributes_3))
+end
+local default = Chip
+return {
+	default = default,
+}

package/out/ui/packages/chip/components/Chip.styles.d.ts

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

package/out/ui/packages/chip/components/Chip.styles.luau

@@ -0,0 +1,47 @@
+-- Compiled with roblox-ts v3.0.0
+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 useChipStyles = componentStyles("Chip", function(theme, _param)
+	local selected = _param.selected
+	if selected == nil then
+		selected = false
+	end
+	local disabled = _param.disabled
+	if disabled == nil then
+		disabled = false
+	end
+	return createStyles({
+		root = {
+			AutomaticSize = Enum.AutomaticSize.XY,
+			Size = UDim2.fromScale(0, 0),
+			BackgroundColor3 = if selected then theme.palette.action.selected else theme.palette.surface.input,
+			BorderSizePixel = 0,
+			AutoButtonColor = false,
+			Active = not disabled,
+			Selectable = not disabled,
+			TextColor3 = if disabled then theme.palette.text.disabled else theme.palette.text.primary,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = theme.typography.fontSizes.body,
+		},
+		padding = {
+			PaddingTop = UDim.new(0, theme.padding.calc(0.5)),
+			PaddingBottom = UDim.new(0, theme.padding.calc(0.5)),
+			PaddingLeft = UDim.new(0, theme.padding.calc(1.5)),
+			PaddingRight = UDim.new(0, theme.padding.calc(1.5)),
+		},
+		corner = {
+			CornerRadius = UDim.new(1, 0),
+		},
+		stroke = {
+			Color = theme.palette.border,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+			Transparency = if selected then 1 else 0,
+		},
+	})
+end)
+local default = useChipStyles
+return {
+	default = default,
+}

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

@@ -0,0 +1,2 @@
+export { default as Chip } from "./components/Chip";
+export { ChipProps } from "./components/Chip";

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

@@ -0,0 +1,5 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+exports.Chip = TS.import(script, script, "components", "Chip").default
+return exports

package/out/ui/packages/circularProgress/components/CircularProgress.d.ts

@@ -0,0 +1,11 @@
+import { CustomizedProps } from "../../../../theme/index";
+export interface CircularProgressProps {
+    value?: number;
+    size?: number;
+    thickness?: number;
+    color?: Color3;
+    disabled?: boolean;
+    reducedMotion?: boolean;
+}
+declare function CircularProgress(props: CustomizedProps<Frame, CircularProgressProps>): JSX.Element;
+export default CircularProgress;