Rayfield made by Sirius

--[[

    Rayfield Interface Suite
    by Sirius

    shlex  | Designing + Programming
    iRay   | Programming
    Max    | Programming
    Damian | Programming

]]

if debugX then
    warn('Initialising Rayfield')
end



local function getService(name)
    local service = game:GetService(name)
    return if cloneref then cloneref(service) else service
end

-- Services
local UserInputService = getService("UserInputService")
local TweenService = getService("TweenService")
local Players = getService("Players")
local CoreGui = getService("CoreGui")

-- Loads and executes a function hosted on a remote URL. Cancels the request if the requested URL takes too long to respond.
-- Errors with the function are caught and logged to the output
local function loadWithTimeout(url: string, timeout: number?): ...any
    assert(type(url) == "string", "Expected string, got " .. type(url))
    timeout = timeout or 5
    local requestCompleted = false
    local success, result = false, nil

    local requestThread = task.spawn(function()
        local fetchSuccess, fetchResult = pcall(game.HttpGet, game, url) -- game:HttpGet(url)
        -- If the request fails the content can be empty, even if fetchSuccess is true
        if not fetchSuccess or #fetchResult == 0 then
            if #fetchResult == 0 then
                fetchResult = "Empty response" -- Set the error message
            end
            success, result = false, fetchResult
            requestCompleted = true
            return
        end
        local content = fetchResult -- Fetched content
        local execSuccess, execResult = pcall(function()
            return loadstring(content)()
        end)
        success, result = execSuccess, execResult
        requestCompleted = true
    end)

    local timeoutThread = task.delay(timeout, function()
        if not requestCompleted then
            warn("Request for " .. url .. " timed out after " .. tostring(timeout) .. " seconds")
            task.cancel(requestThread)
            result = "Request timed out"
            requestCompleted = true
        end
    end)

    -- Wait for completion or timeout
    while not requestCompleted do
        task.wait()
    end
    -- Cancel timeout thread if still running when request completes
    if coroutine.status(timeoutThread) ~= "dead" then
        task.cancel(timeoutThread)
    end
    if not success then
        warn("Failed to process " .. tostring(url) .. ": " .. tostring(result))
    end
    return if success then result else nil
end

local _getgenv = rawget(_G, "getgenv")
local requestsDisabled = false
local customAssetId = nil
local secureMode = false
if _getgenv then
    local ok, result = pcall(function() return _getgenv().DISABLE_RAYFIELD_REQUESTS end)
    if ok and result then requestsDisabled = true end
    local ok2, result2 = pcall(function() return _getgenv().RAYFIELD_ASSET_ID end)
    if ok2 and type(result2) == "number" then customAssetId = result2 end
    local ok3, result3 = pcall(function() return _getgenv().RAYFIELD_SECURE end)
    if ok3 and result3 then secureMode = true end
end

if secureMode then
    local _error = error
    local _assert = assert
    warn = function(...) end
    print = function(...) end
    error = function(_, level) _error("", level) end
    assert = function(v, ...) return _assert(v) end
end

local secureWarnings = {}
local customAssets = {}

local function secureNotify(wType, title, content)
    if secureWarnings[wType] then return end
    secureWarnings[wType] = true
    task.spawn(function()
        while not RayfieldLibrary or not RayfieldLibrary.Notify do task.wait(0.5) end
        RayfieldLibrary:Notify({
            Title = title,
            Content = content,
            Duration = 8,
        })
    end)
end
local InterfaceBuild = 'UU2NX'
local Release = "Build 1.746"
local RayfieldFolder = "Rayfield"
local ConfigurationFolder = RayfieldFolder.."/Configurations"
local ConfigurationExtension = ".rfld"
local settingsTable = {
    General = {
        -- if needs be in order just make getSetting(name)
        rayfieldOpen = {Type = 'bind', Value = 'K', Name = 'Rayfield Keybind'},
        -- buildwarnings
        -- rayfieldprompts

    },
    System = {
        usageAnalytics = {Type = 'toggle', Value = true, Name = 'Anonymised Analytics'},
    }
}

-- Settings that have been overridden by the developer. These will not be saved to the user's configuration file
-- Overridden settings always take precedence over settings in the configuration file, and are cleared if the user changes the setting in the UI
local overriddenSettings: { [string]: any } = {} -- For example, overriddenSettings["System.rayfieldOpen"] = "J"
local function overrideSetting(category: string, name: string, value: any)
    overriddenSettings[category .. "." .. name] = value
end

local function getSetting(category: string, name: string): any
    if overriddenSettings[category .. "." .. name] ~= nil then
        return overriddenSettings[category .. "." .. name]
    elseif settingsTable[category][name] ~= nil then
        return settingsTable[category][name].Value
    end
end

-- If requests/analytics have been disabled by developer, set the user-facing setting to false as well
if requestsDisabled then
    overrideSetting("System", "usageAnalytics", false)
end

local HttpService = getService('HttpService')
local RunService = getService('RunService')

-- Environment Check
local useStudio = RunService:IsStudio() or false

local settingsCreated = false
local settingsInitialized = false -- Whether the UI elements in the settings page have been set to the proper values
local prompt = useStudio and require(script.Parent.prompt) or loadWithTimeout('https://raw.githubusercontent.com/SiriusSoftwareLtd/Sirius/refs/heads/request/prompt.lua')
local requestFunc = (syn and syn.request) or (fluxus and fluxus.request) or (http and http.request) or http_request or request

-- Validate prompt loaded correctly
if not prompt and not useStudio then
    warn("Failed to load prompt library, using fallback")
    prompt = {
        create = function() end -- No-op fallback
    }
end


-- The function below provides a safe alternative for calling error-prone functions
-- Especially useful for filesystem function (writefile, makefolder, etc.)
local function callSafely(func, ...)
    if func then
        local success, result = pcall(func, ...)
        if not success then
            warn("Rayfield | Function failed with error: ", result)
            return false
        else
            return result
        end
    end
end

-- Ensures a folder exists by creating it if needed
local function ensureFolder(folderPath)
    if isfolder and not callSafely(isfolder, folderPath) then
        callSafely(makefolder, folderPath)
    end
end

local function loadSettings()
    local file = nil

    local success, result = pcall(function()
        if callSafely(isfolder, RayfieldFolder) then
            if callSafely(isfile, RayfieldFolder..'/settings'..ConfigurationExtension) then
                file = callSafely(readfile, RayfieldFolder..'/settings'..ConfigurationExtension)
            end
        end

        -- for debug in studio
        if useStudio then
            file = [[
    {"General":{"rayfieldOpen":{"Value":"K","Type":"bind","Name":"Rayfield Keybind","Element":{"HoldToInteract":false,"Ext":true,"Name":"Rayfield Keybind","Set":null,"CallOnChange":true,"Callback":null,"CurrentKeybind":"K"}}},"System":{"usageAnalytics":{"Value":false,"Type":"toggle","Name":"Anonymised Analytics","Element":{"Ext":true,"Name":"Anonymised Analytics","Set":null,"CurrentValue":false,"Callback":null}}}}
]]
        end

        if file then
            local decodeSuccess, decodedFile = pcall(function() return HttpService:JSONDecode(file) end)
            if decodeSuccess then
                file = decodedFile
            else
                file = {}
            end
        else
            file = {}
        end


        if not settingsCreated then
            return
        end

        if next(file) ~= nil then
            for categoryName, settingCategory in pairs(settingsTable) do
                if file[categoryName] then
                    for settingName, setting in pairs(settingCategory) do
                        if file[categoryName][settingName] then
                            setting.Value = file[categoryName][settingName].Value
                            setting.Element:Set(getSetting(categoryName, settingName))
                        end
                    end
                end
            end
        -- If no settings saved, apply overridden settings only
        else
            for settingName, settingValue in overriddenSettings do
                local split = string.split(settingName, ".")
                assert(#split == 2, "Rayfield | Invalid overridden setting name: " .. settingName)
                local categoryName = split[1]
                local settingNameOnly = split[2]
                if settingsTable[categoryName] and settingsTable[categoryName][settingNameOnly] then
                    settingsTable[categoryName][settingNameOnly].Element:Set(settingValue)
                end
            end
        end
        settingsInitialized = true
    end)

    if not success then
        if writefile then
            warn('Rayfield had an issue accessing configuration saving capability.')
        end
    end
end

if debugX then
    warn('Now Loading Settings Configuration')
end

loadSettings()

if debugX then
    warn('Settings Loaded')
end

local ANALYTICS_TOKEN = "05de7f9fd320d3b8428cd1c77014a337b85b6c8efee2c5914f5ab5700c354b9a"

local reporter = nil
if not requestsDisabled and not useStudio then
    local fetchSuccess, fetchResult = pcall((game :: any).HttpGet, game, "https://raw.githubusercontent.com/SiriusSoftwareLtd/Rayfield/refs/heads/main/reporter.lua")
    if fetchSuccess and #fetchResult > 0 then
        local execSuccess, Analytics = pcall(function()
            return (loadstring(fetchResult) :: any)()
        end)
        if execSuccess and Analytics then
            pcall(function()
                reporter = Analytics.new({
                    url          = "https://rayfield-collect.sirius-software-ltd.workers.dev",
                    token        = ANALYTICS_TOKEN,
                    product_name = "Rayfield",
                    category     = "UILibrary",
                })
            end)
        end
    end
end

local promptUser = 2

if promptUser == 1 and prompt and type(prompt.create) == "function" then
    prompt.create(
        'Be cautious when running scripts',
        [[Please be careful when running scripts from unknown developers. This script has already been ran.

<font transparency='0.3'>Some scripts may steal your items or in-game goods.</font>]],
        'Okay',
        '',
        function()

        end
    )
end

if debugX then
    warn('Moving on to continue initialisation'-- Lighter shade
            SliderProgress = Color3.fromRGB(70, 130, 180),
            SliderStroke = Color3.fromRGB(150, 180, 220),

            ToggleBackground = Color3.fromRGB(210, 220, 230),
            ToggleEnabled = Color3.fromRGB(70, 160, 210),
            ToggleDisabled = Color3.fromRGB(180, 180, 180),
            ToggleEnabledStroke = Color3.fromRGB(60, 150, 200),
            ToggleDisabledStroke = Color3.fromRGB(140, 140, 140),
            ToggleEnabledOuterStroke = Color3.fromRGB(100, 120, 140),
            ToggleDisabledOuterStroke = Color3.fromRGB(120, 120, 130),

            DropdownSelected = Color3.fromRGB(220, 230, 240),
            DropdownUnselected = Color3.fromRGB(200, 210, 220),

            InputBackground = Color3.fromRGB(220, 230, 240),
            InputStroke = Color3.fromRGB(180, 190, 200),
            PlaceholderColor = Color3.fromRGB(150, 150, 150)
        },
    }
}




-- Interface Management

local RayfieldAssetId = customAssetId or 10804731440
local Rayfield = useStudio and script.Parent:FindFirstChild('Rayfield') or game:GetObjects("rbxassetid://"..RayfieldAssetId)[1]
local buildAttempts = 0
local correctBuild = false
local warned
local globalLoaded
local rayfieldDestroyed = false -- True when RayfieldLibrary:Destroy() is called

repeat
    if Rayfield:FindFirstChild('Build') and Rayfield.Build.Value == InterfaceBuild then
        correctBuild = true
        break
    end

    correctBuild = false

    if not warned then
        warn('Rayfield | Build Mismatch')
        print('Rayfield may encounter issues as you are running an incompatible interface version ('.. ((Rayfield:FindFirstChild('Build') and Rayfield.Build.Value) or 'No Build') ..').\n\nThis version of Rayfield is intended for interface build '..InterfaceBuild..'.')
        warned = true
    end

    local toDestroy
    toDestroy, Rayfield = Rayfield, useStudio and script.Parent:FindFirstChild('Rayfield') or game:GetObjects("rbxassetid://"..RayfieldAssetId)[1]
    if toDestroy and not useStudio then toDestroy:Destroy() end

    buildAttempts = buildAttempts + 1
until buildAttempts >= 2

Rayfield.Enabled = false

if gethui then
    Rayfield.Parent = gethui()
elseif syn and syn.protect_gui then
    syn.protect_gui(Rayfield)
    Rayfield.Parent = CoreGui
elseif not useStudio and CoreGui:FindFirstChild("RobloxGui") then
    Rayfield.Parent = CoreGui:FindFirstChild("RobloxGui")
elseif not useStudio then
    Rayfield.Parent = CoreGui
end

if gethui then
    for _, Interface in ipairs(gethui():GetChildren()) do
        if Interface.Name == Rayfield.Name and Interface ~= Rayfield then
            Interface.Enabled = false
            Interface.Name = "Rayfield-Old"
        end
    end
elseif not useStudio then
    for _, Interface in ipairs(CoreGui:GetChildren()) do
        if Interface.Name == Rayfield.Name and Interface ~= Rayfield then
            Interface.Enabled = false
            Interface.Name = "Rayfield-Old"
        end
    end
end

if secureMode and not customAssetId then
    secureNotify("default_asset", "Secure Mode", "You are using the default Rayfield asset ID. Set RAYFIELD_ASSET_ID to a custom upload to avoid detection.")
end

do
    local AssetPath = RayfieldFolder.."/Assets"
    local AssetBaseURL = "https://github.com/SiriusSoftwareLtd/Rayfield/blob/main/assets/"

    local assetFiles = {
        ["111263549366178"] = AssetBaseURL.."111263549366178.png?raw=true",
        ["77891951053543"] = AssetBaseURL.."77891951053543.png?raw=true",
        ["78137979054938"] = AssetBaseURL.."78137979054938.png?raw=true",
        ["80503127983237"] = AssetBaseURL.."80503127983237.png?raw=true",
        ["10137832201"] = AssetBaseURL.."10137832201.png?raw=true",
        ["10137941941"] = AssetBaseURL.."10137941941.png?raw=true",
        ["11036884234"] = AssetBaseURL.."11036884234.png?raw=true",
        ["11413591840"] = AssetBaseURL.."11413591840.png?raw=true",
        ["11745872910"] = AssetBaseURL.."11745872910.png?raw=true",
        ["12577727209"] = AssetBaseURL.."12577727209.png?raw=true",
        ["18458939117"] = AssetBaseURL.."18458939117.png?raw=true",
        ["3259050989"] = AssetBaseURL.."3259050989.png?raw=true",
        ["3523728077"] = AssetBaseURL.."3523728077.png?raw=true",
        ["3602733521"] = AssetBaseURL.."3602733521.png?raw=true",
        ["IconChevronTopMedium"] = AssetBaseURL.."IconChevronTopMedium.png?raw=true",
        ["4483362458"] = AssetBaseURL.."4483362458.png?raw=true",
        ["5587865193"] = AssetBaseURL.."5587865193.png?raw=true",
        ["IconMagnifyingGlass2"] = AssetBaseURL.."IconMagnifyingGlass2.png?raw=true",
    }

    for id, _ in assetFiles do
        customAssets[tostring(id)] = ""
    end

    local hasCustomAsset = type(getcustomasset) == "function"
    local hasFilesystem = type(writefile) == "function" and type(makefolder) == "function" and type(isfile) == "function" and type(isfolder) == "function"

    if hasCustomAsset and hasFilesystem then
        local ok, err = pcall(function()
            ensureFolder(RayfieldFolder)
            ensureFolder(AssetPath)

            local function nextMissing()
                for id, _ in assetFiles do
                    if not isfile(AssetPath.."/"..tostring(id)..".png") then
                        return id
                    end
                end
                return nil
            end

            if nextMissing() then
                task.spawn(function()
                    while true do
                        local id = nextMissing()
                        if not id then break end
                        writefile(AssetPath.."/"..tostring(id)..".png", requestFunc({Url = assetFiles[id], Method = "GET"}).Body)
                        task.wait()
                    end
                end)

                while nextMissing() do
                    task.wait(0.1)
                end
            end

            for id, _ in assetFiles do
                local success, asset = pcall(getcustomasset, AssetPath.."/"..tostring(id)..".png")
                if success then
                    customAssets[tostring(id)] = asset
                else
                    warn("Rayfield | Failed to load custom asset: "..tostring(id).." - "..tostring(asset))
                end
            end
        end)

        if not ok then
            warn("Rayfield | Failed to load custom assets: "..tostring(err))
            secureNotify("asset_load_fail", "Rayfield", "Failed to load custom assets. UI images may not display correctly.")
        end
    else
        secureNotify("no_getcustomasset", "Rayfield", "Your executor does not support getcustomasset. Some UI images may not render correctly.")
    end


    Rayfield.Main.Shadow.Image.Image = customAssets[tostring(5587865193)]
    Rayfield.Main.Topbar.Hide.Image = customAssets[tostring(10137832201)]
    Rayfield.Main.Topbar.ChangeSize.Image = customAssets[tostring(10137941941)]
    Rayfield.Main.Topbar.Settings.Image = customAssets[tostring(80503127983237)]
    Rayfield.Main.Topbar.Icon.Image = customAssets[tostring(78137979054938)]
    Rayfield.Main.Topbar.Search.Image = customAssets["IconMagnifyingGlass2"]
    Rayfield.Main.Topbar.Search.ImageRectOffset = Vector2.new(0, 0)
    Rayfield.Main.Topbar.Search.ImageRectSize = Vector2.new(0, 0)
    Rayfield.Main.Elements.Template.Toggle.Switch.Shadow.Image = customAssets[tostring(3602733521)]
    Rayfield.Main.Elements.Template.Slider.Main.Shadow.Image = customAssets[tostring(3602733521)]
    Rayfield.Main.Elements.Template.Dropdown.Toggle.Image = customAssets["IconChevronTopMedium"]
    Rayfield.Main.Elements.Template.Dropdown.Toggle.ImageRectOffset = Vector2.new(0, 0)
    Rayfield.Main.Elements.Template.Dropdown.Toggle.ImageRectSize = Vector2.new(0, 0)
    Rayfield.Main.Elements.Template.Label.Icon.Image = customAssets[tostring(11745872910)]
    Rayfield.Main.Elements.Template.ColorPicker.CPBackground.MainCP.Image = customAssets[tostring(11413591840)]
    Rayfield.Main.Elements.Template.ColorPicker.CPBackground.MainCP.MainPoint.Image = customAssets[tostring(3259050989)]
    Rayfield.Main.Elements.Template.ColorPicker.ColorSlider.SliderPoint.Image = customAssets[tostring(3259050989)]
    Rayfield.Main.TabList.Template.Image.Image = customAssets[tostring(4483362458)]
    Rayfield.Main.Search.Search.Image = customAssets[tostring(18458939117)]
    Rayfield.Main.Search.Shadow.Image = customAssets[tostring(5587865193)]
    Rayfield.Notifications.Template.Icon.Image = customAssets[tostring(77891951053543)]
    Rayfield.Notifications.Template.Shadow.Image = customAssets[tostring(3523728077)]
    Rayfield.Loading.Banner.Image = customAssets[tostring(111263549366178)]

