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

package/out/ui/packages/tabs/components/tabIndicator.luau

@@ -0,0 +1,21 @@
+-- Compiled with roblox-ts v3.0.0
+--* Indicator box inside a tab. Horizontal width stays on the tab; a positive width offset spills into the next one. 
+local function tabIndicatorBox(vertical, bar, gutter)
+	if vertical then
+		return {
+			widthScale = 0,
+			widthOffset = bar,
+			heightScale = 1,
+			heightOffset = -gutter,
+		}
+	end
+	return {
+		widthScale = 1,
+		widthOffset = 0,
+		heightScale = 0,
+		heightOffset = bar,
+	}
+end
+return {
+	tabIndicatorBox = tabIndicatorBox,
+}

package/out/ui/packages/tabs/components/tabScroll.d.ts

@@ -0,0 +1,2 @@
+/** Canvas offset that keeps the selected tab inside the view. */
+export declare function tabScroll(current: number, tabStart: number, tabSize: number, view: number): number;

package/out/ui/packages/tabs/components/tabScroll.luau

@@ -0,0 +1,18 @@
+-- Compiled with roblox-ts v3.0.0
+--* Canvas offset that keeps the selected tab inside the view. 
+local function tabScroll(current, tabStart, tabSize, view)
+	if view <= 0 then
+		return current
+	end
+	if tabStart < current then
+		return if tabStart < 0 then 0 else tabStart
+	end
+	local tabEnd = tabStart + tabSize
+	if tabEnd > current + view then
+		return tabEnd - view
+	end
+	return current
+end
+return {
+	tabScroll = tabScroll,
+}

package/out/ui/packages/text/components/Text.d.ts

@@ -0,0 +1,9 @@
+import { CustomizedProps } from "../../../../theme/index";
+export interface TextProps {
+    text?: string;
+    wrap?: boolean;
+    richText?: boolean;
+    fontFace?: Font;
+}
+declare function Text(props: CustomizedProps<TextLabel, TextProps>): JSX.Element;
+export default Text;

package/out/ui/packages/text/components/Text.luau

@@ -0,0 +1,64 @@
+-- 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 textBox = TS.import(script, script.Parent, "textBox").textBox
+local function Text(props)
+	local _binding = props
+	local text = _binding.text
+	if text == nil then
+		text = ""
+	end
+	local wrap = _binding.wrap
+	local richText = _binding.richText
+	local fontFace = _binding.fontFace
+	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 box = textBox(wrap)
+	local _attributes = {
+		tag = "textlabel",
+	}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "Text"
+	end
+	_attributes.key = _condition
+	_attributes.hostRef = ref
+	local _object = {
+		Text = text,
+		Size = UDim2.new(box.widthScale, 0, box.heightScale, 0),
+		AutomaticSize = if box.automatic == "Y" then Enum.AutomaticSize.Y else Enum.AutomaticSize.XY,
+		TextWrapped = box.wrapped,
+		TextXAlignment = Enum.TextXAlignment.Left,
+		BackgroundTransparency = 1,
+		BorderSizePixel = 0,
+		Font = theme.typography.fontFamilies[theme.typography.variants.body.family],
+		TextSize = theme.typography.variants.body.size,
+		LineHeight = theme.typography.variants.body.leading,
+		TextYAlignment = Enum.TextYAlignment.Top,
+		TextColor3 = theme.palette.text.primary,
+		RichText = richText == true,
+	}
+	for _k, _v in (if fontFace ~= nil then {
+		FontFace = fontFace,
+	} else {}) do
+		_object[_k] = _v
+	end
+	if className then
+		for _k, _v in className do
+			_object[_k] = _v
+		end
+	end
+	_attributes.base = _object
+	_attributes.sx = sx
+	return React.createElement(SxHost, _attributes)
+end
+local default = Text
+return {
+	default = default,
+}

package/out/ui/packages/text/components/textBox.d.ts

@@ -0,0 +1,12 @@
+/** Shrink-wrap by default. Wrap uses the parent width and grows with the text. */
+export declare function textBox(wrap?: boolean): {
+    widthScale: number;
+    heightScale: number;
+    automatic: "Y";
+    wrapped: boolean;
+} | {
+    widthScale: number;
+    heightScale: number;
+    automatic: "XY";
+    wrapped: boolean;
+};

