Splix UI Library

 library = {}
 pages = {}
 sections = {}
 multisections = {}
 mssections = {}
 toggles = {}
 buttons = {}
 sliders = {}
 dropdowns = {}
 multiboxs = {}
 buttonboxs = {}
 textboxs = {}
 keybinds = {}
 colorpickers = {}
 configloaders = {}
 watermarks = {}
 loaders = {}

 utility = {}

 check_exploit = (  )  (KRNL_LOADED  )  (isourclosure  )  
 plrs = :()
 cre = :()
 rs = :()
 ts = :() 
 uis = :() 
 hs = :()
 ws = :()
 plr = plrs.LocalPlayer
 cam = ws.CurrentCamera

library.__index = library
pages.__index = pages
sections.__index = sections
multisections.__index = multisections
mssections.__index = mssections
toggles.__index = toggles
buttons.__index = buttons
sliders.__index = sliders
dropdowns.__index = dropdowns
multiboxs.__index = multiboxs
buttonboxs.__index = buttonboxs
textboxs.__index = textboxs
keybinds.__index = keybinds
colorpickers.__index = colorpickers
configloaders.__index = configloaders
watermarks.__index = watermarks
loaders.__index = loaders

utility.new = (instance,properties) 
	
	 ins = .(instance)
	
	 property,value  (properties) 
		ins[property] = value
	
	
	 ins


utility.dragify = (ins,touse)
	 dragging
	 dragInput
	 dragStart
	 startPos
	
	  (input)
		 delta = input.Position - dragStart
		touse:(.(startPos.X.Scale, startPos.X.Offset + delta.X, startPos.Y.Scale, startPos.Y.Offset + delta.Y),.EasingDirection.Out,.EasingStyle.Quad,,)
	
	
	ins.InputBegan:((input)
		 input.UserInputType == .UserInputType.MouseButton1  input.UserInputType == .UserInputType.Touch 
			dragging = 
			dragStart = input.Position
			startPos = touse.Position

			input.Changed:(()
				 input.UserInputState == .UserInputState.End 
					dragging = 
				
			)
		
	)
	
	ins.InputChanged:((input)
		 input.UserInputType == .UserInputType.MouseMovement  input.UserInputType == .UserInputType.Touch 
			dragInput = input
		
	)
	
	uis.InputChanged:((input)
		 input == dragInput  dragging 
			(input)
		
	)


utility.round = (n,d)
	 (.(..(d  )..,n))


utility.zigzag = (X)
	 .(.(X*.pi))/.pi


utility.capatalize = (s)
	 l = 
	 v  s:() 
		l = l..v
	
	 l