end -- custom asset block

local minSize = Vector2.new(1024, 768)
local useMobileSizing

if Rayfield.AbsoluteSize.X < minSize.X and Rayfield.AbsoluteSize.Y < minSize.Y then
    useMobileSizing = true
end

local useMobilePrompt = false
if UserInputService.TouchEnabled then
    useMobilePrompt = true
end


-- Object Variables

local Main = Rayfield.Main
local MPrompt = Rayfield:FindFirstChild('Prompt')
local Topbar = Main.Topbar
local Elements = Main.Elements
local LoadingFrame = Main.LoadingFrame
local TabList = Main.TabList
local dragBar = Rayfield:FindFirstChild('Drag')
local dragInteract = dragBar and dragBar.Interact or nil
local dragBarCosmetic = dragBar and dragBar.Drag or nil

local dragOffset = 255
local dragOffsetMobile = 150

Rayfield.DisplayOrder = 100
LoadingFrame.Version.Text = Release

-- Thanks to Latte Softworks for the Lucide integration for Roblox
local Icons = useStudio and require(script.Parent.icons) or loadWithTimeout('https://raw.githubusercontent.com/SiriusSoftwareLtd/Rayfield/refs/heads/main/icons.lua')
-- Variables

local CFileName = nil
local CEnabled = false
local Minimised = false
local Hidden = false
local Debounce = false
local searchOpen = false
local Notifications = Rayfield.Notifications
local keybindConnections = {} -- For storing keybind connections to disconnect when Rayfield is destroyed

local SelectedTheme = RayfieldLibrary.Theme.Default

local function ChangeTheme(Theme)
    if typeof(Theme) == 'string' then
        SelectedTheme = RayfieldLibrary.Theme[Theme]
    elseif typeof(Theme) == 'table' then
        SelectedTheme = Theme
    end

    Rayfield.Main.BackgroundColor3 = SelectedTheme.Background
    Rayfield.Main.Topbar.BackgroundColor3 = SelectedTheme.Topbar
    Rayfield.Main.Topbar.CornerRepair.BackgroundColor3 = SelectedTheme.Topbar
    Rayfield.Main.Shadow.Image.ImageColor3 = SelectedTheme.Shadow

    Rayfield.Main.Topbar.ChangeSize.ImageColor3 = SelectedTheme.TextColor
    Rayfield.Main.Topbar.Hide.ImageColor3 = SelectedTheme.TextColor
    Rayfield.Main.Topbar.Search.ImageColor3 = SelectedTheme.TextColor
    if Topbar:FindFirstChild('Settings') then
        Rayfield.Main.Topbar.Settings.ImageColor3 = SelectedTheme.TextColor
        Rayfield.Main.Topbar.Divider.BackgroundColor3 = SelectedTheme.ElementStroke
    end

    Main.Search.BackgroundColor3 = SelectedTheme.TextColor
    Main.Search.Shadow.ImageColor3 = SelectedTheme.TextColor
    Main.Search.Search.ImageColor3 = SelectedTheme.TextColor
    Main.Search.Input.PlaceholderColor3 = SelectedTheme.TextColor
    Main.Search.UIStroke.Color = SelectedTheme.SecondaryElementStroke

    if Main:FindFirstChild('Notice') then
        Main.Notice.BackgroundColor3 = SelectedTheme.Background
    end

    for _, text in ipairs(Rayfield:GetDescendants()) do
        if text.Parent.Parent ~= Notifications then
            if text:IsA('TextLabel') or text:IsA('TextBox') then text.TextColor3 = SelectedTheme.TextColor end
        end
    end

    for _, TabPage in ipairs(Elements:GetChildren()) do
        for _, Element in ipairs(TabPage:GetChildren()) do
            if Element.ClassName == "Frame" and Element.Name ~= "Placeholder" and Element.Name ~= "SectionSpacing" and Element.Name ~= "Divider" and Element.Name ~= "SectionTitle" and Element.Name ~= "SearchTitle-fsefsefesfsefesfesfThanks" then
                Element.BackgroundColor3 = SelectedTheme.ElementBackground
                Element.UIStroke.Color = SelectedTheme.ElementStroke
            end
        end
    end
end

local function getIcon(name : string): {id: number, imageRectSize: Vector2, imageRectOffset: Vector2}
    if not Icons then
        warn("Lucide Icons: Cannot use icons as icons library is not loaded")
        return
    end
    name = string.match(string.lower(name), "^%s*(.*)%s*$") :: string
    local sizedicons = Icons['48px']
    local r = sizedicons[name]
    if not r then
        error("Lucide Icons: Failed to find icon by the name of \"" .. name .. "\"", 2)
    end

    local rirs = r[2]
    local riro = r[3]

    if type(r[1]) ~= "number" or type(rirs) ~= "table" or type(riro) ~= "table" then
        error("Lucide Icons: Internal error: Invalid auto-generated asset entry")
    end

    local irs = Vector2.new(rirs[1], rirs[2])
    local iro = Vector2.new(riro[1], riro[2])

    local asset = {
        id = r[1],
        imageRectSize = irs,
        imageRectOffset = iro,
    }

    return asset
end
local function getAssetUri(id: any): string
    local assetUri = ""
    if type(id) == "number" then
        assetUri = "rbxassetid://" .. id
    elseif type(id) == "string" and not Icons then
        warn("Rayfield | Cannot use Lucide icons as icons library is not loaded")
    else
        warn("Rayfield | The icon argument must either be an icon ID (number) or a Lucide icon name (string)")
    end
    return assetUri
end

local function isCustomAsset(value)
    return type(value) == "string" and (string.find(value, "rbxasset://") == 1 or string.find(value, "rbxthumb://") == 1)
end

local function resolveIcon(icon)
    if not icon or icon == 0 then
        return "", nil, nil
    end

    if isCustomAsset(icon) then
        return icon, nil, nil
    end

    if secureMode then
        secureNotify("icon_blocked", "Secure Mode", "Element icons using asset IDs or Lucide names are blocked. Use getcustomasset() for icons to stay undetected.")
        return "", nil, nil
    end

    if typeof(icon) == "string" and Icons then
        local asset = getIcon(icon)
        return "rbxassetid://" .. asset.id, asset.imageRectOffset, asset.imageRectSize
    else
        return getAssetUri(icon), nil, nil
    end
end

local function makeDraggable(object, dragObject, enableTaptic, tapticOffset)
    local dragging = false
    local relative = nil

    local offset = Vector2.zero
    local screenGui = object:FindFirstAncestorWhichIsA("ScreenGui")
    if screenGui and screenGui.IgnoreGuiInset then
        offset += getService('GuiService'):GetGuiInset()
    end

    local function connectFunctions()
        if dragBar and enableTaptic then
            dragBar.MouseEnter:Connect(function()
                if not dragging and not Hidden then
                    TweenService:Create(dragBarCosmetic, TweenInfo.new(0.25, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {BackgroundTransparency = 0.5, Size = UDim2.new(0, 120, 0, 4)}):Play()
                end
            end)

            dragBar.MouseLeave:Connect(function()
                if not dragging and not Hidden then
                    TweenService:Create(dragBarCosmetic, TweenInfo.new(0.25, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {BackgroundTransparency = 0.7, Size = UDim2.new(0, 100, 0, 4)}):Play()
                end
            end)
        end
    end

    connectFunctions()

    dragObject.InputBegan:Connect(function(input, processed)
        if processed then return end

        local inputType = input.UserInputType.Name
        if inputType == "MouseButton1" or inputType == "Touch" then
            dragging = true

            relative = object.AbsolutePosition + object.AbsoluteSize * object.AnchorPoint - UserInputService:GetMouseLocation()
            if enableTaptic and not Hidden then
                TweenService:Create(dragBarCosmetic, TweenInfo.new(0.35, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {Size = UDim2.new(0, 110, 0, 4), BackgroundTransparency = 0}):Play()
            end
        end
    end)

    local inputEnded = UserInputService.InputEnded:Connect(function(input)
        if not dragging then return end

        local inputType = input.UserInputType.Name
        if inputType == "MouseButton1" or inputType == "Touch" then
            dragging = false

            if enableTaptic and not Hidden then
                TweenService:Create(dragBarCosmetic, TweenInfo.new(0.35, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {Size = UDim2.new(0, 100, 0, 4), BackgroundTransparency = 0.7}):Play()
            end
        end
    end)

    local renderStepped = RunService.RenderStepped:Connect(function()
        if dragging and not Hidden then
            local position = UserInputService:GetMouseLocation() + relative + offset
            if enableTaptic and tapticOffset then
                TweenService:Create(object, TweenInfo.new(0.4, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Position = UDim2.fromOffset(position.X, position.Y)}):Play()
                TweenService:Create(dragObject.Parent, TweenInfo.new(0.05, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Position = UDim2.fromOffset(position.X, position.Y + ((useMobileSizing and tapticOffset[2]) or tapticOffset[1]))}):Play()
            else
                if dragBar and tapticOffset then
                    dragBar.Position = UDim2.fromOffset(position.X, position.Y + ((useMobileSizing and tapticOffset[2]) or tapticOffset[1]))
                end
                object.Position = UDim2.fromOffset(position.X, position.Y)
            end
        end
    end)

    object.Destroying:Connect(function()
        if inputEnded then inputEnded:Disconnect() end
        if renderStepped then renderStepped:Disconnect() end
    end)
end


local function PackColor(Color)
    return {R = Color.R * 255, G = Color.G * 255, B = Color.B * 255}
end

local function UnpackColor(Color)
    return Color3.fromRGB(Color.R, Color.G, Color.B)
end

local function LoadConfiguration(Configuration)
    local success, Data = pcall(function() return HttpService:JSONDecode(Configuration) end)
    local changed

    if not success then warn('Rayfield had an issue decoding the configuration file, please try delete the file and reopen Rayfield.') return end

    -- Iterate through current UI elements' flags
    for FlagName, Flag in pairs(RayfieldLibrary.Flags) do
        local FlagValue = Data[FlagName]

        if (typeof(FlagValue) == 'boolean' and FlagValue == false) or FlagValue then
            task.spawn(function()
                if Flag.Type == "ColorPicker" then
                    changed = true
                    Flag:Set(UnpackColor(FlagValue))
                else
                    if (Flag.CurrentValue or Flag.CurrentKeybind or Flag.CurrentOption or Flag.Color) ~= FlagValue then
                        changed = true
                        Flag:Set(FlagValue)
                    end
                end
            end)
        else
            warn("Rayfield | Unable to find '"..FlagName.. "' in the save file.")
            print("The error above may not be an issue if new elements have been added or not been set values.")
            --RayfieldLibrary:Notify({Title = "Rayfield Flags", Content = "Rayfield was unable to find '"..FlagName.. "' in the save file. Check sirius.menu/discord for help.", Image = 3944688398})
        end
    end

    return changed
end

local function SaveConfiguration()
    if not CEnabled or not globalLoaded then return end

    if debugX then
        print('Saving')
    end

    local Data = {}
    for i, v in pairs(RayfieldLibrary.Flags) do
        if v.Type == "ColorPicker" then
            Data[i] = PackColor(v.Color)
        else
            if typeof(v.CurrentValue) == 'boolean' then
                if v.CurrentValue == false then
                    Data[i] = false
                else
                    Data[i] = v.CurrentValue or v.CurrentKeybind or v.CurrentOption or v.Color
                end
            else
                Data[i] = v.CurrentValue or v.CurrentKeybind or v.CurrentOption or v.Color
            end
        end
    end

    if useStudio then
        if script.Parent:FindFirstChild('configuration') then script.Parent.configuration:Destroy() end

        local ScreenGui = Instance.new("ScreenGui")
        ScreenGui.Parent = script.Parent
        ScreenGui.Name = 'configuration'

        local TextBox = Instance.new("TextBox")
        TextBox.Parent = ScreenGui
        TextBox.Size = UDim2.new(0, 800, 0, 50)
        TextBox.AnchorPoint = Vector2.new(0.5, 0)
        TextBox.Position = UDim2.new(0.5, 0, 0, 30)
        TextBox.Text = HttpService:JSONEncode(Data)
        TextBox.ClearTextOnFocus = false
    end

    if debugX then
        warn(HttpService:JSONEncode(Data))
    end


    callSafely(writefile, ConfigurationFolder .. "/" .. CFileName .. ConfigurationExtension, tostring(HttpService:JSONEncode(Data)))
end

function RayfieldLibrary:Notify(data) -- action e.g open messages
    task.spawn(function()

        -- Notification Object Creation
        local newNotification = Notifications.Template:Clone()
        newNotification.Name = data.Title or 'No Title Provided'
        newNotification.Parent = Notifications
        newNotification.LayoutOrder = #Notifications:GetChildren()
        newNotification.Visible = false

        -- Set Data
        newNotification.Title.Text = data.Title or "Unknown Title"
        newNotification.Description.Text = data.Content or "Unknown Content"

        if data.Image then
            local img, rectOffset, rectSize = resolveIcon(data.Image)
            newNotification.Icon.Image = img
            if rectOffset then newNotification.Icon.ImageRectOffset = rectOffset end
            if rectSize then newNotification.Icon.ImageRectSize = rectSize end
        else
            newNotification.Icon.Image = ""
        end

        -- Set initial transparency values

        newNotification.Title.TextColor3 = SelectedTheme.TextColor
        newNotification.Description.TextColor3 = SelectedTheme.TextColor
        newNotification.BackgroundColor3 = SelectedTheme.Background
        newNotification.UIStroke.Color = SelectedTheme.TextColor
        newNotification.Icon.ImageColor3 = SelectedTheme.TextColor

        newNotification.BackgroundTransparency = 1
        newNotification.Title.TextTransparency = 1
        newNotification.Description.TextTransparency = 1
        newNotification.UIStroke.Transparency = 1
        newNotification.Shadow.ImageTransparency = 1
        newNotification.Size = UDim2.new(1, 0, 0, 800)
        newNotification.Icon.ImageTransparency = 1
        newNotification.Icon.BackgroundTransparency = 1

        task.wait()

        newNotification.Visible = true

        if data.Actions then
            warn('Rayfield | Not seeing your actions in notifications?')
            print("Notification Actions are being sunset for now, keep up to date on when they're back in the discord. (sirius.menu/discord)")
        end

        -- Calculate textbounds and set initial values
        local bounds = {newNotification.Title.TextBounds.Y, newNotification.Description.TextBounds.Y}
        newNotification.Size = UDim2.new(1, -60, 0, -Notifications:FindFirstChild("UIListLayout").Padding.Offset)

        newNotification.Icon.Size = UDim2.new(0, 32, 0, 32)
        newNotification.Icon.Position = UDim2.new(0, 20, 0.5, 0)

        TweenService:Create(newNotification, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, 0, 0, math.max(bounds[1] + bounds[2] + 31, 60))}):Play()

        task.wait(0.15)
        TweenService:Create(newNotification, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.45}):Play()
        TweenService:Create(newNotification.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

        task.wait(0.05)

        TweenService:Create(newNotification.Icon, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()

        task.wait(0.05)
        TweenService:Create(newNotification.Description, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0.35}):Play()
        TweenService:Create(newNotification.UIStroke, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {Transparency = 0.95}):Play()
        TweenService:Create(newNotification.Shadow, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0.82}):Play()

        local waitDuration = math.min(math.max((#newNotification.Description.Text * 0.1) + 2.5, 3), 10)
        task.wait(data.Duration or waitDuration)

        newNotification.Icon.Visible = false
        TweenService:Create(newNotification, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
        TweenService:Create(newNotification.UIStroke, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
        TweenService:Create(newNotification.Shadow, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
        TweenService:Create(newNotification.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
        TweenService:Create(newNotification.Description, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()

        TweenService:Create(newNotification, TweenInfo.new(1, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -90, 0, 0)}):Play()

        task.wait(1)

        TweenService:Create(newNotification, TweenInfo.new(1, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -90, 0, -Notifications:FindFirstChild("UIListLayout").Padding.Offset)}):Play()

        newNotification.Visible = false
        newNotification:Destroy()
    end)
end

local function openSearch()
    searchOpen = true

    Main.Search.BackgroundTransparency = 1
    Main.Search.Shadow.ImageTransparency = 1
    Main.Search.Input.TextTransparency = 1
    Main.Search.Search.ImageTransparency = 1
    Main.Search.UIStroke.Transparency = 1
    Main.Search.Size = UDim2.new(1, 0, 0, 80)
    Main.Search.Position = UDim2.new(0.5, 0, 0, 70)

    Main.Search.Input.Interactable = true

    Main.Search.Visible = true

    for _, tabbtn in ipairs(TabList:GetChildren()) do
        if tabbtn.ClassName == "Frame" and tabbtn.Name ~= "Placeholder" then
            tabbtn.Interact.Visible = false
            TweenService:Create(tabbtn, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
            TweenService:Create(tabbtn.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
            TweenService:Create(tabbtn.Image, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
            TweenService:Create(tabbtn.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
        end
    end

    Main.Search.Input:CaptureFocus()
    TweenService:Create(Main.Search.Shadow, TweenInfo.new(0.05, Enum.EasingStyle.Quint), {ImageTransparency = 0.95}):Play()
    TweenService:Create(Main.Search, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Position = UDim2.new(0.5, 0, 0, 57), BackgroundTransparency = 0.9}):Play()
    TweenService:Create(Main.Search.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 0.8}):Play()
    TweenService:Create(Main.Search.Input, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0.2}):Play()
    TweenService:Create(Main.Search.Search, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0.5}):Play()
    TweenService:Create(Main.Search, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -35, 0, 35)}):Play()
end

local function closeSearch()
    searchOpen = false

    TweenService:Create(Main.Search, TweenInfo.new(0.35, Enum.EasingStyle.Quint), {BackgroundTransparency = 1, Size = UDim2.new(1, -55, 0, 30)}):Play()
    TweenService:Create(Main.Search.Search, TweenInfo.new(0.15, Enum.EasingStyle.Quint), {ImageTransparency = 1}):Play()
    TweenService:Create(Main.Search.Shadow, TweenInfo.new(0.15, Enum.EasingStyle.Quint), {ImageTransparency = 1}):Play()
    TweenService:Create(Main.Search.UIStroke, TweenInfo.new(0.15, Enum.EasingStyle.Quint), {Transparency = 1}):Play()
    TweenService:Create(Main.Search.Input, TweenInfo.new(0.15, Enum.EasingStyle.Quint), {TextTransparency = 1}):Play()

    for _, tabbtn in ipairs(TabList:GetChildren()) do
        if tabbtn.ClassName == "Frame" and tabbtn.Name ~= "Placeholder" then
            tabbtn.Interact.Visible = true
            if tostring(Elements.UIPageLayout.CurrentPage) == tabbtn.Title.Text then
                TweenService:Create(tabbtn, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
                TweenService:Create(tabbtn.Image, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
                TweenService:Create(tabbtn.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
                TweenService:Create(tabbtn.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
            else
                TweenService:Create(tabbtn, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.7}):Play()
                TweenService:Create(tabbtn.Image, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0.2}):Play()
                TweenService:Create(tabbtn.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0.2}):Play()
                TweenService:Create(tabbtn.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 0.5}):Play()
            end
        end
    end

    Main.Search.Input.Text = ''
    Main.Search.Input.Interactable = false
end

-- Sets element visibility across all tab pages (used by Hide, Unhide, Maximise, Minimise)
local function setElementsVisible(show)
    for _, tab in ipairs(Elements:GetChildren()) do
        if tab.Name ~= "Template" and tab.ClassName == "ScrollingFrame" and tab.Name ~= "Placeholder" then
            for _, element in ipairs(tab:GetChildren()) do
                if element.ClassName == "Frame" then
                    if element.Name ~= "SectionSpacing" and element.Name ~= "Placeholder" then
                        if element.Name == "SectionTitle" or element.Name == 'SearchTitle-fsefsefesfsefesfesfThanks' then
                            TweenService:Create(element.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = show and 0.4 or 1}):Play()
                        elseif element.Name == 'Divider' then
                            TweenService:Create(element.Divider, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = show and 0.85 or 1}):Play()
                        else
                            local bgTarget = element:GetAttribute("BackgroundTransparencyTarget") or 0
                            local strokeTarget = element:GetAttribute("UIStrokeTransparencyTarget") or 0
                            local titleTarget = element:GetAttribute("TitleTextTransparencyTarget") or 0
                            TweenService:Create(element, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = show and bgTarget or 1}):Play()
                            TweenService:Create(element.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = show and strokeTarget or 1}):Play()
                            TweenService:Create(element.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = show and titleTarget or 1}):Play()
                        end
                        for _, child in ipairs(element:GetChildren()) do
                            if child.ClassName == "Frame" or child.ClassName == "TextLabel" or child.ClassName == "TextBox" or child.ClassName == "ImageButton" or child.ClassName == "ImageLabel" then
                                child.Visible = show
                            end
                        end
                    end
                end
            end
        end
    end
