-- [[ Rscripts Risk Notice ]]
-- This script is not verified by rscripts.net. Deal with caution.
--
-- Stay safe:
--   • Never log in on unofficial Roblox sites or lookalike domains.
--   • Real Roblox links use roblox.com (check the .com ending).
--   • Treat fake Roblox login / "claim reward" pages as phishing.
-- [[ End Rscripts Risk Notice ]]

local sourceUrl = "https://raw.githubusercontent.com/ypkayla/Kicia_UI_remake/refs/heads/main/UI_Library.lua"

-- FIX: provide a ConfigManager stub so the library's reload routine
-- doesn't crash with "attempt to index nil with 'Reloaded'".
local env = (getgenv and getgenv()) or _G
env.ConfigManager = env.ConfigManager or {
	Reloaded = function() end,
}

local compile = assert(loadstring, "This example requires an environment with loadstring")
local chunk = assert(compile(game:HttpGet(sourceUrl)), "Failed to compile UI_Library.lua")
local uiResult = chunk()
local ui
if type(uiResult) == "function" then
	ui = uiResult()
elseif type(uiResult) == "table" then
	ui = uiResult
else
	error("UI_Library.lua must return its initializer or initialized API; got " .. type(uiResult), 0)
end
assert(type(ui.DefaultLogo) == "string" and ui.DefaultLogo ~= "",
	"The published UI_Library.lua is outdated. Publish the updated library with Lucide icons and the embedded GHP logo.")

local environment = (getgenv and getgenv()) or _G

local previous = environment.GhpUiLibraryExample
if previous ~= nil then
	previous:Destroy()
end

local menu = ui.CreateMenu({
	Title = "Standalone UI Library Example",
	Icon = ui.DefaultLogo,
	IconSize = Vector2.new(48, 48),
	WatermarkIcon = ui.DefaultLogo,
	WatermarkIconSize = Vector2.new(30, 30),
	Directory = "GHP_scripts/rivals/ui-library-example",
})
environment.GhpUiLibraryExample = menu

local mainTab = menu:AddTab({
	Label = "Controls",
	Description = "Demonstration of the available control types.",
	Icon = "lucide:house",
})
local grid = mainTab:Grid({ Columns = 2 })
local left = grid:AddSection({ Title = "Basic controls", Side = "left" })
local right = grid:AddSection({ Title = "Selection and display", Side = "right" })

local enabledToggle = left:AddToggle({
	Label = "Example toggle",
	Tooltip = "Toggle changes are reported in the output.",
	Default = false,
	OnChanged = function(value)
		print("Example toggle:", value)
	end,
})

left:AddSlider({
	Label = "Example slider",
	Min = 0,
	Max = 100,
	Step = 5,
	Default = 35,
	Suffix = "%",
	OnChanged = function(value)
		print("Example slider:", value)
	end,
})

left:AddRangeSlider({
	Label = "Example range",
	Min = 0,
	Max = 100,
	Step = 1,
	Default = { Min = 20, Max = 75 },
	OnChanged = function(value)
		print("Example range:", value.Min, value.Max)
	end,
})

left:AddTextBox({
	Label = "Example text box",
	Placeholder = "Type here",
	Default = "",
	MaxLength = 220,
	InputWidth = 180,
	FocusLostOnly = true,
	OnChanged = function(value)
		print("Example text:", value)
	end,
})

left:AddButton({
	Label = "Open example dialog",
	OnClick = function()
		menu:Dialog({
			Title = "Example dialog",
			Description = "Dialogs can host pages and actions.",
		}, function(dialog)
			dialog:AddPage({
				Title = "Dialog page",
				Description = "This page is built inside the modal.",
				Glyph = "?",
			}, function(container)
				container:AddLabel({ Label = "Dialog page content" })
			end)
		end)
	end,
})

left:AddButton({
	Label = "Show notification",
	OnClick = function()
		ui.GetNotifications():Notify("This is a GHP UI Library notification.", {
			Lifetime = 4,
			Intent = "success",
		})
	end,
})

left:AddLabel({
	Label = "Example label",
	TextColor = Color3.fromRGB(190, 200, 220),
	TextSize = 14,
})
left:AddDivider({ Label = "Divider example" })

right:AddDropdown({
	Label = "Single selection",
	Options = { "Alpha", "Bravo", "Charlie" },
	Default = "Bravo",
	Search = true,
	OnChanged = function(value)
		print("Selected:", value)
	end,
})

right:AddMultiDropdown({
	Label = "Multiple selection",
	Options = { "Red", "Green", "Blue" },
	Default = { "Red", "Blue" },
	OnChanged = function(values)
		print("Selected colors:", values)
	end,
})

right:AddList({
	Label = "Single-select list",
	Options = { "One", "Two", "Three" },
	Height = 100,
	Search = true,
	SelectFirst = true,
	OnChanged = function(value)
		print("List selection:", value)
	end,
})