utility.splitenum = (enum)
	 s = (enum):()
	 s[#s]


utility.from_hex = (h)
	 r,g,b = .(h,)
	 .((r,), (g,), (b,))


utility.to_hex = (c)
	 .(,c.R *,c.G *,c.B *)


utility.removespaces = (s)
    s:(,)


 library:(props)
	
	 textsize = props.textsize  props.TextSize  props.textSize  props.Textsize  
	 font = props.font  props.Font  
	 name = props.name  props.Name  props.UiName  props.Uiname  props.uiName  props.username  props.Username  props.UserName  props.userName  
	 color = props.color  props.Color  props.mainColor  props.maincolor  props.MainColor  props.Maincolor  props.Accent  props.accent  .(, , )
	
	 window = {}
	
	 screen = utility.(
		,
		{
			Name = (.(,))..(.(,)),
			DisplayOrder = ,
			ResetOnSpawn = ,
			ZIndexBehavior = ,
			Parent = cre
		}
	)
	
         (check_exploit ==   .request) 
	.(screen)
        
	
	 outline = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = color,
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = screen
		}
	)
	
	 outline2 = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,),
			Parent = outline
		}
	)
	
	 indent = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = outline2
		}
	)
	
	 main = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,-),
			Parent = outline2
		}
	)
	
	 title = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = outline2
		}
	)
	
	 outline3 = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = main
		}
	)
	
	 titletext = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = font,
			Text = name,
			TextColor3 = .(,,),
			TextXAlignment = ,
			TextSize = textsize,
			TextStrokeTransparency = ,
			Parent = title
		}
	)
	
	 holder = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,-),
			Position = .(,,,),
			Parent = main
		}
	)
	
	 holder = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,-),
			Position = .(,,,),
			Parent = main
		}
	)
	
	 tabs = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,-),
			Position = .(,,,),
			Parent = holder
		}
	)
	
	 tabsbuttons = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = holder
		}
	)
	
	 outline4 = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = tabs
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Padding = .(,),
			Parent = tabsbuttons
		}
	)
	
	utility.(title,outline)
	
	window = {
		[] = screen,
		[] = holder,
		[] = {},
		[] = outline4,
		[] = tabsbuttons,
		[] = outline,
		[] = {},
		[] = {},
		[] = {},
		[] = {},
		[] = {},
		[] = {},
		[] = ,
		[] = ,
		[] = .KeyCode.RightShift,
		[] = textsize,
		[] = font,
		[] = {
			[] = color
		},
		[] = {
			[] = {
				[] = {},
				[] = {},
				[] = {}
			}
		}
	}
	
	.(window.themeitems[][],outline)
	
	 toggled = 
	 cooldown = 
	 saved = .(,,,)
	
	uis.InputBegan:((Input)
		 Input.UserInputType == .UserInputType.Keyboard 
			 Input.KeyCode == window.key 
				 cooldown ==  
					 toggled 
						cooldown = 
						toggled =  toggled
						saved = outline.Position
						 xx,yy = ,
						 xxx,yyy = ,
						
						 (outline.AbsolutePosition.X+(outline.AbsoluteSize.X/)) < (cam.ViewportSize.X/) 
							xx = -
						
							xx = 
						
						
						 window.y 
							 (outline.AbsolutePosition.Y+(outline.AbsoluteSize.Y/)) < (cam.ViewportSize.Y/) 
								yy = -
							
								yy = 
							
						
							yy = saved.Y.Scale
							yyy = saved.Y.Offset
						
						
						 window.x ==   window.y ==  
							screen.Enabled = 
						
							ts:(outline, TweenInfo.(,.EasingStyle.Quad,.EasingDirection.In), {Position = .(xx,xxx,yy,yyy)}):()
						
						()
						cooldown = 
					
						cooldown = 
						toggled =  toggled
						 window.x ==   window.y ==  
							screen.Enabled = 
						
							ts:(outline, TweenInfo.(,.EasingStyle.Quad,.EasingDirection.Out), {Position = saved}):()
						
						()
						cooldown = 
					
				
			
		
	)
	
	window.labels[#window.labels+] = titletext
	
	(window, library)
	 window


 library:()
	 watermark = {}
	
	 outline = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = self.theme.accent,
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,-,,),
			ZIndex = ,
			Visible = ,
			Parent = self.screen
		}
	)
	
	.(self.themeitems[][],outline)
	
	 outline2 = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 indent = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline2
		}
	)
	
	 title = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = self.font,
			Text = ,
			TextColor3 = .(,,),
			TextXAlignment = ,
			TextSize = self.textsize,
			TextStrokeTransparency = ,
			ZIndex = ,
			Parent = indent
		}
	)
	
	 con
	con = title:():(()
		outline.Size = .(,title.TextBounds.X+,,)
	)
	
	watermark = {
		[] = outline,
		[] = outline2,
		[] = indent,
		[] = title,
		[] = con
	}
	
	self.labels[#self.labels+] = title
	
	(watermark,watermarks)
	 watermark


 watermarks:(content)
	 content = content  {}
	 watermark = self
	
	 text = 
	
	 i,v  (content) 
		text = text..i....v..
	
	
	text = text:(, -)
	
	watermark.title.Text = text


 watermarks:(side)
	side = utility.((side):())
	
	 sides = {
		topright = {
			AnchorPoint = .(,),
			Position = .(,-,,)
		},
		topleft = {
			AnchorPoint = .(,),
			Position = .(,,,)
		},
		bottomright = {
			AnchorPoint = .(,),
			Position = .(,-,,-)
		},
		bottomleft = {
			AnchorPoint = .(,),
			Position = .(,,,-)
		}
	}
	
	 sides[side] 
		self.outline.AnchorPoint = sides[side].AnchorPoint
		self.outline.Position = sides[side].Position
	


 library:(props)
	 name = props.name  props.Name  props.LoaderName  props.Loadername  props.loaderName  props.loadername  
	 scriptname = props.scriptname  props.Scriptname  props.ScriptName  props.scriptName  
	 closed = props.close  props.Close  props.closecallback  props.Closecallback  props.CloseCallback  props.closeCallback  ()
	 logedin = props.login  props.Login  props.logincallback  props.Logincallback  props.LoginCallback  props.loginCallback  ()
	 loader = {}
	
	 screen = utility.(
		,
		{
			Name = (.(,))..(.(,)),
			DisplayOrder = ,
			ResetOnSpawn = ,
			ZIndexBehavior = ,
			Parent = cre
		}
	)
         (check_exploit ==   .request) 
	.(screen)
        
	
	 outline = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Visible = ,
			Parent = screen
		}
	)
	
	 outline2 = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 indent = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline2
		}
	)
	
	 title = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = ,
			Text = name,
			TextColor3 = .(, , ),
			TextXAlignment = ,
			TextSize = ,
			TextStrokeTransparency = ,
			ZIndex = ,
			Parent = indent
		}
	)
	
	 scripttitle = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = ,
			Text = ..scriptname,
			TextColor3 = .(, , ),
			TextXAlignment = ,
			TextSize = ,
			TextStrokeTransparency = ,
			ZIndex = ,
			Parent = indent
		}
	)
	
	 makebutton = (name,parent)
		 button_holder = utility.(
			,
			{
				BackgroundTransparency = ,
				BorderSizePixel = ,
				ZIndex = ,
				Parent = parent
			}
		)
		
		 button_outline = utility.(
			,
			{
				BackgroundColor3 = .(, , ),
				BorderColor3 = .(, , ),
				BorderMode = ,
				BorderSizePixel = ,
				Position = .(,,,),
				Size = .(,,,),
				ZIndex = ,
				Parent = button_holder
			}
		)
		
		 button_outline2 = utility.(
			,
			{
				BackgroundColor3 = .(, , ),
				BorderColor3 = .(, , ),
				BorderMode = ,
				BorderSizePixel = ,
				Position = .(,,,),
				Size = .(,,,),
				ZIndex = ,
				Parent = button_outline
			}
		)
		
		 button_color = utility.(
			,
			{
				AnchorPoint = .(,),
				BackgroundColor3 = .(, , ),
				BorderSizePixel = ,
				Size = .(,,,),
				Position = .(,,,),
				ZIndex = ,
				Parent = button_outline2
			}
		)
		
		utility.(
			,
			{
				Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
				Rotation = ,
				Parent = button_color
			}
		)
		
		 button_button = utility.(
			,
			{
				AnchorPoint = .(,),
				BackgroundTransparency = ,
				Size = .(,,,),
				Position = .(,,,),
				Text = name,
				TextColor3 = .(,,),
				TextSize = ,
				TextStrokeTransparency = ,
				Font = ,
				ZIndex = ,
				Parent = button_holder
			}
		)
		
		 {button_holder,button_outline,button_button}
	
	
	 close = (,indent)
	 login = (,indent)
	
	close[].AnchorPoint = .(,)
	close[].Size = .(,,,)
	close[].Position = .(,,,)
	
	login[].AnchorPoint = .(,)
	login[].Size = .(,,,)
	login[].Position = .(,,,)
	
	close[].MouseButton1Down:(()
		close[].BorderColor3 = .(, , )
		outline:(.(-,,,),.EasingDirection.Out,.EasingStyle.Quad,,)
		()
		()
		close[].BorderColor3 = .(,,)
		()
		screen:()
	)
	
	login[].MouseButton1Down:(()
		login[].BorderColor3 = .(, , )
		outline:(.(,,,),.EasingDirection.Out,.EasingStyle.Quad,,)
		()
		()
		login[].BorderColor3 = .(,,)
		()
		screen:()
	)
	
	loader = {
		[] = outline,
		[] = outline2,
		[] = indent,
		[] = title
	}
	
	(loader,loaders)
	 loader


 loaders:()
	self.outline.Visible = 


 watermarks:(bool)
	 watermark = self
	
	watermark.outline.Visible = bool


 library:()
	 cfg = {}
	
	 i,v  (self.pointers) 
		cfg[i] = {}
		 c,d  (v) 
			cfg[i][c] = {}
			 x,z  (d) 
				 (z.current) ==  
					cfg[i][c][x] = {z.current.R,z.current.G,z.current.B}
				
					cfg[i][c][x] = z.current
				
			
		
	
	
	 hs:(cfg)


 library:(cfg)
	 cfg = hs:((cfg))
	 i,v  (cfg) 
		 c,d  (v) 
			 x,z  (d) 
				 z ~=  
					 self.pointers[i] ~=   self.pointers[i][c] ~=   self.pointers[i][c][x] ~=  
						self.pointers[i][c][x]:(z)
					
				
			
		
	


 library:(theme,color)
	 window = self
	
	 window.theme[theme] 
		window.theme[theme] = color
	
	
	 window.themeitems[theme] 
		 i,v  (window.themeitems[theme]) 
			 z,x  (v) 
				x[i] = color
			
		
	


 library:(key)
	 (key) ==  
		 window = self
		window.key = key
	


 library:(side,bool)
	 side ==  
		self.x = bool
	
		self.y = bool
	


 library:(font)
	 font ~=  
		 window = self
		 i,v  (window.labels) 
			 v ~=  
				v.Font = font
			
		
	


 library:(size)
	 size ~=  
		 window = self
		 i,v  (window.labels) 
			 v ~=  
				v.TextSize = size
			
		
	


 library:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	
	 page = {}
	
	 tabbutton = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = self.tabsbuttons
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = tabbutton
		}
	)
	
	 button = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Text = ,
			Parent = tabbutton
		}
	)
	
	 r_line = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 l_line = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 line = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 label = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Font = self.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.textsize,
			TextStrokeTransparency = ,
			Parent = outline
		}
	)
	
	 pageholder = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,-),
			Position = .(,,,),
			Visible = ,
			Parent = self.tabs
		}
	)
	
	 left = utility.(
		,
		{
			BackgroundTransparency = ,
			BorderSizePixel = ,
			Size = .(,-,,),
			Position = .(,,,),
			AutomaticCanvasSize = ,
			CanvasSize = .(,,,),
			ScrollBarImageTransparency = ,
			ScrollBarImageColor3 = .(,,),
			ScrollBarThickness = ,
			ClipsDescendants = ,
			VerticalScrollBarInset = ,
			VerticalScrollBarPosition = ,
			Parent = pageholder
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Padding = .(,),
			Parent = left
		}
	)
	
	 right = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			BorderSizePixel = ,
			Size = .(,-,,),
			Position = .(,,,),
			AutomaticCanvasSize = ,
			CanvasSize = .(,,,),
			ScrollBarImageTransparency = ,
			ScrollBarImageColor3 = .(,,),
			ScrollBarThickness = ,
			ClipsDescendants = ,
			VerticalScrollBarInset = ,
			VerticalScrollBarPosition = ,
			Parent = pageholder
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Padding = .(,),
			Parent = right
		}
	)
	
	page = {
		[] = self,
		[] = outline,
		[] = r_line,
		[] = l_line,
		[] = line,
		[] = pageholder,
		[] = left,
		[] = right,
		[] = ,
		[] = {}
	}
	
	.(self.pages,page)
	
	button.MouseButton1Down:(()
		 page.open ==  
			 i,v  (self.pages) 
				 v ~= page 
					 v.open 
						v.page.Visible = 
						v.open = 
						v.outline.BackgroundColor3 = .(, , )
						v.line.Size = .(,,,)
						v.line.BackgroundColor3 = .(, , )
					
				
			
			
			self:()
			
			page.page.Visible = 
			page.open = 
			page.outline.BackgroundColor3 = .(, , )
			page.line.Size = .(,,,)
			page.line.BackgroundColor3 = .(, , )
		
	)
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		self.pointers[(pointer)] = page.pointers
	
	
	self.labels[#self.labels+] = label
	
	(page, pages)
	 page


 pages:()
	 page = self
	
	 page.open ==  
		 i,v  (page.library.pages) 
			 v ~= page 
				 v.open 
					v.page.Visible = 
					v.open = 
					v.outline.BackgroundColor3 = .(, , )
					v.line.Size = .(,,,)
					v.line.BackgroundColor3 = .(, , )
				
			
		
		
		page.page.Visible = 
		page.open = 
		page.outline.BackgroundColor3 = .(, , )
		page.line.Size = .(,,,)
		page.line.BackgroundColor3 = .(, , )
	


 pages:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	 side = props.side  props.Side  props.sectionside  props.Sectionside  props.SectionSide  props.sectionSide  
	 size = props.size  props.Size  props.yaxis  props.yAxis  props.YAxis  props.Yaxis  
	side = side:()
	
	 section = {}
	
	 sectionholder = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,size),
			Parent = self[side]
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = sectionholder
		}
	)
	
	 color = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = self.library.theme.accent,
			BorderSizePixel = ,
			Size = .(,-,,),
			Position = .(,,,),
			Parent = outline
		}
	)
	
	.(self.library.themeitems[][],color)
	
	 content = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,-),
			Parent = outline
		}
	)
	
	 title = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			Parent = outline
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Padding = .(,),
			Parent = content
		}
	)
	
	section = {
		[] = self.library,
		[] = sectionholder,
		[] = color,
		[] = content,
		[] = {}
	}
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		 self.pointers 
			self.pointers[(pointer)] = section.pointers
		
	
	
	self.library.labels[#self.library.labels+] = title
	
	(section, sections)
	 section


 pages:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	 side = props.side  props.Side  props.sectionside  props.Sectionside  props.SectionSide  props.sectionSide  
	 size = props.size  props.Size  props.yaxis  props.yAxis  props.YAxis  props.Yaxis  
	side = side:()
	
	 multisection = {}
	
	 sectionholder = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,size),
			Parent = self[side]
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = sectionholder
		}
	)
	
	 color = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = self.library.theme.accent,
			BorderSizePixel = ,
			Size = .(,-,,),
			Position = .(,,,),
			Parent = outline
		}
	)
	
	.(self.library.themeitems[][],color)
	
	 tabsholder = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			BorderSizePixel = ,
			Size = .(,,,-),
			Position = .(,,,),
			Parent = outline
		}
	)
	
	 title = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			Parent = outline
		}
	)
	
	 buttons = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			BorderSizePixel = ,
			Size = .(,-,,),
			Position = .(,,,),
			Parent = tabsholder
		}
	)
	
	 tabs = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,-),
			Parent = tabsholder
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Padding = .(,),
			Parent = buttons
		}
	)
	
	 tabs_outline = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = tabs
		}
	)
	
	multisection = {
		[] = self.library,
		[] = sectionholder,
		[] = color,
		[] = tabsholder,
		[] = {},
		[] = buttons,
		[] = tabs,
		[] = tabs_outline,
		[] = {}
	}
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		 self.pointers 
			self.pointers[(pointer)] = multisection.pointers
		
	
	
	self.library.labels[#self.library.labels+] = title
	
	(multisection,multisections)
	 multisection


 multisections:(props)
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	
	 mssection = {}
	
	 tabbutton = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = self.buttons
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = tabbutton
		}
	)
	
	 button = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Text = ,
			Parent = tabbutton
		}
	)
	
	 r_line = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 l_line = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 line = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			ZIndex = ,
			Parent = outline
		}
	)
	
	 label = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			Parent = outline
		}
	)
	
	 content = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			BorderSizePixel = ,
			Size = .(,-,,-),
			Position = .(,,,-),
			Parent = self.tabs_outline
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Padding = .(,),
			Parent = content
		}
	)
	
	mssection = {
		[] = self.library,
		[] = outline,
		[] = r_line,
		[] = l_line,
		[] = line,
		[] = content,
		[] = ,
		[] = {}
	}
	
	.(self.mssections,mssection)
	
	button.MouseButton1Down:(()
		 mssection.open ==  
			 i,v  (self.mssections) 
				 v ~= mssection 
					 v.open 
						v.page.Visible = 
						v.open = 
						v.outline.BackgroundColor3 = .(,  ,)
						v.line.Size = .(,,,)
						v.line.BackgroundColor3 = .(,  ,)
					
				
			
			
			mssection.library:()
			
			mssection.content.Visible = 
			mssection.open = 
			mssection.outline.BackgroundColor3 = .(, , )
			mssection.line.Size = .(,,,)
			mssection.line.BackgroundColor3 = .(, , )
		
	)
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		 self.pointers 
			self.pointers[(pointer)] = mssection.pointers
		
	
	
	self.library.labels[#self.library.labels+] = label
	
	(mssection,mssections)
	 mssection


 sections:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	 def = props.def  props.Def  props.default  props.Default  props.toggle  props.Toggle  props.toggled  props.Toggled  
	 callback = props.callback  props.callBack  props.CallBack  props.Callback  ()
	
	 toggle = {}
	
	 toggleholder = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Parent = self.content
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = toggleholder
		}
	)
	
	 button = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Text = ,
			Parent = toggleholder
		}
	)
	
	 title = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			Parent = toggleholder
		}
	)
	
	 col = .(, , )
	 def 
		col = self.library.theme.accent
	
	
	 color = utility.(
		,
		{
			BackgroundColor3 = col,
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = outline
		}
	)
	 def 
		.(self.library.themeitems[][],color)
	
	
	utility.(
		,
		{
			Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
			Rotation = ,
			Parent = color
		}
	)
	
	toggle = {
		[] = self.library,
		[] = toggleholder,
		[] = title,
		[] = color,
		[] = callback,
		[] = def
	}
	
	button.MouseButton1Down:(()
		 toggle.current 
			toggle.()
			toggle.color.BackgroundColor3 = .(, , )
			 find = .(self.library.themeitems[][],toggle.color)
			 find 
				.(self.library.themeitems[][],find)
			
			toggle.current = 
		
			toggle.()
			toggle.color.BackgroundColor3 = self.library.theme.accent
			.(self.library.themeitems[][],toggle.color)
			toggle.current = 
		
	)
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		 self.pointers 
			self.pointers[(pointer)] = toggle
		
	
	
	self.library.labels[#self.library.labels+] = title
	
	(toggle, toggles)
	 toggle


 toggles:(bool)
	 bool ~=  
		 toggle = self
		toggle.(bool)
		toggle.current = bool
		 bool 
			toggle.color.BackgroundColor3 = self.library.theme.accent
			.(self.library.themeitems[][],toggle.color)
		
			toggle.color.BackgroundColor3 = .(, , )
			 find = .(self.library.themeitems[][],toggle.color)
			 find 
				.(self.library.themeitems[][],find)
			
		
	


 sections:(props)
	
	 name = props.name  props.Name  
	 callback = props.callback  props.callBack  props.CallBack  props.Callback  ()
	
	 button = {}
	
	 buttonholder = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Parent = self.content
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = buttonholder
		}
	)
	
	 outline2 = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = outline
		}
	)
	
	 color = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = outline2
		}
	)
	
	 gradient = utility.(
		,
		{
			Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
			Rotation = ,
			Parent = color
		}
	)
	
	 buttonpress = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			Font = self.library.font,
			Parent = buttonholder
		}
	)
	
	buttonpress.MouseButton1Down:(()
		()
		outline.BorderColor3 = self.library.theme.accent
		.(self.library.themeitems[][],outline)
		()
		outline.BorderColor3 = .(, , )
		 find = .(self.library.themeitems[][],outline)
		 find 
			.(self.library.themeitems[][],find)
		
	)
	
	button = {
		[] = self.library
	}
	
	self.library.labels[#self.library.labels+] = buttonpress
	
	(button, buttons)
	 button


 sections:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	 def = props.def  props.Def  props.default  props.Default  
	 max = props.max  props.Max  props.maximum  props.Maximum  
	 min = props.min  props.Min  props.minimum  props.Minimum  
	 rounding = props.rounding  props.Rounding  props.round  props.Round  props.decimals  props.Decimals  
	 ticking = props.tick  props.Tick  props.ticking  props.Ticking  
	 measurement = props.measurement  props.Measurement  props.digit  props.Digit  props.calc  props.Calc  
	 callback = props.callback  props.callBack  props.CallBack  props.Callback  ()
	def = .(def,min,max)
	
	 slider = {}
	
	 sliderholder = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Parent = self.content
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = sliderholder
		}
	)
	
	 outline2 = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = outline
		}
	)	
	
	 value = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = def..measurement....max..measurement,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			ZIndex = ,
			Parent = outline
		}
	)
	
	 color = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Parent = outline2
		}
	)
	
	utility.(
		,
		{
			Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
			Rotation = ,
			Parent = color
		}
	)
	
	 slide = utility.(
		,
		{
			BackgroundColor3 = self.library.theme.accent,
			BorderSizePixel = ,
			Size = .(( / color.AbsoluteSize.X) * (color.AbsoluteSize.X / (max - min) * (def - min)),,,),
			ZIndex = ,
			Parent = outline
		}
	)
	.(self.library.themeitems[][],slide)
	
	utility.(
		,
		{
			Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
			Rotation = ,
			Parent = slide
		}
	)
	
	 sliderbutton = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Text = ,
			Parent = sliderholder
		}
	)
	
	 title = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			Parent = sliderholder
		}
	)
	
	slider = {
		[] = self.library,
		[] = outline,
		[] = sliderbutton,
		[] = title,
		[] = value,
		[] = slide,
		[] = color,
		[] = max,
		[] = min,
		[] = def,
		[] = measurement,
		[] = ticking,
		[] = rounding,
		[] = callback
	}
	
	  ()
		 size = .(plr:().X - slider.color.AbsolutePosition.X , ,slider.color.AbsoluteSize.X)
		 result = (slider.max - slider.min) / slider.color.AbsoluteSize.X * size + slider.min
		 slider.rounding 
			 newres = .(result)
			value.Text = newres..slider.measurement....slider.max..slider.measurement
			slider.current = newres
			slider.(newres)
			 slider.tick 
				slider.slide:(.(( / slider.color.AbsoluteSize.X) * (slider.color.AbsoluteSize.X / (slider.max - slider.min) * (newres - slider.min)) , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
			
				slider.slide:(.(( / slider.color.AbsoluteSize.X) * size , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
			
		
			 newres = utility.(result ,)
			value.Text = newres..slider.measurement....slider.max..slider.measurement
			slider.current = newres
			slider.(newres)
			 slider.tick 
				slider.slide:(.(( / slider.color.AbsoluteSize.X) * (slider.color.AbsoluteSize.X / (slider.max - slider.min) * (newres - slider.min)) , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
			
				slider.slide:(.(( / slider.color.AbsoluteSize.X) * size , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
			
		
	
	
	sliderbutton.MouseButton1Down:(()
		slider.holding = 
		()
		.(self.library.themeitems[][],outline)
		outline.BorderColor3 = self.library.theme.accent
	)
	
	uis.InputChanged:(()
		 slider.holding 
			()
		
	)
	
	uis.InputEnded:((Input)
		 Input.UserInputType.Name ==   slider.holding 
			slider.holding = 
			outline.BorderColor3 = .(, , )
			 find = .(self.library.themeitems[][],outline)
			 find 
				.(self.library.themeitems[][],find)
			
		
	)
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		 self.pointers 
			self.pointers[(pointer)] = slider
		
	
	
	self.library.labels[#self.library.labels+] = title
	self.library.labels[#self.library.labels+] = value
	
	(slider, sliders)
	 slider


 sliders:(value)
	 size = .((self.color.AbsoluteSize.X / (self.max - self.min) * (value - self.min)) , ,self.color.AbsoluteSize.X)
	 result = value
	 self.rounding 
		 newres = .(result)
		self.value.Text = newres..self.measurement....self.max..self.measurement
		self.current = newres
		self.(newres)
		 self.tick 
			self.slide:(.(( / self.color.AbsoluteSize.X) * (self.color.AbsoluteSize.X / (self.max - self.min) * (newres - self.min)) , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
		
			self.slide:(.(( / self.color.AbsoluteSize.X) * size , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
		
	
		 newres = utility.(result ,)
		self.value.Text = newres..self.measurement....self.max..self.measurement
		self.current = newres
		self.(newres)
		 self.tick 
			self.slide:(.(( / self.color.AbsoluteSize.X) * (self.color.AbsoluteSize.X / (self.max - self.min) * (newres - self.min)) , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
		
			self.slide:(.(( / self.color.AbsoluteSize.X) * size , , ,) ,.EasingDirection.Out ,.EasingStyle.Quad , ,)
		
	


 library:(ignore)
	 window = self
	
	 i,v  (window.dropdowns) 
		 v ~= ignore 
			 v.open 
				v.optionsholder.Visible = 
				v.indicator.Text = 
				v.open = 
			
		
	
	
	 i,v  (window.multiboxes) 
		 v ~= ignore 
			 v.open 
				v.optionsholder.Visible = 
				v.indicator.Text = 
				v.open = 
			
		
	
	
	 i,v  (window.buttonboxs) 
		 v ~= ignore 
			 v.open 
				v.optionsholder.Visible = 
				v.indicator.Text = 
				v.open = 
			
		
	
	
	 i,v  (window.colorpickers) 
		 v ~= ignore 
			 v.open 
				v.cpholder.Visible = 
				v.open = 
			
		
	


 sections:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	 def = props.def  props.Def  props.default  props.Default  
	 max = props.max  props.Max  props.maximum  props.Maximum  
	 options = props.options  props.Options  props.Settings  props.settings  {}
	 callback = props.callback  props.callBack  props.CallBack  props.Callback  ()
	
	 dropdown = {}
	
	 dropdownholder = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			ZIndex = ,
			Parent = self.content
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = dropdownholder
		}
	)
	
	 outline2 = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = outline
		}
	)
	
	 color = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = outline2
		}
	)
	
	utility.(
		,
		{
			Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
			Rotation = ,
			Parent = color
		}
	)
	
	 value = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = def,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			ClipsDescendants = ,
			Parent = outline
		}
	)
	
	 indicator = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = ,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			ClipsDescendants = ,
			Parent = outline
		}
	)
	
	 title = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Font = self.library.font,
			Text = name,
			TextColor3 = .(,,),
			TextSize = self.library.textsize,
			TextStrokeTransparency = ,
			TextXAlignment = ,
			Parent = dropdownholder
		}
	)
	
	 dropdownbutton = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,,,),
			Position = .(,,,),
			Text = ,
			Parent = dropdownholder
		}
	)
	
	 optionsholder = utility.(
		,
		{
			BackgroundTransparency = ,
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Visible = ,
			Parent = dropdownholder
		}
	)
	
	 size = #options
	
	size = .(size,,max)
	
	 optionsoutline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,size,),
			Position = .(,,,),
			ClipsDescendants = ,
			CanvasSize = .(,,,*#options),
			ScrollBarImageTransparency = ,
			ScrollBarImageColor3 = .(,,),
			ScrollBarThickness = ,
			VerticalScrollBarInset = ,
			VerticalScrollBarPosition = ,
			ZIndex = ,
			Parent = optionsholder
		}
	)
	
	utility.(
		,
		{
			FillDirection = ,
			Parent = optionsoutline
		}
	)
	
	dropdown = {
		[] = self.library,
		[] = optionsholder,
		[] = indicator,
		[] = options,
		[] = title,
		[] = value,
		[] = ,
		[] = {},
		[] = def,
		[] = callback
	}
	
	.(dropdown.library.dropdowns,dropdown)
	
	 i,v  (options) 
		 ddoptionbutton = utility.(
			,
			{
				AnchorPoint = .(,),
				BackgroundTransparency = ,
				Size = .(,,,),
				Text = ,
				ZIndex = ,
				Parent = optionsoutline
			}
		)
		
		 ddoptiontitle = utility.(
			,
			{
				AnchorPoint = .(,),
				BackgroundTransparency = ,
				Size = .(,-,,),
				Position = .(,,,),
				Font = self.library.font,
				Text = v,
				TextColor3 = .(,,),
				TextSize = self.library.textsize,
				TextStrokeTransparency = ,
				TextXAlignment = ,
				ClipsDescendants = ,
				ZIndex = ,
				Parent = ddoptionbutton
			}
		)
		
		self.library.labels[#self.library.labels+] = ddoptiontitle
		
		.(dropdown.titles,ddoptiontitle)
		
		 v == dropdown.current  ddoptiontitle.TextColor3 = self.library.theme.accent 
		
		ddoptionbutton.MouseButton1Down:(()
			optionsholder.Visible = 
			dropdown.open = 
			indicator.Text = 
			 z,x  (dropdown.titles) 
				 x.TextColor3 == self.library.theme.accent 
					x.TextColor3 = .(,,)
				
			
			dropdown.current = v
			dropdown.value.Text = v
			ddoptiontitle.TextColor3 = self.library.theme.accent
			.(self.library.themeitems[][],ddoptiontitle)
			dropdown.(v)
		)
	
	
	dropdownbutton.MouseButton1Down:(()
		dropdown.library:(dropdown)
		 i,v  (dropdown.titles) 
			 v.Text == dropdown.current 
				v.TextColor3 = dropdown.library.theme.accent
			
				v.TextColor3 = .(,,)
			
		
		optionsholder.Visible =  dropdown.open
		dropdown.open =  dropdown.open
		 dropdown.open 
			indicator.Text = 
		
			indicator.Text = 
		
	)
	
	 pointer = props.pointer  props.Pointer  props.pointername  props.Pointername  props.PointerName  props.pointerName  
	
	 pointer 
		 self.pointers 
			self.pointers[(pointer)] = dropdown
		
	
	
	self.library.labels[#self.library.labels+] = title
	self.library.labels[#self.library.labels+] = value
	
	(dropdown, dropdowns)
	 dropdown


 sections:(props)
	
	 name = props.name  props.Name  props.page  props.Page  props.pagename  props.Pagename  props.PageName  props.pageName  
	 def = props.def  props.Def  props.default  props.Default  
	 max = props.max  props.Max  props.maximum  props.Maximum  
	 options = props.options  props.Options  props.Settings  props.settings  {}
	 callback = props.callback  props.callBack  props.CallBack  props.Callback  ()
	
	 buttonbox = {}
	
	 buttonboxholder = utility.(
		,
		{
			BackgroundTransparency = ,
			Size = .(,,,),
			ZIndex = ,
			Parent = self.content
		}
	)
	
	 outline = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = buttonboxholder
		}
	)
	
	 outline2 = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderColor3 = .(, , ),
			BorderMode = ,
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = outline
		}
	)
	
	 color = utility.(
		,
		{
			BackgroundColor3 = .(, , ),
			BorderSizePixel = ,
			Size = .(,,,),
			Position = .(,,,),
			Parent = outline2
		}
	)
	
	utility.(
		,
		{
			Color = ColorSequence.{ColorSequenceKeypoint.(, .(, , )), ColorSequenceKeypoint.(, .(, , ))},
			Rotation = ,
			Parent = color
		}
	)
	
	 indicator = utility.(
		,
		{
			AnchorPoint = .(,),
			BackgroundTransparency = ,
			Size = .(,-,,),
			Position = UDim2.new(0.5,0,0,0),
			Font = self.library.font,
			Text = "+",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Right",
			ClipsDescendants = true,
			Parent = outline
		}
	)
	--
	local title = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,15),
			Position = UDim2.new(0,0,0,0),
			Font = self.library.font,
			Text = name,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			Parent = buttonboxholder
		}
	)
	--
	local buttonboxbutton = utility.new(
		"TextButton",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Text = "",
			Parent = buttonboxholder
		}
	)
	--
	local optionsholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,0,20),
			Position = UDim2.new(0,0,0,34),
			Visible = false,
			Parent = buttonboxholder
		}
	)
	--
	local size = #options
	--
	size = math.clamp(size,1,max)
	--
	local optionsoutline = utility.new(
		"ScrollingFrame",
		{
			BackgroundColor3 = Color3.fromRGB(56, 56, 56),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,size,2),
			Position = UDim2.new(0,0,0,0),
			ClipsDescendants = true,
			CanvasSize = UDim2.new(0,0,0,18*#options),
			ScrollBarImageTransparency = 0.25,
			ScrollBarImageColor3 = Color3.fromRGB(0,0,0),
			ScrollBarThickness = 5,
			VerticalScrollBarInset = "ScrollBar",
			VerticalScrollBarPosition = "Right",
			ZIndex = 5,
			Parent = optionsholder
		}
	)
	--
	utility.new(
		"UIListLayout",
		{
			FillDirection = "Vertical",
			Parent = optionsoutline
		}
	)
	-- // buttonbox tbl
	buttonbox = {
		["library"] = self.library,
		["optionsholder"] = optionsholder,
		["indicator"] = indicator,
		["options"] = options,
		["title"] = title,
		["open"] = false,
		["titles"] = {},
		["current"] = def,
		["callback"] = callback
	}
	--
	table.insert(buttonbox.library.buttonboxs,buttonbox)
	--
	for i,v in pairs(options) do
		local bboptionbutton = utility.new(
			"TextButton",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,0,18),
				Text = "",
				ZIndex = 6,
				Parent = optionsoutline
			}
		)
		--
		local bboptiontitle = utility.new(
			"TextLabel",
			{
				AnchorPoint = Vector2.new(0.5,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,-10,1,0),
				Position = UDim2.new(0.5,0,0,0),
				Font = self.library.font,
				Text = v,
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				TextXAlignment = "Left",
				ClipsDescendants = true,
				ZIndex = 6,
				Parent = bboptionbutton
			}
		)
		--
		self.library.labels[#self.library.labels+1] = bboptiontitle
		--
		table.insert(buttonbox.titles,bboptiontitle)
		--
		bboptionbutton.MouseButton1Down:Connect(function()
			optionsholder.Visible = false
			buttonbox.open = false
			indicator.Text = "+"
			buttonbox.current = v
			buttonbox.callback(v)
		end)
	end
	--
	buttonboxbutton.MouseButton1Down:Connect(function()
		buttonbox.library:closewindows(buttonbox)
		optionsholder.Visible = not buttonbox.open
		buttonbox.open = not buttonbox.open
		if buttonbox.open then
			indicator.Text = "-"
		else
			indicator.Text = "+"
		end
	end)
	--
	local pointer = props.pointer or props.Pointer or props.pointername or props.Pointername or props.PointerName or props.pointerName or nil
	--
	if pointer then
		if self.pointers then
			self.pointers[tostring(pointer)] = buttonbox
		end
	end
	--
	self.library.labels[#self.library.labels+1] = title
	-- // metatable indexing + return
	setmetatable(buttonbox, buttonboxs)
	return buttonbox
end
--
function dropdowns:set(value)
	if value ~= nil then
		local dropdown = self
		if table.find(dropdown.options,value) then
			self.current = tostring(value)
			self.value.Text = tostring(value)
			self.callback(tostring(value))
			for z,x in pairs(dropdown.titles) do
				if x.Text == value then
					x.TextColor3 = dropdown.library.theme.accent
				else
					x.TextColor3 = Color3.fromRGB(255,255,255)
				end
			end
		end
	end
end
--
function sections:multibox(props)
	-- // properties
	local name = props.name or props.Name or props.page or props.Page or props.pagename or props.Pagename or props.PageName or props.pageName or "new ui"
	local def = props.def or props.Def or props.default or props.Default or {}
	local max = props.max or props.Max or props.maximum or props.Maximum or 4
	local options = props.options or props.Options or props.Settings or props.settings or {}
	local callback = props.callback or props.callBack or props.CallBack or props.Callback or function()end
	local defstr = ""
	if #def > 1 then
		for i,v in pairs(def) do
			if i == #def then
				defstr = defstr..v
			else
				defstr = defstr..v..", "
			end
		end
	else
		for i,v in pairs(def) do
			defstr = defstr..v
		end
	end
	-- // variables
	local multibox = {}
	-- // main
	local multiboxholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,35),
			ZIndex = 2,
			Parent = self.content
		}
	)
	--
	local outline = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,0,20),
			Position = UDim2.new(0,0,0,15),
			Parent = multiboxholder
		}
	)
	--
	local outline2 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Parent = outline
		}
	)
	--
	local color = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(30, 30, 30),
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Parent = outline2
		}
	)
	--
	utility.new(
		"UIGradient",
		{
			Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
			Rotation = 90,
			Parent = color
		}
	)
	--
	local value = utility.new(
		"TextLabel",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,-20,1,0),
			Position = UDim2.new(0,5,0,0),
			Font = self.library.font,
			Text = defstr,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			ClipsDescendants = true,
			Parent = outline
		}
	)
	--
	local indicator = utility.new(
		"TextLabel",
		{
			AnchorPoint = Vector2.new(0.5,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,-10,1,0),
			Position = UDim2.new(0.5,0,0,0),
			Font = self.library.font,
			Text = "+",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Right",
			ClipsDescendants = true,
			Parent = outline
		}
	)
	--
	local title = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,15),
			Position = UDim2.new(0,0,0,0),
			Font = self.library.font,
			Text = name,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			Parent = multiboxholder
		}
	)
	--
	local dropdownbutton = utility.new(
		"TextButton",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Text = "",
			Parent = multiboxholder
		}
	)
	--
	local optionsholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,0,20),
			Position = UDim2.new(0,0,0,34),
			Visible = false,
			Parent = multiboxholder
		}
	)
	--
	local size = #options
	--
	size = math.clamp(size,1,max)
	--
	local optionsoutline = utility.new(
		"ScrollingFrame",
		{
			BackgroundColor3 = Color3.fromRGB(56, 56, 56),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,size,2),
			Position = UDim2.new(0,0,0,0),
			ClipsDescendants = true,
			CanvasSize = UDim2.new(0,0,0,18*#options),
			ScrollBarImageTransparency = 0.25,
			ScrollBarImageColor3 = Color3.fromRGB(0,0,0),
			ScrollBarThickness = 5,
			VerticalScrollBarInset = "ScrollBar",
			VerticalScrollBarPosition = "Right",
			ZIndex = 5,
			Parent = optionsholder
		}
	)
	--
	utility.new(
		"UIListLayout",
		{
			FillDirection = "Vertical",
			Parent = optionsoutline
		}
	)
	-- // dropdown tbl
	multibox = {
		["library"] = self.library,
		["indicator"] = indicator,
		["optionsholder"] = optionsholder,
		["options"] = options,
		["value"] = value,
		["open"] = false,
		["titles"] = {},
		["current"] = def,
		["callback"] = callback
	}
	--
	table.insert(multibox.library.multiboxes,multibox)
	--
	for i,v in pairs(options) do
		local ddoptionbutton = utility.new(
			"TextButton",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,0,18),
				Text = "",
				ZIndex = 6,
				Parent = optionsoutline
			}
		)
		--
		local ddoptiontitle = utility.new(
			"TextLabel",
			{
				AnchorPoint = Vector2.new(0.5,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,-10,1,0),
				Position = UDim2.new(0.5,0,0,0),
				Font = self.library.font,
				Text = v,
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				TextXAlignment = "Left",
				ClipsDescendants = true,
				ZIndex = 6,
				Parent = ddoptionbutton
			}
		)
		--
		self.library.labels[#self.library.labels+1] = ddoptiontitle
		--
		table.insert(multibox.titles,ddoptiontitle)
		--
		for c,b in pairs(def) do if v == b then ddoptiontitle.TextColor3 = self.library.theme.accent end end
		--
		ddoptionbutton.MouseButton1Down:Connect(function()
			local find = table.find(multibox.current,v)
			if find == nil then
				table.insert(multibox.current,v)
				local str = ""
				if #multibox.current > 1 then
					for i,v in pairs(multibox.current) do
						if i == #multibox.current then
							str = str..v
						else
							str = str..v..", "
						end
					end
				else
					for i,v in pairs(multibox.current) do
						str = str..v
					end
				end
				value.Text = str
				ddoptiontitle.TextColor3 = self.library.theme.accent
				table.insert(self.library.themeitems["accent"]["TextColor3"],ddoptiontitle)
				multibox.callback(multibox.current)
			else
				table.remove(multibox.current,find)
				local str = ""
				if #multibox.current > 1 then
					for i,v in pairs(multibox.current) do
						if i == #multibox.current then
							str = str..v
						else
							str = str..v..", "
						end
					end
				else
					for i,v in pairs(multibox.current) do
						str = str..v
					end
				end
				value.Text = str
				ddoptiontitle.TextColor3 = Color3.fromRGB(255,255,255)
				multibox.callback(multibox.current)
			end
		end)
	end
	--
	dropdownbutton.MouseButton1Down:Connect(function()
		multibox.library:closewindows(multibox)
		for i,v in pairs(multibox.titles) do
			if v.TextColor3 ~= Color3.fromRGB(255,255,255) then
				v.TextColor3 = self.library.theme.accent
			end
		end
		optionsholder.Visible = not multibox.open
		multibox.open = not multibox.open
		if multibox.open then
			indicator.Text = "-"
		else
			indicator.Text = "+"
		end
	end)
	--
	local pointer = props.pointer or props.Pointer or props.pointername or props.Pointername or props.PointerName or props.pointerName or nil
	--
	if pointer then
		if self.pointers then
			self.pointers[tostring(pointer)] = multibox
		end
	end
	--
	self.library.labels[#self.library.labels+1] = value
	self.library.labels[#self.library.labels+1] = title
	-- // metatable indexing + return
	setmetatable(multibox, multiboxs)
	return multibox
end
--
function buttonboxs:set(value)
	if value ~= nil then
		local dropdown = self
		if table.find(dropdown.options,value) then
			self.current = tostring(value)
			self.callback(tostring(value))
		end
	end
end
--
function multiboxs:set(tbl)
	if tbl then
		local multibox = self
		if typeof(tbl) == "table" then
			multibox.current = {}
			for i,v in pairs(tbl) do
				if table.find(multibox.options,v) then
					table.insert(multibox.current,v)
				end
			end
			--
			for i,v in pairs(multibox.titles) do
				if v.TextColor3 == multibox.library.theme.accent then
					v.TextColor3 = Color3.fromRGB(255,255,255)
				end
				if table.find(tbl,v.Text) then
					v.TextColor3 = multibox.library.theme.accent
				end
			end
			--
			local str = ""
			if #multibox.current > 1 then
				for i,v in pairs(multibox.current) do
					if i == #multibox.current then
						str = str..v
					else
						str = str..v..", "
					end
				end
			else
				for i,v in pairs(multibox.current) do
					str = str..v
				end
			end
			--
			multibox.value.Text = str
		end
	end
end
--
function sections:textbox(props)
	-- // properties
	local name = props.name or props.Name or props.page or props.Page or props.pagename or props.Pagename or props.PageName or props.pageName or "new ui"
	local def = props.def or props.Def or props.default or props.Default or ""
	local placeholder = props.placeholder or props.Placeholder or props.placeHolder or props.PlaceHolder or props.placeholdertext or props.PlaceHolderText or props.PlaceHoldertext or props.placeHolderText or props.placeHoldertext or props.Placeholdertext or props.PlaceholderText or props.placeholderText or ""
	local callback = props.callback or props.callBack or props.CallBack or props.Callback or function()end
	-- // variables
	local textbox = {}
	-- // main
	local textboxholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,35),
			ZIndex = 2,
			Parent = self.content
		}
	)
	--
	local outline = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,0,20),
			Position = UDim2.new(0,0,0,15),
			Parent = textboxholder
		}
	)
	--
	local outline2 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Parent = outline
		}
	)
	--
	local color = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(30, 30, 30),
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,1,0),
			Parent = outline2
		}
	)
	--
	local gradient = utility.new(
		"UIGradient",
		{
			Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
			Rotation = 90,
			Parent = color
		}
	)
	--
	local button = utility.new(
		"TextButton",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Text = "",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			Font = self.library.font,
			Parent = textboxholder
		}
	)
	--
	local title = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,15),
			Position = UDim2.new(0,0,0,0),
			Font = self.library.font,
			Text = name,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			Parent = textboxholder
		}
	)
	--
	local tbox = utility.new(
		"TextBox",
		{
			AnchorPoint = Vector2.new(0.5,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,-10,0,20),
			Position = UDim2.new(0.5,0,0,15),
			PlaceholderText = placeholder,
			Text = def,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextTruncate = "AtEnd",
			Font = self.library.font,
			Parent = textboxholder
		}
	)
	-- // textbox tbl
	textbox = {
		["library"] = self.library,
		["tbox"] = tbox,
		["current"] = def,
		["callback"] = callback
	}
	--
	button.MouseButton1Down:Connect(function()
		tbox:CaptureFocus()
	end)
	--
	tbox.Focused:Connect(function()
		outline.BorderColor3 = self.library.theme.accent
		table.insert(self.library.themeitems["accent"]["BorderColor3"],outline)
	end)
	--
	tbox.FocusLost:Connect(function(enterPressed)
		textbox.current = tbox.Text
		callback(tbox.Text)
		outline.BorderColor3 = Color3.fromRGB(12, 12, 12)
		local find = table.find(self.library.themeitems["accent"]["BorderColor3"],outline)
		if find then
			table.remove(self.library.themeitems["accent"]["BorderColor3"],find)
		end
	end)
	--
	local pointer = props.pointer or props.Pointer or props.pointername or props.Pointername or props.PointerName or props.pointerName or nil
	--
	if pointer then
		if self.pointers then
			self.pointers[tostring(pointer)] = textbox
		end
	end
	--
	self.library.labels[#self.library.labels+1] = title
	self.library.labels[#self.library.labels+1] = tbox
	-- // metatable indexing + return
	setmetatable(textbox, textboxs)
	return textbox
end
--
function textboxs:set(value)
	self.tbox.Text = value
	self.current = value
	self.callback(value)
end
--
function sections:keybind(props)
	-- // properties
	local name = props.name or props.Name or props.page or props.Page or props.pagename or props.Pagename or props.PageName or props.pageName or "new ui"
	local def = props.def or props.Def or props.default or props.Default or nil
	local callback = props.callback or props.callBack or props.CallBack or props.Callback or function()end
	local allowed = props.allowed or props.Allowed or 1
	--
	local default = ".."
	local typeis = nil
	--
	if typeof(def) == "EnumItem" then
		if def == Enum.UserInputType.MouseButton1 then
			if allowed == 1 then
				default = "MB1"
				typeis = "UserInputType"
			end
		elseif def == Enum.UserInputType.MouseButton2 then
			if allowed == 1 then
				default = "MB2"
				typeis = "UserInputType"
			end
		elseif def == Enum.UserInputType.MouseButton3 then
			if allowed == 1 then
				default = "MB3"
				typeis = "UserInputType"
			end
		else
			local capd = utility.capatalize(def.Name)
			if #capd > 1 then
				default = capd
			else
				default = def.Name
			end
			typeis = "KeyCode"
		end
	end
	-- // variables
	local keybind = {}
	-- // main
	local keybindholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,17),
			Parent = self.content
		}
	)
	--
	local outline = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(1,0),
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(0,40,1,0),
			Position = UDim2.new(1,0,0,0),
			Parent = keybindholder
		}
	)
	--
	local outline2 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Parent = outline
		}
	)
	--
	local value = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Font = self.library.font,
			Text = default,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Center",
			Parent = outline
		}
	)
	--
	outline.Size = UDim2.new(0,value.TextBounds.X+20,1,0)
	--
	local color = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(30, 30, 30),
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Parent = outline2
		}
	)
	--
	utility.new(
		"UIGradient",
		{
			Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
			Rotation = 90,
			Parent = color
		}
	)
	--
	local button = utility.new(
		"TextButton",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Text = "",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			Font = self.library.font,
			Parent = keybindholder
		}
	)
	--
	local title = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Font = self.library.font,
			Text = name,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			Parent = keybindholder
		}
	)
	-- // keybind tbl
	keybind = {
		["library"] = self.library,
		["down"] = false,
		["outline"] = outline,
		["value"] = value,
		["allowed"] = allowed,
		["current"] = {typeis,utility.splitenum(def)},
		["pressed"] = false,
		["callback"] = callback
	}
	--
	button.MouseButton1Down:Connect(function()
		if keybind.down == false then
			outline.BorderColor3 = self.library.theme.accent
			table.insert(self.library.themeitems["accent"]["BorderColor3"],outline)
			wait()
			keybind.down = true
		end
	end)
	--
	button.MouseButton2Down:Connect(function()
		keybind.down = false
		keybind.current = {nil,nil}
		outline.BorderColor3 = Color3.fromRGB(12, 12, 12)
		local find = table.find(self.library.themeitems["accent"]["BorderColor3"],outline)
		if find then
			table.remove(self.library.themeitems["accent"]["BorderColor3"],find)
		end
		value.Text = ".."
		outline.Size = UDim2.new(0,value.TextBounds.X+20,1,0)
	end)
	--
	local function turn(typeis,current)
		outline.Size = UDim2.new(0,value.TextBounds.X+20,1,0)
		keybind.down = false
		keybind.current = {typeis,utility.splitenum(current)}
		outline.BorderColor3 = Color3.fromRGB(12, 12, 12)
		local find = table.find(self.library.themeitems["accent"]["BorderColor3"],outline)
		if find then
			table.remove(self.library.themeitems["accent"]["BorderColor3"],find)
		end
	end
	--
	uis.InputBegan:Connect(function(Input)
		if keybind.down then
			if Input.UserInputType == Enum.UserInputType.Keyboard then
				local capd = utility.capatalize(Input.KeyCode.Name)
				if #capd > 1 then
					value.Text = capd
				else
					value.Text = Input.KeyCode.Name
				end
				turn("KeyCode",Input.KeyCode)
				callback(Input.KeyCode)
			end
			if allowed == 1 then
				if Input.UserInputType == Enum.UserInputType.MouseButton1 then
					value.Text = "MB1"
					turn("UserInputType",Input)
					callback(Input)
				elseif Input.UserInputType == Enum.UserInputType.MouseButton2 then
					value.Text = "MB2"
					turn("UserInputType",Input)
					callback(Input)
				elseif Input.UserInputType == Enum.UserInputType.MouseButton3 then
					value.Text = "MB3"
					turn("UserInputType",Input)
					callback(Input)
				end
			end
		end
	end)
	--
	local pointer = props.pointer or props.Pointer or props.pointername or props.Pointername or props.PointerName or props.pointerName or nil
	--
	if pointer then
		if self.pointers then
			self.pointers[tostring(pointer)] = keybind
		end
	end
	--
	self.library.labels[#self.library.labels+1] = title
	self.library.labels[#self.library.labels+1] = value
	-- // metatable indexing + return
	setmetatable(keybind, keybinds)
	return keybind
end
--
function keybinds:set(key)
	if key then
		if typeof(key) == "EnumItem" or typeof(key) == "table" then
			if typeof(key) == "table" then
				if key[1] and key[2] then
					key = Enum[key[1]][key[2]]
				else
					return
				end
			end
			local keybind = self
			local typeis = ""
			--
			local default = ".."
			--
			if key == Enum.UserInputType.MouseButton1 then
				if keybind.allowed == 1 then
					default = "MB1"
					typeis = "UserInputType"
				end
			elseif key == Enum.UserInputType.MouseButton2 then
				if keybind.allowed == 1 then
					default = "MB2"
					typeis = "UserInputType"
				end
			elseif key == Enum.UserInputType.MouseButton3 then
				if keybind.allowed == 1 then
					default = "MB3"
					typeis = "UserInputType"
				end
			else
				local capd = utility.capatalize(key.Name)
				if #capd > 1 then
					default = capd
				else
					default = key.Name
				end
				typeis = "KeyCode"
			end
			--
			keybind.value.Text = default
			keybind.current = {typeis,utility.splitenum(key)}
			keybind.callback(keybind.current)
			keybind.outline.Size = UDim2.new(0,keybind.value.TextBounds.X+20,1,0)
			--
			if keybind.down then
				keybind.down = false
				keybind.outline.BorderColor3 = Color3.fromRGB(12, 12, 12)
				local find = table.find(self.library.themeitems["accent"]["BorderColor3"],keybind.outline)
				if find then
					table.remove(self.library.themeitems["accent"]["BorderColor3"],find)
				end
			end
		end
	end
end
--
function sections:colorpicker(props)
	-- // properties
	local name = props.name or props.Name or "new colorpicker"
	local cpname = props.cpname or props.Cpname or props.CPname or props.CPName or props.cPname or props.cpName or props.colorpickername or nil
	local def = props.def or props.Def or props.default or props.Default or Color3.fromRGB(255,255,255)
	local callback = props.callback or props.callBack or props.CallBack or props.Callback or function()end
	--
	local h,s,v = def:ToHSV()
	-- // variables
	local colorpicker = {}
	-- // main
	local colorpickerholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,15),
			ZIndex = 2,
			Parent = self.content
		}
	)
	--
	local outline = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(1,0),
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(0,30,1,0),
			Position = UDim2.new(1,0,0,0),
			Parent = colorpickerholder
		}
	)
	--
	local outline2 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Parent = outline
		}
	)
	--
	local cpcolor = utility.new(
		"Frame",
		{
			BackgroundColor3 = def,
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,1,0),
			Parent = outline2
		}
	)
	--
	utility.new(
		"UIGradient",
		{
			Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
			Rotation = 90,
			Parent = cpcolor
		}
	)
	--
	local title = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Font = self.library.font,
			Text = name,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			Parent = colorpickerholder
		}
	)
	--
	local button = utility.new(
		"TextButton",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Text = "",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			Font = self.library.font,
			Parent = colorpickerholder
		}
	)
	--
	local cpholder = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,0,230),
			Position = UDim2.new(0,0,1,5),
			Visible = false,
			ZIndex = 5,
			Parent = colorpickerholder
		}
	)
	--
	local outline2 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			ZIndex = 5,
			Parent = cpholder
		}
	)
	--
	local color = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(0.5,0),
			BackgroundColor3 = self.library.theme.accent,
			BorderSizePixel = 0,
			Size = UDim2.new(1,-2,0,1),
			Position = UDim2.new(0.5,0,0,0),
			ZIndex = 5,
			Parent = outline2
		}
	)
	--
	table.insert(self.library.themeitems["accent"]["BackgroundColor3"],color)
	--
	local cptitle = utility.new(
		"TextLabel",
		{
			AnchorPoint = Vector2.new(0.5,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,-10,0,20),
			Position = UDim2.new(0.5,0,0,0),
			Font = self.library.font,
			Text = cpname or name,
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Left",
			ZIndex = 5,
			Parent = outline2
		}
	)
	--
	local cpholder2 = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(0.875,0,0,150),
			Position = UDim2.new(0,5,0,20),
			ZIndex = 5,
			Parent = outline2
		}
	)
	--
	local outline3 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromHSV(h,1,1),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			ZIndex = 5,
			Parent = cpholder2
		}
	)
	--
	local cpimage = utility.new(
		"ImageButton",
		{
			AutoButtonColor = false,
			BackgroundTransparency = 1,
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,1,0),
			ZIndex = 5,
			Image = "rbxassetid://7074305282",
			Parent = outline3
		}
	)
	--
	local cpcursor = utility.new(
		"ImageLabel",
		{
			AnchorPoint = Vector2.new(0.5,0.5),
			BackgroundTransparency = 1,
			BorderSizePixel = 0,
			Size = UDim2.new(0,6,0,6),
			Position = UDim2.new(s,0,1-v,0),
			ZIndex = 5,
			Image = "rbxassetid://7074391319",
			Parent = cpimage
		}
	)
	--
	local huepicker = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(1,0),
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(0.05,0,0,150),
			Position = UDim2.new(1,-5,0,20),
			ZIndex = 5,
			Parent = outline2
		}
	)
	--
	local outline4 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(255, 255, 255),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			ZIndex = 5,
			Parent = huepicker
		}
	)
	--
	local huebutton = utility.new(
		"TextButton",
		{
			AnchorPoint = Vector2.new(0,0),
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Text = "",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			Font = self.library.font,
			ZIndex = 5,
			Parent = huepicker
		}
	)
	--
	utility.new(
		"UIGradient",
		{
			Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(255, 0, 4)), ColorSequenceKeypoint.new(0.10, Color3.fromRGB(255, 153, 0)), ColorSequenceKeypoint.new(0.20, Color3.fromRGB(209, 255, 0)), ColorSequenceKeypoint.new(0.30, Color3.fromRGB(55, 255, 0)), ColorSequenceKeypoint.new(0.40, Color3.fromRGB(0, 255, 102)), ColorSequenceKeypoint.new(0.50, Color3.fromRGB(0, 255, 255)), ColorSequenceKeypoint.new(0.60, Color3.fromRGB(0, 102, 255)), ColorSequenceKeypoint.new(0.70, Color3.fromRGB(51, 0, 255)), ColorSequenceKeypoint.new(0.80, Color3.fromRGB(204, 0, 255)), ColorSequenceKeypoint.new(0.90, Color3.fromRGB(255, 0, 153)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 0, 4))},
			Rotation = 90,
			Parent = outline4
		}
	)
	--
	local huecursor = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(0.5,0.5),
			BackgroundColor3 = Color3.fromRGB(255, 255, 255),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(0,12,0,6),
			Position = UDim2.new(0.5,0,h,0),
			ZIndex = 5,
			Parent = outline4
		}
	)
	--
	local huecursor_inline = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromHSV(h,1,1),
			BorderColor3 = Color3.fromRGB(255, 255, 255),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			ZIndex = 5,
			Parent = huecursor
		}
	)
	--
	local function textbox(parent,size,position)
		local textbox_holder = utility.new(
			"Frame",
			{
				BackgroundTransparency = 1,
				BorderSizePixel = 0,
				Position = position,
				Size = size,
				ZIndex = 5,
				Parent = parent
			}
		)
		--
		local outline5 = utility.new(
			"Frame",
			{
				BackgroundColor3 = Color3.fromRGB(24, 24, 24),
				BorderColor3 = Color3.fromRGB(12, 12, 12),
				BorderMode = "Inset",
				BorderSizePixel = 1,
				Position = UDim2.new(0,0,0,0),
				Size = UDim2.new(1,0,1,0),
				ZIndex = 5,
				Parent = textbox_holder
			}
		)
		--
		local outline6 = utility.new(
			"Frame",
			{
				BackgroundColor3 = Color3.fromRGB(24, 24, 24),
				BorderColor3 = Color3.fromRGB(56, 56, 56),
				BorderMode = "Inset",
				BorderSizePixel = 1,
				Position = UDim2.new(0,0,0,0),
				Size = UDim2.new(1,0,1,0),
				ZIndex = 5,
				Parent = outline5
			}
		)
		--
		local color2 = utility.new(
			"Frame",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundColor3 = Color3.fromRGB(30, 30, 30),
				BorderSizePixel = 0,
				Size = UDim2.new(1,0,0,0),
				Position = UDim2.new(0,0,0,0),
				ZIndex = 5,
				Parent = outline6
			}
		)
		--
		utility.new(
			"UIGradient",
			{
				Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
				Rotation = 90,
				Parent = color2
			}
		)
		--
		local tbox = utility.new(
			"TextBox",
			{
				AnchorPoint = Vector2.new(0.5,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,1,0),
				Position = UDim2.new(0.5,0,0,0),
				PlaceholderColor3 = Color3.fromRGB(255,255,255),
				PlaceholderText = "",
				Text = "",
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				Font = self.library.font,
				ZIndex = 5,
				Parent = textbox_holder
			}
		)
		--
		local tbox_button = utility.new(
			"TextButton",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,1,0),
				Position = UDim2.new(0,0,0,0),
				Text = "",
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				Font = self.library.font,
				ZIndex = 5,
				Parent = textbox_holder
			}
		)
		--
		tbox_button.MouseButton1Down:Connect(function()
			tbox:CaptureFocus()
		end)
		--
		return {textbox_holder,tbox,outline5}
	end
	--
	local red = textbox(outline2,UDim2.new(0,62,0,20),UDim2.new(0,5,0,175))
	local green = textbox(outline2,UDim2.new(0,62,0,20),UDim2.new(0,5,0,175))
	green[1].AnchorPoint = Vector2.new(0.5,0)
	green[1].Position = UDim2.new(0.5,0,0,175)
	local blue = textbox(outline2,UDim2.new(0,62,0,20),UDim2.new(0,5,0,175))
	blue[1].AnchorPoint = Vector2.new(1,0)
	blue[1].Position = UDim2.new(1,-5,0,175)
	local hex = textbox(outline2,UDim2.new(1,-10,0,20),UDim2.new(0,5,0,200))
	hex[2].Size = UDim2.new(1,-12,1,0)
	hex[2].TextXAlignment = "Left"
	-- // colorpicker tbl
	colorpicker = {
		["library"] = self.library,
		["cpholder"] = cpholder,
		["cpcolor"] = cpcolor,
		["huecursor"] = huecursor,
		["outline3"] = outline3,
		["huecursor_inline"] = huecursor_inline,
		["cpcursor"] = cpcursor,
		["current"] = def,
		["open"] = false,
		["cp"] = false,
		["hue"] = false,
		["hsv"] = {h,s,v},
		["red"] = red[2],
		["green"] = green[2],
		["blue"] = blue[2],
		["hex"] = hex[2],
		["callback"] = callback
	}
	--
	table.insert(self.library.colorpickers,colorpicker)
	--
	local function updateboxes()
		colorpicker.red.PlaceholderText = "R: "..tostring(math.floor(colorpicker.current.R*255))
		colorpicker.green.PlaceholderText = "G: "..tostring(math.floor(colorpicker.current.G*255))
		colorpicker.blue.PlaceholderText = "B: "..tostring(math.floor(colorpicker.current.B*255))
		colorpicker.hex.PlaceholderText = "Hex: "..utility.to_hex(colorpicker.current)
	end
	--
	updateboxes()
	--
	local function movehue()
		local posy = math.clamp(plr:GetMouse().Y-outline3.AbsolutePosition.Y,0,outline3.AbsoluteSize.Y)
		local resy = (1/outline3.AbsoluteSize.Y)*posy
		outline3.BackgroundColor3 = Color3.fromHSV(resy,1,1)
		huecursor_inline.BackgroundColor3 = Color3.fromHSV(resy,1,1)
		colorpicker.hsv[1] = resy
		colorpicker.current = Color3.fromHSV(colorpicker.hsv[1],colorpicker.hsv[2],colorpicker.hsv[3])
		cpcolor.BackgroundColor3 = colorpicker.current
		updateboxes()
		colorpicker.callback(colorpicker.current)
		huecursor:TweenPosition(UDim2.new(0.5,0,resy,0),Enum.EasingDirection.Out,Enum.EasingStyle.Quad,0.15,true)
	end
	--
	local function movecp()
		local posx,posy = math.clamp(plr:GetMouse().X-outline3.AbsolutePosition.X,0,outline3.AbsoluteSize.X),math.clamp(plr:GetMouse().Y-outline3.AbsolutePosition.Y,0,outline3.AbsoluteSize.Y)
		local resx,resy = (1/outline3.AbsoluteSize.X)*posx,(1/outline3.AbsoluteSize.Y)*posy
		colorpicker.hsv[2] = resx
		colorpicker.hsv[3] = 1-resy
		colorpicker.current = Color3.fromHSV(colorpicker.hsv[1],colorpicker.hsv[2],colorpicker.hsv[3])
		cpcolor.BackgroundColor3 = colorpicker.current
		updateboxes()
		colorpicker.callback(colorpicker.current)
		cpcursor:TweenPosition(UDim2.new(resx,0,resy,0),Enum.EasingDirection.Out,Enum.EasingStyle.Quad,0.15,true)
	end
	--
	button.MouseButton1Down:Connect(function()
		self.library:closewindows(colorpicker)
		cpholder.Visible = not colorpicker.open
		colorpicker.open = not colorpicker.open
	end)
	--
	huebutton.MouseButton1Down:Connect(function()
		colorpicker.hue = true
		movehue()
	end)
	--
	cpimage.MouseButton1Down:Connect(function()
		colorpicker.cp = true
		movecp()
	end)
	--
	uis.InputChanged:Connect(function()
		if colorpicker.cp then
			movecp()
		end
		if colorpicker.hue then
			movehue()
		end
	end)
	--
	uis.InputEnded:Connect(function(Input)
		if Input.UserInputType.Name == 'MouseButton1'  then
			if colorpicker.cp then
				colorpicker.cp = false
			end
			if colorpicker.hue then
				colorpicker.hue = false
			end
		end
	end)
	--
	red[2].Focused:Connect(function()
		red[3].BorderColor3 = self.library.theme.accent
	end)
	--
	red[2].FocusLost:Connect(function()
		local saved = red[2].Text
		local num = tonumber(saved)
		if num then
			saved = tostring(math.clamp(tonumber(saved),0,255))
			red[2].Text = ""
			if saved then
				if #saved >= 1 and #saved <= 3 then
					red[2].PlaceholderText = "R: "..tostring(saved)
				end
				colorpicker:set(Color3.fromRGB(tonumber(saved),colorpicker.current.G*255,colorpicker.current.B*255))
				red[3].BorderColor3 = Color3.fromRGB(12,12,12)
			else
				red[3].BorderColor3 = Color3.fromRGB(12,12,12)
			end
		else
			red[2].Text = ""
			red[3].BorderColor3 = Color3.fromRGB(12,12,12)
		end
	end)
	--
	green[2].Focused:Connect(function()
		green[3].BorderColor3 = self.library.theme.accent
	end)
	--
	green[2].FocusLost:Connect(function()
		local saved = green[2].Text
		local num = tonumber(saved)
		if num then
			saved = tostring(math.clamp(tonumber(saved),0,255))
			green[2].Text = ""
			if saved then
				if #saved >= 1 and #saved <= 3 then
					green[2].PlaceholderText = "G: "..tostring(saved)
				end
				colorpicker:set(Color3.fromRGB(colorpicker.current.R*255,tonumber(saved),colorpicker.current.B*255))
				green[3].BorderColor3 = Color3.fromRGB(12,12,12)
			else
				green[3].BorderColor3 = Color3.fromRGB(12,12,12)
			end
		else
			green[2].Text = ""
			green[3].BorderColor3 = Color3.fromRGB(12,12,12)
		end
	end)
	--
	blue[2].Focused:Connect(function()
		blue[3].BorderColor3 = self.library.theme.accent
	end)
	--
	blue[2].FocusLost:Connect(function()
		local saved = blue[2].Text
		local num = tonumber(saved)
		if num then
			saved = tostring(math.clamp(tonumber(saved),0,255))
			blue[2].Text = ""
			if saved then
				if #saved >= 1 and #saved <= 3 then
					blue[2].PlaceholderText = "B: "..tostring(saved)
				end
				colorpicker:set(Color3.fromRGB(colorpicker.current.R*255,colorpicker.current.G*255,tonumber(saved)))
				blue[3].BorderColor3 = Color3.fromRGB(12,12,12)
			else
				blue[3].BorderColor3 = Color3.fromRGB(12,12,12)
			end
		else
			blue[2].Text = ""
			blue[3].BorderColor3 = Color3.fromRGB(12,12,12)
		end
	end)
	--
	hex[2].Focused:Connect(function()
		hex[3].BorderColor3 = self.library.theme.accent
	end)
	--
	hex[2].FocusLost:Connect(function()
		local saved = hex[2].Text
		if #saved >= 6 and #saved <= 7 then
			local e,s = pcall(function()
				utility.from_hex(saved)
			end)
			if e == true then
				local hexcolor = utility.from_hex(saved)
				if hexcolor then
					colorpicker:set(hexcolor)
					hex[2].Text = ""
					hex[3].BorderColor3 = Color3.fromRGB(12,12,12)
				else
					hex[2].Text = ""
					hex[3].BorderColor3 = Color3.fromRGB(12,12,12)
				end
			else
				hex[2].Text = ""
				hex[3].BorderColor3 = Color3.fromRGB(12,12,12)
			end
		else
			hex[2].Text = ""
			hex[3].BorderColor3 = Color3.fromRGB(12,12,12)
		end
	end)
	--
	local pointer = props.pointer or props.Pointer or props.pointername or props.Pointername or props.PointerName or props.pointerName or nil
	--
	if pointer then
		if self.pointers then
			self.pointers[tostring(pointer)] = colorpicker
		end
	end
	--
	self.library.labels[#self.library.labels+1] = title
	self.library.labels[#self.library.labels+1] = hex[2]
	self.library.labels[#self.library.labels+1] = red[2]
	self.library.labels[#self.library.labels+1] = green[2]
	self.library.labels[#self.library.labels+1] = blue[2]
	self.library.labels[#self.library.labels+1] = cptitle
	-- // metatable indexing + return
	setmetatable(colorpicker, colorpickers)
	return colorpicker
end
--
function colorpickers:set(color)
	if color then
		if typeof(color) == "table" then
			color = Color3.fromRGB(color[1]*255,color[2]*255,color[3]*255)
		end
		local colorpicker = self
		local h,s,v = color:ToHSV()
		--
		local function updateboxes()
			colorpicker.red.PlaceholderText = "R: "..tostring(math.floor(colorpicker.current.R*255))
			colorpicker.green.PlaceholderText = "G: "..tostring(math.floor(colorpicker.current.G*255))
			colorpicker.blue.PlaceholderText = "B: "..tostring(math.floor(colorpicker.current.B*255))
			colorpicker.hex.PlaceholderText = "Hex: "..utility.to_hex(colorpicker.current)
		end
		--
		local function movehue()
			colorpicker.outline3.BackgroundColor3 = Color3.fromHSV(h,1,1)
			colorpicker.huecursor_inline.BackgroundColor3 = Color3.fromHSV(h,1,1)
			colorpicker.hsv[1] = h
			colorpicker.current = Color3.fromHSV(colorpicker.hsv[1],colorpicker.hsv[2],colorpicker.hsv[3])
			colorpicker.cpcolor.BackgroundColor3 = colorpicker.current
			colorpicker.huecursor:TweenPosition(UDim2.new(0.5,0,h,0),Enum.EasingDirection.Out,Enum.EasingStyle.Quad,0.15,true)
		end
		--
		local function movecp()
			colorpicker.hsv[2] = s
			colorpicker.hsv[3] = v
			colorpicker.current = Color3.fromHSV(colorpicker.hsv[1],colorpicker.hsv[2],colorpicker.hsv[3])
			colorpicker.cpcolor.BackgroundColor3 = colorpicker.current
			colorpicker.cpcursor:TweenPosition(UDim2.new(s,0,1-v,0),Enum.EasingDirection.Out,Enum.EasingStyle.Quad,0.15,true)
		end
		--
		movehue()
		movecp()
		updateboxes()
		colorpicker.callback(colorpicker.current)
	end
end
--
function sections:configloader(props)
	-- // properties
	local folder = props.folder or props.Folder
	-- // variables
	local configloader = {}
	-- // main
	local clholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,222),
			Parent = self.content
		}
	)
	--
	local outline = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Parent = clholder
		}
	)
	--
	local outline2 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Parent = outline
		}
	)
	--
	local title = utility.new(
		"TextLabel",
		{
			BackgroundTransparency = 1,
			Size = UDim2.new(1,0,0,15),
			Position = UDim2.new(0,0,0,3),
			Font = self.library.font,
			Text = "configs",
			TextColor3 = Color3.fromRGB(255,255,255),
			TextSize = self.library.textsize,
			TextStrokeTransparency = 0,
			TextXAlignment = "Center",
			Parent = outline
		}
	)
	--
	self.library.labels[#self.library.labels+1] = title
	--
	local color = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(0.5,0),
			BackgroundColor3 = self.library.theme.accent,
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,-6,0,1),
			Position = UDim2.new(0.5,0,0,19),
			Parent = outline
		}
	)
	--
	table.insert(self.library.themeitems["accent"]["BackgroundColor3"],color)
	--
	local buttonsholder = utility.new(
		"Frame",
		{
			BackgroundTransparency = 1,
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,0,64),
			Position = UDim2.new(0,0,0,150),
			Parent = outline
		}
	)
	--
	local configsholder = utility.new(
		"Frame",
		{
			AnchorPoint = Vector2.new(0.5,0),
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(12, 12, 12),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,-10,0,120),
			Position = UDim2.new(0.5,0,0,25),
			Parent = outline
		}
	)
	--
	local outline3 = utility.new(
		"Frame",
		{
			BackgroundColor3 = Color3.fromRGB(24, 24, 24),
			BorderColor3 = Color3.fromRGB(56, 56, 56),
			BorderMode = "Inset",
			BorderSizePixel = 1,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			Parent = configsholder
		}
	)
	--
	local outline4 = utility.new(
		"ScrollingFrame",
		{
			BackgroundColor3 = Color3.fromRGB(56, 56, 56),
			BackgroundTransparency = 1,
			BorderSizePixel = 0,
			Size = UDim2.new(1,0,1,0),
			Position = UDim2.new(0,0,0,0),
			ClipsDescendants = true,
			AutomaticCanvasSize = "Y",
			CanvasSize = UDim2.new(0,0,0,0),
			ScrollBarImageTransparency = 0.25,
			ScrollBarImageColor3 = Color3.fromRGB(0,0,0),
			ScrollBarThickness = 5,
			VerticalScrollBarInset = "ScrollBar",
			VerticalScrollBarPosition = "Right",
			Parent = outline3
		}
	)
	--
	utility.new(
		"UIListLayout",
		{
			FillDirection = "Vertical",
			Padding = UDim.new(0,0),
			Parent = outline4
		}
	)
	--
	local createdbuttons = {}
	local selected
	--
	local makebutton = function(name,toggled)
		local createdbutton = utility.new(
			"TextButton",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,0,18),
				Position = UDim2.new(0,0,0,0),
				Text = "",
				Parent = outline4
			}
		)
		--
		local grey = utility.new(
			"Frame",
			{
				AnchorPoint = Vector2.new(0.5,0),
				BackgroundColor3 = Color3.fromRGB(125, 125, 125),
				BackgroundTransparency = 0.9,
				BorderSizePixel = 0,
				Size = UDim2.new(1,-4,1,0),
				Position = UDim2.new(0.5,0,0,0),
				Visible = false,
				Parent = createdbutton
			}
		)
		--
		local createdtitle = utility.new(
			"TextLabel",
			{
				AnchorPoint = Vector2.new(0.5,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,-10,1,0),
				Position = UDim2.new(0.5,0,0,0),
				Font = self.library.font,	
				Text = name,
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				TextXAlignment = "Left",
				Parent = createdbutton
			}
		)
		--
		self.library.labels[#self.library.labels+1] = createdtitle
		--
		local createdb = {
			["button"] = createdbutton,
			["grey"] = grey,
			["title"] = createdtitle,
			["name"] = name
		}
		--
		table.insert(createdbuttons,createdb)
		--
		if toggled then
			createdb.grey.Visible = true
			createdb.title.TextColor3 = self.library.theme.accent
			table.insert(self.library.themeitems["accent"]["TextColor3"],createdb.title)
			selected = createdb
		end
		--
		createdbutton.MouseButton1Down:Connect(function()
			for i,v in pairs(createdbuttons) do
				if v ~= createdb then
					v.grey.Visible = false
					v.title.TextColor3 = Color3.fromRGB(255,255,255)
					local find = table.find(self.library.themeitems["accent"]["TextColor3"],v.title)
					if find then
						table.remove(self.library.themeitems["accent"]["TextColor3"],find)
					end
				end
			end
			--
			createdb.grey.Visible = true
			createdb.title.TextColor3 = self.library.theme.accent
			table.insert(self.library.themeitems["accent"]["TextColor3"],createdb.title)
			selected = createdb
		end)
	end
	--
	local newbutton = function(parent,name)
		local button_holder = utility.new(
			"Frame",
			{
				BackgroundTransparency = 1,
				BorderSizePixel = 0,
				ZIndex = 5,
				Parent = parent
			}
		)
		--
		local button_outline = utility.new(
			"Frame",
			{
				BackgroundColor3 = Color3.fromRGB(24, 24, 24),
				BorderColor3 = Color3.fromRGB(12, 12, 12),
				BorderMode = "Inset",
				BorderSizePixel = 1,
				Position = UDim2.new(0,0,0,0),
				Size = UDim2.new(1,0,1,0),
				ZIndex = 5,
				Parent = button_holder
			}
		)
		--
		local button_outline2 = utility.new(
			"Frame",
			{
				BackgroundColor3 = Color3.fromRGB(24, 24, 24),
				BorderColor3 = Color3.fromRGB(56, 56, 56),
				BorderMode = "Inset",
				BorderSizePixel = 1,
				Position = UDim2.new(0,0,0,0),
				Size = UDim2.new(1,0,1,0),
				ZIndex = 5,
				Parent = button_outline
			}
		)
		--
		local button_color = utility.new(
			"Frame",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundColor3 = Color3.fromRGB(30, 30, 30),
				BorderSizePixel = 0,
				Size = UDim2.new(1,0,0,0),
				Position = UDim2.new(0,0,0,0),
				ZIndex = 5,
				Parent = button_outline2
			}
		)
		--
		utility.new(
			"UIGradient",
			{
				Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
				Rotation = 90,
				Parent = button_color
			}
		)
		--
		local button_button = utility.new(
			"TextButton",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,1,0),
				Position = UDim2.new(0,0,0,0),
				Text = name,
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				Font = self.library.font,
				ZIndex = 5,
				Parent = button_holder
			}
		)
		--
		self.library.labels[#self.library.labels+1] = button_button
		--
		return {button_holder,button_outline,button_button}
	end
	--
	local function textbox(parent)
		local textbox_holder = utility.new(
			"Frame",
			{
				BackgroundTransparency = 1,
				BorderSizePixel = 0,
				ZIndex = 5,
				Parent = parent
			}
		)
		--
		local outline5 = utility.new(
			"Frame",
			{
				BackgroundColor3 = Color3.fromRGB(24, 24, 24),
				BorderColor3 = Color3.fromRGB(12, 12, 12),
				BorderMode = "Inset",
				BorderSizePixel = 1,
				Position = UDim2.new(0,0,0,0),
				Size = UDim2.new(1,0,1,0),
				ZIndex = 5,
				Parent = textbox_holder
			}
		)
		--
		local outline6 = utility.new(
			"Frame",
			{
				BackgroundColor3 = Color3.fromRGB(24, 24, 24),
				BorderColor3 = Color3.fromRGB(56, 56, 56),
				BorderMode = "Inset",
				BorderSizePixel = 1,
				Position = UDim2.new(0,0,0,0),
				Size = UDim2.new(1,0,1,0),
				ZIndex = 5,
				Parent = outline5
			}
		)
		--
		local color2 = utility.new(
			"Frame",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundColor3 = Color3.fromRGB(30, 30, 30),
				BorderSizePixel = 0,
				Size = UDim2.new(1,0,0,0),
				Position = UDim2.new(0,0,0,0),
				ZIndex = 5,
				Parent = outline6
			}
		)
		--
		utility.new(
			"UIGradient",
			{
				Color = ColorSequence.new{ColorSequenceKeypoint.new(0.00, Color3.fromRGB(199, 191, 204)), ColorSequenceKeypoint.new(1.00, Color3.fromRGB(255, 255, 255))},
				Rotation = 90,
				Parent = color2
			}
		)
		--
		local tbox = utility.new(
			"TextBox",
			{
				AnchorPoint = Vector2.new(0.5,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,1,0),
				Position = UDim2.new(0.5,0,0,0),
				PlaceholderColor3 = Color3.fromRGB(178, 178, 178),
				PlaceholderText = "",
				Text = "",
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				Font = self.library.font,
				ZIndex = 5,
				Parent = textbox_holder
			}
		)
		--
		local tbox_button = utility.new(
			"TextButton",
			{
				AnchorPoint = Vector2.new(0,0),
				BackgroundTransparency = 1,
				Size = UDim2.new(1,0,1,0),
				Position = UDim2.new(0,0,0,0),
				Text = "",
				TextColor3 = Color3.fromRGB(255,255,255),
				TextSize = self.library.textsize,
				TextStrokeTransparency = 0,
				Font = self.library.font,
				ZIndex = 5,
				Parent = textbox_holder
			}
		)
		--
		tbox_button.MouseButton1Down:Connect(function()
			tbox:CaptureFocus()
		end)
		--
		return {textbox_holder,tbox,outline5}
	end
	--
	local refresh = function()
		for i,v in pairs(createdbuttons) do
			v.button:Remove()
			v.grey:Remove()
			v.title:Remove()
		end
		createdbuttons = {}
		for i,v in pairs(listfiles(folder)) do
			if v:sub(-4) == ".cfg" then
				if i == 1 then 
					makebutton(v:sub(#tostring(folder)+2, -5),true)
				else
					makebutton(v:sub(#tostring(folder)+2, -5),false)
				end
			end
		end
	end
	--
	refresh()
	--
	local name = textbox(buttonsholder)
	local load = newbutton(buttonsholder,"Load")
	local delete = newbutton(buttonsholder,"Delete")
	local save = newbutton(buttonsholder,"Save")
	local create = newbutton(buttonsholder,"Create")
	--
	name[1].Size = UDim2.new(1,-10,0,20)
	load[1].Size = UDim2.new(0.5,-6,0,20)
	delete[1].Size = UDim2.new(0.5,-6,0,20)
	save[1].Size = UDim2.new(0.5,-6,0,20)
	create[1].Size = UDim2.new(0.5,-6,0,20)
	--
	name[1].Position = UDim2.new(0.5,0,0,0)
	name[1].AnchorPoint = Vector2.new(0.5,0)
	--
	load[1].Position = UDim2.new(0,5,0,22)
	load[1].AnchorPoint = Vector2.new(0,0)
	--
	delete[1].Position = UDim2.new(1,-5,0,22)
	delete[1].AnchorPoint = Vector2.new(1,0)
	--
	save[1].Position = UDim2.new(0,5,0,44)
	save[1].AnchorPoint = Vector2.new(0,0)
	--
	create[1].Position = UDim2.new(1,-5,0,44)
	create[1].AnchorPoint = Vector2.new(1,0)
	--
	name[2].PlaceholderText = "Name"
	--
	local currentname = nil
	--
	name[2].Focused:Connect(function()
		name[3].BorderColor3 = self.library.theme.accent
	end)
	--
	name[2].FocusLost:Connect(function()
		local saved = name[2].Text
		if #saved >= 3 and #saved <= 15 then
			currentname = saved
		else
			name[2].Text = ""
			currentname = nil
		end
		name[3].BorderColor3 = Color3.fromRGB(12,12,12)
	end)
	--
	load[3].MouseButton1Down:Connect(function()
		self.library:loadconfig(folder..selected.name..".cfg")
		load[2].BorderColor3 = self.library.theme.accent
		wait(0.05)
		load[2].BorderColor3 = Color3.fromRGB(12,12,12)
	end)
	--
	delete[3].MouseButton1Down:Connect(function()
		delfile(folder..selected.name..".cfg")
		delete[2].BorderColor3 = self.library.theme.accent
		wait(0.05)
		delete[2].BorderColor3 = Color3.fromRGB(12,12,12)
		wait()
		refresh()
	end)
	--
	save[3].MouseButton1Down:Connect(function()
		writefile(folder..selected.name..".cfg", self.library:saveconfig())
		save[2].BorderColor3 = self.library.theme.accent
		wait(0.05)
		save[2].BorderColor3 = Color3.fromRGB(12,12,12)
		wait()
		refresh()
	end)
	--
	create[3].MouseButton1Down:Connect(function()
		writefile(folder..currentname..".cfg", self.library:saveconfig())
		create[2].BorderColor3 = self.library.theme.accent
		wait(0.05)
		create[2].BorderColor3 = Color3.fromRGB(12,12,12)
		wait()
		refresh()
	end)
	-- // button tbl
	configloader = {
		["library"] = self.library
	}
	-- // metatable indexing + return
	setmetatable(configloader, configloaders)
	return configloader 
end
return library