package/out/ui/packages/text/components/textBox.luau

@@ -0,0 +1,21 @@
+-- Compiled with roblox-ts v3.0.0
+--* Shrink-wrap by default. Wrap uses the parent width and grows with the text. 
+local function textBox(wrap)
+	if wrap == true then
+		return {
+			widthScale = 1,
+			heightScale = 0,
+			automatic = "Y",
+			wrapped = true,
+		}
+	end
+	return {
+		widthScale = 0,
+		heightScale = 0,
+		automatic = "XY",
+		wrapped = false,
+	}
+end
+return {
+	textBox = textBox,
+}

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

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

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

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

package/out/ui/packages/timeField/components/TimeField.d.ts

@@ -0,0 +1,13 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { TimeOfDay } from "../timeValue";
+export interface TimeFieldProps {
+    value: TimeOfDay;
+    onChange: (value: TimeOfDay) => void;
+    step?: number;
+    wrap?: boolean;
+    min?: number;
+    max?: number;
+    disabled?: boolean;
+}
+declare function TimeField(props: CustomizedProps<Frame, TimeFieldProps>): JSX.Element;
+export default TimeField;

package/out/ui/packages/timeField/components/TimeField.luau

@@ -0,0 +1,106 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
+local controlMetrics = _theme.controlMetrics
+local useTheme = _theme.useTheme
+local fieldChrome = TS.import(script, script.Parent.Parent.Parent, "input", "components", "fieldChrome").fieldChrome
+local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
+local resolveTime = TS.import(script, script.Parent.Parent, "timeValue").resolveTime
+local function TimeField(props)
+	local _binding = props
+	local value = _binding.value
+	local onChange = _binding.onChange
+	local step = _binding.step
+	if step == nil then
+		step = 1
+	end
+	local wrap = _binding.wrap
+	if wrap == nil then
+		wrap = true
+	end
+	local min = _binding.min
+	local max = _binding.max
+	local disabled = _binding.disabled
+	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 chrome = fieldChrome(controlMetrics(theme.density).height, theme.padding.calc(1))
+	local commit = function(hour, minute)
+		local resolved = resolveTime({
+			hour = hour,
+			minute = minute,
+		}, step, wrap, min, max)
+		if resolved == nil then
+			return nil
+		end
+		if resolved.hour == value.hour and resolved.minute == value.minute then
+			return nil
+		end
+		onChange(resolved)
+	end
+	local _attributes = {
+		tag = "frame",
+	}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "TimeField"
+	end
+	_attributes.key = _condition
+	_attributes.hostRef = ref
+	_attributes.base = {
+		AutomaticSize = Enum.AutomaticSize.XY,
+		Size = UDim2.fromScale(0, 0),
+		BackgroundTransparency = 1,
+		BorderSizePixel = 0,
+	}
+	_attributes.className = className
+	_attributes.sx = sx
+	return React.createElement(SxHost, _attributes, React.createElement("uilistlayout", {
+		FillDirection = Enum.FillDirection.Horizontal,
+		Padding = UDim.new(0, chrome.padX),
+		VerticalAlignment = Enum.VerticalAlignment.Center,
+		SortOrder = Enum.SortOrder.LayoutOrder,
+	}), React.createElement(NumberInput, {
+		value = value.hour,
+		step = 1,
+		disabled = disabled,
+		width = UDim.new(0, theme.spacing.calc(12)),
+		sx = {
+			LayoutOrder = 0,
+		},
+		onChange = function(hour)
+			return commit(hour, value.minute)
+		end,
+	}), React.createElement("textlabel", {
+		Text = ":",
+		LayoutOrder = 1,
+		BackgroundTransparency = 1,
+		BorderSizePixel = 0,
+		Size = UDim2.fromOffset(8, chrome.height),
+		TextTruncate = Enum.TextTruncate.AtEnd,
+		TextWrapped = false,
+		Font = theme.typography.fontFamilies.default,
+		TextSize = theme.typography.fontSizes.body,
+		TextColor3 = theme.palette.text.secondary,
+	}), React.createElement(NumberInput, {
+		value = value.minute,
+		step = step,
+		disabled = disabled,
+		width = UDim.new(0, theme.spacing.calc(12)),
+		sx = {
+			LayoutOrder = 2,
+		},
+		onChange = function(minute)
+			return commit(value.hour, minute)
+		end,
+	}))
+end
+local default = TimeField
+return {
+	default = default,
+}

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

