Atlanta

-- Forked From: https://raw.githubusercontent.com/i77lhm/Libraries/refs/heads/main/Atlanta/Library.lua

--[[
	01/11/2026 (6:06)
	BUG FIXES:
		1. Fixed player list where when you click yourself it would error.
		2. Fixed "Copy Join Script" so it used game:GetService("Players") instead of game.Players.
		3. Fixed color picker always setting Rainbow to true.
		4. Fixed "Max Player" slider to use actual server size limit instead of a hard coded value.
		5. Fixed Tooltip spacing issue, and made it top-most.
		5. Fixed Notifiaction spacing issue.
		6. Replaced all ":Connect" with "library:connection" to clean up memory leaks

	ADDITIONS:
		1. Added Fallback character (StarterCharacter) to "Esp Preview", Reduced rotation of the character by 50%.
]]

--[[
	01/11/2026 (11:09)
	ADDITIONS:
		1. Added "Auto Execute" toggle when rejoining and server hopping.
		2. Changed font saving/loading to use Font folder in "Workspace/Atlanta/Fonts".
]]

-- REASON: Dumbass customer put their library in a request and flexed his non existant security and ended up getting it leaked by himself... 😭
-- The code here is horrendous this is my 2nd library, the added on code was made to suit the old code however I should have just converted to a newer version of my code kind of an oopsie.

local directory, queue_on_teleport_payload = ...

-- variables
	local uis = cloneref(game:GetService("UserInputService"))
	local players = cloneref(game:GetService("Players"))
    local StarterPlayer = cloneref(game:GetService("StarterPlayer"))
	local ws = cloneref(game:GetService("Workspace"))
	local http_service = cloneref(game:GetService("HttpService"))
	local gui_service = cloneref(game:GetService("GuiService"))
	local lighting = cloneref(game:GetService("Lighting"))
	local run = cloneref(game:GetService("RunService"))
	local stats = cloneref(game:GetService("Stats"))
	local coregui = cloneref(game:GetService("CoreGui"))
	local debris = cloneref(game:GetService("Debris"))
	local tween_service = cloneref(game:GetService("TweenService"))
	local sound_service = cloneref(game:GetService("SoundService"))
	local starter_gui = cloneref(game:GetService("StarterGui"))
	local rs = cloneref(game:GetService("ReplicatedStorage"))

	local vec2 = Vector2.new
	local vec3 = Vector3.new
	local dim2 = UDim2.new
	local dim = UDim.new
	local rect = Rect.new
	local cfr = CFrame.new
	local empty_cfr = cfr()
	local point_object_space = empty_cfr.PointToObjectSpace
	local angle = CFrame.Angles
	local dim_offset = UDim2.fromOffset

	local color = Color3.new
	local hsv = Color3.fromHSV
	local rgb = Color3.fromRGB
	local hex = Color3.fromHex
	local rgbseq = ColorSequence.new
	local rgbkey = ColorSequenceKeypoint.new
	local numseq = NumberSequence.new
	local numkey = NumberSequenceKeypoint.new

	local camera = ws.CurrentCamera
	local lp = players.LocalPlayer
	local mouse = lp:GetMouse()
	local gui_offset = gui_service:GetGuiInset().Y

	local max = math.max
	local floor = math.floor
	local min = math.min
	local abs = math.abs
	local noise = math.noise
	local rad = math.rad
	local random = math.random
	local pow = math.pow
	local sin = math.sin
	local pi = math.pi
	local tan = math.tan
	local atan2 = math.atan2
	local cos = math.cos
	local round = math.round;
	local clamp = math.clamp;
	local ceil = math.ceil;
	local sqrt = math.sqrt;
	local acos = math.acos;

	local insert = table.insert
	local find = table.find
	local remove = table.remove
	local concat = table.concat
--

-- library init
	local library = {
		directory = (type(directory) == "string" and directory) or "Atlanta",
		folders = {
			"/fonts",
			"/configs",
			"/images"
		},
		flags = {},
		config_flags = {},
		visible_flags = {},
		guis = {},
		connections = {},
		notifications = {},
		playerlist_data = {},

		current_tab,
		current_element_open,
		dock_button_holder,
		old_config;
		font,
		keybind_list,
		binds = {},

		copied_flag;
		is_rainbow;

		instances = {};
		drawings = {};

		display_orders = 0;

        unloaded = false,
		UnloadConnections = {}
	}

	local flags = library.flags
	local config_flags = library.config_flags

	local themes = {
		preset = {
			["outline"] = hex("#0A0A0A"), --
			["inline"] = hex("#2D2D2D"), --
			["accent"] = hex("#6078BE"), --
			["high_contrast"] = hex("#141414"),
			["low_contrast"] = hex("#1E1E1E"),
			["text"] = hex("#B4B4B4"),
			["text_outline"] = rgb(0, 0, 0),
			["glow"] = hex("#6078BE"),
		},

		utility = {
			["outline"] = {
				["BackgroundColor3"] = {},
				["Color"] = {},
			},
			["inline"] = {
				["BackgroundColor3"] = {},
				["ImageColor3"] = {},
			},
			["accent"] = {
				["BackgroundColor3"] = {},
				["TextColor3"] = {},
				["ImageColor3"] = {},
				["ScrollBarImageColor3"] = {}
			},
			["contrast"] = {
				["Color"] = {},
			},
			["text"] = {
				["TextColor3"] = {},
			},
			["text_outline"] = {
				["Color"] = {},
			},
			["glow"] = {
				["ImageColor3"] = {},
			},
			["high_contrast"] = {
				["BackgroundColor3"] = {},
			},
			["low_contrast"] = {
				["BackgroundColor3"] = {},
			}
		},

		find = {
			["Frame"] = "BackgroundColor3",
			["TextLabel"] = "TextColor3",
			["UIGradient"] = "Color",
			["UIStroke"] = "Color",
			["ImageLabel"] = "ImageColor3",
			["TextButton"] = "BackgroundColor3",
			["ScrollingFrame"] = "ScrollBarImageColor3"
		}
	}

	local keys = {
		[Enum.KeyCode.LeftShift] = "LS",
		[Enum.KeyCode.RightShift] = "RS",
		[Enum.KeyCode.LeftControl] = "LC",
		[Enum.KeyCode.RightControl] = "RC",
		[Enum.KeyCode.Insert] = "INS",
		[Enum.KeyCode.Backspace] = "BS",
		[Enum.KeyCode.Return] = "Ent",
		[Enum.KeyCode.LeftAlt] = "LA",
		[Enum.KeyCode.RightAlt] = "RA",
		[Enum.KeyCode.CapsLock] = "CAPS",
		[Enum.KeyCode.One] = "1",
		[Enum.KeyCode.Two] = "2",
		[Enum.KeyCode.Three] = "3",
		[Enum.KeyCode.Four] = "4",
		[Enum.KeyCode.Five] = "5",
		[Enum.KeyCode.Six] = "6",
		[Enum.KeyCode.Seven] = "7",
		[Enum.KeyCode.Eight] = "8",
		[Enum.KeyCode.Nine] = "9",
		[Enum.KeyCode.Zero] = "0",
		[Enum.KeyCode.KeypadOne] = "Num1",
		[Enum.KeyCode.KeypadTwo] = "Num2",
		[Enum.KeyCode.KeypadThree] = "Num3",
		[Enum.KeyCode.KeypadFour] = "Num4",
		[Enum.KeyCode.KeypadFive] = "Num5",
		[Enum.KeyCode.KeypadSix] = "Num6",
		[Enum.KeyCode.KeypadSeven] = "Num7",
		[Enum.KeyCode.KeypadEight] = "Num8",
		[Enum.KeyCode.KeypadNine] = "Num9",
		[Enum.KeyCode.KeypadZero] = "Num0",
		[Enum.KeyCode.Minus] = "-",
		[Enum.KeyCode.Equals] = "=",
		[Enum.KeyCode.Tilde] = "~",
		[Enum.KeyCode.LeftBracket] = "[",
		[Enum.KeyCode.RightBracket] = "]",
		[Enum.KeyCode.RightParenthesis] = ")",
		[Enum.KeyCode.LeftParenthesis] = "(",
		[Enum.KeyCode.Semicolon] = ",",
		[Enum.KeyCode.Quote] = "'",
		[Enum.KeyCode.BackSlash] = "\\",
		[Enum.KeyCode.Comma] = ",",
		[Enum.KeyCode.Period] = ".",
		[Enum.KeyCode.Slash] = "/",
		[Enum.KeyCode.Asterisk] = "*",
		[Enum.KeyCode.Plus] = "+",
		[Enum.KeyCode.Period] = ".",
		[Enum.KeyCode.Backquote] = "`",
		[Enum.UserInputType.MouseButton1] = "MB1",
		[Enum.UserInputType.MouseButton2] = "MB2",
		[Enum.UserInputType.MouseButton3] = "MB3",
		[Enum.KeyCode.Escape] = "ESC",
		[Enum.KeyCode.Space] = "SPC",
	}

	library.__index = library

	for _, path in next, library.folders do
		makefolder(library.directory .. path)
	end

	writefile(library.directory.."/fonts/fs-tahoma-8px.ttf", game:HttpGet("https://github.com/weasely111/beta/raw/refs/heads/main/fs-tahoma-8px.ttf"))

	local tahoma = {
		name = "SmallestPixel7",
		faces = {
			{
				name = "Regular",
				weight = 400,
				style = "normal",
				assetId = getcustomasset(library.directory.."/fonts/fs-tahoma-8px.ttf")
			}
		}
	}

	writefile(library.directory.."/fonts/serialized-fs-tahoma-8px.ttf", http_service:JSONEncode(tahoma))
	library.font = Font.new(getcustomasset(library.directory.."/fonts/serialized-fs-tahoma-8px.ttf"), Enum.FontWeight.Regular)

	local config_holder
--

