@rbxts/uiblox 0.2.0-alpha.36 → 0.2.0-alpha.4

package/out/ui/packages/reorder/useReorderDrag.luau

@@ -1,129 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useEffect = _react.useEffect
-local useRef = _react.useRef
-local useState = _react.useState
-local UserInputService = TS.import(script, TS.getModule(script, "@rbxts", "services")).UserInputService
-local _reorder = TS.import(script, script.Parent, "reorder")
-local hitRect = _reorder.hitRect
-local isReorderMove = _reorder.isReorderMove
-local isReorderPress = _reorder.isReorderPress
-local isReorderRelease = _reorder.isReorderRelease
-local passedDragThreshold = _reorder.passedDragThreshold
-local rest = function()
-	return {
-		active = false,
-		x = 0,
-		y = 0,
-	}
-end
-local function useReorderDrag(onDrop, getRects)
-	local drag, setDrag = useState(rest())
-	local tracking = useRef({
-		down = false,
-		active = false,
-		x = 0,
-		y = 0,
-		startX = 0,
-		startY = 0,
-	})
-	local onDropRef = useRef(onDrop)
-	local rectsRef = useRef(getRects)
-	local took = useRef(false)
-	onDropRef.current = onDrop
-	rectsRef.current = getRects
-	local clear = function(drop)
-		local current = tracking.current
-		tracking.current = {
-			down = false,
-			active = false,
-			x = 0,
-			y = 0,
-			startX = 0,
-			startY = 0,
-		}
-		setDrag(rest())
-		if drop and current.active and current.id ~= nil then
-			took.current = true
-			onDropRef.current(current.id, current.overId)
-		end
-	end
-	useEffect(function()
-		local changed = UserInputService.InputChanged:Connect(function(input)
-			local current = tracking.current
-			if not current.down or not isReorderMove(input.UserInputType) then
-				return nil
-			end
-			local x = input.Position.X
-			local y = input.Position.Y
-			local active = current.active or passedDragThreshold(current.startX, current.startY, x, y)
-			local overId = if active then hitRect(rectsRef.current(), x, y) else nil
-			local _object = table.clone(current)
-			setmetatable(_object, nil)
-			_object.active = active
-			_object.x = x
-			_object.y = y
-			_object.overId = overId
-			tracking.current = _object
-			if active then
-				setDrag({
-					active = true,
-					id = current.id,
-					overId = overId,
-					x = x,
-					y = y,
-				})
-			end
-		end)
-		local ended = UserInputService.InputEnded:Connect(function(input)
-			if not tracking.current.down or not isReorderRelease(input.UserInputType) then
-				return nil
-			end
-			clear(true)
-		end)
-		local began = UserInputService.InputBegan:Connect(function(input)
-			if input.KeyCode == Enum.KeyCode.Escape then
-				clear(false)
-			end
-		end)
-		return function()
-			changed:Disconnect()
-			ended:Disconnect()
-			began:Disconnect()
-		end
-	end, {})
-	return {
-		drag = drag,
-		begin = function(id, input)
-			if not isReorderPress(input.UserInputType) then
-				return false
-			end
-			local x = input.Position.X
-			local y = input.Position.Y
-			tracking.current = {
-				down = true,
-				active = false,
-				id = id,
-				x = x,
-				y = y,
-				startX = x,
-				startY = y,
-			}
-			return true
-		end,
-		cancel = function()
-			return clear(false)
-		end,
-		suppressClick = function()
-			if not took.current then
-				return false
-			end
-			took.current = false
-			return true
-		end,
-	}
-end
-return {
-	useReorderDrag = useReorderDrag,
-}

package/out/ui/packages/scroll/components/ScrollView.d.ts

@@ -1,7 +0,0 @@
-import React from "@rbxts/react";
-import { CustomizedProps } from "../../../../theme/index";
-export interface ScrollViewProps {
-    children?: React.ReactNode;
-}
-declare function ScrollView(props: CustomizedProps<ScrollingFrame, ScrollViewProps>): JSX.Element;
-export default ScrollView;

package/out/ui/packages/scroll/components/ScrollView.luau