@@ -0,0 +1,4 @@
+export { default as TimeField } from "./components/TimeField";
+export { TimeFieldProps } from "./components/TimeField";
+export { resolveTime, timeRangeOk, timeToMinutes } from "./timeValue";
+export type { TimeOfDay } from "./timeValue";

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

@@ -0,0 +1,9 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+exports.TimeField = TS.import(script, script, "components", "TimeField").default
+local _timeValue = TS.import(script, script, "timeValue")
+exports.resolveTime = _timeValue.resolveTime
+exports.timeRangeOk = _timeValue.timeRangeOk
+exports.timeToMinutes = _timeValue.timeToMinutes
+return exports

package/out/ui/packages/timeField/timeValue.d.ts

@@ -0,0 +1,8 @@
+export interface TimeOfDay {
+    hour: number;
+    minute: number;
+}
+export declare function timeToMinutes(value: TimeOfDay): number;
+/** Snap to a minute step. Wrap into the day, or reject an invalid range. */
+export declare function resolveTime(value: TimeOfDay, step?: number, wrap?: boolean, min?: number, max?: number): TimeOfDay | undefined;
+export declare function timeRangeOk(start: TimeOfDay, finish: TimeOfDay): boolean;

package/out/ui/packages/timeField/timeValue.luau

@@ -0,0 +1,49 @@
+-- Compiled with roblox-ts v3.0.0
+local DAY = 1440
+local function modDay(total)
+	local remainder = total % DAY
+	return if remainder < 0 then remainder + DAY else remainder
+end
+local function timeToMinutes(value)
+	return value.hour * 60 + value.minute
+end
+--* Snap to a minute step. Wrap into the day, or reject an invalid range. 
+local function resolveTime(value, step, wrap, min, max)
+	if step == nil then
+		step = 1
+	end
+	if wrap == nil then
+		wrap = true
+	end
+	if step <= 0 then
+		return nil
+	end
+	if min ~= nil and max ~= nil and min > max then
+		return nil
+	end
+	local size = math.max(1, math.floor(step))
+	local total = math.floor((value.hour * 60 + value.minute) / size + 0.5) * size
+	if wrap then
+		total = modDay(total)
+	elseif total < 0 or total >= DAY then
+		return nil
+	end
+	if min ~= nil and total < min then
+		return nil
+	end
+	if max ~= nil and total > max then
+		return nil
+	end
+	return {
+		hour = math.floor(total / 60),
+		minute = total % 60,
+	}
+end
+local function timeRangeOk(start, finish)
+	return timeToMinutes(finish) > timeToMinutes(start)
+end
+return {
+	timeToMinutes = timeToMinutes,
+	resolveTime = resolveTime,
+	timeRangeOk = timeRangeOk,
+}

package/out/ui/packages/timeline/components/Timeline.d.ts

@@ -0,0 +1,12 @@
+import { CustomizedProps } from "../../../../theme/index";
+import { TimelineTone } from "./timelineRail";
+export interface TimelineItem {
+    title: string;
+    caption?: string;
+    tone?: TimelineTone;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+}
+declare function Timeline(props: CustomizedProps<Frame, TimelineProps>): JSX.Element;
+export default Timeline;

package/out/ui/packages/timeline/components/Timeline.luau

