@rbxts/react-clean-ui 1.0.5

package/out/Helpers/init.luau

@@ -0,0 +1,28 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "breakpoint.helper") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "color.helper") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "create-ui-story") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "css.helper") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "gui.helper") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "size.helper") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "spacing.helper") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "typography.helper") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/Helpers/size.helper.d.ts

@@ -0,0 +1,14 @@
+import { Binding } from "@rbxts/react";
+import { CssSize, Breakpoint, ResponsiveValue, SizeElementProps, PositionElementProps } from "../Interfaces/clean.element.props";
+export declare class SizeHelper {
+    static GetSize(props: SizeElementProps, defaultSize?: UDim2): UDim2 | Binding<UDim2>;
+    static GetPosition(props: PositionElementProps): UDim2 | Binding<UDim2>;
+    static GetAnchor(props: PositionElementProps): Vector2 | Binding<Vector2>;
+    static GetAutoSize(props: SizeElementProps, defaultValue?: Enum.AutomaticSize): Enum.AutomaticSize | "None" | "X" | "Y" | "XY" | Binding<Enum.AutomaticSize>;
+    static toUDim(size?: CssSize): UDim;
+    private static parseNumber;
+    private static fromFarEdge;
+    private static isBreakpointSize;
+    private static isBreakpointValue;
+    static resolveResponsiveValue<T>(value: ResponsiveValue<T> | undefined, breakpoint: Breakpoint): T | undefined;
+}

package/out/Helpers/size.helper.luau

@@ -0,0 +1,162 @@
+-- Compiled with roblox-ts v3.0.0
+local breakpointOrder = { "xs", "sm", "md", "lg", "xl" }
+local SizeHelper
+do
+	SizeHelper = setmetatable({}, {
+		__tostring = function()
+			return "SizeHelper"
+		end,
+	})
+	SizeHelper.__index = SizeHelper
+	function SizeHelper.new(...)
+		local self = setmetatable({}, SizeHelper)
+		return self:constructor(...) or self
+	end
+	function SizeHelper:constructor()
+	end
+	function SizeHelper:GetSize(props, defaultSize)
+		if props.Size then
+			return props.Size
+		end
+		if props.width == nil and props.height == nil and defaultSize ~= nil then
+			return defaultSize
+		end
+		local width
+		if props.width ~= nil then
+			if props.width == "Auto" then
+				width = 0
+			elseif self:isBreakpointSize(props.width) then
+				width = self:resolveResponsiveValue(props.width, "sm")
+			else
+				width = props.width
+			end
+		end
+		return UDim2.new(self:toUDim(width), self:toUDim(props.height))
+	end
+	function SizeHelper:GetPosition(props)
+		if props.Position ~= nil then
+			return props.Position
+		end
+		if props.center ~= nil then
+			local _center = props.center
+			local c = if type(_center) == "boolean" then (if props.center then "50%" else nil) else props.center
+			local center = self:toUDim(c)
+			return UDim2.new(center, center)
+		end
+		local x = if props.left ~= nil then self:toUDim(props.left) elseif props.right ~= nil then self:fromFarEdge(props.right) else UDim.new(0, 0)
+		local y = if props.top ~= nil then self:toUDim(props.top) elseif props.bottom ~= nil then self:fromFarEdge(props.bottom) else UDim.new(0, 0)
+		return UDim2.new(x, y)
+	end
+	function SizeHelper:GetAnchor(props)
+		if props.AnchorPoint ~= nil then
+			return props.AnchorPoint
+		end
+		if props.center ~= nil then
+			return Vector2.new(0.5, 0.5)
+		end
+		local x = if props.left == nil and props.right ~= nil then 1 else 0
+		local y = if props.top == nil and props.bottom ~= nil then 1 else 0
+		return Vector2.new(x, y)
+	end
+	function SizeHelper:GetAutoSize(props, defaultValue)
+		if props.AutomaticSize ~= nil then
+			return props.AutomaticSize
+		end
+		if props.width == "Auto" then
+			return Enum.AutomaticSize.X
+		end
+		local _condition = props.Size
+		if not _condition then
+			local _condition_1 = props.width
+			if _condition_1 ~= 0 and _condition_1 == _condition_1 and _condition_1 ~= "" and _condition_1 then
+				_condition_1 = props.height
+			end
+			_condition = _condition_1
+		end
+		if _condition ~= 0 and _condition == _condition and _condition ~= "" and _condition then
+			return Enum.AutomaticSize.None
+		end
+		if props.width == nil and props.height == nil and defaultValue == nil then
+			return Enum.AutomaticSize.XY
+		end
+		local _value = props.width
+		if not (_value ~= 0 and _value == _value and _value ~= "" and _value) then
+			return Enum.AutomaticSize.X
+		end
+		return if defaultValue ~= nil then defaultValue else Enum.AutomaticSize.Y
+	end
+	function SizeHelper:toUDim(size)
+		if size == nil then
+			return UDim.new(0, 0)
+		end
+		local _size = size
+		if type(_size) == "number" then
+			return UDim.new(0, size)
+		end
+		local text = (string.gsub(string.lower(size), "%s+", ""))
+		if string.sub(text, -1) == "%" then
+			local value = self:parseNumber(string.sub(text, 1, -2), size)
+			return UDim.new(value / 100, 0)
+		end
+		if string.sub(text, -2) == "px" then
+			local value = self:parseNumber(string.sub(text, 1, -3), size)
+			return UDim.new(0, value)
+		end
+		local value = self:parseNumber(text, size)
+		return UDim.new(0, value)
+	end
+	function SizeHelper:parseNumber(text, originalValue)
+		local value = tonumber(text)
+		local _arg0 = value ~= nil
+		local _arg1 = `Invalid size value "{originalValue}". Expected a number, "25px", or "25%".`
+		assert(_arg0, _arg1)
+		return value
+	end
+	function SizeHelper:fromFarEdge(size)
+		local value = self:toUDim(size)
+		return UDim.new(1 - value.Scale, -value.Offset)
+	end
+	function SizeHelper:isBreakpointSize(value)
+		local _value = value
+		return type(_value) == "table"
+	end
+	function SizeHelper:isBreakpointValue(value)
+		local _value = value
+		if not (type(_value) == "table") then
+			return false
+		end
+		return value.xs ~= nil or value.sm ~= nil or value.md ~= nil or value.lg ~= nil or value.xl ~= nil
+	end
+	function SizeHelper:resolveResponsiveValue(value, breakpoint)
+		if value == nil then
+			return nil
+		end
+		if not self:isBreakpointValue(value) then
+			return value
+		end
+		local _breakpoint = breakpoint
+		local breakpointIndex = (table.find(breakpointOrder, _breakpoint) or 0) - 1
+		do
+			local index = breakpointIndex
+			local _shouldIncrement = false
+			while true do
+				if _shouldIncrement then
+					index -= 1
+				else
+					_shouldIncrement = true
+				end
+				if not (index >= 0) then
+					break
+				end
+				local candidate = value[breakpointOrder[index + 1]]
+				if candidate ~= nil then
+					return candidate
+				end
+			end
+		end
+		return nil
+	end
+end
+return {
+	SizeHelper = SizeHelper,
+}