@@ -1,42 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local function ScrollView(props)
-	local _binding = props
-	local children = _binding.children
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local _binding_1 = useTheme()
-	local theme = _binding_1.theme
-	local root = {
-		Size = UDim2.fromScale(1, 1),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		CanvasSize = UDim2.fromScale(0, 0),
-		AutomaticCanvasSize = Enum.AutomaticSize.Y,
-		ScrollingDirection = Enum.ScrollingDirection.Y,
-		ScrollBarThickness = theme.spacing.calc(0.5),
-		ScrollBarImageColor3 = theme.palette.text.secondary,
-	}
-	local _attributes = {
-		tag = "scrollingframe",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "ScrollView"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = root
-	_attributes.className = className
-	_attributes.sx = sx
-	return React.createElement(SxHost, _attributes, children)
-end
-local default = ScrollView
-return {
-	default = default,
-}

package/out/ui/packages/skeleton/components/skeletonTone.d.ts

@@ -1,20 +0,0 @@
-interface SkeletonPalette {
-    surface: {
-        canvas: Color3;
-        elevated: Color3;
-    };
-    action: {
-        hover: Color3;
-    };
-    text: {
-        secondary: Color3;
-    };
-}
-/** Bone + shimmer peak from semantic tokens; shine always lifts off the bone vs canvas. */
-export declare function skeletonTone(theme: {
-    palette: SkeletonPalette;
-}): {
-    bone: Color3;
-    shine: Color3;
-};
-export {};

package/out/ui/packages/skeleton/components/skeletonTone.luau

@@ -1,14 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local relativeLuminance = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme", "utilites", "colorMath").relativeLuminance
---* Bone + shimmer peak from semantic tokens; shine always lifts off the bone vs canvas. 
-local function skeletonTone(theme)
-	local lightCanvas = relativeLuminance(theme.palette.surface.canvas) > 0.5
-	return {
-		bone = theme.palette.action.hover,
-		shine = if lightCanvas then theme.palette.surface.elevated else theme.palette.text.secondary,
-	}
-end
-return {
-	skeletonTone = skeletonTone,
-}

package/out/ui/packages/slider/components/sliderMarks.d.ts

@@ -1 +0,0 @@
-export declare function sliderMarkValues(min: number, max: number, step: number | undefined, marks: boolean | ReadonlyArray<number> | undefined): number[];

package/out/ui/packages/slider/components/sliderMarks.luau

@@ -1,37 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function sliderMarkValues(min, max, step, marks)
-	if marks == nil or marks == false then
-		return {}
-	end
-	if marks ~= true then
-		local out = {}
-		for _, value in marks do
-			if value >= min and value <= max then
-				table.insert(out, value)
-			end
-		end
-		return out
-	end
-	local span = max - min
-	if span <= 0 then
-		return { min }
-	end
-	local increment = if step ~= nil and step > 0 then step else span
-	local out = {}
-	local value = min
-	local guard = 0
-	while value <= max + increment * 1e-9 and guard < 64 do
-		local _arg0 = math.clamp(value, min, max)
-		table.insert(out, _arg0)
-		value += increment
-		guard += 1
-	end
-	if out[#out] ~= max then
-		local _max = max
-		table.insert(out, _max)
-	end
-	return out
-end
-return {
-	sliderMarkValues = sliderMarkValues,
-}

package/out/ui/packages/snackbar/components/snackbarAction.d.ts

@@ -1 +0,0 @@
-export declare function snackbarActionLabel(action?: string): string | undefined;

package/out/ui/packages/snackbar/components/snackbarAction.luau

@@ -1,10 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local function snackbarActionLabel(action)
-	if action == nil or #action == 0 then
-		return nil
-	end
-	return action
-end
-return {
-	snackbarActionLabel = snackbarActionLabel,
-}

package/out/ui/packages/sparkline/components/Sparkline.d.ts

@@ -1,9 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-export interface SparklineProps {
-    values: number[];
-    width?: number;
-    height?: number;
-    color?: Color3;
-}
-declare function Sparkline(props: CustomizedProps<Frame, SparklineProps>): JSX.Element;
-export default Sparkline;

package/out/ui/packages/sparkline/components/Sparkline.luau

@@ -1,66 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local sparklineLayout = TS.import(script, script.Parent.Parent, "sparklineLayout").sparklineLayout
-local function Sparkline(props)
-	local _binding = props
-	local values = _binding.values
-	local width = _binding.width
-	if width == nil then
-		width = 120
-	end
-	local height = _binding.height
-	if height == nil then
-		height = 36
-	end
-	local color = _binding.color
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local _binding_1 = useTheme()
-	local theme = _binding_1.theme
-	local segments = sparklineLayout(values, width, height)
-	local stroke = color or theme.palette.primary.main
-	local _attributes = {
-		tag = "frame",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "Sparkline"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = {
-		Size = UDim2.fromOffset(width, height),
-		BackgroundTransparency = 1,
-		BorderSizePixel = 0,
-		ClipsDescendants = true,
-	}
-	_attributes.className = className
-	_attributes.sx = sx
-	-- ▼ ReadonlyArray.map ▼
-	local _newValue = table.create(#segments)
-	local _callback = function(segment, index)
-		return React.createElement("frame", {
-			key = `s-{index}`,
-			AnchorPoint = Vector2.new(0.5, 0.5),
-			Position = UDim2.fromOffset(segment.x, segment.y),
-			Size = UDim2.fromOffset(segment.length, 2),
-			Rotation = segment.rotation,
-			BackgroundColor3 = stroke,
-			BorderSizePixel = 0,
-		})
-	end
-	for _k, _v in segments do
-		_newValue[_k] = _callback(_v, _k - 1, segments)
-	end
-	-- ▲ ReadonlyArray.map ▲
-	return React.createElement(SxHost, _attributes, _newValue)
-end
-local default = Sparkline
-return {
-	default = default,
-}

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

@@ -1,3 +0,0 @@
-export { default as Sparkline } from "./components/Sparkline";
-export { SparklineProps } from "./components/Sparkline";
-export { sparklineLayout, SparkSegment } from "./sparklineLayout";

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

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

package/out/ui/packages/sparkline/sparklineLayout.d.ts

@@ -1,8 +0,0 @@
-export interface SparkSegment {
-    x: number;
-    y: number;
-    length: number;
-    rotation: number;
-}
-/** Line segments for a number series. Empty and single-point series draw nothing. */
-export declare function sparklineLayout(values: number[], width: number, height: number, pad?: number): SparkSegment[];

package/out/ui/packages/sparkline/sparklineLayout.luau

@@ -1,75 +0,0 @@
--- Compiled with roblox-ts v3.0.0
---* Line segments for a number series. Empty and single-point series draw nothing. 
-local function sparklineLayout(values, width, height, pad)
-	if pad == nil then
-		pad = 4
-	end
-	local count = #values
-	if count < 2 or width <= pad * 2 or height <= pad * 2 then
-		return {}
-	end
-	local min = values[1]
-	local max = values[1]
-	for _, value in values do
-		if value < min then
-			min = value
-		end
-		if value > max then
-			max = value
-		end
-	end
-	local span = math.max(max - min, 1)
-	local innerW = width - pad * 2
-	local innerH = height - pad * 2
-	local step = innerW / (count - 1)
-	local points = {}
-	do
-		local index = 0
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				index += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (index < count) then
-				break
-			end
-			local _arg0 = {
-				x = pad + index * step,
-				y = pad + (1 - (values[index + 1] - min) / span) * innerH,
-			}
-			table.insert(points, _arg0)
-		end
-	end
-	local segments = {}
-	do
-		local index = 0
-		local _shouldIncrement = false
-		while true do
-			if _shouldIncrement then
-				index += 1
-			else
-				_shouldIncrement = true
-			end
-			if not (index < count - 1) then
-				break
-			end
-			local start = points[index + 1]
-			local finish = points[index + 2]
-			local dx = finish.x - start.x
-			local dy = finish.y - start.y
-			local _arg0 = {
-				x = (start.x + finish.x) / 2,
-				y = (start.y + finish.y) / 2,
-				length = math.sqrt(dx * dx + dy * dy),
-				rotation = math.deg(math.atan2(dy, dx)),
-			}
-			table.insert(segments, _arg0)
-		end
-	end
-	return segments
-end
-return {
-	sparklineLayout = sparklineLayout,
-}

package/out/ui/packages/speedDial/components/SpeedDial.d.ts

@@ -1,19 +0,0 @@
-import { CustomizedProps } from "../../../../theme/index";
-import { Icons } from "../../../enums/index";
-import { SpeedDialDirection } from "./SpeedDial.styles";
-export interface SpeedDialAction {
-    icon: Icons;
-    disabled?: boolean;
-    onClick?: () => void;
-}
-export interface SpeedDialProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    actions: SpeedDialAction[];
-    icon?: Icons;
-    openIcon?: Icons;
-    disabled?: boolean;
-    direction?: SpeedDialDirection;
-}
-declare function SpeedDial(props: CustomizedProps<Frame, SpeedDialProps>): JSX.Element;
-export default SpeedDial;

package/out/ui/packages/speedDial/components/SpeedDial.luau

@@ -1,97 +0,0 @@
--- Compiled with roblox-ts v3.0.0
-local TS = _G[script]
-local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local Icons = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Icons
-local Fab = TS.import(script, script.Parent.Parent.Parent, "fab").Fab
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local useSpeedDialStyles = TS.import(script, script.Parent, "SpeedDial.styles").default
-local function SpeedDial(props)
-	local _binding = props
-	local open = _binding.open
-	local onOpenChange = _binding.onOpenChange
-	local actions = _binding.actions
-	local icon = _binding.icon
-	if icon == nil then
-		icon = Icons.OpenBox
-	end
-	local openIcon = _binding.openIcon
-	if openIcon == nil then
-		openIcon = Icons.Close
-	end
-	local disabled = _binding.disabled
-	local direction = _binding.direction
-	if direction == nil then
-		direction = "up"
-	end
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
-	local styles = useSpeedDialStyles({
-		direction = direction,
-	})
-	local mainFirst = direction == "down" or direction == "right"
-	local mainOrder = if mainFirst then 0 else 1000
-	local actionBase = if mainFirst then 1 else 0
-	local _attributes = {
-		tag = "frame",
-	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "SpeedDial"
-	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-	}
-	local _attributes_1 = table.clone(styles.list)
-	setmetatable(_attributes_1, nil)
-	local _exp = React.createElement("uilistlayout", _attributes_1)
-	local _condition_1 = open
-	if _condition_1 then
-		-- ▼ ReadonlyArray.map ▼
-		local _newValue = table.create(#actions)
-		local _callback = function(action, index)
-			return React.createElement(Fab, {
-				key = `Action-{index}`,
-				icon = action.icon,
-				size = "small",
-				disabled = disabled == true or action.disabled == true,
-				onClick = function()
-					local _result = action.onClick
-					if _result ~= nil then
-						_result()
-					end
-					onOpenChange(false)
-				end,
-				className = {
-					LayoutOrder = actionBase + index,
-				},
-			})
-		end
-		for _k, _v in actions do
-			_newValue[_k] = _callback(_v, _k - 1, actions)
-		end
-		-- ▲ ReadonlyArray.map ▲
-		_condition_1 = (React.createElement(React.Fragment, nil, _newValue))
-	end
-	return React.createElement(SxHost, _attributes, _exp, _condition_1, React.createElement(Fab, {
-		key = "Main",
-		icon = if open then openIcon else icon,
-		disabled = disabled,
-		onClick = function()
-			return onOpenChange(not open)
-		end,
-		className = {
-			LayoutOrder = mainOrder,
-		},
-	}))
-end
-local default = SpeedDial
-return {
-	default = default,
-}

package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts

@@ -1,5 +0,0 @@
-export type SpeedDialDirection = "up" | "down" | "left" | "right";
-declare const useSpeedDialStyles: (props: {
-    direction?: SpeedDialDirection;
-}) => import("../../../../theme/index").ClassNameMap<string>;
-export default useSpeedDialStyles;

package/out/ui/packages/speedDial/components/SpeedDial.styles.luau

@@ -1,31 +0,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 componentStyles = _theme.componentStyles
-local createStyles = _theme.createStyles
-local useSpeedDialStyles = componentStyles("SpeedDial", function(theme, _param)
-	local direction = _param.direction
-	if direction == nil then
-		direction = "up"
-	end
-	local vertical = direction == "up" or direction == "down"
-	return createStyles({
-		root = {
-			AutomaticSize = Enum.AutomaticSize.XY,
-			Size = UDim2.fromScale(0, 0),
-			BackgroundTransparency = 1,
-			BorderSizePixel = 0,
-		},
-		list = {
-			FillDirection = if vertical then Enum.FillDirection.Vertical else Enum.FillDirection.Horizontal,
-			HorizontalAlignment = if direction == "left" then Enum.HorizontalAlignment.Right elseif direction == "right" then Enum.HorizontalAlignment.Left else Enum.HorizontalAlignment.Center,
-			VerticalAlignment = if direction == "up" then Enum.VerticalAlignment.Bottom elseif direction == "down" then Enum.VerticalAlignment.Top else Enum.VerticalAlignment.Center,
-			SortOrder = Enum.SortOrder.LayoutOrder,
-			Padding = UDim.new(0, theme.padding.calc(1)),
-		},
-	})
-end)
-local default = useSpeedDialStyles
-return {
-	default = default,
-}

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

@@ -1,3 +0,0 @@
-export { default as SpeedDial } from "./components/SpeedDial";
-export { SpeedDialProps, SpeedDialAction } from "./components/SpeedDial";
-export { SpeedDialDirection } from "./components/SpeedDial.styles";

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

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

package/out/ui/packages/table/components/tableColumns.d.ts

@@ -1,26 +0,0 @@
-export type TableAlign = "left" | "center" | "right";
-export type TableSortDirection = "asc" | "desc";
-export interface TableColumnSpec {
-    header: unknown;
-    width?: number | UDim;
-    flex?: number;
-    align?: TableAlign;
-    sortable?: boolean;
-}
-export interface ResolvedColumn {
-    header: unknown;
-    width?: number | UDim;
-    flex?: number;
-    align: TableAlign;
-    sortable: boolean;
-}
-export interface ColumnSize {
-    scale: number;
-    offset: number;
-}
-export declare function resolveColumn(column: string | TableColumnSpec): ResolvedColumn;
-/** Scale/offset for each column. Number widths are scales. Flex shares whatever scale is left. */
-export declare function columnSizes(columns: ReadonlyArray<Pick<ResolvedColumn, "width" | "flex">>): ColumnSize[];
-export declare function isTextCell(value: unknown): value is string | undefined;
-export declare function canSort(sortable: boolean | undefined, hasHandler: boolean): boolean;
-export declare function headerText(label: string, active: boolean, direction?: TableSortDirection): string;