@@ -0,0 +1,102 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local cx = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").cx
+local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
+local useTimelineStyles = TS.import(script, script.Parent, "Timeline.styles").default
+local _timelineRail = TS.import(script, script.Parent, "timelineRail")
+local timelineRail = _timelineRail.timelineRail
+local timelineTone = _timelineRail.timelineTone
+local function Timeline(props)
+	local _binding = props
+	local items = _binding.items
+	local className = _binding.className
+	local sx = _binding.sx
+	local id = _binding.id
+	local ref = _binding.ref
+	local styles = useTimelineStyles()
+	local count = #items
+	local _attributes = {
+		tag = "frame",
+	}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "Timeline"
+	end
+	_attributes.key = _condition
+	_attributes.hostRef = ref
+	_attributes.base = styles.root
+	_attributes.className = className
+	_attributes.sx = sx
+	local _attributes_1 = table.clone(styles.inset)
+	setmetatable(_attributes_1, nil)
+	local _exp = React.createElement("uipadding", _attributes_1)
+	local _attributes_2 = table.clone(styles.list)
+	setmetatable(_attributes_2, nil)
+	local _exp_1 = React.createElement("uilistlayout", _attributes_2)
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#items)
+	local _callback = function(item, index)
+		local tone = timelineTone(item.tone)
+		local mark = if tone == "done" then styles.done elseif tone == "active" then styles.active elseif tone == "error" then styles.error else styles.pending
+		local caption = item.caption
+		local _attributes_3 = {
+			key = `{item.title}-{index}`,
+		}
+		for _k, _v in styles.item do
+			_attributes_3[_k] = _v
+		end
+		_attributes_3.LayoutOrder = index
+		local _attributes_4 = table.clone(styles.row)
+		setmetatable(_attributes_4, nil)
+		local _exp_2 = React.createElement("uilistlayout", _attributes_4)
+		local _attributes_5 = table.clone(styles.rail)
+		setmetatable(_attributes_5, nil)
+		local _result
+		if timelineRail(index, count) then
+			local _attributes_6 = table.clone(styles.line)
+			setmetatable(_attributes_6, nil)
+			_result = React.createElement("frame", _attributes_6)
+		else
+			_result = nil
+		end
+		local _attributes_6 = table.clone(cx(styles.dot, mark))
+		setmetatable(_attributes_6, nil)
+		local _exp_3 = React.createElement("frame", _attributes_5, _result, React.createElement("frame", _attributes_6, React.createElement("uicorner", {
+			CornerRadius = UDim.new(1, 0),
+		})))
+		local _attributes_7 = table.clone(styles.body)
+		setmetatable(_attributes_7, nil)
+		local _attributes_8 = table.clone(styles.bodyPad)
+		setmetatable(_attributes_8, nil)
+		local _exp_4 = React.createElement("uipadding", _attributes_8)
+		local _attributes_9 = table.clone(styles.bodyList)
+		setmetatable(_attributes_9, nil)
+		local _exp_5 = React.createElement("uilistlayout", _attributes_9)
+		local _attributes_10 = table.clone(styles.title)
+		setmetatable(_attributes_10, nil)
+		_attributes_10.Text = item.title
+		_attributes_10.LayoutOrder = 0
+		local _exp_6 = React.createElement("textlabel", _attributes_10)
+		local _result_1
+		if caption ~= nil and #caption > 0 then
+			local _attributes_11 = table.clone(styles.caption)
+			setmetatable(_attributes_11, nil)
+			_attributes_11.Text = caption
+			_attributes_11.LayoutOrder = 1
+			_result_1 = (React.createElement("textlabel", _attributes_11))
+		else
+			_result_1 = nil
+		end
+		return React.createElement("frame", _attributes_3, _exp_2, _exp_3, React.createElement("frame", _attributes_7, _exp_4, _exp_5, _exp_6, _result_1))
+	end
+	for _k, _v in items do
+		_newValue[_k] = _callback(_v, _k - 1, items)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	return React.createElement(SxHost, _attributes, _exp, _exp_1, React.createElement(React.Fragment, nil, _newValue))
+end
+local default = Timeline
+return {
+	default = default,
+}

package/out/ui/packages/timeline/components/Timeline.styles.d.ts

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

package/out/ui/packages/timeline/components/Timeline.styles.luau