package/out/Helpers/spacing.helper.d.ts

@@ -0,0 +1,7 @@
+import { PaddingProps, ResolvedPadding, ScaleSize, ScaleSizeValue } from "../Interfaces";
+import { CleanTheme } from "../Theme";
+export declare class SpacingHelper {
+    static GetResolvedPadding(theme: CleanTheme, props: PaddingProps, component?: ScaleSizeValue<number>): ResolvedPadding;
+    static GetPadding(theme: CleanTheme, spacing?: ScaleSize | "None", component?: ScaleSizeValue<number>): number;
+    static ResolveNumberPadding(value: number): ResolvedPadding;
+}

package/out/Helpers/spacing.helper.luau

@@ -0,0 +1,57 @@
+-- Compiled with roblox-ts v3.0.0
+local SpacingHelper
+do
+	SpacingHelper = setmetatable({}, {
+		__tostring = function()
+			return "SpacingHelper"
+		end,
+	})
+	SpacingHelper.__index = SpacingHelper
+	function SpacingHelper.new(...)
+		local self = setmetatable({}, SpacingHelper)
+		return self:constructor(...) or self
+	end
+	function SpacingHelper:constructor()
+	end
+	function SpacingHelper:GetResolvedPadding(theme, props, component)
+		local amount = self:GetPadding(theme, props.spacing, component)
+		return {
+			top = if props.top then self:GetPadding(theme, props.top) else amount,
+			bottom = if props.bottom then self:GetPadding(theme, props.bottom) else amount,
+			left = if props.left then self:GetPadding(theme, props.left) else amount,
+			right = if props.right then self:GetPadding(theme, props.right) else amount,
+		}
+	end
+	function SpacingHelper:GetPadding(theme, spacing, component)
+		if spacing == "None" then
+			return 0
+		end
+		local resolveSpacing = if spacing ~= nil then spacing else theme.default.spacing
+		local _result
+		if component ~= nil then
+			local _condition = component[resolveSpacing]
+			if _condition == nil then
+				_condition = 0
+			end
+			_result = _condition
+		else
+			local _condition = theme.spacing[resolveSpacing]
+			if _condition == nil then
+				_condition = 0
+			end
+			_result = _condition
+		end
+		return _result
+	end
+	function SpacingHelper:ResolveNumberPadding(value)
+		return {
+			top = value,
+			bottom = value,
+			left = value,
+			right = value,
+		}
+	end
+end
+return {
+	SpacingHelper = SpacingHelper,
+}

