@rbxts/uiblox 0.1.52 → 0.2.0-alpha.0

package/out/ui/packages/divider/components/Divider.styles.luau

@@ -2,9 +2,9 @@
 local TS = _G[script]
 local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
 local createStyles = _theme.createStyles
-local makeStyles = _theme.makeStyles
+local componentStyles = _theme.componentStyles
 local Orientations = TS.import(script, script.Parent.Parent.Parent.Parent, "enums").Orientations
-local useDividerStyles = makeStyles(function(theme, props)
+local useDividerStyles = componentStyles("Divider", function(theme, props)
 	local _binding = props
 	local position = _binding.position
 	local orientation = _binding.orientation
@@ -17,7 +17,7 @@ local useDividerStyles = makeStyles(function(theme, props)
 	end
 	local color = _binding.color
 	if color == nil then
-		color = theme.options.constants.colors.divider
+		color = theme.palette.divider
 	end
 	local transparency = _binding.transparency
 	if transparency == nil then
@@ -35,7 +35,7 @@ local useDividerStyles = makeStyles(function(theme, props)
 		root = {
 			Position = position or UDim2.new(0, 0, 0, 0),
 			Size = UDim2.new(if orientation == Orientations.Horizontal then 1 else 0, if orientation == Orientations.Horizontal then -padding * 2 else weight, if orientation == Orientations.Vertical then 1 else 0, if orientation == Orientations.Vertical then -padding * 2 else weight),
-			BackgroundColor3 = color or Color3.fromRGB(255, 255, 255),
+			BackgroundColor3 = color,
 			BackgroundTransparency = transparency,
 			AnchorPoint = anchorPoint,
 		},

package/out/ui/packages/drawer/components/Drawer.d.ts

@@ -0,0 +1,11 @@
+import React from "@rbxts/react";
+import { DrawerEdge } from "./drawerPlacement";
+export interface DrawerProps {
+    host?: Instance;
+    open: boolean;
+    edge?: DrawerEdge;
+    onClose: () => void;
+    children?: React.ReactNode;
+}
+declare function Drawer(props: DrawerProps): JSX.Element | undefined;
+export default Drawer;

package/out/ui/packages/drawer/components/Drawer.luau

@@ -0,0 +1,77 @@
+-- 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 useEffect = _react.useEffect
+local useRef = _react.useRef
+local UserInputService = TS.import(script, TS.getModule(script, "@rbxts", "services")).UserInputService
+local Portal = TS.import(script, script.Parent.Parent.Parent, "popup").Portal
+local isDismissInput = TS.import(script, script.Parent.Parent.Parent, "modal", "components", "dismissInput").isDismissInput
+local drawerAnchor = TS.import(script, script.Parent, "drawerPlacement").drawerAnchor
+local useDrawerStyles = TS.import(script, script.Parent, "Drawer.styles").default
+local function Drawer(props)
+	local _binding = props
+	local host = _binding.host
+	local open = _binding.open
+	local edge = _binding.edge
+	if edge == nil then
+		edge = "left"
+	end
+	local onClose = _binding.onClose
+	local children = _binding.children
+	local styles = useDrawerStyles()
+	local close = useRef(onClose)
+	close.current = onClose
+	useEffect(function()
+		if not open then
+			return nil
+		end
+		local connection = UserInputService.InputBegan:Connect(function(input)
+			if isDismissInput(input) then
+				close.current()
+			end
+		end)
+		return function()
+			return connection:Disconnect()
+		end
+	end, { open })
+	if not open then
+		return nil
+	end
+	local anchor = drawerAnchor(edge)
+	local _attributes = {
+		key = "Drawer",
+	}
+	for _k, _v in styles.root do
+		_attributes[_k] = _v
+	end
+	local _attributes_1 = {
+		key = "Backdrop",
+	}
+	for _k, _v in styles.backdrop do
+		_attributes_1[_k] = _v
+	end
+	_attributes_1.Event = {
+		Activated = function()
+			return close.current()
+		end,
+	}
+	local _exp = React.createElement("textbutton", _attributes_1)
+	local _attributes_2 = {
+		key = "Panel",
+	}
+	for _k, _v in styles.panel do
+		_attributes_2[_k] = _v
+	end
+	_attributes_2.AnchorPoint = Vector2.new(anchor, 0)
+	_attributes_2.Position = UDim2.fromScale(anchor, 0)
+	local _attributes_3 = table.clone(styles.padding)
+	setmetatable(_attributes_3, nil)
+	return React.createElement(Portal, {
+		host = host,
+	}, React.createElement("frame", _attributes, _exp, React.createElement("frame", _attributes_2, React.createElement("uipadding", _attributes_3), children)))
+end
+local default = Drawer
+return {
+	default = default,
+}

package/out/ui/packages/drawer/components/Drawer.styles.d.ts

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

package/out/ui/packages/drawer/components/Drawer.styles.luau

@@ -0,0 +1,40 @@
+-- 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 useDrawerStyles = componentStyles("Drawer", function(theme)
+	return createStyles({
+		root = {
+			Size = UDim2.fromScale(1, 1),
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+			ZIndex = 30000,
+		},
+		backdrop = {
+			Size = UDim2.fromScale(1, 1),
+			BackgroundColor3 = theme.palette.backdrop,
+			BackgroundTransparency = 0.45,
+			BorderSizePixel = 0,
+			Text = "",
+			AutoButtonColor = false,
+			ZIndex = 30000,
+		},
+		panel = {
+			Size = UDim2.new(0, theme.spacing.calc(20), 1, 0),
+			BackgroundColor3 = theme.palette.surface.elevated,
+			BorderSizePixel = 0,
+			ZIndex = 30001,
+		},
+		padding = {
+			PaddingTop = UDim.new(0, theme.padding.calc(2)),
+			PaddingBottom = UDim.new(0, theme.padding.calc(2)),
+			PaddingLeft = UDim.new(0, theme.padding.calc(2)),
+			PaddingRight = UDim.new(0, theme.padding.calc(2)),
+		},
+	})
+end)
+local default = useDrawerStyles
+return {
+	default = default,
+}

package/out/ui/packages/drawer/components/drawerPlacement.d.ts

@@ -0,0 +1,2 @@
+export type DrawerEdge = "left" | "right";
+export declare function drawerAnchor(edge: DrawerEdge): 1 | 0;

package/out/ui/packages/drawer/components/drawerPlacement.luau

@@ -0,0 +1,7 @@
+-- Compiled with roblox-ts v3.0.0
+local function drawerAnchor(edge)
+	return if edge == "left" then 0 else 1
+end
+return {
+	drawerAnchor = drawerAnchor,
+}

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

@@ -0,0 +1,3 @@
+export { default as Drawer } from "./components/Drawer";
+export { DrawerProps } from "./components/Drawer";
+export { DrawerEdge } from "./components/drawerPlacement";

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

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

package/out/ui/packages/enumPicker/components/EnumPicker.d.ts

@@ -0,0 +1,11 @@
+import { CustomizedProps } from "../../../../theme/index";
+export interface EnumPickerProps {
+    value: EnumItem;
+    items: EnumItem[];
+    onChange: (value: EnumItem) => void;
+    disabled?: boolean;
+    searchable?: boolean;
+    placeholder?: string;
+}
+declare function EnumPicker(props: CustomizedProps<Frame, EnumPickerProps>): JSX.Element;
+export default EnumPicker;

package/out/ui/packages/enumPicker/components/EnumPicker.luau

@@ -0,0 +1,42 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
+local Select = TS.import(script, script.Parent.Parent.Parent, "select").Select
+local enumOptions = TS.import(script, script.Parent, "enumOptions").enumOptions
+local function EnumPicker(props)
+	local _binding = props
+	local value = _binding.value
+	local items = _binding.items
+	local onChange = _binding.onChange
+	local disabled = _binding.disabled
+	local searchable = _binding.searchable
+	if searchable == nil then
+		searchable = true
+	end
+	local placeholder = _binding.placeholder
+	local className = _binding.className
+	local sx = _binding.sx
+	local id = _binding.id
+	local ref = _binding.ref
+	local _attributes = {
+		value = value,
+		options = enumOptions(items),
+		onChange = onChange,
+		disabled = disabled,
+		searchable = searchable,
+		placeholder = placeholder,
+		className = className,
+		sx = sx,
+	}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "EnumPicker"
+	end
+	_attributes.id = _condition
+	_attributes.ref = ref
+	return React.createElement(Select, _attributes)
+end
+local default = EnumPicker
+return {
+	default = default,
+}

package/out/ui/packages/enumPicker/components/enumOptions.d.ts

@@ -0,0 +1,5 @@
+export declare function enumOptions(items: EnumItem[]): {
+    label: string;
+    value: EnumItem;
+}[];
+export declare function enumItemByName(items: EnumItem[], name: string): EnumItem | undefined;

package/out/ui/packages/enumPicker/components/enumOptions.luau

@@ -0,0 +1,28 @@
+-- Compiled with roblox-ts v3.0.0
+local function enumOptions(items)
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#items)
+	local _callback = function(item)
+		return {
+			label = item.Name,
+			value = item,
+		}
+	end
+	for _k, _v in items do
+		_newValue[_k] = _callback(_v, _k - 1, items)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	return _newValue
+end
+local function enumItemByName(items, name)
+	for _, item in items do
+		if item.Name == name then
+			return item
+		end
+	end
+	return nil
+end
+return {
+	enumOptions = enumOptions,
+	enumItemByName = enumItemByName,
+}

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

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

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

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

package/out/ui/packages/fontEditor/components/FontEditor.d.ts

@@ -0,0 +1,8 @@
+import { CustomizedProps } from "../../../../theme/index";
+export interface FontEditorProps {
+    value: Font;
+    onChange: (value: Font) => void;
+    disabled?: boolean;
+}
+declare function FontEditor(props: CustomizedProps<Frame, FontEditorProps>): JSX.Element;
+export default FontEditor;

package/out/ui/packages/fontEditor/components/FontEditor.luau

@@ -0,0 +1,223 @@
+-- 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 canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
+local Input = TS.import(script, script.Parent.Parent.Parent, "input").Input
+local Select = TS.import(script, script.Parent.Parent.Parent, "select").Select
+local useFontEditorStyles = TS.import(script, script.Parent, "FontEditor.styles").default
+local _fontValue = TS.import(script, script.Parent, "fontValue")
+local enumFamilies = _fontValue.enumFamilies
+local familyLabel = _fontValue.familyLabel
+local writeFont = _fontValue.writeFont
+local function enumOptions(items)
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#items)
+	local _callback = function(item)
+		return {
+			label = item.Name,
+			value = item.Name,
+		}
+	end
+	for _k, _v in items do
+		_newValue[_k] = _callback(_v, _k - 1, items)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	return _newValue
+end
+local cachedFamilies
+local function builtInFamilies()
+	if cachedFamilies ~= nil then
+		return cachedFamilies
+	end
+	local fonts = {}
+	for _, item in Enum.Font:GetEnumItems() do
+		local _arg0 = Font.fromEnum(item)
+		table.insert(fonts, _arg0)
+	end
+	cachedFamilies = enumFamilies(fonts)
+	return cachedFamilies
+end
+local function FontEditor(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 = useFontEditorStyles()
+	local active = canActivate(disabled)
+	local families = builtInFamilies()
+	-- ▼ ReadonlyArray.find ▼
+	local _callback = function(item)
+		return item.family == value.Family
+	end
+	local _result
+	for _i, _v in families do
+		if _callback(_v, _i - 1, families) == true then
+			_result = _v
+			break
+		end
+	end
+	-- ▲ ReadonlyArray.find ▲
+	if _result == nil then
+		local _arg1 = {
+			label = familyLabel(value.Family),
+			family = value.Family,
+		}
+		table.insert(families, 1, _arg1)
+	end
+	local custom, setCustom = useState(value.Family)
+	local weights = enumOptions(Enum.FontWeight:GetEnumItems())
+	local stylesList = enumOptions(Enum.FontStyle:GetEnumItems())
+	local _attributes = {}
+	local _condition = id
+	if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
+		_condition = "FontEditor"
+	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.column)
+	setmetatable(_attributes_1, nil)
+	local _exp = React.createElement("uilistlayout", _attributes_1)
+	local _attributes_2 = {
+		key = "Family",
+	}
+	for _k, _v in styles.row do
+		_attributes_2[_k] = _v
+	end
+	_attributes_2.LayoutOrder = 1
+	local _attributes_3 = {
+		value = value.Family,
+	}
+	-- ▼ ReadonlyArray.map ▼
+	local _newValue = table.create(#families)
+	local _callback_1 = function(item)
+		return {
+			label = item.label,
+			value = item.family,
+		}
+	end
+	for _k, _v in families do
+		_newValue[_k] = _callback_1(_v, _k - 1, families)
+	end
+	-- ▲ ReadonlyArray.map ▲
+	_attributes_3.options = _newValue
+	_attributes_3.disabled = disabled
+	_attributes_3.className = styles.fill
+	_attributes_3.onChange = function(family)
+		setCustom(family)
+		onChange(writeFont(family, value.Weight, value.Style))
+	end
+	local _exp_1 = React.createElement("frame", _attributes_2, React.createElement(Select, _attributes_3))
+	local _attributes_4 = {
+		key = "Custom",
+	}
+	for _k, _v in styles.row do
+		_attributes_4[_k] = _v
+	end
+	_attributes_4.LayoutOrder = 2
+	local _exp_2 = React.createElement("frame", _attributes_4, React.createElement(Input, {
+		text = custom,
+		placeholder = "rbxasset://fonts/families/…",
+		disabled = disabled,
+		width = UDim.new(1, 0),
+		onInput = function(text)
+			return setCustom(text)
+		end,
+		onTextChanged = function(text)
+			if #text == 0 then
+				return nil
+			end
+			setCustom(text)
+			onChange(writeFont(text, value.Weight, value.Style))
+		end,
+	}))
+	local _attributes_5 = {
+		key = "Face",
+	}
+	for _k, _v in styles.row do
+		_attributes_5[_k] = _v
+	end
+	_attributes_5.LayoutOrder = 3
+	local _exp_3 = React.createElement("uilistlayout", {
+		FillDirection = Enum.FillDirection.Horizontal,
+		Padding = UDim.new(0, 4),
+		SortOrder = Enum.SortOrder.LayoutOrder,
+	})
+	local _attributes_6 = {
+		key = "Weight",
+	}
+	for _k, _v in styles.pair do
+		_attributes_6[_k] = _v
+	end
+	_attributes_6.LayoutOrder = 1
+	local _exp_4 = React.createElement("frame", _attributes_6, React.createElement(Select, {
+		value = value.Weight.Name,
+		options = weights,
+		disabled = not active,
+		className = styles.fill,
+		onChange = function(name)
+			local weight = (Enum.FontWeight)[name]
+			if weight ~= nil then
+				onChange(writeFont(value.Family, weight, value.Style))
+			end
+		end,
+	}))
+	local _attributes_7 = {
+		key = "Style",
+	}
+	for _k, _v in styles.pair do
+		_attributes_7[_k] = _v
+	end
+	_attributes_7.LayoutOrder = 2
+	local _exp_5 = React.createElement("frame", _attributes_5, _exp_3, _exp_4, React.createElement("frame", _attributes_7, React.createElement(Select, {
+		value = value.Style.Name,
+		options = stylesList,
+		disabled = not active,
+		className = styles.fill,
+		onChange = function(name)
+			local face = (Enum.FontStyle)[name]
+			if face ~= nil then
+				onChange(writeFont(value.Family, value.Weight, face))
+			end
+		end,
+	})))
+	local _attributes_8 = {
+		key = "Preview",
+	}
+	for _k, _v in styles.preview do
+		_attributes_8[_k] = _v
+	end
+	_attributes_8.LayoutOrder = 4
+	_attributes_8.FontFace = value
+	local _attributes_9 = table.clone(styles.padding)
+	setmetatable(_attributes_9, nil)
+	local _exp_6 = React.createElement("uipadding", _attributes_9)
+	local _attributes_10 = table.clone(styles.corner)
+	setmetatable(_attributes_10, nil)
+	local _exp_7 = React.createElement("uicorner", _attributes_10)
+	local _attributes_11 = table.clone(styles.stroke)
+	setmetatable(_attributes_11, nil)
+	return React.createElement("frame", _attributes, _exp, _exp_1, _exp_2, _exp_5, React.createElement("textlabel", _attributes_8, _exp_6, _exp_7, React.createElement("uistroke", _attributes_11)))
+end
+local default = FontEditor
+return {
+	default = default,
+}

package/out/ui/packages/fontEditor/components/FontEditor.styles.d.ts

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

package/out/ui/packages/fontEditor/components/FontEditor.styles.luau

@@ -0,0 +1,56 @@
+-- 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 useFontEditorStyles = componentStyles("FontEditor", function(theme)
+	return createStyles({
+		root = {
+			Size = UDim2.new(1, 0, 0, 0),
+			AutomaticSize = Enum.AutomaticSize.Y,
+			BackgroundTransparency = 1,
+			BorderSizePixel = 0,
+		},
+		column = {
+			FillDirection = Enum.FillDirection.Vertical,
+			Padding = UDim.new(0, theme.padding.calc(1)),
+			SortOrder = Enum.SortOrder.LayoutOrder,
+		},
+		row = {
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
+			BackgroundTransparency = 1,
+		},
+		pair = {
+			Size = UDim2.new(0.5, -theme.padding.calc(0.5), 0, theme.spacing.calc(2)),
+			BackgroundTransparency = 1,
+		},
+		fill = {
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(2)),
+		},
+		preview = {
+			Size = UDim2.new(1, 0, 0, theme.spacing.calc(3)),
+			BackgroundColor3 = theme.palette.surface.input,
+			BorderSizePixel = 0,
+			Text = "The quick brown fox",
+			TextColor3 = theme.palette.text.primary,
+			TextSize = theme.typography.fontSizes.body,
+			TextXAlignment = Enum.TextXAlignment.Left,
+			TextTruncate = Enum.TextTruncate.AtEnd,
+		},
+		padding = {
+			PaddingLeft = UDim.new(0, theme.padding.default),
+			PaddingRight = UDim.new(0, theme.padding.default),
+		},
+		corner = {
+			CornerRadius = UDim.new(0, theme.shape.borderRadius),
+		},
+		stroke = {
+			Color = theme.palette.border,
+			ApplyStrokeMode = Enum.ApplyStrokeMode.Border,
+		},
+	})
+end)
+local default = useFontEditorStyles
+return {
+	default = default,
+}

package/out/ui/packages/fontEditor/components/fontValue.d.ts

@@ -0,0 +1,10 @@
+export interface FontFamily {
+    label: string;
+    family: string;
+}
+export declare function familyLabel(family: string): string;
+export declare function uniqueFamilies(families: string[]): FontFamily[];
+export declare function enumFamilies(items: {
+    Family: string;
+}[]): FontFamily[];
+export declare function writeFont(family: string, weight: Enum.FontWeight, style: Enum.FontStyle): Font;

package/out/ui/packages/fontEditor/components/fontValue.luau

@@ -0,0 +1,81 @@
+-- Compiled with roblox-ts v3.0.0
+local function familyLabel(family)
+	local start = 1
+	for index = 1, #family do
+		local _family = family
+		local _index = index
+		local _index_1 = index
+		if string.sub(_family, _index, _index_1) == "/" then
+			start = index + 1
+		end
+	end
+	local _family = family
+	local _start = start
+	local name = string.sub(_family, _start)
+	local _condition = #name >= 5
+	if _condition then
+		local _name = name
+		local _arg0 = #name - 4
+		_condition = string.sub(_name, _arg0) == ".json"
+	end
+	if _condition then
+		local _name = name
+		local _arg1 = #name - 5
+		name = string.sub(_name, 1, _arg1)
+	end
+	return if #name > 0 then name else family
+end
+local function uniqueFamilies(families)
+	local listed = {}
+	for _, family in families do
+		if #family == 0 then
+			continue
+		end
+		-- ▼ ReadonlyArray.find ▼
+		local _callback = function(item)
+			return item.family == family
+		end
+		local _result
+		for _i, _v in listed do
+			if _callback(_v, _i - 1, listed) == true then
+				_result = _v
+				break
+			end
+		end
+		-- ▲ ReadonlyArray.find ▲
+		if _result ~= nil then
+			continue
+		end
+		local item = {
+			label = familyLabel(family),
+			family = family,
+		}
+		local at = #listed
+		for index = 0, #listed - 1 do
+			if string.lower(item.label) < string.lower(listed[index + 1].label) then
+				at = index
+				break
+			end
+		end
+		local _at = at
+		table.insert(listed, _at + 1, item)
+	end
+	return listed
+end
+local function enumFamilies(items)
+	local families = {}
+	for _, item in items do
+		local _family = item.Family
+		table.insert(families, _family)
+	end
+	return uniqueFamilies(families)
+end
+local function writeFont(family, weight, style)
+	return Font.new(family, weight, style)
+end
+return {
+	familyLabel = familyLabel,
+	uniqueFamilies = uniqueFamilies,
+	enumFamilies = enumFamilies,
+	writeFont = writeFont,
+}

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

@@ -0,0 +1,4 @@
+export { default as FontEditor } from "./components/FontEditor";
+export { FontEditorProps } from "./components/FontEditor";
+export { enumFamilies, familyLabel, uniqueFamilies, writeFont } from "./components/fontValue";
+export { FontFamily } from "./components/fontValue";