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

package/out/ui/packages/layout/components/Grid.luau

@@ -4,33 +4,7 @@ local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local componentStyles = _theme.componentStyles
 local createStyles = _theme.createStyles
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
-local _gridProps = TS.import(script, script.Parent, "gridProps")
-local gridCornerKey = _gridProps.gridCornerKey
-local gridMaxCells = _gridProps.gridMaxCells
-local function cornerEnum(corner)
-	if corner == nil then
-		return nil
-	end
-	local _corner = corner
-	if not (type(_corner) == "string") then
-		return corner
-	end
-	local key = gridCornerKey(corner)
-	if key == "top-right" then
-		return Enum.StartCorner.TopRight
-	end
-	if key == "bottom-left" then
-		return Enum.StartCorner.BottomLeft
-	end
-	if key == "bottom-right" then
-		return Enum.StartCorner.BottomRight
-	end
-	return Enum.StartCorner.TopLeft
-end
-local useGridStyles = componentStyles("Grid", function(theme, props)
-	local cells = gridMaxCells(props.columns, props.maxColumns, props.fillDirectionMaxCells)
-	local pad = if props.gap ~= nil then UDim2.fromOffset(theme.spacing.calc(props.gap), theme.spacing.calc(props.gap)) else props.cellPadding
+local useGridStyles = componentStyles("Grid", function(_, props)
 	return createStyles({
 		baseGrid = {
 			AutomaticSize = Enum.AutomaticSize.XY,
@@ -39,12 +13,12 @@ local useGridStyles = componentStyles("Grid", function(theme, props)
 			BorderSizePixel = 0,
 		},
 		baseLayout = {
-			CellPadding = pad,
+			CellPadding = props.cellPadding,
 			CellSize = props.cellSize,
 			FillDirection = props.fillDirection,
-			FillDirectionMaxCells = cells,
+			FillDirectionMaxCells = props.fillDirectionMaxCells,
 			SortOrder = props.sortOrder,
-			StartCorner = cornerEnum(props.startCorner),
+			StartCorner = props.startCorner,
 			HorizontalAlignment = props.horizontalAlignment,
 			VerticalAlignment = props.verticalAlignment,
 		},
@@ -60,9 +34,6 @@ local function Grid(props)
 	if cellSize == nil then
 		cellSize = UDim2.fromOffset(100, 100)
 	end
-	local gap = _binding.gap
-	local columns = _binding.columns
-	local maxColumns = _binding.maxColumns
 	local fillDirection = _binding.fillDirection
 	if fillDirection == nil then
 		fillDirection = Enum.FillDirection.Horizontal
@@ -95,9 +66,6 @@ local function Grid(props)
 	local _binding_1 = useGridStyles({
 		cellPadding = cellPadding,
 		cellSize = cellSize,
-		gap = gap,
-		columns = columns,
-		maxColumns = maxColumns,
 		fillDirection = fillDirection,
 		fillDirectionMaxCells = fillDirectionMaxCells,
 		sortOrder = sortOrder,
@@ -113,17 +81,27 @@ local function Grid(props)
 		_condition = "Grid"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = baseGrid
-	_attributes.className = className
-	_attributes.sx = sx
+	_attributes.ref = ref
+	for _k, _v in baseGrid 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 = {
 		key = "GridLayout",
 	}
 	for _k, _v in baseLayout do
 		_attributes_1[_k] = _v
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("uigridlayout", _attributes_1), children)
+	return React.createElement("frame", _attributes, React.createElement("uigridlayout", _attributes_1), children)
 end
 local default = Grid
 return {

package/out/ui/packages/layout/components/List.luau

@@ -4,7 +4,6 @@ local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local componentStyles = _theme.componentStyles
 local createStyles = _theme.createStyles
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useListStyles = componentStyles("List", function(_, props)
 	return createStyles({
 		baseList = {
@@ -76,25 +75,33 @@ local function List(props)
 	})
 	local baseList = _binding_1.baseList
 	local baseLayout = _binding_1.baseLayout
-	local _attributes = {
-		tag = "frame",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "List"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = baseList
-	_attributes.className = className
-	_attributes.sx = sx
+	_attributes.ref = ref
+	for _k, _v in baseList 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 = {
 		key = "ListLayout",
 	}
 	for _k, _v in baseLayout do
 		_attributes_1[_k] = _v
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("uilistlayout", _attributes_1), children)
+	return React.createElement("frame", _attributes, React.createElement("uilistlayout", _attributes_1), children)
 end
 local default = List
 return {

package/out/ui/packages/layout/components/Stack.d.ts

@@ -4,8 +4,6 @@ import { StackAlign, StackDirection, StackJustify } from "./stackAlign";
 export interface StackProps {
     direction?: StackDirection;
     spacing?: number;
-    gap?: number;
-    wrap?: boolean;
     alignItems?: StackAlign;
     justifyContent?: StackJustify;
     children?: React.ReactNode;

package/out/ui/packages/layout/components/Stack.luau

@@ -1,14 +1,11 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useStackStyles = TS.import(script, script.Parent, "Stack.styles").default
 local function Stack(props)
 	local _binding = props
 	local direction = _binding.direction
 	local spacing = _binding.spacing
-	local gap = _binding.gap
-	local wrap = _binding.wrap
 	local alignItems = _binding.alignItems
 	local justifyContent = _binding.justifyContent
 	local children = _binding.children
@@ -19,8 +16,6 @@ local function Stack(props)
 	local styles = useStackStyles({
 		direction = direction,
 		spacing = spacing,
-		gap = gap,
-		wrap = wrap,
 		alignItems = alignItems,
 		justifyContent = justifyContent,
 	})
@@ -30,13 +25,23 @@ local function Stack(props)
 		_condition = "Stack"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
+	_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.list)
 	setmetatable(_attributes_1, nil)
-	return React.createElement(SxHost, _attributes, React.createElement("uilistlayout", _attributes_1), children)
+	return React.createElement("frame", _attributes, React.createElement("uilistlayout", _attributes_1), children)
 end
 local default = Stack
 return {

package/out/ui/packages/layout/components/Stack.styles.d.ts

@@ -2,8 +2,6 @@ import { StackAlign, StackDirection, StackJustify } from "./stackAlign";
 declare const useStackStyles: (props: {
     direction?: StackDirection;
     spacing?: number;
-    gap?: number;
-    wrap?: boolean;
     alignItems?: StackAlign;
     justifyContent?: StackJustify;
 }) => import("../../../../theme/index").ClassNameMap<string>;

package/out/ui/packages/layout/components/Stack.styles.luau

@@ -8,8 +8,6 @@ local stackAlignKey = _stackAlign.stackAlignKey
 local stackGap = _stackAlign.stackGap
 local stackIsRow = _stackAlign.stackIsRow
 local stackJustifyKey = _stackAlign.stackJustifyKey
-local stackNeedsMainFill = _stackAlign.stackNeedsMainFill
-local stackRootAutomaticSize = _stackAlign.stackRootAutomaticSize
 local stackUsesFlex = _stackAlign.stackUsesFlex
 local function horizontalAlign(key)
 	if key == "center" then
@@ -41,55 +39,28 @@ local function mainFlex(justify)
 	end
 	return Enum.UIFlexAlignment.None
 end
-local function lineAlign(align)
-	if align == "center" then
-		return Enum.ItemLineAlignment.Center
-	end
-	if align == "end" then
-		return Enum.ItemLineAlignment.End
-	end
-	if align == "stretch" then
-		return Enum.ItemLineAlignment.Stretch
-	end
-	return Enum.ItemLineAlignment.Start
-end
-local function automaticSize(key)
-	if key == "X" then
-		return Enum.AutomaticSize.X
-	end
-	if key == "Y" then
-		return Enum.AutomaticSize.Y
-	end
-	return Enum.AutomaticSize.XY
-end
 local useStackStyles = componentStyles("Stack", function(theme, _param)
 	local direction = _param.direction
 	local spacing = _param.spacing
-	local gap = _param.gap
-	local wrap = _param.wrap
 	local alignItems = _param.alignItems
 	local justifyContent = _param.justifyContent
 	local row = stackIsRow(direction)
 	local cross = stackAlignKey(alignItems)
 	local main = stackJustifyKey(justifyContent)
 	local flex = if stackUsesFlex(main) then mainFlex(main) else Enum.UIFlexAlignment.None
-	local fillMain = stackNeedsMainFill(wrap, main)
-	local auto = stackRootAutomaticSize(row, fillMain)
 	return createStyles({
 		root = {
-			AutomaticSize = automaticSize(auto),
-			Size = if fillMain then if row then UDim2.new(1, 0, 0, 0) else UDim2.new(0, 0, 1, 0) else UDim2.fromScale(0, 0),
+			AutomaticSize = Enum.AutomaticSize.XY,
+			Size = UDim2.fromScale(0, 0),
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 		},
 		list = {
 			FillDirection = if row then Enum.FillDirection.Horizontal else Enum.FillDirection.Vertical,
 			SortOrder = Enum.SortOrder.LayoutOrder,
-			Padding = UDim.new(0, theme.spacing.calc(stackGap(spacing, gap))),
-			Wraps = wrap == true,
-			ItemLineAlignment = lineAlign(cross),
-			HorizontalAlignment = if row then horizontalAlign(main) else horizontalAlign(if cross == "stretch" then "start" else cross),
-			VerticalAlignment = if row then verticalAlign(if cross == "stretch" then "start" else cross) else verticalAlign(main),
+			Padding = UDim.new(0, theme.spacing.calc(stackGap(spacing))),
+			HorizontalAlignment = if row then horizontalAlign(main) else horizontalAlign(cross),
+			VerticalAlignment = if row then verticalAlign(cross) else verticalAlign(main),
 			HorizontalFlex = if row then flex else Enum.UIFlexAlignment.None,
 			VerticalFlex = if row then Enum.UIFlexAlignment.None else flex,
 		},

package/out/ui/packages/layout/components/stackAlign.d.ts

@@ -1,10 +1,8 @@
 export type StackDirection = "row" | "column";
-export type StackAlign = "start" | "center" | "end" | "stretch";
+export type StackAlign = "start" | "center" | "end";
 export type StackJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
 export declare function stackIsRow(direction?: StackDirection): direction is "row";
-export declare function stackGap(spacing?: number, gap?: number): number;
+export declare function stackGap(spacing?: number): number;
 export declare function stackUsesFlex(justify?: StackJustify): justify is "space-between" | "space-around" | "space-evenly";
-export declare function stackNeedsMainFill(wrap?: boolean, justify?: StackJustify): boolean;
-export declare function stackRootAutomaticSize(row: boolean, fillMain: boolean): "XY" | "X" | "Y";
 export declare function stackAlignKey(align?: StackAlign): StackAlign;
 export declare function stackJustifyKey(justify?: StackJustify): StackJustify;

package/out/ui/packages/layout/components/stackAlign.luau

@@ -2,26 +2,14 @@
 local function stackIsRow(direction)
 	return direction == "row"
 end
-local function stackGap(spacing, gap)
-	if gap ~= nil then
-		return gap
-	end
+local function stackGap(spacing)
 	return if spacing == nil then 1 else spacing
 end
 local function stackUsesFlex(justify)
 	return justify == "space-between" or justify == "space-around" or justify == "space-evenly"
 end
-local function stackNeedsMainFill(wrap, justify)
-	return wrap == true or stackUsesFlex(justify)
-end
-local function stackRootAutomaticSize(row, fillMain)
-	if not fillMain then
-		return "XY"
-	end
-	return if row then "Y" else "X"
-end
 local function stackAlignKey(align)
-	if align == "center" or align == "end" or align == "stretch" then
+	if align == "center" or align == "end" then
 		return align
 	end
 	return "start"
@@ -36,8 +24,6 @@ return {
 	stackIsRow = stackIsRow,
 	stackGap = stackGap,
 	stackUsesFlex = stackUsesFlex,
-	stackNeedsMainFill = stackNeedsMainFill,
-	stackRootAutomaticSize = stackRootAutomaticSize,
 	stackAlignKey = stackAlignKey,
 	stackJustifyKey = stackJustifyKey,
 }

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

@@ -1,6 +1,5 @@
 export { default as Grid } from "./components/Grid";
 export { GridProps } from "./components/Grid";
-export { GridCorner } from "./components/gridProps";
 export * from "./components/Grid";
 export { default as List } from "./components/List";
 export { ListProps } from "./components/List";
@@ -8,13 +7,3 @@ export * from "./components/List";
 export { default as Stack } from "./components/Stack";
 export { StackProps } from "./components/Stack";
 export { StackAlign, StackDirection, StackJustify } from "./components/stackAlign";
-export { default as FlexItem } from "./components/FlexItem";
-export { FlexItemProps } from "./components/FlexItem";
-export { FlexItemAlign, FlexItemModeName } from "./components/flexItemMode";
-export { default as Box } from "./components/Box";
-export { BoxProps } from "./components/Box";
-export { BoxPad } from "./components/boxPad";
-export { BoxBg } from "./components/Box.styles";
-export { default as Container } from "./components/Container";
-export { ContainerProps } from "./components/Container";
-export { ContainerMaxWidth, containerMaxPx } from "./components/containerWidth";

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

@@ -10,8 +10,4 @@ for _k, _v in TS.import(script, script, "components", "List") or {} do
 	exports[_k] = _v
 end
 exports.Stack = TS.import(script, script, "components", "Stack").default
-exports.FlexItem = TS.import(script, script, "components", "FlexItem").default
-exports.Box = TS.import(script, script, "components", "Box").default
-exports.Container = TS.import(script, script, "components", "Container").default
-exports.containerMaxPx = TS.import(script, script, "components", "containerWidth").containerMaxPx
 return exports

package/out/ui/packages/link/components/Link.luau

@@ -4,7 +4,6 @@ local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
 local React = _react
 local useState = _react.useState
 local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useLinkStyles = TS.import(script, script.Parent, "Link.styles").default
 local function Link(props)
 	local _binding = props
@@ -31,22 +30,26 @@ local function Link(props)
 		showUnderline = showUnderline,
 	})
 	local active = canActivate(disabled)
-	local _attributes = {
-		tag = "textbutton",
-	}
+	local _attributes = {}
 	local _condition = id
 	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
 		_condition = "Link"
 	end
 	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-		hover = hover,
-	}
+	_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 = text
 	_attributes.Active = active
 	_attributes.Selectable = active
@@ -72,7 +75,7 @@ local function Link(props)
 	for _k, _v in styles.underline do
 		_attributes_1[_k] = _v
 	end
-	return React.createElement(SxHost, _attributes, React.createElement("frame", _attributes_1))
+	return React.createElement("textbutton", _attributes, React.createElement("frame", _attributes_1))
 end
 local default = Link
 return {

package/out/ui/packages/listItem/components/ListItem.d.ts

@@ -1,12 +1,9 @@
-import { CustomizedProps } from "../../../../theme/index";
 export interface ListItemProps {
     text: string;
     secondary?: string;
     selected?: boolean;
     disabled?: boolean;
-    dense?: boolean;
-    divider?: boolean;
     onActivated?: () => void;
 }
-declare function ListItem(props: CustomizedProps<TextButton, ListItemProps>): JSX.Element;
+declare function ListItem(props: ListItemProps): JSX.Element;
 export default ListItem;

package/out/ui/packages/listItem/components/ListItem.luau

@@ -1,7 +1,6 @@
 -- Compiled with roblox-ts v3.0.0
 local TS = _G[script]
 local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
-local SxHost = TS.import(script, script.Parent.Parent.Parent, "host").SxHost
 local useListItemStyles = TS.import(script, script.Parent, "ListItem.styles").default
 local function ListItem(props)
 	local _binding = props
@@ -15,44 +14,17 @@ local function ListItem(props)
 	if disabled == nil then
 		disabled = false
 	end
-	local dense = _binding.dense
-	if dense == nil then
-		dense = false
-	end
-	local divider = _binding.divider
-	if divider == nil then
-		divider = false
-	end
 	local onActivated = _binding.onActivated
-	local className = _binding.className
-	local sx = _binding.sx
-	local id = _binding.id
-	local ref = _binding.ref
 	local styles = useListItemStyles({
 		selected = selected,
 		disabled = disabled,
-		dense = dense,
 	})
 	local _attributes = {
-		tag = "textbutton",
+		key = "ListItem",
 	}
-	local _condition = id
-	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
-		_condition = "ListItem"
+	for _k, _v in styles.root do
+		_attributes[_k] = _v
 	end
-	_attributes.key = _condition
-	_attributes.hostRef = ref
-	_attributes.base = styles.root
-	_attributes.className = className
-	_attributes.sx = sx
-	_attributes.state = {
-		disabled = disabled,
-		selected = selected,
-	}
-	_attributes.Text = ""
-	_attributes.Active = not disabled
-	_attributes.Selectable = not disabled
-	_attributes.AutoButtonColor = false
 	_attributes.Event = {
 		Activated = function()
 			if not disabled and onActivated ~= nil then
@@ -87,19 +59,7 @@ local function ListItem(props)
 	else
 		_result = nil
 	end
-	local _result_1
-	if divider == true then
-		local _attributes_4 = {
-			key = "Divider",
-		}
-		for _k, _v in styles.divider do
-			_attributes_4[_k] = _v
-		end
-		_result_1 = React.createElement("frame", _attributes_4)
-	else
-		_result_1 = nil
-	end
-	return React.createElement(SxHost, _attributes, _exp, _exp_1, _exp_2, _result, _result_1)
+	return React.createElement("textbutton", _attributes, _exp, _exp_1, _exp_2, _result)
 end
 local default = ListItem
 return {

package/out/ui/packages/listItem/components/ListItem.styles.d.ts

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

package/out/ui/packages/listItem/components/ListItem.styles.luau

@@ -12,11 +12,6 @@ local useListItemStyles = componentStyles("ListItem", function(theme, _param)
 	if disabled == nil then
 		disabled = false
 	end
-	local dense = _param.dense
-	if dense == nil then
-		dense = false
-	end
-	local pad = theme.padding.calc(if dense == true then 0.5 else 1)
 	return createStyles({
 		root = {
 			Size = UDim2.new(1, 0, 0, 0),
@@ -30,10 +25,10 @@ local useListItemStyles = componentStyles("ListItem", function(theme, _param)
 			Selectable = not disabled,
 		},
 		padding = {
-			PaddingTop = UDim.new(0, pad),
-			PaddingBottom = UDim.new(0, pad),
-			PaddingLeft = UDim.new(0, pad),
-			PaddingRight = UDim.new(0, pad),
+			PaddingTop = UDim.new(0, theme.padding.calc(1)),
+			PaddingBottom = UDim.new(0, theme.padding.calc(1)),
+			PaddingLeft = UDim.new(0, theme.padding.calc(1)),
+			PaddingRight = UDim.new(0, theme.padding.calc(1)),
 		},
 		list = {
 			FillDirection = Enum.FillDirection.Vertical,
@@ -46,7 +41,7 @@ local useListItemStyles = componentStyles("ListItem", function(theme, _param)
 			BackgroundTransparency = 1,
 			BorderSizePixel = 0,
 			Font = theme.typography.fontFamilies.default,
-			TextSize = if dense == true then theme.typography.fontSizes.caption else theme.typography.fontSizes.body,
+			TextSize = theme.typography.fontSizes.body,
 			TextColor3 = if disabled then theme.palette.text.disabled else theme.palette.text.primary,
 			TextXAlignment = Enum.TextXAlignment.Left,
 		},
@@ -61,12 +56,6 @@ local useListItemStyles = componentStyles("ListItem", function(theme, _param)
 			TextColor3 = theme.palette.text.secondary,
 			TextXAlignment = Enum.TextXAlignment.Left,
 		},
-		divider = {
-			LayoutOrder = 3,
-			Size = UDim2.new(1, 0, 0, 1),
-			BackgroundColor3 = theme.palette.divider,
-			BorderSizePixel = 0,
-		},
 	})
 end)
 local default = useListItemStyles

package/out/ui/packages/loadingStroke/components/LoadingStroke.d.ts

@@ -1,12 +1,8 @@
 import { CustomizedProps } from "../../../../theme/index";
-import { LoadingStrokeStyle } from "./loadingStrokeSx";
 export interface LoadingStrokeProps {
     animating?: boolean;
     color?: Color3;
     thickness?: number;
 }
-declare function LoadingStroke(props: Omit<CustomizedProps<UIStroke, LoadingStrokeProps>, "sx" | "className"> & {
-    className?: LoadingStrokeStyle;
-    sx?: LoadingStrokeStyle;
-}): JSX.Element;
+declare function LoadingStroke(props: CustomizedProps<UIStroke, LoadingStrokeProps>): JSX.Element;
 export default LoadingStroke;

package/out/ui/packages/menu/components/Menu.d.ts

@@ -1,5 +1,4 @@
 import React from "@rbxts/react";
-import { CustomizedProps } from "../../../../theme/index";
 export interface MenuItem {
     id: string;
     text: string;
@@ -13,8 +12,6 @@ export interface MenuProps {
     onClose: () => void;
     emptyText?: string;
     empty?: React.Element;
-    dense?: boolean;
-    selected?: string;
 }
-declare function Menu(props: CustomizedProps<Frame, MenuProps>): JSX.Element | undefined;
+declare function Menu(props: MenuProps): JSX.Element | undefined;
 export default Menu;