package/out/Helpers/typography.helper.d.ts

@@ -0,0 +1,7 @@
+import { ScaleSize } from "../Interfaces";
+import { TypographyStyle, ScaledTypographyStyle, CleanTheme } from "../Theme";
+export declare class TypographyHelper {
+    static getTypography(theme: CleanTheme, scale?: ScaleSize, component?: Partial<TypographyStyle> | ScaledTypographyStyle): TypographyStyle;
+    private static getClosestTypography;
+    private static isScaledTypographyStyle;
+}

package/out/Helpers/typography.helper.luau

@@ -0,0 +1,91 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local ScaleSizes = TS.import(script, script.Parent.Parent, "Interfaces").ScaleSizes
+local TypographyHelper
+do
+	TypographyHelper = setmetatable({}, {
+		__tostring = function()
+			return "TypographyHelper"
+		end,
+	})
+	TypographyHelper.__index = TypographyHelper
+	function TypographyHelper.new(...)
+		local self = setmetatable({}, TypographyHelper)
+		return self:constructor(...) or self
+	end
+	function TypographyHelper:constructor()
+	end
+	function TypographyHelper:getTypography(theme, scale, component)
+		local resolvedScale = scale or theme.default.scale
+		local _object = table.clone(theme.typography[theme.typeScaleMap[resolvedScale]])
+		setmetatable(_object, nil)
+		local typography = _object
+		if component == nil then
+			return typography
+		end
+		local componentTypography = if self:isScaledTypographyStyle(component) then self:getClosestTypography(component, resolvedScale) else component
+		if componentTypography ~= nil then
+			local _object_1 = table.clone(typography)
+			setmetatable(_object_1, nil)
+			for _k, _v in componentTypography do
+				_object_1[_k] = _v
+			end
+			typography = _object_1
+		end
+		return typography
+	end
+	function TypographyHelper:getClosestTypography(typography, scale)
+		local _scale = scale
+		local scaleIndex = (table.find(ScaleSizes, _scale) or 0) - 1
+		-- Prefer the exact scale, then progressively smaller scales.
+		do
+			local index = scaleIndex
+			local _shouldIncrement = false
+			while true do
+				if _shouldIncrement then
+					index -= 1
+				else
+					_shouldIncrement = true
+				end
+				if not (index >= 0) then
+					break
+				end
+				local value = typography[ScaleSizes[index + 1]]
+				if value ~= nil then
+					return value
+				end
+			end
+		end
+		-- If no smaller scale exists, use the nearest larger scale.
+		do
+			local index = scaleIndex + 1
+			local _shouldIncrement = false
+			while true do
+				if _shouldIncrement then
+					index += 1
+				else
+					_shouldIncrement = true
+				end
+				if not (index < #ScaleSizes) then
+					break
+				end
+				local value = typography[ScaleSizes[index + 1]]
+				if value ~= nil then
+					return value
+				end
+			end
+		end
+		return nil
+	end
+	function TypographyHelper:isScaledTypographyStyle(value)
+		for _, key in ScaleSizes do
+			if value[key] ~= nil then
+				return true
+			end
+		end
+		return false
+	end
+end
+return {
+	TypographyHelper = TypographyHelper,
+}

package/out/Interfaces/clean.element.props.d.ts

@@ -0,0 +1,109 @@
+import { Binding } from "@rbxts/react";
+import { IconName } from "./icon";
+export type ButtonFlag = "default" | "hover" | "focus";
+export type CssUnit = "px" | "%";
+export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+export declare const ScaleSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export type ScaleSize = typeof ScaleSizes[number];
+export type TextVariant = "display" | "title" | "heading" | "body" | "label" | "caption";
+export type Intent = "primary" | "success" | "warning" | "danger" | "info";
+export type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export interface ResponsiveGridSpan {
+    xs?: GridSpan;
+    sm?: GridSpan;
+    md?: GridSpan;
+    lg?: GridSpan;
+    xl?: GridSpan;
+}
+export type ResponsiveValue<T> = T | Partial<Record<Breakpoint, T>>;
+export interface BreakpointValue<T> {
+    xs?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+}
+export interface ScaleSizeValue<T> {
+    xs?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+}
+export type CssSize = "Auto" | number | `${number}` | `${number}${CssUnit}`;
+export type CssBreakpoint = {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export type CssBreakpointSize = {
+    xs?: CssSize;
+    sm?: CssSize;
+    md?: CssSize;
+    lg?: CssSize;
+    xl?: CssSize;
+};
+export type CssQuad = CssSize | `${CssSize} ${CssSize}` | `${CssSize} ${CssSize} ${CssSize}` | `${CssSize} ${CssSize} ${CssSize} ${CssSize}`;
+export type CssShadow = CssQuad;
+export type CssPadding = CssQuad;
+export type ResponsiveCssSize = CssSize | CssBreakpointSize;
+export interface ZIndexElementProps {
+    ZIndex?: number | Binding<number> | undefined;
+}
+export interface BackgroundElementProps {
+    BackgroundTransparency?: number | Binding<number> | undefined;
+    BackgroundColor3?: Color3 | Binding<Color3> | undefined;
+}
+export interface SizeElementProps {
+    Size?: UDim2 | Binding<UDim2>;
+    width?: ResponsiveCssSize;
+    height?: CssSize;
+    AutomaticSize?: Enum.AutomaticSize | Binding<Enum.AutomaticSize> | "None" | "X" | "Y" | "XY" | undefined;
+}
+export interface ScalableElementProps {
+    scale?: ScaleSize;
+}
+export interface PositionElementProps {
+    Position?: UDim2 | Binding<UDim2>;
+    AnchorPoint?: Vector2 | Binding<Vector2> | undefined;
+    center?: CssSize | boolean;
+    top?: CssSize;
+    left?: CssSize;
+    right?: CssSize;
+    bottom?: CssSize;
+}
+export interface IntentElementProps {
+    intent?: Intent;
+}
+export interface CleanElementProps extends SizeElementProps, PositionElementProps {
+}
+export interface SpacedElementProps {
+    spacing?: ScaleSize | "None";
+}
+export interface BreakPointElementProps {
+    breakpoints?: BreakpointValue<number>;
+}
+export interface ShadowElementProps {
+    "box-shadow"?: CssShadow;
+    "box-shadow-color"?: Color3;
+    "box-shadow-transparency"?: number;
+}
+export interface IconElementProps {
+    icon?: IconName;
+}
+export interface PaddingProps extends SpacedElementProps {
+    right?: ScaleSize | "None";
+    left?: ScaleSize | "None";
+    top?: ScaleSize | "None";
+    bottom?: ScaleSize | "None";
+    padding?: CssPadding;
+    resolvedPadding?: ResolvedPadding;
+}
+export interface ResolvedPadding {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}

package/out/Interfaces/clean.element.props.luau

@@ -0,0 +1,5 @@
+-- Compiled with roblox-ts v3.0.0
+local ScaleSizes = { "xs", "sm", "md", "lg", "xl" }
+return {
+	ScaleSizes = ScaleSizes,
+}

package/out/Interfaces/icon.d.ts

@@ -0,0 +1,2 @@
+export type IconName = "500px" | "address-book-o" | "address-book" | "address-card-o" | "address-card" | "adjust" | "adn" | "align-center" | "align-justify" | "align-left" | "align-right" | "amazon" | "ambulance" | "american-sign-language-interpreting" | "anchor" | "android" | "angellist" | "angle-double-down" | "angle-double-left" | "angle-double-right" | "angle-double-up" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "apple" | "archive" | "area-chart" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-o-down" | "arrow-circle-o-left" | "arrow-circle-o-right" | "arrow-circle-o-up" | "arrow-circle-right" | "arrow-circle-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-alt" | "arrows-h" | "arrows-v" | "arrows" | "asl-interpreting" | "assistive-listening-systems" | "asterisk" | "at" | "audio-description" | "automobile" | "backward" | "balance-scale" | "ban" | "bandcamp" | "bank" | "bar-chart-o" | "bar-chart" | "barcode" | "bars" | "bath" | "bathtub" | "battery-0" | "battery-1" | "battery-2" | "battery-3" | "battery-4" | "battery-empty" | "battery-full" | "battery-half" | "battery-quarter" | "battery-three-quarters" | "battery" | "bed" | "beer" | "bell-o" | "bell-slash-o" | "bell-slash" | "bell" | "bicycle" | "binoculars" | "birthday-cake" | "bitbucket-square" | "bitbucket" | "bitcoin" | "black-tie" | "blind" | "bluetooth-b" | "bluetooth" | "bold" | "bolt" | "bomb" | "book" | "bookmark-o" | "bookmark" | "braille" | "briefcase" | "btc" | "bug" | "building-o" | "building" | "bullhorn" | "bullseye" | "bus" | "buysellads" | "cab" | "calculator" | "calendar-check-o" | "calendar-minus-o" | "calendar-o" | "calendar-plus-o" | "calendar-times-o" | "calendar" | "camera-retro" | "camera" | "car" | "caret-down" | "caret-left" | "caret-right" | "caret-square-o-down" | "caret-square-o-left" | "caret-square-o-right" | "caret-square-o-up" | "caret-up" | "cart-arrow-down" | "cart-plus" | "cc-amex" | "cc-diners-club" | "cc-discover" | "cc-jcb" | "cc-mastercard" | "cc-paypal" | "cc-stripe" | "cc-visa" | "cc" | "certificate" | "chain-broken" | "chain" | "check-circle-o" | "check-circle" | "check-square-o" | "check-square" | "check" | "chevron-circle-down" | "chevron-circle-left" | "chevron-circle-right" | "chevron-circle-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "child" | "chrome" | "circle-o-notch" | "circle-o" | "circle-thin" | "circle" | "clipboard" | "clock-o" | "clone" | "close" | "cloud-download" | "cloud-upload" | "cloud" | "cny" | "code-fork" | "code" | "codepen" | "codiepie" | "coffee" | "cog" | "cogs" | "columns" | "comment-o" | "comment" | "commenting-o" | "commenting" | "comments-o" | "comments" | "compass" | "compress" | "connectdevelop" | "contao" | "copy" | "copyright" | "creative-commons" | "credit-card-alt" | "credit-card" | "crop" | "crosshairs" | "css3" | "cube" | "cubes" | "cut" | "cutlery" | "dashboard" | "dashcube" | "database" | "deaf" | "deafness" | "dedent" | "delicious" | "desktop" | "deviantart" | "diamond" | "digg" | "dollar" | "dot-circle-o" | "download" | "dribbble" | "drivers-license-o" | "drivers-license" | "dropbox" | "drupal" | "edge" | "edit" | "eercast" | "eject" | "ellipsis-h" | "ellipsis-v" | "empire" | "envelope-o" | "envelope-open-o" | "envelope-open" | "envelope-square" | "envelope" | "envira" | "eraser" | "etsy" | "eur" | "euro" | "exchange" | "exclamation-circle" | "exclamation-triangle" | "exclamation" | "expand" | "expeditedssl" | "external-link-square" | "external-link" | "eye-slash" | "eye" | "eyedropper" | "fa" | "facebook-f" | "facebook-official" | "facebook-square" | "facebook" | "fast-backward" | "fast-forward" | "fax" | "feed" | "female" | "fighter-jet" | "file-archive-o" | "file-audio-o" | "file-code-o" | "file-excel-o" | "file-image-o" | "file-movie-o" | "file-o" | "file-pdf-o" | "file-photo-o" | "file-picture-o" | "file-powerpoint-o" | "file-sound-o" | "file-text-o" | "file-text" | "file-video-o" | "file-word-o" | "file-zip-o" | "file" | "files-o" | "film" | "filter" | "fire-extinguisher" | "fire" | "firefox" | "first-order" | "flag-checkered" | "flag-o" | "flag" | "flash" | "flask" | "flickr" | "floppy" | "floppy-o" | "folder-o" | "folder-open-o" | "folder-open" | "folder" | "font-awesome" | "font" | "fonticons" | "fort-awesome" | "forumbee" | "forward" | "foursquare" | "free-code-camp" | "frown-o" | "futbol-o" | "gamepad" | "gavel" | "gbp" | "ge" | "gear" | "gears" | "genderless" | "get-pocket" | "gg-circle" | "gg" | "gift" | "git-square" | "git" | "github-alt" | "github-square" | "github" | "gitlab" | "gittip" | "glass" | "glide-g" | "glide" | "globe" | "google-plus-circle" | "google-plus-official" | "google-plus-square" | "google-plus" | "google-wallet" | "google" | "graduation-cap" | "gratipay" | "grav" | "group" | "h-square" | "hacker-news" | "hand-grab-o" | "hand-lizard-o" | "hand-o-down" | "hand-o-left" | "hand-o-right" | "hand-o-up" | "hand-paper-o" | "hand-peace-o" | "hand-pointer-o" | "hand-rock-o" | "hand-scissors-o" | "hand-spock-o" | "hand-stop-o" | "handshake-o" | "hard-of-hearing" | "hashtag" | "hdd-o" | "header" | "headphones" | "heart-o" | "heart" | "heartbeat" | "history" | "home" | "hospital-o" | "hotel" | "hourglass-1" | "hourglass-2" | "hourglass-3" | "hourglass-end" | "hourglass-half" | "hourglass-o" | "hourglass-start" | "hourglass" | "houzz" | "html5" | "i-cursor" | "id-badge" | "id-card-o" | "id-card" | "ils" | "image" | "imdb" | "inbox" | "indent" | "industry" | "info-circle" | "info" | "inr" | "instagram" | "institution" | "internet-explorer" | "intersex" | "ioxhost" | "italic" | "joomla" | "jpy" | "jsfiddle" | "key" | "keyboard-o" | "krw" | "language" | "laptop" | "lastfm-square" | "lastfm" | "leaf" | "leanpub" | "legal" | "lemon-o" | "level-down" | "level-up" | "life-bouy" | "life-buoy" | "life-ring" | "life-saver" | "lightbulb-o" | "line-chart" | "link" | "linkedin-square" | "linkedin" | "linode" | "linux" | "list-alt" | "list-ol" | "list-ul" | "list" | "location-arrow" | "lock" | "long-arrow-down" | "long-arrow-left" | "long-arrow-right" | "long-arrow-up" | "low-vision" | "magic" | "magnet" | "mail-forward" | "mail-reply-all" | "mail-reply" | "male" | "map-marker" | "map-o" | "map-pin" | "map-signs" | "map" | "mars-double" | "mars-stroke-h" | "mars-stroke-v" | "mars-stroke" | "mars" | "maxcdn" | "meanpath" | "medium" | "medkit" | "meetup" | "meh-o" | "mercury" | "microchip" | "microphone-slash" | "microphone" | "minus-circle" | "minus-square-o" | "minus-square" | "minus" | "mixcloud" | "mobile-phone" | "mobile" | "modx" | "money" | "moon-o" | "mortar-board" | "motorcycle" | "mouse-pointer" | "music" | "navicon" | "neuter" | "newspaper-o" | "object-group" | "object-ungroup" | "odnoklassniki-square" | "odnoklassniki" | "opencart" | "openid" | "opera" | "optin-monster" | "outdent" | "pagelines" | "paint-brush" | "paper-plane-o" | "paper-plane" | "paperclip" | "paragraph" | "paste" | "pause-circle-o" | "pause-circle" | "pause" | "paw" | "paypal" | "pencil-square-o" | "pencil-square" | "pencil" | "percent" | "phone-square" | "phone" | "photo" | "picture-o" | "pie-chart" | "pied-piper-alt" | "pied-piper-pp" | "pied-piper" | "pinterest-p" | "pinterest-square" | "pinterest" | "plane" | "play-circle-o" | "play-circle" | "play" | "plug" | "plus-circle" | "plus-square-o" | "plus-square" | "plus" | "podcast" | "power-off" | "print" | "product-hunt" | "puzzle-piece" | "qq" | "qrcode" | "question-circle-o" | "question-circle" | "question" | "quora" | "quote-left" | "quote-right" | "ra" | "random" | "ravelry" | "rebel" | "recycle" | "reddit-alien" | "reddit-square" | "reddit" | "refresh" | "registered" | "remove" | "renren" | "reorder" | "repeat" | "reply-all" | "reply" | "resistance" | "retweet" | "rmb" | "road" | "rocket" | "rotate-left" | "rotate-right" | "rouble" | "rss-square" | "rss" | "rub" | "ruble" | "rupee" | "s15" | "safari" | "save" | "scissors" | "scribd" | "search-minus" | "search-plus" | "search" | "sellsy" | "send-o" | "send" | "server" | "share-alt-square" | "share-alt" | "share-square-o" | "share-square" | "share" | "shekel" | "sheqel" | "shield" | "ship" | "shirtsinbulk" | "shopping-bag" | "shopping-basket" | "shopping-cart" | "shower" | "sign-in" | "sign-language" | "sign-out" | "signal" | "signing" | "simplybuilt" | "sitemap" | "skyatlas" | "skype" | "slack" | "sliders" | "slideshare" | "smile-o" | "snapchat-ghost" | "snapchat-square" | "snapchat" | "snowflake-o" | "soccer-ball-o" | "sort-alpha-asc" | "sort-alpha-desc" | "sort-amount-asc" | "sort-amount-desc" | "sort-asc" | "sort-desc" | "sort-down" | "sort-numeric-asc" | "sort-numeric-desc" | "sort-up" | "sort" | "soundcloud" | "space-shuttle" | "spinner" | "spoon" | "spotify" | "square-o" | "square" | "stack-exchange" | "stack-overflow" | "star-half-empty" | "star-half-full" | "star-half-o" | "star-half" | "star-o" | "star" | "steam-square" | "steam" | "step-backward" | "step-forward" | "stethoscope" | "sticky-note-o" | "sticky-note" | "stop-circle-o" | "stop-circle" | "stop" | "street-view" | "strikethrough" | "stumbleupon-circle" | "stumbleupon" | "subscript" | "subway" | "suitcase" | "sun-o" | "superpowers" | "superscript" | "support" | "table" | "tablet" | "tachometer" | "tag" | "tags" | "tasks" | "taxi" | "telegram" | "television" | "tencent-weibo" | "terminal" | "text-height" | "text-width" | "th-large" | "th-list" | "th" | "themeisle" | "thermometer-0" | "thermometer-1" | "thermometer-2" | "thermometer-3" | "thermometer-4" | "thermometer-empty" | "thermometer-full" | "thermometer-half" | "thermometer-quarter" | "thermometer-three-quarters" | "thermometer" | "thumb-tack" | "thumbs-down" | "thumbs-o-down" | "thumbs-o-up" | "thumbs-up" | "ticket" | "times-circle-o" | "times-circle" | "times-rectangle-o" | "times-rectangle" | "times" | "tint" | "toggle-down" | "toggle-left" | "toggle-off" | "toggle-on" | "toggle-right" | "toggle-up" | "trademark" | "train" | "transgender-alt" | "transgender" | "trash-o" | "trash" | "tree" | "trello" | "tripadvisor" | "trophy" | "truck" | "try" | "tty" | "tumblr-square" | "tumblr" | "turkish-lira" | "tv" | "twitch" | "twitter-square" | "twitter" | "umbrella" | "underline" | "undo" | "universal-access" | "university" | "unlink" | "unlock-alt" | "unlock" | "unsorted" | "upload" | "usb" | "usd" | "user-circle-o" | "user-circle" | "user-md" | "user-o" | "user-plus" | "user-secret" | "user-times" | "user" | "users" | "vcard-o" | "vcard" | "venus-double" | "venus-mars" | "venus" | "viacoin" | "viadeo-square" | "viadeo" | "video-camera" | "vimeo-square" | "vimeo" | "vine" | "vk" | "volume-control-phone" | "volume-down" | "volume-off" | "volume-up" | "warning" | "wechat" | "weibo" | "weixin" | "whatsapp" | "wheelchair-alt" | "wheelchair" | "wifi" | "wikipedia-w" | "window-close-o" | "window-close" | "window-maximize" | "window-minimize" | "window-restore" | "windows" | "won" | "wordpress" | "wpbeginner" | "wpexplorer" | "wpforms" | "wrench" | "xing-square" | "xing" | "y-combinator-square" | "y-combinator" | "yahoo" | "yc-square" | "yc" | "yelp" | "yen" | "yoast" | "youtube-play" | "youtube-square" | "youtube";
+export type IconSet = Record<IconName, number>;

package/out/Interfaces/icon.luau

@@ -0,0 +1,2 @@
+-- Compiled with roblox-ts v3.0.0
+return nil

package/out/Interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './clean.element.props';
+export * from './icon';
+export * from './userinput';

package/out/Interfaces/init.luau

@@ -0,0 +1,13 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "clean.element.props") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "icon") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "userinput") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/Interfaces/userinput.d.ts