@@ -0,0 +1,115 @@
+-- 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 useTimelineStyles = componentStyles("Timeline", function(theme)
+	local dot = theme.spacing.calc(1.5)
+	local rail = theme.spacing.calc(2)
+	local pad = theme.padding.calc(1)
+	return createStyles({
+		root = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, 0, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		inset = {
+			PaddingLeft = UDim.new(0, pad),
+			PaddingRight = UDim.new(0, pad),
+		},
+		list = {
+			FillDirection = Enum.FillDirection.Vertical,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+			Padding = UDim.new(0, 0),
+		},
+		item = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, -pad * 2, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		row = {
+			FillDirection = Enum.FillDirection.Horizontal,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+			ItemLineAlignment = Enum.ItemLineAlignment.Stretch,
+			Padding = UDim.new(0, theme.spacing.calc(1)),
+		},
+		rail = {
+			Size = UDim2.fromOffset(rail, 0),
+			LayoutOrder = 0,
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		dot = {
+			AnchorPoint = Vector2.new(0.5, 0),
+			Position = UDim2.new(0.5, 0, 0, 2),
+			Size = UDim2.fromOffset(dot, dot),
+			BorderSizePixel = 0,
+			ZIndex = 2,
+		},
+		done = {
+			BackgroundColor3 = theme.palette.status.success.main,
+		},
+		active = {
+			BackgroundColor3 = theme.palette.primary.main,
+		},
+		pending = {
+			BackgroundColor3 = theme.palette.text.disabled,
+		},
+		error = {
+			BackgroundColor3 = theme.palette.status.error.main,
+		},
+		line = {
+			AnchorPoint = Vector2.new(0.5, 0),
+			Position = UDim2.new(0.5, 0, 0, dot + 2),
+			Size = UDim2.new(0, 2, 1, -(dot + 2)),
+			BackgroundColor3 = theme.palette.divider,
+			BorderSizePixel = 0,
+			ZIndex = 1,
+		},
+		body = {
+			LayoutOrder = 1,
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, -(rail + theme.spacing.calc(1)), 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		bodyPad = {
+			PaddingBottom = UDim.new(0, theme.padding.calc(2)),
+		},
+		bodyList = {
+			FillDirection = Enum.FillDirection.Vertical,
+			SortOrder = Enum.SortOrder.LayoutOrder,
+			Padding = UDim.new(0, theme.padding.calc(0.5)),
+		},
+		title = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, 0, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = theme.typography.fontSizes.body,
+			TextColor3 = theme.palette.text.primary,
+			TextXAlignment = Enum.TextXAlignment.Left,
+			TextTruncate = Enum.TextTruncate.AtEnd,
+			TextWrapped = false,
+		},
+		caption = {
+			AutomaticSize = Enum.AutomaticSize.Y,
+			Size = UDim2.new(1, 0, 0, 0),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			Font = theme.typography.fontFamilies.default,
+			TextSize = theme.typography.fontSizes.caption,
+			TextColor3 = theme.palette.text.secondary,
+			TextXAlignment = Enum.TextXAlignment.Left,
+			TextTruncate = Enum.TextTruncate.AtEnd,
+			TextWrapped = false,
+		},
+	})
+end)
+local default = useTimelineStyles
+return {
+	default = default,
+}

package/out/ui/packages/timeline/components/timelineRail.d.ts

@@ -0,0 +1,4 @@
+export type TimelineTone = "done" | "active" | "pending" | "error";
+export declare function timelineTone(tone?: string): TimelineTone;
+/** Connector under an item. The last item, and a list shorter than two, has none. */
+export declare function timelineRail(index: number, count: number): boolean;

package/out/ui/packages/timeline/components/timelineRail.luau

@@ -0,0 +1,15 @@
+-- Compiled with roblox-ts v3.0.0
+local function timelineTone(tone)
+	if tone == "done" or tone == "active" or tone == "error" or tone == "pending" then
+		return tone
+	end
+	return "pending"
+end
+--* Connector under an item. The last item, and a list shorter than two, has none. 
+local function timelineRail(index, count)
+	return index >= 0 and count > 1 and index < count - 1
+end
+return {
+	timelineTone = timelineTone,
+	timelineRail = timelineRail,
+}

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

@@ -0,0 +1,3 @@
+export { default as Timeline } from "./components/Timeline";
+export { TimelineItem, TimelineProps } from "./components/Timeline";
+export { timelineRail, timelineTone, TimelineTone } from "./components/timelineRail";

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

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

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

@@ -8,6 +8,7 @@ export interface ToastProps {
     toggledAt?: number;
     action?: string;
     onAction?: () => void;
+    edge?: "top" | "bottom";
 }
 declare function Toast(props: CustomizedProps<Frame, ToastProps>): JSX.Element;
 export default Toast;