-- Overlays (keybind list / settings)
    local function CreateOverlay(Window, Title)
        local Items = Window.Items

        if Items["Overlay"] and Items["Overlay"].Instance then
            Items["Overlay"].Instance:Destroy()
        end

        local Overlay = Instances:Create("Frame", {
            Parent = Items["MainFrame"].Instance,
            Name = "\0",
            Size = UDim2New(1, 0, 1, 0),
            BackgroundColor3 = FromRGB(0, 0, 0),
            BackgroundTransparency = 0.45,
            BorderSizePixel = 0,
            ZIndex = 4500,
        })

        Instances:Create("UICorner", {
            Parent = Overlay.Instance,
            CornerRadius = UDimNew(0, 8)
        })

        local Panel = Instances:Create("Frame", {
            Parent = Overlay.Instance,
            Name = "\0",
            AnchorPoint = Vector2New(0.5, 0.5),
            Position = UDim2New(0.5, 0, 0.5, 0),
            Size = UDim2New(0, 392, 0, 348),
            BackgroundColor3 = FromRGB(16, 16, 18),
            BorderSizePixel = 0,
            ZIndex = 4501,
        })
        Panel:AddToTheme({ BackgroundColor3 = "Background" })

        Instances:Create("UICorner", {
            Parent = Panel.Instance,
            CornerRadius = UDimNew(0, 8)
        })

        Instances:Create("UIStroke", {
            Parent = Panel.Instance,
            Color = FromRGB(38, 39, 45),
            ApplyStrokeMode = Enum.ApplyStrokeMode.Border
        }):AddToTheme({ Color = "Border" })

        local TitleLabel = Instances:Create("TextLabel", {
            Parent = Panel.Instance,
            FontFace = Library.BoldFont,
            Text = Title,
            Name = "\0",
            TextSize = 14,
            TextColor3 = FromRGB(255, 255, 255),
            BackgroundTransparency = 1,
            TextXAlignment = Enum.TextXAlignment.Left,
            Position = UDim2New(0, 16, 0, 14),
            Size = UDim2New(1, -60, 0, 18),
            BorderSizePixel = 0,
            ZIndex = 4502,
            BackgroundColor3 = FromRGB(255, 255, 255)
        })
        TitleLabel:AddToTheme({ TextColor3 = "Text" })

        local Close = Instances:Create("TextButton", {
            Parent = Panel.Instance,
            Name = "\0",
            Text = "",
            AutoButtonColor = false,
            AnchorPoint = Vector2New(1, 0),
            Position = UDim2New(1, -14, 0, 14),
            Size = UDim2New(0, 22, 0, 22),
            BackgroundColor3 = FromRGB(31, 32, 37),
            BorderSizePixel = 0,
            ZIndex = 4502,
        })
        Close:AddToTheme({ BackgroundColor3 = "Element" })

        Instances:Create("UICorner", {
            Parent = Close.Instance,
            CornerRadius = UDimNew(0, 6)
        })

        Icons.Draw("Dots", Close.Instance, 13, Library.Theme.SubText)

        Instances:Create("Frame", {
            Parent = Panel.Instance,
            Name = "\0",
            Size = UDim2New(1, -32, 0, 1),
            Position = UDim2New(0, 16, 0, 44),
            BackgroundColor3 = FromRGB(38, 39, 45),
            BorderSizePixel = 0,
            ZIndex = 4502
        }):AddToTheme({ BackgroundColor3 = "Border" })

        local List = Instances:Create("ScrollingFrame", {
            Parent = Panel.Instance,
            Name = "\0",
            BackgroundTransparency = 1,
            Position = UDim2New(0, 16, 0, 54),
            Size = UDim2New(1, -26, 1, -66),
            CanvasSize = UDim2New(0, 0, 0, 0),
            AutomaticCanvasSize = Enum.AutomaticSize.Y,
            ScrollBarThickness = 3,
            ScrollBarImageColor3 = FromRGB(224, 138, 43),
            BorderSizePixel = 0,
            ZIndex = 4502,
            BackgroundColor3 = FromRGB(255, 255, 255)
        })
        List:AddToTheme({ ScrollBarImageColor3 = "Accent" })

        Instances:Create("UIListLayout", {
            Parent = List.Instance,
            Padding = UDimNew(0, 8),
            SortOrder = Enum.SortOrder.LayoutOrder
        })

        Overlay:Connect("InputBegan", function(Input)
            if Input.UserInputType == Enum.UserInputType.MouseButton1 and Input.Target == Overlay.Instance then
                Overlay:Clean()
            end
        end)

        Close:Connect("MouseButton1Down", function()
            Overlay:Clean()
        end)

        Items["Overlay"] = Overlay
        return Overlay, List, Panel
    end

    local function OverlayRow(List)
        local Row = Instances:Create("Frame", {
            Parent = List.Instance,
            Name = "\0",
            BackgroundTransparency = 1,
            Size = UDim2New(1, 0, 0, 26),
            BorderSizePixel = 0,
            ZIndex = 4503,
            BackgroundColor3 = FromRGB(255, 255, 255)
        })

        local Text = Instances:Create("TextLabel", {
            Parent = Row.Instance,
            FontFace = Library.Font,
            Text = "",
            Name = "\0",
            TextSize = 13,
            TextColor3 = FromRGB(255, 255, 255),
            BackgroundTransparency = 1,
            TextXAlignment = Enum.TextXAlignment.Left,
            AnchorPoint = Vector2New(0, 0.5),
            Position = UDim2New(0, 0, 0.5, 0),
            Size = UDim2New(1, -110, 0, 16),
            BorderSizePixel = 0,
            ZIndex = 4504,
            BackgroundColor3 = FromRGB(255, 255, 255)
        })
        Text:AddToTheme({ TextColor3 = "Text" })

        local Chip = Instances:Create("Frame", {
            Parent = Row.Instance,
            Name = "\0",
            AnchorPoint = Vector2New(1, 0.5),
            Position = UDim2New(1, 0, 0.5, 0),
            Size = UDim2New(0, 96, 0, 24),
            BackgroundColor3 = FromRGB(31, 32, 37),
            BorderSizePixel = 0,
            ZIndex = 4504,
            BackgroundColor3 = FromRGB(31, 32, 37)
        })
        Chip:AddToTheme({ BackgroundColor3 = "Element" })

        Instances:Create("UICorner", {
            Parent = Chip.Instance,
            CornerRadius = UDimNew(0, 6)
        })

        local ChipText = Instances:Create("TextLabel", {
            Parent = Chip.Instance,
            FontFace = Library.Font,
            Text = "",
            Name = "\0",
            TextSize = 12,
            TextColor3 = FromRGB(122, 126, 134),
            BackgroundTransparency = 1,
            TextXAlignment = Enum.TextXAlignment.Center,
            Size = UDim2New(1, 0, 1, 0),
            BorderSizePixel = 0,
            ZIndex = 4505,
            BackgroundColor3 = FromRGB(255, 255, 255)
        })
        ChipText:AddToTheme({ TextColor3 = "SubText" })

        return Row, Text, Chip, ChipText
    end

    Library.KeybindList = function(self)
        local Window = self
        local Overlay, List = CreateOverlay(Window, "Keybinds")

        if #Library.Keybinds == 0 then
            local Row, Text = OverlayRow(List)
            Text.Instance.Text = "No keybinds configured"
        else
            for _, Data in Library.Keybinds do
                local Row, Text, Chip, ChipText = OverlayRow(List)
                local KeyName, Mode = Data.Display()

                Text.Instance.Text = Data.Name
                ChipText.Instance.Text = StringFormat("%s", tostring(KeyName or "None") .. (Mode and Mode ~= "Toggle" and (" (" .. Mode .. ")") or ""))
            end
        end

        return Overlay
    end

    Library.SettingsPanel = function(self)
        local Window = self
        local Overlay, List = CreateOverlay(Window, "Settings")

        for Name, Value in Library.Theme do
            local Row, Text, Chip = OverlayRow(List)
            Text.Instance.Text = Name
            Chip.Instance.Visible = false

            Library:CreateColorpicker({
                Window = Window,
                Flag = "Theme" .. Name,
                Default = Value,
                Parent = Row,
                Offset = -4,
                Callback = function(Color)
                    Library.Theme[Name] = Color
                    Library:ChangeTheme(Name, Color)
                end
            })
        end

        do
            local Row, Text = OverlayRow(List)
            Text.Instance.Text = "Menu Keybind"

            local ChipText = Instances:Create("TextLabel", {
                Parent = Row.Instance,
                FontFace = Library.Font,
                Text = StringGSub(Library.MenuKeybind, "Enum.KeyCode%.", ""),
                Name = "\0",
                TextSize = 12,
                TextColor3 = FromRGB(122, 126, 134),
                BackgroundTransparency = 1,
                TextXAlignment = Enum.TextXAlignment.Right,
                AnchorPoint = Vector2New(1, 0.5),
                Position = UDim2New(1, 0, 0.5, 0),
                Size = UDim2New(0, 96, 0, 16),
                BorderSizePixel = 0,
                ZIndex = 4504,
                BackgroundColor3 = FromRGB(255, 255, 255)
            })
            ChipText:AddToTheme({ TextColor3 = "SubText" })
        end

        do
            local Row = Instances:Create("Frame", {
                Parent = List.Instance,
                Name = "\0",
                BackgroundTransparency = 1,
                Size = UDim2New(1, 0, 0, 32),
                BorderSizePixel = 0,
                ZIndex = 4503,
                BackgroundColor3 = FromRGB(255, 255, 255)
            })

            local Button = Instances:Create("TextButton", {
                Parent = Row.Instance,
                FontFace = Library.Font,
                Text = "Unload UI",
                TextSize = 13,
                TextColor3 = FromRGB(255, 255, 255),
                AutoButtonColor = false,
                Size = UDim2New(1, 0, 0, 32),
                BackgroundColor3 = Library.Theme.Accent,
                BorderSizePixel = 0,
                ZIndex = 4504,
            })

            Instances:Create("UICorner", {
                Parent = Button.Instance,
                CornerRadius = UDimNew(0, 6)
            })

            Button:Connect("MouseButton1Down", function()
                task.defer(function()
                    Library:Unload()
                end)
            end)
        end

        return Overlay
    end

    do -- Example
        local Window = Library:Window({
            Logo = "Cart",
            Title = "UI Market",
            FadeSpeed = 0.16,
            SidebarWidth = 182,
            -- Size = UDim2.new(0, 800, 0, 520)
        })

        local Pages = { } do
            Window:Seperator("General")
            Pages["Aim"] = Window:Page({ Name = "Aim Assistance", Icon = "Crosshair", Search = true })
            Pages["Visuals"] = Window:Page({ Name = "Visuals", Icon = "Eye", Search = true })
            Pages["World"] = Window:Page({ Name = "World", Icon = "Globe", Search = true })

            Window:Seperator("Misc")
            Pages["Player"] = Window:Page({ Name = "Player", Icon = "Person", Search = true })
            Pages["Vehicle"] = Window:Page({ Name = "Vehicle", Icon = "Car", Search = true })

            Window:Seperator("Config")
            Pages["Settings"] = Window:Page({ Name = "Settings", Icon = "Settings", Search = false })
            Pages["Configs"] = Window:Page({ Name = "Configs", Icon = "Folder", Search = false })
        end

        do -- Aim Assistance
            local General = Pages["Aim"]:SubPage({ Name = "General", Icon = "Crosshair" })
            local Weapon = Pages["Aim"]:SubPage({ Name = "Weapon", Icon = "Bolt" })
            local Other = Pages["Aim"]:SubPage({ Name = "Other", Icon = "Dots" })

            do -- General
                local LeftSection = General:Section({ Name = "General", Side = "Left" })
                LeftSection:Toggle({ Name = "Enable", Flag = "AimEnable", Default = true, Callback = function(Value) print("Enable", Value) end })
                LeftSection:Toggle({ Name = "Hovered", Flag = "AimHovered", Default = false })
                LeftSection:Toggle({ Name = "Disabled", Flag = "AimDisabled", Default = false })

                local ButtonSection = General:Section({ Name = "Buttons", Side = "Left" })
                ButtonSection:Button({ Name = "Button", Callback = function() print("Button") end })
                ButtonSection:Button({ Name = "Button", Style = "Dim", Callback = function() print("Button dim") end })

                local Second = General:Section({ Name = "General", Side = "Left" })
                Second:Toggle({ Name = "Enable", Flag = "AimEnable2", Default = true })
                Second:Toggle({ Name = "Hovered", Flag = "AimHovered2", Default = false })
                Second:Toggle({ Name = "Disabled", Flag = "AimDisabled2", Default = false })

                local RightSection = General:Section({ Name = "Sliders", Side = "Right" })
                RightSection:Slider({ Name = "Slider Active", Flag = "AimSlider1", Min = 0, Max = 100, Default = 50, Suffix = "%", Decimals = 0 })
                RightSection:Slider({ Name = "Slider Hovered", Flag = "AimSlider2", Min = 0, Max = 100, Default = 50, Suffix = "%", Decimals = 0 })
                RightSection:Slider({ Name = "Slider Idle", Flag = "AimSlider3", Min = 0, Max = 100, Default = 50, Suffix = "%", Decimals = 0 })

                local Combos = General:Section({ Name = "Combos", Side = "Right" })
                Combos:Dropdown({ Name = "Combo Idle", Flag = "Combo1", Items = { "Value", "Value 2", "Value 3" }, MaxSize = 90, Default = "Value" })
                Combos:Dropdown({ Name = "Combo Hovered", Flag = "Combo2", Items = { "Value", "Value 2", "Value 3" }, MaxSize = 90 })
                Combos:Dropdown({ Name = "Combo Hovered", Flag = "Combo3", Items = { "Value", "Value 2", "Value 3" }, MaxSize = 90 })

                local RightSecond = General:Section({ Name = "Sliders", Side = "Right" })
                RightSecond:Slider({ Name = "Slider Active", Flag = "AimSlider4", Min = 0, Max = 100, Default = 50, Suffix = "%", Decimals = 0 })
            end

            do -- Weapon
                local LeftSection = Weapon:Section({ Name = "Weapon", Side = "Left" })

                local Enable = LeftSection:Toggle({ Name = "Enable", Flag = "WeaponEnable", Default = false, Callback = function(Value) print("Weapon", Value) end })

                Enable:Keybind({ Name = "Aimbot", Flag = "WeaponKeybind", Default = Enum.KeyCode.X, Mode = "Toggle" })
                Enable:Colorpicker({ Name = "Color", Flag = "WeaponColor", Default = Color3.fromRGB(224, 138, 43) })

                LeftSection:Slider({ Name = "Hitbox", Flag = "WeaponHitbox", Min = 0, Max = 100, Default = 25, Suffix = "%", Decimals = 0 })
                LeftSection:Keybind({ Name = "Triggerbot", Flag = "WeaponAimKey", Default = Enum.KeyCode.C, Mode = "Toggle" })
                LeftSection:Textbox({ Name = "Weapon Name", Flag = "WeaponName", Placeholder = "Placeholder", Default = "" })

                local RightSection = Weapon:Section({ Name = "Options", Side = "Right" })
                RightSection:Label("Accent Color", "Left"):Colorpicker({ Name = "Accent", Flag = "WeaponAccent", Default = Library.Theme.Accent, Callback = function(Color) Library.Theme.Accent = Color; Library:ChangeTheme("Accent", Color) end })
                RightSection:Dropdown({ Name = "Hit Parts", Flag = "HitParts", Items = { "Head", "Torso", "HumanoidRootPart" }, Multi = true, MaxSize = 90 })
            end

            do -- Other
                local LeftSection = Other:Section({ Name = "Other", Side = "Left" })
                LeftSection:Toggle({ Name = "Notifications", Flag = "OtherNotif", Default = false, Callback = function(Value)
                    if Value then
                        Library:Notification("UI Market", "Notifications enabled", 3)
                    end
                end })
                LeftSection:Button({ Name = "Reload UI", Style = "Dim", Callback = function() print("Reload") end })

                local RightSection = Other:Section({ Name = "Info", Side = "Right" })
                RightSection:Label("Press the menu keybind to hide or show the window.", "Left")
            end
        end

        do -- Visuals / World / Player / Vehicle placeholders
            local Visuals = Pages["Visuals"]:SubPage({ Name = "General", Icon = "Eye" })
            local VisualsSection = Visuals:Section({ Name = "Visuals", Side = "Left" })
            VisualsSection:Toggle({ Name = "Box ESP", Flag = "VisualsBox", Default = false })
            VisualsSection:Toggle({ Name = "Name ESP", Flag = "VisualsName", Default = false })
            VisualsSection:Slider({ Name = "Distance", Flag = "VisualsDistance", Min = 0, Max = 5000, Default = 1000, Suffix = " studs", Decimals = 0 })

            local World = Pages["World"]:SubPage({ Name = "General", Icon = "Globe" })
            local WorldSection = World:Section({ Name = "World", Side = "Left" })
            WorldSection:Toggle({ Name = "Fullbright", Flag = "WorldFullbright", Default = false })
            WorldSection:Toggle({ Name = "Remove Fog", Flag = "WorldFog", Default = false })

            local Player = Pages["Player"]:SubPage({ Name = "General", Icon = "Person" })
            local PlayerSection = Player:Section({ Name = "Player", Side = "Left" })
            PlayerSection:Slider({ Name = "Walk Speed", Flag = "WalkSpeed", Min = 16, Max = 200, Default = 16, Decimals = 0 })
            PlayerSection:Slider({ Name = "Jump Power", Flag = "JumpPower", Min = 50, Max = 500, Default = 50, Decimals = 0 })

            local Vehicle = Pages["Vehicle"]:SubPage({ Name = "General", Icon = "Car" })
            local VehicleSection = Vehicle:Section({ Name = "Vehicle", Side = "Left" })
            VehicleSection:Toggle({ Name = "Vehicle Fly", Flag = "VehicleFly", Default = false })
            VehicleSection:Slider({ Name = "Speed", Flag = "VehicleSpeed", Min = 10, Max = 500, Default = 100, Decimals = 0 })
        end

        do -- Settings
            local Settings = Pages["Settings"]:SubPage({ Name = "Settings", Icon = "Settings" })

            local ThemingSection = Settings:Section({ Name = "Theming", Side = "Right" }) do
                for Index, Value in Library.Theme do
                    ThemingSection:Label(Index, "Left"):Colorpicker({
                        Name = Index,
                        Flag = "Theme" .. Index,
                        Default = Value,
                        Callback = function(Value2)
                            Library.Theme[Index] = Value2
                            Library:ChangeTheme(Index, Value2)
                        end
                    })
                end
            end

            local GeneralSection = Settings:Section({ Name = "General", Side = "Left" })
            local MenuKeybindElement

            MenuKeybindElement = GeneralSection:Keybind({ Name = "Menu Keybind", Flag = "MenuKeybind", Default = Enum.KeyCode.Z, Mode = "Toggle", Callback = function()
                if MenuKeybindElement and MenuKeybindElement.Key then
                    Library:SetMenuKeybind(MenuKeybindElement.Key, MenuKeybindElement.Mode)
                end
            end })
            GeneralSection:Toggle({ Name = "Keybind List", Flag = "ShowKeybinds", Default = false, Callback = function(Value)
                Library:SetKeybindList(Value)
            end })
            GeneralSection:Toggle({ Name = "Watermark", Flag = "ShowWatermark", Default = true, Callback = function(Value)
                Library:SetWatermark(Value, { Name = "UI Market" })
            end })
            GeneralSection:Toggle({ Name = "ESP Preview", Flag = "ShowEspPreview", Default = true, Callback = function(Value)
                Library:SetEspPreview(Value, { Title = "ESP Preview" })
            end })

            local Appearance = Settings:Section({ Name = "Appearance", Side = "Left" })
            Appearance:Slider({ Name = "UI Scale", Flag = "UIScale", Min = 0.5, Max = 1.5, Default = Library.UIScale or 1, Suffix = "x", Decimals = 2, Callback = function(Value)
                Library:SetUIScale(Value)
            end })
            Appearance:Toggle({ Name = "Mobile Menu Button", Flag = "MobileButton", Default = UserInputService.TouchEnabled, Callback = function(Value)
                Library:SetMobileButton(Value)
            end })
        end

        do -- Configs
            local Configs = Pages["Configs"]:SubPage({ Name = "Configs", Icon = "Folder" })
            local ConfigsSection = Configs:Section({ Name = "Configs", Side = "Left" }) do
                local ConfigName = ""
                local ConfigSelected = nil

                local ConfigsDropdown = ConfigsSection:Dropdown({
                    Name = "Configs",
                    Flag = "ConfigsList",
                    Items = { },
                    Multi = false,
                    MaxSize = 85,
                    Callback = function(Value)
                        ConfigSelected = Value
                    end
                })

                ConfigsSection:Textbox({
                    Name = "Config Name",
                    Default = "",
                    Flag = "ConfigName",
                    Placeholder = "...",
                    Callback = function(Value)
                        ConfigName = Value
                    end
                })

                ConfigsSection:Button({
                    Name = "Load Config",
                    Callback = function()
                        if not ConfigSelected then
                            return
                        end

                        local Path = Library.Folders.Configs .. "/" .. ConfigSelected .. ".json"
                        local Ok, Data = pcall(readfile, Path)

                        if not Ok then
                            Library:Notification("Error", "Config not found", 3)
                            return
                        end

                        Library:LoadConfig(Data)
                        Library:Notification("Config", "Loaded " .. ConfigSelected, 3)
                    end
                }):SubButton({
                    Name = "Save Config",
                    Callback = function()
                        Library:SaveConfig(ConfigSelected)
                    end
                })

                ConfigsSection:Button({
                    Name = "Create Config",
                    Callback = function()
                        local Path = Library.Folders.Configs .. "/" .. ConfigName .. ".json"

                        if ConfigName == "" then
                            return
                        end

                        if isfile(Path) then
                            Library:Notification("Error", "Config already exists", 3)
                            return
                        end

                        local Ok = pcall(writefile, Path, Library:GetConfig())

                        if Ok then
                            Library:RefreshConfigsList(ConfigsDropdown)
                            Library:Notification("Config", "Created " .. ConfigName, 3)
                        end
                    end
                }):SubButton({
                    Name = "Delete Config",
                    Callback = function()
                        if not ConfigSelected then
                            return
                        end

                        Library:DeleteConfig(ConfigSelected)
                        Library:RefreshConfigsList(ConfigsDropdown)
                    end
                })

                Library:RefreshConfigsList(ConfigsDropdown)
            end
        end
    end

    Library:Notification("UI Market", "Loaded - menu key: " .. StringGSub(Library.MenuKeybind, "Enum.KeyCode%.", ""), 4)
end

getgenv().Library = Library

return Library