@@ -0,0 +1,22 @@
+export interface DisconnectableSignal {
+    Disconnect(): void;
+}
+export interface ConnectableSignal<TArgs extends unknown[]> {
+    Connect(callback: (...args: TArgs) => void): DisconnectableSignal;
+}
+interface InputSignalsLike {
+    InputBegan: ConnectableSignal<[
+        input: InputObject,
+        gameProcessed: boolean
+    ]>;
+    InputChanged: ConnectableSignal<[
+        input: InputObject,
+        gameProcessed: boolean
+    ]>;
+    InputEnded: ConnectableSignal<[
+        input: InputObject,
+        gameProcessed: boolean
+    ]>;
+}
+export declare const CustomInputService: InputSignalsLike;
+export {};

package/out/Interfaces/userinput.luau

@@ -0,0 +1,8 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local UserInputService = TS.import(script, TS.getModule(script, "@rbxts", "services")).UserInputService
+local Environment = TS.import(script, TS.getModule(script, "@rbxts", "ui-labs").src).Environment
+local CustomInputService = if Environment.IsStory() then Environment.InputListener else UserInputService
+return {
+	CustomInputService = CustomInputService,
+}

package/out/Providers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './overlay.provider';
+export * from './registry.provider';
+export * from './theme.provider';