end

-- Sets tab button visibility (used by Hide, Unhide, Maximise, Minimise)
local function setTabButtonsVisible(show)
    for _, tabbtn in ipairs(TabList:GetChildren()) do
        if tabbtn.ClassName == "Frame" and tabbtn.Name ~= "Placeholder" then
            if show then
                if tostring(Elements.UIPageLayout.CurrentPage) == tabbtn.Title.Text then
                    TweenService:Create(tabbtn, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
                    TweenService:Create(tabbtn.Image, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
                    TweenService:Create(tabbtn.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
                    TweenService:Create(tabbtn.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                else
                    TweenService:Create(tabbtn, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.7}):Play()
                    TweenService:Create(tabbtn.Image, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 0.2}):Play()
                    TweenService:Create(tabbtn.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0.2}):Play()
                    TweenService:Create(tabbtn.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 0.5}):Play()
                end
            else
                TweenService:Create(tabbtn, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
                TweenService:Create(tabbtn.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
                TweenService:Create(tabbtn.Image, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
                TweenService:Create(tabbtn.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
            end
        end
    end
end

local function Hide(notify: boolean?)
    if MPrompt then
        MPrompt.Title.TextColor3 = Color3.fromRGB(255, 255, 255)
        MPrompt.Position = UDim2.new(0.5, 0, 0, -50)
        MPrompt.Size = UDim2.new(0, 40, 0, 10)
        MPrompt.BackgroundTransparency = 1
        MPrompt.Title.TextTransparency = 1
        MPrompt.Visible = true
    end

    task.spawn(closeSearch)

    Debounce = true
    if notify then
        if useMobilePrompt then
            RayfieldLibrary:Notify({Title = "Interface Hidden", Content = "The interface has been hidden, you can unhide the interface by tapping 'Show'.", Duration = 7, Image = 4400697855})
        else
            RayfieldLibrary:Notify({Title = "Interface Hidden", Content = "The interface has been hidden, you can unhide the interface by tapping " .. tostring(getSetting("General", "rayfieldOpen")) .. ".", Duration = 7, Image = 4400697855})
        end
    end

    TweenService:Create(Main, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 470, 0, 0)}):Play()
    TweenService:Create(Main.Topbar, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 470, 0, 45)}):Play()
    TweenService:Create(Main, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Main.Topbar, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Main.Topbar.Divider, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Main.Topbar.CornerRepair, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Main.Topbar.Title, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(Main.Shadow.Image, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
    TweenService:Create(Topbar.UIStroke, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
    if dragBarCosmetic then
        TweenService:Create(dragBarCosmetic, TweenInfo.new(0.25, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {BackgroundTransparency = 1}):Play()
    end

    if useMobilePrompt and MPrompt then
        TweenService:Create(MPrompt, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 120, 0, 30), Position = UDim2.new(0.5, 0, 0, 20), BackgroundTransparency = 0.3}):Play()
        TweenService:Create(MPrompt.Title, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 0.3}):Play()
    end

    for _, TopbarButton in ipairs(Topbar:GetChildren()) do
        if TopbarButton.ClassName == "ImageButton" then
            TweenService:Create(TopbarButton, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
        end
    end

    setTabButtonsVisible(false)

    if dragInteract then dragInteract.Visible = false end

    setElementsVisible(false)

    task.wait(0.5)
    Main.Visible = false
    Debounce = false
end

local function Maximise()
    Debounce = true
    Topbar.ChangeSize.Image = customAssets[tostring(10137941941)]

    TweenService:Create(Topbar.UIStroke, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
    TweenService:Create(Main.Shadow.Image, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 0.6}):Play()
    TweenService:Create(Topbar.CornerRepair, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Topbar.Divider, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(dragBarCosmetic, TweenInfo.new(0.25, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {BackgroundTransparency = 0.7}):Play()
    TweenService:Create(Main, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = useMobileSizing and UDim2.new(0, 500, 0, 275) or UDim2.new(0, 500, 0, 475)}):Play()
    TweenService:Create(Topbar, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 500, 0, 45)}):Play()
    TabList.Visible = true
    task.wait(0.2)

    Elements.Visible = true

    setElementsVisible(true)

    task.wait(0.1)

    setTabButtonsVisible(true)

    task.wait(0.5)
    Debounce = false
end


local function Unhide()
    Debounce = true
    Main.Position = UDim2.new(0.5, 0, 0.5, 0)
    Main.Visible = true
    TweenService:Create(Main, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = useMobileSizing and UDim2.new(0, 500, 0, 275) or UDim2.new(0, 500, 0, 475)}):Play()
    TweenService:Create(Main.Topbar, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 500, 0, 45)}):Play()
    TweenService:Create(Main.Shadow.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.6}):Play()
    TweenService:Create(Main, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Main.Topbar, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Main.Topbar.Divider, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Main.Topbar.CornerRepair, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Main.Topbar.Title, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

    if MPrompt then
        TweenService:Create(MPrompt, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 40, 0, 10), Position = UDim2.new(0.5, 0, 0, -50), BackgroundTransparency = 1}):Play()
        TweenService:Create(MPrompt.Title, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()

        task.spawn(function()
            task.wait(0.5)
            MPrompt.Visible = false
        end)
    end

    if Minimised then
        task.spawn(Maximise)
    end

    dragBar.Position = useMobileSizing and UDim2.new(0.5, 0, 0.5, dragOffsetMobile) or UDim2.new(0.5, 0, 0.5, dragOffset)

    dragInteract.Visible = true

    for _, TopbarButton in ipairs(Topbar:GetChildren()) do
        if TopbarButton.ClassName == "ImageButton" then
            if TopbarButton.Name == 'Icon' then
                TweenService:Create(TopbarButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
            else
                TweenService:Create(TopbarButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.8}):Play()
            end

        end
    end

    setTabButtonsVisible(true)

    setElementsVisible(true)

    TweenService:Create(dragBarCosmetic, TweenInfo.new(0.25, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {BackgroundTransparency = 0.5}):Play()

    task.wait(0.5)
    Minimised = false
    Debounce = false
end

local function Minimise()
    Debounce = true
    Topbar.ChangeSize.Image = customAssets[tostring(11036884234)]

    Topbar.UIStroke.Color = SelectedTheme.ElementStroke

    task.spawn(closeSearch)

    setTabButtonsVisible(false)

    setElementsVisible(false)

    TweenService:Create(dragBarCosmetic, TweenInfo.new(0.25, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Topbar.UIStroke, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
    TweenService:Create(Main.Shadow.Image, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
    TweenService:Create(Topbar.CornerRepair, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Topbar.Divider, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(Main, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 495, 0, 45)}):Play()
    TweenService:Create(Topbar, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 495, 0, 45)}):Play()

    task.wait(0.3)

    Elements.Visible = false
    TabList.Visible = false

    task.wait(0.2)
    Debounce = false
end

local function saveSettings() -- Save settings to config file
    local encoded
    local success, err = pcall(function()
        encoded = HttpService:JSONEncode(settingsTable)
    end)

    if success then
        if useStudio then
            if script.Parent['get.val'] then
                script.Parent['get.val'].Value = encoded
            end
        end
        callSafely(writefile, RayfieldFolder..'/settings'..ConfigurationExtension, encoded)
    end
end

local function updateSetting(category: string, setting: string, value: any)
    if not settingsInitialized then
        return
    end
    settingsTable[category][setting].Value = value
    overriddenSettings[category .. "." .. setting] = nil -- If user changes an overriden setting, remove the override
    saveSettings()
end

local function createSettings(window)
    if not (writefile and isfile and readfile and isfolder and makefolder) and not useStudio then
        if Topbar['Settings'] then Topbar.Settings.Visible = false end
        Topbar['Search'].Position = UDim2.new(1, -75, 0.5, 0)
        warn('Can\'t create settings as no file-saving functionality is available.')
        return
    end

    local newTab = window:CreateTab('Rayfield Settings', 0, true)

    if TabList['Rayfield Settings'] then
        TabList['Rayfield Settings'].LayoutOrder = 1000
    end

    if Elements['Rayfield Settings'] then
        Elements['Rayfield Settings'].LayoutOrder = 1000
    end

    -- Create sections and elements
    for categoryName, settingCategory in pairs(settingsTable) do
        newTab:CreateSection(categoryName)

        for settingName, setting in pairs(settingCategory) do
            if setting.Type == 'input' then
                setting.Element = newTab:CreateInput({
                    Name = setting.Name,
                    CurrentValue = setting.Value,
                    PlaceholderText = setting.Placeholder,
                    Ext = true,
                    RemoveTextAfterFocusLost = setting.ClearOnFocus,
                    Callback = function(Value)
                        updateSetting(categoryName, settingName, Value)
                    end,
                })
            elseif setting.Type == 'toggle' then
                setting.Element = newTab:CreateToggle({
                    Name = setting.Name,
                    CurrentValue = setting.Value,
                    Ext = true,
                    Callback = function(Value)
                        updateSetting(categoryName, settingName, Value)
                    end,
                })
            elseif setting.Type == 'bind' then
                setting.Element = newTab:CreateKeybind({
                    Name = setting.Name,
                    CurrentKeybind = setting.Value,
                    HoldToInteract = false,
                    Ext = true,
                    CallOnChange = true,
                    Callback = function(Value)
                        updateSetting(categoryName, settingName, Value)
                    end,
                })
            end
        end
    end

    settingsCreated = true
    loadSettings()
    saveSettings()
end

local function fadeOutKeyUI(KeyMain)
    TweenService:Create(KeyMain, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(KeyMain, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 467, 0, 175)}):Play()
    TweenService:Create(KeyMain.Shadow.Image, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
    TweenService:Create(KeyMain.Title, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(KeyMain.Subtitle, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(KeyMain.KeyNote, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(KeyMain.Input, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
    TweenService:Create(KeyMain.Input.UIStroke, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
    TweenService:Create(KeyMain.Input.InputBox, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(KeyMain.NoteTitle, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(KeyMain.NoteMessage, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(KeyMain.Hide, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
end

function RayfieldLibrary:CreateWindow(Settings)
    if Rayfield:FindFirstChild('Loading') then
        if getgenv and not getgenv().rayfieldCached then
            Rayfield.Enabled = true
            Rayfield.Loading.Visible = true

            task.wait(1.4)
            Rayfield.Loading.Visible = false
        end
    end

    if getgenv then getgenv().rayfieldCached = true end

    if not correctBuild and not Settings.DisableBuildWarnings then
        task.delay(3,
            function()
                RayfieldLibrary:Notify({Title = 'Build Mismatch', Content = 'Rayfield may encounter issues as you are running an incompatible interface version ('.. ((Rayfield:FindFirstChild('Build') and Rayfield.Build.Value) or 'No Build') ..').\n\nThis version of Rayfield is intended for interface build '..InterfaceBuild..'.\n\nTry rejoining and then run the script twice.', Image = 4335487866, Duration = 15})
            end)
    end

    if Settings.ToggleUIKeybind then -- Can either be a string or an Enum.KeyCode
        local keybind = Settings.ToggleUIKeybind
        if type(keybind) == "string" then
            keybind = string.upper(keybind)
            assert(pcall(function()
                return Enum.KeyCode[keybind]
            end), "ToggleUIKeybind must be a valid KeyCode")
            overrideSetting("General", "rayfieldOpen", keybind)
        elseif typeof(keybind) == "EnumItem" then
            assert(keybind.EnumType == Enum.KeyCode, "ToggleUIKeybind must be a KeyCode enum")
            overrideSetting("General", "rayfieldOpen", keybind.Name)
        else
            error("ToggleUIKeybind must be a string or KeyCode enum")
        end
    end

    ensureFolder(RayfieldFolder)

    local Passthrough = false
    Topbar.Title.Text = Settings.Name

    Main.Size = UDim2.new(0, 420, 0, 100)
    Main.Visible = true
    Main.BackgroundTransparency = 1
    if Main:FindFirstChild('Notice') then Main.Notice.Visible = false end
    Main.Shadow.Image.ImageTransparency = 1

    LoadingFrame.Title.TextTransparency = 1
    LoadingFrame.Subtitle.TextTransparency = 1

    if Settings.ShowText then
        MPrompt.Title.Text = 'Show '..Settings.ShowText
    end

    LoadingFrame.Version.TextTransparency = 1
    LoadingFrame.Title.Text = Settings.LoadingTitle or "Rayfield"
    LoadingFrame.Subtitle.Text = Settings.LoadingSubtitle or "Interface Suite"

    if Settings.LoadingTitle ~= "Rayfield Interface Suite" then
        LoadingFrame.Version.Text = "Rayfield UI"
    end

    if Settings.Icon and Settings.Icon ~= 0 and Topbar:FindFirstChild('Icon') then
        Topbar.Icon.Visible = true
        Topbar.Title.Position = UDim2.new(0, 47, 0.5, 0)

        if Settings.Icon then
            local img, rectOffset, rectSize = resolveIcon(Settings.Icon)
            Topbar.Icon.Image = img
            if rectOffset then Topbar.Icon.ImageRectOffset = rectOffset end
            if rectSize then Topbar.Icon.ImageRectSize = rectSize end
        else
            Topbar.Icon.Image = ""
        end
    end

    if dragBar then
        dragBar.Visible = false
        dragBarCosmetic.BackgroundTransparency = 1
        dragBar.Visible = true
    end

    if Settings.Theme then
        local success, result = pcall(ChangeTheme, Settings.Theme)
        if not success then
            local success, result2 = pcall(ChangeTheme, 'Default')
            if not success then
                warn('CRITICAL ERROR - NO DEFAULT THEME')
                print(result2)
            end
            warn('issue rendering theme. no theme on file')
            print(result)
        end
    end

    Topbar.Visible = false
    Elements.Visible = false
    LoadingFrame.Visible = true

    if not Settings.DisableRayfieldPrompts then
        task.spawn(function()
            while not rayfieldDestroyed do
                task.wait(math.random(180, 600))
                if rayfieldDestroyed then break end
                RayfieldLibrary:Notify({
                    Title = "Rayfield Interface",
                    Content = "Enjoying this UI library? Find it at sirius.menu/discord",
                    Duration = 7,
                    Image = 4370033185,
                })
            end
        end)
    end

    pcall(function()
        if not Settings.ConfigurationSaving.FileName then
            Settings.ConfigurationSaving.FileName = tostring(game.PlaceId)
        end

        if Settings.ConfigurationSaving.Enabled == nil then
            Settings.ConfigurationSaving.Enabled = false
        end

        CFileName = Settings.ConfigurationSaving.FileName
        ConfigurationFolder = Settings.ConfigurationSaving.FolderName or ConfigurationFolder
        CEnabled = Settings.ConfigurationSaving.Enabled

        if Settings.ConfigurationSaving.Enabled then
            ensureFolder(ConfigurationFolder)
        end
    end)


    makeDraggable(Main, Topbar, false, {dragOffset, dragOffsetMobile})
    if dragBar then dragBar.Position = useMobileSizing and UDim2.new(0.5, 0, 0.5, dragOffsetMobile) or UDim2.new(0.5, 0, 0.5, dragOffset) makeDraggable(Main, dragInteract, true, {dragOffset, dragOffsetMobile}) end

    for _, TabButton in ipairs(TabList:GetChildren()) do
        if TabButton.ClassName == "Frame" and TabButton.Name ~= "Placeholder" then
            TabButton.BackgroundTransparency = 1
            TabButton.Title.TextTransparency = 1
            TabButton.Image.ImageTransparency = 1
            TabButton.UIStroke.Transparency = 1
        end
    end

    if Settings.Discord and Settings.Discord.Enabled and not useStudio and not secureMode then
        ensureFolder(RayfieldFolder.."/Discord Invites")

        if not callSafely(isfile, RayfieldFolder.."/Discord Invites".."/"..Settings.Discord.Invite..ConfigurationExtension) then
            if requestFunc then
                pcall(function()
                    requestFunc({
                        Url = 'http://127.0.0.1:6463/rpc?v=1',
                        Method = 'POST',
                        Headers = {
                            ['Content-Type'] = 'application/json',
                            Origin = 'https://discord.com'
                        },
                        Body = HttpService:JSONEncode({
                            cmd = 'INVITE_BROWSER',
                            nonce = HttpService:GenerateGUID(false),
                            args = {code = Settings.Discord.Invite}
                        })
                    })
                end)
            end

            if Settings.Discord.RememberJoins then -- We do logic this way so if the developer changes this setting, the user still won't be prompted, only new users
                callSafely(writefile, RayfieldFolder.."/Discord Invites".."/"..Settings.Discord.Invite..ConfigurationExtension,"Rayfield RememberJoins is true for this invite, this invite will not ask you to join again")
            end
        end
    end

    if (Settings.KeySystem) then
        if not Settings.KeySettings then
            Passthrough = true
            return
        end

        ensureFolder(RayfieldFolder.."/Key System")

        if typeof(Settings.KeySettings.Key) == "string" then Settings.KeySettings.Key = {Settings.KeySettings.Key} end

        if Settings.KeySettings.GrabKeyFromSite then
            for i, Key in ipairs(Settings.KeySettings.Key) do
                local Success, Response = pcall(function()
                    Settings.KeySettings.Key[i] = tostring(game:HttpGet(Key):gsub("[\n\r]", " "))
                    Settings.KeySettings.Key[i] = string.gsub(Settings.KeySettings.Key[i], " ", "")
                end)
                if not Success then
                    print("Rayfield | "..Key.." Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                end
            end
        end

        if not Settings.KeySettings.FileName then
            Settings.KeySettings.FileName = "No file name specified"
        end

        if callSafely(isfile, RayfieldFolder.."/Key System".."/"..Settings.KeySettings.FileName..ConfigurationExtension) then
            for _, MKey in ipairs(Settings.KeySettings.Key) do
                local savedKeys = callSafely(readfile, RayfieldFolder.."/Key System".."/"..Settings.KeySettings.FileName..ConfigurationExtension)
                if savedKeys and string.find(savedKeys, MKey) then
                    Passthrough = true
                end
            end
        end

        if not Passthrough and secureMode then
            warn("Rayfield | Secure Mode: Key system requires a valid saved key. The key UI cannot be shown as it requires loading detectable assets.")
            Rayfield.Enabled = false
            return RayfieldLibrary
        end

        if not Passthrough then
            local AttemptsRemaining = Settings.KeySettings.MaxAttempts or 5
            Rayfield.Enabled = false
            local KeyUI = useStudio and script.Parent:FindFirstChild('Key') or game:GetObjects("rbxassetid://11380036235")[1]

            KeyUI.Enabled = true

            if gethui then
                KeyUI.Parent = gethui()
            elseif syn and syn.protect_gui then
                syn.protect_gui(KeyUI)
                KeyUI.Parent = CoreGui
            elseif not useStudio and CoreGui:FindFirstChild("RobloxGui") then
                KeyUI.Parent = CoreGui:FindFirstChild("RobloxGui")
            elseif not useStudio then
                KeyUI.Parent = CoreGui
            end

            if gethui then
                for _, Interface in ipairs(gethui():GetChildren()) do
                    if Interface.Name == KeyUI.Name and Interface ~= KeyUI then
                        Interface.Enabled = false
                        Interface.Name = "KeyUI-Old"
                    end
                end
            elseif not useStudio then
                for _, Interface in ipairs(CoreGui:GetChildren()) do
                    if Interface.Name == KeyUI.Name and Interface ~= KeyUI then
                        Interface.Enabled = false
                        Interface.Name = "KeyUI-Old"
                    end
                end
            end

            local KeyMain = KeyUI.Main
            KeyMain.Title.Text = Settings.KeySettings.Title or Settings.Name
            KeyMain.Subtitle.Text = Settings.KeySettings.Subtitle or "Key System"
            KeyMain.NoteMessage.Text = Settings.KeySettings.Note or "No instructions"

            KeyMain.Size = UDim2.new(0, 467, 0, 175)
            KeyMain.BackgroundTransparency = 1
            KeyMain.Shadow.Image.ImageTransparency = 1
            KeyMain.Title.TextTransparency = 1
            KeyMain.Subtitle.TextTransparency = 1
            KeyMain.KeyNote.TextTransparency = 1
            KeyMain.Input.BackgroundTransparency = 1
            KeyMain.Input.UIStroke.Transparency = 1
            KeyMain.Input.InputBox.TextTransparency = 1
            KeyMain.NoteTitle.TextTransparency = 1
            KeyMain.NoteMessage.TextTransparency = 1
            KeyMain.Hide.ImageTransparency = 1

            TweenService:Create(KeyMain, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(KeyMain, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 500, 0, 187)}):Play()
            TweenService:Create(KeyMain.Shadow.Image, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 0.5}):Play()
            task.wait(0.05)
            TweenService:Create(KeyMain.Title, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            TweenService:Create(KeyMain.Subtitle, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            task.wait(0.05)
            TweenService:Create(KeyMain.KeyNote, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            TweenService:Create(KeyMain.Input, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(KeyMain.Input.UIStroke, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(KeyMain.Input.InputBox, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            task.wait(0.05)
            TweenService:Create(KeyMain.NoteTitle, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            TweenService:Create(KeyMain.NoteMessage, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            task.wait(0.15)
            TweenService:Create(KeyMain.Hide, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {ImageTransparency = 0.3}):Play()


            KeyUI.Main.Input.InputBox.FocusLost:Connect(function()
                if #KeyUI.Main.Input.InputBox.Text == 0 then return end
                local KeyFound = false
                local FoundKey = ''
                for _, MKey in ipairs(Settings.KeySettings.Key) do
                    --if string.find(KeyMain.Input.InputBox.Text, MKey) then
                    --  KeyFound = true
                    --  FoundKey = MKey
                    --end


                    -- stricter key check
                    if KeyMain.Input.InputBox.Text == MKey then
                        KeyFound = true
                        FoundKey = MKey
                    end
                end
                if KeyFound then
                    fadeOutKeyUI(KeyMain)
                    task.wait(0.51)
                    Passthrough = true
                    KeyMain.Visible = false
                    if Settings.KeySettings.SaveKey then
                        callSafely(writefile, RayfieldFolder.."/Key System".."/"..Settings.KeySettings.FileName..ConfigurationExtension, FoundKey)
                        RayfieldLibrary:Notify({Title = "Key System", Content = "The key for this script has been saved successfully.", Image = 3605522284})
                    end
                else
                    if AttemptsRemaining == 0 then
                        fadeOutKeyUI(KeyMain)
                        task.wait(0.45)
                        Players.LocalPlayer:Kick("No Attempts Remaining")
                        game:Shutdown()
                    end
                    KeyMain.Input.InputBox.Text = ""
                    AttemptsRemaining = AttemptsRemaining - 1
                    TweenService:Create(KeyMain, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 467, 0, 175)}):Play()
                    TweenService:Create(KeyMain, TweenInfo.new(0.4, Enum.EasingStyle.Elastic), {Position = UDim2.new(0.495,0,0.5,0)}):Play()
                    task.wait(0.1)
                    TweenService:Create(KeyMain, TweenInfo.new(0.4, Enum.EasingStyle.Elastic), {Position = UDim2.new(0.505,0,0.5,0)}):Play()
                    task.wait(0.1)
                    TweenService:Create(KeyMain, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {Position = UDim2.new(0.5,0,0.5,0)}):Play()
                    TweenService:Create(KeyMain, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 500, 0, 187)}):Play()
                end
            end)

            KeyMain.Hide.MouseButton1Click:Connect(function()
                fadeOutKeyUI(KeyMain)
                task.wait(0.51)
                Passthrough = true
                RayfieldLibrary:Destroy()
                KeyUI:Destroy()
            end)
        else
            Passthrough = true
        end
    end
    if Settings.KeySystem then
        repeat task.wait() until Passthrough
        if rayfieldDestroyed then return end
    end

    Notifications.Template.Visible = false
    Notifications.Visible = true
    Rayfield.Enabled = true

    task.wait(0.5)
    TweenService:Create(Main, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Main.Shadow.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.6}):Play()
    task.wait(0.1)
    TweenService:Create(LoadingFrame.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
    task.wait(0.05)
    TweenService:Create(LoadingFrame.Subtitle, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
    task.wait(0.05)
    TweenService:Create(LoadingFrame.Version, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()


    Elements.Template.LayoutOrder = 100000
    Elements.Template.Visible = false

    Elements.UIPageLayout.FillDirection = Enum.FillDirection.Horizontal
    Elements.UIPageLayout.ScrollWheelInputEnabled = false
    Elements.UIPageLayout.GamepadInputEnabled = false
    Elements.UIPageLayout.TouchInputEnabled = false
    TabList.Template.Visible = false

    -- Tab
    local FirstTab = false
    local Window = {}
    function Window:CreateTab(Name, Image, Ext)
        local SDone = false
        local TabButton = TabList.Template:Clone()
        TabButton.Name = Name
        TabButton.Title.Text = Name
        TabButton.Parent = TabList
        TabButton.Title.TextWrapped = false
        TabButton.Size = UDim2.new(0, TabButton.Title.TextBounds.X + 30, 0, 30)

        if Image and Image ~= 0 then
            local img, rectOffset, rectSize = resolveIcon(Image)
            TabButton.Image.Image = img
            if rectOffset then TabButton.Image.ImageRectOffset = rectOffset end
            if rectSize then TabButton.Image.ImageRectSize = rectSize end

            TabButton.Title.AnchorPoint = Vector2.new(0, 0.5)
            TabButton.Title.Position = UDim2.new(0, 37, 0.5, 0)
            TabButton.Image.Visible = true
            TabButton.Title.TextXAlignment = Enum.TextXAlignment.Left
            TabButton.Size = UDim2.new(0, TabButton.Title.TextBounds.X + 52, 0, 30)
        end



        TabButton.BackgroundTransparency = 1
        TabButton.Title.TextTransparency = 1
        TabButton.Image.ImageTransparency = 1
        TabButton.UIStroke.Transparency = 1

        TabButton.Visible = not Ext or false

        -- Create Elements Page
        local TabPage = Elements.Template:Clone()
        TabPage.Name = Name
        TabPage.Visible = true

        TabPage.LayoutOrder = Ext and 10000 or #Elements:GetChildren()

        for _, TemplateElement in ipairs(TabPage:GetChildren()) do
            if TemplateElement.ClassName == "Frame" and TemplateElement.Name ~= "Placeholder" then
                TemplateElement:Destroy()
            end
        end

        TabPage.Parent = Elements
        if not FirstTab and not Ext then
            Elements.UIPageLayout.Animated = false
            Elements.UIPageLayout:JumpTo(TabPage)
            Elements.UIPageLayout.Animated = true
        end

        TabButton.UIStroke.Color = SelectedTheme.TabStroke

        if Elements.UIPageLayout.CurrentPage == TabPage then
            TabButton.BackgroundColor3 = SelectedTheme.TabBackgroundSelected
            TabButton.Image.ImageColor3 = SelectedTheme.SelectedTabTextColor
            TabButton.Title.TextColor3 = SelectedTheme.SelectedTabTextColor
        else
            TabButton.BackgroundColor3 = SelectedTheme.TabBackground
            TabButton.Image.ImageColor3 = SelectedTheme.TabTextColor
            TabButton.Title.TextColor3 = SelectedTheme.TabTextColor
        end


        -- Animate
        task.wait(0.1)
        if FirstTab or Ext then
            TabButton.BackgroundColor3 = SelectedTheme.TabBackground
            TabButton.Image.ImageColor3 = SelectedTheme.TabTextColor
            TabButton.Title.TextColor3 = SelectedTheme.TabTextColor
            TweenService:Create(TabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.7}):Play()
            TweenService:Create(TabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0.2}):Play()
            TweenService:Create(TabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.2}):Play()
            TweenService:Create(TabButton.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0.5}):Play()
        elseif not Ext then
            FirstTab = Name
            TabButton.BackgroundColor3 = SelectedTheme.TabBackgroundSelected
            TabButton.Image.ImageColor3 = SelectedTheme.SelectedTabTextColor
            TabButton.Title.TextColor3 = SelectedTheme.SelectedTabTextColor
            TweenService:Create(TabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
            TweenService:Create(TabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(TabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
        end


        TabButton.Interact.MouseButton1Click:Connect(function()
            if Minimised then return end
            TweenService:Create(TabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(TabButton.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
            TweenService:Create(TabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            TweenService:Create(TabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
            TweenService:Create(TabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.TabBackgroundSelected}):Play()
            TweenService:Create(TabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextColor3 = SelectedTheme.SelectedTabTextColor}):Play()
            TweenService:Create(TabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageColor3 = SelectedTheme.SelectedTabTextColor}):Play()

            for _, OtherTabButton in ipairs(TabList:GetChildren()) do
                if OtherTabButton.Name ~= "Template" and OtherTabButton.ClassName == "Frame" and OtherTabButton ~= TabButton and OtherTabButton.Name ~= "Placeholder" then
                    TweenService:Create(OtherTabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.TabBackground}):Play()
                    TweenService:Create(OtherTabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextColor3 = SelectedTheme.TabTextColor}):Play()
                    TweenService:Create(OtherTabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageColor3 = SelectedTheme.TabTextColor}):Play()
                    TweenService:Create(OtherTabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.7}):Play()
                    TweenService:Create(OtherTabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0.2}):Play()
                    TweenService:Create(OtherTabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.2}):Play()
                    TweenService:Create(OtherTabButton.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0.5}):Play()
                end
            end

            if Elements.UIPageLayout.CurrentPage ~= TabPage then
                Elements.UIPageLayout:JumpTo(TabPage)
            end
        end)

        local Tab = {}

        -- Button
        function Tab:CreateButton(ButtonSettings)
            local ButtonValue = {}

            local Button = Elements.Template.Button:Clone()
            Button.Name = ButtonSettings.Name
            Button.Title.Text = ButtonSettings.Name
            Button.Visible = true
            Button.Parent = TabPage

            Button.BackgroundTransparency = 1
            Button.UIStroke.Transparency = 1
            Button.Title.TextTransparency = 1

            TweenService:Create(Button, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Button.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Button.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()


            Button.Interact.MouseButton1Click:Connect(function()
                local Success, Response = pcall(ButtonSettings.Callback)
                -- Prevents animation from trying to play if the button's callback called RayfieldLibrary:Destroy()
                if rayfieldDestroyed then
                    return
                end
                if not Success then
                    TweenService:Create(Button, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                    TweenService:Create(Button.ElementIndicator, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
                    TweenService:Create(Button.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    Button.Title.Text = "Callback Error"
                    print("Rayfield | "..ButtonSettings.Name.." Callback Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                    task.wait(0.5)
                    Button.Title.Text = ButtonSettings.Name
                    TweenService:Create(Button, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Button.ElementIndicator, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 0.9}):Play()
                    TweenService:Create(Button.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                else
                    if not ButtonSettings.Ext then
                        SaveConfiguration(ButtonSettings.Name..'\n')
                    end
                    TweenService:Create(Button, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                    TweenService:Create(Button.ElementIndicator, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
                    TweenService:Create(Button.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    task.wait(0.2)
                    TweenService:Create(Button, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Button.ElementIndicator, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 0.9}):Play()
                    TweenService:Create(Button.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end
            end)

            Button.MouseEnter:Connect(function()
                TweenService:Create(Button, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                TweenService:Create(Button.ElementIndicator, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 0.7}):Play()
            end)

            Button.MouseLeave:Connect(function()
                TweenService:Create(Button, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                TweenService:Create(Button.ElementIndicator, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 0.9}):Play()
            end)

            function ButtonValue:Set(NewButton)
                Button.Title.Text = NewButton
                Button.Name = NewButton
            end

            return ButtonValue
        end

        -- ColorPicker
        function Tab:CreateColorPicker(ColorPickerSettings) -- by Throit
            ColorPickerSettings.Type = "ColorPicker"
            local ColorPicker = Elements.Template.ColorPicker:Clone()
            local Background = ColorPicker.CPBackground
            local Display = Background.Display
            local Main = Background.MainCP
            local Slider = ColorPicker.ColorSlider
            ColorPicker.ClipsDescendants = true
            ColorPicker.Name = ColorPickerSettings.Name
            ColorPicker.Title.Text = ColorPickerSettings.Name
            ColorPicker.Visible = true
            ColorPicker.Parent = TabPage
            ColorPicker.Size = UDim2.new(1, -10, 0, 45)
            Background.Size = UDim2.new(0, 39, 0, 22)
            Display.BackgroundTransparency = 0
            Main.MainPoint.ImageTransparency = 1
            ColorPicker.Interact.Size = UDim2.new(1, 0, 1, 0)
            ColorPicker.Interact.Position = UDim2.new(0.5, 0, 0.5, 0)
            ColorPicker.RGB.Position = UDim2.new(0, 17, 0, 70)
            ColorPicker.HexInput.Position = UDim2.new(0, 17, 0, 90)
            Main.ImageTransparency = 1
            Background.BackgroundTransparency = 1

            for _, rgbinput in ipairs(ColorPicker.RGB:GetChildren()) do
                if rgbinput:IsA("Frame") then
                    rgbinput.BackgroundColor3 = SelectedTheme.InputBackground
                    rgbinput.UIStroke.Color = SelectedTheme.InputStroke
                end
            end

            ColorPicker.HexInput.BackgroundColor3 = SelectedTheme.InputBackground
            ColorPicker.HexInput.UIStroke.Color = SelectedTheme.InputStroke

            local opened = false
            local mouse = Players.LocalPlayer:GetMouse()
            local mainDragging = false
            local sliderDragging = false
            ColorPicker.Interact.MouseButton1Down:Connect(function()
                task.spawn(function()
                    TweenService:Create(ColorPicker, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                    TweenService:Create(ColorPicker.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    task.wait(0.2)
                    TweenService:Create(ColorPicker, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(ColorPicker.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end)

                if not opened then
                    opened = true
                    TweenService:Create(Background, TweenInfo.new(0.45, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 18, 0, 15)}):Play()
                    task.wait(0.1)
                    TweenService:Create(ColorPicker, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -10, 0, 120)}):Play()
                    TweenService:Create(Background, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 173, 0, 86)}):Play()
                    TweenService:Create(Display, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
                    TweenService:Create(ColorPicker.Interact, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Position = UDim2.new(0.289, 0, 0.5, 0)}):Play()
                    TweenService:Create(ColorPicker.RGB, TweenInfo.new(0.8, Enum.EasingStyle.Exponential), {Position = UDim2.new(0, 17, 0, 40)}):Play()
                    TweenService:Create(ColorPicker.HexInput, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Position = UDim2.new(0, 17, 0, 73)}):Play()
                    TweenService:Create(ColorPicker.Interact, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0.574, 0, 1, 0)}):Play()
                    TweenService:Create(Main.MainPoint, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
                    TweenService:Create(Main, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {ImageTransparency = SelectedTheme ~= RayfieldLibrary.Theme.Default and 0.25 or 0.1}):Play()
                    TweenService:Create(Background, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
                else
                    opened = false
                    TweenService:Create(ColorPicker, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -10, 0, 45)}):Play()
                    TweenService:Create(Background, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(0, 39, 0, 22)}):Play()
                    TweenService:Create(ColorPicker.Interact, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, 0, 1, 0)}):Play()
                    TweenService:Create(ColorPicker.Interact, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Position = UDim2.new(0.5, 0, 0.5, 0)}):Play()
                    TweenService:Create(ColorPicker.RGB, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Position = UDim2.new(0, 17, 0, 70)}):Play()
                    TweenService:Create(ColorPicker.HexInput, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Position = UDim2.new(0, 17, 0, 90)}):Play()
                    TweenService:Create(Display, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
                    TweenService:Create(Main.MainPoint, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
                    TweenService:Create(Main, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {ImageTransparency = 1}):Play()
                    TweenService:Create(Background, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
                end

            end)

            local colorPickerInputConnection = UserInputService.InputEnded:Connect(function(input, gameProcessed) if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
                    mainDragging = false
                    sliderDragging = false
                end end)
            Main.MouseButton1Down:Connect(function()
                if opened then
                    mainDragging = true
                end
            end)
            Main.MainPoint.MouseButton1Down:Connect(function()
                if opened then
                    mainDragging = true
                end
            end)
            Slider.MouseButton1Down:Connect(function()
                sliderDragging = true
            end)
            Slider.SliderPoint.MouseButton1Down:Connect(function()
                sliderDragging = true
            end)
            local h,s,v = ColorPickerSettings.Color:ToHSV()
            local color = Color3.fromHSV(h,s,v)
            local hex = string.format("#%02X%02X%02X",color.R*0xFF,color.G*0xFF,color.B*0xFF)
            ColorPicker.HexInput.InputBox.Text = hex
            local function setDisplay()
                --Main
                Main.MainPoint.Position = UDim2.new(s,-Main.MainPoint.AbsoluteSize.X/2,1-v,-Main.MainPoint.AbsoluteSize.Y/2)
                Main.MainPoint.ImageColor3 = Color3.fromHSV(h,s,v)
                Background.BackgroundColor3 = Color3.fromHSV(h,1,1)
                Display.BackgroundColor3 = Color3.fromHSV(h,s,v)
                --Slider
                local x = h * Slider.AbsoluteSize.X
                Slider.SliderPoint.Position = UDim2.new(0,x-Slider.SliderPoint.AbsoluteSize.X/2,0.5,0)
                Slider.SliderPoint.ImageColor3 = Color3.fromHSV(h,1,1)
                local color = Color3.fromHSV(h,s,v)
                local r,g,b = math.floor((color.R*255)+0.5),math.floor((color.G*255)+0.5),math.floor((color.B*255)+0.5)
                ColorPicker.RGB.RInput.InputBox.Text = tostring(r)
                ColorPicker.RGB.GInput.InputBox.Text = tostring(g)
                ColorPicker.RGB.BInput.InputBox.Text = tostring(b)
                hex = string.format("#%02X%02X%02X",color.R*0xFF,color.G*0xFF,color.B*0xFF)
                ColorPicker.HexInput.InputBox.Text = hex
            end
            setDisplay()
            ColorPicker.HexInput.InputBox.FocusLost:Connect(function()
                if not pcall(function()
                        local r, g, b = string.match(ColorPicker.HexInput.InputBox.Text, "^#?(%w%w)(%w%w)(%w%w)$")
                        local rgbColor = Color3.fromRGB(tonumber(r, 16),tonumber(g, 16), tonumber(b, 16))
                        h,s,v = rgbColor:ToHSV()
                        hex = ColorPicker.HexInput.InputBox.Text
                        setDisplay()
                        ColorPickerSettings.Color = rgbColor
                    end)
                then
                    ColorPicker.HexInput.InputBox.Text = hex
                end
                pcall(function()ColorPickerSettings.Callback(Color3.fromHSV(h,s,v))end)
                local r,g,b = math.floor((h*255)+0.5),math.floor((s*255)+0.5),math.floor((v*255)+0.5)
                ColorPickerSettings.Color = Color3.fromRGB(r,g,b)
                if not ColorPickerSettings.Ext then
                    SaveConfiguration()
                end
            end)
            --RGB
            local function rgbBoxes(box,toChange)
                local value = tonumber(box.Text)
                local color = Color3.fromHSV(h,s,v)
                local oldR,oldG,oldB = math.floor((color.R*255)+0.5),math.floor((color.G*255)+0.5),math.floor((color.B*255)+0.5)
                local save
                if toChange == "R" then save = oldR;oldR = value elseif toChange == "G" then save = oldG;oldG = value else save = oldB;oldB = value end
                if value then
                    value = math.clamp(value,0,255)
                    h,s,v = Color3.fromRGB(oldR,oldG,oldB):ToHSV()

                    setDisplay()
                else
                    box.Text = tostring(save)
                end
                local r,g,b = math.floor((h*255)+0.5),math.floor((s*255)+0.5),math.floor((v*255)+0.5)
                ColorPickerSettings.Color = Color3.fromRGB(r,g,b)
                if not ColorPickerSettings.Ext then
                    SaveConfiguration(ColorPickerSettings.Flag..'\n'..tostring(ColorPickerSettings.Color))
                end
            end
            ColorPicker.RGB.RInput.InputBox.FocusLost:connect(function()
                rgbBoxes(ColorPicker.RGB.RInput.InputBox,"R")
                pcall(function()ColorPickerSettings.Callback(Color3.fromHSV(h,s,v))end)
            end)
            ColorPicker.RGB.GInput.InputBox.FocusLost:connect(function()
                rgbBoxes(ColorPicker.RGB.GInput.InputBox,"G")
                pcall(function()ColorPickerSettings.Callback(Color3.fromHSV(h,s,v))end)
            end)
            ColorPicker.RGB.BInput.InputBox.FocusLost:connect(function()
                rgbBoxes(ColorPicker.RGB.BInput.InputBox,"B")
                pcall(function()ColorPickerSettings.Callback(Color3.fromHSV(h,s,v))end)
            end)

            local colorPickerRenderConnection = RunService.RenderStepped:connect(function()
                if mainDragging then
                    local localX = math.clamp(mouse.X-Main.AbsolutePosition.X,0,Main.AbsoluteSize.X)
                    local localY = math.clamp(mouse.Y-Main.AbsolutePosition.Y,0,Main.AbsoluteSize.Y)
                    Main.MainPoint.Position = UDim2.new(0,localX-Main.MainPoint.AbsoluteSize.X/2,0,localY-Main.MainPoint.AbsoluteSize.Y/2)
                    s = localX / Main.AbsoluteSize.X
                    v = 1 - (localY / Main.AbsoluteSize.Y)
                    Display.BackgroundColor3 = Color3.fromHSV(h,s,v)
                    Main.MainPoint.ImageColor3 = Color3.fromHSV(h,s,v)
                    Background.BackgroundColor3 = Color3.fromHSV(h,1,1)
                    local color = Color3.fromHSV(h,s,v)
                    local r,g,b = math.floor((color.R*255)+0.5),math.floor((color.G*255)+0.5),math.floor((color.B*255)+0.5)
                    ColorPicker.RGB.RInput.InputBox.Text = tostring(r)
                    ColorPicker.RGB.GInput.InputBox.Text = tostring(g)
                    ColorPicker.RGB.BInput.InputBox.Text = tostring(b)
                    ColorPicker.HexInput.InputBox.Text = string.format("#%02X%02X%02X",color.R*0xFF,color.G*0xFF,color.B*0xFF)
                    pcall(function()ColorPickerSettings.Callback(Color3.fromHSV(h,s,v))end)
                    ColorPickerSettings.Color = Color3.fromRGB(r,g,b)
                    if not ColorPickerSettings.Ext then
                        SaveConfiguration()
                    end
                end
                if sliderDragging then
                    local localX = math.clamp(mouse.X-Slider.AbsolutePosition.X,0,Slider.AbsoluteSize.X)
                    h = localX / Slider.AbsoluteSize.X
                    Display.BackgroundColor3 = Color3.fromHSV(h,s,v)
                    Slider.SliderPoint.Position = UDim2.new(0,localX-Slider.SliderPoint.AbsoluteSize.X/2,0.5,0)
                    Slider.SliderPoint.ImageColor3 = Color3.fromHSV(h,1,1)
                    Background.BackgroundColor3 = Color3.fromHSV(h,1,1)
                    Main.MainPoint.ImageColor3 = Color3.fromHSV(h,s,v)
                    local color = Color3.fromHSV(h,s,v)
                    local r,g,b = math.floor((color.R*255)+0.5),math.floor((color.G*255)+0.5),math.floor((color.B*255)+0.5)
                    ColorPicker.RGB.RInput.InputBox.Text = tostring(r)
                    ColorPicker.RGB.GInput.InputBox.Text = tostring(g)
                    ColorPicker.RGB.BInput.InputBox.Text = tostring(b)
                    ColorPicker.HexInput.InputBox.Text = string.format("#%02X%02X%02X",color.R*0xFF,color.G*0xFF,color.B*0xFF)
                    pcall(function()ColorPickerSettings.Callback(Color3.fromHSV(h,s,v))end)
                    ColorPickerSettings.Color = Color3.fromRGB(r,g,b)
                    if not ColorPickerSettings.Ext then
                        SaveConfiguration()
                    end
                end
            end)

            ColorPicker.Destroying:Connect(function()
                if colorPickerRenderConnection then
                    colorPickerRenderConnection:Disconnect()
                end
                if colorPickerInputConnection then
                    colorPickerInputConnection:Disconnect()
                end
            end)

            if Settings.ConfigurationSaving then
                if Settings.ConfigurationSaving.Enabled and ColorPickerSettings.Flag then
                    RayfieldLibrary.Flags[ColorPickerSettings.Flag] = ColorPickerSettings
                end
            end

            function ColorPickerSettings:Set(RGBColor)
                ColorPickerSettings.Color = RGBColor
                h,s,v = ColorPickerSettings.Color:ToHSV()
                color = Color3.fromHSV(h,s,v)
                setDisplay()
            end

            ColorPicker.MouseEnter:Connect(function()
                TweenService:Create(ColorPicker, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
            end)

            ColorPicker.MouseLeave:Connect(function()
                TweenService:Create(ColorPicker, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                for _, rgbinput in ipairs(ColorPicker.RGB:GetChildren()) do
                    if rgbinput:IsA("Frame") then
                        rgbinput.BackgroundColor3 = SelectedTheme.InputBackground
                        rgbinput.UIStroke.Color = SelectedTheme.InputStroke
                    end
                end

                ColorPicker.HexInput.BackgroundColor3 = SelectedTheme.InputBackground
                ColorPicker.HexInput.UIStroke.Color = SelectedTheme.InputStroke
            end)

            return ColorPickerSettings
        end

        -- Section
        function Tab:CreateSection(SectionName)

            local SectionValue = {}

            if SDone then
                local SectionSpace = Elements.Template.SectionSpacing:Clone()
                SectionSpace.Visible = true
                SectionSpace.Parent = TabPage
            end

            local Section = Elements.Template.SectionTitle:Clone()
            Section.Title.Text = SectionName
            Section.Visible = true
            Section.Parent = TabPage

            Section.Title.TextTransparency = 1
            TweenService:Create(Section.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0.4}):Play()

            function SectionValue:Set(NewSection)
                Section.Title.Text = NewSection
            end

            SDone = true

            return SectionValue
        end

        -- Divider
        function Tab:CreateDivider()
            local DividerValue = {}

            local Divider = Elements.Template.Divider:Clone()
            Divider.Visible = true
            Divider.Parent = TabPage

            Divider.Divider.BackgroundTransparency = 1
            TweenService:Create(Divider.Divider, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.85}):Play()

            function DividerValue:Set(Value)
                Divider.Visible = Value
            end

            return DividerValue
        end

        -- Label
        function Tab:CreateLabel(LabelText : string, Icon: number, Color : Color3, IgnoreTheme : boolean)
            local LabelValue = {}

            local Label = Elements.Template.Label:Clone()
            Label.Title.Text = LabelText
            Label.Visible = true
            Label.Parent = TabPage

            Label.BackgroundColor3 = Color or SelectedTheme.SecondaryElementBackground
            Label.UIStroke.Color = Color or SelectedTheme.SecondaryElementStroke

            if Icon then
                local img, rectOffset, rectSize = resolveIcon(Icon)
                Label.Icon.Image = img
                if rectOffset then Label.Icon.ImageRectOffset = rectOffset end
                if rectSize then Label.Icon.ImageRectSize = rectSize end
            else
                Label.Icon.Image = ""
            end

            if Icon and Label:FindFirstChild('Icon') then
                Label.Title.Position = UDim2.new(0, 45, 0.5, 0)
                Label.Title.Size = UDim2.new(1, -100, 0, 14)
                Label.Icon.Visible = true
            end

            Label.Icon.ImageTransparency = 1
            Label.BackgroundTransparency = 1
            Label.UIStroke.Transparency = 1
            Label.Title.TextTransparency = 1

            Label:SetAttribute("BackgroundTransparencyTarget", Color and 0.8 or 0)
            Label:SetAttribute("UIStrokeTransparencyTarget", Color and 0.7 or 0)
            Label:SetAttribute("TitleTextTransparencyTarget", Color and 0.2 or 0)

            TweenService:Create(Label, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = Color and 0.8 or 0}):Play()
            TweenService:Create(Label.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = Color and 0.7 or 0}):Play()
            TweenService:Create(Label.Icon, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.2}):Play()
            TweenService:Create(Label.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = Color and 0.2 or 0}):Play()

            function LabelValue:Set(NewLabel, Icon, Color)
                Label.Title.Text = NewLabel

                if Color then
                    Label.BackgroundColor3 = Color or SelectedTheme.SecondaryElementBackground
                    Label.UIStroke.Color = Color or SelectedTheme.SecondaryElementStroke
                end

                if Icon and Label:FindFirstChild('Icon') then
                    Label.Title.Position = UDim2.new(0, 45, 0.5, 0)
                    Label.Title.Size = UDim2.new(1, -100, 0, 14)

                    local img, rectOffset, rectSize = resolveIcon(Icon)
                    Label.Icon.Image = img
                    if rectOffset then Label.Icon.ImageRectOffset = rectOffset end
                    if rectSize then Label.Icon.ImageRectSize = rectSize end

                    Label.Icon.Visible = true
                end
            end

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                Label.BackgroundColor3 = IgnoreTheme and (Color or Label.BackgroundColor3) or SelectedTheme.SecondaryElementBackground
                Label.UIStroke.Color = IgnoreTheme and (Color or Label.BackgroundColor3) or SelectedTheme.SecondaryElementStroke
            end)

            return LabelValue
        end

        -- Paragraph
        function Tab:CreateParagraph(ParagraphSettings)
            local ParagraphValue = {}

            local Paragraph = Elements.Template.Paragraph:Clone()
            Paragraph.Title.Text = ParagraphSettings.Title
            Paragraph.Content.Text = ParagraphSettings.Content
            Paragraph.Visible = true
            Paragraph.Parent = TabPage

            Paragraph.BackgroundTransparency = 1
            Paragraph.UIStroke.Transparency = 1
            Paragraph.Title.TextTransparency = 1
            Paragraph.Content.TextTransparency = 1

            Paragraph.BackgroundColor3 = SelectedTheme.SecondaryElementBackground
            Paragraph.UIStroke.Color = SelectedTheme.SecondaryElementStroke

            TweenService:Create(Paragraph, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Paragraph.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Paragraph.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
            TweenService:Create(Paragraph.Content, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

            function ParagraphValue:Set(NewParagraphSettings)
                Paragraph.Title.Text = NewParagraphSettings.Title
                Paragraph.Content.Text = NewParagraphSettings.Content
            end

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                Paragraph.BackgroundColor3 = SelectedTheme.SecondaryElementBackground
                Paragraph.UIStroke.Color = SelectedTheme.SecondaryElementStroke
            end)

            return ParagraphValue
        end

        -- Input
        function Tab:CreateInput(InputSettings)
            local Input = Elements.Template.Input:Clone()
            Input.Name = InputSettings.Name
            Input.Title.Text = InputSettings.Name
            Input.Visible = true
            Input.Parent = TabPage

            Input.BackgroundTransparency = 1
            Input.UIStroke.Transparency = 1
            Input.Title.TextTransparency = 1

            Input.InputFrame.InputBox.Text = InputSettings.CurrentValue or ''

            Input.InputFrame.BackgroundColor3 = SelectedTheme.InputBackground
            Input.InputFrame.UIStroke.Color = SelectedTheme.InputStroke

            TweenService:Create(Input, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Input.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Input.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

            Input.InputFrame.InputBox.PlaceholderText = InputSettings.PlaceholderText
            Input.InputFrame.Size = UDim2.new(0, Input.InputFrame.InputBox.TextBounds.X + 24, 0, 30)

            Input.InputFrame.InputBox.FocusLost:Connect(function()
                local Success, Response = pcall(function()
                    InputSettings.Callback(Input.InputFrame.InputBox.Text)
                    InputSettings.CurrentValue = Input.InputFrame.InputBox.Text
                end)

                if not Success then
                    TweenService:Create(Input, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                    TweenService:Create(Input.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    Input.Title.Text = "Callback Error"
                    print("Rayfield | "..InputSettings.Name.." Callback Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                    task.wait(0.5)
                    Input.Title.Text = InputSettings.Name
                    TweenService:Create(Input, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Input.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                if InputSettings.RemoveTextAfterFocusLost then
                    Input.InputFrame.InputBox.Text = ""
                end

                if not InputSettings.Ext then
                    SaveConfiguration()
                end
            end)

            Input.MouseEnter:Connect(function()
                TweenService:Create(Input, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
            end)

            Input.MouseLeave:Connect(function()
                TweenService:Create(Input, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            Input.InputFrame.InputBox:GetPropertyChangedSignal("Text"):Connect(function()
                TweenService:Create(Input.InputFrame, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Size = UDim2.new(0, Input.InputFrame.InputBox.TextBounds.X + 24, 0, 30)}):Play()
            end)

            function InputSettings:Set(text)
                Input.InputFrame.InputBox.Text = text
                InputSettings.CurrentValue = text

                local Success, Response = pcall(function()
                    InputSettings.Callback(text)
                end)

                if not InputSettings.Ext then
                    SaveConfiguration()
                end
            end

            if Settings.ConfigurationSaving then
                if Settings.ConfigurationSaving.Enabled and InputSettings.Flag then
                    RayfieldLibrary.Flags[InputSettings.Flag] = InputSettings
                end
            end

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                Input.InputFrame.BackgroundColor3 = SelectedTheme.InputBackground
                Input.InputFrame.UIStroke.Color = SelectedTheme.InputStroke
            end)

            return InputSettings
        end

        -- Dropdown
        function Tab:CreateDropdown(DropdownSettings)
            local Dropdown = Elements.Template.Dropdown:Clone()
            if string.find(DropdownSettings.Name,"closed") then
                Dropdown.Name = "Dropdown"
            else
                Dropdown.Name = DropdownSettings.Name
            end
            Dropdown.Title.Text = DropdownSettings.Name
            Dropdown.Visible = true
            Dropdown.Parent = TabPage

            Dropdown.List.Visible = false
            if DropdownSettings.CurrentOption then
                if type(DropdownSettings.CurrentOption) == "string" then
                    DropdownSettings.CurrentOption = {DropdownSettings.CurrentOption}
                end
                if not DropdownSettings.MultipleOptions and type(DropdownSettings.CurrentOption) == "table" then
                    DropdownSettings.CurrentOption = {DropdownSettings.CurrentOption[1]}
                end
            else
                DropdownSettings.CurrentOption = {}
            end

            if DropdownSettings.MultipleOptions then
                if DropdownSettings.CurrentOption and type(DropdownSettings.CurrentOption) == "table" then
                    if #DropdownSettings.CurrentOption == 1 then
                        Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                    elseif #DropdownSettings.CurrentOption == 0 then
                        Dropdown.Selected.Text = "None"
                    else
                        Dropdown.Selected.Text = "Various"
                    end
                else
                    DropdownSettings.CurrentOption = {}
                    Dropdown.Selected.Text = "None"
                end
            else
                Dropdown.Selected.Text = DropdownSettings.CurrentOption[1] or "None"
            end

            Dropdown.Toggle.ImageColor3 = SelectedTheme.TextColor
            TweenService:Create(Dropdown, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()

            Dropdown.BackgroundTransparency = 1
            Dropdown.UIStroke.Transparency = 1
            Dropdown.Title.TextTransparency = 1

            Dropdown.Size = UDim2.new(1, -10, 0, 45)

            TweenService:Create(Dropdown, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Dropdown.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

            for _, ununusedoption in ipairs(Dropdown.List:GetChildren()) do
                if ununusedoption.ClassName == "Frame" and ununusedoption.Name ~= "Placeholder" then
                    ununusedoption:Destroy()
                end
            end

            Dropdown.Toggle.Rotation = 180

            Dropdown.Interact.MouseButton1Click:Connect(function()
                TweenService:Create(Dropdown, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                task.wait(0.1)
                TweenService:Create(Dropdown, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                if Debounce then return end
                if Dropdown.List.Visible then
                    Debounce = true
                    TweenService:Create(Dropdown, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -10, 0, 45)}):Play()
                    for _, DropdownOpt in ipairs(Dropdown.List:GetChildren()) do
                        if DropdownOpt.ClassName == "Frame" and DropdownOpt.Name ~= "Placeholder" then
                            TweenService:Create(DropdownOpt, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
                            TweenService:Create(DropdownOpt.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                            TweenService:Create(DropdownOpt.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
                        end
                    end
                    TweenService:Create(Dropdown.List, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ScrollBarImageTransparency = 1}):Play()
                    TweenService:Create(Dropdown.Toggle, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Rotation = 180}):Play()
                    task.wait(0.35)
                    Dropdown.List.Visible = false
                    Debounce = false
                else
                    TweenService:Create(Dropdown, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -10, 0, 180)}):Play()
                    Dropdown.List.Visible = true
                    TweenService:Create(Dropdown.List, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ScrollBarImageTransparency = 0.7}):Play()
                    TweenService:Create(Dropdown.Toggle, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Rotation = 0}):Play()
                    for _, DropdownOpt in ipairs(Dropdown.List:GetChildren()) do
                        if DropdownOpt.ClassName == "Frame" and DropdownOpt.Name ~= "Placeholder" then
                            if DropdownOpt.Name ~= Dropdown.Selected.Text then
                                TweenService:Create(DropdownOpt.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                            end
                            TweenService:Create(DropdownOpt, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
                            TweenService:Create(DropdownOpt.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
                        end
                    end
                end
            end)

            Dropdown.MouseEnter:Connect(function()
                if not Dropdown.List.Visible then
                    TweenService:Create(Dropdown, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                end
            end)

            Dropdown.MouseLeave:Connect(function()
                TweenService:Create(Dropdown, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            local function SetDropdownOptions()
                for _, Option in ipairs(DropdownSettings.Options) do
                    local DropdownOption = Elements.Template.Dropdown.List.Template:Clone()
                    DropdownOption.Name = Option
                    DropdownOption.Title.Text = Option
                    DropdownOption.Parent = Dropdown.List
                    DropdownOption.Visible = true

                    DropdownOption.BackgroundTransparency = 1
                    DropdownOption.UIStroke.Transparency = 1
                    DropdownOption.Title.TextTransparency = 1

                    --local Dropdown = Tab:CreateDropdown({
                    --  Name = "Dropdown Example",
                    --  Options = {"Option 1","Option 2"},
                    --  CurrentOption = {"Option 1"},
                    --  MultipleOptions = true,
                    --  Flag = "Dropdown1",
                    --  Callback = function(TableOfOptions)

                    --  end,
                    --})


                    DropdownOption.Interact.ZIndex = 50
                    DropdownOption.Interact.MouseButton1Click:Connect(function()
                        if not DropdownSettings.MultipleOptions and table.find(DropdownSettings.CurrentOption, Option) then
                            return
                        end

                        if table.find(DropdownSettings.CurrentOption, Option) then
                            table.remove(DropdownSettings.CurrentOption, table.find(DropdownSettings.CurrentOption, Option))
                            if DropdownSettings.MultipleOptions then
                                if #DropdownSettings.CurrentOption == 1 then
                                    Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                                elseif #DropdownSettings.CurrentOption == 0 then
                                    Dropdown.Selected.Text = "None"
                                else
                                    Dropdown.Selected.Text = "Various"
                                end
                            else
                                Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                            end
                        else
                            if not DropdownSettings.MultipleOptions then
                                table.clear(DropdownSettings.CurrentOption)
                            end
                            table.insert(DropdownSettings.CurrentOption, Option)
                            if DropdownSettings.MultipleOptions then
                                if #DropdownSettings.CurrentOption == 1 then
                                    Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                                elseif #DropdownSettings.CurrentOption == 0 then
                                    Dropdown.Selected.Text = "None"
                                else
                                    Dropdown.Selected.Text = "Various"
                                end
                            else
                                Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                            end
                            TweenService:Create(DropdownOption.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                            TweenService:Create(DropdownOption, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.DropdownSelected}):Play()
                            Debounce = true
                        end


                        local Success, Response = pcall(function()
                            DropdownSettings.Callback(DropdownSettings.CurrentOption)
                        end)

                        if not Success then
                            TweenService:Create(Dropdown, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                            TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                            Dropdown.Title.Text = "Callback Error"
                            print("Rayfield | "..DropdownSettings.Name.." Callback Error " ..tostring(Response))
                            warn('Check docs.sirius.menu for help with Rayfield specific development.')
                            task.wait(0.5)
                            Dropdown.Title.Text = DropdownSettings.Name
                            TweenService:Create(Dropdown, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                            TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                        end

                        for _, droption in ipairs(Dropdown.List:GetChildren()) do
                            if droption.ClassName == "Frame" and droption.Name ~= "Placeholder" and not table.find(DropdownSettings.CurrentOption, droption.Name) then
                                TweenService:Create(droption, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.DropdownUnselected}):Play()
                            end
                        end
                        if not DropdownSettings.MultipleOptions then
                            task.wait(0.1)
                            TweenService:Create(Dropdown, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, -10, 0, 45)}):Play()
                            for _, DropdownOpt in ipairs(Dropdown.List:GetChildren()) do
                                if DropdownOpt.ClassName == "Frame" and DropdownOpt.Name ~= "Placeholder" then
                                    TweenService:Create(DropdownOpt, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {BackgroundTransparency = 1}):Play()
                                    TweenService:Create(DropdownOpt.UIStroke, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                                    TweenService:Create(DropdownOpt.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
                                end
                            end
                            TweenService:Create(Dropdown.List, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {ScrollBarImageTransparency = 1}):Play()
                            TweenService:Create(Dropdown.Toggle, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Rotation = 180}):Play()
                            task.wait(0.35)
                            Dropdown.List.Visible = false
                        end
                        Debounce = false
                        if not DropdownSettings.Ext then
                            SaveConfiguration()
                        end
                    end)

                    Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                        DropdownOption.UIStroke.Color = SelectedTheme.ElementStroke
                    end)
                end
            end
            SetDropdownOptions()

            for _, droption in ipairs(Dropdown.List:GetChildren()) do
                if droption.ClassName == "Frame" and droption.Name ~= "Placeholder" then
                    if not table.find(DropdownSettings.CurrentOption, droption.Name) then
                        droption.BackgroundColor3 = SelectedTheme.DropdownUnselected
                    else
                        droption.BackgroundColor3 = SelectedTheme.DropdownSelected
                    end

                    Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                        if not table.find(DropdownSettings.CurrentOption, droption.Name) then
                            droption.BackgroundColor3 = SelectedTheme.DropdownUnselected
                        else
                            droption.BackgroundColor3 = SelectedTheme.DropdownSelected
                        end
                    end)
                end
            end

            function DropdownSettings:Set(NewOption)
                DropdownSettings.CurrentOption = NewOption

                if typeof(DropdownSettings.CurrentOption) == "string" then
                    DropdownSettings.CurrentOption = {DropdownSettings.CurrentOption}
                end

                if not DropdownSettings.MultipleOptions then
                    DropdownSettings.CurrentOption = {DropdownSettings.CurrentOption[1]}
                end

                if DropdownSettings.MultipleOptions then
                    if #DropdownSettings.CurrentOption == 1 then
                        Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                    elseif #DropdownSettings.CurrentOption == 0 then
                        Dropdown.Selected.Text = "None"
                    else
                        Dropdown.Selected.Text = "Various"
                    end
                else
                    Dropdown.Selected.Text = DropdownSettings.CurrentOption[1]
                end


                local Success, Response = pcall(function()
                    DropdownSettings.Callback(NewOption)
                end)
                if not Success then
                    TweenService:Create(Dropdown, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                    TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    Dropdown.Title.Text = "Callback Error"
                    print("Rayfield | "..DropdownSettings.Name.." Callback Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                    task.wait(0.5)
                    Dropdown.Title.Text = DropdownSettings.Name
                    TweenService:Create(Dropdown, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Dropdown.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                for _, droption in ipairs(Dropdown.List:GetChildren()) do
                    if droption.ClassName == "Frame" and droption.Name ~= "Placeholder" then
                        if not table.find(DropdownSettings.CurrentOption, droption.Name) then
                            droption.BackgroundColor3 = SelectedTheme.DropdownUnselected
                        else
                            droption.BackgroundColor3 = SelectedTheme.DropdownSelected
                        end
                    end
                end
                --SaveConfiguration()
            end

            function DropdownSettings:Refresh(optionsTable: table) -- updates a dropdown with new options from optionsTable
                DropdownSettings.Options = optionsTable
                for _, option in Dropdown.List:GetChildren() do
                    if option.ClassName == "Frame" and option.Name ~= "Placeholder" then
                        option:Destroy()
                    end
                end
                SetDropdownOptions()

                -- Apply selected/unselected background colors to new options
                for _, droption in ipairs(Dropdown.List:GetChildren()) do
                    if droption.ClassName == "Frame" and droption.Name ~= "Placeholder" then
                        if not table.find(DropdownSettings.CurrentOption, droption.Name) then
                            droption.BackgroundColor3 = SelectedTheme.DropdownUnselected
                        else
                            droption.BackgroundColor3 = SelectedTheme.DropdownSelected
                        end
                    end
                end

                -- If the dropdown is currently open, make new options visible immediately
                if Dropdown.List.Visible then
                    for _, DropdownOpt in ipairs(Dropdown.List:GetChildren()) do
                        if DropdownOpt.ClassName == "Frame" and DropdownOpt.Name ~= "Placeholder" then
                            DropdownOpt.BackgroundTransparency = 0
                            DropdownOpt.Title.TextTransparency = 0
                            if not table.find(DropdownSettings.CurrentOption, DropdownOpt.Name) then
                                DropdownOpt.UIStroke.Transparency = 0
                            end
                        end
                    end
                end
            end

            if Settings.ConfigurationSaving then
                if Settings.ConfigurationSaving.Enabled and DropdownSettings.Flag then
                    RayfieldLibrary.Flags[DropdownSettings.Flag] = DropdownSettings
                end
            end

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                Dropdown.Toggle.ImageColor3 = SelectedTheme.TextColor
                TweenService:Create(Dropdown, TweenInfo.new(0.4, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            return DropdownSettings
        end

        -- Keybind
        function Tab:CreateKeybind(KeybindSettings)
            local CheckingForKey = false
            local Keybind = Elements.Template.Keybind:Clone()
            Keybind.Name = KeybindSettings.Name
            Keybind.Title.Text = KeybindSettings.Name
            Keybind.Visible = true
            Keybind.Parent = TabPage

            Keybind.BackgroundTransparency = 1
            Keybind.UIStroke.Transparency = 1
            Keybind.Title.TextTransparency = 1

            Keybind.KeybindFrame.BackgroundColor3 = SelectedTheme.InputBackground
            Keybind.KeybindFrame.UIStroke.Color = SelectedTheme.InputStroke

            TweenService:Create(Keybind, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Keybind.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Keybind.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

            Keybind.KeybindFrame.KeybindBox.Text = KeybindSettings.CurrentKeybind
            Keybind.KeybindFrame.Size = UDim2.new(0, Keybind.KeybindFrame.KeybindBox.TextBounds.X + 24, 0, 30)

            Keybind.KeybindFrame.KeybindBox.Focused:Connect(function()
                CheckingForKey = true
                Keybind.KeybindFrame.KeybindBox.Text = ""
            end)
            Keybind.KeybindFrame.KeybindBox.FocusLost:Connect(function()
                CheckingForKey = false
                if Keybind.KeybindFrame.KeybindBox.Text == nil or Keybind.KeybindFrame.KeybindBox.Text == "" then
                    Keybind.KeybindFrame.KeybindBox.Text = KeybindSettings.CurrentKeybind
                    if not KeybindSettings.Ext then
                        SaveConfiguration()
                    end
                end
            end)

            Keybind.MouseEnter:Connect(function()
                TweenService:Create(Keybind, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
            end)

            Keybind.MouseLeave:Connect(function()
                TweenService:Create(Keybind, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            local connection = UserInputService.InputBegan:Connect(function(input, processed)
                if CheckingForKey then
                    if input.KeyCode ~= Enum.KeyCode.Unknown then
                        local SplitMessage = string.split(tostring(input.KeyCode), ".")
                        local NewKeyNoEnum = SplitMessage[3]
                        Keybind.KeybindFrame.KeybindBox.Text = tostring(NewKeyNoEnum)
                        KeybindSettings.CurrentKeybind = tostring(NewKeyNoEnum)
                        Keybind.KeybindFrame.KeybindBox:ReleaseFocus()
                        if not KeybindSettings.Ext then
                            SaveConfiguration()
                        end

                        if KeybindSettings.CallOnChange then
                            KeybindSettings.Callback(tostring(NewKeyNoEnum))
                        end
                    end
                elseif not KeybindSettings.CallOnChange and KeybindSettings.CurrentKeybind ~= nil and (input.KeyCode == Enum.KeyCode[KeybindSettings.CurrentKeybind] and not processed) then -- Test
                    local Held = true
                    local Connection
                    Connection = input.Changed:Connect(function(prop)
                        if prop == "UserInputState" then
                            Connection:Disconnect()
                            Held = false
                        end
                    end)

                    if not KeybindSettings.HoldToInteract then
                        local Success, Response = pcall(KeybindSettings.Callback)
                        if not Success then
                            TweenService:Create(Keybind, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                            TweenService:Create(Keybind.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                            Keybind.Title.Text = "Callback Error"
                            print("Rayfield | "..KeybindSettings.Name.." Callback Error " ..tostring(Response))
                            warn('Check docs.sirius.menu for help with Rayfield specific development.')
                            task.wait(0.5)
                            Keybind.Title.Text = KeybindSettings.Name
                            TweenService:Create(Keybind, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                            TweenService:Create(Keybind.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                        end
                    else
                        task.wait(0.25)
                        if Held then
                            local Loop; Loop = RunService.Stepped:Connect(function()
                                if not Held then
                                    KeybindSettings.Callback(false) -- maybe pcall this
                                    Loop:Disconnect()
                                else
                                    KeybindSettings.Callback(true) -- maybe pcall this
                                end
                            end)
                        end
                    end
                end
            end)
            table.insert(keybindConnections, connection)

            Keybind.KeybindFrame.KeybindBox:GetPropertyChangedSignal("Text"):Connect(function()
                TweenService:Create(Keybind.KeybindFrame, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Size = UDim2.new(0, Keybind.KeybindFrame.KeybindBox.TextBounds.X + 24, 0, 30)}):Play()
            end)

            function KeybindSettings:Set(NewKeybind)
                Keybind.KeybindFrame.KeybindBox.Text = tostring(NewKeybind)
                KeybindSettings.CurrentKeybind = tostring(NewKeybind)
                Keybind.KeybindFrame.KeybindBox:ReleaseFocus()
                if not KeybindSettings.Ext then
                    SaveConfiguration()
                end

                if KeybindSettings.CallOnChange then
                    KeybindSettings.Callback(tostring(NewKeybind))
                end
            end

            if Settings.ConfigurationSaving then
                if Settings.ConfigurationSaving.Enabled and KeybindSettings.Flag then
                    RayfieldLibrary.Flags[KeybindSettings.Flag] = KeybindSettings
                end
            end

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                Keybind.KeybindFrame.BackgroundColor3 = SelectedTheme.InputBackground
                Keybind.KeybindFrame.UIStroke.Color = SelectedTheme.InputStroke
            end)

            return KeybindSettings
        end

        -- Toggle
        function Tab:CreateToggle(ToggleSettings)
            local ToggleValue = {}

            local Toggle = Elements.Template.Toggle:Clone()
            Toggle.Name = ToggleSettings.Name
            Toggle.Title.Text = ToggleSettings.Name
            Toggle.Visible = true
            Toggle.Parent = TabPage

            Toggle.BackgroundTransparency = 1
            Toggle.UIStroke.Transparency = 1
            Toggle.Title.TextTransparency = 1
            Toggle.Switch.BackgroundColor3 = SelectedTheme.ToggleBackground

            if SelectedTheme ~= RayfieldLibrary.Theme.Default then
                Toggle.Switch.Shadow.Visible = false
            end

            TweenService:Create(Toggle, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Toggle.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

            if ToggleSettings.CurrentValue == true then
                Toggle.Switch.Indicator.Position = UDim2.new(1, -20, 0.5, 0)
                Toggle.Switch.Indicator.UIStroke.Color = SelectedTheme.ToggleEnabledStroke
                Toggle.Switch.Indicator.BackgroundColor3 = SelectedTheme.ToggleEnabled
                Toggle.Switch.UIStroke.Color = SelectedTheme.ToggleEnabledOuterStroke
            else
                Toggle.Switch.Indicator.Position = UDim2.new(1, -40, 0.5, 0)
                Toggle.Switch.Indicator.UIStroke.Color = SelectedTheme.ToggleDisabledStroke
                Toggle.Switch.Indicator.BackgroundColor3 = SelectedTheme.ToggleDisabled
                Toggle.Switch.UIStroke.Color = SelectedTheme.ToggleDisabledOuterStroke
            end

            Toggle.MouseEnter:Connect(function()
                TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
            end)

            Toggle.MouseLeave:Connect(function()
                TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            Toggle.Interact.MouseButton1Click:Connect(function()
                if ToggleSettings.CurrentValue == true then
                    ToggleSettings.CurrentValue = false
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.45, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Position = UDim2.new(1, -40, 0.5, 0)}):Play()
                    TweenService:Create(Toggle.Switch.Indicator.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleDisabledStroke}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.8, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {BackgroundColor3 = SelectedTheme.ToggleDisabled}):Play()
                    TweenService:Create(Toggle.Switch.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleDisabledOuterStroke}):Play()
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                else
                    ToggleSettings.CurrentValue = true
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.5, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Position = UDim2.new(1, -20, 0.5, 0)}):Play()
                    TweenService:Create(Toggle.Switch.Indicator.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleEnabledStroke}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.8, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {BackgroundColor3 = SelectedTheme.ToggleEnabled}):Play()
                    TweenService:Create(Toggle.Switch.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleEnabledOuterStroke}):Play()
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                local Success, Response = pcall(function()
                    if debugX then warn('Running toggle \''..ToggleSettings.Name..'\' (Interact)') end

                    ToggleSettings.Callback(ToggleSettings.CurrentValue)
                end)

                if not Success then
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    Toggle.Title.Text = "Callback Error"
                    print("Rayfield | "..ToggleSettings.Name.." Callback Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                    task.wait(0.5)
                    Toggle.Title.Text = ToggleSettings.Name
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                if not ToggleSettings.Ext then
                    SaveConfiguration()
                end
            end)

            function ToggleSettings:Set(NewToggleValue)
                if NewToggleValue == true then
                    ToggleSettings.CurrentValue = true
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.5, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Position = UDim2.new(1, -20, 0.5, 0)}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.4, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Size = UDim2.new(0,12,0,12)}):Play()
                    TweenService:Create(Toggle.Switch.Indicator.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleEnabledStroke}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.8, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {BackgroundColor3 = SelectedTheme.ToggleEnabled}):Play()
                    TweenService:Create(Toggle.Switch.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleEnabledOuterStroke}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.45, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Size = UDim2.new(0,17,0,17)}):Play()
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                else
                    ToggleSettings.CurrentValue = false
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.45, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Position = UDim2.new(1, -40, 0.5, 0)}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.4, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Size = UDim2.new(0,12,0,12)}):Play()
                    TweenService:Create(Toggle.Switch.Indicator.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleDisabledStroke}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.8, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {BackgroundColor3 = SelectedTheme.ToggleDisabled}):Play()
                    TweenService:Create(Toggle.Switch.UIStroke, TweenInfo.new(0.55, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Color = SelectedTheme.ToggleDisabledOuterStroke}):Play()
                    TweenService:Create(Toggle.Switch.Indicator, TweenInfo.new(0.4, Enum.EasingStyle.Quart, Enum.EasingDirection.Out), {Size = UDim2.new(0,17,0,17)}):Play()
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                local Success, Response = pcall(function()
                    if debugX then warn('Running toggle \''..ToggleSettings.Name..'\' (:Set)') end

                    ToggleSettings.Callback(ToggleSettings.CurrentValue)
                end)

                if not Success then
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    Toggle.Title.Text = "Callback Error"
                    print("Rayfield | "..ToggleSettings.Name.." Callback Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                    task.wait(0.5)
                    Toggle.Title.Text = ToggleSettings.Name
                    TweenService:Create(Toggle, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Toggle.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                if not ToggleSettings.Ext then
                    SaveConfiguration()
                end
            end

            if not ToggleSettings.Ext then
                if Settings.ConfigurationSaving then
                    if Settings.ConfigurationSaving.Enabled and ToggleSettings.Flag then
                        RayfieldLibrary.Flags[ToggleSettings.Flag] = ToggleSettings
                    end
                end
            end


            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                Toggle.Switch.BackgroundColor3 = SelectedTheme.ToggleBackground

                if SelectedTheme ~= RayfieldLibrary.Theme.Default then
                    Toggle.Switch.Shadow.Visible = false
                end

                task.wait()

                if not ToggleSettings.CurrentValue then
                    Toggle.Switch.Indicator.UIStroke.Color = SelectedTheme.ToggleDisabledStroke
                    Toggle.Switch.Indicator.BackgroundColor3 = SelectedTheme.ToggleDisabled
                    Toggle.Switch.UIStroke.Color = SelectedTheme.ToggleDisabledOuterStroke
                else
                    Toggle.Switch.Indicator.UIStroke.Color = SelectedTheme.ToggleEnabledStroke
                    Toggle.Switch.Indicator.BackgroundColor3 = SelectedTheme.ToggleEnabled
                    Toggle.Switch.UIStroke.Color = SelectedTheme.ToggleEnabledOuterStroke
                end
            end)

            return ToggleSettings
        end

        -- Slider
        function Tab:CreateSlider(SliderSettings)
            local SLDragging = false
            local Slider = Elements.Template.Slider:Clone()
            Slider.Name = SliderSettings.Name
            Slider.Title.Text = SliderSettings.Name
            Slider.Visible = true
            Slider.Parent = TabPage

            Slider.BackgroundTransparency = 1
            Slider.UIStroke.Transparency = 1
            Slider.Title.TextTransparency = 1

            if SelectedTheme ~= RayfieldLibrary.Theme.Default then
                Slider.Main.Shadow.Visible = false
            end

            Slider.Main.BackgroundColor3 = SelectedTheme.SliderBackground
            Slider.Main.UIStroke.Color = SelectedTheme.SliderStroke
            Slider.Main.Progress.UIStroke.Color = SelectedTheme.SliderStroke
            Slider.Main.Progress.BackgroundColor3 = SelectedTheme.SliderProgress

            TweenService:Create(Slider, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
            TweenService:Create(Slider.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
            TweenService:Create(Slider.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()

            Slider.Main.Progress.Size = UDim2.new(0, Slider.Main.AbsoluteSize.X * ((SliderSettings.CurrentValue - SliderSettings.Range[1]) / (SliderSettings.Range[2] - SliderSettings.Range[1])) > 5 and Slider.Main.AbsoluteSize.X * ((SliderSettings.CurrentValue - SliderSettings.Range[1]) / (SliderSettings.Range[2] - SliderSettings.Range[1])) or 5, 1, 0)

            if not SliderSettings.Suffix then
                Slider.Main.Information.Text = tostring(SliderSettings.CurrentValue)
            else
                Slider.Main.Information.Text = tostring(SliderSettings.CurrentValue) .. " " .. SliderSettings.Suffix
            end

            Slider.MouseEnter:Connect(function()
                TweenService:Create(Slider, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackgroundHover}):Play()
            end)

            Slider.MouseLeave:Connect(function()
                TweenService:Create(Slider, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
            end)

            Slider.Main.Interact.InputBegan:Connect(function(Input)
                if Input.UserInputType == Enum.UserInputType.MouseButton1 or Input.UserInputType == Enum.UserInputType.Touch then
                    TweenService:Create(Slider.Main.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    TweenService:Create(Slider.Main.Progress.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    SLDragging = true
                end
            end)

            Slider.Main.Interact.InputEnded:Connect(function(Input)
                if Input.UserInputType == Enum.UserInputType.MouseButton1 or Input.UserInputType == Enum.UserInputType.Touch then
                    TweenService:Create(Slider.Main.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0.4}):Play()
                    TweenService:Create(Slider.Main.Progress.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0.3}):Play()
                    SLDragging = false
                end
            end)

            Slider.Main.Interact.MouseButton1Down:Connect(function(X)
                local Current = Slider.Main.Progress.AbsolutePosition.X + Slider.Main.Progress.AbsoluteSize.X
                local Start = Current
                local Location = X
                local Loop; Loop = RunService.Stepped:Connect(function()
                    if SLDragging then
                        Location = UserInputService:GetMouseLocation().X
                        Current = Current + 0.025 * (Location - Start)

                        if Location < Slider.Main.AbsolutePosition.X then
                            Location = Slider.Main.AbsolutePosition.X
                        elseif Location > Slider.Main.AbsolutePosition.X + Slider.Main.AbsoluteSize.X then
                            Location = Slider.Main.AbsolutePosition.X + Slider.Main.AbsoluteSize.X
                        end

                        if Current < Slider.Main.AbsolutePosition.X + 5 then
                            Current = Slider.Main.AbsolutePosition.X + 5
                        elseif Current > Slider.Main.AbsolutePosition.X + Slider.Main.AbsoluteSize.X then
                            Current = Slider.Main.AbsolutePosition.X + Slider.Main.AbsoluteSize.X
                        end

                        if Current <= Location and (Location - Start) < 0 then
                            Start = Location
                        elseif Current >= Location and (Location - Start) > 0 then
                            Start = Location
                        end
                        TweenService:Create(Slider.Main.Progress, TweenInfo.new(0.45, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Size = UDim2.new(0, Current - Slider.Main.AbsolutePosition.X, 1, 0)}):Play()
                        local NewValue = SliderSettings.Range[1] + (Location - Slider.Main.AbsolutePosition.X) / Slider.Main.AbsoluteSize.X * (SliderSettings.Range[2] - SliderSettings.Range[1])

                        NewValue = math.floor(NewValue / SliderSettings.Increment + 0.5) * (SliderSettings.Increment * 10000000) / 10000000
                        NewValue = math.clamp(NewValue, SliderSettings.Range[1], SliderSettings.Range[2])

                        if not SliderSettings.Suffix then
                            Slider.Main.Information.Text = tostring(NewValue)
                        else
                            Slider.Main.Information.Text = tostring(NewValue) .. " " .. SliderSettings.Suffix
                        end

                        if SliderSettings.CurrentValue ~= NewValue then
                            local Success, Response = pcall(function()
                                SliderSettings.Callback(NewValue)
                            end)
                            if not Success then
                                TweenService:Create(Slider, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                                TweenService:Create(Slider.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                                Slider.Title.Text = "Callback Error"
                                print("Rayfield | "..SliderSettings.Name.." Callback Error " ..tostring(Response))
                                warn('Check docs.sirius.menu for help with Rayfield specific development.')
                                task.wait(0.5)
                                Slider.Title.Text = SliderSettings.Name
                                TweenService:Create(Slider, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                                TweenService:Create(Slider.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                            end

                            SliderSettings.CurrentValue = NewValue
                            if not SliderSettings.Ext then
                                SaveConfiguration()
                            end
                        end
                    else
                        TweenService:Create(Slider.Main.Progress, TweenInfo.new(0.3, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Size = UDim2.new(0, Location - Slider.Main.AbsolutePosition.X > 5 and Location - Slider.Main.AbsolutePosition.X or 5, 1, 0)}):Play()
                        Loop:Disconnect()
                    end
                end)
            end)

            function SliderSettings:Set(NewVal)
                local NewVal = math.clamp(NewVal, SliderSettings.Range[1], SliderSettings.Range[2])

                TweenService:Create(Slider.Main.Progress, TweenInfo.new(0.45, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Size = UDim2.new(0, Slider.Main.AbsoluteSize.X * ((NewVal - SliderSettings.Range[1]) / (SliderSettings.Range[2] - SliderSettings.Range[1])) > 5 and Slider.Main.AbsoluteSize.X * ((NewVal - SliderSettings.Range[1]) / (SliderSettings.Range[2] - SliderSettings.Range[1])) or 5, 1, 0)}):Play()
                Slider.Main.Information.Text = tostring(NewVal) .. " " .. (SliderSettings.Suffix or "")

                local Success, Response = pcall(function()
                    SliderSettings.Callback(NewVal)
                end)

                if not Success then
                    TweenService:Create(Slider, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = Color3.fromRGB(85, 0, 0)}):Play()
                    TweenService:Create(Slider.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 1}):Play()
                    Slider.Title.Text = "Callback Error"
                    print("Rayfield | "..SliderSettings.Name.." Callback Error " ..tostring(Response))
                    warn('Check docs.sirius.menu for help with Rayfield specific development.')
                    task.wait(0.5)
                    Slider.Title.Text = SliderSettings.Name
                    TweenService:Create(Slider, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.ElementBackground}):Play()
                    TweenService:Create(Slider.UIStroke, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {Transparency = 0}):Play()
                end

                SliderSettings.CurrentValue = NewVal
                if not SliderSettings.Ext then
                    SaveConfiguration()
                end
            end

            if Settings.ConfigurationSaving then
                if Settings.ConfigurationSaving.Enabled and SliderSettings.Flag then
                    RayfieldLibrary.Flags[SliderSettings.Flag] = SliderSettings
                end
            end

            Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
                if SelectedTheme ~= RayfieldLibrary.Theme.Default then
                    Slider.Main.Shadow.Visible = false
                end

                Slider.Main.BackgroundColor3 = SelectedTheme.SliderBackground
                Slider.Main.UIStroke.Color = SelectedTheme.SliderStroke
                Slider.Main.Progress.UIStroke.Color = SelectedTheme.SliderStroke
                Slider.Main.Progress.BackgroundColor3 = SelectedTheme.SliderProgress
            end)

            return SliderSettings
        end

        Rayfield.Main:GetPropertyChangedSignal('BackgroundColor3'):Connect(function()
            TabButton.UIStroke.Color = SelectedTheme.TabStroke

            if Elements.UIPageLayout.CurrentPage == TabPage then
                TabButton.BackgroundColor3 = SelectedTheme.TabBackgroundSelected
                TabButton.Image.ImageColor3 = SelectedTheme.SelectedTabTextColor
                TabButton.Title.TextColor3 = SelectedTheme.SelectedTabTextColor
            else
                TabButton.BackgroundColor3 = SelectedTheme.TabBackground
                TabButton.Image.ImageColor3 = SelectedTheme.TabTextColor
                TabButton.Title.TextColor3 = SelectedTheme.TabTextColor
            end
        end)

        return Tab
    end

    Elements.Visible = true


    task.wait(1.1)
    TweenService:Create(Main, TweenInfo.new(0.7, Enum.EasingStyle.Exponential, Enum.EasingDirection.InOut), {Size = UDim2.new(0, 390, 0, 90)}):Play()
    task.wait(0.3)
    TweenService:Create(LoadingFrame.Title, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(LoadingFrame.Subtitle, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    TweenService:Create(LoadingFrame.Version, TweenInfo.new(0.2, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()
    task.wait(0.1)
    TweenService:Create(Main, TweenInfo.new(0.6, Enum.EasingStyle.Exponential, Enum.EasingDirection.Out), {Size = useMobileSizing and UDim2.new(0, 500, 0, 275) or UDim2.new(0, 500, 0, 475)}):Play()
    TweenService:Create(Main.Shadow.Image, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {ImageTransparency = 0.6}):Play()

    Topbar.BackgroundTransparency = 1
    Topbar.Divider.Size = UDim2.new(0, 0, 0, 1)
    Topbar.Divider.BackgroundColor3 = SelectedTheme.ElementStroke
    Topbar.CornerRepair.BackgroundTransparency = 1
    Topbar.Title.TextTransparency = 1
    Topbar.Search.ImageTransparency = 1
    if Topbar:FindFirstChild('Settings') then
        Topbar.Settings.ImageTransparency = 1
    end
    Topbar.ChangeSize.ImageTransparency = 1
    Topbar.Hide.ImageTransparency = 1


    task.wait(0.5)
    Topbar.Visible = true
    TweenService:Create(Topbar, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    TweenService:Create(Topbar.CornerRepair, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0}):Play()
    task.wait(0.1)
    TweenService:Create(Topbar.Divider, TweenInfo.new(1, Enum.EasingStyle.Exponential), {Size = UDim2.new(1, 0, 0, 1)}):Play()
    TweenService:Create(Topbar.Title, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {TextTransparency = 0}):Play()
    task.wait(0.05)
    TweenService:Create(Topbar.Search, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {ImageTransparency = 0.8}):Play()
    task.wait(0.05)
    if Topbar:FindFirstChild('Settings') then
        TweenService:Create(Topbar.Settings, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {ImageTransparency = 0.8}):Play()
        task.wait(0.05)
    end
    TweenService:Create(Topbar.ChangeSize, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {ImageTransparency = 0.8}):Play()
    task.wait(0.05)
    TweenService:Create(Topbar.Hide, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {ImageTransparency = 0.8}):Play()
    task.wait(0.3)

    if dragBar then
        TweenService:Create(dragBarCosmetic, TweenInfo.new(0.6, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.7}):Play()
    end

    function Window.ModifyTheme(NewTheme)
        local success = pcall(ChangeTheme, NewTheme)
        if not success then
            RayfieldLibrary:Notify({Title = 'Unable to Change Theme', Content = 'We are unable find a theme on file.', Image = 4400704299})
        else
            RayfieldLibrary:Notify({Title = 'Theme Changed', Content = 'Successfully changed theme to '..(typeof(NewTheme) == 'string' and NewTheme or 'Custom Theme')..'.', Image = 4483362748})
        end
    end

    local success, result = pcall(function()
        createSettings(Window)
    end)

    if not success then warn('Rayfield had an issue creating settings.') end

    -- Report after createSettings so loadSettings() has run and usageAnalytics reflects the user's saved preference
    if reporter and getSetting("System", "usageAnalytics") then
        local themeName = "Default"
        if Settings.Theme then
            if type(Settings.Theme) == "string" then
                themeName = Settings.Theme
            elseif type(Settings.Theme) == "table" then
                themeName = "Custom"
            end
        end

        local discordInvite = nil
        if Settings.Discord and Settings.Discord.Enabled and Settings.Discord.Invite and Settings.Discord.Invite ~= "" then
            local raw = tostring(Settings.Discord.Invite)
            -- Normalize: strip URL prefixes to extract just the invite code
            discordInvite = (raw:match("discord%.gg/([%w%-]+)") or raw:match("discord%.com/invite/([%w%-]+)") or raw):sub(1, 32)
        end

        local sampleSend = false

        -- Random Sampling Test
        if not Settings.ScriptID and math.random() > 0.4 then
            sampleSend = true
        end

        --if Settings.ScriptID then
            reporter:windowCreated({
                script_name        = Settings.Name or "Unknown",
                script_version     = Release,
                interface_version  = InterfaceBuild,
                theme              = themeName,
                is_mobile          = useMobileSizing and true or false,
                has_key_system     = Settings.KeySystem and true or false,
                discord_invite     = discordInvite,
                config_saving      = (Settings.ConfigurationSaving and Settings.ConfigurationSaving.Enabled) and true or false,
                script_id          = Settings.ScriptID or sampleSend and 'sid_tzfyxawonjx9' or nil,
                verification_token = Settings.VerificationToken,
            })
        --end
    end

    return Window
end

local function setVisibility(visibility: boolean, notify: boolean?)
    if Debounce then return end
    if visibility then
        Hidden = false
        Unhide()
    else
        Hidden = true
        Hide(notify)
    end
end

function RayfieldLibrary:SetVisibility(visibility: boolean)
    setVisibility(visibility, false)
end

function RayfieldLibrary:IsVisible(): boolean
    return not Hidden
end

local hideHotkeyConnection -- Has to be initialized here since the connection is made later in the script
function RayfieldLibrary:Destroy()
    rayfieldDestroyed = true
    if hideHotkeyConnection then
        hideHotkeyConnection:Disconnect()
    end
    for _, connection in keybindConnections do
        connection:Disconnect()
    end
    Rayfield:Destroy()
end

Topbar.ChangeSize.MouseButton1Click:Connect(function()
    if Debounce then return end
    if Minimised then
        Minimised = false
        Maximise()
    else
        Minimised = true
        Minimise()
    end
end)

Main.Search.Input:GetPropertyChangedSignal('Text'):Connect(function()
    if #Main.Search.Input.Text > 0 then
        if not Elements.UIPageLayout.CurrentPage:FindFirstChild('SearchTitle-fsefsefesfsefesfesfThanks') then
            local searchTitle = Elements.Template.SectionTitle:Clone()
            searchTitle.Parent = Elements.UIPageLayout.CurrentPage
            searchTitle.Name = 'SearchTitle-fsefsefesfsefesfesfThanks'
            searchTitle.LayoutOrder = -100
            searchTitle.Title.Text = "Results from '"..Elements.UIPageLayout.CurrentPage.Name.."'"
            searchTitle.Visible = true
        end
    else
        local searchTitle = Elements.UIPageLayout.CurrentPage:FindFirstChild('SearchTitle-fsefsefesfsefesfesfThanks')

        if searchTitle then
            searchTitle:Destroy()
        end
    end

    for _, element in ipairs(Elements.UIPageLayout.CurrentPage:GetChildren()) do
        if element.ClassName ~= 'UIListLayout' and element.Name ~= 'Placeholder' and element.Name ~= 'SearchTitle-fsefsefesfsefesfesfThanks' then
            if element.Name == 'SectionTitle' then
                if #Main.Search.Input.Text == 0 then
                    element.Visible = true
                else
                    element.Visible = false
                end
            else
                if string.lower(element.Name):find(string.lower(Main.Search.Input.Text), 1, true) then
                    element.Visible = true
                else
                    element.Visible = false
                end
            end
        end
    end
end)

Main.Search.Input.FocusLost:Connect(function(enterPressed)
    if #Main.Search.Input.Text == 0 and searchOpen then
        task.wait(0.12)
        closeSearch()
    end
end)

Topbar.Search.MouseButton1Click:Connect(function()
    task.spawn(function()
        if searchOpen then
            closeSearch()
        else
            openSearch()
        end
    end)
end)

if Topbar:FindFirstChild('Settings') then
    Topbar.Settings.MouseButton1Click:Connect(function()
        task.spawn(function()
            for _, OtherTabButton in ipairs(TabList:GetChildren()) do
                if OtherTabButton.Name ~= "Template" and OtherTabButton.ClassName == "Frame" and OtherTabButton.Name ~= "Placeholder" then
                    TweenService:Create(OtherTabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundColor3 = SelectedTheme.TabBackground}):Play()
                    TweenService:Create(OtherTabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextColor3 = SelectedTheme.TabTextColor}):Play()
                    TweenService:Create(OtherTabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageColor3 = SelectedTheme.TabTextColor}):Play()
                    TweenService:Create(OtherTabButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {BackgroundTransparency = 0.7}):Play()
                    TweenService:Create(OtherTabButton.Title, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {TextTransparency = 0.2}):Play()
                    TweenService:Create(OtherTabButton.Image, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.2}):Play()
                    TweenService:Create(OtherTabButton.UIStroke, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {Transparency = 0.5}):Play()
                end
            end

            Elements.UIPageLayout:JumpTo(Elements['Rayfield Settings'])
        end)
    end)

end


Topbar.Hide.MouseButton1Click:Connect(function()
    setVisibility(Hidden, not useMobileSizing)
end)

hideHotkeyConnection = UserInputService.InputBegan:Connect(function(input, processed)
    if (input.KeyCode == Enum.KeyCode[getSetting("General", "rayfieldOpen")]) and not processed then
        if Debounce then return end
        if Hidden then
            Hidden = false
            Unhide()
        else
            Hidden = true
            Hide()
        end
    end
end)

if MPrompt then
    MPrompt.Interact.MouseButton1Click:Connect(function()
        if Debounce then return end
        if Hidden then
            Hidden = false
            Unhide()
        end
    end)
end

for _, TopbarButton in ipairs(Topbar:GetChildren()) do
    if TopbarButton.ClassName == "ImageButton" and TopbarButton.Name ~= 'Icon' then
        TopbarButton.MouseEnter:Connect(function()
            TweenService:Create(TopbarButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0}):Play()
        end)

        TopbarButton.MouseLeave:Connect(function()
            TweenService:Create(TopbarButton, TweenInfo.new(0.7, Enum.EasingStyle.Exponential), {ImageTransparency = 0.8}):Play()
        end)
    end
end


function RayfieldLibrary:LoadConfiguration()
    local config

    if debugX then
        warn('Loading Configuration')
    end

    if useStudio then
        config = [[{"Toggle1adwawd":true,"ColorPicker1awd":{"B":255,"G":255,"R":255},"Slider1dawd":100,"ColorPicfsefker1":{"B":255,"G":255,"R":255},"Slidefefsr1":80,"dawdawd":"","Input1":"hh","Keybind1":"B","Dropdown1":["Ocean"]}]]
    end

    if CEnabled then
        local notified
        local loaded

        local success, result = pcall(function()
            if useStudio and config then
                loaded = LoadConfiguration(config)
                return
            end

            if isfile then
                if callSafely(isfile, ConfigurationFolder .. "/" .. CFileName .. ConfigurationExtension) then
                    loaded = LoadConfiguration(callSafely(readfile, ConfigurationFolder .. "/" .. CFileName .. ConfigurationExtension))
                end
            else
                notified = true
                RayfieldLibrary:Notify({Title = "Rayfield Configurations", Content = "We couldn't enable Configuration Saving as you are not using software with filesystem support.", Image = 4384402990})
            end
        end)

        if success and loaded and not notified then
            RayfieldLibrary:Notify({Title = "Rayfield Configurations", Content = "The configuration file for this script has been loaded from a previous session.", Image = 4384403532})
        elseif not success and not notified then
            warn('Rayfield Configurations Error | '..tostring(result))
            RayfieldLibrary:Notify({Title = "Rayfield Configurations", Content = "We've encountered an issue loading your configuration correctly.\n\nCheck the Developer Console for more information.", Image = 4384402990})
        end
    end

    globalLoaded = true
end



if useStudio then
    -- run w/ studio
    -- Feel free to place your own script here to see how it'd work in Roblox Studio before running it on your execution software.


    --local Window = RayfieldLibrary:CreateWindow({
    --  Name = "Rayfield Example Window",
    --  LoadingTitle = "Rayfield Interface Suite",
    --  Theme = 'Default',
    --  Icon = 0,
    --  LoadingSubtitle = "by Sirius",
    --  ConfigurationSaving = {
    --      Enabled = true,
    --      FolderName = nil, -- Create a custom folder for your hub/game
    --      FileName = "Big Hub52"
    --  },
    --  Discord = {
    --      Enabled = false,
    --      Invite = "noinvitelink", -- The Discord invite code, do not include discord.gg/. E.g. discord.gg/ABCD would be ABCD
    --      RememberJoins = true -- Set this to false to make them join the discord every time they load it up
    --  },
    --  KeySystem = false, -- Set this to true to use our key system
    --  KeySettings = {
    --      Title = "Untitled",
    --      Subtitle = "Key System",
    --      Note = "No method of obtaining the key is provided",
    --      FileName = "Key", -- It is recommended to use something unique as other scripts using Rayfield may overwrite your key file
    --      SaveKey = true, -- The user's key will be saved, but if you change the key, they will be unable to use your script
    --      GrabKeyFromSite = false, -- If this is true, set Key below to the RAW site you would like Rayfield to get the key from
    --      Key = {"Hello"} -- List of keys that will be accepted by the system, can be RAW file links (pastebin, github etc) or simple strings ("hello","key22")
    --  }
    --})

    --local Tab = Window:CreateTab("Tab Example", 'key-round') -- Title, Image
    --local Tab2 = Window:CreateTab("Tab Example 2", 4483362458) -- Title, Image

    --local Section = Tab2:CreateSection("Section")


    --local ColorPicker = Tab2:CreateColorPicker({
    --  Name = "Color Picker",
    --  Color = Color3.fromRGB(255,255,255),
    --  Flag = "ColorPicfsefker1", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Value)
    --      -- The function that takes place every time the color picker is moved/changed
    --      -- The variable (Value) is a Color3fromRGB value based on which color is selected
    --  end
    --})

    --local Slider = Tab2:CreateSlider({
    --  Name = "Slider Example",
    --  Range = {0, 100},
    --  Increment = 10,
    --  Suffix = "Bananas",
    --  CurrentValue = 40,
    --  Flag = "Slidefefsr1", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Value)
    --      -- The function that takes place when the slider changes
    --      -- The variable (Value) is a number which correlates to the value the slider is currently at
    --  end,
    --})

    --local Input = Tab2:CreateInput({
    --  Name = "Input Example",
    --  CurrentValue = '',
    --  PlaceholderText = "Input Placeholder",
    --  Flag = 'dawdawd',
    --  RemoveTextAfterFocusLost = false,
    --  Callback = function(Text)
    --      -- The function that takes place when the input is changed
    --      -- The variable (Text) is a string for the value in the text box
    --  end,
    --})


    ----RayfieldLibrary:Notify({Title = "Rayfield Interface", Content = "Welcome to Rayfield. These - are the brand new notification design for Rayfield, with custom sizing and Rayfield calculated wait times.", Image = 4483362458})

    --local Section = Tab:CreateSection("Section Example")

    --local Button = Tab:CreateButton({
    --  Name = "Change Theme",
    --  Callback = function()
    --      -- The function that takes place when the button is pressed
    --      Window.ModifyTheme('DarkBlue')
    --  end,
    --})

    --local Toggle = Tab:CreateToggle({
    --  Name = "Toggle Example",
    --  CurrentValue = false,
    --  Flag = "Toggle1adwawd", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Value)
    --      -- The function that takes place when the toggle is pressed
    --      -- The variable (Value) is a boolean on whether the toggle is true or false
    --  end,
    --})

    --local ColorPicker = Tab:CreateColorPicker({
    --  Name = "Color Picker",
    --  Color = Color3.fromRGB(255,255,255),
    --  Flag = "ColorPicker1awd", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Value)
    --      -- The function that takes place every time the color picker is moved/changed
    --      -- The variable (Value) is a Color3fromRGB value based on which color is selected
    --  end
    --})

    --local Slider = Tab:CreateSlider({
    --  Name = "Slider Example",
    --  Range = {0, 100},
    --  Increment = 10,
    --  Suffix = "Bananas",
    --  CurrentValue = 40,
    --  Flag = "Slider1dawd", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Value)
    --      -- The function that takes place when the slider changes
    --      -- The variable (Value) is a number which correlates to the value the slider is currently at
    --  end,
    --})

    --local Input = Tab:CreateInput({
    --  Name = "Input Example",
    --  CurrentValue = "Helo",
    --  PlaceholderText = "Adaptive Input",
    --  RemoveTextAfterFocusLost = false,
    --  Flag = 'Input1',
    --  Callback = function(Text)
    --      -- The function that takes place when the input is changed
    --      -- The variable (Text) is a string for the value in the text box
    --  end,
    --})

    --local thoptions = {}
    --for themename, theme in pairs(RayfieldLibrary.Theme) do
    --  table.insert(thoptions, themename)
    --end

    --local Dropdown = Tab:CreateDropdown({
    --  Name = "Theme",
    --  Options = thoptions,
    --  CurrentOption = {"Default"},
    --  MultipleOptions = false,
    --  Flag = "Dropdown1", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Options)
    --      --Window.ModifyTheme(Options[1])
    --      -- The function that takes place when the selected option is changed
    --      -- The variable (Options) is a table of strings for the current selected options
    --  end,
    --})


    --Window.ModifyTheme({
    --  TextColor = Color3.fromRGB(50, 55, 60),
    --  Background = Color3.fromRGB(240, 245, 250),
    --  Topbar = Color3.fromRGB(215, 225, 235),
    --  Shadow = Color3.fromRGB(200, 210, 220),

    --  NotificationBackground = Color3.fromRGB(210, 220, 230),
    --  NotificationActionsBackground = Color3.fromRGB(225, 230, 240),

    --  TabBackground = Color3.fromRGB(200, 210, 220),
    --  TabStroke = Color3.fromRGB(180, 190, 200),
    --  TabBackgroundSelected = Color3.fromRGB(175, 185, 200),
    --  TabTextColor = Color3.fromRGB(50, 55, 60),
    --  SelectedTabTextColor = Color3.fromRGB(30, 35, 40),

    --  ElementBackground = Color3.fromRGB(210, 220, 230),
    --  ElementBackgroundHover = Color3.fromRGB(220, 230, 240),
    --  SecondaryElementBackground = Color3.fromRGB(200, 210, 220),
    --  ElementStroke = Color3.fromRGB(190, 200, 210),
    --  SecondaryElementStroke = Color3.fromRGB(180, 190, 200),

    --  SliderBackground = Color3.fromRGB(200, 220, 235),  -- Lighter shade
    --  SliderProgress = Color3.fromRGB(70, 130, 180),
    --  SliderStroke = Color3.fromRGB(150, 180, 220),

    --  ToggleBackground = Color3.fromRGB(210, 220, 230),
    --  ToggleEnabled = Color3.fromRGB(70, 160, 210),
    --  ToggleDisabled = Color3.fromRGB(180, 180, 180),
    --  ToggleEnabledStroke = Color3.fromRGB(60, 150, 200),
    --  ToggleDisabledStroke = Color3.fromRGB(140, 140, 140),
    --  ToggleEnabledOuterStroke = Color3.fromRGB(100, 120, 140),
    --  ToggleDisabledOuterStroke = Color3.fromRGB(120, 120, 130),

    --  DropdownSelected = Color3.fromRGB(220, 230, 240),
    --  DropdownUnselected = Color3.fromRGB(200, 210, 220),

    --  InputBackground = Color3.fromRGB(220, 230, 240),
    --  InputStroke = Color3.fromRGB(180, 190, 200),
    --  PlaceholderColor = Color3.fromRGB(150, 150, 150)
    --})

    --local Keybind = Tab:CreateKeybind({
    --  Name = "Keybind Example",
    --  CurrentKeybind = "Q",
    --  HoldToInteract = false,
    --  Flag = "Keybind1", -- A flag is the identifier for the configuration file, make sure every element has a different flag if you're using configuration saving to ensure no overlaps
    --  Callback = function(Keybind)
    --      -- The function that takes place when the keybind is pressed
    --      -- The variable (Keybind) is a boolean for whether the keybind is being held or not (HoldToInteract needs to be true)
    --  end,
    --})

    --local Label = Tab:CreateLabel("Label Example")

    --local Label2 = Tab:CreateLabel("Warning", 4483362458, Color3.fromRGB(255, 159, 49),  true)

    --local Paragraph = Tab:CreateParagraph({Title = "Paragraph Example", Content = "Paragraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph ExampleParagraph Example"})
end

if CEnabled and Main:FindFirstChild('Notice') then
    Main.Notice.BackgroundTransparency = 1
    Main.Notice.Title.TextTransparency = 1
    Main.Notice.Size = UDim2.new(0, 0, 0, 0)
    Main.Notice.Position = UDim2.new(0.5, 0, 0, -100)
    Main.Notice.Visible = true


    TweenService:Create(Main.Notice, TweenInfo.new(0.5, Enum.EasingStyle.Exponential, Enum.EasingDirection.InOut), {Size = UDim2.new(0, 280, 0, 35), Position = UDim2.new(0.5, 0, 0, -50), BackgroundTransparency = 0.5}):Play()
    TweenService:Create(Main.Notice.Title, TweenInfo.new(0.5, Enum.EasingStyle.Exponential), {TextTransparency = 0.1}):Play()
end
-- AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA why :(
--if not useStudio then
--  task.spawn(loadWithTimeout, "https://raw.githubusercontent.com/SiriusSoftwareLtd/Sirius/refs/heads/request/boost.lua")
--end

task.delay(4, function()
    RayfieldLibrary.LoadConfiguration()
    if Main:FindFirstChild('Notice') and Main.Notice.Visible then
        TweenService:Create(Main.Notice, TweenInfo.new(0.5, Enum.EasingStyle.Exponential, Enum.EasingDirection.InOut), {Size = UDim2.new(0, 100, 0, 25), Position = UDim2.new(0.5, 0, 0, -100), BackgroundTransparency = 1}):Play()
        TweenService:Create(Main.Notice.Title, TweenInfo.new(0.3, Enum.EasingStyle.Exponential), {TextTransparency = 1}):Play()

        task.wait(0.5)
        Main.Notice.Visible = false
    end
end)

return RayfieldLibrary