Restructure samples

samples/Samples.storybook.lua

@@ -0,0 +1,6 @@
+return {
+	name = "OnyxUI Samples",
+	storyRoots = {
+		script.Parent,
+	},
+}

src/Examples/SettingToggle.lua → samples/SettingsMenu/SettingToggle.lua

@@ -1,4 +1,4 @@
-local OnyxUI = script.Parent.Parent
+local OnyxUI = script.Parent.Parent.Parent.OnyxUI.Packages.OnyxUI
 local Themer = require(OnyxUI.Themer)
 local Fusion = require(OnyxUI.Packages.Fusion)
 local Util = require(OnyxUI.Util)

samples/SettingsMenu/SettingsMenu.story.lua

@@ -0,0 +1,33 @@
+local OnyxUI = script.Parent.Parent.Parent.OnyxUI.Packages.OnyxUI
+local Fusion = require(OnyxUI.Packages.Fusion)
+local Themer = require(OnyxUI.Themer)
+
+local Children = Fusion.Children
+local Scoped = Fusion.scoped
+
+local Frame = require(OnyxUI.Components.Frame)
+local SettingsMenu = require(script.Parent)
+local Components = {
+	Frame = Frame,
+	SettingsMenu = SettingsMenu,
+}
+
+return function(Parent: GuiObject)
+	local Scope: Fusion.Scope<typeof(Fusion) & typeof(Components)> = Scoped(Fusion, Components)
+	local Theme: Themer.ThemeObject = Themer.Theme:now()
+
+	Scope:Frame {
+		Parent = Parent,
+		Padding = Scope:Computed(function(use)
+			return UDim.new(0, use(Theme.StrokeThickness["1"]))
+		end),
+
+		[Children] = {
+			Scope:SettingsMenu {},
+		},
+	}
+
+	return function()
+		Scope:doCleanup()
+	end
+end

src/Examples/SettingsMenu.lua → samples/SettingsMenu/init.lua

@@ -1,5 +1,4 @@
-local OnyxUI = script.Parent.Parent
-
+local OnyxUI = script.Parent.Parent.OnyxUI.Packages.OnyxUI
 local Fusion = require(OnyxUI.Packages.Fusion)
 local Themer = require(OnyxUI.Themer)
 local Util = require(OnyxUI.Util)
@@ -10,7 +9,7 @@ local MenuFrame = require(OnyxUI.Components.MenuFrame)
 local Button = require(OnyxUI.Components.Button)
 local TitleBar = require(OnyxUI.Components.TitleBar)
 local Scroller = require(OnyxUI.Components.Scroller)
-local SettingToggle = require(OnyxUI.Examples.SettingToggle)
+local SettingToggle = require(script.SettingToggle)
 local TextInput = require(OnyxUI.Components.TextInput)
 local Components = {
 	MenuFrame = MenuFrame,

src/Examples/ThemeTest.story.lua → samples/Testing/ContextualPalette.story.lua

@@ -1,4 +1,4 @@
-local OnyxUI = script.Parent.Parent
+local OnyxUI = script.Parent.Parent.Parent.OnyxUI.Packages.OnyxUI
 local Util = require(OnyxUI.Util)
 local Fusion = require(OnyxUI.Packages.Fusion)
 local Themer = require(OnyxUI.Themer)
@@ -56,7 +56,7 @@ return function(Parent: GuiObject)
 		},
 	})
 
-	local Object = Scope:Base {
+	Scope:Base {
 		Parent = Parent,
 		ListEnabled = true,
 		ListFillDirection = Enum.FillDirection.Horizontal,

src/OnyxUI.storybook.lua

@@ -1,6 +1,6 @@
 return {
 	name = "OnyxUI",
 	storyRoots = {
-		script.Parent,
+		script.Parent.Components,
 	},
 }

testing.project.json

@@ -12,6 +12,9 @@
             "$path": "src"
           }
         }
+      },
+      "Samples": {
+        "$path": "samples"
       }
     }
   }