package/out/Providers/init.luau

@@ -0,0 +1,13 @@
+-- Compiled with roblox-ts v3.0.0
+local TS = _G[script]
+local exports = {}
+for _k, _v in TS.import(script, script, "overlay.provider") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "registry.provider") or {} do
+	exports[_k] = _v
+end
+for _k, _v in TS.import(script, script, "theme.provider") or {} do
+	exports[_k] = _v
+end
+return exports

package/out/Providers/overlay.provider.d.ts

@@ -0,0 +1,3 @@
+import React from "@rbxts/react";
+import { OverlayProviderProps } from "../Contexts";
+export declare function OverlayProvider(props: OverlayProviderProps): React.JSX.Element;

package/out/Providers/overlay.provider.luau

@@ -0,0 +1,25 @@
+-- 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 OverlayContext = TS.import(script, script.Parent.Parent, "Contexts").OverlayContext
+local function OverlayProvider(props)
+	local overlay, setOverlay = useState()
+	return React.createElement(OverlayContext.Provider, {
+		value = {
+			overlay = overlay,
+		},
+	}, props.children, React.createElement("frame", {
+		ref = function(instance)
+			setOverlay(instance)
+		end,
+		Size = UDim2.fromScale(1, 1),
+		BackgroundTransparency = 1,
+		ZIndex = 100000,
+		Active = false,
+	}))
+end
+return {
+	OverlayProvider = OverlayProvider,
+}