-- library functions
	-- misc functions
		function library:connectToUnload(func)
			if type(func) ~= "function" then return end

			table.insert(self.UnloadConnections, func)
			return
		end

		function library:hoverify(hover, parent)
			local hover_instance = library:create("Frame", {
				Parent = parent,
				BackgroundTransparency = 1,
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 1, 0),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.accent,
				ZIndex = 1;
			}) library:apply_theme(hover_instance, "accent", "BackgroundColor3")

            library:connection(hover.MouseEnter, function()
				library:tween(hover_instance, {
					BackgroundTransparency = 0,
				})
			end)

            library:connection(hover.MouseLeave, function()
				library:tween(hover_instance, {
					BackgroundTransparency = 1,
				})
			end)

			return hover_instance;
		end

		function library:hovering(Object)
			if type(Object) == "table" then
				local Pass = false;

				for _,obj in Object do
					if library:hovering(obj) then
						Pass = true
						return Pass
					end
				end
			else
				local y_cond = Object.AbsolutePosition.Y <= mouse.Y and mouse.Y <= Object.AbsolutePosition.Y + Object.AbsoluteSize.Y
				local x_cond = Object.AbsolutePosition.X <= mouse.X and mouse.X <= Object.AbsolutePosition.X + Object.AbsoluteSize.X

				return (y_cond and x_cond)
			end
		end

		function library:make_resizable(frame)
			local Frame = Instance.new("TextButton")
			Frame.Position = dim2(1, -10, 1, -10)
			Frame.BorderColor3 = rgb(0, 0, 0)
			Frame.Size = dim2(0, 10, 0, 10)
			Frame.BorderSizePixel = 0
			Frame.BackgroundColor3 = rgb(255, 255, 255)
			Frame.Parent = frame
			Frame.BackgroundTransparency = 1
			Frame.Text = ""

			local resizing = false
			local start_size
			local start
			local og_size = frame.Size

            library:connection(Frame.InputBegan, function(input)
				if input.UserInputType == Enum.UserInputType.MouseButton1 then
					resizing = true
					start = input.Position
					start_size = frame.Size
				end
			end)

            library:connection(Frame.InputEnded, function(input)
				if input.UserInputType == Enum.UserInputType.MouseButton1 then
					resizing = false
				end
			end)

			library:connection(uis.InputChanged, function(input, game_event)
				if resizing and input.UserInputType == Enum.UserInputType.MouseMovement then
					local viewport_x = camera.ViewportSize.X
					local viewport_y = camera.ViewportSize.Y

					local current_size = dim2(
						start_size.X.Scale,
						math.clamp(
							start_size.X.Offset + (input.Position.X - start.X),
							og_size.X.Offset,
							viewport_x
						),
						start_size.Y.Scale,
						math.clamp(
							start_size.Y.Offset + (input.Position.Y - start.Y),
							og_size.Y.Offset,
							viewport_y
						)
					)
					frame.Size = current_size
				end
			end)
		end

		function library:draggify(frame)
			local dragging = false
			local start_size = frame.Position
			local start

            library:connection(frame.InputBegan, function(input)
				if input.UserInputType == Enum.UserInputType.MouseButton1 then
					dragging = true
					start = input.Position
					start_size = frame.Position

					if library.current_element_open then
						library.current_element_open.set_visible(false)
						library.current_element_open.open = false
						library.current_element_open = nil
					end

					if frame.Parent:IsA("ScreenGui") and frame.Parent.DisplayOrder ~= 999999 then
						library.display_orders += 1 -- shit code
						frame.Parent.DisplayOrder = library.display_orders
					end
				end
			end)

            library:connection(frame.InputEnded, function(input)
				if input.UserInputType == Enum.UserInputType.MouseButton1 then
					dragging = false
				end
			end)

			library:connection(uis.InputChanged, function(input, game_event)
				if dragging and input.UserInputType == Enum.UserInputType.MouseMovement then
					local viewport_x = camera.ViewportSize.X
					local viewport_y = camera.ViewportSize.Y

					local current_position = dim2(
						0,
						clamp(
							start_size.X.Offset + (input.Position.X - start.X),
							0,
							viewport_x - frame.Size.X.Offset
						),
						0,
						clamp(
							start_size.Y.Offset + (input.Position.Y - start.Y),
							0,
							viewport_y - frame.Size.Y.Offset
						)
					)

					frame.Position = current_position
				end
			end)
		end

		function library:new_drawing(class, properties)
			local ins = Drawing.new(class)

			for _, v in next, properties do
				ins[_] = v
			end

			insert(library.drawings, ins)

			return ins
		end

		function library:new_item(class, properties)
			local ins = Instance.new(class)

			for _, v in next, properties do
				ins[_] = v
			end

			insert(library.instances, ins)

			return ins
		end

		function library:convert_enum(enum)
			local enum_parts = {}

			for part in string.gmatch(enum, "[%w_]+") do
				insert(enum_parts, part)
			end

			local enum_table = Enum
			for i = 2, #enum_parts do
				local enum_item = enum_table[enum_parts[i]]

				enum_table = enum_item
			end

			return enum_table
		end

		function library:tween(obj, properties)
			local tween = tween_service:Create(obj, TweenInfo.new(0.25, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut, 0, false, 0), properties):Play()

			return tween
		end

		function library:config_list_update()
			if not config_holder then return end

			local list = {}

			for idx, file in next, listfiles(library.directory .. "/configs") do
				local name = string.sub(file:gsub(library.directory .. "/configs\\", ""):gsub(library.directory .. "\\configs\\", ""), 1, -5)
				list[#list + 1] = name
			end

			config_holder.refresh_options(list)
		end

		function library:get_config()
			local Config = {}

			for _, v in flags do
				if type(v) == "table" and v.key then
					Config[_] = {active = v.active, mode = v.mode, key = tostring(v.key)}
				elseif type(v) == "table" and v["Transparency"] and v["Color"] then
					Config[_] = {Transparency = v["Transparency"], Color = v["Color"]:ToHex()}
				else
					Config[_] = v
				end
			end

			return http_service:JSONEncode(Config)
		end

		function library:load_config(config_json)
			local config = http_service:JSONDecode(config_json)

			for _, v in next, config do
				local function_set = library.config_flags[_]

				if function_set then
					if type(v) == "table" and v["Transparency"] and v["Color"] then
						function_set(hex(v["Color"]), v["Transparency"])
					elseif type(v) == "table" and v["active"] then
						function_set(v)
					else
						function_set(v)
					end
				end
			end
		end

		function library:round(number, float)
			local multiplier = 1 / (float or 1)

			return floor(number * multiplier + 0.5) / multiplier
		end

		function library:apply_theme(instance, theme, property)
			insert(themes.utility[theme][property], instance)
		end

		function library:update_theme(theme, color)
			for _, property in next, themes.utility[theme] do

				for m, object in next, property do
					if object[_] == themes.preset[theme] or object.ClassName == "UIGradient" then
						object[_] = color
					end
				end
			end

			themes.preset[theme] = color
		end

		function library:connection(signal, callback)
			local connection = signal:Connect(callback)

			insert(library.connections, connection)

			return connection
		end

		function library:apply_stroke(parent)
			local stroke = library:create("UIStroke", {
				Parent = parent,
				Color = themes.preset.text_outline,
				LineJoinMode = Enum.LineJoinMode.Miter
			})

			library:apply_theme(stroke, "text_outline", "Color")
		end

		function library:create(instance, options)
			local ins = Instance.new(instance)

			for prop, value in next, options do
				ins[prop] = value
			end

			if instance == "TextLabel" or instance == "TextButton" or instance == "TextBox" then
				library:apply_theme(ins, "text", "TextColor3")
				library:apply_stroke(ins)
			elseif instance == "ScreenGui" then
				insert(library.guis, ins)
			end

			return ins
		end
	--

	-- elements
		local tooltip_sgui = library:create("ScreenGui", {
			Enabled = true,
			Parent = gethui(),
			Name = "",
			DisplayOrder = 9999999,
		})

		function library:tool_tip(options)
			local cfg = {
				name = options.name or "hi",
				path = options.path or nil,
			}

			if cfg.path then
				local watermark_outline = library:create("Frame", {
					Parent = tooltip_sgui,
					Name = "",
					Size = dim2(0, 0, 0, 22),
					Position = dim2(0, 500, 0, 300),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					Visible = false,
					AutomaticSize = Enum.AutomaticSize.X,
					BackgroundColor3 = themes.preset.outline
				})

				local watermark_inline = library:create("Frame", {
					Parent = watermark_outline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				})

				local watermark_background = library:create("Frame", {
					Parent = watermark_inline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = watermark_background,
					Name = "",
					Color = rgbseq{rgbkey(0, rgb(41, 41, 55)), rgbkey(1, rgb(35, 35, 47))}
				}); library:apply_theme(UIGradient, "contrast", "Color")

				local text = library:create("TextLabel", {
					Parent = watermark_background,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = " " .. cfg.name .. " ",
					Size = dim2(0, 0, 1, 0),
					BackgroundTransparency = 1,
					Position = dim2(0, 0, 0, -1),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.X,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIPadding = library:create("UIPadding", {
					Parent = watermark_background,
					Name = "",
                    PaddingRight = dim(0, 4),
				})

                local UIStroke = library:create("UIStroke", {
					Parent = text,
					Name = "",
					LineJoinMode = Enum.LineJoinMode.Miter
				})

                library:connection(cfg.path.MouseEnter, function()
					watermark_outline.Visible = true
				end)

                library:connection(cfg.path.MouseLeave, function()
					watermark_outline.Visible = false
				end)

				library:connection(uis.InputChanged, function(input)
					if watermark_outline.Visible and input.UserInputType == Enum.UserInputType.MouseMovement then
						watermark_outline.Position = dim_offset(input.Position.X + 10, input.Position.Y + 10)
					end
				end)
			end

			return cfg
		end

		function library:panel(options)
			local cfg = {
				name = options.text or options.name or "Window",
				size = options.size or dim2(0, 530, 0, 590),
				position = options.position or dim2(0, 500, 0, 500),
				anchor_point = options.anchor_point or vec2(0, 0),

				-- button
				image = options.image or "rbxassetid://79856374238119",
				open = options.open or true,

				-- ignore
				items = {},
			}

			local items = cfg.items do
				-- Panel
					items.sgui = library:create("ScreenGui", {
						Enabled = true,
						Parent = gethui(),
						Name = ""
					})

					items.main_holder = library:create("Frame", {
						Parent = items.sgui,
						Name = "",
						AnchorPoint = vec2(cfg.anchor_point.X, cfg.anchor_point.Y),
						Position = cfg.position,
						Active = true,
						BorderColor3 = rgb(0, 0, 0),
						Size = cfg.size,
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.outline
					})
					library:draggify(items.main_holder)
					library:make_resizable(items.main_holder)

					local Close = library:create( "TextButton" , {
						Parent = items.main_holder;
						FontFace = library.font;
						Name = "\0";
						AnchorPoint = vec2(1, 0);
						Active = false;
						BorderColor3 = rgb(0, 0, 0);
						Text = "X";
						Size = dim2(0, 0, 0, 0);
						Selectable = false;
						Position = dim2(1, -7, 0, 5);
						BorderSizePixel = 0;
						BackgroundTransparency = 1;
						TextXAlignment = Enum.TextXAlignment.Right;
						AutomaticSize = Enum.AutomaticSize.XY;
						TextColor3 = themes.preset.text;
						TextSize = 12;
						ZIndex = 100;
						BackgroundColor3 = rgb(255, 255, 255)
					});

					library:create( "UIStroke" , {
						Parent = Close
					});

                    library:connection(Close.MouseButton1Click, function()
						items.sgui.Enabled = false;
					end)

					--library:apply_theme(main_holder, "outline", "BackgroundColor3")

					items.window_inline = library:create("Frame", {
						Parent = items.main_holder,
						Name = "",
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, -2, 1, -2),
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.accent
					})

					library:apply_theme(items.window_inline, "accent", "BackgroundColor3")

					items.window_holder = library:create("Frame", {
						Parent = items.window_inline,
						Name = "",
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = themes.preset.outline,
						Size = dim2(1, -2, 1, -2),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					})

					items.UIGradient = library:create("UIGradient", {
						Parent = items.window_holder,
						Name = "",
						Rotation = 90,
						Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
					})

					library:apply_theme(items.UIGradient, "contrast", "Color")

					items.text = library:create("TextLabel", {
						Parent = items.window_holder,
						Name = "",
						FontFace = library.font,
						TextColor3 = themes.preset.accent,
						BorderColor3 = rgb(0, 0, 0),
						Text = cfg.name,
						BackgroundTransparency = 1,
						Position = dim2(0, 2, 0, 4),
						BorderSizePixel = 0,
						AutomaticSize = Enum.AutomaticSize.XY,
						TextSize = 12,
						BackgroundColor3 = rgb(255, 255, 255)
					}) library:apply_theme(items.text, "accent", "TextColor3")

					items.UIStroke = library:create("UIStroke", {
						Parent = items.text,
						Name = "",
						LineJoinMode = Enum.LineJoinMode.Miter
					})

					items.UIPadding = library:create("UIPadding", {
						Parent = items.window_holder,
						Name = "",
						PaddingBottom = dim(0, 4),
						PaddingRight = dim(0, 4),
						PaddingLeft = dim(0, 4)
					})

					items.outline = library:create("Frame", {
						Parent = items.window_holder,
						Name = "",
						Position = dim2(0, 0, 0, 18),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, 0, 1, -18),
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.inline
					})

					library:apply_theme(items.outline, "inline", "BackgroundColor3")

					items.inline = library:create("Frame", {
						Parent = items.outline,
						Name = "",
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, -2, 1, -2),
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.outline
					})

					library:apply_theme(items.inline, "outline", "BackgroundColor3")

					items.holder = library:create("Frame", {
						Parent = items.inline,
						Name = "",
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, -2, 1, -2),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					})

					items.UIGradient = library:create("UIGradient", {
						Parent = items.holder,
						Name = "",
						Rotation = 90,
						Color = rgbseq{
							rgbkey(0, rgb(41, 41, 55)),
							rgbkey(1, rgb(35, 35, 47))
						}
					})

					library:apply_theme(items.UIGradient, "contrast", "Color")

					items.UIPadding = library:create("UIPadding", {
						Parent = items.holder,
						Name = "",
						PaddingTop = dim(0, 5),
						PaddingBottom = dim(0, 5),
						PaddingRight = dim(0, 5),
						PaddingLeft = dim(0, 5)
					})

					items.glow = library:create("ImageLabel", {
						Parent = items.main_holder,
						Name = "",
						ImageColor3 = themes.preset.glow,
						ScaleType = Enum.ScaleType.Slice,
						BorderColor3 = rgb(0, 0, 0),
						BackgroundColor3 = rgb(255, 255, 255),
						Visible = true,
						Image = "http://www.roblox.com/asset/?id=18245826428",
						BackgroundTransparency = 1,
						ImageTransparency = 0.8,
						Position = dim2(0, -20, 0, -20),
						Size = dim2(1, 40, 1, 40),
						ZIndex = 2,
						BorderSizePixel = 0,
						SliceCenter = rect(vec2(21, 21), vec2(79, 79))
					}) library:apply_theme(items.glow, "glow", "ImageColor3")
				--

				-- Button
					items.button = library:create("TextButton", {
						Parent = library.dock_holder,
						Name = "",
						TextColor3 = rgb(0, 0, 0),
						BorderColor3 = rgb(0, 0, 0),
						Text = "",
						Size = dim2(0, 25, 0, 25),
						BorderSizePixel = 0,
						TextSize = 14,
						BackgroundColor3 = themes.preset.inline
					})

					local button_inline = library:create("Frame", {
						Parent = items.button,
						Name = "",
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, -2, 1, -2),
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.outline
					}) library:apply_theme(button_inline, "outline", "BackgroundColor3")

					local button_inline = library:create("Frame", {
						Parent = button_inline,
						Name = "",
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, -2, 1, -2),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					}) library:apply_theme(button_inline, "inline", "BackgroundColor3")

					local UIGradient = library:create("UIGradient", {
						Parent = button_inline,
						Name = "",
						Rotation = 90,
						Color = rgbseq{
							rgbkey(0, rgb(35, 35, 47)),
							rgbkey(1, rgb(41, 41, 55))
						}
					}) library:apply_theme(UIGradient, "contrast", "Color")

					items.Icon = library:create("ImageLabel", {
						Parent = button_inline,
						Name = "",
						ImageColor3 = themes.preset.accent,
						Image = cfg.image,
						BackgroundTransparency = 1,
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, 0, 1, 0),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					}) library:apply_theme(items.Icon, "accent", "ImageColor3") library:apply_theme(items.Icon, "inline", "ImageColor3")

					local UIPadding = library:create("UIPadding", {
						Parent = button_inline,
						Name = "",
						PaddingTop = dim(0, 4),
						PaddingBottom = dim(0, 4),
						PaddingRight = dim(0, 4),
						PaddingLeft = dim(0, 4)
					})
				--

				library:tool_tip({name = cfg.name, path = items.button})
			end

            library:connection(items.sgui:GetPropertyChangedSignal("Enabled"), function()
				items.Icon.ImageColor3 = items.sgui.Enabled and themes.preset.accent or themes.preset.inline
			end)

            library:connection(items.button.MouseButton1Click, function()
				items.sgui.Enabled = not items.sgui.Enabled
			end)

			return setmetatable(cfg, library)
		end

		local sgui = library:create("ScreenGui", {
			Enabled = true,
			Parent = gethui(),
			Name = "",
			DisplayOrder = 999999,
		})

		local notif_holder = library:create("ScreenGui", {
			Parent = gethui(),
			Name = "",
			IgnoreGuiInset = true,
			DisplayOrder = 999999,
			ZIndexBehavior = Enum.ZIndexBehavior.Sibling
		})

		function library:fold_elements(origin, elements)
			for _, x in next, elements do
				local flag = library.visible_flags[x]

				if flag then
					flag(flags[origin])
				end
			end
		end

		function library:indicator()
			local cfg = {
				items = {};
			}

			local items = cfg.items; do
				items.Window = library:create( "Frame" , {
					Parent = sgui;
					Name = "\0";
					Position = dim2(0, 400, 0, 500);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(0, 322, 0, 147);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.outline
				});	library:apply_theme(items.Window, "outline", "BackgroundColor3"); library:draggify(items.Window)

				items.InfoTitle = library:create( "TextLabel" , {
					FontFace = library.font;
					TextColor3 = themes.preset.text;
					BorderColor3 = rgb(0, 0, 0);
					Text = "Indicators";
					Parent = items.Window;
					Name = "\0";
					Size = dim2(1, 0, 0, 0);
					Position = dim2(0, 7, 0, 5);
					BackgroundTransparency = 1;
					TextXAlignment = Enum.TextXAlignment.Left;
					BorderSizePixel = 0;
					ZIndex = 5;
					AutomaticSize = Enum.AutomaticSize.Y;
					TextSize = 12;
				});

				items.Accent = library:create( "Frame" , {
					Parent = items.Window;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.accent
				});	library:apply_theme(items.Accent, "accent", "BackgroundColor3")

				items.Background = library:create( "Frame" , {
					Parent = items.Accent;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.high_contrast
				});	library:apply_theme(items.Background, "high_contrast", "BackgroundColor3")

				items.Inline = library:create( "Frame" , {
					Parent = items.Background;
					Name = "\0";
					Position = dim2(0, 4, 0, 18);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -8, 1, -22);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.outline
				});	library:apply_theme(items.Inline, "outline", "BackgroundColor3")

				items.Outline = library:create( "Frame" , {
					Parent = items.Inline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.inline
				});	library:apply_theme(items.Outline, "inline", "BackgroundColor3")

				items.LowContrast = library:create( "Frame" , {
					Parent = items.Outline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.low_contrast
				});	library:apply_theme(items.LowContrast, "low_contrast", "BackgroundColor3")

				items.Inline = library:create( "Frame" , {
					Parent = items.LowContrast;
					Name = "\0";
					Position = dim2(0, 4, 0, 4);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -8, 1, -8);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.inline
				});	library:apply_theme(items.Inline, "inline", "BackgroundColor3")

				items.Outline = library:create( "Frame" , {
					Parent = items.Inline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.outline
				});	library:apply_theme(items.Outline, "outline", "BackgroundColor3")

				items.LowContrast = library:create( "Frame" , {
					Parent = items.Outline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.low_contrast
				});	library:apply_theme(items.LowContrast, "low_contrast", "BackgroundColor3"); local image_holder = items.LowContrast;

				items.Inline = library:create( "Frame" , {
					Parent = items.LowContrast;
					Name = "\0";
					Position = dim2(0, 4, 0, 4);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -8, 1, -8);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.inline
				});	library:apply_theme(items.Inline, "inline", "BackgroundColor3")

				items.Outline = library:create( "Frame" , {
					Parent = items.Inline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.outline
				});	library:apply_theme(items.Outline, "outline", "BackgroundColor3")

				items.LowContrast = library:create( "Frame" , {
					Parent = items.Outline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.low_contrast
				});	library:apply_theme(items.LowContrast, "low_contrast", "BackgroundColor3")

				items.InfoTitle = library:create( "TextLabel" , {
					FontFace = library.font;
					TextColor3 = themes.preset.text;
					BorderColor3 = rgb(0, 0, 0);
					Text = "Info";
					Parent = items.Outline;
					Name = "\0";
					Size = dim2(1, 0, 0, 0);
					Position = dim2(0, 7, 0, 5);
					BackgroundTransparency = 1;
					TextXAlignment = Enum.TextXAlignment.Left;
					BorderSizePixel = 0;
					ZIndex = 5;
					AutomaticSize = Enum.AutomaticSize.Y;
					TextSize = 12;
				});

				library:create( "UIStroke" , {
					Parent = items.InfoTitle
				});

				items.Accent = library:create( "Frame" , {
					Name = "\0";
					Parent = items.LowContrast;
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, 0, 0, 2);
					BackgroundColor3 = themes.preset.accent;
					BorderSizePixel = 0;
				});	library:apply_theme(items.Accent, "accent", "BackgroundColor3");

				items.Shadow = library:create( "Frame" , {
					AnchorPoint = vec2(0, 1);
					Parent = items.Accent;
					Name = "\0";
					Position = dim2(0, 0, 1, 0);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, 0, 0, 1);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.accent;
				}); library:apply_theme(items.Shadow, "accent", "BackgroundColor3");

				library:create( "UIGradient" , {
					Rotation = 90;
					Parent = items.Shadow;
					Color = rgbseq{rgbkey(0, rgb(150, 150, 150)), rgbkey(1, rgb(150, 150, 150))}
				});

				items.holder = library:create( "Frame" , {
					Parent = items.LowContrast;
					Name = "\0";
					Position = dim2(0, 76, 0, 21);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -80, 0, 0);
					BorderSizePixel = 0;
				});

				library:create("UIListLayout", {
					Parent = items.holder,
					Padding = dim(0, 4),
					HorizontalAlignment = Enum.HorizontalAlignment.Center,
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				items.Inline = library:create( "Frame" , {
					Parent = image_holder;
					Name = "\0";
					Position = dim2(0, 10, 0, 28);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(0, 68, 0, 67);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.outline
				});	library:apply_theme(items.Inline, "outline", "BackgroundColor3")

				items.Outline = library:create( "Frame" , {
					Parent = items.Inline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.inline
				});	library:apply_theme(items.Outline, "inline", "BackgroundColor3")

				items.LowContrast = library:create( "Frame" , {
					Parent = items.Outline;
					Name = "\0";
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = themes.preset.low_contrast
				});	library:apply_theme(items.LowContrast, "low_contrast", "BackgroundColor3")

				items.Profile = library:create( "ImageLabel" , {
					BorderColor3 = rgb(0, 0, 0);
					Parent = items.LowContrast;
					Image = "rbxasset://textures/ui/GuiImagePlaceholder.png";
					BackgroundTransparency = 1;
					Name = "\0";
					Size = dim2(1, 0, 1, 0);
					BorderSizePixel = 0;
				});

				local section = setmetatable(items, library)
				items.label = section:label({name = "Player: "})
				items.slider = section:slider({name = "Health", custom = rgb(255, 0, 0), min = 0, max = 100, default = 50, input = true})

				library:create( "UIStroke" , {
					Parent = items.InfoTitle
				});
			end

			function cfg.set_visible(bool)
				items.Window.Visible = bool
			end

			function cfg.change_health(int)
				items.slider.set(int)
			end

			function cfg.change_profile(player)
				items.label.set(string.format("Player: %s (%s)", player.Name, player.DisplayName))
				items.Profile.Image = "https://www.roblox.com/headshot-thumbnail/image?userId=".. player.UserId .."&width=420&height=420&format=png"
			end

			return setmetatable(cfg, library)
		end

		function library:window(properties)
			local window = {opened = true}
			local opened = {}
			local dock_outline;
			local blur = library:create( "BlurEffect" , {
				Parent = lighting;
				Enabled = true;
				Size = 15
			});

			library.cache = library:create("ScreenGui", {
				Enabled = false,
				Parent = gethui(),
				Name = ""
			})

			function window.set_menu_visibility(bool)
				window.opened = bool

				if bool then
					for _,gui in opened do
						gui.Enabled = true
						opened = {}
					end
				else
					for _,gui in library.guis do
						if gui.Enabled then
							gui.Enabled = false
							table.insert(opened, gui)
						end
					end
				end

				library:tween(blur, {Size = bool and (flags["Blur Size"] or 15) or 0})

				dock_outline.Visible = bool;

				sgui.Enabled = true
				notif_holder.Enabled = true
				tooltip_sgui.Enabled = true
				library.cache.Enabled = false

				for _,tooltip in tooltip_sgui:GetChildren() do
					tooltip.Visible = false;
				end

				if library.current_element_open then
					library.current_element_open.set_visible(false)
					library.current_element_open.open = false
					library.current_element_open = nil
				end
			end

			-- dock init
				dock_outline = library:create("Frame", {
					Parent = sgui,
					Name = "",
					Visible = true,
					BorderColor3 = rgb(0, 0, 0),
					AnchorPoint = vec2(0.5, 0),
					Position = dim2(0.5, 0, 0, 20),
					Size = dim2(0, 157, 0, 39),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				});

				library:apply_theme(dock_outline, "outline", "BackgroundColor3");
				dock_outline.Position = dim2(0, dock_outline.AbsolutePosition.X, 0, dock_outline.AbsolutePosition.Y);
				dock_outline.AnchorPoint = vec2(0, 0);
				library:draggify(dock_outline);

				local dock_inline = library:create("Frame", {
					Parent = dock_outline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(dock_inline, "inline", "BackgroundColor3")

				local dock_holder = library:create("Frame", {
					Parent = dock_inline,
					Name = "",
					Size = dim2(1, -2, 1, -2),
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = themes.preset.outline,
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				}) library:apply_theme(dock_holder, "outline", "BackgroundColor3")

				local accent = library:create("Frame", {
					Parent = dock_holder,
					Name = "",
					Size = dim2(1, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				}) library:apply_theme(accent, "accent", "BackgroundColor3")

				local UIGradient = library:create("UIGradient", {
					Parent = accent,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
					rgbkey(0, rgb(255, 255, 255)),
					rgbkey(1, rgb(167, 167, 167))
				}
				})

				local button_holder = library:create("Frame", {
					Parent = dock_holder,
					Name = "",
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 1, 0),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				}) library.dock_holder = button_holder;

				local UIListLayout = library:create("UIListLayout", {
					Parent = button_holder,
					Name = "",
					Padding = dim(0, 5),
					FillDirection = Enum.FillDirection.Horizontal,
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				local UIPadding = library:create("UIPadding", {
					Parent = button_holder,
					Name = "",
					PaddingTop = dim(0, 6),
					PaddingBottom = dim(0, 4),
					PaddingRight = dim(0, 4),
					PaddingLeft = dim(0, 4)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = dock_holder,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")
			--

			-- keybind list
				local outline = library:create("Frame", {
					Parent = sgui,
					Name = "",
					Visible = false,
					Active = true,
					Draggable = true,
					Position = dim2(0, 50, 0, 200),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 182, 0, 25),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				})
				library:apply_theme(outline, "outline", "BackgroundColor3")
				library:draggify(outline)
				library:make_resizable(outline)
				library.keybind_list_frame = outline

				local inline = library:create("Frame", {
					Parent = outline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				})
				library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, themes.preset.high_contrast),
						rgbkey(1, themes.preset.low_contrast)
					}
				})
				library:apply_theme(UIGradient, "contrast", "Color")

				local bg = library:create("Frame", {
					Parent = background,
					Name = "a",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 0, 2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				}); library:apply_theme(bg, "accent", "BackgroundColor3")


				library:create("UIGradient", {
					Parent = bg,
					Name = "",
					Enabled = true,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})

				local text = library:create("TextLabel", {
					Parent = background,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "Keybinds",
					BackgroundTransparency = 1,
					TextTruncate = Enum.TextTruncate.AtEnd,
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					TextSize = 12,
					BackgroundColor3 = themes.preset.text
				}, "text")

				local UIStroke = library:create("UIStroke", {
					Parent = text,
					Name = "",
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				local text_holder = library:create("Frame", {
					Parent = background,
					Name = "",
					Position = dim2(0, -2, 1, 1),
					Size = dim2(1, 4, 0, 0),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.Y,
					BackgroundColor3 = themes.preset.outline
				})
				library:apply_theme(text_holder, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = text_holder,
					Name = "",
					Size = dim2(1, -2, 1, -2),
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					--AutomaticSize = Enum.AutomaticSize.Y,
					BackgroundColor3 = themes.preset.inline
				})
				library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "",
					Size = dim2(1, -2, 1, -2),
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					--AutomaticSize = Enum.AutomaticSize.Y,
					BackgroundColor3 = rgb(255, 255, 255)
				})
				library.keybind_list = background

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, themes.preset.high_contrast),
						rgbkey(1, themes.preset.low_contrast)
					}
				})
				library:apply_theme(UIGradient, "contrast", "Color")

				library:create("UIListLayout", {
					Parent = background,
					Name = "",
					Padding = dim(0, -1),
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				library:create("UIPadding", {
					Parent = background,
					Name = "",
					PaddingBottom = dim(0, 4),
					PaddingLeft = dim(0, 5)
				})
			--

			-- main window
				local main_window = library:panel({
					name = properties and properties.name or library.directory.." | ",
					size = dim2(0, 604, 0, 628),
					position = dim2(0, (camera.ViewportSize.X / 2) - 302 - 96, 0, (camera.ViewportSize.Y / 2) - 421 - 12),
					image = "rbxassetid://98823308062942",
				})

				local items = main_window.items

				window["tab_holder"] = library:create("Frame", {
					Parent = items.holder,
					Name = " ",
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 0, 22),
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 5,
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIListLayout", {
					Parent = window["tab_holder"],
					FillDirection = Enum.FillDirection.Horizontal,
					HorizontalFlex = Enum.UIFlexAlignment.Fill,
					Padding = dim(0, 2),
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				local section_holder = library:create("Frame", {
					Parent = items.holder,
					Name = " ",
					BackgroundTransparency = 1,
					Position = dim2(0, -1, 0, 19),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, -22),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})
				window["section_holder"] = section_holder

				local outline = library:create("Frame", {
					Parent = section_holder,
					Name = "\0",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				})

				library:apply_theme(outline, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = outline,
					Name = "\0",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				})

				library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "\0",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library.section_holder = background

				library:create("UIPadding", {
					Parent = background,
					PaddingTop = dim(0, 4),
					PaddingBottom = dim(0, 4),
					PaddingRight = dim(0, 4),
					PaddingLeft = dim(0, 4)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				})

				library:apply_theme(UIGradient, "contrast", "Color")
				library:make_resizable(items.main_holder)
			--

			-- theming
				local style = library:panel({
					name = "Style",
					anchor_point = vec2(0, 0),
					size = dim2(0, 394, 0, 464),
					position = dim2(0, main_window.items.main_holder.AbsolutePosition.X + main_window.items.main_holder.AbsoluteSize.X + 2, 0, main_window.items.main_holder.AbsolutePosition.Y),
					image = "rbxassetid://115194686863276",
				})

				local watermark = library:watermark({default = os.date(library.directory..' |  - %b %d %Y - %H:%M:%S')})

				task.spawn(function()
					while library and not library.unloaded do
						watermark.change_text(os.date(library.directory..' - Beta - %b %d %Y - %H:%M:%S'))
                        task.wait(1)
					end
				end)

				local items = style.items

				local column = setmetatable(items, library):column()
				local section = column:section({name = "Theme"})
				section:label({name = "Accent"})
				:colorpicker({name = "Accent", color = themes.preset.accent, flag = "accent", callback = function(color, alpha)
					library:update_theme("accent", color)
				end, flag = "Accent"})
				section:label({name = "Contrast"})
				:colorpicker({name = "Low", color = themes.preset.low_contrast, flag = "low_contrast", callback = function(color)
					if (flags["high_contrast"] and flags["low_contrast"]) then
						library:update_theme("contrast", rgbseq{
							rgbkey(0, flags["low_contrast"].Color),
							rgbkey(1, flags["high_contrast"].Color)
						})
					end

					library:update_theme("low_contrast", flags["low_contrast"].Color)
				end})
				:colorpicker({name = "High", color = themes.preset.high_contrast, flag = "high_contrast", callback = function(color)
					library:update_theme("contrast", rgbseq{
						rgbkey(0, flags["low_contrast"].Color),
						rgbkey(1, flags["high_contrast"].Color)
					})

					library:update_theme("high_contrast", flags["high_contrast"].Color)
				end})
				section:label({name = "Inline"})
				:colorpicker({name = "Inline", color = themes.preset.inline, callback = function(color, alpha)
					library:update_theme("inline", color)
				end, flag = "Inline"})
				section:label({name = "Outline"})
				:colorpicker({name = "Outline", color = themes.preset.outline, callback = function(color, alpha)
					library:update_theme("outline", color)
				end, flag = "Outline"})
				section:label({name = "Text Color"})
				:colorpicker({name = "Main", color = themes.preset.text, callback = function(color, alpha)
					library:update_theme("text", color)
				end, flag = "Main"})
				:colorpicker({name = "Outline", color = themes.preset.text_outline, callback = function(color, alpha)
					library:update_theme("text_outline", color)
				end, flag = "Outline"})
				section:label({name = "Glow"})
				:colorpicker({name = "Glow", color = themes.preset.glow, callback = function(color, alpha)
					library:update_theme("glow", color)
				end, flag = "Glow"})
				section:slider({name = "Blur Size", flag = "Blur Size", min = 0, max = 56, default = 15, interval = 1, callback = function(int)
					if window.opened then
						blur.Size = int
					end
				end})
				local section = column:section({name = "Other"})
				section:label({name = "UI Bind"})
				:keybind({callback = window.set_menu_visibility, key = Enum.KeyCode.Insert})
				section:toggle({name = "Keybind List", flag = "keybind_list", callback = function(bool)
					library.keybind_list_frame.Visible = bool
				end})
				section:toggle({name = "Watermark", flag = "watermark", callback = function(bool)
					watermark.set_visible(bool)
				end})
				section:button_holder({})
				section:button({name = "Copy JobId", callback = function()
					setclipboard(game.JobId)
				end})
				section:button_holder({})
				section:button({name = "Copy GameID", callback = function()
					setclipboard(game.GameId)
				end})
				section:button_holder({})
				section:button({name = "Copy Join Script", callback = function()
					setclipboard('game:GetService("TeleportService"):TeleportToPlaceInstance(' .. game.PlaceId .. ', "' .. game.JobId .. '", game:GetService("Players").LocalPlayer)')
				end})
				section:button_holder({})
				section:button({name = "Rejoin", callback = function()
                    if flags["auto_execute"] and queue_on_teleport then queue_on_teleport((type(queue_on_teleport_payload) == "string" and queue_on_teleport_payload) or [[print('Auto Execute Enabled! You can either fully implement this, or I will do it in the future.')]]) end
					game:GetService("TeleportService"):TeleportToPlaceInstance(game.PlaceId, game.JobId, lp)
				end})
                section:toggle({name = "Auto Execute", flag = "auto_execute"})
				section:button_holder({})
				section:button({name = "Join New Server", callback = function()
					local apiRequest = game:GetService("HttpService"):JSONDecode(game:HttpGetAsync("https://games.roblox.com/v1/games/" .. game.PlaceId .. "/servers/Public?sortOrder=Asc&limit=100"))
					local data = apiRequest.data[random(1, #apiRequest.data)]

					if data.playing <= flags["max_players"] then
                        if flags["auto_execute"] and queue_on_teleport then queue_on_teleport([[print('Auto Execute Enabled! You can either fully implement this, or I will do it in the future.')]]) end
						game:GetService("TeleportService"):TeleportToPlaceInstance(game.PlaceId, data.id)
					end
				end})
				section:slider({name = "Max Players", flag = "max_players", min = 0, max = players.MaxPlayers, default = players.MaxPlayers, interval = 1})
			--

			-- cfg holder
				local holder = library:panel({
					name = "Configurations",
					size = dim2(0, 324, 0, 410),
					position = dim2(0, items.main_holder.AbsolutePosition.X + items.main_holder.AbsoluteSize.X + 2, 0, items.main_holder.AbsolutePosition.Y),
					image = "rbxassetid://105199726008012",
				})

				local items = holder.items

				getgenv().load_config = function(name)
					library:load_config(readfile(library.directory .. "/configs/" .. name .. ".cfg"))
				end

				local column = setmetatable(items, library):column()
				local section = column:section({name = "Options"})
					config_holder = section:list({flag = "config_name_list"})
					section:textbox({flag = "config_name_text_box"})
					section:button_holder({})
					section:button({name = "Create", callback = function()
						writefile(library.directory .. "/configs/" .. flags["config_name_text_box"] .. ".cfg", library:get_config())
						library:config_list_update()
					end})
					section:button({name = "Delete", callback = function()
						delfile(library.directory .. "/configs/" .. flags["config_name_list"] .. ".cfg")
						library:config_list_update()
					end})
					section:button_holder({})
					section:button({name = "Load", callback = function()
						library:load_config(readfile(library.directory .. "/configs/" .. flags["config_name_list"] .. ".cfg"))
						library:notification({text = "Loaded Config: " .. flags["config_name_list"], time = 3})
					end})
					section:button({name = "Save", callback = function()
						writefile(library.directory .. "/configs/" .. flags["config_name_list"] .. ".cfg", library:get_config())
						library:config_list_update()
						library:notification({text = "Saved Config: " .. flags["config_name_list"], time = 3})
					end})
					section:button_holder({})
					section:button({name = "Refresh Configs", callback = function()
						library:config_list_update()
					end})
					section:button_holder({})
					section:button({name = "Unload Config", callback = function()
						library:load_config(library.old_config)
					end})
					section:button({name = "Unload Menu", callback = function()
						library:load_config(library.old_config)

                        library.unloaded = true

						for _, connection in library.UnloadConnections do
							connection()
						end

                        for _, connection in library.connections do
							connection:Disconnect()
						end

						for _, gui in library.guis do
							gui:Destroy()
						end

						blur:Destroy()

                        library = nil
					end})
			--

			-- esp preview
				local holder = library:panel({
					name = "ESP Preview",
					anchor_point = vec2(0, 0),
					size = dim2(0, 300, 0, 325),
					position = dim2(0, style.items.main_holder.AbsolutePosition.X, 0, style.items.main_holder.AbsolutePosition.Y + style.items.main_holder.AbsoluteSize.Y + 2),
					image = "rbxassetid://77684377836328",
				})

				local items = holder.items

				local column = setmetatable(items, library):column()
				window.esp_section = column:section({name = "Main"})
			--

			-- playerlist
				local holder = library:panel({
					name = "Playerlist",
					anchor_point = vec2(0, 0),
					size = dim2(0, 529, 0, 445),
					position = dim2(0, main_window.items.main_holder.AbsolutePosition.X - 531, 0, main_window.items.main_holder.AbsolutePosition.Y),
					image = "rbxassetid://107070078834415",
				})

				local items = holder.items

				local column = setmetatable(items, library):column()
				local section = column:section({name = "Playerlist"})
				local playerlist = section:playerlist({})
				section:dropdown({name = "Priority", items = {"Enemy", "Priority", "Neutral", "Friendly"}, default = "Neutral", flag = "PLAYERLIST_DROPDOWN", callback = function(text)
                    library.prioritize(text)
				end})
			--

			return setmetatable(window, library)
		end

		function library:watermark(options)
			local cfg = {
				default = options.text or options.default or os.date('drain.lol | %b %d %Y | %H:%M')
			}

			local watermark_outline = library:create("Frame", {
				Parent = sgui,
				Name = "",
				BorderColor3 = rgb(0, 0, 0),
				AnchorPoint = vec2(1, 1),
				Position = dim2(1, -20, 0, 20),
				Size = dim2(0, 0, 0, 24),
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.X,
				BackgroundColor3 = themes.preset.outline
			}) library:apply_theme(watermark_outline, "outline", "BackgroundColor3")
			watermark_outline.Position = dim_offset(watermark_outline.AbsolutePosition.X, watermark_outline.AbsolutePosition.Y)
			library:draggify(watermark_outline)

			local watermark_inline = library:create("Frame", {
				Parent = watermark_outline,
				Name = "",
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.inline
			}) library:apply_theme(watermark_inline, "inline", "BackgroundColor3")

			local watermark_background = library:create("Frame", {
				Parent = watermark_inline,
				Name = "",
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local UIGradient = library:create("UIGradient", {
				Parent = watermark_background,
				Name = "",
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
			}) library:apply_theme(UIGradient, "contrast", "Color")

			local text = library:create("TextLabel", {
				Parent = watermark_background,
				Name = "",
				FontFace = library.font,
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				Text = "  drain.lol | Beta | Aug 29 2024 | 07:29:00  ",
				Size = dim2(0, 0, 1, 0),
				BackgroundTransparency = 1,
				Position = dim2(0, -1, 0, 1),
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.X,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			library:create("UIStroke", {
				Parent = text,
				Name = "",
				LineJoinMode = Enum.LineJoinMode.Miter
			})

			local accent = library:create("Frame", {
				Parent = watermark_outline,
				Name = "",
				Position = dim2(0, 2, 0, 2),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -4, 0, 2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.accent
			}) library:apply_theme(accent, "accent", "BackgroundColor3")

			local UIGradient = library:create("UIGradient", {
				Parent = accent,
				Name = "",
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(255, 255, 255)),
					rgbkey(1, rgb(167, 167, 167))
				}
			})

			function cfg.change_text(input)
				text.Text = "  ".. input .."  "
			end

			function cfg.set_visible(bool)
				watermark_outline.Visible = bool
			end


			cfg.change_text(cfg.default)

			return cfg

		end

		function library:esp_preview(properties)
			local cfg = {items = {}, rotation = 0, objects = {}, character = nil}

            if lp.Character then
                lp.Character.Archivable = true
                cfg.character = lp.Character:Clone()
            elseif StarterPlayer:FindFirstChild("StarterCharacter") then
                StarterPlayer:FindFirstChild("StarterCharacter").Archivable = true
                cfg.character = StarterPlayer:FindFirstChild("StarterCharacter"):Clone()
            end

            local humanoid = cfg.character:FindFirstChildWhichIsA("Humanoid")
            if humanoid then
                local animate = cfg.character:FindFirstChild("Animate")
                if animate then
                    animate.Disabled = true
                end

                humanoid:ChangeState(Enum.HumanoidStateType.Physics)

                local animator = humanoid:FindFirstChild("Animator")
                if animator then
                    for _, track in ipairs(animator:GetPlayingAnimationTracks()) do
                        track:Stop(0)
                    end

                    local animation = Instance.new("Animation")
                    animation.AnimationId = "rbxassetid://127972564618207"

                    local track = animator:LoadAnimation(animation)
                    track.Priority = Enum.AnimationPriority.Action
                    track:Play()
                end
            else
                print("[!]: Failed to find a character for esp preview... Exiting...")
                return setmetatable(cfg, library)
            end

			local items = cfg.items; do
				items.viewportframe = library:create( "ViewportFrame" , {
					Parent = self.holder;
					BackgroundTransparency = 1;
					Size = dim2(1, 0, 0, 220);
					BorderColor3 = rgb(0, 0, 0);
					ZIndex = 1;
					Position = dim2(0, 0, 0, 10);
					BorderSizePixel = 0;
					BackgroundColor3 = rgb(255, 255, 255)
				});

				items.camera = library:create( "Camera" , {
					FieldOfView = 70;
					CameraType = Enum.CameraType.Track;
					Focus = cfr(0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1); -- bro wtf is this serializer doing
					CFrame = cfr(0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 1);
					Parent = ws;
					Name = "\0"
				});

				items.viewportframe.CurrentCamera = items.camera -- sick
				cfg.character.Parent = items.viewportframe

				items.camera.CameraSubject = cfg.character

				library:connection(run.RenderStepped, function()
					task.wait()
					cfg.rotation += 0.25
					cfg.character:SetPrimaryPartCFrame(cfr(Vector3.new(0, 0.25, -6)) * angle(0, math.rad(cfg.rotation), 0))
				end)
			end

			local objects = cfg.objects; do
				objects[ "holder" ] = library:create( "Frame" , {
					Parent = items.viewportframe;
					Name = "\0";
					BackgroundTransparency = 1;
					Position = dim2(0.5, 0, 0.5, 10);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(0, 135, 0, 190);
					BorderSizePixel = 0;
					AnchorPoint = vec2(0.5, 0.5);
					BackgroundColor3 = rgb(255, 255, 255)
				});

				objects[ "box_outline" ] = library:create( "UIStroke" , {
					Parent = library.cache;
					LineJoinMode = Enum.LineJoinMode.Miter
				});

				objects[ "name" ] = library:create( "TextLabel" , {
					FontFace = library.font;
					Parent = library.cache;
					TextColor3 = flags["Name_Color"].Color;
					BorderColor3 = rgb(0, 0, 0);
					Text = string.format("%s (@%s)", lp.DisplayName, lp.Name);
					Name = "\0";
					TextStrokeTransparency = 0;
					AnchorPoint = vec2(0, 1);
					Size = dim2(1, 0, 0, 0);
					BackgroundTransparency = 1;
					Position = dim2(0, 0, 0, -5);
					BorderSizePixel = 0;
					AutomaticSize = Enum.AutomaticSize.Y;
					TextSize = 12;
				});

				objects[ "box_handler" ] = library:create( "Frame" , {
					Parent = library.cache;
					Name = "\0";
					BackgroundTransparency = 1;
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = rgb(255, 255, 255)
				});

				objects[ "box_color" ] = library:create( "UIStroke" , {
					Color = rgb(255, 255, 255);
					LineJoinMode = Enum.LineJoinMode.Miter;
					Name = "\0";
					Parent = objects[ "box_handler" ]
				});

				objects[ "outline" ] = library:create( "Frame" , {
					Parent = objects[ "box_handler" ];
					Name = "\0";
					BackgroundTransparency = 1;
					Position = dim2(0, 1, 0, 1);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -2, 1, -2);
					BorderSizePixel = 0;
					BackgroundColor3 = rgb(255, 255, 255)
				});

				library:create( "UIStroke" , {
					Parent = objects[ "outline" ];
					LineJoinMode = Enum.LineJoinMode.Miter
				});

				-- Corner Boxes
					objects[ "corners" ] = library:create( "Frame" , {
						Visible = true;
						BorderColor3 = rgb(0, 0, 0);
						Parent = library.cache;
						BackgroundTransparency = 1;
						Position = dim2(0, -1, 0, 2);
						Name = "\0";
						Size = dim2(1, 0, 1, 0);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(255, 255, 255)
					});

					objects[ "1" ] = library:create( "Frame" , {
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(0, 0, 0, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0.4, 0, 0, 3);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "1" ];
						Position = dim2(0, 1, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, -2);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "2" ] = library:create( "Frame" , {
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(0, 0, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0, 3, 0.25, 0);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "2" ];
						Position = dim2(0, 1, 0, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, 1);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "3" ] = library:create( "Frame" , {
						AnchorPoint = vec2(1, 0);
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(1, 0, 0, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0.4, 0, 0, 3);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "3" ];
						Position = dim2(0, 1, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, -2);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "4" ] = library:create( "Frame" , {
						AnchorPoint = vec2(1, 0);
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(1, 0, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0, 3, 0.25, 0);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "4" ];
						Position = dim2(0, 1, 0, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, 1);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "5" ] = library:create( "Frame" , {
						AnchorPoint = vec2(0, 1);
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(0, -1, 1, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0.4, 0, 0, 3);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "5" ];
						Position = dim2(0, 1, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, -2);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "6" ] = library:create( "Frame" , {
						BorderColor3 = rgb(0, 0, 0);
						Rotation = 180;
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(0, 0, 1, -4);
						AnchorPoint = vec2(0, 1);
						Size = dim2(0, 3, 0.25, 1);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "6" ];
						Position = dim2(0, 1, 0, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, 1);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "7" ] = library:create( "Frame" , {
						AnchorPoint = vec2(1, 1);
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(1, -1, 1, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0.4, 0, 0, 3);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "7" ];
						Position = dim2(0, 1, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, -2);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});

					objects[ "7" ] = library:create( "Frame" , {
						BorderColor3 = rgb(0, 0, 0);
						Rotation = 180;
						Parent = objects[ "corners" ];
						Name = "line";
						Position = dim2(1, 0, 1, -4);
						AnchorPoint = vec2(1, 1);
						Size = dim2(0, 3, 0.25, 1);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					library:create( "Frame" , {
						Parent = objects[ "7" ];
						Position = dim2(0, 1, 0, -2);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, 1);
						BorderSizePixel = 0;
						BackgroundColor3 = flags["Box_Color"].Color
					});
				--

				-- Healthbar
					objects[ "healthbar_holder" ] = library:create( "Frame" , {
						AnchorPoint = vec2(1, 0);
						Parent = library.cache;
						Name = "\0";
						Position = dim2(0, -5, 0, 0);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(0, 4, 1, 0);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(0, 0, 0)
					});

					objects[ "healthbar" ] = library:create( "Frame" , {
						Parent = objects[ "healthbar_holder" ];
						Name = "\0";
						Position = dim2(0, 1, 0, 1);
						BorderColor3 = rgb(0, 0, 0);
						Size = dim2(1, -2, 1, -2);
						BorderSizePixel = 0;
						BackgroundColor3 = rgb(255, 255, 255)
					});
				--

				-- Distance esp
					objects[ "distance" ] = library:create( "TextLabel" , {
						FontFace = library.font;
						TextColor3 = flags["Distance_Color"].Color;
						BorderColor3 = rgb(0, 0, 0);
						Text = "127st";
						Parent = library.cache;
						TextStrokeTransparency = 0;
						Name = "\0";
						Size = dim2(1, 0, 0, 0);
						BackgroundTransparency = 1;
						Position = dim2(0, 0, 1, 5);
						BorderSizePixel = 0;
						AutomaticSize = Enum.AutomaticSize.Y;
						TextSize = 12;
					});
				--

				-- Weapon esp
					objects[ "weapon" ] = library:create( "TextLabel" , {
						FontFace = library.font;
						TextColor3 = flags["Weapon_Color"].Color;
						BorderColor3 = rgb(0, 0, 0);
						Text = "[ Weapon ]";
						Parent = library.cache;
						TextStrokeTransparency = 0;
						Name = "\0";
						Size = dim2(1, 0, 0, 0);
						BackgroundTransparency = 1;
						Position = dim2(0, 0, 1, 19);
						BorderSizePixel = 0;
						AutomaticSize = Enum.AutomaticSize.Y;
						TextSize = 12;
					});
				--
			end

			cfg.change_health = function()
				if flags[ "healthbar_holder" ] and flags[ "healthbar_holder" ].Parent ~= objects[ "holder" ] then
					return
				end

				local humanoid = cfg.character:FindFirstChild("Humanoid")
                if not humanoid then return end

				local multiplier = humanoid.MaxHealth * math.abs(math.sin(tick() * 2)) / humanoid.MaxHealth
				local color = flags[ "Health_Low" ].Color:Lerp( flags["Health_High"].Color, multiplier)

				objects[ "healthbar" ].Size = UDim2.new(1, -2, multiplier, -2)
				objects[ "healthbar" ].Position = UDim2.new(0, 1, 1 - multiplier, 1)
				objects[ "healthbar" ].BackgroundColor3 = color
			end -- wtf why diff func defining

			function cfg.refresh_elements( )
				objects.holder.Parent = flags["Enabled"] and items.viewportframe or library.cache

				local temp = {
					["Names"] = objects["name"];
					["Name_Color"] = {objects["name"]};
					["Healthbar"] = objects[ "healthbar_holder" ];
					["Distance"] = objects[ "distance" ];
					["Weapon"] = objects[ "weapon" ];
					["Distance_Color"] = {objects[ "distance" ]};
					["Weapon_Color"] = {objects[ "weapon" ]};
				}

				for flag,object in temp do
					if type(object) == "table" then
						object[1].TextColor3 = flags[flag].Color
					else
						object.Parent = flags[flag] and objects[ "holder" ] or library.cache
					end
				end

				local is_corner = flags[ "Box_Type" ] == "Corner"

				if flags["Boxes"] then
					if is_corner then
						objects[ "corners" ].Parent = objects["holder"]
						objects[ "box_handler" ].Parent = library.cache
						objects[ "box_outline" ].Parent = library.cache
					else
						objects[ "box_handler" ].Parent = objects[ "holder" ]
						objects[ "box_outline" ].Parent = objects[ "holder" ]
						objects[ "corners" ].Parent = library.cache
					end
				else
					objects[ "corners" ].Parent =  library.cache
					objects[ "box_handler" ].Parent = library.cache
					objects[ "box_outline" ].Parent = library.cache
				end

				objects[ "box_color" ].Color = flags["Box_Color"].Color

				for _, corner in objects[ "corners" ]:GetChildren() do
					corner.Frame.BackgroundColor3 = flags["Box_Color"].Color
				end
			end

			task.spawn(function()
				while library and not library.unloaded do
					cfg.change_health()
					task.wait()
				end
			end)

			return setmetatable(cfg, library)
		end

		function library:refresh_notifications()
			for _, notif in next, library.notifications do
				tween_service:Create(notif, TweenInfo.new(0.3, Enum.EasingStyle.Exponential, Enum.EasingDirection.InOut), {Position = dim2(0, 20, 0, 72 + (_ * 28))}):Play()
			end
		end

		function library:notification(properties)
			local cfg = {
				time = properties.time or 5,
				text = properties.text or properties.name or "Notification",
				flashing = false,
			}

			-- Instances
				local watermark_outline = library:create("Frame", {
					Parent = notif_holder,
					Name = "",
					Size = UDim2.new(0, 0, 0, 24),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					Position = UDim2.new(0, 20, 0, 72 + (#library.notifications * 28)),
					AutomaticSize = Enum.AutomaticSize.X,
					BackgroundColor3 = themes.preset.outline,
					AnchorPoint = Vector2.new(1, 0)
				})

				local watermark_inline = library:create("Frame", {
					Parent = watermark_outline,
					Name = "",
					Position = UDim2.new(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = UDim2.new(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				})

				local watermark_background = library:create("Frame", {
					Parent = watermark_inline,
					Name = "",
					Position = UDim2.new(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = UDim2.new(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = watermark_background,
					Name = "",
					Color = ColorSequence.new{
						rgbkey(0, themes.preset.high_contrast),
						rgbkey(1, themes.preset.low_contrast)
					}
				})

				local text = library:create("TextLabel", {
					Parent = watermark_background,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "  " .. cfg.text .. "  ",
					Size = UDim2.new(0, 0, 1, 0),
					BackgroundTransparency = 1,
					Position = UDim2.new(0, 0, 0, -1),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.X,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

                local UIPadding = library:create("UIPadding", {
					Parent = watermark_background,
					Name = "",
                    PaddingRight = dim(0, 4),
				})

				local accent = library:create("Frame", {
					Parent = watermark_outline,
					Name = "",
					Position = UDim2.new(0, 2, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = UDim2.new(0, 1, 1, -4),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				})

				library:apply_theme(accent, "accent", "BackgroundColor3")

				local UIGradient = library:create("UIGradient", {
					Parent = accent,
					Name = "",
					Rotation = 90,
					Color = ColorSequence.new{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})

				local accent_bottom = library:create("Frame", {
					Parent = watermark_outline,
					Name = "",
					Position = UDim2.new(0, 2, 1, -3),
					BorderColor3 = rgb(0, 0, 0),
					Size = UDim2.new(0, -4, 0, 1),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				})

				local UIGradient = library:create("UIGradient", {
					Parent = accent,
					Name = "",
					Rotation = 90,
					Color = ColorSequence.new{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})

				local index = #library.notifications + 1
				library.notifications[index] =watermark_outline

				library:refresh_notifications()

				tween_service:Create(watermark_outline, TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {AnchorPoint = Vector2.new(0, 0)}):Play()

				tween_service:Create(accent_bottom, TweenInfo.new(cfg.time, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {Size = UDim2.new(1, -4, 0, 1)}):Play()
			--

			task.spawn(function()
				task.wait(cfg.time)

				library.notifications[index] = nil

				tween_service:Create(watermark_outline, TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {AnchorPoint = Vector2.new(1, 0), BackgroundTransparency = 1}):Play()

				for _, v in next, watermark_outline:GetDescendants() do
					if v:IsA("TextLabel") then
						tween_service:Create(v, TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {TextTransparency = 1}):Play()
					elseif v:IsA("Frame") then
						tween_service:Create(v, TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {BackgroundTransparency = 1}):Play()
					elseif v:IsA("ImageLabel") then
						tween_service:Create(v, TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {ImageTransparency = 1}):Play()
					elseif v:IsA("UIStroke") then
						tween_service:Create(v, TweenInfo.new(1, Enum.EasingStyle.Quad, Enum.EasingDirection.InOut), {Transparency = 1}):Play()
					end
				end

				task.wait(1)

				watermark_outline:Destroy()
			end)
		end

		function library:tab(options)
			local cfg = {
				name = options.name or "tab",
				enabled = false,
			}

			-- button instances
				local tab_holder = library:create("TextButton", {
					Parent = self.tab_holder,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					Name = "\0",
					BorderSizePixel = 0,
					Size = dim2(0, 0, 1, -2),
					ZIndex = 5,
					TextSize = 12,
					BackgroundColor3 = themes.preset.outline,
					AutoButtonColor = false
				}) library:apply_theme(tab_holder, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = tab_holder,
					Size = dim2(1, -2, 1, 0),
					Name = "\0",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 5,
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Size = dim2(1, -2, 1, -1),
					Name = "\0",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 5,
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Rotation = 90,
					Color = rgbseq{rgbkey(0, rgb(41, 41, 55)), rgbkey(1, rgb(35, 35, 47))}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local text = library:create("TextLabel", {
					Parent = background,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = cfg.name,
					Name = "\0",
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.X,
					TextSize = 12,
					ZIndex = 5,
					BackgroundColor3 = rgb(255, 255, 255)
				}, "text")
				library:apply_theme(text, "accent", "TextColor3")
			--

			-- section instances
				local section_holder = library:create("Frame", {
					Parent = library.section_holder,
					BackgroundTransparency = 1,
					Name = "\0",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					Visible = false,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				cfg["holder"] = section_holder

				library:create("UIListLayout", {
					Parent = section_holder,
					FillDirection = Enum.FillDirection.Horizontal,
					HorizontalFlex = Enum.UIFlexAlignment.Fill,
					Padding = dim(0, 4),
					SortOrder = Enum.SortOrder.LayoutOrder
				})
			--

			function cfg.open_tab()
				if library.current_tab and library.current_tab[1] ~= background then
					local button = library.current_tab[1]
					button.Size = dim2(1, -2, 1, -1)
					button:FindFirstChildOfClass("UIGradient").Rotation = 90
					button:FindFirstChildOfClass("TextLabel").TextColor3 = themes.preset.text

					library.current_tab[2].Visible = false

					library.current_tab = nil
				end

				library.current_tab = {
					background, section_holder
				}

				local button = library.current_tab[1]
				button.Size = dim2(1, -2, 1, 0) -- ENABLED
				button:FindFirstChildOfClass("UIGradient").Rotation = -90
				button:FindFirstChildOfClass("TextLabel").TextColor3 = themes.preset.accent

				library.current_tab[2].Visible = true

				if library.current_element_open and library.current_element_open ~= cfg then
					library.current_element_open.set_visible(false)
					library.current_element_open.open = false
					library.current_element_open = nil
				end
			end

            library:connection(tab_holder.MouseButton1Click, cfg.open_tab)

			return setmetatable(cfg, library)
		end

		function library:column(path)
			local cfg = {}

			local holder = path or self.holder

			local column = library:create("Frame", {
				Parent = holder,
				BackgroundTransparency = 1,
				Name = "\0",
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 1, 0),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.inline
			}) library:apply_theme(column, "inline", "BackgroundColor3")

			library:create("UIListLayout", {
				Parent = column,
				Padding = dim(0, 4),
				SortOrder = Enum.SortOrder.LayoutOrder,
				VerticalFlex = Enum.UIFlexAlignment.Fill
			})

			cfg["holder"] = column

			return setmetatable(cfg, library)
		end

		function library:multi_section(options)
			local cfg = {
				names = options.names or {"First", "Second", "Third"},
				sections = {},
			}

			local section = library:create("Frame", {
				Parent = self.holder,
				Name = "",
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 1, 0),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.inline
			}) library:apply_theme(section, "inline", "BackgroundColor3")

			local inline = library:create("Frame", {
				Parent = section,
				Name = "",
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.outline
			}) library:apply_theme(inline, "outline", "BackgroundColor3")

			local __background = library:create("Frame", {
				Parent = inline,
				Name = "",
				ClipsDescendants = true,
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				ZIndex = 1,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local accent = library:create("Frame", {
				Parent = __background,
				Name = "",
				Size = dim2(1, 0, 0, 2),
				BorderColor3 = rgb(0, 0, 0),
				ZIndex = 3,
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.accent
			}) library:apply_theme(accent, "accent", "BackgroundColor3")

			local UIGradient = library:create("UIGradient", {
				Parent = accent,
				Name = "",
				Rotation = 90,
				Color = rgbseq{rgbkey(0, rgb(255, 255, 255)), rgbkey(1, rgb(167, 167, 167))}
			})

			local UIGradient = library:create("UIGradient", {
				Parent = __background,
				Name = "",
				Rotation = 90,
				Color = rgbseq{rgbkey(0, rgb(41, 41, 55)), rgbkey(1, rgb(35, 35, 47))}
			}) library:apply_theme(UIGradient, "contrast", "Color")

			local tab_holder = library:create("Frame", {
				Parent = __background,
				Name = "",
				ClipsDescendants = true,
				BackgroundTransparency = 1,
				Position = dim2(0, -1, 0, 0),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 2, 0, 21),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			library:create("UIListLayout", {
				Parent = tab_holder,
				Name = "",
				FillDirection = Enum.FillDirection.Horizontal,
				HorizontalFlex = Enum.UIFlexAlignment.Fill,
				Padding = dim(0, -3),
				SortOrder = Enum.SortOrder.LayoutOrder
			})

			for _, tab in next, cfg.names do
				local multi = {
					open = false,
				}

				-- Tab
					local tabb = library:create("TextButton", {
						Parent = tab_holder,
						Name = "",
						AutoButtonColor = false,
						FontFace = library.font,
						TextColor3 = themes.preset.text,
						BorderColor3 = rgb(0, 0, 0),
						Text = "",
						BorderSizePixel = 0,
						Size = dim2(0, 0, 1, 0),
						ZIndex = 1,
						TextSize = 12,
						BackgroundColor3 = themes.preset.outline
					}) library:apply_theme(tabb, "outline", "BackgroundColor3")

					local background = library:create("Frame", {
						Parent = tabb,
						Name = "",
						Size = dim2(1, 0, 1, -2),
						Position = dim2(0, 1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						ZIndex = 1,
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					})

					local UIGradient = library:create("UIGradient", {
						Parent = background,
						Name = "",
						Rotation = 90,
						Color = rgbseq{rgbkey(0, rgb(41, 41, 55)), rgbkey(1, rgb(35, 35, 47))}
					}) library:apply_theme(UIGradient, "contrast", "Color")

					local text = library:create("TextLabel", {
						Parent = background,
						Name = "",
						FontFace = library.font,
						TextColor3 = themes.preset.text,
						BorderColor3 = rgb(0, 0, 0),
						Text = tab,
						BackgroundTransparency = 1,
						Size = dim2(1, 0, 1, 0),
						BorderSizePixel = 0,
						AutomaticSize = Enum.AutomaticSize.X,
						TextSize = 12,
						BackgroundColor3 = rgb(255, 255, 255)
					}) library:apply_theme(text, "accent", "TextColor3")

					local UIStroke = library:create("UIStroke", {
						Parent = text,
						Name = "",
						LineJoinMode = Enum.LineJoinMode.Miter
					})
				--

				-- Element Handler
					local ScrollingFrame = library:create("ScrollingFrame", {
						Parent = __background,
						Name = "",
						ScrollBarImageColor3 = themes.preset.accent,
						Active = true,
						MidImage = "rbxassetid://103468666327206",
						TopImage = "rbxassetid://103468666327206",
						BottomImage = "rbxassetid://103468666327206",
						AutomaticCanvasSize = Enum.AutomaticSize.Y,
						ScrollBarThickness = 2,
						Size = dim2(1, 0, 1, -20),
						Visible = false,
						BackgroundTransparency = 1,
						Position = dim2(0, 0, 0, 24),
						BackgroundColor3 = rgb(255, 255, 255),
						BorderColor3 = rgb(0, 0, 0),
						BorderSizePixel = 0,
						ScrollBarThickness = 2,
						CanvasSize = dim2(0, 0, 0, 0)
					}) library:apply_theme(ScrollingFrame, "accent", "ScrollBarImageColor3")

					local elements = library:create("Frame", {
						Parent = ScrollingFrame,
						Name = "",
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, 0, 0, 0),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					}) multi.holder = elements

					local UIListLayout = library:create("UIListLayout", {
						Parent = elements,
						Name = "",
						SortOrder = Enum.SortOrder.LayoutOrder,
						HorizontalAlignment = Enum.HorizontalAlignment.Center,
						Padding = dim(0, 4)
					})

					local UIPadding = library:create("UIPadding", {
						Parent = ScrollingFrame,
						Name = "",
						PaddingBottom = dim(0, 60)
					})
				--

				function multi:open_tab(bool)
					ScrollingFrame.Visible = bool
					UIGradient.Rotation = bool and -90 or 90
					tabb.Size = dim2(0, 0, 1, bool and 1 or 0)
					text.TextColor3 = bool and themes.preset.accent or themes.preset.text
				end

				library:connection(tabb.MouseButton1Click, function()
					for _, multi_s in next, cfg.sections do
						multi_s:open_tab(false)
					end

					if library.current_element_open then
						library.current_element_open.set_visible(false)
						library.current_element_open.open = false
						library.current_element_open = nil
					end

					multi:open_tab(true)
				end)

				cfg.sections[#cfg.sections + 1] = setmetatable(multi, library)
			end

			cfg.sections[1]:open_tab(true)

			return unpack(cfg.sections)
		end

		function library:section(options)
			local cfg = {
				name = options.name or "Section",
			}

			local section = library:create("Frame", {
				Parent = self.holder,
				Name = "\0",
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 1, 0),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.inline
			}) library:apply_theme(section, "inline", "BackgroundColor3")

			local inline = library:create("Frame", {
				Parent = section,
				Name = "\0",
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.outline
			}) library:apply_theme(inline, "outline", "BackgroundColor3")

			local background = library:create("Frame", {
				Parent = inline,
				Name = "\0",
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local text = library:create("TextLabel", {
				Parent = background,
				FontFace = library.font,
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				Text = cfg.name,
				Name = "\0",
				BackgroundTransparency = 1,
				Position = dim2(0, 6, 0, 4),
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.XY,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			library:create("UIStroke", {
				Parent = text,
				LineJoinMode = Enum.LineJoinMode.Miter
			})

			local accent = library:create("Frame", {
				Parent = background,
				Name = "\0",
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 0, 2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.accent
			}) library:apply_theme(accent, "accent", "BackgroundColor3")

			local UIGradient = library:create("UIGradient", {
				Parent = accent,
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(255, 255, 255)),
					rgbkey(1, rgb(167, 167, 167))
				}
			})

			local UIGradient = library:create("UIGradient", {
				Parent = background,
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
			}) library:apply_theme(UIGradient, "contrast", "Color")

			local ScrollingFrame = library:create("ScrollingFrame", {
				Parent = background,
				ScrollBarImageColor3 = themes.preset.accent,
				Active = true,
				AutomaticCanvasSize = Enum.AutomaticSize.Y,
				ScrollBarThickness = 2,
				MidImage = "rbxassetid://103468666327206",
				TopImage = "rbxassetid://103468666327206",
				BottomImage = "rbxassetid://103468666327206",
				Size = dim2(1, 0, 1, -20),
				BackgroundTransparency = 1,
				Position = dim2(0, 0, 0, 20),
				BackgroundColor3 = rgb(255, 255, 255),
				BorderColor3 = rgb(0, 0, 0),
				BorderSizePixel = 0,
				CanvasSize = dim2(0, 0, 0, 0)
			}) library:apply_theme(ScrollingFrame, "accent", "ScrollBarImageColor3")

            library:connection(ScrollingFrame:GetPropertyChangedSignal("CanvasPosition"), function()
				if library.current_element_open then
					library.current_element_open.set_visible(false)
					library.current_element_open.open = false
					library.current_element_open = nil
				end
			end)

			local elements = library:create("Frame", {
				Parent = ScrollingFrame,
				Name = "\0",
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 0, 0),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			})
			cfg.holder = elements

			library:create("UIListLayout", {
				Parent = elements,
				Padding = dim(0, 4),
				HorizontalAlignment = Enum.HorizontalAlignment.Center,
				SortOrder = Enum.SortOrder.LayoutOrder
			})

			library:create("UIPadding", {
				Parent = ScrollingFrame,
				PaddingBottom = dim(0, 10)
			})

			return setmetatable(cfg, library)
		end

		function library:slider(options)
			local cfg = {
				name = options.name or nil,
				suffix = options.suffix or "",
				flag = options.flag or tostring(2^789),
				callback = options.callback or function() end,
				visible = options.visible or true,
				input_disabled = options.input or false,
				custom_color = options.custom or nil;

				min = options.min or options.minimum or 0,
				max = options.max or options.maximum or 100,
				intervals = options.interval or options.decimal or 1,
				default = options.default or 10,

				dragging = false,
				value = options.default or 10,
			}

			-- instances
				local slider_REAL = library:create("TextLabel", {
					Parent = self.holder,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					Name = "slider",
					ZIndex = 1,
					Size = dim2(1, -8, 0, 12),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextYAlignment = Enum.TextYAlignment.Top,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local TEXT_LABEL;
				if cfg.name then
					local left_components = library:create("Frame", {
						Parent = slider_REAL,
						Name = "left_components",
						BackgroundTransparency = 1,
						Position = dim2(0, 2, 0, -1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(0, 0, 0, 14),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					})

					TEXT_LABEL = library:create("TextLabel", {
						Parent = left_components,
						FontFace = library.font,
						TextColor3 = themes.preset.text,
						BorderColor3 = rgb(0, 0, 0),
						Text = cfg.name,
						Name = "text",
						BackgroundTransparency = 1,
						Size = dim2(0, 0, 1, -1),
						BorderSizePixel = 0,
						AutomaticSize = Enum.AutomaticSize.X,
						TextSize = 12,
						BackgroundColor3 = rgb(255, 255, 255)
					}, "text")

					library:create("UIListLayout", {
						Parent = left_components,
						Padding = dim(0, 5),
						Name = "_",
						FillDirection = Enum.FillDirection.Horizontal
					})
				end

				local bottom_components = library:create("Frame", {
					Parent = slider_REAL,
					Name = "bottom_components",
					Position = dim2(0, 0, 0, cfg.name and 15 or 0),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 0, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local slider = library:create("TextButton", {
					Parent = bottom_components,
					Name = "slider",
					Position = dim2(0, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -1, 1, 12),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline,
					Text = "",
					AutoButtonColor = false,
				}) library:apply_theme(slider, "outline", "BackgroundColor3")

				if not cfg.input_disabled then
					library:hoverify(slider_REAL, slider)
				end

				local inline = library:create("Frame", {
					Parent = slider,
					Name = "inline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					ZIndex = 1;
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "background",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
				})

				local contrast = library:create("Frame", {
					Parent = background,
					Name = "contrast",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local slidertext = library:create("TextLabel", {
					Parent = contrast,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "12.50/100.00",
					Name = "text",
					BackgroundTransparency = 1,
					Position = dim2(0, 0, 0, -1),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					TextSize = 12,
					ZIndex = 2,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local fill = library:create("Frame", {
					Parent = contrast,
					Name = "fill",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = cfg.custom_color or themes.preset.accent
				}) if not cfg.custom_color then library:apply_theme(fill, "accent", "BackgroundColor3") end;

				local UIGradient = library:create("UIGradient", {
					Parent = fill,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})

				local UIGradient = library:create("UIGradient", {
					Parent = contrast,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}); library:apply_theme(UIGradient, "contrast", "Color")

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})

				library:create("UIListLayout", {
					Parent = bottom_components,
					Padding = dim(0, 10),
					Name = "_",
					SortOrder = Enum.SortOrder.LayoutOrder
				})
			--

			function cfg.set(value)
				if type(value) == "userdata" then
					return
				end

				cfg.value = math.clamp(library:round(value, cfg.intervals), cfg.min, cfg.max)

				fill.Size = dim2((cfg.value - cfg.min) / (cfg.max - cfg.min), 0, 1, 0)
				slidertext.Text = tostring(cfg.value) .. cfg.suffix .. "/" .. tostring(cfg.max) .. cfg.suffix
				flags[cfg.flag] = cfg.value

				cfg.callback(flags[cfg.flag])
			end

			function cfg.set_element_visible(bool)
				slider_REAL.Visible = bool

				if TEXT_LABEL then
					TEXT_LABEL.Visible = bool
				end
			end

			if not cfg.input_disabled then
				library:connection(uis.InputChanged, function(input)
					if cfg.dragging and input.UserInputType == Enum.UserInputType.MouseMovement then
						local size_x = (input.Position.X - slider.AbsolutePosition.X) / slider.AbsoluteSize.X
						local value = ((cfg.max - cfg.min) * size_x) + cfg.min
						cfg.set(value)
					end
				end)

				library:connection(uis.InputEnded, function(input)
					if input.UserInputType == Enum.UserInputType.MouseButton1 then
						cfg.dragging = false
					end
				end)

                library:connection(slider.MouseButton1Down, function()
					cfg.dragging = true
				end)
			end

			if cfg.tooltip then
				library:tool_tip({name = cfg.tooltip, path = slider_REAL})
			end

			cfg.set(cfg.default)
			cfg.set_element_visible(cfg.visible)

			config_flags[cfg.flag] = cfg.set

			library.config_flags[cfg.flag] = cfg.set
			library.visible_flags[cfg.flag] = cfg.set_element_visible

			return setmetatable(cfg, library)
		end

		function library:toggle(options)
			local cfg = {
				enabled = options.enabled or nil,
				name = options.name or "Toggle",
				flag = options.flag or tostring(random(1,9999999)),
				callback = options.callback or function() end,
				default = options.default or false,
				colorpicker = options.color or nil,
				visible = options.visible or true,
				tooltip = options.tooltip or nil,
			}

			-- instances
				local toggle_holder = library:create("TextButton", {
					Parent = self.holder,
					FontFace = library.font,
					TextColor3 = rgb(151, 151, 151),
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					Name = "toggle",
					ZIndex = 1,
					Size = dim2(1, -8, 0, 12),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextYAlignment = Enum.TextYAlignment.Top,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local right_components = library:create("Frame", {
					Parent = toggle_holder,
					Name = "right_components",
					Position = dim2(1, -1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 0, 0, 12),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})
				cfg["right_holder"] = right_components

				local list = library:create("UIListLayout", {
					Parent = right_components,
					VerticalAlignment = Enum.VerticalAlignment.Center,
					FillDirection = Enum.FillDirection.Horizontal,
					HorizontalAlignment = Enum.HorizontalAlignment.Right,
					Padding = dim(0, 4),
					Name = "list",
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				library:create("UIPadding", {
					Parent = toggle_holder
				})

				local left_components = library:create("Frame", {
					Parent = toggle_holder,
					Name = "left_components",
					BackgroundTransparency = 1,
					Position = dim2(0, 0, 0, 0),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 0, 0, 14),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local text = library:create("TextLabel", {
					Parent = left_components,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = cfg.name,
					Name = "text",
					BackgroundTransparency = 1,
					Size = dim2(0, 0, 1, -1),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.X,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = text,
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				library:create("UIListLayout", {
					Parent = left_components,
					Padding = dim(0, 5),
					Name = "_",
					FillDirection = Enum.FillDirection.Horizontal
				})

				local toggle = library:create("TextButton", {
					Parent = left_components,
					Name = "!toggle",
					Text = "",
					AutoButtonColor = false,
					Position = dim2(0, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 14, 0, 14),
					BorderSizePixel = 0,
					ZIndex = 1,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(toggle, "outline", "BackgroundColor3")
				library:apply_theme(toggle, "accent", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = toggle,
					Name = "inline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					ZIndex = 2;
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local accent = library:create("Frame", {
					Parent = inline,
					BackgroundTransparency = 1;
					ZIndex = 3;
					Name = "background",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				})
				library:apply_theme(accent, "accent", "BackgroundColor3")

				local UIGradient = library:create("UIGradient", {
					Parent = accent,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})

				local background = library:create("Frame", {
					Parent = inline,
					ZIndex = 2;
					Name = "background",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})
				library:apply_theme(background, "accent", "BackgroundColor3")

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Rotation = 90,
					Name = "_",
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")
			--

			library:hoverify(toggle_holder, toggle)

			function cfg.set(bool)
				library:tween(accent, {BackgroundTransparency = bool and 0 or 1})
				flags[cfg.flag] = bool
				cfg.enabled = bool

				cfg.callback(bool)
			end

			function cfg.set_element_visible(bool)
				toggle_holder.Visible = bool
			end

			library:connection(toggle_holder.MouseButton1Click, function()
				cfg.enabled = not cfg.enabled

				cfg.set(cfg.enabled)
			end)

			library:connection(toggle.MouseButton1Click, function()
				cfg.enabled = not cfg.enabled

				cfg.set(cfg.enabled)
			end)

			if cfg.tooltip then
				library:tool_tip({name = cfg.tooltip, path = toggle_holder})
			end

			cfg.set(cfg.default)

			cfg.set_element_visible(cfg.visible)

			library.config_flags[cfg.flag] = cfg.set
			library.visible_flags[cfg.flag] = cfg.set_element_visible

			return setmetatable(cfg, library)
		end

		function library:colorpicker(options)
			local parent = self.right_holder

			local cfg = {
				name = options.name or "Color",
				flag = options.flag or tostring(2^789),
				color = options.color or color(1, 1, 1), -- Default to white color if not provided
				alpha = options.alpha or 1,
				callback = options.callback or function() end,
				right_holder = self.right_holder,
                rainbow = options.rainbow or false
			}

			local dragging_sat = false
			local dragging_hue = false
			local dragging_alpha = false

			local h, s, v = cfg.color:ToHSV()
			local a = cfg.alpha

			-- colorpicker button
				local colorpicker_button = library:create("TextButton", {
					Parent = parent,
					Name = "outline",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 24, 0, 14),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline,
					Text = "",
					AutoButtonColor = false,
				}) library:apply_theme(colorpicker_button, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = colorpicker_button,
					Name = "inline",
					ZIndex = 2;
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local handler = library:create("Frame", {
					Parent = inline,
					Name = "handler",
					ZIndex = 2;
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(250, 165, 27)
				})

				library:hoverify(colorpicker_button, colorpicker_button)

				local UIGradient = library:create("UIGradient", {
					Parent = handler,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				})
			--

			-- colorpicker instances
				local colorpicker_holder = library:create("Frame", {
					Parent = sgui,
					Name = "colorpicker",
					Position = dim2(0, colorpicker_button.AbsolutePosition.X + 1, 0, colorpicker_button.AbsolutePosition.Y + 17),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 190, 0, 210),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline,
					Visible = false,
					ZIndex = 1
				}) library:apply_theme(colorpicker_holder, "outline", "BackgroundColor3")

				library:make_resizable(colorpicker_holder)

				local window_inline = library:create("Frame", {
					Parent = colorpicker_holder,
					Name = "window_inline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				}) library:apply_theme(window_inline, "accent", "BackgroundColor3")

				local window_holder = library:create("Frame", {
					Parent = window_inline,
					Name = "window_holder",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = themes.preset.outline,
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = window_holder,
					Rotation = 90,
					Name = "_",
					Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local text = library:create("TextLabel", {
					Parent = window_holder,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = cfg.name,
					Name = "text",
					BackgroundTransparency = 1,
					Position = dim2(0, 2, 0, 4),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.XY,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = text,
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				library:create("UIPadding", {
					Parent = window_holder,
					Name = "_",
					PaddingBottom = dim(0, 4),
					PaddingRight = dim(0, 4),
					PaddingLeft = dim(0, 4)
				})

				local main_holder = library:create("Frame", {
					Parent = window_holder,
					Name = "main_holder",
					Position = dim2(0, 0, 0, 20),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, -40),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(main_holder, "inline", "BackgroundColor3")

				cfg.holder = library:create( "Frame" , {
					Parent = colorpicker_holder;
					Name = "\0";
					Position = dim2(0, 6, 1, -21);
					BorderColor3 = rgb(0, 0, 0);
					Size = dim2(1, -120, 0, 0);
					BorderSizePixel = 0;
				});

				local RainbowToggle = setmetatable(cfg, library):toggle({name = "Rainbow", flag = cfg.flag .. "_RAINBOW_FLAG"})

				cfg.holder = library:create( "Frame" , {
					Parent = colorpicker_holder;
					Name = "\0";
					Position = dim2(1, 2, 1, -23);
					BorderColor3 = rgb(0, 0, 0);
					AnchorPoint = vec2(1, 0);
					Size = dim2(1, -80, 0, 0);
					BorderSizePixel = 0;
				});

				local section = setmetatable(cfg, library)
				section:button_holder({})
				section:button({name = "Copy", callback = function()
					library.copied_flag = flags[cfg.flag]
                    library.copied_rainbow_state = RainbowToggle.enabled or false

					library.is_rainbow = cfg.flag .. "_RAINBOW_FLAG"
				end})
				section:button({name = "Paste", callback = function()
					RainbowToggle.set(library.copied_rainbow_state)
					cfg.set(library.copied_flag.Color, library.copied_flag.Transparency)
				end})

				local main_holder_inline = library:create("Frame", {
					Parent = main_holder,
					Name = "main_holder_inline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(main_holder_inline, "outline", "BackgroundColor3")

				local main_holder_background = library:create("Frame", {
					Parent = main_holder_inline,
					Name = "main_holder_background",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = main_holder_background,
					Rotation = 90,
					Name = "_",
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				library:create("UIPadding", {
					Parent = main_holder_background,
					PaddingTop = dim(0, 4),
					Name = "_",
					PaddingBottom = dim(0, 4),
					PaddingRight = dim(0, 4),
					PaddingLeft = dim(0, 4)
				})

				local alpha = library:create("TextButton", {
					Parent = main_holder_background,
					AnchorPoint = vec2(0, 0.5),
					Name = "alpha",
					Position = dim2(0, 0, 1, -8),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -20, 0, 14),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline,
					Text = "",
					AutoButtonColor = false,
				}) library:apply_theme(alpha, "inline", "BackgroundColor3")

				local outline = library:create("Frame", {
					Parent = alpha,
					Name = "outline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(outline, "outline", "BackgroundColor3")

				local alpha_drag = library:create("Frame", {
					Parent = outline,
					Name = "alpha_drag",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(0, 221, 255)
				})

				local alphaind = library:create("ImageLabel", {
					Parent = alpha_drag,
					ScaleType = Enum.ScaleType.Tile,
					BorderColor3 = rgb(0, 0, 0),
					Image = "rbxassetid://18274452449",
					BackgroundTransparency = 1,
					Name = "alphaind",
					Size = dim2(1, 0, 1, 0),
					TileSize = dim2(0, 6, 0, 6),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = alphaind,
					Transparency = numseq{
						numkey(0, 0),
						numkey(1, 1)
					}
				})

				local alpha_picker = library:create("Frame", {
					Parent = alpha_drag,
					Name = "alpha_picker",
					BorderMode = Enum.BorderMode.Inset,
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 4, 1, 0),
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local hue = library:create("TextButton", {
					Parent = main_holder_background,
					AnchorPoint = vec2(1, 0),
					Name = "hue",
					Position = dim2(1, -1, 0, 0),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 14, 1, -20),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline,
					Text = "",
					AutoButtonColor = false
				})

				local outline = library:create("Frame", {
					Parent = hue,
					Name = "outline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				})

				local Frame = library:create("Frame", {
					Parent = outline,
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = Frame,
					Rotation = 270,
					Color = rgbseq{
						rgbkey(0, rgb(255, 0, 0)),
						rgbkey(0.17000000178813934, rgb(255, 255, 0)),
						rgbkey(0.33000001311302185, rgb(0, 255, 0)),
						rgbkey(0.5, rgb(0, 255, 255)),
						rgbkey(0.6700000166893005, rgb(0, 0, 255)),
						rgbkey(0.8299999833106995, rgb(255, 0, 255)),
						rgbkey(1, rgb(255, 0, 0))
					}
				})

				local hue_picker = library:create("Frame", {
					Parent = Frame,
					Name = "hue_picker",
					BorderMode = Enum.BorderMode.Inset,
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 0, 4),
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local visualize = library:create("Frame", {
					Parent = main_holder_background,
					AnchorPoint = vec2(1, 1),
					Name = "visualize",
					Position = dim2(1, -1, 1, -1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 14, 0, 14),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(visualize, "inline", "BackgroundColor3")

				local outline = library:create("Frame", {
					Parent = visualize,
					Size = dim2(1, -2, 1, -2),
					Name = "outline",
					Active = true,
					BorderColor3 = rgb(0, 0, 0),
					Position = dim2(0, 1, 0, 1),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(outline, "outline", "BackgroundColor3")

				local visualize = library:create("Frame", {
					Parent = outline,
					Size = dim2(1, -2, 1, -2),
					Name = "visualize",
					Active = true,
					BorderColor3 = rgb(0, 0, 0),
					Position = dim2(0, 1, 0, 1),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(0, 221, 255)
				})

				local satval_picker = library:create("Frame", {
					Parent = main_holder_background,
					Name = "satval_picker",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -20, 1, -20),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(satval_picker, "inline", "BackgroundColor3")

				local outline = library:create("Frame", {
					Parent = satval_picker,
					Name = "outline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(outline, "outline", "BackgroundColor3")

				local colorpicker = library:create("Frame", {
					Parent = outline,
					Name = "colorpicker",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(0, 221, 255)
				})

				local sat = library:create("TextButton", {
					Parent = colorpicker,
					Name = "sat",
					Size = dim2(1, 0, 1, 0),
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 2,
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255),
					Text = "",
					AutoButtonColor = false,
				})

				local UIGradient = library:create("UIGradient", {
					Parent = sat,
					Rotation = 270,
					Transparency = numseq{
						numkey(0, 0),
						numkey(1, 1)
					},
					Color = rgbseq{
						rgbkey(0, rgb(0, 0, 0)),
						rgbkey(1, rgb(0, 0, 0))
					}
				})

				local val = library:create("TextButton", {
					Parent = colorpicker,
					Name = "val",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255),
					Text = "",
					AutoButtonColor = false,
				})

				local UIGradient = library:create("UIGradient", {
					Parent = val,
					Transparency = numseq{
						numkey(0, 0),
						numkey(1, 1)
					}
				})

				local satval_picker_REAL = library:create("Frame", {
					Parent = colorpicker,
					Name = "satval_picker_REAL",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 2, 0, 2),
					BorderSizePixel = 1,
					BackgroundColor3 = rgb(255, 255, 255),
					ZIndex = 3,
				})
			--

			function cfg.set_visible(bool)
				colorpicker_holder.Visible = bool
                colorpicker_holder.ZIndex = 1

				if bool then
					if library.current_element_open and library.current_element_open ~= cfg then
						library.current_element_open.set_visible(false)
						library.current_element_open.open = false
					end

					library.current_element_open = cfg
					colorpicker_holder.Position = dim2(0, colorpicker_button.AbsolutePosition.X + 1, 0, colorpicker_button.AbsolutePosition.Y + 17)
				end
			end

            library:connection(colorpicker_button.MouseButton1Click, function()
				cfg.open = not cfg.open

				cfg.set_visible(cfg.open)
			end)

			function cfg.set(color, alpha)
				if color then
					h, s, v = color:ToHSV()
				end

				if alpha then
					a = alpha
				end

				local hsv_position = Color3.fromHSV(h, s, v)
				local Color = Color3.fromHSV(h, s, v)

				local value = 1 - h
				local offset = (value < 1) and 0 or -4
				hue_picker.Position = dim2(0, 0, value, offset)

				local offset = (a < 1) and 0 or -4
				alpha_picker.Position = dim2(a, offset, 0, 0)

				alpha_drag.BackgroundColor3 = Color3.fromHSV(h, s, v)

				visualize.BackgroundColor3 = Color
				handler.BackgroundColor3 = Color

				colorpicker.BackgroundColor3 = Color3.fromHSV(h, 1, 1)

				cfg.color = Color
				cfg.alpha = a

				local s_offset = (s < 1) and 0 or -3
				local v_offset = (1 - v < 1) and 0 or -3
				satval_picker_REAL.Position = dim2(s, s_offset, 1 - v, v_offset)

				flags[cfg.flag] = {}
				flags[cfg.flag]["Color"] = Color
				flags[cfg.flag]["Transparency"] = a

				cfg.callback(Color, a)
			end

			function cfg.update_color()
				local mouse = uis:GetMouseLocation()

				if dragging_sat then
					s = math.clamp((vec2(mouse.X, mouse.Y - gui_offset) - val.AbsolutePosition).X / val.AbsoluteSize.X, 0, 1)
					v = 1 - math.clamp((vec2(mouse.X, mouse.Y - gui_offset) - sat.AbsolutePosition).Y / sat.AbsoluteSize.Y, 0, 1)
				elseif dragging_hue then
					h = math.clamp(1 - (vec2(mouse.X, mouse.Y - gui_offset) - hue.AbsolutePosition).Y / hue.AbsoluteSize.Y, 0, 1)
				elseif dragging_alpha then
					a = math.clamp((vec2(mouse.X, mouse.Y - gui_offset) - alpha.AbsolutePosition).X / alpha.AbsoluteSize.X, 0, 1)
				end

				cfg.set(nil, nil)
			end

            library:connection(alpha.MouseButton1Down, function()
                dragging_alpha = true
            end)

            library:connection(hue.MouseButton1Down, function()
                dragging_hue = true
            end)

            library:connection(sat.MouseButton1Down, function()
                dragging_sat = true
            end)

            library:connection(uis.InputEnded, function(input)
				if input.UserInputType == Enum.UserInputType.MouseButton1 then
					dragging_sat = false
					dragging_hue = false
					dragging_alpha = false
				end
			end)

            library:connection(uis.InputChanged, function(input)
				if (dragging_sat or dragging_hue or dragging_alpha) and input.UserInputType == Enum.UserInputType.MouseMovement then
					cfg.update_color()
				end
			end)

			task.spawn(function()
				while library and not library.unloaded do
					if flags[cfg.flag .. "_RAINBOW_FLAG"] then
						cfg.set(
							hsv(math.abs(math.sin(tick())),
							s,
							v
						), a)
					end
                    task.wait()
				end
			end)

			cfg.set(cfg.color, cfg.alpha)

			library.config_flags[cfg.flag] = cfg.set

			return setmetatable(cfg, library)
		end

		function library:keybind(options)
			local parent = self.right_holder

			local cfg = {
				flag = options.flag or "SET ME A FLAG NOWWW!!!!",
				callback = options.callback or function() end,
				open = false,
				binding = nil,
				name = options.name or nil,
				ignore_key = options.ignore or false,

				key = options.key or nil,
				mode = options.mode or "toggle",
				active = options.default or false,

				hold_instances = {},
			}

			flags[cfg.flag] = {}

			local KEYBIND_ELEMENT;
			if cfg.name then
				KEYBIND_ELEMENT = library:create("TextLabel", {
					Parent = library.keybind_list,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "[ Hold ]  Fly - X",
					Size = dim2(1, -5, 0, 18),
					Visible = false,
					Position = dim2(0, 5, 0, -1),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					TextTruncate = Enum.TextTruncate.AtEnd,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextSize = 12,
					BackgroundColor3 = themes.preset.text
				}, "text")
			end

			local element_outline = library:create("TextButton", {
				Parent = parent,
				Name = "",
				BorderColor3 = rgb(0, 0, 0),
				Text = "",
				Size = dim2(0, 24, 0, 14),
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.X,
				BackgroundColor3 = themes.preset.outline
			}) library:apply_theme(element_outline, "outline", "BackgroundColor3")

			library:create("UIPadding", {
				Parent = element_outline,
				PaddingRight = dim(0, 2),
			})

			local instance = library:hoverify(element_outline, element_outline)
			instance.Size = dim2(1, 2, 1, 0)

			local inline = library:create("Frame", {
				Parent = element_outline,
				Name = "",
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				AutomaticSize = Enum.AutomaticSize.X,
				Size = dim2(1, -2, 1, -2),
				ZIndex = 2;
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.inline
			}) library:apply_theme(inline, "inline", "BackgroundColor3")

			library:create("UIPadding", {
				Parent = inline,
				PaddingRight = dim(0, 2),
			})

			local handler = library:create("Frame", {
				Parent = inline,
				Name = "",
				ZIndex = 2;
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.X,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local UIGradient = library:create("UIGradient", {
				Parent = handler,
				Name = "",
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
			}); library:apply_theme(UIGradient, "contrast", "Color")

			local key_text = library:create("TextLabel", {
				Parent = handler,
				Name = "",
				FontFace = library.font,
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				ZIndex = 2;
				Text = "b",
				Size = dim2(1, 0, 1, 0),
				BackgroundTransparency = 1,
				Position = dim2(0, 0, 0, -2),
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.XY,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			library:create("UIPadding", {
				Parent = key_text,
				PaddingLeft = dim(0, 3),
				PaddingRight = dim(0, 2),
			})

			-- mode selector
				local keybind_selector = library:create("Frame", {
					Parent = sgui,
					Name = "",
					Position = dim2(0, element_outline.AbsolutePosition.X + 1, 0, element_outline.AbsolutePosition.Y + 17),
					BorderColor3 = rgb(255, 255, 255),
					BorderSizePixel = 2,
					Visible = false,
					AutomaticSize = Enum.AutomaticSize.XY,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIListLayout", {
					Parent = keybind_selector,
					Name = "",
					SortOrder = Enum.SortOrder.LayoutOrder,
					HorizontalFlex = Enum.UIFlexAlignment.Fill,
					Padding = dim(0, 2)
				})

				local hold_button = library:create("TextButton", {
					Parent = keybind_selector,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "hold",
					BackgroundTransparency = 1,
					AutomaticSize = Enum.AutomaticSize.XY,
					BorderSizePixel = 0,
					ZIndex = 2,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = hold_button,
					Name = "",
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				library:create("UIPadding", {
					Parent = keybind_selector,
					Name = "",
					PaddingTop = dim(0, 3),
					PaddingBottom = dim(0, 5),
					PaddingRight = dim(0, 5),
					PaddingLeft = dim(0, 5)
				})

				local toggle_button = library:create("TextButton", {
					Parent = keybind_selector,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "toggle",
					BackgroundTransparency = 1,
					AutomaticSize = Enum.AutomaticSize.XY,
					BorderSizePixel = 0,
					ZIndex = 2,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = toggle_button,
					Name = "",
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				local always_button = library:create("TextButton", {
					Parent = keybind_selector,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "always",
					BackgroundTransparency = 1,
					AutomaticSize = Enum.AutomaticSize.XY,
					BorderSizePixel = 0,
					ZIndex = 2,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = always_button,
					Name = "",
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				local UIGradient = library:create("UIGradient", {
					Parent = keybind_selector,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}); library:apply_theme(UIGradient, "contrast", "Color")

				local UIStroke = library:create("UIStroke", {
					Parent = keybind_selector,
					Name = "",
					Color = themes.preset.inline,
					LineJoinMode = Enum.LineJoinMode.Miter,
					ApplyStrokeMode = Enum.ApplyStrokeMode.Border
				})
			--

			-- init
				function cfg.set_visible(bool)
					keybind_selector.Visible = bool
					keybind_selector.Position = dim2(0, element_outline.AbsolutePosition.X + 1, 0, element_outline.AbsolutePosition.Y + 17)

					if bool then
						if library.current_element_open and library.current_element_open ~= cfg then
							library.current_element_open.set_visible(false)
							library.current_element_open.open = false
						end

						library.current_element_open = cfg
					end
				end

				function cfg.set_mode(mode)
					cfg.mode = mode

					if mode == "always" then
						cfg.set(true)
					elseif mode == "hold" then
						cfg.set(false)
					end

					flags[cfg.flag]["mode"] = mode
				end

				function cfg.set(input)
					if type(input) == "boolean" then
						local __cached = input

						if cfg.mode == "always" then
							__cached = true
						end

						cfg.active = __cached
						flags[cfg.flag]["active"] = __cached
						cfg.callback(__cached)
					elseif tostring(input):find("Enum") then
						input = input.Name == "Escape" and "none" or input

						cfg.key = input or "none"

						local _text = keys[cfg.key] or tostring(cfg.key):gsub("Enum.", "")
						local _text2 = (tostring(_text):gsub("KeyCode.", ""):gsub("UserInputType.", "")) or "none"
						cfg.key_name = _text2

						flags[cfg.flag]["mode"] = cfg.mode
						flags[cfg.flag]["key"] = cfg.key

						key_text.Text = string.lower(_text2)

						cfg.callback(cfg.active or false)
					elseif find({"toggle", "hold", "always"}, input) then
						cfg.set_mode(input)

						if input == "always" then
							cfg.active = true
						end

						cfg.callback(cfg.active or false)
					elseif type(input) == "table" then
						input.key = type(input.key) == "string" and input.key ~= "none" and library:convert_enum(input.key) or input.key

						input.key = input.key == Enum.KeyCode.Escape and "none" or input.key
						cfg.key = input.key or "none"

						cfg.mode = input.mode or "toggle"

						if input.active then
							cfg.active = input.active
						end

						local text = tostring(cfg.key) ~= "Enums" and (keys[cfg.key] or tostring(cfg.key):gsub("Enum.", "")) or nil
						local __text = text and (tostring(text):gsub("KeyCode.", ""):gsub("UserInputType.", ""))

						key_text.Text = string.lower(__text) or "none"
						cfg.key_name = __text
					end

					flags[cfg.flag] = {
						mode = cfg.mode,
						key = cfg.key,
						active = cfg.active
					}

					if cfg.name then
						KEYBIND_ELEMENT.Visible = cfg.active

						library:tween(KEYBIND_ELEMENT, {
							TextTransparency = cfg.active and 0 or 1,
						})

						library:tween(KEYBIND_ELEMENT:FindFirstChildOfClass("UIStroke"), {
							Transparency = cfg.active and 0 or 1,
						})

						local text = tostring(cfg.key) ~= "Enums" and (keys[cfg.key] or tostring(cfg.key):gsub("Enum.", "")) or nil
						local __text = text and (tostring(text):gsub("KeyCode.", ""):gsub("UserInputType.", ""))

						if cfg.name then
							KEYBIND_ELEMENT.Text = "[ " .. string.upper(string.sub(cfg.mode, 1, 1)) .. string.sub(cfg.mode, 2) .. " ] " .. cfg.name .. " - " .. __text
						end
					end
				end


				-- ok bro its 30 april2025.. what is this code from october 2024 💀💀
                library:connection(hold_button.MouseButton1Click, function()
					cfg.set_mode("hold")
					cfg.set_visible(false)
					cfg.open = false
				end)

                library:connection(toggle_button.MouseButton1Click, function()
					cfg.set_mode("toggle")
					cfg.set_visible(false)
					cfg.open = false
				end)
                library:connection(always_button.MouseButton1Click, function()
					cfg.set_mode("always")
					cfg.set_visible(false)
					cfg.open = false
				end)
                library:connection(element_outline.MouseButton2Click, function()
					cfg.open = not cfg.open

					cfg.set_visible(cfg.open)
				end)
                library:connection(element_outline.MouseButton1Down, function()
					task.wait()
					key_text.Text = "none"

					if cfg.binding then return end

					cfg.binding = library:connection(uis.InputBegan, function(input, game_event)
						local selected_key = input.UserInputType == Enum.UserInputType.Keyboard and input.KeyCode or input.UserInputType

						cfg.set(selected_key)

						cfg.binding:Disconnect()
						cfg.binding = nil
					end)
				end)

				library:connection(uis.InputBegan, function(input, game_event)
					local selected_key = input.UserInputType == Enum.UserInputType.Keyboard and input.KeyCode or input.UserInputType

					if not game_event then
						if selected_key == cfg.key then
							if cfg.mode == "toggle" then
								cfg.active = not cfg.active
								cfg.set(cfg.active)
							elseif cfg.mode == "hold" then
								cfg.set(true)
							end
						end
					end
				end)

				library:connection(uis.InputEnded, function(input, game_event)
					if game_event then
						return
					end

					local selected_key = input.UserInputType == Enum.UserInputType.Keyboard and input.KeyCode or input.UserInputType

					if selected_key == cfg.key then
						if cfg.mode == "hold" then
							cfg.set(false)
						end
					end
				end)

				cfg.set({mode = cfg.mode, active = cfg.active, key = cfg.key})

				library.config_flags[cfg.flag] = cfg.set
			--

			library.config_flags[cfg.flag] = cfg.set

			return setmetatable(cfg, library)
		end

		function library:dropdown(options)
			local parent = self.holder

			local cfg = {
				name = options.name or nil,
				flag = options.flag or tostring(random(1,9999999)),

				items = options.items or {"1", "2", "3"},
				callback = options.callback or function() end,
				multi = options.multi or false,
				visible = options.visible or true,

				open = false,
				option_instances = {},
				multi_items = {},
				scrolling = options.scrolling or false,
				ignore = options.ignore or nil,
			}

			cfg.default = options.default or (cfg.multi and {cfg.items[1]}) or cfg.items[1] or nil

			-- dropdown elements
				local dropdown_REAL = library:create("TextLabel", {
					Parent = parent,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					Name = "dropdown",
					ZIndex = 2,
					Size = dim2(1, -8, 0, 12),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextYAlignment = Enum.TextYAlignment.Top,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local main_text
				if cfg.name then
					local left_components = library:create("Frame", {
						Parent = dropdown_REAL,
						Name = "left_components",
						BackgroundTransparency = 1,
						Position = dim2(0, 2, 0, -1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(0, 0, 0, 14),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					})

					main_text = library:create("TextLabel", {
						Parent = left_components,
						FontFace = library.font,
						TextColor3 = themes.preset.text,
						BorderColor3 = rgb(0, 0, 0),
						Text = cfg.name,
						Name = "text",
						BackgroundTransparency = 1,
						Size = dim2(0, 0, 1, -1),
						BorderSizePixel = 0,
						AutomaticSize = Enum.AutomaticSize.X,
						TextSize = 12,
						BackgroundColor3 = rgb(255, 255, 255)
					})

					library:create("UIStroke", {
						Parent = main_text,
						LineJoinMode = Enum.LineJoinMode.Miter
					})

					library:create("UIListLayout", {
						Parent = left_components,
						Padding = dim(0, 5),
						Name = "_",
						FillDirection = Enum.FillDirection.Horizontal
					})

					local right_components = library:create("Frame", {
						Parent = dropdown_REAL,
						Name = "right_components",
						Position = dim2(1, -1, 0, 1),
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(0, 0, 0, 12),
						BorderSizePixel = 0,
						BackgroundColor3 = rgb(255, 255, 255)
					})
					cfg["right_holder"] = right_components

					local list = library:create("UIListLayout", {
						Parent = right_components,
						VerticalAlignment = Enum.VerticalAlignment.Center,
						FillDirection = Enum.FillDirection.Horizontal,
						HorizontalAlignment = Enum.HorizontalAlignment.Right,
						Padding = dim(0, 4),
						Name = "list",
						SortOrder = Enum.SortOrder.LayoutOrder
					})
				end

				local bottom_components = library:create("Frame", {
					Parent = dropdown_REAL,
					Name = "bottom_components",
					Position = dim2(0, 0, 0, cfg.name and 15 or 0),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 26, 0, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local dropdown = library:create("TextButton", {
					Parent = bottom_components,
					Name = "dropdown",
					Position = dim2(0, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -27, 1, 18),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline,
					Text = "",
					AutoButtonColor = false,
				}) library:apply_theme(dropdown, "outline", "BackgroundColor3")

				library:hoverify(dropdown_REAL, dropdown)

				local inline = library:create("Frame", {
					Parent = dropdown,
					Name = "inline",
					ZIndex = 2;
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "background",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					ZIndex = 2;
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				}) library:apply_theme(background, "accent", "BackgroundColor3")

				local contrast = library:create("Frame", {
					Parent = background,
					Name = "contrast",
					ZIndex = 2;
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local plus = library:create("TextLabel", {
					Parent = contrast,
					TextWrapped = true,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 2;
					Text = "+",
					Name = "plus",
					Size = dim2(1, -4, 1, 0),
					Position = dim2(0, 0, 0, -1),
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Right,
					FontFace = library.font,
					TextTruncate = Enum.TextTruncate.AtEnd,
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = plus,
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				local text = library:create("TextLabel", {
					Parent = contrast,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					ZIndex = 2;
					BorderColor3 = rgb(0, 0, 0),
					Text = "aa",
					Name = "text",
					Size = dim2(1, -4, 1, 0),
					Position = dim2(0, 4, 0, -1),
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					BorderSizePixel = 0,
					TextTruncate = Enum.TextTruncate.AtEnd,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = text,
					LineJoinMode = Enum.LineJoinMode.Miter
				})

				local UIGradient = library:create("UIGradient", {
					Parent = contrast,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				library:create("UIListLayout", {
					Parent = bottom_components,
					Padding = dim(0, 10),
					Name = "_",
					SortOrder = Enum.SortOrder.LayoutOrder
				})
			--

			-- dropdown holder
				local dropdown_holder = library:create("Frame", {
					Parent = sgui,
					BorderColor3 = rgb(0, 0, 0),
					Name = "dropdown_holder",
					BackgroundTransparency = 1,
					Position = dim2(0, dropdown.AbsolutePosition.X + 1, 0, dropdown.AbsolutePosition.Y + 22),
					Size = dim2(0, dropdown.AbsoluteSize.X, 0, cfg.scrolling and 180 or 0),
					BorderSizePixel = 0,
					AutomaticSize = cfg.scrolling and Enum.AutomaticSize.None or Enum.AutomaticSize.Y,
					BackgroundColor3 = themes.preset.outline,
					Visible = false
				})

				local inline = library:create("Frame", {
					Parent = dropdown_holder,
					Size = dim2(1, -2, 1, 2),
					Name = "inline",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 2,
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local background;
				if not cfg.scrolling then
					background = library:create("Frame", {
						Parent = inline,
						BorderColor3 = rgb(0, 0, 0),
						Name = "background",
						BackgroundTransparency = 1,
						Position = dim2(0, 1, 0, 1),
						Size = dim2(1, -2, 1, 1),
						ZIndex = 2,
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.accent
					})
					library:apply_theme(background, "accent", "BackgroundColor3")
				else
					background = library:create("ScrollingFrame", {
						Parent = inline,
						BorderColor3 = rgb(0, 0, 0),
						Name = "background",
						BackgroundTransparency = 1,
						MidImage = "rbxassetid://103468666327206",
						TopImage = "rbxassetid://103468666327206",
						BottomImage = "rbxassetid://103468666327206",
						Position = dim2(0, 1, 0, 1),
						Size = dim2(1, -2, 1, 1),
						ZIndex = 2,
						BorderSizePixel = 0,
						BackgroundColor3 = themes.preset.accent,
						CanvasSize = dim2(0, 0, 0, 0),
						AutomaticCanvasSize = Enum.AutomaticSize.Y,
						ScrollBarThickness = 2,
						ScrollBarImageColor3 = themes.preset.accent
					})
					library:apply_theme(background, "accent", "BackgroundColor3")
					library:apply_theme(background, "accent", "ScrollBarImageColor3")
				end

				local contrast = library:create("Frame", {
					Parent = background,
					Name = "contrast",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, -3),
					BorderSizePixel = 0,
					ZIndex = 2,
					BackgroundColor3 = rgb(255, 255, 255),
					AutomaticSize = cfg.scrolling and Enum.AutomaticSize.Y or Enum.AutomaticSize.None,
				});

				library:create("UIPadding", {
					Parent = contrast,
					PaddingTop = dim(0, 2),
					PaddingBottom = dim(0, 2),
					PaddingRight = dim(0, 0),
					PaddingLeft = dim(0, 4)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = contrast,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				library:create("UIListLayout", {
					Parent = contrast,
					Padding = dim(0, 5),
					SortOrder = Enum.SortOrder.LayoutOrder
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local stroke = library:create("UIStroke", {
					Parent = inline,
					Color = themes.preset.outline,
					LineJoinMode = Enum.LineJoinMode.Miter
				}) library:apply_theme(stroke, "outline", "Color")
			--

			function cfg.set_element_visible(bool)
				dropdown_REAL.Visible = bool

				if main_text then
					main_text.Visible = bool
				end
			end

			function cfg.set_visible(bool)
				library.current_element_open = cfg.ignore or cfg

				dropdown_holder.Visible = bool

				plus.Text = bool and "-" or "+"
				plus.TextSize = bool and 12 or 8

				if bool then
					if library.current_element_open and library.current_element_open ~= cfg and not cfg.ignore then
						library.current_element_open.set_visible(false)
						library.current_element_open.open = false
					end

					dropdown_holder.Size = dim2(0, dropdown.AbsoluteSize.X, 0, dropdown_holder.Size.Y.Offset)
					dropdown_holder.Position = dim2(0, dropdown.AbsolutePosition.X + 1, 0, dropdown.AbsolutePosition.Y + 22)
				end
			end

			function cfg.set(value)
				local selected = {}

				local is_table = type(value) == "table"

				for _,v in next, cfg.option_instances do
					if v.Text == value or (is_table and find(value, v.Text)) then
						insert(selected, v.Text)
						cfg.multi_items = selected
						v.TextColor3 = themes.preset.accent
					else
						v.TextColor3 = themes.preset.text
					end
				end

				text.Text = is_table and concat(selected, ", ") or selected[1] or "LocalPlayer"
				flags[cfg.flag] = (is_table and selected or selected[1]) or "LocalPlayer"
				cfg.callback(flags[cfg.flag])
			end

			function cfg:refresh_options(refreshed_list)
				for _, v in next, cfg.option_instances do
					v:Destroy()
				end

				cfg.option_instances = {}

				for i,v in next, refreshed_list do
					local TextButton = library:create("TextButton", {
						Parent = contrast,
						FontFace = library.font,
						TextColor3 = themes.preset.text,
						BorderColor3 = rgb(0, 0, 0),
						Size = dim2(1, 0, 0, 0),
						BackgroundTransparency = 1,
						BorderSizePixel = 0,
						TextWrapped = true,
						AutomaticSize = Enum.AutomaticSize.Y,
						TextSize = 12,
						TextXAlignment = Enum.TextXAlignment.Left,
						ZIndex = 2,
						Text = v,
						BackgroundColor3 = rgb(255, 255, 255)
					}) library:apply_theme(TextButton, "accent", "TextColor3")

					library:create("UIStroke", {
						Parent = TextButton,
						LineJoinMode = Enum.LineJoinMode.Miter
					})

					insert(cfg.option_instances, TextButton)

                    library:connection(TextButton.MouseButton1Down, function()
						if cfg.multi then
							local selected_index = find(cfg.multi_items, TextButton.Text)

							if selected_index then
								remove(cfg.multi_items, selected_index)
							else
								insert(cfg.multi_items, TextButton.Text)
							end

							cfg.set(cfg.multi_items)
						else
							cfg.set_visible(false)
							cfg.open = false

							cfg.set(TextButton.Text)
						end
					end)
				end
			end

            library:connection(dropdown.MouseButton1Click, function()
				cfg.open = not cfg.open

				cfg.set_visible(cfg.open)
			end)

			cfg:refresh_options(cfg.items)

			cfg.set(cfg.default)

			library.config_flags[cfg.flag] = cfg.set
			library.visible_flags[cfg.flag] = cfg.set_element_visible

			cfg.set_element_visible(cfg.visible)

			return setmetatable(cfg, library)
		end

		function library:list(options)
			local cfg = {
				callback = options and options.callback or function() end,

				scale = options.size or 232,
				items = options.items or {"1", "2", "3"},
				-- order = options.order or 1,
				placeholdertext = options.placeholder or options.placeholdertext or "search here...",
				visible = options.visible or true,

				option_instances = {},
				current_instance = nil,
				flag = options.flag or "flag",

			}

			-- instances
				local list_holder = library:create("TextLabel", {
					Parent = self.holder,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					ZIndex = 2,
					Size = dim2(1, -8, 0, 12),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextYAlignment = Enum.TextYAlignment.Top,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIPadding = library:create("UIPadding", {
					Parent = list_holder,
					Name = "",
					PaddingLeft = dim(0, 1)
				})

				local UIStroke = library:create("UIStroke", {
					Parent = list_holder,
					Name = ""
				})

				local bottom_components = library:create("Frame", {
					Parent = list_holder,
					Name = "",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 26, 0, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIListLayout", {
					Parent = bottom_components,
					Name = "",
					Padding = dim(0, 10),
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				local list = library:create("Frame", {
					Parent = bottom_components,
					Name = "",
					Position = dim2(0, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -27, 1, cfg.scale),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(main_holder, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = list,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				}) library:apply_theme(background, "accent", "BackgroundColor3")

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
					rgbkey(0, rgb(255, 255, 255)),
					rgbkey(1, rgb(167, 167, 167))
				}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local contrast = library:create("Frame", {
					Parent = background,
					Name = "",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = contrast,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
				}) library:apply_theme(UIGradient, "contrast", "Color")

				local ScrollingFrame = library:create("ScrollingFrame", {
					Parent = contrast,
					Name = "",
					ScrollBarImageColor3 = themes.preset.accent,
					Active = true,
					MidImage = "rbxassetid://103468666327206",
					TopImage = "rbxassetid://103468666327206",
					BottomImage = "rbxassetid://103468666327206",
					AutomaticCanvasSize = Enum.AutomaticSize.Y,
					ScrollBarThickness = 2,
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 1, 0),
					BackgroundColor3 = rgb(255, 255, 255),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					CanvasSize = dim2(0, 0, 0, 0)
				}) library:apply_theme(ScrollingFrame, "accent", "ScrollBarImageColor3")

				local UIPadding = library:create("UIPadding", {
					Parent = ScrollingFrame,
					Name = "",
					PaddingBottom = dim(0, 4),
					PaddingTop = dim(0, 4)
				})

				local UIListLayout = library:create("UIListLayout", {
					Parent = ScrollingFrame,
					Name = "",
					Padding = dim(0, 4),
					SortOrder = Enum.SortOrder.LayoutOrder
				})
			--

			function cfg.render_option(text)
				local TextButton = library:create("TextButton", {
					Parent = ScrollingFrame,
					Name = "",
					Text = tostring(text),
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 0, 0),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:apply_theme(TextButton, "accent", "TextColor3")

				local UIStroke = library:create("UIStroke", {
					Parent = TextButton,
					Name = ""
				})

				return TextButton
			end

			function cfg.set_element_visible(bool)
				list_holder.Visible = bool
			end

			function cfg.refresh_options(options)
				if type(options) == "function" then
					return
				end

				for _, v in next, cfg.option_instances do
					v:Destroy()
				end

				for _, option in next, options do
					local button = cfg.render_option(option)

					insert(cfg.option_instances, button)

                    library:connection(button.MouseButton1Click, function()
						if cfg.current_instance and cfg.current_instance ~= button then
							cfg.current_instance.TextColor3 = themes.preset.text
						end

						cfg.current_instance = button
						button.TextColor3 = themes.preset.accent

						flags[cfg.flag] = button.text

						cfg.callback(button.text)
					end)
				end
			end

			function cfg.filter_options(text)
				for _, v in next, cfg.option_instances do
					if string.find(v.Text, text) then
						v.Visible = true
					else
						v.Visible = false
					end
				end
			end

			function cfg.set(value)
				for _, buttons in next, cfg.option_instances do
					if buttons.Text == value then
						buttons.TextColor3 = themes.preset.accent
					else
						buttons.TextColor3 = themes.preset.text
					end
				end

				flags[cfg.flag] = value
				cfg.callback(value)
			end

			cfg.refresh_options(cfg.items)
			cfg.set_element_visible(cfg.visible)

			library.visible_flags[cfg.flag] = cfg.set_element_visible
			library.config_flags[cfg.flag] = cfg.set

			return setmetatable(cfg, library)
		end

		function library:textbox(options)
			local cfg = {
				placeholder = options.placeholder or options.placeholdertext or options.holder or options.holdertext or "type here...",
				default = options.default,
				flag = options.flag or "flag",
				callback = options.callback or function() end,
				visible = options.visible or true,
			}

			-- instances
				local textbox_holder = library:create("TextLabel", {
					Parent = self.holder,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					ZIndex = 2,
					Size = dim2(1, -8, 0, 12),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextYAlignment = Enum.TextYAlignment.Top,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIPadding", {
					Parent = textbox_holder,
					Name = "",
					PaddingLeft = dim(0, 1)
				})

				library:create("UIStroke", {
					Parent = textbox_holder,
					Name = ""
				})

				local button = library:create("Frame", {
					Parent = textbox_holder,
					Name = "",
					Position = dim2(0, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -27, 0, 18),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				})
				library:hoverify(textbox_holder, button)

				library:apply_theme(button, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = button,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					ZIndex = 2;
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				})

				library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					ZIndex = 2;
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				})

				library:apply_theme(background, "accent", "BackgroundColor3")

				local TextBox = library:create("TextBox", {
					Parent = background,
					Name = "",
					CursorPosition = -1,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					TextWrapped = true,
					BackgroundTransparency = 1,
					TextTruncate = Enum.TextTruncate.SplitWord,
					PlaceholderText = "Type here...",
					ClearTextOnFocus = false,
					ZIndex = 3;
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIStroke", {
					Parent = TextBox,
					Name = ""
				})

				local TextButton = library:create("TextButton", {
					Parent = background,
					Name = "",
					FontFace = Font.new("rbxasset://fonts/families/SourceSansPro.json", Enum.FontWeight.Regular, Enum.FontStyle.Normal),
					TextColor3 = rgb(0, 0, 0),
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					AutoButtonColor = false,
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					TextSize = 14,
					ZIndex = 2;
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = TextButton,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(41, 41, 55)),
						rgbkey(1, rgb(35, 35, 47))
					}
				})

				library:apply_theme(UIGradient, "contrast", "Color")

				library:create("UIListLayout", {
					Parent = textbox_holder,
					Name = "",
					FillDirection = Enum.FillDirection.Horizontal,
					HorizontalFlex = Enum.UIFlexAlignment.Fill,
					Padding = dim(0, 4),
					SortOrder = Enum.SortOrder.LayoutOrder
				})

                library:connection(TextBox:GetPropertyChangedSignal("Text"), function()
					flags[cfg.flag] = TextBox.text
					cfg.callback(TextBox.text)
				end)
			--

			function cfg.set_element_visible(bool)
				textbox_holder.Visible = bool
			end

			function cfg.set(text)
				flags[cfg.flag] = text
				TextBox.Text = text
				cfg.callback(text)
			end

			if cfg.default then
				cfg.set(cfg.default)
			end

			cfg.set_element_visible(cfg.visible)

			library.config_flags[cfg.flag] = cfg.set
			library.visible_flags[cfg.flag] = cfg.set_element_visible

			return setmetatable(cfg, library)
		end

		function library:button_holder(options)
			local cfg = {
				flag = options.flag or "hi",
				visible = options.visible or true,
			}

			local button_holder = library:create("TextLabel", {
				Parent = self.holder,
				Name = "",
				FontFace = library.font,
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				Text = "",
				ZIndex = 2,
				Size = dim2(1, -8, 0, 12),
				BorderSizePixel = 0,
				BackgroundTransparency = 1,
				TextXAlignment = Enum.TextXAlignment.Left,
				AutomaticSize = Enum.AutomaticSize.Y,
				TextYAlignment = Enum.TextYAlignment.Top,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255),
			})

			self.current_holder = button_holder

			-- instances
				library:create("UIStroke", {
					Parent = button_holder,
					Name = ""
				})

				library:create("UIListLayout", {
					Parent = button_holder,
					Name = "",
					FillDirection = Enum.FillDirection.Horizontal,
					HorizontalFlex = Enum.UIFlexAlignment.Fill,
					Padding = dim(0, 5),
					SortOrder = Enum.SortOrder.LayoutOrder
				})
			--

			function cfg.set_element_visible(bool)
				button_holder.Visible = bool
			end

			cfg.set_element_visible(cfg.visible)

			library.visible_flags[cfg.flag] = cfg.set_element_visible

			return setmetatable(cfg, library)
		end

		function library:button(options)
			local cfg = {
				callback = options.callback or function() end,
				name = options.text or options.name or "Button",
			}

			local button = library:create("TextButton", {
				Parent = self.current_holder,
				Name = "",
				Position = dim2(0, 0, 0, 2),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -27, 0, 18),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.outline,
				Text = ""
			})

			library:hoverify(button, button)

			library:apply_theme(button, "outline", "BackgroundColor3")

			local inline = library:create("Frame", {
				Parent = button,
				Name = "",
				ZIndex = 2;
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.inline
			})

			library:apply_theme(inline, "inline", "BackgroundColor3")

			local background = library:create("Frame", {
				Parent = inline,
				Name = "",
				ZIndex = 2;
				Position = dim2(0, 1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, -2, 1, -2),
				BorderSizePixel = 0,
				BackgroundColor3 = themes.preset.accent
			})

			library:apply_theme(background, "accent", "BackgroundColor3")

			local _UIGradient = library:create("UIGradient", {
				Parent = background,
				Name = "",
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(255, 255, 255)),
					rgbkey(1, rgb(167, 167, 167))
				}
			})

			library:apply_theme(_UIGradient, "contrast", "Color")

			local contrast = library:create("Frame", {
				Parent = background,
				Name = "",
				ZIndex = 2;
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(1, 0, 1, 0),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local UIGradient = library:create("UIGradient", {
				Parent = contrast,
				Name = "",
				Rotation = 90,
				Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
			})

			library:apply_theme(UIGradient, "contrast", "Color")

			local text = library:create("TextLabel", {
				Parent = contrast,
				Name = "",
				TextWrapped = true,
				ZIndex = 2;
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				Text = cfg.name,
				Size = dim2(1, -4, 1, 0),
				Position = dim2(0, 4, 0, -1),
				BackgroundTransparency = 1,
				TextTruncate = Enum.TextTruncate.AtEnd,
				BorderSizePixel = 0,
				FontFace = library.font,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local UIStroke = library:create("UIStroke", {
				Parent = text,
				Name = "",
				LineJoinMode = Enum.LineJoinMode.Miter
			})

            library:connection(button.MouseButton1Click, function()
				cfg.callback()
			end)

			return setmetatable(cfg, library)
		end

		function library:label(options)
			local cfg = {name = options.text or options.name or "Label"}

			local dropdown = library:create("TextLabel", {
				Parent = self.holder,
				Name = "",
				FontFace = library.font,
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				Text = "",
				ZIndex = 2,
				Size = dim2(1, -8, 0, 12),
				BorderSizePixel = 0,
				BackgroundTransparency = 1,
				TextXAlignment = Enum.TextXAlignment.Left,
				AutomaticSize = Enum.AutomaticSize.Y,
				TextYAlignment = Enum.TextYAlignment.Top,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local UIStroke = library:create("UIStroke", {
				Parent = dropdown,
				Name = ""
			})

			local left_components = library:create("Frame", {
				Parent = dropdown,
				Name = "",
				BackgroundTransparency = 1,
				Position = dim2(0, 2, 0, -1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(0, 0, 0, 14),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local TextLabel = library:create("TextLabel", {
				Parent = left_components,
				Name = "",
				FontFace = library.font,
				TextColor3 = themes.preset.text,
				BorderColor3 = rgb(0, 0, 0),
				Text = cfg.name,
				BackgroundTransparency = 1,
				TextXAlignment = Enum.TextXAlignment.Left,
				BorderSizePixel = 0,
				AutomaticSize = Enum.AutomaticSize.Y,
				TextSize = 12,
				BackgroundColor3 = rgb(255, 255, 255)
			})

			local right_components = library:create("Frame", {
				Parent = dropdown,
				Name = "right_components",
				Position = dim2(1, -1, 0, 1),
				BorderColor3 = rgb(0, 0, 0),
				Size = dim2(0, 0, 0, 12),
				BorderSizePixel = 0,
				BackgroundColor3 = rgb(255, 255, 255)
			}) cfg.right_holder = right_components

			local list = library:create("UIListLayout", {
				Parent = right_components,
				VerticalAlignment = Enum.VerticalAlignment.Center,
				FillDirection = Enum.FillDirection.Horizontal,
				HorizontalAlignment = Enum.HorizontalAlignment.Right,
				Padding = dim(0, 4),
				Name = "list",
				SortOrder = Enum.SortOrder.LayoutOrder
			})

			local UIStroke = library:create("UIStroke", {
				Parent = TextLabel,
				Name = ""
			})

			function cfg.set(text)
				TextLabel.Text = text
			end

			return setmetatable(cfg, library)
		end

		function library:playerlist(options)
			local cfg = {
				callback = options.callback or function() end,

				labels = {
					name,
					display,
					uid,
				}
			}

			local selected_button;

			local patterns = {
				["Priority"] = rgb(255, 255, 0),
				["Enemy"] = rgb(255, 0, 0),
				["Neutral"] = themes.preset.text,
				["Friendly"] = rgb(0, 255, 255),
                ["LocalPlayer"] = rgb(255, 255, 255),
			}

			-- elements
				local playerlist_holder = library:create("TextLabel", {
					Parent = self.holder,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					ZIndex = 2,
					Size = dim2(1, -8, 0, 12),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextYAlignment = Enum.TextYAlignment.Top,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIPadding = library:create("UIPadding", {
					Parent = playerlist_holder,
					Name = "",
					PaddingBottom = dim(0, -2),
					PaddingLeft = dim(0, 1)
				})

				local UIStroke = library:create("UIStroke", {
					Parent = playerlist_holder,
					Name = ""
				})

				local bottom_components = library:create("Frame", {
					Parent = playerlist_holder,
					Name = "",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 26, 0, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				library:create("UIListLayout", {
					Parent = bottom_components,
					Name = "",
					Padding = dim(0, 10),
					SortOrder = Enum.SortOrder.LayoutOrder
				})

				local list = library:create("Frame", {
					Parent = bottom_components,
					Name = "",
					Position = dim2(0, 0, 0, 2),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -27, 1, 232),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(list, "outline", "BackgroundColor3")

				local inline = library:create("Frame", {
					Parent = list,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.inline
				}) library:apply_theme(inline, "inline", "BackgroundColor3")

				local background = library:create("Frame", {
					Parent = inline,
					Name = "",
					Position = dim2(0, 1, 0, 1),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, -2, 1, -2),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.accent
				})

				local UIGradient = library:create("UIGradient", {
					Parent = background,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
						rgbkey(0, rgb(255, 255, 255)),
						rgbkey(1, rgb(167, 167, 167))
					}
				}); library:apply_theme(UIGradient, "contrast", "Color")

				local contrast = library:create("Frame", {
					Parent = background,
					Name = "",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 1, 0),
					BorderSizePixel = 0,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local UIGradient = library:create("UIGradient", {
					Parent = contrast,
					Name = "",
					Rotation = 90,
					Color = rgbseq{
					rgbkey(0, rgb(41, 41, 55)),
					rgbkey(1, rgb(35, 35, 47))
				}
				}); library:apply_theme(UIGradient, "contrast", "Color")

				local ScrollingFrame = library:create("ScrollingFrame", {
					Parent = contrast,
					Name = "",
					ScrollBarImageColor3 = themes.preset.accent,
					Active = true,
					MidImage = "rbxassetid://103468666327206",
					TopImage = "rbxassetid://103468666327206",
					BottomImage = "rbxassetid://103468666327206",
					AutomaticCanvasSize = Enum.AutomaticSize.Y,
					ScrollBarThickness = 2,
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 1, 0),
					BackgroundColor3 = rgb(255, 255, 255),
					BorderColor3 = rgb(0, 0, 0),
					BorderSizePixel = 0,
					CanvasSize = dim2(0, 0, 0, 0)
				}) library:apply_theme(ScrollingFrame, "accent", "ScrollBarImageColor3")

				local UIPadding = library:create("UIPadding", {
					Parent = ScrollingFrame,
					Name = "",
					PaddingTop = dim(0, 4),
					PaddingBottom = dim(0, 4),
					PaddingRight = dim(0, 4),
					PaddingLeft = dim(0, 4)
				})

				local UIListLayout = library:create("UIListLayout", {
					Parent = ScrollingFrame,
					Name = "",
					Padding = dim(0, 4),
					SortOrder = Enum.SortOrder.LayoutOrder
				})
			--

			function cfg.create_player(player)
				library.playerlist_data[tostring(player)] = {}
				local path = library.playerlist_data[tostring(player)]

				local TextButton = library:create("TextButton", {
					Parent = ScrollingFrame,
					Name = "",
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = "",
					BackgroundTransparency = 1,
					Size = dim2(1, 0, 0, 0),
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local player_name = library:create("TextLabel", {
					Parent = TextButton,
					FontFace = library.font,
					TextColor3 = themes.preset.text,
					BorderColor3 = rgb(0, 0, 0),
					Text = tostring(player),
					BorderSizePixel = 0,
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					TextTruncate = Enum.TextTruncate.AtEnd,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextSize = 12,
					LayoutOrder = -100,
					BackgroundColor3 = rgb(255, 255, 255)
				})
				library:apply_theme(player_name, "text", "TextColor3")
				library:apply_theme(player_name, "accent", "TextColor3")

				-- local TextLabel = library:create("TextLabel", {
				--     Parent = TextButton,
				--     Name = "",
				--     FontFace = library.font,
				--     TextColor3 = themes.preset.text,
				--     BorderColor3 = rgb(0, 0, 0),
				--     Text = "None",
				--     BackgroundTransparency = 1,
				--     TextXAlignment = Enum.TextXAlignment.Left,
				--     BorderSizePixel = 0,
				--     AutomaticSize = Enum.AutomaticSize.Y,
				--     TextSize = 12,
				--     BackgroundColor3 = rgb(255, 255, 255)
				-- })

				-- local Frame = library:create("Frame", {
				--     Parent = TextLabel,
				--     Name = "",
				--     Position = dim2(0, -10, 0, 0),
				--     BorderColor3 = rgb(0, 0, 0),
				--     Size = dim2(0, 1, 0, 12),
				--     BorderSizePixel = 0,
				--     BackgroundColor3 = themes.preset.outline
				-- }) library:apply_theme(main_holder, "outline", "BackgroundColor3")

				local priority_text = library:create("TextLabel", {
					Parent = TextButton,
					Name = "",
					FontFace = library.font,
					TextColor3 = tostring(player) ~= lp.Name and themes.preset.text or rgb(0, 0, 255),
					BorderColor3 = rgb(0, 0, 0),
					Text = tostring(player) ~= lp.Name and "Neutral" or "LocalPlayer",
					BackgroundTransparency = 1,
					TextXAlignment = Enum.TextXAlignment.Left,
					BorderSizePixel = 0,
					AutomaticSize = Enum.AutomaticSize.Y,
					TextSize = 12,
					BackgroundColor3 = rgb(255, 255, 255)
				})

				local Frame = library:create("Frame", {
					Parent = priority_text,
					Name = "",
					Position = dim2(0, -10, 0, 0),
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(0, 1, 0, 12),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(main_holder, "outline", "BackgroundColor3")

				local UIListLayout = library:create("UIListLayout", {
					Parent = TextButton,
					Name = "",
					FillDirection = Enum.FillDirection.Horizontal,
					HorizontalFlex = Enum.UIFlexAlignment.Fill,
					SortOrder = Enum.SortOrder.LayoutOrder,
					VerticalFlex = Enum.UIFlexAlignment.Fill
				})

				local UIPadding = library:create("UIPadding", {
					Parent = TextButton,
					Name = "",
					PaddingRight = dim(0, 2),
					PaddingLeft = dim(0, 2)
				})

				local line = library:create("Frame", {
					Parent = ScrollingFrame,
					Name = "",
					BorderColor3 = rgb(0, 0, 0),
					Size = dim2(1, 0, 0, 1),
					BorderSizePixel = 0,
					BackgroundColor3 = themes.preset.outline
				}) library:apply_theme(main_holder, "outline", "BackgroundColor3")

				path.instance = TextButton
				path.line = line
				path.priority = "Neutral"
				path.priority_text = priority_text
				-- library.selected_player = players[tostring(player)]

                library:connection(TextButton.MouseButton1Click, function()
					if player_name == lp.Name then
						return
					end

					if selected_button then
						selected_button.TextColor3 = themes.preset.text
						selected_button = nil
					end

					selected_button = player_name
					player_name.TextColor3 = themes.preset.accent

					library.selected_player = player_name.Text
					library.config_flags["PLAYERLIST_DROPDOWN"](path.priority_text.Text)

					if cfg.labels.name then
						cfg.labels.name.set("User: " .. player_name.Text)
						cfg.labels.display.set("DisplayName: " .. players[player_name.Text].DisplayName)
						cfg.labels.uid.set("User Id: " .. players[player_name.Text].UserId)
					end
				end)

				return path
			end

			function cfg.search(text)
				for _, player in next, players:GetPlayers() do
					local name = tostring(player)
					local path = library.playerlist_data[name]

					if path then
						local sanity = string.lower(name):match(string.lower(text)) and true or false
						path.instance.Visible = sanity
						path.line.Visible = sanity
					end
				end
			end

			function cfg.remove_player(player)
				local path = library.playerlist_data[tostring(player)]
				path.instance:Destroy()
				path.line:Destroy()
				path = nil
			end

			function library.prioritize(text)
				if not library.selected_player then
					return
				end

                if library.selected_player == tostring(lp) then
                    return
                end

				local path = library.playerlist_data[library.selected_player]
				path.priority_text.Text = text
				path.priority_text.TextColor3 = patterns[text]
				path.priority = text
			end

			function library.get_priority(player)
				local path = library.playerlist_data[tostring(player)]

				if path then
					return path.priority
				end
			end

            library:connection(players.PlayerAdded, cfg.create_player)
            library:connection(players.PlayerRemoving, cfg.remove_player)

			for _, player in players:GetPlayers() do
				local player_object = cfg.create_player(player.Name)
				insert(library.playerlist_data, player_object)
			end

			self:textbox({name = "Search", callback = function(txt)
				cfg.search(txt)
			end})
			cfg.labels.name = self:label({name = "Name: ??"})
			cfg.labels.display = self:label({name = "Display Name: ??"})
			cfg.labels.uid = self:label({name = "User Id: ??"})

			return setmetatable(cfg, library)
		end
	--
--

return library, themes