right:AddMultiList({
	Label = "Multi-select list",
	Options = { "North", "South", "East", "West" },
	Height = 110,
	OnChanged = function(values)
		print("List selections:", values)
	end,
})

left:AddColor({
	Label = "Color picker",
	Default = {
		Rgb = Color3.fromRGB(70, 160, 255),
		Alpha = 1,
		Stops = {
			{ Time = 0, Value = Color3.fromRGB(70, 160, 255) },
			{ Time = 1, Value = Color3.fromRGB(220, 90, 170) },
		},
	},
	Alpha = true,
	Gradient = "editable",
	Animatable = true,
	OnChanged = function(value)
		print("Color changed:", value.Rgb, value.Alpha)
	end,
})

local keybind = left:AddKeybind({
	Label = "Example keybind",
	InKeybindList = true,
	OnChanged = function(value)
		print("Keybind changed:", value.Key, value.Mode)
	end,
})
keybind:SetFeatureEnabled(enabledToggle.Value)
keybind:Connect(enabledToggle.ValueChanged, function(value)
	keybind:SetFeatureEnabled(value)
end)
keybind:Connect(keybind.ActiveChanged, function(active)
	print("Keybind active:", active)
end)

right:AddIconStrip({
	Label = "Icon choices",
	Options = {
		{ Name = "One", Icon = "lucide:house" },
		{ Name = "Two", Icon = "lucide:settings" },
	},
	Default = "One",
	OnChanged = function(value)
		print("Icon choice:", value)
	end,
})

right:AddOrderedList({
	Label = "Reorder these items",
	Items = { "First", "Second", "Third" },
	Default = { "Second", "First", "Third" },
	OnChanged = function(order)
		print("New order:", order)
	end,
})

local model = Instance.new("Model")
local part = Instance.new("Part")
part.Name = "PreviewPart"
part.Anchored = true
part.CanCollide = false
part.Size = Vector3.new(2, 2, 2)
part.Color = Color3.fromRGB(70, 160, 255)
part.Parent = model
model.PrimaryPart = part

local viewport = right:AddViewport({
	Label = "3D model preview",
	Height = 170,
	AutoRotate = true,
})
viewport:SetModel(model)
model:Destroy()

right:AddSkinChanger({
	Label = "Skin browser example",
	Items = {
		{
			Name = "Example skin",
			Title = "Example skin",
			Image = ui.DefaultLogo,
			PreviewColor = Color3.fromRGB(28, 34, 48),
		},
	},
	Height = 160,
	HeightMode = "Fixed",
	State = "Ready",
	OnChanged = function(name)
		print("Selected skin:", name)
	end,
})

local conditionalGroup = left:AddGroup({
	Title = "Shown while the toggle is on",
	Source = enabledToggle,
})
conditionalGroup:AddToggle({
	Label = "Grouped toggle",
	Default = true,
})

local paneA, paneB = grid:AddMultiSection({
	Titles = { "Pane A", "Pane B" },
	Side = "full",
})
paneA:AddLabel({ Label = "First multi-section pane" })
paneB:AddLabel({ Label = "Second multi-section pane" })

local pageTab = menu:AddTab({
	Label = "Nested pages",
	Description = "Tabs can also contain sub-pages instead of a grid.",
})
local subpage = pageTab:AddTab({
	Label = "Subpage",
	Description = "A page nested below the top-level tab.",
})
subpage:Header({ Title = "Nested page header" }):AddLabel({
	Label = "Header sections can hold controls.",
})
subpage:Grid({ Columns = 1 }):AddSection({
	Title = "Nested-page section",
	Side = "full",
}):AddLabel({
	Label = "Content in a nested tab page",
})

local gear = left:AddGear({
	Row = enabledToggle.Row,
	Tooltip = "Open the gear details page",
})
gear:AddLabel({
	Label = "Advanced details",
})
gear:AddToggle({
	Label = "Advanced option",
	Default = true,
	OnChanged = function(value)
		print("Advanced option:", value)
	end,
})

local settingsTab = menu:AddSettingsTab()
assert(settingsTab ~= nil)

menu:RegisterMobileToggleButton("ui-example-action", "Example action", function(active)
	print("Mobile action active:", active)
end)

menu:SetTitle("Standalone UI Library Example")
menu:SetAccent(Color3.fromRGB(70, 160, 255))
menu:SetWatermarkUsername("UI Example")
menu:SetWatermarkEnabled(true)
menu:SetKeybindListEnabled(true)

left:AddButton({
	Label = "Destroy demo menu",
	Confirm = true,
	OnClick = function()
		menu:Destroy()
		if environment.GhpUiLibraryExample == menu then
			environment.GhpUiLibraryExample = nil
		end
	end,
})

menu:SetVisible(true, true)