package/out/Providers/registry.provider.d.ts

@@ -0,0 +1,33 @@
+import React from "@rbxts/react";
+import { DraggableContextValue } from "../Contexts";
+export interface RegistryKey<T extends defined> {
+    readonly name: string;
+}
+export interface DroppableRegistration {
+    guiObject: GuiObject;
+    id?: string;
+    drop: (draggedObject: GuiObject) => void;
+}
+export declare const DroppableRegistryKey: RegistryKey<DroppableRegistration>;
+export interface DraggableRegistration {
+    guiObject: GuiObject;
+    id?: string;
+    draggable: DraggableContextValue;
+}
+export declare const DraggableRegistryKey: RegistryKey<DraggableRegistration>;
+export interface RegistryContextValue {
+    register: <T extends defined>(guiObject: GuiObject, key: RegistryKey<T>, value: T) => void;
+    unregister: <T extends defined>(guiObject: GuiObject, key: RegistryKey<T>) => void;
+    get: <T extends defined>(guiObject: GuiObject, key: RegistryKey<T>) => T | undefined;
+    getAll: <T extends defined>(key: RegistryKey<T>) => T[];
+}
+export declare const RegistryContext: React.Context<RegistryContextValue | undefined>;
+export interface RegistryProviderProps {
+    children?: React.ReactNode;
+}
+export declare function RegistryProvider(props: RegistryProviderProps): React.JSX.Element;
+export declare function useRegistryRegistration<T extends defined>(key: RegistryKey<T>, createRegistration: (guiObject: GuiObject) => T, dependencies: React.DependencyList): {
+    ref: React.Dispatch<React.SetStateAction<GuiObject | undefined>>;
+    guiObject: GuiObject | undefined;
+    registration: T | undefined;
+};