From 4004f3f737ae673c2f556b78f24b26010d212338 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Fri, 1 Aug 2025 22:43:20 +0800
Subject: [PATCH 01/78] created modal tour component

---
 src/components/index.js                      |   1 +
 src/components/modal-design-library/modal.js |   5 +
 src/components/modal-tour/editor.scss        | 134 +++++++++++
 src/components/modal-tour/index.js           | 229 +++++++++++++++++++
 4 files changed, 369 insertions(+)
 create mode 100644 src/components/modal-tour/editor.scss
 create mode 100644 src/components/modal-tour/index.js

diff --git a/src/components/index.js b/src/components/index.js
index 89ab886b80..4a5485836f 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -56,6 +56,7 @@ export { default as AdminSelectSetting } from './admin-select-setting'
 export { default as TaxonomyControl } from './taxonomy-control'
 export { default as Tooltip } from './tooltip'
 export { default as BlockStyles } from './block-styles'
+export { default as ModalTour } from './modal-tour'
 
 // V2 only Components, for deprecation
 export { default as BlockContainer } from './block-container'
diff --git a/src/components/modal-design-library/modal.js b/src/components/modal-design-library/modal.js
index d58bc4e3c1..e46ff051fe 100644
--- a/src/components/modal-design-library/modal.js
+++ b/src/components/modal-design-library/modal.js
@@ -6,6 +6,7 @@ import BlockList from './block-list'
 import Button from '../button'
 // import AdvancedToolbarControl from '../advanced-toolbar-control'
 import DesignLibraryList from '~stackable/components/design-library-list'
+import { ModalTour } from '~stackable/components'
 import { getDesigns, filterDesigns } from '~stackable/design-library'
 
 /**
@@ -215,6 +216,10 @@ export const ModalDesignLibrary = props => {
 			onRequestClose={ props.onClose }
 		>
 			<div className="ugb-modal-design-library__wrapper">
+
+				{ /* DEV NOTE: this is just a test */ }
+				<ModalTour />
+
 				<aside className="ugb-modal-design-library__sidebar">
 					<div className="ugb-modal-design-library__filters">
 						<BlockList
diff --git a/src/components/modal-tour/editor.scss b/src/components/modal-tour/editor.scss
new file mode 100644
index 0000000000..1b965a9474
--- /dev/null
+++ b/src/components/modal-tour/editor.scss
@@ -0,0 +1,134 @@
+.ugb-tour-modal--overlay {
+	z-index: 1000000;
+	background-color: transparent !important;
+	pointer-events: none;
+}
+
+.ugb-tour-modal {
+	pointer-events: all;
+	position: absolute;
+	--offset-x: 0;
+	--offset-y: 0;
+	--left: 50%;
+	--top: 50%;
+	left: var(--left);
+	top: var(--top);
+	overflow: visible;
+
+	--wp-admin-theme-color: #f00069;
+	--wp-admin-theme-color-darker-10: #e0003c;
+	--wp-admin-theme-color-darker-20: #cb0044;
+
+	// Smoothly transition moving top & left.
+	transition: max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1), top 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease-in-out;
+	will-change: left, top, max-width;
+
+	display: none;
+	&.ugb-tour-modal--visible {
+		display: block !important;
+		opacity: 0 !important;
+		transform: scale(0.4);
+	}
+	&.ugb-tour-modal--visible-delayed {
+		opacity: 1 !important;
+		transform: scale(1);
+	}
+
+	.components-modal__content {
+		padding: 20px;
+		margin: 0;
+		position: relative;
+		overflow: visible;
+		z-index: 1;
+		box-shadow: 0 22px 200px 4px #0005;
+		border-radius: 4px;
+		// border: 1px solid #f00069ad;
+	}
+	.components-modal__header {
+		position: relative;
+		padding: 0;
+		margin-bottom: 8px;
+		height: auto;
+		line-height: 1.2;
+	}
+	.ugb-tour-modal__footer {
+		margin-top: 16px;
+		justify-content: flex-end;
+	}
+
+	&.ugb-tour-modal--right,
+	&.ugb-tour-modal--left,
+	&.ugb-tour-modal--top,
+	&.ugb-tour-modal--bottom {
+		.components-modal__content {
+			box-shadow: rgba(0, 0, 0, 0.3) -20px 22px 70px 4px;
+			&::after {
+				content: "";
+				position: absolute;
+				top: 50%;
+				left: -10px;
+				width: 30px;
+				height: 30px;
+				transform: translateY(-50%) rotate(45deg);
+				border-radius: 4px;
+				background-color: #fff;
+				z-index: -1;
+			}
+		}
+	}
+	&.ugb-tour-modal--left {
+		.components-modal__content {
+			box-shadow: rgba(0, 0, 0, 0.3) 20px 22px 70px 4px;
+			&::after {
+				left: auto;
+				right: -10px;
+			}
+		}
+	}
+	&.ugb-tour-modal--top {
+		.components-modal__content {
+			box-shadow: rgba(0, 0, 0, 0.3) 0px 22px 70px 4px;
+			&::after {
+				top: auto;
+				left: 50%;
+				bottom: -10px;
+				transform: translateX(-50%) rotate(45deg);
+			}
+		}
+	}
+	&.ugb-tour-modal--bottom {
+		.components-modal__content {
+			box-shadow: rgba(0, 0, 0, 0.3) 0px -22px 70px 4px;
+			&::after {
+				left: 50%;
+				top: -10px;
+				transform: translateX(-50%) rotate(45deg);
+			}
+		}
+	}
+}
+
+.ugb-tour-modal__steps {
+	display: flex;
+	gap: 6px;
+	margin-inline-end: auto;
+}
+.ugb-tour-modal__step {
+	width: 8px;
+	height: 8px;
+	border-radius: 20px;
+	background-color: #e1e1e1;
+	// cursor: pointer;
+	padding: 0 !important;
+	margin: 0 !important;
+
+	&--active {
+		background: #f00069;
+		width: 24px;
+		border-radius: 20px;
+	}
+
+	// &:hover {
+	//     background-color: #aaa;
+	// }
+}
diff --git a/src/components/modal-tour/index.js b/src/components/modal-tour/index.js
new file mode 100644
index 0000000000..d26f54c071
--- /dev/null
+++ b/src/components/modal-tour/index.js
@@ -0,0 +1,229 @@
+import { i18n } from 'stackable'
+import classNames from 'classnames'
+
+import {
+	Modal, Flex, Button,
+} from '@wordpress/components'
+import { __ } from '@wordpress/i18n'
+import {
+	useEffect, useState, useCallback, useRef, useMemo,
+} from '@wordpress/element'
+
+const STEPS = [
+	{
+		title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
+		description: __( 'These are pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+		size: 'medium',
+	},
+	{
+		title: __( 'Pick Styling Options', i18n ),
+		description: __( 'Turn on backgrounds, change color schemes, to customize the library. Go ahead and click on "Section Background" and see your changes in real-time.', i18n ),
+		anchor: '.ugb-modal-design-library__enable-background',
+		position: 'right',
+		nextEventTarget: '.ugb-modal-design-library__enable-background',
+		// showNext: false,
+	},
+	{
+		title: __( 'Patterns and Full-Pages', i18n ),
+		description: __( 'Click here to switch between patterns and full-page layouts.', i18n ),
+		anchor: '.ugb-modal-design-library .components-modal__header',
+		position: 'bottom',
+	},
+]
+
+const NOOP = () => {}
+
+const ModalTour = props => {
+	const {
+		steps = STEPS,
+		onClose = NOOP,
+	} = props
+
+	const [ currentStep, setCurrentStep ] = useState( 0 )
+	const [ isVisible, setIsVisible ] = useState( false )
+	const [ isVisibleDelayed, setIsVisibleDelayed ] = useState( false )
+	const [ forceRefresh, setForceRefresh ] = useState( 0 )
+	const modalRef = useRef( null )
+
+	const {
+		title,
+		description,
+		size = 'small',
+		anchor = null, // This is a selector for the element to anchor the modal to. Defaults to middle of the screen.
+		position = 'center', // This is the position to place the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', 'center'.
+		offsetX = 0,
+		offsetY = 0,
+		showNext = true,
+		nextEvent = 'click',
+		nextEventTarget = null, // This is a selector for the element to trigger the next event if there is one.
+	} = steps[ currentStep ]
+
+	// Create a stable function reference for the event listener
+	const handleNextEvent = useCallback( () => {
+		setCurrentStep( currentStep + 1 )
+		setTimeout( () => {
+			setForceRefresh( forceRefresh + 1 )
+		}, 50 )
+	}, [ currentStep ] )
+
+	// Show modal after 1 second delay
+	useEffect( () => {
+		const timer = setTimeout( () => {
+			setIsVisible( true )
+			setTimeout( () => {
+				setIsVisibleDelayed( true )
+			}, 30 )
+		}, 1000 )
+
+		return () => clearTimeout( timer )
+	}, [] )
+
+	useEffect( () => {
+		if ( nextEventTarget ) {
+			const element = document.querySelector( nextEventTarget )
+			element?.addEventListener( nextEvent, handleNextEvent )
+		}
+
+		return () => {
+			if ( nextEventTarget ) {
+				const element = document.querySelector( nextEventTarget )
+				element?.removeEventListener( nextEvent, handleNextEvent )
+			}
+		}
+	}, [ currentStep, nextEventTarget, nextEvent, handleNextEvent ] )
+
+	// These are the X and Y offsets of the modal relative to the anchor. This will be
+	const [ modalOffsetX, modalOffsetY ] = useMemo( () => {
+		if ( ! modalRef.current ) {
+			return [ '', '' ] // This is for the entire screen.
+		}
+
+		const modalRect = modalRef.current.querySelector( '.ugb-tour-modal' ).getBoundingClientRect()
+		const defaultOffset = [ `${ ( window.innerWidth / 2 ) - ( modalRect.width / 2 ) }px`, `${ ( window.innerHeight / 2 ) - ( modalRect.height / 2 ) }px` ]
+
+		if ( ! anchor ) {
+			return defaultOffset // This is for the entire screen.
+		}
+
+		// Based on the anchor and position, calculate the X and Y offsets of the modal relative to the anchor.
+		// We have the modalRef.current which we can use to get the modal's bounding client rect.
+		const anchorRect = document.querySelector( anchor )?.getBoundingClientRect()
+
+		switch ( position ) {
+			case 'left':
+				// Left, middle
+				return [ `${ anchorRect.left - modalRect.width - 24 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+			case 'right':
+				// Right, middle
+				return [ `${ anchorRect.right + 24 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+			case 'top':
+				// Center, top
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.top - modalRect.height - 24 }px` ]
+			case 'bottom':
+				// Center, bottom
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.bottom + 24 }px` ]
+			case 'center':
+				return [
+					`${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`,
+					`${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px`,
+				]
+			default:
+				return defaultOffset
+		}
+	}, [ anchor, position, modalRef.current, isVisible, isVisibleDelayed, forceRefresh ] )
+
+	if ( ! isVisible ) {
+		return null
+	}
+
+	return (
+		<Modal
+			title={ title }
+			overlayClassName="ugb-tour-modal--overlay"
+			shouldCloseOnClickOutside={ false }
+			size={ size }
+			onRequestClose={ onClose }
+			className={ classNames( 'ugb-tour-modal', `ugb-tour-modal--${ position }`, {
+				'ugb-tour-modal--visible': isVisible,
+				'ugb-tour-modal--visible-delayed': isVisibleDelayed,
+			} ) }
+			ref={ modalRef }
+		>
+			<style>
+				{ `.ugb-tour-modal {
+					--offset-x: ${ offsetX }px;
+					--offset-y: ${ offsetY }px;
+					--left: ${ modalOffsetX };
+					--top: ${ modalOffsetY };
+				}` }
+			</style>
+			{ description }
+			<Flex className="ugb-tour-modal__footer">
+				<Steps
+					numSteps={ steps.length }
+					currentStep={ currentStep }
+					onClickStep={ setCurrentStep }
+				/>
+				{ currentStep > 0 && (
+					<Button
+						variant="secondary"
+						onClick={ () => {
+							setCurrentStep( currentStep - 1 )
+							setTimeout( () => {
+								setForceRefresh( forceRefresh + 1 )
+							}, 50 )
+						} }
+					>
+						{ __( 'Previous', i18n ) }
+					</Button>
+				) }
+				{ showNext && (
+					<Button
+						variant="primary"
+						onClick={ () => {
+							if ( currentStep === steps.length - 1 ) {
+								props.onClose()
+							} else {
+								setCurrentStep( currentStep + 1 )
+								setTimeout( () => {
+									setForceRefresh( forceRefresh + 1 )
+								}, 50 )
+							}
+						} }
+					>
+						{ currentStep === steps.length - 1 ? __( 'Finish', i18n ) : __( 'Next', i18n ) }
+					</Button>
+				) }
+			</Flex>
+		</Modal>
+	)
+}
+
+export default ModalTour
+
+const Steps = props => {
+	const {
+		numSteps = 3,
+		currentStep = 0,
+		// onClickStep = NOOP,
+	} = props
+
+	return (
+		<div className="ugb-tour-modal__steps">
+			{ Array.from( { length: numSteps } ).map( ( _, index ) => {
+				const classes = classNames( [
+					'ugb-tour-modal__step',
+					currentStep === index && 'ugb-tour-modal__step--active',
+				] )
+
+				return (
+					<div
+						className={ classes }
+						// onClick={ () => onClickStep( index ) }
+						key={ index }
+					/>
+				)
+			} ) }
+		</div>
+	)
+}

From 6043a33c8f106b94a844afe697c19efcb976c033 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 04:53:55 +0800
Subject: [PATCH 02/78] added arrows

---
 src/components/modal-tour/index.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/modal-tour/index.js b/src/components/modal-tour/index.js
index d26f54c071..216fa5acfd 100644
--- a/src/components/modal-tour/index.js
+++ b/src/components/modal-tour/index.js
@@ -5,6 +5,9 @@ import {
 	Modal, Flex, Button,
 } from '@wordpress/components'
 import { __ } from '@wordpress/i18n'
+import {
+	Icon, arrowRight, arrowLeft,
+} from '@wordpress/icons'
 import {
 	useEffect, useState, useCallback, useRef, useMemo,
 } from '@wordpress/element'
@@ -166,7 +169,7 @@ const ModalTour = props => {
 				/>
 				{ currentStep > 0 && (
 					<Button
-						variant="secondary"
+						variant="tertiary"
 						onClick={ () => {
 							setCurrentStep( currentStep - 1 )
 							setTimeout( () => {
@@ -174,7 +177,9 @@ const ModalTour = props => {
 							}, 50 )
 						} }
 					>
-						{ __( 'Previous', i18n ) }
+						<Icon icon={ arrowLeft } size={ 20 } />
+						&nbsp;
+						{ __( 'Back', i18n ) }
 					</Button>
 				) }
 				{ showNext && (
@@ -192,6 +197,8 @@ const ModalTour = props => {
 						} }
 					>
 						{ currentStep === steps.length - 1 ? __( 'Finish', i18n ) : __( 'Next', i18n ) }
+						&nbsp;
+						<Icon icon={ arrowRight } size={ 20 } />
 					</Button>
 				) }
 			</Flex>

From 2332a777c24c14691651013f0455100d960bc509 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 05:17:18 +0800
Subject: [PATCH 03/78] added call to action

---
 src/components/modal-tour/editor.scss |  6 ++++++
 src/components/modal-tour/index.js    | 24 +++++++++++++++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/modal-tour/editor.scss b/src/components/modal-tour/editor.scss
index 1b965a9474..f4268f911c 100644
--- a/src/components/modal-tour/editor.scss
+++ b/src/components/modal-tour/editor.scss
@@ -56,6 +56,12 @@
 		justify-content: flex-end;
 	}
 
+	.ugb-tour-modal__cta {
+		width: 100%;
+		justify-content: center;
+		margin: 16px 0 8px;
+	}
+
 	&.ugb-tour-modal--right,
 	&.ugb-tour-modal--left,
 	&.ugb-tour-modal--top,
diff --git a/src/components/modal-tour/index.js b/src/components/modal-tour/index.js
index 216fa5acfd..201655307b 100644
--- a/src/components/modal-tour/index.js
+++ b/src/components/modal-tour/index.js
@@ -24,7 +24,12 @@ const STEPS = [
 		anchor: '.ugb-modal-design-library__enable-background',
 		position: 'right',
 		nextEventTarget: '.ugb-modal-design-library__enable-background',
-		// showNext: false,
+		ctaLabel: __( 'Enable Background', i18n ),
+		ctaOnClick: () => {
+			const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
+			element?.click()
+		},
+		showNext: false,
 	},
 	{
 		title: __( 'Patterns and Full-Pages', i18n ),
@@ -51,6 +56,8 @@ const ModalTour = props => {
 	const {
 		title,
 		description,
+		ctaLabel = null,
+		ctaOnClick = NOOP,
 		size = 'small',
 		anchor = null, // This is a selector for the element to anchor the modal to. Defaults to middle of the screen.
 		position = 'center', // This is the position to place the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', 'center'.
@@ -161,6 +168,21 @@ const ModalTour = props => {
 				}` }
 			</style>
 			{ description }
+			{ ctaLabel && (
+				<Button
+					onClick={ () => {
+						ctaOnClick()
+						setCurrentStep( currentStep + 1 )
+						setTimeout( () => {
+							setForceRefresh( forceRefresh + 1 )
+						}, 50 )
+					} }
+					variant="primary"
+					className="ugb-tour-modal__cta"
+				>
+					{ ctaLabel }
+				</Button>
+			) }
 			<Flex className="ugb-tour-modal__footer">
 				<Steps
 					numSteps={ steps.length }

From 799fb918b3471287ec246b56a9115168473cf902 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 10:55:20 +0800
Subject: [PATCH 04/78] tweaks on the modal tour

---
 src/components/modal-tour/index.js | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/modal-tour/index.js b/src/components/modal-tour/index.js
index 201655307b..8a56650cb1 100644
--- a/src/components/modal-tour/index.js
+++ b/src/components/modal-tour/index.js
@@ -29,7 +29,7 @@ const STEPS = [
 			const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
 			element?.click()
 		},
-		showNext: false,
+		// showNext: false,
 	},
 	{
 		title: __( 'Patterns and Full-Pages', i18n ),
@@ -209,7 +209,7 @@ const ModalTour = props => {
 						variant="primary"
 						onClick={ () => {
 							if ( currentStep === steps.length - 1 ) {
-								props.onClose()
+								onClose()
 							} else {
 								setCurrentStep( currentStep + 1 )
 								setTimeout( () => {
@@ -218,9 +218,15 @@ const ModalTour = props => {
 							}
 						} }
 					>
-						{ currentStep === steps.length - 1 ? __( 'Finish', i18n ) : __( 'Next', i18n ) }
-						&nbsp;
-						<Icon icon={ arrowRight } size={ 20 } />
+						{ currentStep === steps.length - 1 ? (
+							__( 'Finish', i18n )
+						) : (
+							<>
+								{ __( 'Next', i18n ) }
+								&nbsp;
+								<Icon icon={ arrowRight } size={ 20 } />
+							</>
+						) }
 					</Button>
 				) }
 			</Flex>

From 7b18928457b6cfe9d6792b7d650b4f27f6dec1b3 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 13:45:18 +0800
Subject: [PATCH 05/78] component renamed and added main component

---
 .../editor.scss                               |  0
 .../index.js                                  | 48 ++++++++++++++-----
 src/components/index.js                       |  2 +-
 src/components/modal-design-library/modal.js  |  5 +-
 4 files changed, 40 insertions(+), 15 deletions(-)
 rename src/components/{modal-tour => guided-modal-tour}/editor.scss (100%)
 rename src/components/{modal-tour => guided-modal-tour}/index.js (83%)

diff --git a/src/components/modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
similarity index 100%
rename from src/components/modal-tour/editor.scss
rename to src/components/guided-modal-tour/editor.scss
diff --git a/src/components/modal-tour/index.js b/src/components/guided-modal-tour/index.js
similarity index 83%
rename from src/components/modal-tour/index.js
rename to src/components/guided-modal-tour/index.js
index 8a56650cb1..83cc058e6c 100644
--- a/src/components/modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -1,4 +1,7 @@
-import { i18n } from 'stackable'
+import {
+	i18n,
+	guidedTourStates, // TODO: This doesn't exist yet. The state should be loaded here from localize values, this should be an object with the tour ID as the key and the state as the value.
+} from 'stackable'
 import classNames from 'classnames'
 
 import {
@@ -41,6 +44,29 @@ const STEPS = [
 
 const NOOP = () => {}
 
+// The main tour component.
+const GuidedModalTour = props => {
+	const {
+		steps = STEPS,
+		tourId = '', // This is the ID of the tour, this will be used to store the tour state in the database.
+	} = props
+
+	// On mount, check if the tour has been completed, if so, don't show it.
+	const [ isDone, setIsDone ] = useState( guidedTourStates?.[ tourId ] )
+
+	if ( isDone ) {
+		return null
+	}
+
+	return <ModalTour
+		steps={ steps }
+		onClose={ () => {
+			// TODO: Save the tour state to the database that we finished it.
+			setIsDone( true )
+		} }
+	/>
+}
+
 const ModalTour = props => {
 	const {
 		steps = STEPS,
@@ -56,16 +82,16 @@ const ModalTour = props => {
 	const {
 		title,
 		description,
-		ctaLabel = null,
-		ctaOnClick = NOOP,
-		size = 'small',
+		ctaLabel = null, // If provided, a button will be shown with this label.
+		ctaOnClick = NOOP, // This will be called when the button is clicked, we will move to the next step after.
+		size = 'small', // Size of the modal. Can be 'small', 'medium', 'large'.
 		anchor = null, // This is a selector for the element to anchor the modal to. Defaults to middle of the screen.
 		position = 'center', // This is the position to place the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', 'center'.
-		offsetX = 0,
-		offsetY = 0,
-		showNext = true,
-		nextEvent = 'click',
-		nextEventTarget = null, // This is a selector for the element to trigger the next event if there is one.
+		offsetX = 0, // This is the X offset of the modal relative to the anchor.
+		offsetY = 0, // This is the Y offset of the modal relative to the anchor.
+		showNext = true, // If true, a "Next" button will be shown.
+		nextEventTarget = null, // If provided, this is a selector for the element to trigger the next event if there is one.
+		nextEvent = 'click', // This is the event to listen for to trigger the next step.
 	} = steps[ currentStep ]
 
 	// Create a stable function reference for the event listener
@@ -234,8 +260,6 @@ const ModalTour = props => {
 	)
 }
 
-export default ModalTour
-
 const Steps = props => {
 	const {
 		numSteps = 3,
@@ -262,3 +286,5 @@ const Steps = props => {
 		</div>
 	)
 }
+
+export default GuidedModalTour
diff --git a/src/components/index.js b/src/components/index.js
index 4a5485836f..4d415c396e 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -56,7 +56,7 @@ export { default as AdminSelectSetting } from './admin-select-setting'
 export { default as TaxonomyControl } from './taxonomy-control'
 export { default as Tooltip } from './tooltip'
 export { default as BlockStyles } from './block-styles'
-export { default as ModalTour } from './modal-tour'
+export { default as GuidedModalTour } from './guided-modal-tour'
 
 // V2 only Components, for deprecation
 export { default as BlockContainer } from './block-container'
diff --git a/src/components/modal-design-library/modal.js b/src/components/modal-design-library/modal.js
index e46ff051fe..bc50268041 100644
--- a/src/components/modal-design-library/modal.js
+++ b/src/components/modal-design-library/modal.js
@@ -6,7 +6,7 @@ import BlockList from './block-list'
 import Button from '../button'
 // import AdvancedToolbarControl from '../advanced-toolbar-control'
 import DesignLibraryList from '~stackable/components/design-library-list'
-import { ModalTour } from '~stackable/components'
+import { GuidedModalTour } from '~stackable/components'
 import { getDesigns, filterDesigns } from '~stackable/design-library'
 
 /**
@@ -217,8 +217,7 @@ export const ModalDesignLibrary = props => {
 		>
 			<div className="ugb-modal-design-library__wrapper">
 
-				{ /* DEV NOTE: this is just a test */ }
-				<ModalTour />
+				<GuidedModalTour tourId="design-library-welcome" />
 
 				<aside className="ugb-modal-design-library__sidebar">
 					<div className="ugb-modal-design-library__filters">

From 23c79b4821e5a6a822a0c77f69b6d2a03a2c0f13 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 14:09:00 +0800
Subject: [PATCH 06/78] added confetti when the tour finishes

---
 package-lock.json                         | 19 +++++++++++++++++--
 package.json                              |  1 +
 src/components/guided-modal-tour/index.js |  7 +++++++
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 803c6e7676..30d9bed1be 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,17 +1,18 @@
 {
 	"name": "stackable",
-	"version": "3.13.11",
+	"version": "3.18.0",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "stackable",
-			"version": "3.13.11",
+			"version": "3.18.0",
 			"license": "GPL-3.0",
 			"dependencies": {
 				"@wordpress/dom-ready": "^3.2.3",
 				"@wordpress/icons": "^6.1.1",
 				"bigpicture": "^2.5.3",
+				"canvas-confetti": "^1.9.3",
 				"classnames": "^2.2.6",
 				"color-rgba": "^2.2.3",
 				"compare-versions": "^3.6.0",
@@ -9650,6 +9651,15 @@
 				}
 			]
 		},
+		"node_modules/canvas-confetti": {
+			"version": "1.9.3",
+			"resolved": "https://registry.npmjs.org/canvas-confetti/-/canvas-confetti-1.9.3.tgz",
+			"integrity": "sha512-rFfTURMvmVEX1gyXFgn5QMn81bYk70qa0HLzcIOSVEyl57n6o9ItHeBtUSWdvKAPY0xlvBHno4/v3QPrT83q9g==",
+			"funding": {
+				"type": "donate",
+				"url": "https://www.paypal.me/kirilvatev"
+			}
+		},
 		"node_modules/capital-case": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
@@ -41886,6 +41896,11 @@
 			"integrity": "sha512-uv7/gXuHi10Whlj0pp5q/tsK/32J2QSqVRKQhs2j8VsDCjgyruAh/eEXHF822VqO9yT6iZKw3nRwZRSPBE9OQg==",
 			"dev": true
 		},
+		"canvas-confetti": {
+			"version": "1.9.3",
+			"resolved": "https://registry.npmjs.org/canvas-confetti/-/canvas-confetti-1.9.3.tgz",
+			"integrity": "sha512-rFfTURMvmVEX1gyXFgn5QMn81bYk70qa0HLzcIOSVEyl57n6o9ItHeBtUSWdvKAPY0xlvBHno4/v3QPrT83q9g=="
+		},
 		"capital-case": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
diff --git a/package.json b/package.json
index 5d7f85201b..9689b55d41 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
 		"@wordpress/dom-ready": "^3.2.3",
 		"@wordpress/icons": "^6.1.1",
 		"bigpicture": "^2.5.3",
+		"canvas-confetti": "^1.9.3",
 		"classnames": "^2.2.6",
 		"color-rgba": "^2.2.3",
 		"compare-versions": "^3.6.0",
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 83cc058e6c..c7ef023a7a 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -3,6 +3,7 @@ import {
 	guidedTourStates, // TODO: This doesn't exist yet. The state should be loaded here from localize values, this should be an object with the tour ID as the key and the state as the value.
 } from 'stackable'
 import classNames from 'classnames'
+import confetti from 'canvas-confetti'
 
 import {
 	Modal, Flex, Button,
@@ -235,6 +236,12 @@ const ModalTour = props => {
 						variant="primary"
 						onClick={ () => {
 							if ( currentStep === steps.length - 1 ) {
+								confetti( {
+									angle: -90,
+									spread: 90,
+									origin: { y: -0.3 },
+									zIndex: 100000,
+								} )
 								onClose()
 							} else {
 								setCurrentStep( currentStep + 1 )

From 03f491ea0c284893b48281f15ba7a3110a841ebc Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 14:49:41 +0800
Subject: [PATCH 07/78] added hasConfetti prop

---
 src/components/guided-modal-tour/index.js | 37 +++++++++++++++++++----
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index c7ef023a7a..85d6483fee 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -49,6 +49,7 @@ const NOOP = () => {}
 const GuidedModalTour = props => {
 	const {
 		steps = STEPS,
+		hasConfetti = true,
 		tourId = '', // This is the ID of the tour, this will be used to store the tour state in the database.
 	} = props
 
@@ -61,6 +62,7 @@ const GuidedModalTour = props => {
 
 	return <ModalTour
 		steps={ steps }
+		hasConfetti={ hasConfetti }
 		onClose={ () => {
 			// TODO: Save the tour state to the database that we finished it.
 			setIsDone( true )
@@ -72,6 +74,7 @@ const ModalTour = props => {
 	const {
 		steps = STEPS,
 		onClose = NOOP,
+		hasConfetti = true,
 	} = props
 
 	const [ currentStep, setCurrentStep ] = useState( 0 )
@@ -236,12 +239,34 @@ const ModalTour = props => {
 						variant="primary"
 						onClick={ () => {
 							if ( currentStep === steps.length - 1 ) {
-								confetti( {
-									angle: -90,
-									spread: 90,
-									origin: { y: -0.3 },
-									zIndex: 100000,
-								} )
+								if ( hasConfetti ) {
+									confetti( {
+										particleCount: 50,
+										angle: 60,
+										spread: 70,
+										origin: { x: 0 },
+										zIndex: 100000,
+										disableForReducedMotion: true,
+									} )
+									confetti( {
+										particleCount: 50,
+										angle: 120,
+										spread: 70,
+										origin: { x: 1 },
+										zIndex: 100000,
+										disableForReducedMotion: true,
+									} )
+									setTimeout( () => {
+										confetti( {
+											particleCount: 50,
+											angle: -90,
+											spread: 90,
+											origin: { y: -0.3 },
+											zIndex: 100000,
+											disableForReducedMotion: true,
+										} )
+									}, 150 )
+								}
 								onClose()
 							} else {
 								setCurrentStep( currentStep + 1 )

From 985e6ba12f13d4e855f19313a0846172f7113f27 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 2 Aug 2025 16:39:26 +0800
Subject: [PATCH 08/78] added glow

---
 src/components/guided-modal-tour/editor.scss  | 33 +++++++++--
 src/components/guided-modal-tour/index.js     | 55 +++++++++++++++----
 .../design-library-button.js                  | 27 +++++++--
 3 files changed, 94 insertions(+), 21 deletions(-)

diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index f4268f911c..848cb20868 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -1,5 +1,5 @@
 .ugb-tour-modal--overlay {
-	z-index: 1000000;
+	z-index: 1000001;
 	background-color: transparent !important;
 	pointer-events: none;
 }
@@ -67,7 +67,7 @@
 	&.ugb-tour-modal--top,
 	&.ugb-tour-modal--bottom {
 		.components-modal__content {
-			box-shadow: rgba(0, 0, 0, 0.3) -20px 22px 70px 4px;
+			box-shadow: rgba(0, 0, 0, 0.2) -20px 22px 60px -4px;
 			&::after {
 				content: "";
 				position: absolute;
@@ -84,7 +84,7 @@
 	}
 	&.ugb-tour-modal--left {
 		.components-modal__content {
-			box-shadow: rgba(0, 0, 0, 0.3) 20px 22px 70px 4px;
+			box-shadow: rgba(0, 0, 0, 0.2) 20px 22px 60px -4px;
 			&::after {
 				left: auto;
 				right: -10px;
@@ -93,7 +93,7 @@
 	}
 	&.ugb-tour-modal--top {
 		.components-modal__content {
-			box-shadow: rgba(0, 0, 0, 0.3) 0px 22px 70px 4px;
+			box-shadow: rgba(0, 0, 0, 0.2) 0px 22px 60px -4px;
 			&::after {
 				top: auto;
 				left: 50%;
@@ -104,7 +104,7 @@
 	}
 	&.ugb-tour-modal--bottom {
 		.components-modal__content {
-			box-shadow: rgba(0, 0, 0, 0.3) 0px -22px 70px 4px;
+			box-shadow: rgba(0, 0, 0, 0.2) 0px -22px 60px -4px;
 			&::after {
 				left: 50%;
 				top: -10px;
@@ -138,3 +138,26 @@
 	//     background-color: #aaa;
 	// }
 }
+
+.ugb-tour-modal__glow {
+	position: absolute;
+	z-index: 999999;
+	box-shadow: 0 0 20px #f00069;
+	border-radius: 8px;
+	pointer-events: none;
+	animation: tour-modal-glow 0.7s infinite alternate;
+	mix-blend-mode: multiply;
+	will-change: transform, box-shadow;
+}
+
+// Animation keyframes to grow the box-shadow like it's glowing
+@keyframes tour-modal-glow {
+	0% {
+		box-shadow: 0 0 20px #ff2283, 0 0 5px #f00069;
+		transform: scaleX(1) scaleY(1);
+	}
+	100% {
+		box-shadow: 0 0 50px #ff2283, 0 0 5px #f00069;
+		transform: scaleX(1.05) scaleY(1.12);
+	}
+}
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 85d6483fee..52f92d145a 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -28,11 +28,12 @@ const STEPS = [
 		anchor: '.ugb-modal-design-library__enable-background',
 		position: 'right',
 		nextEventTarget: '.ugb-modal-design-library__enable-background',
-		ctaLabel: __( 'Enable Background', i18n ),
-		ctaOnClick: () => {
-			const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
-			element?.click()
-		},
+		// ctaLabel: __( 'Enable Background', i18n ),
+		// ctaOnClick: () => {
+		// 	const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
+		// 	element?.click()
+		// },
+		glowTarget: '.ugb-modal-design-library__enable-background',
 		// showNext: false,
 	},
 	{
@@ -96,6 +97,7 @@ const ModalTour = props => {
 		showNext = true, // If true, a "Next" button will be shown.
 		nextEventTarget = null, // If provided, this is a selector for the element to trigger the next event if there is one.
 		nextEvent = 'click', // This is the event to listen for to trigger the next step.
+		glowTarget = null, // If provided, this is a selector for the element to glow when the step is active.
 	} = steps[ currentStep ]
 
 	// Create a stable function reference for the event listener
@@ -112,7 +114,7 @@ const ModalTour = props => {
 			setIsVisible( true )
 			setTimeout( () => {
 				setIsVisibleDelayed( true )
-			}, 30 )
+			}, 50 )
 		}, 1000 )
 
 		return () => clearTimeout( timer )
@@ -152,16 +154,16 @@ const ModalTour = props => {
 		switch ( position ) {
 			case 'left':
 				// Left, middle
-				return [ `${ anchorRect.left - modalRect.width - 24 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+				return [ `${ anchorRect.left - modalRect.width - 16 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
 			case 'right':
 				// Right, middle
-				return [ `${ anchorRect.right + 24 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+				return [ `${ anchorRect.right + 16 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
 			case 'top':
 				// Center, top
-				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.top - modalRect.height - 24 }px` ]
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.top - modalRect.height - 16 }px` ]
 			case 'bottom':
 				// Center, bottom
-				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.bottom + 24 }px` ]
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.bottom + 16 }px` ]
 			case 'center':
 				return [
 					`${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`,
@@ -172,6 +174,33 @@ const ModalTour = props => {
 		}
 	}, [ anchor, position, modalRef.current, isVisible, isVisibleDelayed, forceRefresh ] )
 
+	// If we have a glow target, create a new element in the body, placed on the top of the target, below the modal.
+	useEffect( () => {
+		if ( glowTarget ) {
+			// Get the top, left, width, and height of the target.
+			const target = document.querySelector( glowTarget )
+			if ( target ) {
+				const targetRect = target.getBoundingClientRect()
+
+				// Create the element.
+				const element = document.createElement( 'div' )
+				element.className = 'ugb-tour-modal__glow'
+				element.style.top = `${ targetRect.top - 8 }px`
+				element.style.left = `${ targetRect.left - 8 }px`
+				element.style.width = `${ targetRect.width + 16 }px`
+				element.style.height = `${ targetRect.height + 16 }px`
+				document.body.appendChild( element )
+			}
+		}
+		// Remove the element when the component unmounts or the step changes.
+		return () => {
+			if ( glowTarget ) {
+				const element = document.querySelector( '.ugb-tour-modal__glow' )
+				element?.remove()
+			}
+		}
+	}, [ glowTarget, currentStep, isVisible, isVisibleDelayed, forceRefresh ] )
+
 	if ( ! isVisible ) {
 		return null
 	}
@@ -272,7 +301,7 @@ const ModalTour = props => {
 								setCurrentStep( currentStep + 1 )
 								setTimeout( () => {
 									setForceRefresh( forceRefresh + 1 )
-								}, 50 )
+								}, 100 )
 							}
 						} }
 					>
@@ -299,6 +328,10 @@ const Steps = props => {
 		// onClickStep = NOOP,
 	} = props
 
+	if ( numSteps === 1 ) {
+		return null
+	}
+
 	return (
 		<div className="ugb-tour-modal__steps">
 			{ Array.from( { length: numSteps } ).map( ( _, index ) => {
diff --git a/src/plugins/design-library-button/design-library-button.js b/src/plugins/design-library-button/design-library-button.js
index 39c1bebaeb..c417fdaf62 100644
--- a/src/plugins/design-library-button/design-library-button.js
+++ b/src/plugins/design-library-button/design-library-button.js
@@ -12,6 +12,20 @@ import { dispatch, useSelect } from '@wordpress/data'
 import { __ } from '@wordpress/i18n'
 import { useCallback } from '@wordpress/element'
 import { ToolbarButton } from '@wordpress/components'
+import { GuidedModalTour } from '~stackable/components'
+
+const STEPS = [
+	{
+		title: '👋 ' + __( 'Welcome to Stackable', i18n ),
+		description: __( 'We’re excited to have you here. Let\’s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+		// size: 'medium',
+		anchor: '.ugb-insert-library-button',
+		position: 'bottom',
+		nextEventTarget: '.ugb-insert-library-button',
+		glowTarget: '.ugb-insert-library-button',
+		showNext: false,
+	},
+]
 
 const DesignLibraryButton = () => {
 	const { getEditorDom } = useSelect( 'stackable/editor-dom' )
@@ -41,11 +55,14 @@ const DesignLibraryButton = () => {
 	}, [ getEditorDom ] )
 
 	return ( settings.stackable_enable_design_library &&
-		<ToolbarButton
-			onClick={ onClick }
-			className="ugb-insert-library-button"
-			icon={ <SVGStackableIcon /> }
-		>{ __( 'Design Library', i18n ) }</ToolbarButton>
+		<>
+			<GuidedModalTour steps={ STEPS } hasConfetti={ false } />
+			<ToolbarButton
+				onClick={ onClick }
+				className="ugb-insert-library-button"
+				icon={ <SVGStackableIcon /> }
+			>{ __( 'Design Library', i18n ) }</ToolbarButton>
+		</>
 	)
 }
 

From acb8ad72e4dadae4bf78db833cbda600298d350b Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 08:28:39 +0800
Subject: [PATCH 09/78] adjustments

---
 src/components/guided-modal-tour/index.js     | 44 ++++++-------------
 src/components/guided-modal-tour/tours.js     | 44 +++++++++++++++++++
 .../design-library-button.js                  | 16 +------
 3 files changed, 59 insertions(+), 45 deletions(-)
 create mode 100644 src/components/guided-modal-tour/tours.js

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 52f92d145a..274852d7c5 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -1,3 +1,11 @@
+/**
+ * Internal dependencies
+ */
+import { TOURS } from './tours'
+
+/**
+ * External dependencies
+ */
 import {
 	i18n,
 	guidedTourStates, // TODO: This doesn't exist yet. The state should be loaded here from localize values, this should be an object with the tour ID as the key and the state as the value.
@@ -5,6 +13,9 @@ import {
 import classNames from 'classnames'
 import confetti from 'canvas-confetti'
 
+/**
+ * WordPress dependencies
+ */
 import {
 	Modal, Flex, Button,
 } from '@wordpress/components'
@@ -16,40 +27,11 @@ import {
 	useEffect, useState, useCallback, useRef, useMemo,
 } from '@wordpress/element'
 
-const STEPS = [
-	{
-		title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
-		description: __( 'These are pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
-		size: 'medium',
-	},
-	{
-		title: __( 'Pick Styling Options', i18n ),
-		description: __( 'Turn on backgrounds, change color schemes, to customize the library. Go ahead and click on "Section Background" and see your changes in real-time.', i18n ),
-		anchor: '.ugb-modal-design-library__enable-background',
-		position: 'right',
-		nextEventTarget: '.ugb-modal-design-library__enable-background',
-		// ctaLabel: __( 'Enable Background', i18n ),
-		// ctaOnClick: () => {
-		// 	const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
-		// 	element?.click()
-		// },
-		glowTarget: '.ugb-modal-design-library__enable-background',
-		// showNext: false,
-	},
-	{
-		title: __( 'Patterns and Full-Pages', i18n ),
-		description: __( 'Click here to switch between patterns and full-page layouts.', i18n ),
-		anchor: '.ugb-modal-design-library .components-modal__header',
-		position: 'bottom',
-	},
-]
-
 const NOOP = () => {}
 
 // The main tour component.
 const GuidedModalTour = props => {
 	const {
-		steps = STEPS,
 		hasConfetti = true,
 		tourId = '', // This is the ID of the tour, this will be used to store the tour state in the database.
 	} = props
@@ -62,7 +44,7 @@ const GuidedModalTour = props => {
 	}
 
 	return <ModalTour
-		steps={ steps }
+		steps={ TOURS[ tourId ] }
 		hasConfetti={ hasConfetti }
 		onClose={ () => {
 			// TODO: Save the tour state to the database that we finished it.
@@ -73,7 +55,7 @@ const GuidedModalTour = props => {
 
 const ModalTour = props => {
 	const {
-		steps = STEPS,
+		steps,
 		onClose = NOOP,
 		hasConfetti = true,
 	} = props
diff --git a/src/components/guided-modal-tour/tours.js b/src/components/guided-modal-tour/tours.js
new file mode 100644
index 0000000000..ddc4235775
--- /dev/null
+++ b/src/components/guided-modal-tour/tours.js
@@ -0,0 +1,44 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+
+export const TOURS = {
+	'editor-welcome': [
+		{
+			title: '👋 ' + __( 'Welcome to Stackable', i18n ),
+			description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+			// size: 'medium',
+			anchor: '.ugb-insert-library-button',
+			position: 'bottom',
+			nextEventTarget: '.ugb-insert-library-button',
+			glowTarget: '.ugb-insert-library-button',
+			showNext: false,
+		},
+	],
+	'design-library-welcome': [
+		{
+			title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
+			description: __( 'These are pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+			size: 'medium',
+		},
+		{
+			title: __( 'Pick Styling Options', i18n ),
+			description: __( 'Turn on backgrounds, change color schemes, to customize the library. Go ahead and click on "Section Background" and see your changes in real-time.', i18n ),
+			anchor: '.ugb-modal-design-library__enable-background',
+			position: 'right',
+			nextEventTarget: '.ugb-modal-design-library__enable-background',
+			// ctaLabel: __( 'Enable Background', i18n ),
+			// ctaOnClick: () => {
+			// 	const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
+			// 	element?.click()
+			// },
+			glowTarget: '.ugb-modal-design-library__enable-background',
+			// showNext: false,
+		},
+		{
+			title: __( 'Patterns and Full-Pages', i18n ),
+			description: __( 'Click here to switch between patterns and full-page layouts.', i18n ),
+			anchor: '.ugb-modal-design-library .components-modal__header',
+			position: 'bottom',
+		},
+	],
+}
diff --git a/src/plugins/design-library-button/design-library-button.js b/src/plugins/design-library-button/design-library-button.js
index c417fdaf62..d79756b5f8 100644
--- a/src/plugins/design-library-button/design-library-button.js
+++ b/src/plugins/design-library-button/design-library-button.js
@@ -14,19 +14,6 @@ import { useCallback } from '@wordpress/element'
 import { ToolbarButton } from '@wordpress/components'
 import { GuidedModalTour } from '~stackable/components'
 
-const STEPS = [
-	{
-		title: '👋 ' + __( 'Welcome to Stackable', i18n ),
-		description: __( 'We’re excited to have you here. Let\’s get you started by opening the Design Library. Click the button above to get started.', i18n ),
-		// size: 'medium',
-		anchor: '.ugb-insert-library-button',
-		position: 'bottom',
-		nextEventTarget: '.ugb-insert-library-button',
-		glowTarget: '.ugb-insert-library-button',
-		showNext: false,
-	},
-]
-
 const DesignLibraryButton = () => {
 	const { getEditorDom } = useSelect( 'stackable/editor-dom' )
 
@@ -56,7 +43,8 @@ const DesignLibraryButton = () => {
 
 	return ( settings.stackable_enable_design_library &&
 		<>
-			<GuidedModalTour steps={ STEPS } hasConfetti={ false } />
+			{ /* TODO: This will need to only play on first time going to the editor, and if there's no quick button that started another tour */ }
+			<GuidedModalTour tourId="editor-welcome" hasConfetti={ false } />
 			<ToolbarButton
 				onClick={ onClick }
 				className="ugb-insert-library-button"

From b0929a52c08c3e1c961b49f1339e2135902b7bbf Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 08:33:04 +0800
Subject: [PATCH 10/78] change name and change timings

---
 src/components/guided-modal-tour/index.js              | 10 +++++-----
 .../guided-modal-tour/{tours.js => tour-steps.js}      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)
 rename src/components/guided-modal-tour/{tours.js => tour-steps.js} (98%)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 274852d7c5..4fca00e050 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
-import { TOURS } from './tours'
+import { TOUR_STEPS } from './tour-steps'
 
 /**
  * External dependencies
@@ -33,7 +33,7 @@ const NOOP = () => {}
 const GuidedModalTour = props => {
 	const {
 		hasConfetti = true,
-		tourId = '', // This is the ID of the tour, this will be used to store the tour state in the database.
+		tourId = '', // This is the ID of the tour, this will be used to store the tour state in the database and to get the steps.
 	} = props
 
 	// On mount, check if the tour has been completed, if so, don't show it.
@@ -44,7 +44,7 @@ const GuidedModalTour = props => {
 	}
 
 	return <ModalTour
-		steps={ TOURS[ tourId ] }
+		steps={ TOUR_STEPS[ tourId ] }
 		hasConfetti={ hasConfetti }
 		onClose={ () => {
 			// TODO: Save the tour state to the database that we finished it.
@@ -96,8 +96,8 @@ const ModalTour = props => {
 			setIsVisible( true )
 			setTimeout( () => {
 				setIsVisibleDelayed( true )
-			}, 50 )
-		}, 1000 )
+			}, 150 )
+		}, 1500 )
 
 		return () => clearTimeout( timer )
 	}, [] )
diff --git a/src/components/guided-modal-tour/tours.js b/src/components/guided-modal-tour/tour-steps.js
similarity index 98%
rename from src/components/guided-modal-tour/tours.js
rename to src/components/guided-modal-tour/tour-steps.js
index ddc4235775..63cbf79242 100644
--- a/src/components/guided-modal-tour/tours.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -1,7 +1,7 @@
 import { __ } from '@wordpress/i18n'
 import { i18n } from 'stackable'
 
-export const TOURS = {
+export const TOUR_STEPS = {
 	'editor-welcome': [
 		{
 			title: '👋 ' + __( 'Welcome to Stackable', i18n ),

From fe9b37610d56a32b4a315c50b9c1ff9b00791c8f Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 08:52:10 +0800
Subject: [PATCH 11/78] detect size of glow area, added global settings

---
 src/components/guided-modal-tour/editor.scss   | 17 +++++++++++++++++
 src/components/guided-modal-tour/index.js      |  9 +++++++--
 src/components/guided-modal-tour/tour-steps.js | 12 ++++++++++++
 src/plugins/global-settings/index.js           |  2 ++
 4 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index 848cb20868..d0bbd17ed9 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -150,6 +150,11 @@
 	will-change: transform, box-shadow;
 }
 
+.ugb-tour-modal__glow--medium,
+.ugb-tour-modal__glow--large {
+	animation: tour-modal-glow-small 0.7s infinite alternate;
+}
+
 // Animation keyframes to grow the box-shadow like it's glowing
 @keyframes tour-modal-glow {
 	0% {
@@ -161,3 +166,15 @@
 		transform: scaleX(1.05) scaleY(1.12);
 	}
 }
+
+// Animation keyframes for small glow
+@keyframes tour-modal-glow-small {
+	0% {
+		box-shadow: 0 0 20px #ff2283, 0 0 5px #f00069;
+		transform: scaleX(1) scaleY(1);
+	}
+	100% {
+		box-shadow: 0 0 50px #ff2283, 0 0 5px #f00069;
+		transform: scaleX(1.02) scaleY(1.02);
+	}
+}
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 4fca00e050..e89784d60a 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -158,15 +158,20 @@ const ModalTour = props => {
 
 	// If we have a glow target, create a new element in the body, placed on the top of the target, below the modal.
 	useEffect( () => {
-		if ( glowTarget ) {
+		if ( glowTarget && isVisibleDelayed ) {
 			// Get the top, left, width, and height of the target.
 			const target = document.querySelector( glowTarget )
 			if ( target ) {
 				const targetRect = target.getBoundingClientRect()
 
+				// Estimate the size of the glow target based on the size of the target.
+				const glowTargetSize = targetRect.width > 300 || targetRect.height > 200 ? 'large'
+					: targetRect.width > 300 || targetRect.height > 100 ? 'medium'
+						: 'small'
+
 				// Create the element.
 				const element = document.createElement( 'div' )
-				element.className = 'ugb-tour-modal__glow'
+				element.className = `ugb-tour-modal__glow ugb-tour-modal__glow--${ glowTargetSize }`
 				element.style.top = `${ targetRect.top - 8 }px`
 				element.style.left = `${ targetRect.left - 8 }px`
 				element.style.width = `${ targetRect.width + 16 }px`
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 63cbf79242..64c082b7a5 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -2,6 +2,18 @@ import { __ } from '@wordpress/i18n'
 import { i18n } from 'stackable'
 
 export const TOUR_STEPS = {
+	'design-system-welcome': [
+		{
+			title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
+			description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+			size: 'medium',
+			anchor: '.interface-interface-skeleton__sidebar',
+			position: 'left',
+			// nextEventTarget: '.ugb-insert-library-button',
+			glowTarget: '.interface-interface-skeleton__sidebar',
+			// showNext: false,
+		},
+	],
 	'editor-welcome': [
 		{
 			title: '👋 ' + __( 'Welcome to Stackable', i18n ),
diff --git a/src/plugins/global-settings/index.js b/src/plugins/global-settings/index.js
index 76a3a35c88..7faf98200d 100644
--- a/src/plugins/global-settings/index.js
+++ b/src/plugins/global-settings/index.js
@@ -18,6 +18,7 @@ import {
 	isContentOnlyMode,
 	settings,
 } from 'stackable'
+import { GuidedModalTour } from '~stackable/components'
 import { currentUserHasCapability } from '~stackable/util'
 
 /** WordPress dependencies
@@ -78,6 +79,7 @@ const GlobalSettings = () => {
 						</p>
 					</PanelBody>
 					{ globalSettingsInspector }
+					<GuidedModalTour tourId="design-system-welcome" />
 				</PluginSidebar>
 			}
 		</>

From d1c8ade3a7c4beb41f9ebc6200b7a1533bc63164 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 09:13:19 +0800
Subject: [PATCH 12/78] moved confetti to step definition, addition conditional
 showing

---
 src/components/guided-modal-tour/index.js     |  24 +++-
 .../guided-modal-tour/tour-steps.js           | 112 ++++++++++--------
 .../design-library-button.js                  |   2 +-
 3 files changed, 86 insertions(+), 52 deletions(-)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index e89784d60a..61bd9a2b32 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -32,19 +32,37 @@ const NOOP = () => {}
 // The main tour component.
 const GuidedModalTour = props => {
 	const {
-		hasConfetti = true,
 		tourId = '', // This is the ID of the tour, this will be used to store the tour state in the database and to get the steps.
 	} = props
 
 	// On mount, check if the tour has been completed, if so, don't show it.
 	const [ isDone, setIsDone ] = useState( guidedTourStates?.[ tourId ] )
 
-	if ( isDone ) {
+	const {
+		steps = [],
+		condition = null,
+		hasConfetti = true,
+	} = TOUR_STEPS[ tourId ]
+
+	// If there is a condition, check if it's met, if not, don't show the tour.
+	// condition can be true, false, or null. true will show the tour (even if
+	// it's already done), false will not show the tour, null will show the tour
+	// only once (normal behavior).
+	const conditionResult = condition ? condition() : null
+	if ( conditionResult === false ) {
+		return null
+	} else if ( conditionResult === null ) {
+		if ( isDone ) {
+			return null
+		}
+	}
+
+	if ( ! steps.length ) {
 		return null
 	}
 
 	return <ModalTour
-		steps={ TOUR_STEPS[ tourId ] }
+		steps={ steps }
 		hasConfetti={ hasConfetti }
 		onClose={ () => {
 			// TODO: Save the tour state to the database that we finished it.
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 64c082b7a5..73cb8fc193 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -2,55 +2,71 @@ import { __ } from '@wordpress/i18n'
 import { i18n } from 'stackable'
 
 export const TOUR_STEPS = {
-	'design-system-welcome': [
-		{
-			title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
-			description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
-			size: 'medium',
-			anchor: '.interface-interface-skeleton__sidebar',
-			position: 'left',
-			// nextEventTarget: '.ugb-insert-library-button',
-			glowTarget: '.interface-interface-skeleton__sidebar',
+	'design-system-welcome': {
+		steps: [
+			{
+				title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
+				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+				size: 'medium',
+				anchor: '.interface-interface-skeleton__sidebar',
+				position: 'left',
+				// nextEventTarget: '.ugb-insert-library-button',
+				glowTarget: '.interface-interface-skeleton__sidebar',
 			// showNext: false,
+			},
+		],
+	},
+	'editor-welcome': {
+		hasConfetti: false,
+		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+			// Do not show the tour if there is a GET parameter that shows another tour.
+			return window?.location?.search?.includes( 'tour=' ) ? false : null
 		},
-	],
-	'editor-welcome': [
-		{
-			title: '👋 ' + __( 'Welcome to Stackable', i18n ),
-			description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
-			// size: 'medium',
-			anchor: '.ugb-insert-library-button',
-			position: 'bottom',
-			nextEventTarget: '.ugb-insert-library-button',
-			glowTarget: '.ugb-insert-library-button',
-			showNext: false,
+		steps: [
+			{
+				title: '👋 ' + __( 'Welcome to Stackable', i18n ),
+				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+				// size: 'medium',
+				anchor: '.ugb-insert-library-button',
+				position: 'bottom',
+				nextEventTarget: '.ugb-insert-library-button',
+				glowTarget: '.ugb-insert-library-button',
+				showNext: false,
+			},
+		],
+	},
+	'design-library-welcome': {
+		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+			// TODO: The new quick button in the getting started area should open the editor with `tour=design-library-welcome`
+			// Force show the tour if there is a GET parameter tour=design-library-welcome
+			return window?.location?.search?.includes( 'tour=design-library-welcome' ) ? true : null
 		},
-	],
-	'design-library-welcome': [
-		{
-			title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
-			description: __( 'These are pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
-			size: 'medium',
-		},
-		{
-			title: __( 'Pick Styling Options', i18n ),
-			description: __( 'Turn on backgrounds, change color schemes, to customize the library. Go ahead and click on "Section Background" and see your changes in real-time.', i18n ),
-			anchor: '.ugb-modal-design-library__enable-background',
-			position: 'right',
-			nextEventTarget: '.ugb-modal-design-library__enable-background',
-			// ctaLabel: __( 'Enable Background', i18n ),
-			// ctaOnClick: () => {
-			// 	const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
-			// 	element?.click()
-			// },
-			glowTarget: '.ugb-modal-design-library__enable-background',
-			// showNext: false,
-		},
-		{
-			title: __( 'Patterns and Full-Pages', i18n ),
-			description: __( 'Click here to switch between patterns and full-page layouts.', i18n ),
-			anchor: '.ugb-modal-design-library .components-modal__header',
-			position: 'bottom',
-		},
-	],
+		steps: [
+			{
+				title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
+				description: __( 'These are pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+				size: 'medium',
+			},
+			{
+				title: __( 'Pick Styling Options', i18n ),
+				description: __( 'Turn on backgrounds, change color schemes, to customize the library. Go ahead and click on "Section Background" and see your changes in real-time.', i18n ),
+				anchor: '.ugb-modal-design-library__enable-background',
+				position: 'right',
+				nextEventTarget: '.ugb-modal-design-library__enable-background',
+				// ctaLabel: __( 'Enable Background', i18n ),
+				// ctaOnClick: () => {
+				// 	const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
+				// 	element?.click()
+				// },
+				glowTarget: '.ugb-modal-design-library__enable-background',
+				// showNext: false,
+			},
+			{
+				title: __( 'Patterns and Full-Pages', i18n ),
+				description: __( 'Click here to switch between patterns and full-page layouts.', i18n ),
+				anchor: '.ugb-modal-design-library .components-modal__header',
+				position: 'bottom',
+			},
+		],
+	},
 }
diff --git a/src/plugins/design-library-button/design-library-button.js b/src/plugins/design-library-button/design-library-button.js
index d79756b5f8..fd712c7836 100644
--- a/src/plugins/design-library-button/design-library-button.js
+++ b/src/plugins/design-library-button/design-library-button.js
@@ -44,7 +44,7 @@ const DesignLibraryButton = () => {
 	return ( settings.stackable_enable_design_library &&
 		<>
 			{ /* TODO: This will need to only play on first time going to the editor, and if there's no quick button that started another tour */ }
-			<GuidedModalTour tourId="editor-welcome" hasConfetti={ false } />
+			<GuidedModalTour tourId="editor-welcome" />
 			<ToolbarButton
 				onClick={ onClick }
 				className="ugb-insert-library-button"

From 952bd2a95e38b84a6d0701c835b3328cbe23254f Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 09:15:08 +0800
Subject: [PATCH 13/78] added docs

---
 .../guided-modal-tour/tour-steps.js           | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 73cb8fc193..9339067379 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -1,6 +1,49 @@
 import { __ } from '@wordpress/i18n'
 import { i18n } from 'stackable'
 
+/**
+ * Guided Modal Tour Step Properties Documentation
+ *
+ * Tour-level properties (per tour object, not per step):
+ *
+ * - steps (array): The array of step objects as described above.
+ * - hasConfetti (boolean): If true, confetti is shown on the last step. Default is true.
+ * - condition (function): A function that returns true, false, or null to control if/when the tour is shown. null will show the tour only once.
+ *
+ * Each step in a tour is an object with the following possible properties:
+ *
+ * - title (string): The title text displayed at the top of the modal.
+ * - description (string|ReactNode): The main content or instructions for the step.
+ * - size (string): The size of the modal. Can be 'small', 'medium', or 'large'. Default is 'small'.
+ * - anchor (string): A CSS selector for the element to which the modal should be anchored. If not provided, modal is centered.
+ * - position (string): The position of the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', or 'center'. Default is 'center'.
+ * - offsetX (number): X-axis offset in pixels for fine-tuning the modal's position relative to the anchor.
+ * - offsetY (number): Y-axis offset in pixels for fine-tuning the modal's position relative to the anchor.
+ * - ctaLabel (string): If provided, a call-to-action button will be shown with this label.
+ * - ctaOnClick (function): Function to call when the CTA button is clicked. The tour will move to the next step after this is called.
+ * - showNext (boolean): If true, a "Next" button is shown. Default is true.
+ * - nextEventTarget (string): A CSS selector for an element. If provided, the tour will wait for the specified event on this element before moving to the next step.
+ * - nextEvent (string): The event name to listen for on nextEventTarget (e.g., 'click'). Default is 'click'.
+ * - glowTarget (string): A CSS selector for an element to highlight/glow during this step.
+ *
+ * Example:
+ * {
+ *   title: 'Welcome',
+ *   description: 'This is the first step.',
+ *   size: 'medium',
+ *   anchor: '.my-element',
+ *   position: 'bottom',
+ *   offsetX: 10,
+ *   offsetY: 0,
+ *   ctaLabel: 'Get Started',
+ *   ctaOnClick: () => { ... },
+ *   showNext: false,
+ *   nextEventTarget: '.my-button',
+ *   nextEvent: 'click',
+ *   glowTarget: '.my-element',
+ * }
+ */
+
 export const TOUR_STEPS = {
 	'design-system-welcome': {
 		steps: [

From e6e78eaf7efb322a90b5e4c3b206f8430f6fd502 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 10:39:28 +0800
Subject: [PATCH 14/78] added help note, refined tour for the design library

---
 src/components/guided-modal-tour/editor.scss  | 28 ++++++++--
 src/components/guided-modal-tour/index.js     | 52 +++++++++++++++----
 .../guided-modal-tour/tour-steps.js           | 46 ++++++++++++----
 3 files changed, 104 insertions(+), 22 deletions(-)

diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index d0bbd17ed9..e47c849d36 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -7,12 +7,14 @@
 .ugb-tour-modal {
 	pointer-events: all;
 	position: absolute;
-	--offset-x: 0;
-	--offset-y: 0;
+	--offset-x: 0px;
+	--offset-y: 0px;
 	--left: 50%;
 	--top: 50%;
 	left: var(--left);
 	top: var(--top);
+	margin-left: var(--offset-x);
+	margin-top: var(--offset-y);
 	overflow: visible;
 
 	--wp-admin-theme-color: #f00069;
@@ -20,7 +22,15 @@
 	--wp-admin-theme-color-darker-20: #cb0044;
 
 	// Smoothly transition moving top & left.
-	transition: max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), left 0.2s cubic-bezier(0.4, 0, 0.2, 1), top 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease-in-out, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease-in-out;
+	transition:
+		max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
+		left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
+		top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
+		margin-left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
+		margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
+		opacity 0.4s ease-in-out,
+		transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+		box-shadow 0.2s ease-in-out;
 	will-change: left, top, max-width;
 
 	display: none;
@@ -56,6 +66,18 @@
 		justify-content: flex-end;
 	}
 
+	.ugb-tour-modal__help {
+		background: #f4fbff;
+		padding: 8px 12px;
+		border-radius: 8px;
+		border: 1px solid rgba(0, 0, 0, 0.1);
+		margin-block: 16px;
+		svg {
+			vertical-align: text-top;
+			margin-inline-end: 8px;
+		}
+	}
+
 	.ugb-tour-modal__cta {
 		width: 100%;
 		justify-content: center;
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 61bd9a2b32..cd71937b40 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -21,7 +21,7 @@ import {
 } from '@wordpress/components'
 import { __ } from '@wordpress/i18n'
 import {
-	Icon, arrowRight, arrowLeft,
+	Icon, arrowRight, arrowLeft, info,
 } from '@wordpress/icons'
 import {
 	useEffect, useState, useCallback, useRef, useMemo,
@@ -87,13 +87,14 @@ const ModalTour = props => {
 	const {
 		title,
 		description,
+		help = null, // If provided, a help text will be shown below the description.
 		ctaLabel = null, // If provided, a button will be shown with this label.
 		ctaOnClick = NOOP, // This will be called when the button is clicked, we will move to the next step after.
 		size = 'small', // Size of the modal. Can be 'small', 'medium', 'large'.
 		anchor = null, // This is a selector for the element to anchor the modal to. Defaults to middle of the screen.
 		position = 'center', // This is the position to place the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', 'center'.
-		offsetX = 0, // This is the X offset of the modal relative to the anchor.
-		offsetY = 0, // This is the Y offset of the modal relative to the anchor.
+		offsetX = '0px', // This is the X offset of the modal relative to the anchor.
+		offsetY = '0px', // This is the Y offset of the modal relative to the anchor.
 		showNext = true, // If true, a "Next" button will be shown.
 		nextEventTarget = null, // If provided, this is a selector for the element to trigger the next event if there is one.
 		nextEvent = 'click', // This is the event to listen for to trigger the next step.
@@ -121,15 +122,42 @@ const ModalTour = props => {
 	}, [] )
 
 	useEffect( () => {
+		let clickListener = null
+
 		if ( nextEventTarget ) {
-			const element = document.querySelector( nextEventTarget )
-			element?.addEventListener( nextEvent, handleNextEvent )
+			if ( nextEvent === 'click' ) {
+				clickListener = event => {
+					// Check if the event target matches the selector or is inside an element that matches
+					if (
+						event.target.matches( nextEventTarget ) ||
+						event.target.closest( nextEventTarget )
+					) {
+						handleNextEvent()
+					}
+				}
+				// Use ownerDocument instead of document directly
+				const doc = modalRef.current?.ownerDocument || document
+				doc.addEventListener( 'click', clickListener )
+			} else {
+				const elements = document.querySelectorAll( nextEventTarget )
+				for ( let i = 0; i < elements.length; i++ ) {
+					elements[ i ].addEventListener( nextEvent, handleNextEvent )
+				}
+			}
 		}
 
 		return () => {
 			if ( nextEventTarget ) {
-				const element = document.querySelector( nextEventTarget )
-				element?.removeEventListener( nextEvent, handleNextEvent )
+				if ( nextEvent === 'click' && clickListener ) {
+					// Use ownerDocument instead of document directly
+					const doc = modalRef.current?.ownerDocument || document
+					doc.removeEventListener( 'click', clickListener )
+				} else {
+					const elements = document.querySelectorAll( nextEventTarget )
+					for ( let i = 0; i < elements.length; i++ ) {
+						elements[ i ].removeEventListener( nextEvent, handleNextEvent )
+					}
+				}
 			}
 		}
 	}, [ currentStep, nextEventTarget, nextEvent, handleNextEvent ] )
@@ -225,13 +253,19 @@ const ModalTour = props => {
 		>
 			<style>
 				{ `.ugb-tour-modal {
-					--offset-x: ${ offsetX }px;
-					--offset-y: ${ offsetY }px;
+					--offset-x: ${ offsetX };
+					--offset-y: ${ offsetY };
 					--left: ${ modalOffsetX };
 					--top: ${ modalOffsetY };
 				}` }
 			</style>
 			{ description }
+			{ help && (
+				<div className="ugb-tour-modal__help">
+					<Icon icon={ info } size={ 16 } />
+					{ help }
+				</div>
+			) }
 			{ ctaLabel && (
 				<Button
 					onClick={ () => {
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 9339067379..921f8df14a 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -1,5 +1,6 @@
 import { __ } from '@wordpress/i18n'
 import { i18n } from 'stackable'
+import { createInterpolateElement } from '@wordpress/element'
 
 /**
  * Guided Modal Tour Step Properties Documentation
@@ -14,6 +15,7 @@ import { i18n } from 'stackable'
  *
  * - title (string): The title text displayed at the top of the modal.
  * - description (string|ReactNode): The main content or instructions for the step.
+ * - help (string|ReactNode): If provided, a help text will be shown below the description.
  * - size (string): The size of the modal. Can be 'small', 'medium', or 'large'. Default is 'small'.
  * - anchor (string): A CSS selector for the element to which the modal should be anchored. If not provided, modal is centered.
  * - position (string): The position of the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', or 'center'. Default is 'center'.
@@ -68,7 +70,10 @@ export const TOUR_STEPS = {
 		steps: [
 			{
 				title: '👋 ' + __( 'Welcome to Stackable', i18n ),
-				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library.', i18n ),
+				help: createInterpolateElement( __( 'Click the <strong>Design Library</strong> button to continue.', i18n ), {
+					strong: <strong />,
+				} ),
 				// size: 'medium',
 				anchor: '.ugb-insert-library-button',
 				position: 'bottom',
@@ -87,28 +92,49 @@ export const TOUR_STEPS = {
 		steps: [
 			{
 				title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
-				description: __( 'These are pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+				description: __( 'These are hundreds ofpre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+				help: createInterpolateElement( __( 'Pick one of the <strong>designs</strong> to continue.', i18n ), {
+					strong: <strong />,
+				} ),
 				size: 'medium',
+				nextEventTarget: '.ugb-design-library-item',
+				offsetX: '-400px',
+			},
+			{
+				title: __( 'You Can Add More Than One', i18n ),
+				description: __( 'You can add more than one designs to your page. When you\'re done, you can the Add Designs button to insert. But let\'s see what else you can do.', i18n ),
+				size: 'small',
+				offsetX: '-400px',
 			},
 			{
 				title: __( 'Pick Styling Options', i18n ),
-				description: __( 'Turn on backgrounds, change color schemes, to customize the library. Go ahead and click on "Section Background" and see your changes in real-time.', i18n ),
+				description: __( 'Turn on backgrounds, change color schemes, to customize the library in real-time.', i18n ),
+				help: createInterpolateElement( __( 'Toggle the <strong>Section Background</strong> to continue.', i18n ), {
+					strong: <strong />,
+				} ),
 				anchor: '.ugb-modal-design-library__enable-background',
 				position: 'right',
 				nextEventTarget: '.ugb-modal-design-library__enable-background',
-				// ctaLabel: __( 'Enable Background', i18n ),
-				// ctaOnClick: () => {
-				// 	const element = document.querySelector( '.ugb-modal-design-library__enable-background .components-form-toggle__input' )
-				// 	element?.click()
-				// },
 				glowTarget: '.ugb-modal-design-library__enable-background',
-				// showNext: false,
+			},
+			{
+				title: __( 'Designs are Styled', i18n ),
+				description: __( 'Great! Your entire library now has a background. You can also change the other styling options next time.', i18n ),
+				anchor: '.ugb-modal-design-library__designs',
+				position: 'left',
+				offsetX: '200px',
 			},
 			{
 				title: __( 'Patterns and Full-Pages', i18n ),
-				description: __( 'Click here to switch between patterns and full-page layouts.', i18n ),
+				description: __( 'Aside from patterns, there are also full-page layouts in the library.', i18n ),
+				help: createInterpolateElement( __( 'Click the <strong>Pages</strong> tab to continue.', i18n ), {
+					strong: <strong />,
+				} ),
+				// TODO: Change these when we have the pages tab already.
 				anchor: '.ugb-modal-design-library .components-modal__header',
 				position: 'bottom',
+				nextEventTarget: '.ugb-modal-design-library .components-modal__header',
+				glowTarget: '.ugb-modal-design-library .components-modal__header',
 			},
 		],
 	},

From 695f1dd7406d58147ef01776edaada88f2e1285f Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 12:23:57 +0800
Subject: [PATCH 15/78] added prestep and poststep functions

---
 src/components/guided-modal-tour/editor.scss  |  17 ++-
 src/components/guided-modal-tour/index.js     | 112 ++++++++++++------
 .../guided-modal-tour/tour-steps.js           |  57 ++++++---
 src/components/modal-design-library/modal.js  |   2 +-
 4 files changed, 129 insertions(+), 59 deletions(-)

diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index e47c849d36..95d0a03225 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -1,5 +1,5 @@
 .ugb-tour-modal--overlay {
-	z-index: 1000001;
+	z-index: 1000002;
 	background-color: transparent !important;
 	pointer-events: none;
 }
@@ -24,10 +24,10 @@
 	// Smoothly transition moving top & left.
 	transition:
 		max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
-		left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
-		top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
-		margin-left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
-		margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1),
+		left 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+		top 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+		margin-left 0.2s cubic-bezier(0.4, 0, 0.2, 1),
+		margin-top 0.2s cubic-bezier(0.4, 0, 0.2, 1),
 		opacity 0.4s ease-in-out,
 		transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
 		box-shadow 0.2s ease-in-out;
@@ -163,13 +163,18 @@
 
 .ugb-tour-modal__glow {
 	position: absolute;
-	z-index: 999999;
+	z-index: 1000001;
 	box-shadow: 0 0 20px #f00069;
 	border-radius: 8px;
 	pointer-events: none;
 	animation: tour-modal-glow 0.7s infinite alternate;
 	mix-blend-mode: multiply;
 	will-change: transform, box-shadow;
+	transition: opacity 0.2s ease-in-out;
+	opacity: 1;
+	&.ugb-tour-modal__glow--hidden {
+		opacity: 0;
+	}
 }
 
 .ugb-tour-modal__glow--medium,
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index cd71937b40..f78a26b031 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -83,6 +83,7 @@ const ModalTour = props => {
 	const [ isVisibleDelayed, setIsVisibleDelayed ] = useState( false )
 	const [ forceRefresh, setForceRefresh ] = useState( 0 )
 	const modalRef = useRef( null )
+	const glowElementRef = useRef( null )
 
 	const {
 		title,
@@ -99,15 +100,55 @@ const ModalTour = props => {
 		nextEventTarget = null, // If provided, this is a selector for the element to trigger the next event if there is one.
 		nextEvent = 'click', // This is the event to listen for to trigger the next step.
 		glowTarget = null, // If provided, this is a selector for the element to glow when the step is active.
+		// eslint-disable-next-line no-unused-vars
+		preStep = NOOP, // If provided, this is a function to run before the step is shown.
+		// eslint-disable-next-line no-unused-vars
+		postStep = NOOP, // If provided, this is a function to run after the step is shown.
 	} = steps[ currentStep ]
 
+	// While the modal is visible, just keep on force refreshing the modal in an interval to make sure the modal is always in the correct position.
+	useEffect( () => {
+		let interval
+		if ( isVisible ) {
+			interval = setInterval( () => {
+				setForceRefresh( forceRefresh => forceRefresh + 1 )
+			}, 300 )
+		}
+		return () => clearInterval( interval )
+	}, [ isVisible, isVisibleDelayed ] )
+
 	// Create a stable function reference for the event listener
 	const handleNextEvent = useCallback( () => {
-		setCurrentStep( currentStep + 1 )
+		setCurrentStep( currentStep => {
+			setTimeout( () => {
+				steps[ currentStep ]?.postStep?.( currentStep )
+			}, 50 )
+			const nextStep = currentStep + 1
+			steps[ nextStep ]?.preStep?.( nextStep )
+			return nextStep
+		} )
+		setTimeout( () => {
+			setForceRefresh( forceRefresh => forceRefresh + 1 )
+		}, 50 )
 		setTimeout( () => {
-			setForceRefresh( forceRefresh + 1 )
+			setForceRefresh( forceRefresh => forceRefresh + 1 )
+		}, 350 )
+	}, [ currentStep, steps ] )
+
+	const handleBackEvent = useCallback( () => {
+		setCurrentStep( currentStep => {
+			// steps[ currentStep ]?.postStep?.( currentStep )
+			const nextStep = currentStep - 1
+			steps[ nextStep ]?.preStep?.( nextStep )
+			return nextStep
+		} )
+		setTimeout( () => {
+			setForceRefresh( forceRefresh => forceRefresh + 1 )
 		}, 50 )
-	}, [ currentStep ] )
+		setTimeout( () => {
+			setForceRefresh( forceRefresh => forceRefresh + 1 )
+		}, 350 )
+	}, [ currentStep, steps ] )
 
 	// Show modal after 1 second delay
 	useEffect( () => {
@@ -116,7 +157,7 @@ const ModalTour = props => {
 			setTimeout( () => {
 				setIsVisibleDelayed( true )
 			}, 150 )
-		}, 1500 )
+		}, 1050 )
 
 		return () => clearTimeout( timer )
 	}, [] )
@@ -162,6 +203,22 @@ const ModalTour = props => {
 		}
 	}, [ currentStep, nextEventTarget, nextEvent, handleNextEvent ] )
 
+	// Create the glow element while this component is mounted.
+	useEffect( () => {
+		// Create the element.
+		const element = document.createElement( 'div' )
+		element.className = `ugb-tour-modal__glow ugb-tour-modal__glow--hidden`
+		document.body.appendChild( element )
+
+		// Keep track of the element.
+		glowElementRef.current = element
+
+		return () => {
+			glowElementRef.current = null
+			element.remove()
+		}
+	}, [] )
+
 	// These are the X and Y offsets of the modal relative to the anchor. This will be
 	const [ modalOffsetX, modalOffsetY ] = useMemo( () => {
 		if ( ! modalRef.current ) {
@@ -179,6 +236,10 @@ const ModalTour = props => {
 		// We have the modalRef.current which we can use to get the modal's bounding client rect.
 		const anchorRect = document.querySelector( anchor )?.getBoundingClientRect()
 
+		if ( ! anchorRect ) {
+			return defaultOffset
+		}
+
 		switch ( position ) {
 			case 'left':
 				// Left, middle
@@ -216,21 +277,16 @@ const ModalTour = props => {
 						: 'small'
 
 				// Create the element.
-				const element = document.createElement( 'div' )
-				element.className = `ugb-tour-modal__glow ugb-tour-modal__glow--${ glowTargetSize }`
-				element.style.top = `${ targetRect.top - 8 }px`
-				element.style.left = `${ targetRect.left - 8 }px`
-				element.style.width = `${ targetRect.width + 16 }px`
-				element.style.height = `${ targetRect.height + 16 }px`
-				document.body.appendChild( element )
-			}
-		}
-		// Remove the element when the component unmounts or the step changes.
-		return () => {
-			if ( glowTarget ) {
-				const element = document.querySelector( '.ugb-tour-modal__glow' )
-				element?.remove()
+				if ( glowElementRef.current ) {
+					glowElementRef.current.className = `ugb-tour-modal__glow ugb-tour-modal__glow--${ glowTargetSize }`
+					glowElementRef.current.style.top = `${ targetRect.top - 8 }px`
+					glowElementRef.current.style.left = `${ targetRect.left - 8 }px`
+					glowElementRef.current.style.width = `${ targetRect.width + 16 }px`
+					glowElementRef.current.style.height = `${ targetRect.height + 16 }px`
+				}
 			}
+		} else if ( glowElementRef.current ) {
+			glowElementRef.current.className = `ugb-tour-modal__glow ugb-tour-modal__glow--hidden`
 		}
 	}, [ glowTarget, currentStep, isVisible, isVisibleDelayed, forceRefresh ] )
 
@@ -270,10 +326,7 @@ const ModalTour = props => {
 				<Button
 					onClick={ () => {
 						ctaOnClick()
-						setCurrentStep( currentStep + 1 )
-						setTimeout( () => {
-							setForceRefresh( forceRefresh + 1 )
-						}, 50 )
+						handleNextEvent()
 					} }
 					variant="primary"
 					className="ugb-tour-modal__cta"
@@ -285,17 +338,11 @@ const ModalTour = props => {
 				<Steps
 					numSteps={ steps.length }
 					currentStep={ currentStep }
-					onClickStep={ setCurrentStep }
 				/>
 				{ currentStep > 0 && (
 					<Button
 						variant="tertiary"
-						onClick={ () => {
-							setCurrentStep( currentStep - 1 )
-							setTimeout( () => {
-								setForceRefresh( forceRefresh + 1 )
-							}, 50 )
-						} }
+						onClick={ handleBackEvent }
 					>
 						<Icon icon={ arrowLeft } size={ 20 } />
 						&nbsp;
@@ -337,10 +384,7 @@ const ModalTour = props => {
 								}
 								onClose()
 							} else {
-								setCurrentStep( currentStep + 1 )
-								setTimeout( () => {
-									setForceRefresh( forceRefresh + 1 )
-								}, 100 )
+								handleNextEvent()
 							}
 						} }
 					>
@@ -364,7 +408,6 @@ const Steps = props => {
 	const {
 		numSteps = 3,
 		currentStep = 0,
-		// onClickStep = NOOP,
 	} = props
 
 	if ( numSteps === 1 ) {
@@ -382,7 +425,6 @@ const Steps = props => {
 				return (
 					<div
 						className={ classes }
-						// onClick={ () => onClickStep( index ) }
 						key={ index }
 					/>
 				)
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 921f8df14a..c17d861f90 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -51,13 +51,22 @@ export const TOUR_STEPS = {
 		steps: [
 			{
 				title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
-				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library. Click the button above to get started.', i18n ),
+				description: __( 'Design once, apply everywhere! Set global styles so every block across your site looks and feels unified.', i18n ),
 				size: 'medium',
 				anchor: '.interface-interface-skeleton__sidebar',
 				position: 'left',
-				// nextEventTarget: '.ugb-insert-library-button',
-				glowTarget: '.interface-interface-skeleton__sidebar',
-			// showNext: false,
+				// glowTarget: '.interface-interface-skeleton__sidebar',
+			},
+			{
+				title: __( 'Use The Style Guide', i18n ),
+				description: __( 'You can use the Style Guide to see how your complete design system looks.', i18n ),
+				help: createInterpolateElement( __( 'Click the <strong>Style Guide</strong> button to continue.', i18n ), {
+					strong: <strong />,
+				} ),
+				anchor: '.ugb-modal-design-system__style-guide-button',
+				position: 'left',
+				nextEventTarget: '.ugb-modal-design-system__style-guide-button',
+				glowTarget: '.ugb-modal-design-system__style-guide-button',
 			},
 		],
 	},
@@ -100,15 +109,9 @@ export const TOUR_STEPS = {
 				nextEventTarget: '.ugb-design-library-item',
 				offsetX: '-400px',
 			},
-			{
-				title: __( 'You Can Add More Than One', i18n ),
-				description: __( 'You can add more than one designs to your page. When you\'re done, you can the Add Designs button to insert. But let\'s see what else you can do.', i18n ),
-				size: 'small',
-				offsetX: '-400px',
-			},
 			{
 				title: __( 'Pick Styling Options', i18n ),
-				description: __( 'Turn on backgrounds, change color schemes, to customize the library in real-time.', i18n ),
+				description: __( 'Optionally, you can turn on backgrounds, change color schemes, to customize the library in real-time.', i18n ),
 				help: createInterpolateElement( __( 'Toggle the <strong>Section Background</strong> to continue.', i18n ), {
 					strong: <strong />,
 				} ),
@@ -116,17 +119,37 @@ export const TOUR_STEPS = {
 				position: 'right',
 				nextEventTarget: '.ugb-modal-design-library__enable-background',
 				glowTarget: '.ugb-modal-design-library__enable-background',
+				postStep: () => {
+					const el = document.querySelector( '.ugb-modal-design-library__enable-background input' )
+					// If the input is not checked, click the button.
+					if ( ! el.checked ) {
+						el.click()
+					}
+				},
 			},
 			{
-				title: __( 'Designs are Styled', i18n ),
-				description: __( 'Great! Your entire library now has a background. You can also change the other styling options next time.', i18n ),
-				anchor: '.ugb-modal-design-library__designs',
-				position: 'left',
-				offsetX: '200px',
+				title: __( 'Change Color Schemes', i18n ),
+				description: __( 'Awesome! Your designs now have a background. Try out the available color schemes below. You can also create your own later!', i18n ),
+				help: createInterpolateElement( __( 'Pick a <strong>Color Scheme</strong> to continue.', i18n ), {
+					strong: <strong />,
+				} ),
+				anchor: '.ugb-design-library__color-scheme-popover',
+				position: 'top',
+				nextEventTarget: '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme',
+				glowTarget: '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type',
+				preStep: () => {
+					// Let's make sure the background scheme is open.
+					if ( ! document.querySelector( '.ugb-design-library__color-scheme-popover' ) ) {
+						document.querySelector( '.ugb-modal-design-library__background-scheme .ugb-modal-design-library__stk-color-scheme' )?.click()
+					}
+				},
+				postStep: () => {
+					document.querySelector( '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type' )?.click()
+				},
 			},
 			{
 				title: __( 'Patterns and Full-Pages', i18n ),
-				description: __( 'Aside from patterns, there are also full-page layouts in the library.', i18n ),
+				description: __( 'Great! Your entire library is now styled. Aside from patterns, there are also full-page layouts in the library.', i18n ),
 				help: createInterpolateElement( __( 'Click the <strong>Pages</strong> tab to continue.', i18n ), {
 					strong: <strong />,
 				} ),
diff --git a/src/components/modal-design-library/modal.js b/src/components/modal-design-library/modal.js
index bc50268041..ce3dc02471 100644
--- a/src/components/modal-design-library/modal.js
+++ b/src/components/modal-design-library/modal.js
@@ -253,7 +253,7 @@ export const ModalDesignLibrary = props => {
 						/>
 						<BaseControl
 							label={ __( 'Background Scheme', i18n ) }
-							className="ugb-modal-design-library__color-scheme-label"
+							className="ugb-modal-design-library__color-scheme-label ugb-modal-design-library__background-scheme"
 						>
 							<Dropdown
 								className="ugb-modal-design-library__color-scheme-dropdown"

From d6059b7eb03337fb2f6c582bf728e495dcf12842 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 12:31:41 +0800
Subject: [PATCH 16/78] better positioning

---
 src/components/guided-modal-tour/index.js | 79 ++++++++++++++++-------
 1 file changed, 57 insertions(+), 22 deletions(-)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index f78a26b031..f941ec27c8 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -82,6 +82,7 @@ const ModalTour = props => {
 	const [ isVisible, setIsVisible ] = useState( false )
 	const [ isVisibleDelayed, setIsVisibleDelayed ] = useState( false )
 	const [ forceRefresh, setForceRefresh ] = useState( 0 )
+	const [ isTransitioning, setIsTransitioning ] = useState( false )
 	const modalRef = useRef( null )
 	const glowElementRef = useRef( null )
 
@@ -109,45 +110,79 @@ const ModalTour = props => {
 	// While the modal is visible, just keep on force refreshing the modal in an interval to make sure the modal is always in the correct position.
 	useEffect( () => {
 		let interval
-		if ( isVisible ) {
+		if ( isVisible && ! isTransitioning ) {
 			interval = setInterval( () => {
 				setForceRefresh( forceRefresh => forceRefresh + 1 )
-			}, 300 )
+			}, 500 )
 		}
 		return () => clearInterval( interval )
-	}, [ isVisible, isVisibleDelayed ] )
+	}, [ isVisible, isVisibleDelayed, isTransitioning ] )
 
 	// Create a stable function reference for the event listener
 	const handleNextEvent = useCallback( () => {
-		setCurrentStep( currentStep => {
+		// Hide modal during transition
+		setIsVisible( false )
+		setIsVisibleDelayed( false )
+		setIsTransitioning( true )
+
+		setTimeout( () => {
+			setCurrentStep( currentStep => {
+				setTimeout( () => {
+					steps[ currentStep ]?.postStep?.( currentStep )
+				}, 50 )
+				const nextStep = currentStep + 1
+				steps[ nextStep ]?.preStep?.( nextStep )
+				return nextStep
+			} )
+
+			// Show modal after 200ms delay
 			setTimeout( () => {
-				steps[ currentStep ]?.postStep?.( currentStep )
-			}, 50 )
-			const nextStep = currentStep + 1
-			steps[ nextStep ]?.preStep?.( nextStep )
-			return nextStep
-		} )
+				setIsVisible( true )
+				setTimeout( () => {
+					setIsVisibleDelayed( true )
+					setIsTransitioning( false )
+				}, 150 )
+			}, 200 )
+		}, 100 )
+
 		setTimeout( () => {
 			setForceRefresh( forceRefresh => forceRefresh + 1 )
-		}, 50 )
+		}, 350 )
 		setTimeout( () => {
 			setForceRefresh( forceRefresh => forceRefresh + 1 )
-		}, 350 )
+		}, 650 )
 	}, [ currentStep, steps ] )
 
 	const handleBackEvent = useCallback( () => {
-		setCurrentStep( currentStep => {
-			// steps[ currentStep ]?.postStep?.( currentStep )
-			const nextStep = currentStep - 1
-			steps[ nextStep ]?.preStep?.( nextStep )
-			return nextStep
-		} )
+		// Hide modal during transition
+		setIsVisible( false )
+		setIsVisibleDelayed( false )
+		setIsTransitioning( true )
+
 		setTimeout( () => {
-			setForceRefresh( forceRefresh => forceRefresh + 1 )
-		}, 50 )
+			setCurrentStep( currentStep => {
+				// steps[ currentStep ]?.postStep?.( currentStep )
+				const nextStep = currentStep - 1
+				steps[ nextStep ]?.preStep?.( nextStep )
+				return nextStep
+			} )
+
+			// Show modal after 200ms delay
+			setTimeout( () => {
+				setIsVisible( true )
+				setTimeout( () => {
+					setIsVisibleDelayed( true )
+					setIsTransitioning( false )
+				}, 150 )
+			}, 200 )
+		}, 100 )
+
 		setTimeout( () => {
 			setForceRefresh( forceRefresh => forceRefresh + 1 )
 		}, 350 )
+		setTimeout( () => {
+			setForceRefresh( forceRefresh => forceRefresh + 1 )
+		}, 650 )
 	}, [ currentStep, steps ] )
 
 	// Show modal after 1 second delay
@@ -261,7 +296,7 @@ const ModalTour = props => {
 			default:
 				return defaultOffset
 		}
-	}, [ anchor, position, modalRef.current, isVisible, isVisibleDelayed, forceRefresh ] )
+	}, [ anchor, position, modalRef.current, isVisible, isVisibleDelayed, isTransitioning, forceRefresh ] )
 
 	// If we have a glow target, create a new element in the body, placed on the top of the target, below the modal.
 	useEffect( () => {
@@ -288,7 +323,7 @@ const ModalTour = props => {
 		} else if ( glowElementRef.current ) {
 			glowElementRef.current.className = `ugb-tour-modal__glow ugb-tour-modal__glow--hidden`
 		}
-	}, [ glowTarget, currentStep, isVisible, isVisibleDelayed, forceRefresh ] )
+	}, [ glowTarget, currentStep, isVisible, isVisibleDelayed, isTransitioning, forceRefresh ] )
 
 	if ( ! isVisible ) {
 		return null

From 39d2d85cf1843b130f5b3e5fdf44ef0e14581b11 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 13:12:32 +0800
Subject: [PATCH 17/78] added close button

---
 src/components/guided-modal-tour/tour-steps.js | 1 +
 src/components/modal-design-library/modal.js   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index c17d861f90..350c0c9bc7 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -145,6 +145,7 @@ export const TOUR_STEPS = {
 				},
 				postStep: () => {
 					document.querySelector( '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type' )?.click()
+					document.querySelector( '.ugb-modal-design-library__color-scheme-close-button' )?.click()
 				},
 			},
 			{
diff --git a/src/components/modal-design-library/modal.js b/src/components/modal-design-library/modal.js
index ce3dc02471..0a7b718768 100644
--- a/src/components/modal-design-library/modal.js
+++ b/src/components/modal-design-library/modal.js
@@ -276,6 +276,7 @@ export const ModalDesignLibrary = props => {
 											<p> { __( 'Background Scheme', i18n ) }</p>
 											<Button
 												icon="no"
+												className="ugb-modal-design-library__color-scheme-close-button"
 												onClick={ () => {
 													onClose()
 												} }

From b24825de903a6458803f2add44349e10b71f206a Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 16:06:14 +0800
Subject: [PATCH 18/78] added style guide

---
 src/components/guided-modal-tour/index.js     |   6 +
 .../guided-modal-tour/tour-steps.js           |  15 +-
 src/components/index.js                       |   1 +
 src/components/style-guide/editor.scss        |  87 ++++++++++++
 src/components/style-guide/index.js           | 131 ++++++++++++++++++
 src/components/style-guide/popover.js         |  50 +++++++
 src/plugins/global-settings/editor.scss       |   5 +
 src/plugins/global-settings/index.js          |  18 ++-
 8 files changed, 307 insertions(+), 6 deletions(-)
 create mode 100644 src/components/style-guide/editor.scss
 create mode 100644 src/components/style-guide/index.js
 create mode 100644 src/components/style-guide/popover.js

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index f941ec27c8..984759f366 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -125,6 +125,12 @@ const ModalTour = props => {
 		setIsVisibleDelayed( false )
 		setIsTransitioning( true )
 
+		// If at the last step, just close
+		if ( currentStep === steps.length - 1 ) {
+			onClose()
+			return
+		}
+
 		setTimeout( () => {
 			setCurrentStep( currentStep => {
 				setTimeout( () => {
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 350c0c9bc7..e870548ddd 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -60,14 +60,21 @@ export const TOUR_STEPS = {
 			{
 				title: __( 'Use The Style Guide', i18n ),
 				description: __( 'You can use the Style Guide to see how your complete design system looks.', i18n ),
-				help: createInterpolateElement( __( 'Click the <strong>Style Guide</strong> button to continue.', i18n ), {
+				help: createInterpolateElement( __( 'Click the <strong>Preview Design System</strong> button to continue.', i18n ), {
 					strong: <strong />,
 				} ),
-				anchor: '.ugb-modal-design-system__style-guide-button',
+				anchor: '.ugb-global-settings__preview-button',
 				position: 'left',
-				nextEventTarget: '.ugb-modal-design-system__style-guide-button',
-				glowTarget: '.ugb-modal-design-system__style-guide-button',
+				nextEventTarget: '.ugb-global-settings__preview-button',
+				glowTarget: '.ugb-global-settings__preview-button',
+				postStep: () => {
+					// Open the style guide if it's not open.
+					if ( ! document.querySelector( '.ugb-style-guide-popover' ) ) {
+						document.querySelector( '.ugb-global-settings__preview-button' )?.click()
+					}
+				},
 			},
+			// TODO: this is not yet finished
 		],
 	},
 	'editor-welcome': {
diff --git a/src/components/index.js b/src/components/index.js
index 4d415c396e..5699248a1a 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -57,6 +57,7 @@ export { default as TaxonomyControl } from './taxonomy-control'
 export { default as Tooltip } from './tooltip'
 export { default as BlockStyles } from './block-styles'
 export { default as GuidedModalTour } from './guided-modal-tour'
+export { default as StyleGuide, StyleGuidePopover } from './style-guide'
 
 // V2 only Components, for deprecation
 export { default as BlockContainer } from './block-container'
diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
new file mode 100644
index 0000000000..3a363db2ce
--- /dev/null
+++ b/src/components/style-guide/editor.scss
@@ -0,0 +1,87 @@
+.ugb-style-guide {
+	.ugb-style-guide__content {
+		padding: 70px;
+	}
+
+	.ugb-style-guide__columns {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 50px;
+	}
+
+	.ugb-style-guide__section-title {
+		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+		font-size: 2em;
+		font-weight: 700;
+		border-bottom: 1px solid #eee;
+		line-height: 1.2;
+		padding: 0 0 8px;
+		margin-bottom: 1em;
+		&:not(:first-child) {
+			margin-top: 2em;
+		}
+	}
+
+	.ugb-style-guide__section-subheading {
+		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+		font-size: 1.1em;
+		font-weight: 400;
+		margin-bottom: 1em;
+		&:not(:first-child) {
+			margin-top: 1.5em;
+		}
+	}
+	.ugb-style-guide__label {
+		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+		font-size: 1em;
+		font-weight: 500;
+		line-height: 1;
+	}
+
+	.ugb-style-guide__colors {
+		gap: 20px;
+		margin-top: 20px;
+		display: flex;
+		flex-wrap: wrap;
+		.ugb-style-guide__column {
+			flex: 1 1 200px;
+			height: 100px;
+			border-radius: 10px;
+			border: 1px solid #eee;
+			display: flex;
+			align-items: flex-end;
+			padding: 12px;
+		}
+	}
+
+}
+.ugb-style-guide-popover__title {
+	margin: 70px 70px 0;
+}
+
+.ugb-style-guide__print-button {
+	float: inline-end;
+}
+.ugb-style-guide-popover {
+	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+
+	.ugb-style-guide-popover__close-button {
+		height: 40px;
+		width: 40px;
+		padding: 8px;
+		right: 20px;
+		position: absolute;
+		margin-top: 10px;
+	}
+
+	.ugb-style-guide__print-button {
+		margin: -1em 70px 0 0;
+	}
+
+	> .components-popover__content {
+		margin-top: 20px;
+		margin-left: 20px;
+		width: calc(var(--width) - 40px) !important;
+		height: calc(var(--height) - 40px) !important;
+	}
+}
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
new file mode 100644
index 0000000000..93510bcf90
--- /dev/null
+++ b/src/components/style-guide/index.js
@@ -0,0 +1,131 @@
+/**
+ * External dependencies
+ */
+import { i18n } from 'stackable'
+
+/**
+ * Internal dependencies
+ */
+import { toPng } from 'html-to-image'
+
+/**
+ * WordPress dependencies
+ */
+import { sprintf, __ } from '@wordpress/i18n'
+import { useRef, useState } from '@wordpress/element'
+import { Icon, download as downloadIcon } from '@wordpress/icons'
+import { Button } from '@wordpress/components'
+import { isDarkColor } from '~stackable/util'
+
+export { default as StyleGuidePopover } from './popover'
+
+// TODO: This is not yet finished
+const StyleGuide = () => {
+	const styleGuideRef = useRef( null )
+
+	return (
+		<>
+			<ExportButton printRef={ styleGuideRef } />
+			<div className="ugb-style-guide">
+				<div className="ugb-style-guide__content editor-styles-wrapper" ref={ styleGuideRef }>
+
+					<h1 className="ugb-style-guide__section-title">{ __( 'Colors', i18n ) }</h1>
+					<h2 className="ugb-style-guide__section-subheading">{ __( 'Color Palette', i18n ) }</h2>
+					<div className="ugb-style-guide__columns ugb-style-guide__colors">
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#f00069' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#f00069' ) ? '#fff' : '#000' } }>
+								#F00069
+							</div>
+						</div>
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#111' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#111' ) ? '#fff' : '#000' } }>
+								#111111
+							</div>
+						</div>
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#222' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#222' ) ? '#fff' : '#000' } }>
+								#222222
+							</div>
+						</div>
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#333' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#333' ) ? '#fff' : '#000' } }>
+								#333333
+							</div>
+						</div>
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#444' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#444' ) ? '#fff' : '#000' } }>
+								#444444
+							</div>
+						</div>
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#555' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#555' ) ? '#fff' : '#000' } }>
+								#555555
+							</div>
+						</div>
+						<div className="ugb-style-guide__column" style={ { backgroundColor: '#666' } }>
+							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#666' ) ? '#fff' : '#000' } }>
+								#666666
+							</div>
+						</div>
+					</div>
+
+					<h2 className="ugb-style-guide__section-subheading">{ __( 'Color Schemes', i18n ) }</h2>
+
+					<h1 className="ugb-style-guide__section-title">{ __( 'Typography', i18n ) }</h1>
+					<div className="ugb-style-guide__columns">
+						<div className="ugb-style-guide__column">
+							<h2 className="ugb-style-guide__section-subheading">{ __( 'Titles & Headings', i18n ) }</h2>
+							<h1>{ __( 'Heading 1', i18n ) }</h1>
+							<h2>{ __( 'Heading 2', i18n ) }</h2>
+							<h3>{ __( 'Heading 3', i18n ) }</h3>
+							<h4>{ __( 'Heading 4', i18n ) }</h4>
+							<h5>{ __( 'Heading 5', i18n ) }</h5>
+							<h6>{ __( 'Heading 6', i18n ) }</h6>
+							<p>{ __( 'Paragraph', i18n ) }</p>
+						</div>
+						<div className="ugb-style-guide__column">
+							<h2 className="ugb-style-guide__section-subheading">{ __( 'Body Text', i18n ) }</h2>
+							<p>Morning sunlight filters through city windows as familiar voices fill the room. The table is scattered with mugs and yesterday\’s news, while someone debates the best way to arrange the cushions. Laughter drifts from the kitchen, and plans for the day are made between sips of coffee and playful banter.</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</>
+	)
+}
+
+export default StyleGuide
+
+const ExportButton = props => {
+	const { printRef } = props
+	const [ isExporting, setIsExporting ] = useState( false )
+
+	const handlePrint = () => {
+		setIsExporting( true )
+		toPng( printRef.current, { cacheBust: true } )
+			.then( dataUrl => {
+				const link = document.createElement( 'a' )
+				link.download = 'style-guide.png'
+				link.href = dataUrl
+				link.click()
+				setIsExporting( false )
+			} )
+			.catch( err => {
+				alert( sprintf( __( 'Error exporting style guide: %s', i18n ), err.message || err ) ) // eslint-disable-line no-alert
+				setIsExporting( false )
+			} )
+	}
+
+	return (
+		<Button
+			className="ugb-style-guide__print-button"
+			isSecondary
+			onClick={ handlePrint }
+			icon={ <Icon icon={ downloadIcon } /> }
+			isBusy={ isExporting }
+			disabled={ isExporting }
+		>
+			{ __( 'Export', i18n ) }
+		</Button>
+	)
+}
diff --git a/src/components/style-guide/popover.js b/src/components/style-guide/popover.js
new file mode 100644
index 0000000000..83491ce291
--- /dev/null
+++ b/src/components/style-guide/popover.js
@@ -0,0 +1,50 @@
+/**
+ * External dependencies
+ */
+import { i18n } from 'stackable'
+
+/**
+ * Internal dependencies
+ */
+import { StyleGuide } from '~stackable/components'
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n'
+import { useMemo } from '@wordpress/element'
+import { Popover, Button } from '@wordpress/components'
+import { Icon, close as closeIcon } from '@wordpress/icons'
+
+const StyleGuidePopover = props => {
+	const { onClose } = props
+
+	// On load, look for the .interface-interface-skeleton__content and position over it.
+	const [ editorStylesWrapper, width, height ] = useMemo( () => {
+		const el = document.querySelector( '.interface-interface-skeleton__content' )
+		return [ el, el?.offsetWidth, el?.offsetHeight ]
+	}, [] )
+
+	const style = width && height ? { '--width': `${ width }px`, '--height': `${ height }px` } : {}
+
+	return (
+		<Popover
+			className="ugb-style-guide-popover"
+			anchor={ editorStylesWrapper }
+			placement="overlay"
+			style={ style }
+		>
+			<Button
+				className="ugb-style-guide-popover__close-button"
+				variant="tertiary"
+				onClick={ onClose }
+			>
+				<Icon icon={ closeIcon } />
+			</Button>
+			<h1 className="ugb-style-guide-popover__title">{ __( 'Design System Style Guide', i18n ) }</h1>
+			<StyleGuide { ...props } />
+		</Popover>
+	)
+}
+
+export default StyleGuidePopover
diff --git a/src/plugins/global-settings/editor.scss b/src/plugins/global-settings/editor.scss
index 3311947704..86cb08fa47 100644
--- a/src/plugins/global-settings/editor.scss
+++ b/src/plugins/global-settings/editor.scss
@@ -31,3 +31,8 @@
 	position: sticky;
 	top: 75px;
 }
+
+.ugb-global-settings__preview-button {
+	width: 100%;
+	justify-content: center !important;
+}
diff --git a/src/plugins/global-settings/index.js b/src/plugins/global-settings/index.js
index 7faf98200d..7428296094 100644
--- a/src/plugins/global-settings/index.js
+++ b/src/plugins/global-settings/index.js
@@ -18,7 +18,7 @@ import {
 	isContentOnlyMode,
 	settings,
 } from 'stackable'
-import { GuidedModalTour } from '~stackable/components'
+import { GuidedModalTour, StyleGuidePopover } from '~stackable/components'
 import { currentUserHasCapability } from '~stackable/util'
 
 /** WordPress dependencies
@@ -30,7 +30,8 @@ import { useEffect, useState } from '@wordpress/element'
 import {
 	dispatch, select, useSelect,
 } from '@wordpress/data'
-import { PanelBody } from '@wordpress/components'
+import { Icon, layout as layoutIcon } from '@wordpress/icons'
+import { Button, PanelBody } from '@wordpress/components'
 
 // Action used to toggle the global settings panel.
 addAction( 'stackable.global-settings.toggle-sidebar', 'toggle', () => {
@@ -48,6 +49,8 @@ const GlobalSettings = () => {
 	const [ userCanManageOptions, setUserCanManageOptions ] = useState( false )
 	const id = useSelect( select => select( 'core' ).getCurrentUser()?.id )
 
+	const [ isStyleGuideOpen, setIsStyleGuideOpen ] = useState( false )
+
 	useEffect( () => {
 		const checkCapabilities = async () => {
 			const capabilities = await currentUserHasCapability( 'manage_options' )
@@ -77,7 +80,18 @@ const GlobalSettings = () => {
 							{ /* &nbsp;
 							<a href="https://docs.wpstackable.com/article/465-how-to-style-the-different-block-hover-states?utm_source=wp-settings-global-settings&utm_campaign=learnmore&utm_medium=wp-dashboard" target="_docs">{ __( 'Learn more', i18n ) }</a> */ }
 						</p>
+						<Button
+							isSecondary
+							className="ugb-global-settings__preview-button"
+							onClick={ () => setIsStyleGuideOpen( isOpen => ! isOpen ) }
+							icon={ <Icon icon={ layoutIcon } /> }
+						>
+							{ isStyleGuideOpen ? __( 'Close Preview', i18n ) : __( 'Preview Design System', i18n ) }
+						</Button>
 					</PanelBody>
+					{ isStyleGuideOpen && (
+						<StyleGuidePopover onClose={ () => setIsStyleGuideOpen( false ) } />
+					) }
 					{ globalSettingsInspector }
 					<GuidedModalTour tourId="design-system-welcome" />
 				</PluginSidebar>

From 514ddc565d584dd25f3d25bd2da8696f96583269 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 16:45:37 +0800
Subject: [PATCH 19/78] added package changes

---
 package-lock.json | 11 +++++++++++
 package.json      |  1 +
 2 files changed, 12 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 30d9bed1be..a7a7f464f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
 				"deepmerge": "^3.3.0",
 				"fast-deep-equal": "^3.1.3",
 				"glightbox": "^3.2.0",
+				"html-to-image": "^1.11.13",
 				"is-dark-color": "^1.2.0",
 				"md5": "^2.3.0",
 				"prop-types": "^15.7.2",
@@ -17205,6 +17206,11 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/html-to-image": {
+			"version": "1.11.13",
+			"resolved": "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.13.tgz",
+			"integrity": "sha512-cuOPoI7WApyhBElTTb9oqsawRvZ0rHhaHwghRLlTuffoD1B2aDemlCruLeZrUIIdvG7gs9xeELEPm6PhuASqrg=="
+		},
 		"node_modules/htmlparser2": {
 			"version": "6.1.0",
 			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
@@ -47925,6 +47931,11 @@
 			"integrity": "sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg==",
 			"dev": true
 		},
+		"html-to-image": {
+			"version": "1.11.13",
+			"resolved": "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.13.tgz",
+			"integrity": "sha512-cuOPoI7WApyhBElTTb9oqsawRvZ0rHhaHwghRLlTuffoD1B2aDemlCruLeZrUIIdvG7gs9xeELEPm6PhuASqrg=="
+		},
 		"htmlparser2": {
 			"version": "6.1.0",
 			"resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
diff --git a/package.json b/package.json
index 9689b55d41..72420b1c38 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
 		"deepmerge": "^3.3.0",
 		"fast-deep-equal": "^3.1.3",
 		"glightbox": "^3.2.0",
+		"html-to-image": "^1.11.13",
 		"is-dark-color": "^1.2.0",
 		"md5": "^2.3.0",
 		"prop-types": "^15.7.2",

From a30f51ae09cb1911386dc8bf27fedd64aa4d1d29 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sun, 3 Aug 2025 16:45:45 +0800
Subject: [PATCH 20/78] added block rendering

---
 src/components/style-guide/index.js | 65 ++++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 10 deletions(-)

diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index 93510bcf90..3ee8b437b9 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -7,15 +7,18 @@ import { i18n } from 'stackable'
  * Internal dependencies
  */
 import { toPng } from 'html-to-image'
+import { isDarkColor } from '~stackable/util'
 
 /**
  * WordPress dependencies
  */
 import { sprintf, __ } from '@wordpress/i18n'
-import { useRef, useState } from '@wordpress/element'
+import {
+	RawHTML, useRef, useState,
+} from '@wordpress/element'
 import { Icon, download as downloadIcon } from '@wordpress/icons'
 import { Button } from '@wordpress/components'
-import { isDarkColor } from '~stackable/util'
+import { createBlock, serialize } from '@wordpress/blocks'
 
 export { default as StyleGuidePopover } from './popover'
 
@@ -75,17 +78,43 @@ const StyleGuide = () => {
 					<div className="ugb-style-guide__columns">
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading">{ __( 'Titles & Headings', i18n ) }</h2>
-							<h1>{ __( 'Heading 1', i18n ) }</h1>
-							<h2>{ __( 'Heading 2', i18n ) }</h2>
-							<h3>{ __( 'Heading 3', i18n ) }</h3>
-							<h4>{ __( 'Heading 4', i18n ) }</h4>
-							<h5>{ __( 'Heading 5', i18n ) }</h5>
-							<h6>{ __( 'Heading 6', i18n ) }</h6>
-							<p>{ __( 'Paragraph', i18n ) }</p>
+							<RenderBlock blockName="stackable/heading" attributes={ {
+								uniqueId: '174a096',
+								textTag: 'h1',
+								text: __( 'Heading 1', i18n ),
+							} } />
+							<RenderBlock blockName="stackable/heading" attributes={ {
+								uniqueId: '174a092',
+								textTag: 'h2',
+								text: __( 'Heading 2', i18n ),
+							} } />
+							<RenderBlock blockName="stackable/heading" attributes={ {
+								uniqueId: '174a093',
+								textTag: 'h3',
+								text: __( 'Heading 3', i18n ),
+							} } />
+							<RenderBlock blockName="stackable/heading" attributes={ {
+								uniqueId: '174a094',
+								textTag: 'h4',
+								text: __( 'Heading 4', i18n ),
+							} } />
+							<RenderBlock blockName="stackable/heading" attributes={ {
+								uniqueId: '174a095',
+								textTag: 'h5',
+								text: __( 'Heading 5', i18n ),
+							} } />
+							<RenderBlock blockName="stackable/heading" attributes={ {
+								uniqueId: '174a096',
+								textTag: 'h6',
+								text: __( 'Heading 6', i18n ),
+							} } />
 						</div>
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading">{ __( 'Body Text', i18n ) }</h2>
-							<p>Morning sunlight filters through city windows as familiar voices fill the room. The table is scattered with mugs and yesterday\’s news, while someone debates the best way to arrange the cushions. Laughter drifts from the kitchen, and plans for the day are made between sips of coffee and playful banter.</p>
+							<RenderBlock blockName="stackable/text" attributes={ {
+								uniqueId: '174a097',
+								text: __( 'Morning sunlight filters through city windows as familiar voices fill the room. The table is scattered with mugs and yesterday\'s news, while someone debates the best way to arrange the cushions. Laughter drifts from the kitchen, and plans for the day are made between sips of coffee and playful banter.', i18n ),
+							} } />
 						</div>
 					</div>
 				</div>
@@ -129,3 +158,19 @@ const ExportButton = props => {
 		</Button>
 	)
 }
+
+const RenderBlock = props => {
+	const {
+		blockName, attributes, innerBlocks,
+	} = props
+
+	return (
+		<RawHTML>
+			{ serialize( createBlock(
+				blockName,
+				attributes,
+				innerBlocks
+			) ) }
+		</RawHTML>
+	)
+}

From 23066c4c58af09184cb2978791a5f36b8b79c639 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 5 Aug 2025 20:23:55 +0800
Subject: [PATCH 21/78] display global color palette in the style guide

---
 src/components/style-guide/editor.scss |  9 +++++
 src/components/style-guide/index.js    | 47 +++++++-------------------
 src/components/style-guide/popover.js  |  5 ++-
 src/hooks/index.js                     |  1 +
 src/hooks/use-design-system.js         | 15 ++++++++
 5 files changed, 41 insertions(+), 36 deletions(-)
 create mode 100644 src/hooks/use-design-system.js

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 3a363db2ce..ab435a6a5c 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -36,6 +36,15 @@
 		font-size: 1em;
 		font-weight: 500;
 		line-height: 1;
+
+		p:first-child {
+			margin: 0;
+		}
+
+		p:last-child {
+			margin-top: 4px;
+			margin-bottom: 0;
+		}
 	}
 
 	.ugb-style-guide__colors {
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index 3ee8b437b9..fe43f41524 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -23,7 +23,11 @@ import { createBlock, serialize } from '@wordpress/blocks'
 export { default as StyleGuidePopover } from './popover'
 
 // TODO: This is not yet finished
-const StyleGuide = () => {
+const StyleGuide = props => {
+	const { designSystem } = props
+
+	const { colors } = designSystem
+
 	const styleGuideRef = useRef( null )
 
 	return (
@@ -35,41 +39,14 @@ const StyleGuide = () => {
 					<h1 className="ugb-style-guide__section-title">{ __( 'Colors', i18n ) }</h1>
 					<h2 className="ugb-style-guide__section-subheading">{ __( 'Color Palette', i18n ) }</h2>
 					<div className="ugb-style-guide__columns ugb-style-guide__colors">
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#f00069' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#f00069' ) ? '#fff' : '#000' } }>
-								#F00069
-							</div>
-						</div>
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#111' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#111' ) ? '#fff' : '#000' } }>
-								#111111
-							</div>
-						</div>
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#222' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#222' ) ? '#fff' : '#000' } }>
-								#222222
-							</div>
-						</div>
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#333' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#333' ) ? '#fff' : '#000' } }>
-								#333333
+						{ colors.map( ( color, key ) => {
+							return <div key={ key } className="ugb-style-guide__column" style={ { backgroundColor: color.color } }>
+								<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( color.color ) ? '#fff' : '#000' } }>
+									<p> { color.name } </p>
+									<p> { color.color } </p>
+								</div>
 							</div>
-						</div>
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#444' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#444' ) ? '#fff' : '#000' } }>
-								#444444
-							</div>
-						</div>
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#555' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#555' ) ? '#fff' : '#000' } }>
-								#555555
-							</div>
-						</div>
-						<div className="ugb-style-guide__column" style={ { backgroundColor: '#666' } }>
-							<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( '#666' ) ? '#fff' : '#000' } }>
-								#666666
-							</div>
-						</div>
+						} ) }
 					</div>
 
 					<h2 className="ugb-style-guide__section-subheading">{ __( 'Color Schemes', i18n ) }</h2>
diff --git a/src/components/style-guide/popover.js b/src/components/style-guide/popover.js
index 83491ce291..9162d483d6 100644
--- a/src/components/style-guide/popover.js
+++ b/src/components/style-guide/popover.js
@@ -15,6 +15,7 @@ import { __ } from '@wordpress/i18n'
 import { useMemo } from '@wordpress/element'
 import { Popover, Button } from '@wordpress/components'
 import { Icon, close as closeIcon } from '@wordpress/icons'
+import { useDesignSystem } from '~stackable/hooks'
 
 const StyleGuidePopover = props => {
 	const { onClose } = props
@@ -25,6 +26,8 @@ const StyleGuidePopover = props => {
 		return [ el, el?.offsetWidth, el?.offsetHeight ]
 	}, [] )
 
+	const designSystem = useDesignSystem()
+
 	const style = width && height ? { '--width': `${ width }px`, '--height': `${ height }px` } : {}
 
 	return (
@@ -42,7 +45,7 @@ const StyleGuidePopover = props => {
 				<Icon icon={ closeIcon } />
 			</Button>
 			<h1 className="ugb-style-guide-popover__title">{ __( 'Design System Style Guide', i18n ) }</h1>
-			<StyleGuide { ...props } />
+			<StyleGuide { ...props } designSystem={ designSystem } />
 		</Popover>
 	)
 }
diff --git a/src/hooks/index.js b/src/hooks/index.js
index 1242cda5ff..12dd1d4070 100644
--- a/src/hooks/index.js
+++ b/src/hooks/index.js
@@ -21,3 +21,4 @@ export * from './use-global-block-layout-defaults'
 export * from './use-block-color-schemes'
 export * from './use-preset-controls'
 export * from './use-block-style-context'
+export * from './use-design-system'
diff --git a/src/hooks/use-design-system.js b/src/hooks/use-design-system.js
new file mode 100644
index 0000000000..40feef3441
--- /dev/null
+++ b/src/hooks/use-design-system.js
@@ -0,0 +1,15 @@
+import { useSelect } from '@wordpress/data'
+
+export const useDesignSystem = () => {
+	const { colors } = useSelect( select => {
+		const colors = select( 'stackable/global-colors' ).getSettings().stackableColors || []
+
+		// TODO: get other settings in the design system
+
+		return { colors }
+	}, [] )
+
+	return {
+		colors,
+	}
+}

From 37b66c94c08e26afdb036c958e8d3d04dc3cfd67 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Wed, 6 Aug 2025 17:34:19 +0800
Subject: [PATCH 22/78] updated getting started

---
 package-lock.json                            | 665 +++++++++++++++----
 package.json                                 |   2 +-
 src/components/guided-modal-tour/editor.scss |   9 +-
 src/welcome/admin.scss                       |   2 +-
 src/welcome/getting-started-banner-bg.scss   |   1 -
 src/welcome/getting-started.js               | 112 +++-
 src/welcome/getting-started.scss             | 294 +++++---
 src/welcome/images/divider.svg               |  15 +
 src/welcome/images/quick-buttons-arrow.svg   |  22 +
 src/welcome/index.php                        |   2 +-
 10 files changed, 869 insertions(+), 255 deletions(-)
 delete mode 100644 src/welcome/getting-started-banner-bg.scss
 create mode 100644 src/welcome/images/divider.svg
 create mode 100644 src/welcome/images/quick-buttons-arrow.svg

diff --git a/package-lock.json b/package-lock.json
index a7a7f464f9..23d8b8506b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
 			"license": "GPL-3.0",
 			"dependencies": {
 				"@wordpress/dom-ready": "^3.2.3",
-				"@wordpress/icons": "^6.1.1",
+				"@wordpress/icons": "^10.27.0",
 				"bigpicture": "^2.5.3",
 				"canvas-confetti": "^1.9.3",
 				"classnames": "^2.2.6",
@@ -1838,11 +1838,11 @@
 			}
 		},
 		"node_modules/@babel/runtime": {
-			"version": "7.16.3",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.3.tgz",
-			"integrity": "sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ==",
+			"version": "7.25.7",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz",
+			"integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==",
 			"dependencies": {
-				"regenerator-runtime": "^0.13.4"
+				"regenerator-runtime": "^0.14.0"
 			},
 			"engines": {
 				"node": ">=6.9.0"
@@ -1861,6 +1861,11 @@
 				"node": ">=6.9.0"
 			}
 		},
+		"node_modules/@babel/runtime/node_modules/regenerator-runtime": {
+			"version": "0.14.1",
+			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+			"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+		},
 		"node_modules/@babel/template": {
 			"version": "7.16.0",
 			"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.0.tgz",
@@ -4966,9 +4971,9 @@
 			"dev": true
 		},
 		"node_modules/@types/prop-types": {
-			"version": "15.7.4",
-			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
-			"integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+			"version": "15.7.15",
+			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+			"integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw=="
 		},
 		"node_modules/@types/q": {
 			"version": "1.5.5",
@@ -4977,21 +4982,23 @@
 			"dev": true
 		},
 		"node_modules/@types/react": {
-			"version": "16.14.21",
-			"resolved": "https://registry.npmjs.org/@types/react/-/react-16.14.21.tgz",
-			"integrity": "sha512-rY4DzPKK/4aohyWiDRHS2fotN5rhBSK6/rz1X37KzNna9HJyqtaGAbq9fVttrEPWF5ywpfIP1ITL8Xi2QZn6Eg==",
+			"version": "17.0.87",
+			"resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.87.tgz",
+			"integrity": "sha512-wpg9AbtJ6agjA+BKYmhG6dRWEU/2DHYwMzCaBzsz137ft6IyuqZ5fI4ic1DWL4DrI03Zy78IyVE6ucrXl0mu4g==",
+			"dev": true,
 			"dependencies": {
 				"@types/prop-types": "*",
-				"@types/scheduler": "*",
+				"@types/scheduler": "^0.16",
 				"csstype": "^3.0.2"
 			}
 		},
 		"node_modules/@types/react-dom": {
-			"version": "16.9.14",
-			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.14.tgz",
-			"integrity": "sha512-FIX2AVmPTGP30OUJ+0vadeIFJJ07Mh1m+U0rxfgyW34p3rTlXI+nlenvAxNn4BP36YyI9IJ/+UJ7Wu22N1pI7A==",
-			"dependencies": {
-				"@types/react": "^16"
+			"version": "17.0.26",
+			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.26.tgz",
+			"integrity": "sha512-Z+2VcYXJwOqQ79HreLU/1fyQ88eXSSFh6I3JdrEHQIfYSI0kCQpTGvOrbE6jFGGYXKsHuwY9tBa/w5Uo6KzrEg==",
+			"dev": true,
+			"peerDependencies": {
+				"@types/react": "^17.0.0"
 			}
 		},
 		"node_modules/@types/responselike": {
@@ -5004,9 +5011,10 @@
 			}
 		},
 		"node_modules/@types/scheduler": {
-			"version": "0.16.2",
-			"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
-			"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+			"version": "0.16.8",
+			"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
+			"integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
+			"dev": true
 		},
 		"node_modules/@types/source-list-map": {
 			"version": "0.1.2",
@@ -5738,6 +5746,20 @@
 				"node": ">=12"
 			}
 		},
+		"node_modules/@wordpress/block-editor/node_modules/@wordpress/icons": {
+			"version": "6.3.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-6.3.0.tgz",
+			"integrity": "sha512-Vliw7QsFuTsrA05GZov4i3PQiLQOGO97PR2keUeY53fVZdeoJKv/nfDqOZxZCIts5jR2Mfje6P6hc/KlurxsKg==",
+			"dev": true,
+			"dependencies": {
+				"@babel/runtime": "^7.16.0",
+				"@wordpress/element": "^4.1.1",
+				"@wordpress/primitives": "^3.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@wordpress/block-serialization-default-parser": {
 			"version": "4.2.3",
 			"resolved": "https://registry.npmjs.org/@wordpress/block-serialization-default-parser/-/block-serialization-default-parser-4.2.3.tgz",
@@ -5843,6 +5865,20 @@
 				"reakit-utils": "^0.15.1"
 			}
 		},
+		"node_modules/@wordpress/components/node_modules/@wordpress/icons": {
+			"version": "6.3.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-6.3.0.tgz",
+			"integrity": "sha512-Vliw7QsFuTsrA05GZov4i3PQiLQOGO97PR2keUeY53fVZdeoJKv/nfDqOZxZCIts5jR2Mfje6P6hc/KlurxsKg==",
+			"dev": true,
+			"dependencies": {
+				"@babel/runtime": "^7.16.0",
+				"@wordpress/element": "^4.1.1",
+				"@wordpress/primitives": "^3.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/@wordpress/compose": {
 			"version": "5.0.6",
 			"resolved": "https://registry.npmjs.org/@wordpress/compose/-/compose-5.0.6.tgz",
@@ -6010,26 +6046,38 @@
 			}
 		},
 		"node_modules/@wordpress/element": {
-			"version": "4.0.4",
-			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-4.0.4.tgz",
-			"integrity": "sha512-GbYVSZrHitOmupQCjb7cSlewVigXHorpZUBpvWnkU3rhyh1tF/N9qve3fgg7Q3s2szjtTP+eEutB+4mmkwHQOA==",
+			"version": "4.20.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-4.20.0.tgz",
+			"integrity": "sha512-Ou7EoGtGe4FUL6fKALINXJLKoSfyWTBJzkJfN2HzSgM1wira9EuWahl8MQN0HAUaWeOoDqMKPvnglfS+kC8JLA==",
+			"dev": true,
 			"dependencies": {
 				"@babel/runtime": "^7.16.0",
-				"@types/react": "^16.9.0",
-				"@types/react-dom": "^16.9.0",
-				"@wordpress/escape-html": "^2.2.3",
-				"lodash": "^4.17.21",
-				"react": "^17.0.1",
-				"react-dom": "^17.0.1"
+				"@types/react": "^17.0.37",
+				"@types/react-dom": "^17.0.11",
+				"@wordpress/escape-html": "^2.22.0",
+				"change-case": "^4.1.2",
+				"is-plain-object": "^5.0.0",
+				"react": "^17.0.2",
+				"react-dom": "^17.0.2"
 			},
 			"engines": {
 				"node": ">=12"
 			}
 		},
+		"node_modules/@wordpress/element/node_modules/is-plain-object": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+			"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/@wordpress/escape-html": {
-			"version": "2.2.3",
-			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-2.2.3.tgz",
-			"integrity": "sha512-nYIwT8WzHfAzjjwHLiwDQWrzn4/gUNr5zud465XQszM2cAItN2wnC26/ovSpPomDGkvjcG0YltgnSqc1T62olA==",
+			"version": "2.58.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-2.58.0.tgz",
+			"integrity": "sha512-9YJXMNfzkrhHEVP1jFEhgijbZqW8Mt3NHIMZjIQoWtBf7QE86umpYpGGBXzYC0YlpGTRGzZTBwYaqFKxjeaSgA==",
+			"dev": true,
 			"dependencies": {
 				"@babel/runtime": "^7.16.0"
 			},
@@ -6155,16 +6203,121 @@
 			}
 		},
 		"node_modules/@wordpress/icons": {
-			"version": "6.1.1",
-			"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-6.1.1.tgz",
-			"integrity": "sha512-UaFAOF8hqlEhjTm5kba0JwSDDeEgPSJToDJNADoz8jkxt22kEG5ACi9IaS0BRIy1X7kR6QaCE394v9+GkToE+g==",
+			"version": "10.27.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-10.27.0.tgz",
+			"integrity": "sha512-KeOz3aLtd7p+cA287gmGzpC9kIO1lxPBn/lDPkXfc8oz482XqNJKohdW/7ZMlEWx1uEcZUI+g3vfSA+gKDgjUQ==",
 			"dependencies": {
-				"@babel/runtime": "^7.16.0",
-				"@wordpress/element": "^4.0.4",
-				"@wordpress/primitives": "^3.0.4"
+				"@babel/runtime": "7.25.7",
+				"@wordpress/element": "^6.27.0",
+				"@wordpress/primitives": "^4.27.0"
 			},
 			"engines": {
-				"node": ">=12"
+				"node": ">=18.12.0",
+				"npm": ">=8.19.2"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/@types/react": {
+			"version": "18.3.23",
+			"resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
+			"integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
+			"dependencies": {
+				"@types/prop-types": "*",
+				"csstype": "^3.0.2"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/@types/react-dom": {
+			"version": "18.3.7",
+			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+			"integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+			"peerDependencies": {
+				"@types/react": "^18.0.0"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/@wordpress/element": {
+			"version": "6.27.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-6.27.0.tgz",
+			"integrity": "sha512-gHk4B0J0f7bEsDoUBdTm22vPQwmEWLZxyaojgRyx1ncE2IyktfmubD/q2NIcMEKh7p+Jq3ZUwzPcpchpvkH2mA==",
+			"dependencies": {
+				"@babel/runtime": "7.25.7",
+				"@types/react": "^18.2.79",
+				"@types/react-dom": "^18.2.25",
+				"@wordpress/escape-html": "^3.27.0",
+				"change-case": "^4.1.2",
+				"is-plain-object": "^5.0.0",
+				"react": "^18.3.0",
+				"react-dom": "^18.3.0"
+			},
+			"engines": {
+				"node": ">=18.12.0",
+				"npm": ">=8.19.2"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/@wordpress/escape-html": {
+			"version": "3.27.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-3.27.0.tgz",
+			"integrity": "sha512-1LBB/xOFBUySSmVpd2nFwIZ8fVnP8dLNFl0wLprHVLtW6ZcdykO2ITY9bkaHu2lZ9HLRgHL7A/3R7MsJ1azYkg==",
+			"dependencies": {
+				"@babel/runtime": "7.25.7"
+			},
+			"engines": {
+				"node": ">=18.12.0",
+				"npm": ">=8.19.2"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/@wordpress/primitives": {
+			"version": "4.27.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-4.27.0.tgz",
+			"integrity": "sha512-ZIhpB4ZmZwMSsrELx4mzhRvxAoqgk8sSE3PaRt/ue4GXFoRRQgI3RVCwEdiNPcsQXId9lOQIhAJNDt5Wa0Fbgg==",
+			"dependencies": {
+				"@babel/runtime": "7.25.7",
+				"@wordpress/element": "^6.27.0",
+				"clsx": "^2.1.1"
+			},
+			"engines": {
+				"node": ">=18.12.0",
+				"npm": ">=8.19.2"
+			},
+			"peerDependencies": {
+				"react": "^18.0.0"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/is-plain-object": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+			"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/react": {
+			"version": "18.3.1",
+			"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+			"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+			"dependencies": {
+				"loose-envify": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/react-dom": {
+			"version": "18.3.1",
+			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+			"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+			"dependencies": {
+				"loose-envify": "^1.1.0",
+				"scheduler": "^0.23.2"
+			},
+			"peerDependencies": {
+				"react": "^18.3.1"
+			}
+		},
+		"node_modules/@wordpress/icons/node_modules/scheduler": {
+			"version": "0.23.2",
+			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+			"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+			"dependencies": {
+				"loose-envify": "^1.1.0"
 			}
 		},
 		"node_modules/@wordpress/is-shallow-equal": {
@@ -6297,18 +6450,100 @@
 			}
 		},
 		"node_modules/@wordpress/primitives": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-3.0.4.tgz",
-			"integrity": "sha512-yu3BEpr09vpPM0QOYGm5Kmwo/tfo7u7Ez4hN5+AL2dT53VNr3QOmDo0Ym7sewI7+GgU18H4VkAi1QOydrc4vDw==",
+			"version": "3.56.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-3.56.0.tgz",
+			"integrity": "sha512-NXBq1ODjl6inMWx/l7KCbATcjdoeIOqYeL9i9alqdAfWeKx1EH9PIvKWylIkqZk7erXxCxldiRkuyjTtwjNBxw==",
+			"dev": true,
 			"dependencies": {
 				"@babel/runtime": "^7.16.0",
-				"@wordpress/element": "^4.0.4",
-				"classnames": "^2.3.1"
+				"@wordpress/element": "^5.35.0",
+				"clsx": "^2.1.1"
 			},
 			"engines": {
 				"node": ">=12"
 			}
 		},
+		"node_modules/@wordpress/primitives/node_modules/@types/react": {
+			"version": "18.3.23",
+			"resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
+			"integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
+			"dev": true,
+			"dependencies": {
+				"@types/prop-types": "*",
+				"csstype": "^3.0.2"
+			}
+		},
+		"node_modules/@wordpress/primitives/node_modules/@types/react-dom": {
+			"version": "18.3.7",
+			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+			"integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+			"dev": true,
+			"peerDependencies": {
+				"@types/react": "^18.0.0"
+			}
+		},
+		"node_modules/@wordpress/primitives/node_modules/@wordpress/element": {
+			"version": "5.35.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-5.35.0.tgz",
+			"integrity": "sha512-puswpGcIdS+0A2g28uHriMkZqqRCmzFczue5Tk99VNtzBdehyk7Ae+DZ4xw5yT6GqYai8NTqv6MRwCB78uh5Mw==",
+			"dev": true,
+			"dependencies": {
+				"@babel/runtime": "^7.16.0",
+				"@types/react": "^18.2.79",
+				"@types/react-dom": "^18.2.25",
+				"@wordpress/escape-html": "^2.58.0",
+				"change-case": "^4.1.2",
+				"is-plain-object": "^5.0.0",
+				"react": "^18.3.0",
+				"react-dom": "^18.3.0"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@wordpress/primitives/node_modules/is-plain-object": {
+			"version": "5.0.0",
+			"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+			"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+			"dev": true,
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/@wordpress/primitives/node_modules/react": {
+			"version": "18.3.1",
+			"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+			"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+			"dev": true,
+			"dependencies": {
+				"loose-envify": "^1.1.0"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/@wordpress/primitives/node_modules/react-dom": {
+			"version": "18.3.1",
+			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+			"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+			"dev": true,
+			"dependencies": {
+				"loose-envify": "^1.1.0",
+				"scheduler": "^0.23.2"
+			},
+			"peerDependencies": {
+				"react": "^18.3.1"
+			}
+		},
+		"node_modules/@wordpress/primitives/node_modules/scheduler": {
+			"version": "0.23.2",
+			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+			"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+			"dev": true,
+			"dependencies": {
+				"loose-envify": "^1.1.0"
+			}
+		},
 		"node_modules/@wordpress/priority-queue": {
 			"version": "2.2.3",
 			"resolved": "https://registry.npmjs.org/@wordpress/priority-queue/-/priority-queue-2.2.3.tgz",
@@ -9576,7 +9811,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
 			"integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-			"dev": true,
 			"dependencies": {
 				"pascal-case": "^3.1.2",
 				"tslib": "^2.0.3"
@@ -9665,7 +9899,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
 			"integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
-			"dev": true,
 			"dependencies": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3",
@@ -9717,7 +9950,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
 			"integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
-			"dev": true,
 			"dependencies": {
 				"camel-case": "^4.1.2",
 				"capital-case": "^1.0.4",
@@ -10363,6 +10595,14 @@
 				"safe-buffer": "~5.1.0"
 			}
 		},
+		"node_modules/clsx": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+			"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+			"engines": {
+				"node": ">=6"
+			}
+		},
 		"node_modules/co": {
 			"version": "4.6.0",
 			"resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -10798,7 +11038,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
 			"integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
-			"dev": true,
 			"dependencies": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3",
@@ -12420,7 +12659,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
 			"integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-			"dev": true,
 			"dependencies": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -17110,7 +17348,6 @@
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
 			"integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
-			"dev": true,
 			"dependencies": {
 				"capital-case": "^1.0.4",
 				"tslib": "^2.0.3"
@@ -24005,7 +24242,8 @@
 		"node_modules/lodash": {
 			"version": "4.17.21",
 			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+			"dev": true
 		},
 		"node_modules/lodash-es": {
 			"version": "4.17.21",
@@ -24285,7 +24523,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
 			"integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-			"dev": true,
 			"dependencies": {
 				"tslib": "^2.0.3"
 			}
@@ -25466,7 +25703,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
 			"integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-			"dev": true,
 			"dependencies": {
 				"lower-case": "^2.0.2",
 				"tslib": "^2.0.3"
@@ -26571,7 +26807,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
 			"integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-			"dev": true,
 			"dependencies": {
 				"dot-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -26682,7 +26917,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
 			"integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-			"dev": true,
 			"dependencies": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -26701,7 +26935,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
 			"integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
-			"dev": true,
 			"dependencies": {
 				"dot-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -29439,7 +29672,8 @@
 		"node_modules/regenerator-runtime": {
 			"version": "0.13.9",
 			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-			"integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+			"integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
+			"dev": true
 		},
 		"node_modules/regenerator-transform": {
 			"version": "0.14.5",
@@ -30443,7 +30677,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
 			"integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
-			"dev": true,
 			"dependencies": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3",
@@ -30695,7 +30928,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
 			"integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
-			"dev": true,
 			"dependencies": {
 				"dot-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -32906,8 +33138,7 @@
 		"node_modules/tslib": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-			"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
-			"dev": true
+			"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
 		},
 		"node_modules/tsutils": {
 			"version": "3.21.0",
@@ -33371,7 +33602,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
 			"integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
-			"dev": true,
 			"dependencies": {
 				"tslib": "^2.0.3"
 			}
@@ -33380,7 +33610,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
 			"integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
-			"dev": true,
 			"dependencies": {
 				"tslib": "^2.0.3"
 			}
@@ -35844,11 +36073,18 @@
 			}
 		},
 		"@babel/runtime": {
-			"version": "7.16.3",
-			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.3.tgz",
-			"integrity": "sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ==",
+			"version": "7.25.7",
+			"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz",
+			"integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==",
 			"requires": {
-				"regenerator-runtime": "^0.13.4"
+				"regenerator-runtime": "^0.14.0"
+			},
+			"dependencies": {
+				"regenerator-runtime": {
+					"version": "0.14.1",
+					"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+					"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+				}
 			}
 		},
 		"@babel/runtime-corejs3": {
@@ -38306,9 +38542,9 @@
 			"dev": true
 		},
 		"@types/prop-types": {
-			"version": "15.7.4",
-			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
-			"integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+			"version": "15.7.15",
+			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+			"integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw=="
 		},
 		"@types/q": {
 			"version": "1.5.5",
@@ -38317,22 +38553,22 @@
 			"dev": true
 		},
 		"@types/react": {
-			"version": "16.14.21",
-			"resolved": "https://registry.npmjs.org/@types/react/-/react-16.14.21.tgz",
-			"integrity": "sha512-rY4DzPKK/4aohyWiDRHS2fotN5rhBSK6/rz1X37KzNna9HJyqtaGAbq9fVttrEPWF5ywpfIP1ITL8Xi2QZn6Eg==",
+			"version": "17.0.87",
+			"resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.87.tgz",
+			"integrity": "sha512-wpg9AbtJ6agjA+BKYmhG6dRWEU/2DHYwMzCaBzsz137ft6IyuqZ5fI4ic1DWL4DrI03Zy78IyVE6ucrXl0mu4g==",
+			"dev": true,
 			"requires": {
 				"@types/prop-types": "*",
-				"@types/scheduler": "*",
+				"@types/scheduler": "^0.16",
 				"csstype": "^3.0.2"
 			}
 		},
 		"@types/react-dom": {
-			"version": "16.9.14",
-			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.14.tgz",
-			"integrity": "sha512-FIX2AVmPTGP30OUJ+0vadeIFJJ07Mh1m+U0rxfgyW34p3rTlXI+nlenvAxNn4BP36YyI9IJ/+UJ7Wu22N1pI7A==",
-			"requires": {
-				"@types/react": "^16"
-			}
+			"version": "17.0.26",
+			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.26.tgz",
+			"integrity": "sha512-Z+2VcYXJwOqQ79HreLU/1fyQ88eXSSFh6I3JdrEHQIfYSI0kCQpTGvOrbE6jFGGYXKsHuwY9tBa/w5Uo6KzrEg==",
+			"dev": true,
+			"requires": {}
 		},
 		"@types/responselike": {
 			"version": "1.0.0",
@@ -38344,9 +38580,10 @@
 			}
 		},
 		"@types/scheduler": {
-			"version": "0.16.2",
-			"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
-			"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+			"version": "0.16.8",
+			"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
+			"integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
+			"dev": true
 		},
 		"@types/source-list-map": {
 			"version": "0.1.2",
@@ -38943,6 +39180,19 @@
 				"redux-multi": "^0.1.12",
 				"rememo": "^3.0.0",
 				"traverse": "^0.6.6"
+			},
+			"dependencies": {
+				"@wordpress/icons": {
+					"version": "6.3.0",
+					"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-6.3.0.tgz",
+					"integrity": "sha512-Vliw7QsFuTsrA05GZov4i3PQiLQOGO97PR2keUeY53fVZdeoJKv/nfDqOZxZCIts5jR2Mfje6P6hc/KlurxsKg==",
+					"dev": true,
+					"requires": {
+						"@babel/runtime": "^7.16.0",
+						"@wordpress/element": "^4.1.1",
+						"@wordpress/primitives": "^3.1.1"
+					}
+				}
 			}
 		},
 		"@wordpress/block-serialization-default-parser": {
@@ -39033,6 +39283,19 @@
 				"reakit": "^1.3.8",
 				"rememo": "^3.0.0",
 				"uuid": "^8.3.0"
+			},
+			"dependencies": {
+				"@wordpress/icons": {
+					"version": "6.3.0",
+					"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-6.3.0.tgz",
+					"integrity": "sha512-Vliw7QsFuTsrA05GZov4i3PQiLQOGO97PR2keUeY53fVZdeoJKv/nfDqOZxZCIts5jR2Mfje6P6hc/KlurxsKg==",
+					"dev": true,
+					"requires": {
+						"@babel/runtime": "^7.16.0",
+						"@wordpress/element": "^4.1.1",
+						"@wordpress/primitives": "^3.1.1"
+					}
+				}
 			}
 		},
 		"@wordpress/compose": {
@@ -39161,23 +39424,34 @@
 			}
 		},
 		"@wordpress/element": {
-			"version": "4.0.4",
-			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-4.0.4.tgz",
-			"integrity": "sha512-GbYVSZrHitOmupQCjb7cSlewVigXHorpZUBpvWnkU3rhyh1tF/N9qve3fgg7Q3s2szjtTP+eEutB+4mmkwHQOA==",
+			"version": "4.20.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-4.20.0.tgz",
+			"integrity": "sha512-Ou7EoGtGe4FUL6fKALINXJLKoSfyWTBJzkJfN2HzSgM1wira9EuWahl8MQN0HAUaWeOoDqMKPvnglfS+kC8JLA==",
+			"dev": true,
 			"requires": {
 				"@babel/runtime": "^7.16.0",
-				"@types/react": "^16.9.0",
-				"@types/react-dom": "^16.9.0",
-				"@wordpress/escape-html": "^2.2.3",
-				"lodash": "^4.17.21",
-				"react": "^17.0.1",
-				"react-dom": "^17.0.1"
+				"@types/react": "^17.0.37",
+				"@types/react-dom": "^17.0.11",
+				"@wordpress/escape-html": "^2.22.0",
+				"change-case": "^4.1.2",
+				"is-plain-object": "^5.0.0",
+				"react": "^17.0.2",
+				"react-dom": "^17.0.2"
+			},
+			"dependencies": {
+				"is-plain-object": {
+					"version": "5.0.0",
+					"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+					"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+					"dev": true
+				}
 			}
 		},
 		"@wordpress/escape-html": {
-			"version": "2.2.3",
-			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-2.2.3.tgz",
-			"integrity": "sha512-nYIwT8WzHfAzjjwHLiwDQWrzn4/gUNr5zud465XQszM2cAItN2wnC26/ovSpPomDGkvjcG0YltgnSqc1T62olA==",
+			"version": "2.58.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-2.58.0.tgz",
+			"integrity": "sha512-9YJXMNfzkrhHEVP1jFEhgijbZqW8Mt3NHIMZjIQoWtBf7QE86umpYpGGBXzYC0YlpGTRGzZTBwYaqFKxjeaSgA==",
+			"dev": true,
 			"requires": {
 				"@babel/runtime": "^7.16.0"
 			}
@@ -39264,13 +39538,93 @@
 			}
 		},
 		"@wordpress/icons": {
-			"version": "6.1.1",
-			"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-6.1.1.tgz",
-			"integrity": "sha512-UaFAOF8hqlEhjTm5kba0JwSDDeEgPSJToDJNADoz8jkxt22kEG5ACi9IaS0BRIy1X7kR6QaCE394v9+GkToE+g==",
+			"version": "10.27.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-10.27.0.tgz",
+			"integrity": "sha512-KeOz3aLtd7p+cA287gmGzpC9kIO1lxPBn/lDPkXfc8oz482XqNJKohdW/7ZMlEWx1uEcZUI+g3vfSA+gKDgjUQ==",
 			"requires": {
-				"@babel/runtime": "^7.16.0",
-				"@wordpress/element": "^4.0.4",
-				"@wordpress/primitives": "^3.0.4"
+				"@babel/runtime": "7.25.7",
+				"@wordpress/element": "^6.27.0",
+				"@wordpress/primitives": "^4.27.0"
+			},
+			"dependencies": {
+				"@types/react": {
+					"version": "18.3.23",
+					"resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
+					"integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
+					"requires": {
+						"@types/prop-types": "*",
+						"csstype": "^3.0.2"
+					}
+				},
+				"@types/react-dom": {
+					"version": "18.3.7",
+					"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+					"integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+					"requires": {}
+				},
+				"@wordpress/element": {
+					"version": "6.27.0",
+					"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-6.27.0.tgz",
+					"integrity": "sha512-gHk4B0J0f7bEsDoUBdTm22vPQwmEWLZxyaojgRyx1ncE2IyktfmubD/q2NIcMEKh7p+Jq3ZUwzPcpchpvkH2mA==",
+					"requires": {
+						"@babel/runtime": "7.25.7",
+						"@types/react": "^18.2.79",
+						"@types/react-dom": "^18.2.25",
+						"@wordpress/escape-html": "^3.27.0",
+						"change-case": "^4.1.2",
+						"is-plain-object": "^5.0.0",
+						"react": "^18.3.0",
+						"react-dom": "^18.3.0"
+					}
+				},
+				"@wordpress/escape-html": {
+					"version": "3.27.0",
+					"resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-3.27.0.tgz",
+					"integrity": "sha512-1LBB/xOFBUySSmVpd2nFwIZ8fVnP8dLNFl0wLprHVLtW6ZcdykO2ITY9bkaHu2lZ9HLRgHL7A/3R7MsJ1azYkg==",
+					"requires": {
+						"@babel/runtime": "7.25.7"
+					}
+				},
+				"@wordpress/primitives": {
+					"version": "4.27.0",
+					"resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-4.27.0.tgz",
+					"integrity": "sha512-ZIhpB4ZmZwMSsrELx4mzhRvxAoqgk8sSE3PaRt/ue4GXFoRRQgI3RVCwEdiNPcsQXId9lOQIhAJNDt5Wa0Fbgg==",
+					"requires": {
+						"@babel/runtime": "7.25.7",
+						"@wordpress/element": "^6.27.0",
+						"clsx": "^2.1.1"
+					}
+				},
+				"is-plain-object": {
+					"version": "5.0.0",
+					"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+					"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="
+				},
+				"react": {
+					"version": "18.3.1",
+					"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+					"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+					"requires": {
+						"loose-envify": "^1.1.0"
+					}
+				},
+				"react-dom": {
+					"version": "18.3.1",
+					"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+					"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+					"requires": {
+						"loose-envify": "^1.1.0",
+						"scheduler": "^0.23.2"
+					}
+				},
+				"scheduler": {
+					"version": "0.23.2",
+					"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+					"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+					"requires": {
+						"loose-envify": "^1.1.0"
+					}
+				}
 			}
 		},
 		"@wordpress/is-shallow-equal": {
@@ -39368,13 +39722,83 @@
 			"dev": true
 		},
 		"@wordpress/primitives": {
-			"version": "3.0.4",
-			"resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-3.0.4.tgz",
-			"integrity": "sha512-yu3BEpr09vpPM0QOYGm5Kmwo/tfo7u7Ez4hN5+AL2dT53VNr3QOmDo0Ym7sewI7+GgU18H4VkAi1QOydrc4vDw==",
+			"version": "3.56.0",
+			"resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-3.56.0.tgz",
+			"integrity": "sha512-NXBq1ODjl6inMWx/l7KCbATcjdoeIOqYeL9i9alqdAfWeKx1EH9PIvKWylIkqZk7erXxCxldiRkuyjTtwjNBxw==",
+			"dev": true,
 			"requires": {
 				"@babel/runtime": "^7.16.0",
-				"@wordpress/element": "^4.0.4",
-				"classnames": "^2.3.1"
+				"@wordpress/element": "^5.35.0",
+				"clsx": "^2.1.1"
+			},
+			"dependencies": {
+				"@types/react": {
+					"version": "18.3.23",
+					"resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
+					"integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
+					"dev": true,
+					"requires": {
+						"@types/prop-types": "*",
+						"csstype": "^3.0.2"
+					}
+				},
+				"@types/react-dom": {
+					"version": "18.3.7",
+					"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+					"integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+					"dev": true,
+					"requires": {}
+				},
+				"@wordpress/element": {
+					"version": "5.35.0",
+					"resolved": "https://registry.npmjs.org/@wordpress/element/-/element-5.35.0.tgz",
+					"integrity": "sha512-puswpGcIdS+0A2g28uHriMkZqqRCmzFczue5Tk99VNtzBdehyk7Ae+DZ4xw5yT6GqYai8NTqv6MRwCB78uh5Mw==",
+					"dev": true,
+					"requires": {
+						"@babel/runtime": "^7.16.0",
+						"@types/react": "^18.2.79",
+						"@types/react-dom": "^18.2.25",
+						"@wordpress/escape-html": "^2.58.0",
+						"change-case": "^4.1.2",
+						"is-plain-object": "^5.0.0",
+						"react": "^18.3.0",
+						"react-dom": "^18.3.0"
+					}
+				},
+				"is-plain-object": {
+					"version": "5.0.0",
+					"resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+					"integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+					"dev": true
+				},
+				"react": {
+					"version": "18.3.1",
+					"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+					"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+					"dev": true,
+					"requires": {
+						"loose-envify": "^1.1.0"
+					}
+				},
+				"react-dom": {
+					"version": "18.3.1",
+					"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+					"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+					"dev": true,
+					"requires": {
+						"loose-envify": "^1.1.0",
+						"scheduler": "^0.23.2"
+					}
+				},
+				"scheduler": {
+					"version": "0.23.2",
+					"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+					"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+					"dev": true,
+					"requires": {
+						"loose-envify": "^1.1.0"
+					}
+				}
 			}
 		},
 		"@wordpress/priority-queue": {
@@ -41853,7 +42277,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
 			"integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-			"dev": true,
 			"requires": {
 				"pascal-case": "^3.1.2",
 				"tslib": "^2.0.3"
@@ -41911,7 +42334,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
 			"integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
-			"dev": true,
 			"requires": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3",
@@ -41954,7 +42376,6 @@
 			"version": "4.1.2",
 			"resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
 			"integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
-			"dev": true,
 			"requires": {
 				"camel-case": "^4.1.2",
 				"capital-case": "^1.0.4",
@@ -42458,6 +42879,11 @@
 				}
 			}
 		},
+		"clsx": {
+			"version": "2.1.1",
+			"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+			"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="
+		},
 		"co": {
 			"version": "4.6.0",
 			"resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -42845,7 +43271,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
 			"integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
-			"dev": true,
 			"requires": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3",
@@ -44145,7 +44570,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
 			"integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-			"dev": true,
 			"requires": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -47847,7 +48271,6 @@
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
 			"integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
-			"dev": true,
 			"requires": {
 				"capital-case": "^1.0.4",
 				"tslib": "^2.0.3"
@@ -53162,7 +53585,8 @@
 		"lodash": {
 			"version": "4.17.21",
 			"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+			"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+			"dev": true
 		},
 		"lodash-es": {
 			"version": "4.17.21",
@@ -53394,7 +53818,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
 			"integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-			"dev": true,
 			"requires": {
 				"tslib": "^2.0.3"
 			}
@@ -54314,7 +54737,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
 			"integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-			"dev": true,
 			"requires": {
 				"lower-case": "^2.0.2",
 				"tslib": "^2.0.3"
@@ -55151,7 +55573,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
 			"integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-			"dev": true,
 			"requires": {
 				"dot-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -55240,7 +55661,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
 			"integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-			"dev": true,
 			"requires": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -55256,7 +55676,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
 			"integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
-			"dev": true,
 			"requires": {
 				"dot-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -57271,7 +57690,8 @@
 		"regenerator-runtime": {
 			"version": "0.13.9",
 			"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-			"integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+			"integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
+			"dev": true
 		},
 		"regenerator-transform": {
 			"version": "0.14.5",
@@ -58055,7 +58475,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
 			"integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
-			"dev": true,
 			"requires": {
 				"no-case": "^3.0.4",
 				"tslib": "^2.0.3",
@@ -58258,7 +58677,6 @@
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
 			"integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
-			"dev": true,
 			"requires": {
 				"dot-case": "^3.0.4",
 				"tslib": "^2.0.3"
@@ -60010,8 +60428,7 @@
 		"tslib": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-			"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
-			"dev": true
+			"integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
 		},
 		"tsutils": {
 			"version": "3.21.0",
@@ -60355,7 +60772,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
 			"integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
-			"dev": true,
 			"requires": {
 				"tslib": "^2.0.3"
 			}
@@ -60364,7 +60780,6 @@
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
 			"integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
-			"dev": true,
 			"requires": {
 				"tslib": "^2.0.3"
 			}
diff --git a/package.json b/package.json
index 72420b1c38..ada0d9751a 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
 	"bugs": "https://wordpress.org/support/plugin/stackable-ultimate-gutenberg-blocks",
 	"dependencies": {
 		"@wordpress/dom-ready": "^3.2.3",
-		"@wordpress/icons": "^6.1.1",
+		"@wordpress/icons": "^10.27.0",
 		"bigpicture": "^2.5.3",
 		"canvas-confetti": "^1.9.3",
 		"classnames": "^2.2.6",
diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index 95d0a03225..d2b0e51442 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -16,6 +16,7 @@
 	margin-left: var(--offset-x);
 	margin-top: var(--offset-y);
 	overflow: visible;
+	border-radius: 16px;
 
 	--wp-admin-theme-color: #f00069;
 	--wp-admin-theme-color-darker-10: #e0003c;
@@ -44,14 +45,18 @@
 		transform: scale(1);
 	}
 
+	.components-button {
+		border-radius: 4px;
+	}
+
 	.components-modal__content {
-		padding: 20px;
+		padding: 2em;
 		margin: 0;
 		position: relative;
 		overflow: visible;
 		z-index: 1;
 		box-shadow: 0 22px 200px 4px #0005;
-		border-radius: 4px;
+		border-radius: 16px;
 		// border: 1px solid #f00069ad;
 	}
 	.components-modal__header {
diff --git a/src/welcome/admin.scss b/src/welcome/admin.scss
index 7ae5428349..ca63bac39b 100644
--- a/src/welcome/admin.scss
+++ b/src/welcome/admin.scss
@@ -3,7 +3,7 @@
  */
 
 :root {
-	--stk-welcome-primary: #dd2590;
+	--stk-welcome-primary: #f00069;
 	--stk-welcome-secondary: #101828;
 	--stk-welcome-light-border: #d0d5dd;
 }
diff --git a/src/welcome/getting-started-banner-bg.scss b/src/welcome/getting-started-banner-bg.scss
deleted file mode 100644
index e6baab493f..0000000000
--- a/src/welcome/getting-started-banner-bg.scss
+++ /dev/null
@@ -1 +0,0 @@
-$--s-banner-bg: 'data:image/svg+xml,<svg width="1056" height="204" viewBox="0 0 1056 204" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_239_1579)"><rect width="1056" height="204" rx="8" fill="%23101828"/><g opacity="0.5"><g opacity="0.4" filter="url(%23filter0_f_239_1579)"><path d="M446.002 362.697C456.188 389.493 476.434 411.89 504.582 427.5C532.729 443.11 567.723 451.348 605.832 451.336C643.941 451.324 683.737 443.063 720.978 427.432C758.218 411.802 791.507 389.388 817.296 362.581C843.084 335.774 860.405 305.578 867.413 275.213C874.42 244.847 870.851 215.451 857.086 190.157C843.321 164.863 819.876 144.62 789.251 131.586C758.625 118.552 721.967 113.215 683.185 116.145L654.727 283.35L446.002 362.697Z" fill="url(%23paint0_linear_239_1579)"/></g><g opacity="0.4" filter="url(%23filter1_f_239_1579)"><path d="M446.002 362.697C456.188 389.493 476.434 411.89 504.582 427.5C532.729 443.11 567.723 451.348 605.832 451.336C643.941 451.324 683.737 443.063 720.978 427.432C758.218 411.802 791.507 389.388 817.296 362.581C843.084 335.774 860.405 305.578 867.413 275.213C874.42 244.847 870.851 215.451 857.086 190.157C843.321 164.863 819.876 144.62 789.251 131.586C758.625 118.552 721.967 113.215 683.185 116.145L654.727 283.35L446.002 362.697Z" fill="url(%23paint1_linear_239_1579)"/></g><g opacity="0.4" filter="url(%23filter2_f_239_1579)"><path d="M1187.74 -1.46573C1199.81 30.2789 1221.9 57.5317 1251.67 77.3874C1281.43 97.2431 1317.74 108.957 1356.74 111.281C1395.74 113.605 1435.95 106.451 1473.1 90.5832C1510.25 74.7148 1542.94 50.7266 1567.69 21.1757C1592.43 -8.37524 1608.31 -42.381 1613.62 -77.2163C1618.92 -112.052 1613.47 -146.411 1597.83 -176.63C1582.19 -206.85 1556.96 -231.798 1524.82 -248.814C1492.68 -265.83 1454.84 -274.277 1415.33 -273.253L1396.47 -80.8133L1187.74 -1.46573Z" fill="url(%23paint2_linear_239_1579)"/></g><g style="mix-blend-mode:color-dodge" opacity="0.3" filter="url(%23filter3_f_239_1579)"><ellipse cx="349.742" cy="158.432" rx="349.742" ry="158.432" transform="matrix(0.939679 -0.342057 0.329887 0.944021 499.386 16.3422)" fill="url(%23paint3_linear_239_1579)"/></g><g style="mix-blend-mode:color-dodge" opacity="0.3" filter="url(%23filter4_f_239_1579)"><ellipse cx="277.787" cy="206.895" rx="277.787" ry="206.895" transform="matrix(0.274511 -0.961584 0.999959 0.0090511 484.49 286.257)" fill="url(%23paint4_linear_239_1579)"/></g><g style="mix-blend-mode:color-dodge" filter="url(%23filter5_f_239_1579)"><path d="M1203.3 106.724C1132.89 80.6876 1052.78 69.1176 971.512 73.2471C890.244 77.3765 810.865 97.0506 741.838 130.172C672.811 163.293 616.724 208.62 579.554 261.32C542.385 314.021 525.528 372.119 530.78 429.421C536.032 486.724 563.196 541.082 609.376 586.702C655.557 632.321 719.022 667.492 793.007 688.464C866.992 709.435 948.722 715.423 1029.49 705.787C1110.25 696.151 1187.02 671.254 1251.61 633.749L978.965 391.346L1203.3 106.724Z" fill="url(%23paint5_linear_239_1579)"/></g><g filter="url(%23filter6_f_239_1579)"><path d="M1611.22 -222.576C1601.59 -252.873 1579 -278.041 1545.87 -295.396C1512.73 -312.752 1470.29 -321.644 1423.06 -321.125C1375.84 -320.607 1325.6 -310.696 1277.7 -292.451C1229.81 -274.205 1186.05 -248.308 1151.1 -217.521C1116.15 -186.734 1091.31 -152.211 1079.23 -117.631C1067.15 -83.052 1068.29 -49.7133 1082.52 -21.169C1096.75 7.37513 1123.54 30.0547 1160.03 44.4518C1196.52 58.8489 590.684 97.2168 639.07 93.3753L1340.48 -118.367C1337.6 -118.139 1334.94 -118.47 1332.76 -119.327C1330.59 -120.184 1329 -121.534 1328.15 -123.233C1327.3 -124.932 1327.24 -126.916 1327.96 -128.974C1328.67 -131.032 1330.15 -133.087 1332.23 -134.919C1334.31 -136.752 1336.92 -138.293 1339.77 -139.379C1342.62 -140.465 1345.61 -141.055 1348.42 -141.086C1351.23 -141.117 1353.76 -140.587 1355.73 -139.554C1357.7 -138.521 1359.05 -137.024 1359.62 -135.22L1611.22 -222.576Z" fill="url(%23paint6_linear_239_1579)"/></g><g style="mix-blend-mode:color-dodge"><path d="M1493.04 -307.726C1442.8 -278.894 1402.79 -238.615 1377.26 -191.182C1351.73 -143.749 1341.64 -90.9408 1348.07 -38.3871C1354.5 14.1667 1377.2 64.4959 1413.76 107.235C1450.32 149.975 1499.36 183.522 1555.66 204.3C1611.96 225.079 1673.4 232.31 1733.44 225.223C1793.48 218.136 1849.87 196.997 1896.59 164.058C1943.31 131.119 1978.61 87.6161 1998.73 38.1867C2018.85 -11.2428 2023.03 -64.7458 2010.83 -116.619L1681.93 -63.6251L1493.04 -307.726Z" fill="url(%23paint7_linear_239_1579)"/></g><g style="mix-blend-mode:color-dodge" filter="url(%23filter8_f_239_1579)"><path d="M896.112 -81.3064C859.561 -60.3268 825.789 -37.0339 798.398 -13.9108C771.006 9.21239 751.021 31.2989 740.573 49.9943C730.126 68.6896 729.607 83.293 739.072 92.2474C748.537 101.202 767.632 104.172 794.32 100.841C821.009 97.5095 854.29 88.0021 890.617 73.332C926.944 58.6618 964.954 39.3789 1000.6 17.5389C1036.24 -4.30103 1068.17 -27.8794 1093 -50.6824C1117.83 -73.4855 1134.61 -94.6584 1141.57 -111.944L938.76 -26.1932L896.112 -81.3064Z" fill="url(%23paint8_linear_239_1579)"/></g><g style="mix-blend-mode:color-dodge"><path d="M1675.15 -287.787C1664.94 -332.756 1644.44 -373.758 1615.83 -406.422C1587.22 -439.085 1551.58 -462.185 1512.7 -473.259C1473.83 -484.334 1433.17 -482.967 1395.08 -469.305C1356.98 -455.643 1322.87 -430.198 1296.38 -395.683C1269.89 -361.167 1252.01 -318.875 1244.65 -273.315C1237.3 -227.755 1240.74 -180.634 1254.61 -136.977C1268.48 -93.3206 1292.25 -54.7635 1323.41 -25.4169C1354.56 3.92987 1391.92 22.9661 1431.5 29.6625L1461.68 -224.16L1675.15 -287.787Z" fill="url(%23paint9_linear_239_1579)"/></g><g style="mix-blend-mode:screen" filter="url(%23filter10_f_239_1579)"><ellipse cx="245.84" cy="130.53" rx="245.84" ry="130.53" transform="matrix(-0.592993 0.805208 -0.999248 -0.0387724 824.323 82.7808)" fill="url(%23paint10_linear_239_1579)"/></g></g></g><defs><filter id="filter0_f_239_1579" x="262.002" y="-68.6372" width="792.907" height="703.974" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter1_f_239_1579" x="262.002" y="-68.6372" width="792.907" height="703.974" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter2_f_239_1579" x="1003.74" y="-457.337" width="795.844" height="753.047" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter3_f_239_1579" x="363.472" y="-329.256" width="1033.65" height="751.059" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter4_f_239_1579" x="363.079" y="-430.109" width="809.106" height="902.245" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter5_f_239_1579" x="345.841" y="-111.57" width="1089.77" height="1005.83" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter6_f_239_1579" x="452.317" y="-505.147" width="1342.9" height="782.791" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter8_f_239_1579" x="548.336" y="-295.944" width="777.236" height="582.112" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><filter id="filter10_f_239_1579" x="168.496" y="-106.346" width="759.23" height="764.036" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="92" result="effect1_foregroundBlur_239_1579"/></filter><linearGradient id="paint0_linear_239_1579" x1="711.015" y1="431.415" x2="379.17" y2="103.359" gradientUnits="userSpaceOnUse"><stop stop-color="%23E50000"/><stop offset="1" stop-color="%23B100EF"/></linearGradient><linearGradient id="paint1_linear_239_1579" x1="711.015" y1="431.415" x2="379.17" y2="103.359" gradientUnits="userSpaceOnUse"><stop stop-color="%23E50000"/><stop offset="1" stop-color="%23B100EF"/></linearGradient><linearGradient id="paint2_linear_239_1579" x1="1463.15" y1="94.598" x2="1058.53" y2="-254.727" gradientUnits="userSpaceOnUse"><stop stop-color="%23B700E5"/><stop offset="1" stop-color="%234D00EF"/></linearGradient><linearGradient id="paint3_linear_239_1579" x1="349.742" y1="0" x2="487.441" y2="472.849" gradientUnits="userSpaceOnUse"><stop stop-color="%23A900E5"/><stop offset="1" stop-color="%23EF00E6"/></linearGradient><linearGradient id="paint4_linear_239_1579" x1="277.787" y1="0" x2="538.7" y2="544.933" gradientUnits="userSpaceOnUse"><stop stop-color="%2300A0E5"/><stop offset="1" stop-color="%2300EF6E"/></linearGradient><linearGradient id="paint5_linear_239_1579" x1="589.884" y1="247.48" x2="1812.04" y2="163.911" gradientUnits="userSpaceOnUse"><stop stop-color="%23E50000"/><stop offset="1" stop-color="%23EF4800"/></linearGradient><linearGradient id="paint6_linear_239_1579" x1="1290.5" y1="-297.107" x2="1631.6" y2="99.8161" gradientUnits="userSpaceOnUse"><stop stop-color="%231ED2D7"/><stop offset="1" stop-color="%230043EF"/></linearGradient><linearGradient id="paint7_linear_239_1579" x1="1404.36" y1="95.6913" x2="1693.94" y2="-655.055" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFDA15"/><stop offset="1" stop-color="%23BD00FF"/></linearGradient><linearGradient id="paint8_linear_239_1579" x1="736.79" y1="89.7334" x2="703.257" y2="-208.235" gradientUnits="userSpaceOnUse"><stop stop-color="%2300E5AE"/><stop offset="1" stop-color="%23FF4D00"/></linearGradient><linearGradient id="paint9_linear_239_1579" x1="1405.27" y1="-472.649" x2="1909.07" y2="-72.9632" gradientUnits="userSpaceOnUse"><stop stop-color="%2300AEE5"/><stop offset="0.0001" stop-color="%23E5C000"/><stop offset="1" stop-color="%23FF4D00"/></linearGradient><linearGradient id="paint10_linear_239_1579" x1="245.84" y1="0" x2="375.036" y2="378.512" gradientUnits="userSpaceOnUse"><stop stop-color="%23E50000"/><stop offset="1" stop-color="%232A6FF5"/></linearGradient><clipPath id="clip0_239_1579"><rect width="1056" height="204" rx="8" fill="white"/></clipPath></defs></svg>';
diff --git a/src/welcome/getting-started.js b/src/welcome/getting-started.js
index 336aebcada..f8670033f9 100644
--- a/src/welcome/getting-started.js
+++ b/src/welcome/getting-started.js
@@ -6,11 +6,20 @@ import SVGTutorialsIcon from './images/tutorials.svg'
 import SVGDocsIcon from './images/docs.svg'
 import SVGCommunityIcon from './images/user.svg'
 import SVGArrowUpRightIcon from './images/arrow-up-right.svg'
+import SVGDivider from './images/divider.svg'
+import SVGQuickButtonsArrow from './images/quick-buttons-arrow.svg'
 
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n'
+import {
+	Icon,
+	addTemplate as addTemplateIcon,
+	styles as stylesIcon,
+	scheduled as scheduledIcon,
+	brush as brushIcon,
+} from '@wordpress/icons'
 
 /**
  * External dependencies
@@ -102,22 +111,98 @@ const EssentialsCard = ( {
 
 export const GettingStarted = () => {
 	return <>
-		<div className="s-body">
 
+		<div className="s-body">
 			<div className="s-getting-started__centered">
-				<h2 className="title"> { __( 'Unleash the Full Potential of the WordPress Block Editor by Turning It into a Page Builder', i18n ) } </h2>
-				<p className="subtitle">{ __( 'Learn the essentials in just a few minutes by watching this video. Scroll down to see more quick tutorials.', i18n ) } </p>
+				<div className="tag">{ __( 'Welcome to Stackable', i18n ) }</div>
+				{ /* <h2 className="title">{ __( 'Let\'s build something amazing!', i18n ) }</h2> */ }
+				<h2 className="title">{ __( 'Welcome to Your New Block Editor Workflow!', i18n ) }</h2>
+			</div>
+			<div className="s-getting-started__quick-start-wrapper">
+
+				<div className="s-quick-buttons-wrapper">
+					<div className="s-quick-buttons-arrow">
+						<SVGQuickButtonsArrow />
+						<span>{ __( 'Quick Start', i18n ) }</span>
+					</div>
+					<div className="s-card">
+						<div className="s-quick-button-icon">
+							<Icon icon={ addTemplateIcon } />
+						</div>
+						<div className="s-quick-button-description">
+							<h3>{ __( 'Build Pages in Seconds', i18n ) }</h3>
+							<p>{ __( 'Jump straight into our Design Library and insert polished, pre-built sections — no more blank-page overwhelm.', i18n ) }</p>
+						</div>
+						<div className="s-quick-button-button">
+							<a href="/wp-admin/post-new.php?post_type=page&tour=design-library-welcome" className="s-button s-secondary-button uppercase">
+								{ __( 'Build Now', i18n ) }
+							</a>
+						</div>
+					</div>
+
+					<div className="s-card">
+						<div className="s-quick-button-icon">
+							<Icon icon={ stylesIcon } />
+						</div>
+						<div className="s-quick-button-description">
+							<h3>{ __( 'Apply Global Styles Instantly', i18n ) }</h3>
+							<p>{ __( 'Set your brand\'s colors, fonts, and spacing once in the Design System — every Stackable block updates automatically.', i18n ) }</p>
+						</div>
+						<div className="s-quick-button-button">
+							<a href="/wp-admin/post-new.php?post_type=page&tour=design-system-welcome" className="s-button s-secondary-button uppercase">
+								{ __( 'Try Now', i18n ) }
+							</a>
+						</div>
+					</div>
+
+					{ /* TODO: Hide this for now */ }
+					<div className="s-card" style={ { display: 'none' } }>
+						<div className="s-quick-button-icon">
+							<Icon icon={ scheduledIcon } />
+						</div>
+						<div className="s-quick-button-description">
+							<h3>{ __( 'Start with a Complete Site Kit', i18n ) }</h3>
+							<p>{ __( 'Pick a ready-made website template to kickstart your project — fully built layouts and styles, just swap in your content.', i18n ) }</p>
+						</div>
+						<div className="s-quick-button-button">
+							<a href="/wp-admin/post-new.php?post_type=page" className="s-button s-secondary-button uppercase">
+								{ __( 'Select Kit', i18n ) }
+							</a>
+						</div>
+					</div>
 
-				<div className="s-video-wrapper s-getting-started-video">
-					<iframe className="s-video" src="https://www.youtube.com/embed/WP2LHxGulps" title={ __( 'Getting Started', i18n ) } allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowFullScreen></iframe>
+					{ /* TODO: Hide this for now */ }
+					<div className="s-card" style={ { display: 'none' } }>
+						<div className="s-quick-button-icon">
+							<Icon icon={ brushIcon } />
+						</div>
+						<div className="s-quick-button-description">
+							<h3>{ __( 'Pre-set Design Systems', i18n ) }</h3>
+							<p>{ __( 'Browse curated Design System presets — apply a professional look instantly without building from scratch.', i18n ) }</p>
+						</div>
+						<div className="s-quick-button-button">
+							<a href="/wp-admin/post-new.php?post_type=page" className="s-button s-secondary-button uppercase">
+								{ __( 'Pick A System', i18n ) }
+							</a>
+						</div>
+					</div>
 				</div>
 
-				<div className="s-button-container"><a href="/wp-admin/post-new.php?post_type=page" target="_new" className="s-button s-secondary-button uppercase">
-					{ __( 'Create a new page', i18n ) }
-				</a></div>
+				<div className="s-getting-started-video s-card">
+					<div className="s-video-wrapper s-card-top">
+						<iframe className="s-video" src="https://www.youtube.com/embed/WP2LHxGulps" title={ __( 'Getting Started', i18n ) } allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;" allowFullScreen></iframe>
+					</div>
+					<h3>{ __( 'Getting Started with Stackable', i18n ) }</h3>
+					<p>{ __( 'Watch this video to get started with Stackable in within 5 minutes.', i18n ) }</p>
+				</div>
 			</div>
 
+			<SVGDivider className="s-divider" />
+
 			<div className="s-getting-started__section">
+				<div className="s-card-header">
+					<h2> { __( 'Resources', i18n ) } </h2>
+				</div>
 				<div className="s-card-container s-card-general">
 					{ generalProps.map( ( item, key ) => {
 						return <GeneralCard { ...item } key={ key } />
@@ -134,17 +219,6 @@ export const GettingStarted = () => {
 					} ) }
 				</div>
 			</div>
-
-			<div className="s-getting-started__footer-banner">
-				<div className="s-banner-wrapper">
-					<div className="s-banner-content">
-						<h2> { __( 'Check out our library of tutorials and guides', i18n ) } </h2>
-					</div>
-					<div className="s-button-container"><a href="https://wpstackable.com/learn/?utm_source=plugin&utm_medium=getting_started&utm_campaign=tutorial_button" target="_blank" rel="noreferrer" className="s-button s-secondary-button">
-						{ __( 'Go to Stackable Learn', i18n ) }
-					</a></div>
-				</div>
-			</div>
 		</div>
 	</>
 }
diff --git a/src/welcome/getting-started.scss b/src/welcome/getting-started.scss
index 5cde6d7bf9..74e19c30fb 100644
--- a/src/welcome/getting-started.scss
+++ b/src/welcome/getting-started.scss
@@ -2,32 +2,53 @@
 * Styles used by the Getting Started section.
 */
 
-@import "getting-started-banner-bg";
+@mixin s-shadow {
+	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
+	transition: all 0.3s ease-in-out;
+	&:hover {
+		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
+	}
+}
+
+.settings_page_stackable-getting-started {
+	.s-body {
+		max-width: 1200px;
+		margin: 0 auto;
+	}
+}
 
 .s-getting-started {
-	background-color: #fff;
+	background-color: #f0f0f1;
 	overflow-x: auto;
 
 	.s-getting-started__centered {
-		margin-bottom: 64px !important;
+		justify-content: center;
+		display: flex;
+		flex-direction: column;
 	}
 
-	.title,
-	.subtitle {
+	.tag {
 		text-align: center;
+		color: #f00069;
+		border: 1px solid #f0006933;
+		padding: 4px 16px;
+		border-radius: 30px;
+		background-color: #f0006933;
 	}
 
 	.title {
-		margin: 8px;
-		margin-bottom: 24px;
-		font-weight: 600;
+		font-weight: 700;
 		font-size: 32px;
 		line-height: 1.2;
-	}
-
-	.subtitle {
-		font-weight: 300;
-		margin-bottom: 24px;
+		margin: 0;
+
+		span {
+			background-image: linear-gradient(30deg, #f00069, #d000ff);
+			-webkit-background-clip: text;
+			background-clip: text;
+			-webkit-text-fill-color: transparent;
+			color: transparent;
+		}
 	}
 
 	.s-video-wrapper {
@@ -36,7 +57,7 @@
 		margin-bottom: 24px;
 
 		&.s-card-top {
-			margin: -20px -20px 20px;
+			margin: -1.5em -1.5em 1.5em;
 		}
 
 		.s-video {
@@ -45,7 +66,6 @@
 		}
 
 		&.s-getting-started-video .s-video {
-			width: 700px;
 			max-width: 100%;
 			min-width: unset;
 		}
@@ -58,7 +78,7 @@
 	}
 
 	.s-secondary-button {
-		background: var(--stk-welcome-secondary) !important;
+		background: var(--stk-welcome-primary) !important;
 		border-radius: 4px;
 		font-weight: 600;
 		transition: all 0.1s ease-in-out;
@@ -88,9 +108,10 @@
 
 	.s-card-header {
 		h2 {
-			font-size: 25px;
-			font-weight: 500;
-			padding-top: 25px;
+			margin: 2em 0 1em;
+			font-weight: 700;
+			font-size: 32px;
+			line-height: 1.2;
 		}
 
 		div {
@@ -119,11 +140,7 @@
 		max-width: 1200px;
 
 		&.s-card-general .s-card {
-			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-			transition: 0.3s;
-			&:hover {
-				box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
-			}
+			@include s-shadow;
 		}
 
 		.s-card-link {
@@ -132,101 +149,79 @@
 			cursor: pointer;
 			text-decoration: none;
 		}
-
 		.s-card {
-			padding: 20px;
-			border-radius: 5px;
-			border: 1px solid #1018280f;
-			display: flex;
-			flex-direction: column;
 			width: calc(30% - 32px);
-
-			.s-card-title {
-				margin-bottom: 16px;
-			}
-			.s-card-subtitle {
-				margin-bottom: 0;
-			}
-
-			.s-card-title,
-			.s-card-subtitle {
-				margin-top: 0;
-			}
-
-			.s-video-wrapper {
-				align-items: center;
-			}
-
-			.s-icon-wrapper {
-				border: 1px solid #eaecf0;
-				border-radius: 8px;
-				padding: 10px;
-				display: flex;
-				align-items: center;
-				max-width: fit-content;
-				margin-bottom: 20px;
-			}
-
-			.s-bottom-icon-wrapper {
-				display: flex;
-				justify-content: flex-end;
-			}
-
-			svg {
-				height: 24px;
-				width: 24px;
-			}
-
 		}
 	}
 
-	.s-getting-started__footer-banner {
-		position: relative;
-		left: 0;
-		right: 0;
-		margin: auto;
-		margin-bottom: 56px;
-		background-image: url($--s-banner-bg);
-		background-size: cover;
-		background-position: center;
-		border-radius: 8px;
+	.s-card {
+		padding: 1.5em;
+		display: flex;
+		flex-direction: column;
+		border-radius: 16px;
+		@include s-shadow;
+		background: #fff;
+		overflow: hidden;
+
+		.s-card-title,
+		h3 {
+			margin: 0 0 0.5em;
+		}
+		.s-card-subtitle,
+		p {
+			margin: 0;
+		}
+		> *:last-child {
+			margin-bottom: 0;
+		}
 
-		.s-banner-wrapper {
-			padding: 36px 80px;
+		.s-video-wrapper {
+			align-items: center;
+		}
+
+		.s-icon-wrapper {
+			border: 1px solid #eaecf0;
+			border-radius: 8px;
+			padding: 10px;
 			display: flex;
-			justify-content: space-between;
-			z-index: 1;
-			position: relative;
+			align-items: center;
+			max-width: fit-content;
+			margin-bottom: 20px;
+		}
 
-			.s-banner-content {
-				max-width: 350px;
-				color: #fff;
-				font-weight: 300;
+		.s-bottom-icon-wrapper {
+			display: flex;
+			justify-content: flex-end;
+		}
 
-				h2 {
-					font-size: 32px;
-					font-weight: 700;
-					color: #fff;
-					line-height: 32px;
-					margin: 0;
-				}
-			}
+		svg {
+			height: 24px;
+			width: 24px;
+		}
 
-			.s-button-container {
-				align-items: flex-end;
-				margin-bottom: 0;
+	}
 
-			}
-		}
+	.s-divider {
+		width: 250px;
+		margin: 64px auto;
+		display: block;
 	}
 }
 
-@media screen and (min-width: 800px) {
-	.s-getting-started__centered {
-		max-width: 900px;
-		margin: 0 auto;
-		padding: 0 24px;
-	}
+.s-getting-started__centered {
+	color: #fff;
+	box-sizing: border-box;
+	width: calc(100% + 100px);
+	background-position: center;
+	background-size: cover;
+	margin-bottom: 100px;
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 0.5em;
+}
+body.settings_page_stackable-getting-started .s-body-container > .s-getting-started__centered:first-child {
+	margin-top: -40px !important;
 }
 
 @media screen and (max-width: 1200px) {
@@ -237,3 +232,92 @@
 		width: 330px !important;
 	}
 }
+
+.s-getting-started__quick-start-wrapper {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 40px;
+	margin: 1em 0 64px;
+	align-items: flex-start;
+
+	.s-getting-started-video {
+		flex-direction: column;
+		border-radius: 16px;
+		@include s-shadow;
+		overflow: hidden;
+	}
+
+	.s-quick-buttons-wrapper {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		gap: 24px;
+		.s-card {
+			display: flex;
+			flex-direction: row;
+			justify-content: center;
+			align-items: center;
+			gap: 24px;
+
+			@media screen and (max-width: 1200px) {
+				flex-direction: column;
+				align-items: flex-start;
+			}
+		}
+	}
+	.s-quick-button-icon {
+		background: #4770f8;
+		fill: #fff;
+		display: flex;
+		padding: 8px;
+		border-radius: 8px;
+	}
+	// Succeeding icon colors are different.
+	.s-card:nth-child(3) {
+		.s-quick-button-icon {
+			background: #f00069;
+		}
+	}
+	.s-card:nth-child(4) {
+		.s-quick-button-icon {
+			background: #d000ff;
+		}
+	}
+	.s-card:nth-child(5) {
+		.s-quick-button-icon {
+			background: #f89347;
+		}
+	}
+	.s-quick-button-button {
+		white-space: nowrap;
+	}
+
+	.s-quick-button-description {
+		> *:first-child {
+			margin-top: 0;
+		}
+		> *:last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	.s-quick-buttons-arrow {
+		position: absolute;
+		bottom: 100%;
+		display: flex;
+		flex-direction: row-reverse;
+		margin-bottom: -20px;
+		right: 69px;
+		svg {
+			width: 64px;
+			transform: scaleX(-1);
+		}
+		span {
+			margin-top: 7px;
+			font-size: 18px;
+			color: #402933;
+			transform: rotate(-4deg);
+			font-family: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;
+		}
+	}
+}
diff --git a/src/welcome/images/divider.svg b/src/welcome/images/divider.svg
new file mode 100644
index 0000000000..55c2933300
--- /dev/null
+++ b/src/welcome/images/divider.svg
@@ -0,0 +1,15 @@
+<svg
+	fill="none"
+	viewBox="0 0 867 105"
+	preserveAspectRatio="xMidYMid meet"
+	width="100%"
+	height="auto"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+	<linearGradient id="a" gradientUnits="userSpaceOnUse" x1="17" x2="850.283" y1="52.2763" y2="52.2763">
+		<stop offset="0" stop-color="#f00069"/>
+		<stop offset="1" stop-color="#bd0088"/>
+	</linearGradient>
+	<path d="m17 84.2564c5.1353-12.2279 39.765-49.4544 69.6954-69.7535 16.4686-11.16931 18.7486 43.166 28.7776 55.8396 7.064 8.9282 34.426-26.0062 54.551-36.1315 4.695-2.3625 12.199-1.6181 17.101-.0291 20.093 6.5123 21.704 31.9748 25.89 33.5929 21.51 8.315 50.017-41.6156 59.754-44.2415 9.698-2.615 14.835 18.6714 27.431 30.6474 3.07 2.9187 7.402 3.5657 10.658 3.9048 14.311 1.4907 36.742-24.0974 49.115-30.9962 11.736-6.5435 18.09 28.0603 27.76 36.7904 5.516 4.9794 13.585 2.2964 31.529-4.7477 15.514-6.09 43.525-18.5551 62.177-24.8144 26.244-8.8071 37.449-5.6198 41.955-3.0522 21.838 12.4455 44.464 52.8747 66.498 59.7735 8.149 2.5518 16.181-4.8253 28.709-12.848 23.158-14.8296 47.468-32.6337 66.508-40.3949 7.214-2.9409 10.726-.0872 15.251 6.3369 11.586 16.4491 19.407 32.3333 25.531 38.4666 2.628 2.6323 5.484 2.9359 9.36-4.4086s8.992-22.6924 12.906-30.2792c3.915-7.5867 6.473-6.9472 9.389-4.6993 6.832 5.2659 13.245 12.5961 20.658 16.7916 6.218 3.5197 11.985 2.2964 15.851.6879 4.129-1.7178 8.401-5.4841 14.835-8.3909 18.1.2907 28.448 4.1664 33.283 6.424 2.277.9786 4.195 1.6181 8.11 2.277" stroke="url(#a)" stroke-linecap="round" stroke-width="8"/>
+</svg>
\ No newline at end of file
diff --git a/src/welcome/images/quick-buttons-arrow.svg b/src/welcome/images/quick-buttons-arrow.svg
new file mode 100644
index 0000000000..6e29c6aa0f
--- /dev/null
+++ b/src/welcome/images/quick-buttons-arrow.svg
@@ -0,0 +1,22 @@
+<svg
+  fill="none"
+  viewBox="0 0 184 152"
+  width="100%"
+  height="100%"
+  preserveAspectRatio="xMidYMid meet"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+>
+<path d="M153 27.186C80 10.224 43 32.8898 43 124.684" stroke="url(#paint0_linear_747_20)" stroke-width="8" stroke-linecap="round"/>
+<path d="M30 96.9258C30.2896 99.5411 38.4077 121.605 43.8842 132.325C50.7473 125.616 59.7957 118.893 67.9709 114.22C71.8018 112.153 74.9876 110.705 79.1476 109.213" stroke="url(#paint1_linear_747_20)" stroke-width="8" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear_747_20" x1="43" y1="73.5506" x2="210" y2="73.5506" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F00069"/>
+<stop offset="1" stop-color="#BD0088"/>
+</linearGradient>
+<linearGradient id="paint1_linear_747_20" x1="30" y1="114.625" x2="79.1476" y2="114.625" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F00069"/>
+<stop offset="1" stop-color="#BD0088"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/src/welcome/index.php b/src/welcome/index.php
index 459a73e8b3..f178b3231f 100644
--- a/src/welcome/index.php
+++ b/src/welcome/index.php
@@ -265,7 +265,7 @@ public function stackable_getting_started_content() {
 					<?php echo $this->print_tabs() ?>
 				</div>
 				<h1 aria-hidden="true" class="s-admin-notice-marker"></h1>
-				<section class="s-body-container s-narrow s-body-container-center s-getting-started__body">
+				<section class="s-body-container s-body-container-center s-getting-started__body">
 				</section>
 			</div>
 			<?php

From 222a4c48a5066c9b0bd6abb8541e1fc854b5f784 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 08:33:03 +0800
Subject: [PATCH 23/78] added color schemes, adjusted style guide styles

---
 src/components/style-guide/editor.scss | 152 ++++++++++--
 src/components/style-guide/index.js    | 329 ++++++++++++++++---------
 src/components/style-guide/popover.js  |  56 ++++-
 3 files changed, 397 insertions(+), 140 deletions(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index ab435a6a5c..1db722b6bf 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -1,8 +1,27 @@
+$guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+@mixin guide-titles {
+	font-family: $guide-font-family;
+	font-size: 1.1em;
+	font-weight: 400;
+}
+
 .ugb-style-guide {
+	&,
+	p {
+		font-size: 16px;
+	}
+
 	.ugb-style-guide__content {
+		background: #fff; // This is needed for the export
 		padding: 70px;
 	}
 
+	.ugb-style-guide__title {
+		font-family: $guide-font-family;
+		font-size: 1.1em;
+		font-weight: 400;
+	}
+
 	.ugb-style-guide__columns {
 		display: grid;
 		grid-template-columns: 1fr 1fr;
@@ -10,43 +29,118 @@
 	}
 
 	.ugb-style-guide__section-title {
-		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-		font-size: 2em;
+		font-family: $guide-font-family;
+		font-size: 32.44px;
 		font-weight: 700;
 		border-bottom: 1px solid #eee;
 		line-height: 1.2;
 		padding: 0 0 8px;
 		margin-bottom: 1em;
 		&:not(:first-child) {
-			margin-top: 2em;
+			margin-top: 2.5em;
 		}
 	}
 
 	.ugb-style-guide__section-subheading {
-		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-		font-size: 1.1em;
+		font-family: $guide-font-family;
+		font-size: 25.63px;
 		font-weight: 400;
 		margin-bottom: 1em;
+		color: #999;
 		&:not(:first-child) {
-			margin-top: 1.5em;
+			margin-top: 2.5em;
 		}
 	}
-	.ugb-style-guide__label {
-		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-		font-size: 1em;
-		font-weight: 500;
+
+	// Color Schemes
+
+	.ugb-style-guide__color-container {
+		border-radius: 16px;
+		border: 1px solid #eee;
+		padding: 24px;
+	}
+
+	.ugb-style-guide__color-schemes {
+		gap: 20px;
+		margin-top: 20px;
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+
+		.ugb-style-guide__color-scheme-title {
+			margin: 0 0 48px;
+		}
+	}
+
+	.ugb-style-guide__color-scheme__subtitle {
+		font-size: 14.22px;
+		margin-bottom: 8px;
 		line-height: 1;
+	}
 
-		p:first-child {
-			margin: 0;
+	.ugb-style-guide__color-scheme__heading {
+		font-size: 28.83px;
+		font-weight: 600;
+		margin-bottom: 24px;
+		line-height: 1.2;
+	}
+
+	.ugb-style-guide__color-scheme__body {
+		font-size: 16px;
+		line-height: 1.6;
+		a:hover {
+			color: var(--hover-color) !important;
 		}
+	}
+
+	.ugb-style-guide__color-scheme__links {
+		display: flex;
+		gap: 16px;
+		margin-top: 24px;
+	}
 
-		p:last-child {
-			margin-top: 4px;
-			margin-bottom: 0;
+	.ugb-style-guide__color-scheme__button,
+	.ugb-style-guide__color-scheme__button--outline {
+		padding: 12px 24px;
+		border: 0;
+		border-radius: 4px;
+	}
+	.ugb-style-guide__color-scheme__button {
+		&:hover {
+			background-color: var(--hover-background-color) !important;
+			color: var(--hover-color) !important;
+		}
+	}
+	.ugb-style-guide__color-scheme__button--outline {
+		background: transparent;
+		border-width: 2px;
+		border-style: solid;
+		&:hover {
+			border-color: var(--hover-border-color) !important;
+			color: var(--hover-color) !important;
 		}
 	}
 
+	.ugb-style-guide__color-scheme__colors {
+		margin-top: 16px;
+		p {
+			margin: 0;
+			line-height: 1.6;
+			font-size: 14.22px;
+		}
+	}
+
+	.ugb-style-guide__color-indicator {
+		border: 1px solid #eee;
+		width: 1em;
+		height: 1em;
+		border-radius: 100%;
+		display: inline-block;
+		vertical-align: middle;
+		margin: -4px 4px 0;
+	}
+
+	// Colors
+
 	.ugb-style-guide__colors {
 		gap: 20px;
 		margin-top: 20px;
@@ -54,18 +148,32 @@
 		flex-wrap: wrap;
 		.ugb-style-guide__column {
 			flex: 1 1 200px;
-			height: 100px;
-			border-radius: 10px;
-			border: 1px solid #eee;
+			height: 130px;
 			display: flex;
 			align-items: flex-end;
-			padding: 12px;
+			max-width: calc(50% - 10px);
 		}
 	}
 
+	.ugb-style-guide__color-label {
+		@include guide-titles;
+		font-size: 18px;
+		font-weight: 600;
+		line-height: 1.2;
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+	}
 }
-.ugb-style-guide-popover__title {
+.ugb-style-guide-popover__heading {
 	margin: 70px 70px 0;
+	.ugb-style-guide-popover__title {
+		margin-inline-end: 150px;
+		font-size: 39.81px;
+	}
+	.ugb-style-guide-popover__description {
+		max-width: 50%;
+	}
 }
 
 .ugb-style-guide__print-button {
@@ -83,10 +191,6 @@
 		margin-top: 10px;
 	}
 
-	.ugb-style-guide__print-button {
-		margin: -1em 70px 0 0;
-	}
-
 	> .components-popover__content {
 		margin-top: 20px;
 		margin-left: 20px;
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index fe43f41524..4f8b6cfc2f 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -6,92 +6,233 @@ import { i18n } from 'stackable'
 /**
  * Internal dependencies
  */
-import { toPng } from 'html-to-image'
 import { isDarkColor } from '~stackable/util'
 
 /**
  * WordPress dependencies
  */
-import { sprintf, __ } from '@wordpress/i18n'
-import {
-	RawHTML, useRef, useState,
-} from '@wordpress/element'
-import { Icon, download as downloadIcon } from '@wordpress/icons'
-import { Button } from '@wordpress/components'
-import { createBlock, serialize } from '@wordpress/blocks'
+import { __ } from '@wordpress/i18n'
+// import { RawHTML } from '@wordpress/element'
+// import { createBlock, serialize } from '@wordpress/blocks'
 
 export { default as StyleGuidePopover } from './popover'
 
+// DUMMY DATA
+const DUMMY_COLOR_SCHEMES = [
+	{
+		name: 'Base Color Scheme',
+		key: 'color-scheme-1',
+		backgroundColor: {
+			name: undefined,
+			color: '#EBE9E1',
+			hoverColor: undefined,
+		},
+		headingColor: {
+			name: undefined,
+			color: '#E43D12',
+			hoverColor: undefined,
+		},
+		textColor: {
+			name: undefined,
+			color: '#E43D12',
+			hoverColor: undefined,
+		},
+		linkColor: {
+			name: undefined,
+			color: '#EFB11D',
+			hoverColor: undefined,
+		},
+		accentColor: {
+			name: undefined,
+			color: '#FFA2B6',
+			hoverColor: undefined,
+		},
+		buttonColor: {
+			name: undefined,
+			color: '#D6536D',
+			hoverColor: '#E43D12',
+		},
+		buttonTextColor: {
+			name: undefined,
+			color: '#EBE9E1',
+			hoverColor: undefined,
+		},
+		buttonOutlineColor: {
+			name: undefined,
+			color: '#D6536D',
+			hoverColor: '#E43D12',
+		},
+	},
+	{
+		name: 'Background Color Scheme',
+		key: 'color-scheme-2',
+		backgroundColor: {
+			name: undefined,
+			color: '#E2E8FA',
+			hoverColor: undefined,
+		},
+		headingColor: {
+			name: undefined,
+			color: '#0A21C0',
+			hoverColor: undefined,
+		},
+		textColor: {
+			name: undefined,
+			color: '#050A44',
+			hoverColor: undefined,
+		},
+		linkColor: {
+			name: undefined,
+			color: '#2C2E3A',
+			hoverColor: undefined,
+		},
+		accentColor: {
+			name: undefined,
+			color: '#7988F7',
+			hoverColor: undefined,
+		},
+		buttonColor: {
+			name: undefined,
+			color: '#050A44',
+			hoverColor: '#E43D12',
+		},
+		buttonTextColor: {
+			name: undefined,
+			color: '#B3B4BD',
+			hoverColor: undefined,
+		},
+		buttonOutlineColor: {
+			name: undefined,
+			color: '#050A44',
+			hoverColor: undefined,
+		},
+	},
+]
+
+const LONG_TEXT = [
+	// Translators: This is placeholder text used in the style guide.
+	__( 'They didn\'t plan to build a life around shared walls and hand-me-down furniture, but somehow, it worked.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Morning routines bled into late-night talks, and even the silence felt familiar.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Careers shifted, relationships changed, and expectations rarely lined up with reality.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'But there was always time for inside jokes, spontaneous distractions, and someone to show up, even without being asked.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Each of them brought something different—quiet patience, loud opinions, unexpected wisdom.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Change arrived slowly, then all at once. Some said goodbye, some stayed longer, and some simply evolved.', i18n ),
+]
+
 // TODO: This is not yet finished
 const StyleGuide = props => {
 	const { designSystem } = props
 
-	const { colors } = designSystem
-
-	const styleGuideRef = useRef( null )
+	const {
+		colors,
+		colorSchemes = DUMMY_COLOR_SCHEMES,
+		contentRef = null,
+	} = designSystem
 
 	return (
 		<>
-			<ExportButton printRef={ styleGuideRef } />
 			<div className="ugb-style-guide">
-				<div className="ugb-style-guide__content editor-styles-wrapper" ref={ styleGuideRef }>
-
-					<h1 className="ugb-style-guide__section-title">{ __( 'Colors', i18n ) }</h1>
-					<h2 className="ugb-style-guide__section-subheading">{ __( 'Color Palette', i18n ) }</h2>
-					<div className="ugb-style-guide__columns ugb-style-guide__colors">
-						{ colors.map( ( color, key ) => {
-							return <div key={ key } className="ugb-style-guide__column" style={ { backgroundColor: color.color } }>
-								<div className="ugb-style-guide__color-label ugb-style-guide__label" style={ { color: isDarkColor( color.color ) ? '#fff' : '#000' } }>
-									<p> { color.name } </p>
-									<p> { color.color } </p>
+				<div className="ugb-style-guide__content" ref={ contentRef }>
+
+					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Colors', i18n ) }</h1>
+
+					{ colorSchemes && <>
+						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Color Schemes', i18n ) }</h2>
+						<div className="ugb-style-guide__columns ugb-style-guide__color-schemes">
+							{ colorSchemes.map( ( colorScheme, i ) => {
+								return (
+									<div key={ colorScheme.key } className="ugb-style-guide__column">
+										<div className="ugb-style-guide__color-scheme ugb-style-guide__color-container" style={ { backgroundColor: colorScheme.backgroundColor.color } }>
+											<h2 className="ugb-style-guide__color-scheme-title ugb-style-guide__title ugb-style-guide__color-label" style={ { color: isDarkColor( colorScheme.backgroundColor.color ) ? '#fff' : '#000' } }>{ colorScheme.name }</h2>
+											{ /* TODO: Kae: the fonts and sizes here should be based on the design system */ }
+											<div className="ugb-style-guide__color-scheme__subtitle" style={ { color: colorScheme.accentColor.color } }>{ __( 'Subtitle', i18n ) }</div>
+											<div className="ugb-style-guide__color-scheme__heading" style={ { color: colorScheme.headingColor.color } }>{ __( 'Headings', i18n ) }</div>
+
+											<div className="ugb-style-guide__color-scheme__body" style={ { color: colorScheme.textColor.color } }>
+												{ LONG_TEXT[ i % 6 ] }
+                                                &nbsp;
+												{ LONG_TEXT[ ( i + 1 ) % 6 ] }
+                                                &nbsp;
+												{ /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }
+												<a href="#" onClick={ e => e.preventDefault() } style={ {
+													color: colorScheme.linkColor.color,
+													'--hover-color': colorScheme.linkColor.hoverColor || colorScheme.textColor.color, // TODO: Kae: please double check if this falls back to textColor
+												} }>
+													{ __( 'Link', i18n ) }
+												</a>
+											</div>
+
+											{ /* TODO: Kae: the button looks here should be based on the design system */ }
+											<div className="ugb-style-guide__color-scheme__links">
+
+												<button className="ugb-style-guide__color-scheme__button" style={ {
+													backgroundColor: colorScheme.buttonColor.color,
+													color: colorScheme.buttonTextColor.color,
+													'--hover-background-color': colorScheme.buttonColor.hoverColor || colorScheme.buttonColor.color,
+													'--hover-color': colorScheme.buttonTextColor.hoverColor || colorScheme.buttonTextColor.color,
+												} }>{ __( 'Button', i18n ) }</button>
+
+												<button className="ugb-style-guide__color-scheme__button--outline" style={ {
+													borderColor: colorScheme.buttonOutlineColor.color,
+													color: colorScheme.buttonOutlineColor.color,
+													'--hover-border-color': colorScheme.buttonOutlineColor.hoverColor || colorScheme.buttonOutlineColor.color,
+													'--hover-color': colorScheme.buttonOutlineColor.hoverColor || colorScheme.buttonOutlineColor.color,
+												} }>{ __( 'Button', i18n ) }</button>
+
+											</div>
+										</div>
+										<div className="ugb-style-guide__color-scheme__colors">
+											<p>{ __( 'Background Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.backgroundColor.color } } />{ colorScheme.backgroundColor.name || colorScheme.backgroundColor.color }</p>
+											<p>{ __( 'Heading Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.headingColor.color } } />{ colorScheme.headingColor.name || colorScheme.headingColor.color }</p>
+											<p>{ __( 'Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.textColor.color } } />{ colorScheme.textColor.name || colorScheme.textColor.color }</p>
+											<p>{ __( 'Link Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.linkColor.color } } />{ colorScheme.linkColor.name || colorScheme.linkColor.color }</p>
+											<p>{ __( 'Accent Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.accentColor.color } } />{ colorScheme.accentColor.name || colorScheme.accentColor.color }</p>
+											<p>{ __( 'Button Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonColor.color } } />{ colorScheme.buttonColor.name || colorScheme.buttonColor.color }</p>
+											<p>{ __( 'Button Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonTextColor.color } } />{ colorScheme.buttonTextColor.name || colorScheme.buttonTextColor.color }</p>
+											<p>{ __( 'Button Outline Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonOutlineColor.color } } />{ colorScheme.buttonOutlineColor.name || colorScheme.buttonOutlineColor.color }</p>
+										</div>
+									</div>
+								)
+							} ) }
+						</div>
+					</> }
+
+					{ colors && <>
+						<h2 className="ugb-style-guide__section-subheading">{ __( 'Global Color Palette', i18n ) }</h2>
+						<div className="ugb-style-guide__columns ugb-style-guide__colors">
+							{ colors.map( ( color, key ) => {
+								return <div key={ key } className="ugb-style-guide__column ugb-style-guide__color-container" style={ { backgroundColor: color.color } }>
+									<div className="ugb-style-guide__color-label ugb-style-guide__title" style={ { color: isDarkColor( color.color ) ? '#fff' : '#000' } }>
+										<div>{ color.name }</div>
+										<div>{ color.color }</div>
+									</div>
 								</div>
-							</div>
-						} ) }
-					</div>
+							} ) }
+						</div>
+					</> }
 
-					<h2 className="ugb-style-guide__section-subheading">{ __( 'Color Schemes', i18n ) }</h2>
+					{ /* TODO: Kae: Also add the color scheme colors here */ }
 
-					<h1 className="ugb-style-guide__section-title">{ __( 'Typography', i18n ) }</h1>
+					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Typography', i18n ) }</h1>
 					<div className="ugb-style-guide__columns">
 						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading">{ __( 'Titles & Headings', i18n ) }</h2>
-							<RenderBlock blockName="stackable/heading" attributes={ {
-								uniqueId: '174a096',
-								textTag: 'h1',
-								text: __( 'Heading 1', i18n ),
-							} } />
-							<RenderBlock blockName="stackable/heading" attributes={ {
-								uniqueId: '174a092',
-								textTag: 'h2',
-								text: __( 'Heading 2', i18n ),
-							} } />
-							<RenderBlock blockName="stackable/heading" attributes={ {
-								uniqueId: '174a093',
-								textTag: 'h3',
-								text: __( 'Heading 3', i18n ),
-							} } />
-							<RenderBlock blockName="stackable/heading" attributes={ {
-								uniqueId: '174a094',
-								textTag: 'h4',
-								text: __( 'Heading 4', i18n ),
-							} } />
-							<RenderBlock blockName="stackable/heading" attributes={ {
-								uniqueId: '174a095',
-								textTag: 'h5',
-								text: __( 'Heading 5', i18n ),
-							} } />
-							<RenderBlock blockName="stackable/heading" attributes={ {
-								uniqueId: '174a096',
-								textTag: 'h6',
-								text: __( 'Heading 6', i18n ),
-							} } />
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Titles & Headings', i18n ) }</h2>
+							<h1>{ __( 'Heading 1', i18n ) }</h1>
+							<h2>{ __( 'Heading 2', i18n ) }</h2>
+							<h3>{ __( 'Heading 3', i18n ) }</h3>
+							<h4>{ __( 'Heading 4', i18n ) }</h4>
+							<h5>{ __( 'Heading 5', i18n ) }</h5>
+							<h6>{ __( 'Heading 6', i18n ) }</h6>
 						</div>
 						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading">{ __( 'Body Text', i18n ) }</h2>
-							<RenderBlock blockName="stackable/text" attributes={ {
-								uniqueId: '174a097',
-								text: __( 'Morning sunlight filters through city windows as familiar voices fill the room. The table is scattered with mugs and yesterday\'s news, while someone debates the best way to arrange the cushions. Laughter drifts from the kitchen, and plans for the day are made between sips of coffee and playful banter.', i18n ),
-							} } />
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Body Text', i18n ) }</h2>
+							<p>{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] }</p>
+							<p>{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
 						</div>
 					</div>
 				</div>
@@ -102,52 +243,18 @@ const StyleGuide = props => {
 
 export default StyleGuide
 
-const ExportButton = props => {
-	const { printRef } = props
-	const [ isExporting, setIsExporting ] = useState( false )
-
-	const handlePrint = () => {
-		setIsExporting( true )
-		toPng( printRef.current, { cacheBust: true } )
-			.then( dataUrl => {
-				const link = document.createElement( 'a' )
-				link.download = 'style-guide.png'
-				link.href = dataUrl
-				link.click()
-				setIsExporting( false )
-			} )
-			.catch( err => {
-				alert( sprintf( __( 'Error exporting style guide: %s', i18n ), err.message || err ) ) // eslint-disable-line no-alert
-				setIsExporting( false )
-			} )
-	}
-
-	return (
-		<Button
-			className="ugb-style-guide__print-button"
-			isSecondary
-			onClick={ handlePrint }
-			icon={ <Icon icon={ downloadIcon } /> }
-			isBusy={ isExporting }
-			disabled={ isExporting }
-		>
-			{ __( 'Export', i18n ) }
-		</Button>
-	)
-}
-
-const RenderBlock = props => {
-	const {
-		blockName, attributes, innerBlocks,
-	} = props
+// const RenderBlock = props => {
+// 	const {
+// 		blockName, attributes, innerBlocks,
+// 	} = props
 
-	return (
-		<RawHTML>
-			{ serialize( createBlock(
-				blockName,
-				attributes,
-				innerBlocks
-			) ) }
-		</RawHTML>
-	)
-}
+// 	return (
+// 		<RawHTML>
+// 			{ serialize( createBlock(
+// 				blockName,
+// 				attributes,
+// 				innerBlocks
+// 			) ) }
+// 		</RawHTML>
+// 	)
+// }
diff --git a/src/components/style-guide/popover.js b/src/components/style-guide/popover.js
index 9162d483d6..8738e36484 100644
--- a/src/components/style-guide/popover.js
+++ b/src/components/style-guide/popover.js
@@ -7,18 +7,24 @@ import { i18n } from 'stackable'
  * Internal dependencies
  */
 import { StyleGuide } from '~stackable/components'
+import { toPng } from 'html-to-image'
 
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n'
-import { useMemo } from '@wordpress/element'
+import { __, sprintf } from '@wordpress/i18n'
+import {
+	useMemo, useState, useRef,
+} from '@wordpress/element'
 import { Popover, Button } from '@wordpress/components'
-import { Icon, close as closeIcon } from '@wordpress/icons'
+import {
+	Icon, close as closeIcon, download as downloadIcon,
+} from '@wordpress/icons'
 import { useDesignSystem } from '~stackable/hooks'
 
 const StyleGuidePopover = props => {
 	const { onClose } = props
+	const styleGuideRef = useRef( null )
 
 	// On load, look for the .interface-interface-skeleton__content and position over it.
 	const [ editorStylesWrapper, width, height ] = useMemo( () => {
@@ -44,10 +50,50 @@ const StyleGuidePopover = props => {
 			>
 				<Icon icon={ closeIcon } />
 			</Button>
-			<h1 className="ugb-style-guide-popover__title">{ __( 'Design System Style Guide', i18n ) }</h1>
-			<StyleGuide { ...props } designSystem={ designSystem } />
+			<div className="ugb-style-guide-popover__heading">
+				<ExportButton printRef={ styleGuideRef } />
+				<h1 className="ugb-style-guide-popover__title">{ __( 'Design System Style Guide', i18n ) }</h1>
+				<p className="ugb-style-guide-popover__description">
+					{ __( 'Welcome to your Style Guide! Here you can see a live preview of your design system in action. Any changes you make to your design settings will instantly update here.', i18n ) }
+				</p>
+			</div>
+			<StyleGuide { ...props } designSystem={ designSystem } contentRef={ styleGuideRef } />
 		</Popover>
 	)
 }
 
 export default StyleGuidePopover
+
+const ExportButton = props => {
+	const { printRef } = props
+	const [ isExporting, setIsExporting ] = useState( false )
+
+	const handlePrint = () => {
+		setIsExporting( true )
+		toPng( printRef.current, { cacheBust: true } )
+			.then( dataUrl => {
+				const link = document.createElement( 'a' )
+				link.download = 'style-guide.png'
+				link.href = dataUrl
+				link.click()
+				setIsExporting( false )
+			} )
+			.catch( err => {
+				alert( sprintf( __( 'Error exporting style guide: %s', i18n ), err.message || err ) ) // eslint-disable-line no-alert
+				setIsExporting( false )
+			} )
+	}
+
+	return (
+		<Button
+			className="ugb-style-guide__print-button"
+			isSecondary
+			onClick={ handlePrint }
+			icon={ <Icon icon={ downloadIcon } /> }
+			isBusy={ isExporting }
+			disabled={ isExporting }
+		>
+			{ __( 'Export', i18n ) }
+		</Button>
+	)
+}

From fe122d01d5b096fd4e562088b28a6e2895c7905b Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 09:09:20 +0800
Subject: [PATCH 24/78] updated typography

---
 src/components/style-guide/editor.scss |  42 +++++--
 src/components/style-guide/index.js    | 152 ++++++++++++++++++++++---
 2 files changed, 173 insertions(+), 21 deletions(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 1db722b6bf..c8eedba446 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -25,16 +25,14 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	.ugb-style-guide__columns {
 		display: grid;
 		grid-template-columns: 1fr 1fr;
-		gap: 50px;
+		gap: 24px;
 	}
 
 	.ugb-style-guide__section-title {
 		font-family: $guide-font-family;
 		font-size: 32.44px;
 		font-weight: 700;
-		border-bottom: 1px solid #eee;
 		line-height: 1.2;
-		padding: 0 0 8px;
 		margin-bottom: 1em;
 		&:not(:first-child) {
 			margin-top: 2.5em;
@@ -47,6 +45,9 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		font-weight: 400;
 		margin-bottom: 1em;
 		color: #999;
+		border-bottom: 1px solid #eee;
+		margin-bottom: 32px;
+		padding: 0 0 16px;
 		&:not(:first-child) {
 			margin-top: 2.5em;
 		}
@@ -61,8 +62,8 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	}
 
 	.ugb-style-guide__color-schemes {
-		gap: 20px;
-		margin-top: 20px;
+		gap: 24px;
+		margin-top: 24px;
 		display: grid;
 		grid-template-columns: repeat(3, 1fr);
 
@@ -142,8 +143,8 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	// Colors
 
 	.ugb-style-guide__colors {
-		gap: 20px;
-		margin-top: 20px;
+		gap: 25px;
+		margin-top: 24px;
 		display: flex;
 		flex-wrap: wrap;
 		.ugb-style-guide__column {
@@ -164,6 +165,33 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		flex-direction: column;
 		gap: 4px;
 	}
+
+	// Typography
+
+	.ugb-style-guide__typography-headings {
+		grid-template-columns: 1fr 1fr 1fr;
+	}
+
+	.ugb-style-guide__typography-container {
+		margin: 32px 0;
+		> *:not(div) {
+			line-height: 1;
+			margin: 0 !important;
+		}
+	}
+
+	.ugb-style-guide__typography-body {
+		.ugb-style-guide__column:first-child {
+			grid-column: 1 / 3;
+			max-width: 80%;
+		}
+	}
+
+	.ugb-style-guide__typography-label {
+		font-size: 14.22px;
+		color: #bbb;
+		margin-top: 8px;
+	}
 }
 .ugb-style-guide-popover__heading {
 	margin: 70px 70px 0;
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index 4f8b6cfc2f..99d7d2470d 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -126,12 +126,11 @@ const LONG_TEXT = [
 
 // TODO: This is not yet finished
 const StyleGuide = props => {
-	const { designSystem } = props
+	const { designSystem, contentRef = null } = props
 
 	const {
 		colors,
 		colorSchemes = DUMMY_COLOR_SCHEMES,
-		contentRef = null,
 	} = designSystem
 
 	return (
@@ -141,6 +140,7 @@ const StyleGuide = props => {
 
 					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Colors', i18n ) }</h1>
 
+					{ /* TODO: Kae: the color schemes should always output at least 2 entries: 1 base color scheme and 1 background color scheme even at their default states. */ }
 					{ colorSchemes && <>
 						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Color Schemes', i18n ) }</h2>
 						<div className="ugb-style-guide__columns ugb-style-guide__color-schemes">
@@ -202,7 +202,7 @@ const StyleGuide = props => {
 						</div>
 					</> }
 
-					{ colors && <>
+					{ !! colors.length && <>
 						<h2 className="ugb-style-guide__section-subheading">{ __( 'Global Color Palette', i18n ) }</h2>
 						<div className="ugb-style-guide__columns ugb-style-guide__colors">
 							{ colors.map( ( color, key ) => {
@@ -219,20 +219,144 @@ const StyleGuide = props => {
 					{ /* TODO: Kae: Also add the color scheme colors here */ }
 
 					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Typography', i18n ) }</h1>
-					<div className="ugb-style-guide__columns">
+					<div className="ugb-style-guide__columns ugb-style-guide__typography-headings">
+
+						<div className="ugb-style-guide__column">
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
+							<div className="ugb-style-guide__typography-container">
+								<h1>{ __( 'Heading 1', i18n ) }</h1>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h2>{ __( 'Heading 2', i18n ) }</h2>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h3>{ __( 'Heading 3', i18n ) }</h3>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h4>{ __( 'Heading 4', i18n ) }</h4>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h5>{ __( 'Heading 5', i18n ) }</h5>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h6>{ __( 'Heading 6', i18n ) }</h6>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Body', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Subtitle', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Button', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Bold / 16px</div>
+							</div>
+						</div>
+
+						<div className="ugb-style-guide__column">
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
+							<div className="ugb-style-guide__typography-container">
+								<h1>{ __( 'Heading 1', i18n ) }</h1>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h2>{ __( 'Heading 2', i18n ) }</h2>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h3>{ __( 'Heading 3', i18n ) }</h3>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h4>{ __( 'Heading 4', i18n ) }</h4>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h5>{ __( 'Heading 5', i18n ) }</h5>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h6>{ __( 'Heading 6', i18n ) }</h6>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Body', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Subtitle', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Button', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Bold / 16px</div>
+							</div>
+						</div>
+
+						<div className="ugb-style-guide__column">
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
+							<div className="ugb-style-guide__typography-container">
+								<h1>{ __( 'Heading 1', i18n ) }</h1>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h2>{ __( 'Heading 2', i18n ) }</h2>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h3>{ __( 'Heading 3', i18n ) }</h3>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h4>{ __( 'Heading 4', i18n ) }</h4>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h5>{ __( 'Heading 5', i18n ) }</h5>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<h6>{ __( 'Heading 6', i18n ) }</h6>
+								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Body', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Subtitle', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
+							</div>
+							<div className="ugb-style-guide__typography-container">
+								<p>{ __( 'Button', i18n ) }</p>
+								<div className="ugb-style-guide__typography-label">System Font / Bold / 16px</div>
+							</div>
+						</div>
+					</div>
+
+					<div className="ugb-style-guide__columns ugb-style-guide__typography-body">
+						<div className="ugb-style-guide__column">
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
+							<h2>{ __( 'Built on the Moments Between', i18n ) }</h2>
+							<p>{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
+						</div>
 						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Titles & Headings', i18n ) }</h2>
-							<h1>{ __( 'Heading 1', i18n ) }</h1>
-							<h2>{ __( 'Heading 2', i18n ) }</h2>
-							<h3>{ __( 'Heading 3', i18n ) }</h3>
-							<h4>{ __( 'Heading 4', i18n ) }</h4>
-							<h5>{ __( 'Heading 5', i18n ) }</h5>
-							<h6>{ __( 'Heading 6', i18n ) }</h6>
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
+							<h2>{ __( 'Built on the Moments Between', i18n ) }</h2>
+							<p>{ LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
 						</div>
 						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Body Text', i18n ) }</h2>
-							<p>{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] }</p>
-							<p>{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
+							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
+							<h2>{ __( 'Built on the Moments Between', i18n ) }</h2>
+							<p>{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
 						</div>
 					</div>
 				</div>

From 3cc4f77e9838eae6b1706d6131142bf4d8b1849c Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 14:19:14 +0800
Subject: [PATCH 25/78] added getting started

---
 plugin.php                                    |  1 +
 src/components/guided-modal-tour/index.js     | 47 ++++++++++-
 .../guided-modal-tour/tour-steps.js           | 81 ++++++++++++-------
 .../guided-modal-tour/tour-trigger.js         | 40 +++++++++
 src/components/modal-design-library/modal.js  |  2 +-
 .../design-library-button.js                  |  2 +-
 src/plugins/global-settings/index.js          |  2 +-
 src/welcome/getting-started.js                | 38 +++++++--
 src/welcome/getting-started.php               | 58 +++++++++++++
 src/welcome/getting-started.scss              | 33 +++++++-
 src/welcome/images/check.svg                  |  1 +
 11 files changed, 265 insertions(+), 40 deletions(-)
 create mode 100644 src/components/guided-modal-tour/tour-trigger.js
 create mode 100644 src/welcome/getting-started.php
 create mode 100644 src/welcome/images/check.svg

diff --git a/plugin.php b/plugin.php
index a5ef877083..292ea99bb4 100644
--- a/plugin.php
+++ b/plugin.php
@@ -269,6 +269,7 @@ function is_frontend() {
 /**
  * Welcome screen.
  */
+require_once( plugin_dir_path( __FILE__ ) . 'src/welcome/getting-started.php' );
 if ( is_admin() ) {
 	require_once( plugin_dir_path( __FILE__ ) . 'src/welcome/index.php' );
 	require_once( plugin_dir_path( __FILE__ ) . 'src/welcome/news.php' );
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 984759f366..1eeace1ed3 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -2,13 +2,14 @@
  * Internal dependencies
  */
 import { TOUR_STEPS } from './tour-steps'
+import './tour-trigger'
 
 /**
  * External dependencies
  */
 import {
 	i18n,
-	guidedTourStates, // TODO: This doesn't exist yet. The state should be loaded here from localize values, this should be an object with the tour ID as the key and the state as the value.
+	guidedTourStates,
 } from 'stackable'
 import classNames from 'classnames'
 import confetti from 'canvas-confetti'
@@ -19,6 +20,7 @@ import confetti from 'canvas-confetti'
 import {
 	Modal, Flex, Button,
 } from '@wordpress/components'
+import { models } from '@wordpress/api'
 import { __ } from '@wordpress/i18n'
 import {
 	Icon, arrowRight, arrowLeft, info,
@@ -36,7 +38,10 @@ const GuidedModalTour = props => {
 	} = props
 
 	// On mount, check if the tour has been completed, if so, don't show it.
-	const [ isDone, setIsDone ] = useState( guidedTourStates?.[ tourId ] )
+	const [ isDone, setIsDone ] = useState( guidedTourStates.includes( tourId ) )
+
+	// We need this to prevent the tour from being shown again if it's just completed.
+	const [ justCompleted, setJustCompleted ] = useState( false )
 
 	const {
 		steps = [],
@@ -44,6 +49,10 @@ const GuidedModalTour = props => {
 		hasConfetti = true,
 	} = TOUR_STEPS[ tourId ]
 
+	if ( justCompleted ) {
+		return null
+	}
+
 	// If there is a condition, check if it's met, if not, don't show the tour.
 	// condition can be true, false, or null. true will show the tour (even if
 	// it's already done), false will not show the tour, null will show the tour
@@ -65,8 +74,23 @@ const GuidedModalTour = props => {
 		steps={ steps }
 		hasConfetti={ hasConfetti }
 		onClose={ () => {
-			// TODO: Save the tour state to the database that we finished it.
 			setIsDone( true )
+			setJustCompleted( true )
+
+			// Update the stackable_guided_tour_states setting
+			if ( ! guidedTourStates.includes( tourId ) ) {
+				// eslint-disable-next-line camelcase
+				const settings = new models.Settings( { stackable_guided_tour_states: [ ...guidedTourStates, tourId ] } )
+				settings.save()
+			}
+
+			// Soft update the global variable to prevent the tour from being shown again.
+			guidedTourStates.push( tourId )
+
+			// Remove the "tour" GET parameter from the URL so conditions won't get triggered again.
+			const url = new URL( window.location.href )
+			url.searchParams.delete( 'tour' )
+			window.history.replaceState( null, '', url.toString() )
 		} }
 	/>
 }
@@ -331,6 +355,21 @@ const ModalTour = props => {
 		}
 	}, [ glowTarget, currentStep, isVisible, isVisibleDelayed, isTransitioning, forceRefresh ] )
 
+	// When unmounted, do not call onClose. So we need to do this handler on our own.
+	useEffect( () => {
+		const handleHeaderClick = () => {
+			onClose()
+		}
+		if ( modalRef.current ) {
+			modalRef.current.querySelector( '.components-modal__header' ).addEventListener( 'click', handleHeaderClick )
+		}
+		return () => {
+			if ( modalRef.current ) {
+				modalRef.current.querySelector( '.components-modal__header' ).removeEventListener( 'click', handleHeaderClick )
+			}
+		}
+	}, [ modalRef.current, onClose ] )
+
 	if ( ! isVisible ) {
 		return null
 	}
@@ -341,7 +380,7 @@ const ModalTour = props => {
 			overlayClassName="ugb-tour-modal--overlay"
 			shouldCloseOnClickOutside={ false }
 			size={ size }
-			onRequestClose={ onClose }
+			// onRequestClose={ onClose } // Do not use onRequestClose, it will cause the tour finish
 			className={ classNames( 'ugb-tour-modal', `ugb-tour-modal--${ position }`, {
 				'ugb-tour-modal--visible': isVisible,
 				'ugb-tour-modal--visible-delayed': isVisibleDelayed,
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index e870548ddd..ddcbced700 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -47,7 +47,33 @@ import { createInterpolateElement } from '@wordpress/element'
  */
 
 export const TOUR_STEPS = {
-	'design-system-welcome': {
+	editor: {
+		hasConfetti: false,
+		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+			// Do not show the tour if there is a GET parameter that shows another tour.
+			return window?.location?.search?.includes( 'tour=' ) ? false : null
+		},
+		steps: [
+			{
+				title: '👋 ' + __( 'Welcome to Stackable', i18n ),
+				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library.', i18n ),
+				help: createInterpolateElement( __( 'Click the <strong>Design Library</strong> button to continue.', i18n ), {
+					strong: <strong />,
+				} ),
+				// size: 'medium',
+				anchor: '.ugb-insert-library-button',
+				position: 'bottom',
+				nextEventTarget: '.ugb-insert-library-button',
+				glowTarget: '.ugb-insert-library-button',
+				showNext: false,
+			},
+		],
+	},
+	'design-system': {
+		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+			// Force show the tour if there is a GET parameter tour=design-system
+			return window?.location?.search?.includes( 'tour=design-system' ) ? true : null
+		},
 		steps: [
 			{
 				title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
@@ -77,33 +103,10 @@ export const TOUR_STEPS = {
 			// TODO: this is not yet finished
 		],
 	},
-	'editor-welcome': {
-		hasConfetti: false,
-		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// Do not show the tour if there is a GET parameter that shows another tour.
-			return window?.location?.search?.includes( 'tour=' ) ? false : null
-		},
-		steps: [
-			{
-				title: '👋 ' + __( 'Welcome to Stackable', i18n ),
-				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library.', i18n ),
-				help: createInterpolateElement( __( 'Click the <strong>Design Library</strong> button to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				// size: 'medium',
-				anchor: '.ugb-insert-library-button',
-				position: 'bottom',
-				nextEventTarget: '.ugb-insert-library-button',
-				glowTarget: '.ugb-insert-library-button',
-				showNext: false,
-			},
-		],
-	},
-	'design-library-welcome': {
+	'design-library': {
 		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// TODO: The new quick button in the getting started area should open the editor with `tour=design-library-welcome`
-			// Force show the tour if there is a GET parameter tour=design-library-welcome
-			return window?.location?.search?.includes( 'tour=design-library-welcome' ) ? true : null
+			// Force show the tour if there is a GET parameter tour=design-library
+			return window?.location?.search?.includes( 'tour=design-library' ) ? true : null
 		},
 		steps: [
 			{
@@ -169,4 +172,28 @@ export const TOUR_STEPS = {
 			},
 		],
 	},
+	'site-kit': {
+		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+			// Force show the tour if there is a GET parameter tour=site-kit
+			return window?.location?.search?.includes( 'tour=site-kit' ) ? true : null
+		},
+		steps: [
+			{
+				title: '👋 ' + __( 'Welcome to Site Kits', i18n ),
+				description: '', // Not yet available.
+			},
+		],
+	},
+	'design-system-picker': {
+		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+			// Force show the tour if there is a GET parameter tour=design-system-picker
+			return window?.location?.search?.includes( 'tour=design-system-picker' ) ? true : null
+		},
+		steps: [
+			{
+				title: '👋 ' + __( 'Welcome to The Design System Picker', i18n ),
+				description: '', // Not yet available.
+			},
+		],
+	},
 }
diff --git a/src/components/guided-modal-tour/tour-trigger.js b/src/components/guided-modal-tour/tour-trigger.js
new file mode 100644
index 0000000000..ffcfbfd8ca
--- /dev/null
+++ b/src/components/guided-modal-tour/tour-trigger.js
@@ -0,0 +1,40 @@
+/**
+ * This is a plugin that triggers a guided modal tour.
+ * It is used to trigger a guided modal tour when a user visits a page with a GET parameter `tour=tourId`.
+ * This is also in charge of clicking/opening things needed for the tour.
+ */
+
+import { registerPlugin } from '@wordpress/plugins'
+import { useEffect } from '@wordpress/element'
+import { dispatch } from '@wordpress/data'
+
+const TourTrigger = () => {
+	useEffect( () => {
+		// Check th
+		const tourId = window?.location?.search?.includes( 'tour=' ) ? window?.location?.search?.split( 'tour=' )[ 1 ] : null
+		switch ( tourId ) {
+			case 'editor':
+				// When the editor tour is to be shown, no need to do anything here.
+				break
+			case 'design-library':
+				// When the design library tour is to be shown, simluate a click on the design library button.
+				setTimeout( () => {
+					document.querySelector( '.ugb-insert-library-button' )?.click()
+				}, 500 )
+				break
+			case 'design-system':
+				// When the design system tour is to be shown, open the sidebar
+				setTimeout( () => {
+					dispatch( 'core/edit-post' )?.openGeneralSidebar( 'stackable-global-settings/sidebar' ) // For Block Editor
+				}, 500 )
+		}
+	}, [] )
+
+	return null
+}
+
+registerPlugin( 'stackable-guided-modal-tour-trigger', {
+	render: TourTrigger,
+	icon: () => null,
+	showInSidebar: false,
+} )
diff --git a/src/components/modal-design-library/modal.js b/src/components/modal-design-library/modal.js
index 0a7b718768..e3bd8094f1 100644
--- a/src/components/modal-design-library/modal.js
+++ b/src/components/modal-design-library/modal.js
@@ -217,7 +217,7 @@ export const ModalDesignLibrary = props => {
 		>
 			<div className="ugb-modal-design-library__wrapper">
 
-				<GuidedModalTour tourId="design-library-welcome" />
+				<GuidedModalTour tourId="design-library" />
 
 				<aside className="ugb-modal-design-library__sidebar">
 					<div className="ugb-modal-design-library__filters">
diff --git a/src/plugins/design-library-button/design-library-button.js b/src/plugins/design-library-button/design-library-button.js
index fd712c7836..85536ab86e 100644
--- a/src/plugins/design-library-button/design-library-button.js
+++ b/src/plugins/design-library-button/design-library-button.js
@@ -44,7 +44,7 @@ const DesignLibraryButton = () => {
 	return ( settings.stackable_enable_design_library &&
 		<>
 			{ /* TODO: This will need to only play on first time going to the editor, and if there's no quick button that started another tour */ }
-			<GuidedModalTour tourId="editor-welcome" />
+			<GuidedModalTour tourId="editor" />
 			<ToolbarButton
 				onClick={ onClick }
 				className="ugb-insert-library-button"
diff --git a/src/plugins/global-settings/index.js b/src/plugins/global-settings/index.js
index 7428296094..e89f7291a3 100644
--- a/src/plugins/global-settings/index.js
+++ b/src/plugins/global-settings/index.js
@@ -93,7 +93,7 @@ const GlobalSettings = () => {
 						<StyleGuidePopover onClose={ () => setIsStyleGuideOpen( false ) } />
 					) }
 					{ globalSettingsInspector }
-					<GuidedModalTour tourId="design-system-welcome" />
+					<GuidedModalTour tourId="design-system" />
 				</PluginSidebar>
 			}
 		</>
diff --git a/src/welcome/getting-started.js b/src/welcome/getting-started.js
index f8670033f9..8030ad1ec4 100644
--- a/src/welcome/getting-started.js
+++ b/src/welcome/getting-started.js
@@ -8,6 +8,7 @@ import SVGCommunityIcon from './images/user.svg'
 import SVGArrowUpRightIcon from './images/arrow-up-right.svg'
 import SVGDivider from './images/divider.svg'
 import SVGQuickButtonsArrow from './images/quick-buttons-arrow.svg'
+import SVGCheck from './images/check.svg'
 
 /**
  * WordPress dependencies
@@ -24,7 +25,8 @@ import {
 /**
  * External dependencies
  */
-import { i18n } from 'stackable'
+import { i18n, guidedTourStates } from 'stackable'
+import classNames from 'classnames'
 
 const generalProps = [
 	{
@@ -134,7 +136,15 @@ export const GettingStarted = () => {
 							<p>{ __( 'Jump straight into our Design Library and insert polished, pre-built sections — no more blank-page overwhelm.', i18n ) }</p>
 						</div>
 						<div className="s-quick-button-button">
-							<a href="/wp-admin/post-new.php?post_type=page&tour=design-library-welcome" className="s-button s-secondary-button uppercase">
+							<a
+								href={ `/wp-admin/post-new.php?post_type=page&content=${ __( 'Welcome to Stackable', i18n ) }&tour=design-library` }
+								className={ classNames( 's-button s-secondary-button uppercase', {
+									's-button--checked': guidedTourStates?.includes( 'design-library' ),
+								} ) }
+							>
+								<span className="s-quick-button-toggle-indicator">
+									<SVGCheck />
+								</span>
 								{ __( 'Build Now', i18n ) }
 							</a>
 						</div>
@@ -149,7 +159,15 @@ export const GettingStarted = () => {
 							<p>{ __( 'Set your brand\'s colors, fonts, and spacing once in the Design System — every Stackable block updates automatically.', i18n ) }</p>
 						</div>
 						<div className="s-quick-button-button">
-							<a href="/wp-admin/post-new.php?post_type=page&tour=design-system-welcome" className="s-button s-secondary-button uppercase">
+							<a
+								href={ `/wp-admin/post-new.php?post_type=page&content=${ __( 'Welcome to Stackable', i18n ) }&tour=design-system` }
+								className={ classNames( 's-button s-secondary-button uppercase', {
+									's-button--checked': guidedTourStates?.includes( 'design-system' ),
+								} ) }
+							>
+								<span className="s-quick-button-toggle-indicator">
+									<SVGCheck />
+								</span>
 								{ __( 'Try Now', i18n ) }
 							</a>
 						</div>
@@ -165,7 +183,12 @@ export const GettingStarted = () => {
 							<p>{ __( 'Pick a ready-made website template to kickstart your project — fully built layouts and styles, just swap in your content.', i18n ) }</p>
 						</div>
 						<div className="s-quick-button-button">
-							<a href="/wp-admin/post-new.php?post_type=page" className="s-button s-secondary-button uppercase">
+							<a
+								href="/wp-admin/post-new.php?post_type=page"
+								className={ classNames( 's-button s-secondary-button uppercase', {
+									's-button--checked': guidedTourStates?.includes( 'site-kit' ),
+								} ) }
+							>
 								{ __( 'Select Kit', i18n ) }
 							</a>
 						</div>
@@ -181,7 +204,12 @@ export const GettingStarted = () => {
 							<p>{ __( 'Browse curated Design System presets — apply a professional look instantly without building from scratch.', i18n ) }</p>
 						</div>
 						<div className="s-quick-button-button">
-							<a href="/wp-admin/post-new.php?post_type=page" className="s-button s-secondary-button uppercase">
+							<a
+								href="/wp-admin/post-new.php?post_type=page"
+								className={ classNames( 's-button s-secondary-button uppercase', {
+									's-button--checked': guidedTourStates?.includes( 'design-system-picker' ),
+								} ) }
+							>
 								{ __( 'Pick A System', i18n ) }
 							</a>
 						</div>
diff --git a/src/welcome/getting-started.php b/src/welcome/getting-started.php
new file mode 100644
index 0000000000..d6f3f71c74
--- /dev/null
+++ b/src/welcome/getting-started.php
@@ -0,0 +1,58 @@
+<?php
+/**
+ * Getting Started screen.
+ */
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+if ( ! class_exists( 'Stackable_Getting_Started_Screen' ) ) {
+	class Stackable_Getting_Started_Screen {
+		function __construct() {
+            // Register settings.
+            add_action( 'admin_init', array( $this, 'register_settings' ) );
+            add_action( 'rest_api_init', array( $this, 'register_settings' ) );
+            
+            if ( is_admin() ) {
+                add_filter( 'stackable_localize_script', array( $this, 'add_localize_script' ) );
+                add_filter( 'stackable_localize_settings_script', array( $this, 'add_localize_script' ) );
+            }
+        }
+        
+        public function register_settings() {
+            // This is used to store whether the user has completed a guided tour.
+            // If the tour ID is not saved here, the tour will be shown.
+            // This is overridable by `?tour=tourId` in the URL.
+			register_setting(
+				'stackable_guided_tour_states',
+				'stackable_guided_tour_states',
+				array(
+					'type' => 'array',
+					'description' => __( 'An array of strings representing completed block tours.', STACKABLE_I18N ),
+					'sanitize_callback' => array( $this, 'sanitize_array_setting' ),
+                    'show_in_rest' => array(
+						'schema' => array(
+							'items' => array(
+								'type' => 'string',
+							),
+						),
+					),
+					'default' => array(),
+				)
+			);
+        }
+
+        public function sanitize_array_setting( $input ) {
+            return array_map( 'sanitize_text_field', $input );
+        }
+
+        public function add_localize_script( $args ) {
+            $args['guidedTourStates'] = get_option( 'stackable_guided_tour_states', array() );
+            return $args;
+        }
+	}
+
+	new Stackable_Getting_Started_Screen();
+}
\ No newline at end of file
diff --git a/src/welcome/getting-started.scss b/src/welcome/getting-started.scss
index 74e19c30fb..51aa539429 100644
--- a/src/welcome/getting-started.scss
+++ b/src/welcome/getting-started.scss
@@ -202,7 +202,7 @@
 	}
 
 	.s-divider {
-		width: 250px;
+		width: 150px;
 		margin: 64px auto;
 		display: block;
 	}
@@ -320,4 +320,35 @@ body.settings_page_stackable-getting-started .s-body-container > .s-getting-star
 			font-family: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;
 		}
 	}
+
+	.s-quick-button-toggle-indicator {
+		width: 18px;
+		display: inline-block;
+		background: #0000002b;
+		border-radius: 100%;
+		height: 18px;
+		vertical-align: middle;
+		margin-inline: -8px 12px;
+		margin-top: -3px;
+		box-sizing: border-box;
+		position: relative;
+		svg {
+			position: absolute;
+			fill: #23ff8a;
+			top: -4px;
+			left: -1px;
+			filter: drop-shadow(1px 1px 2px #0006);
+		}
+	}
+	.s-button:not(.s-button--checked) {
+		.s-quick-button-toggle-indicator svg {
+			display: none;
+		}
+	}
+	.s-button.s-button--checked {
+		background: #555 !important;
+		.s-quick-button-toggle-indicator {
+			background: #0000004f;
+		}
+	}
 }
diff --git a/src/welcome/images/check.svg b/src/welcome/images/check.svg
new file mode 100644
index 0000000000..babf439f50
--- /dev/null
+++ b/src/welcome/images/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="1em" height="1em" preserveAspectRatio="xMidYMid meet"><!--!Font Awesome Free v7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z"/></svg>
\ No newline at end of file

From 6aa1c50e014b583989d97cb0735e3ff646d947ab Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 14:22:37 +0800
Subject: [PATCH 26/78] make sure style guide doesn't overlap with design
 system popovers

---
 src/components/style-guide/editor.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index c8eedba446..9617a30ee3 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -209,6 +209,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 }
 .ugb-style-guide-popover {
 	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
+	z-index: 100000;
 
 	.ugb-style-guide-popover__close-button {
 		height: 40px;

From b3678f044a94a520c2f4576cab551e1b6d267496 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 14:50:24 +0800
Subject: [PATCH 27/78] fixed ui of color schemes

---
 src/components/style-guide/editor.scss | 41 +++++++++++++++++++++-----
 src/components/style-guide/index.js    | 13 +++++++-
 src/components/style-guide/popover.js  |  2 +-
 3 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 9617a30ee3..c35d0c25b7 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -47,28 +47,56 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		color: #999;
 		border-bottom: 1px solid #eee;
 		margin-bottom: 32px;
-		padding: 0 0 16px;
+		padding: 0 0 0.5em;
 		&:not(:first-child) {
 			margin-top: 2.5em;
 		}
 	}
 
+	.ugb-style-guide__section-subheading--small {
+		font-family: $guide-font-family;
+		font-size: 16px;
+		font-weight: 400;
+		color: #999;
+		border-bottom: 1px solid #eee;
+		margin-bottom: 0.5em;
+		padding: 0 0 0.25em;
+		margin-top: 0;
+		&:not(:first-child) {
+			margin-top: 1.5em;
+		}
+	}
+
 	// Color Schemes
 
 	.ugb-style-guide__color-container {
 		border-radius: 16px;
 		border: 1px solid #eee;
 		padding: 24px;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.ugb-style-guide__color-scheme {
+		position: sticky;
+		top: 0;
 	}
 
 	.ugb-style-guide__color-schemes {
 		gap: 24px;
-		margin-top: 24px;
 		display: grid;
-		grid-template-columns: repeat(3, 1fr);
+		grid-template-columns: 1fr;
 
 		.ugb-style-guide__color-scheme-title {
-			margin: 0 0 48px;
+			margin: 0;
+			grid-column: 1 / 3;
+		}
+
+		.ugb-style-guide__column {
+			display: grid;
+			grid-template-columns: 1fr 300px;
+			gap: 24px;
+			align-items: flex-start;
 		}
 	}
 
@@ -81,7 +109,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	.ugb-style-guide__color-scheme__heading {
 		font-size: 28.83px;
 		font-weight: 600;
-		margin-bottom: 24px;
+		margin-bottom: 16px;
 		line-height: 1.2;
 	}
 
@@ -96,7 +124,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	.ugb-style-guide__color-scheme__links {
 		display: flex;
 		gap: 16px;
-		margin-top: 24px;
+		margin-top: 32px;
 	}
 
 	.ugb-style-guide__color-scheme__button,
@@ -122,7 +150,6 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	}
 
 	.ugb-style-guide__color-scheme__colors {
-		margin-top: 16px;
 		p {
 			margin: 0;
 			line-height: 1.6;
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index 99d7d2470d..37f222016f 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -147,8 +147,8 @@ const StyleGuide = props => {
 							{ colorSchemes.map( ( colorScheme, i ) => {
 								return (
 									<div key={ colorScheme.key } className="ugb-style-guide__column">
+										<h2 className="ugb-style-guide__color-scheme-title ugb-style-guide__title ugb-style-guide__color-label">{ colorScheme.name }</h2>
 										<div className="ugb-style-guide__color-scheme ugb-style-guide__color-container" style={ { backgroundColor: colorScheme.backgroundColor.color } }>
-											<h2 className="ugb-style-guide__color-scheme-title ugb-style-guide__title ugb-style-guide__color-label" style={ { color: isDarkColor( colorScheme.backgroundColor.color ) ? '#fff' : '#000' } }>{ colorScheme.name }</h2>
 											{ /* TODO: Kae: the fonts and sizes here should be based on the design system */ }
 											<div className="ugb-style-guide__color-scheme__subtitle" style={ { color: colorScheme.accentColor.color } }>{ __( 'Subtitle', i18n ) }</div>
 											<div className="ugb-style-guide__color-scheme__heading" style={ { color: colorScheme.headingColor.color } }>{ __( 'Headings', i18n ) }</div>
@@ -157,6 +157,8 @@ const StyleGuide = props => {
 												{ LONG_TEXT[ i % 6 ] }
                                                 &nbsp;
 												{ LONG_TEXT[ ( i + 1 ) % 6 ] }
+                                                &nbsp;
+												{ LONG_TEXT[ ( i + 2 ) % 6 ] }
                                                 &nbsp;
 												{ /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }
 												<a href="#" onClick={ e => e.preventDefault() } style={ {
@@ -187,6 +189,7 @@ const StyleGuide = props => {
 											</div>
 										</div>
 										<div className="ugb-style-guide__color-scheme__colors">
+											<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Base Colors', i18n ) }</h3>
 											<p>{ __( 'Background Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.backgroundColor.color } } />{ colorScheme.backgroundColor.name || colorScheme.backgroundColor.color }</p>
 											<p>{ __( 'Heading Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.headingColor.color } } />{ colorScheme.headingColor.name || colorScheme.headingColor.color }</p>
 											<p>{ __( 'Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.textColor.color } } />{ colorScheme.textColor.name || colorScheme.textColor.color }</p>
@@ -195,6 +198,14 @@ const StyleGuide = props => {
 											<p>{ __( 'Button Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonColor.color } } />{ colorScheme.buttonColor.name || colorScheme.buttonColor.color }</p>
 											<p>{ __( 'Button Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonTextColor.color } } />{ colorScheme.buttonTextColor.name || colorScheme.buttonTextColor.color }</p>
 											<p>{ __( 'Button Outline Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonOutlineColor.color } } />{ colorScheme.buttonOutlineColor.name || colorScheme.buttonOutlineColor.color }</p>
+											<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Hover Colors', i18n ) }</h3>
+											<p>{ __( 'Button Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonColor.color } } />{ colorScheme.buttonColor.name || colorScheme.buttonColor.color }</p>
+											<p>{ __( 'Button Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonTextColor.color } } />{ colorScheme.buttonTextColor.name || colorScheme.buttonTextColor.color }</p>
+											<p>{ __( 'Button Outline Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonOutlineColor.color } } />{ colorScheme.buttonOutlineColor.name || colorScheme.buttonOutlineColor.color }</p>
+											<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Parent Hovered Colors', i18n ) }</h3>
+											<p>{ __( 'Background Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.backgroundColor.color } } />{ colorScheme.backgroundColor.name || colorScheme.backgroundColor.color }</p>
+											<p>{ __( 'Heading Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.headingColor.color } } />{ colorScheme.headingColor.name || colorScheme.headingColor.color }</p>
+											<p>{ __( 'Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.textColor.color } } />{ colorScheme.textColor.name || colorScheme.textColor.color }</p>
 										</div>
 									</div>
 								)
diff --git a/src/components/style-guide/popover.js b/src/components/style-guide/popover.js
index 8738e36484..3d3a587a3f 100644
--- a/src/components/style-guide/popover.js
+++ b/src/components/style-guide/popover.js
@@ -93,7 +93,7 @@ const ExportButton = props => {
 			isBusy={ isExporting }
 			disabled={ isExporting }
 		>
-			{ __( 'Export', i18n ) }
+			{ __( 'Export as Image', i18n ) }
 		</Button>
 	)
 }

From 0e8409a269d8f7266047ae862e883cc2d70e70e6 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 14:53:20 +0800
Subject: [PATCH 28/78] fix color text alignment

---
 src/components/style-guide/editor.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index c35d0c25b7..6758c2df23 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -73,8 +73,10 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		border-radius: 16px;
 		border: 1px solid #eee;
 		padding: 24px;
-		display: flex;
-		flex-direction: column;
+		&.ugb-style-guide__color-scheme {
+			display: flex;
+			flex-direction: column;
+		}
 	}
 
 	.ugb-style-guide__color-scheme {

From 02490b374ac4a3af229d8cb5ec76e24708215d49 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 7 Aug 2025 16:48:57 +0800
Subject: [PATCH 29/78] complete style guide

---
 .config/rules.js                              |   2 +-
 src/components/style-guide/editor.scss        | 105 ++++++++++++++++++
 .../style-guide/images/hero-bg.webp           | Bin 0 -> 101176 bytes
 .../style-guide/images/media-text.webp        | Bin 0 -> 40702 bytes
 src/components/style-guide/images/readme.txt  |   2 +
 src/components/style-guide/index.js           |  88 ++++++++++++++-
 6 files changed, 195 insertions(+), 2 deletions(-)
 create mode 100644 src/components/style-guide/images/hero-bg.webp
 create mode 100644 src/components/style-guide/images/media-text.webp
 create mode 100644 src/components/style-guide/images/readme.txt

diff --git a/.config/rules.js b/.config/rules.js
index 33e1cd2f12..7396bef40b 100644
--- a/.config/rules.js
+++ b/.config/rules.js
@@ -39,7 +39,7 @@ module.exports = [
 		],
 	},
 	{
-		test: /\.(png|jpg|gif)$/,
+		test: /\.(png|jpg|gif|webp)$/,
 		use: [
 			{
 				loader: 'file-loader',
diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 6758c2df23..3ecd284fcb 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -221,6 +221,111 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		color: #bbb;
 		margin-top: 8px;
 	}
+
+	// Web Elements
+
+	.ugb-style-guide__elements {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 24px;
+	}
+
+	.ugb-style-guide__elements__images img {
+		width: 60%;
+		height: auto;
+	}
+
+	// Design System Preview
+
+	.ugb-style-guide__preview {
+		border-radius: 16px;
+		overflow: hidden;
+		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+	}
+
+	.ugb-style-guide__preview-mock-browser {
+		background: #222;
+		padding: 8px 16px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		position: relative;
+	}
+	.ugb-style-guide__preview-mock-browser__buttons {
+		display: flex;
+		gap: 8px;
+		inset-inline-start: 16px;
+		position: absolute;
+	}
+	.ugb-style-guide__preview-mock-browser__button {
+		height: 10px;
+		width: 10px;
+		background: #999;
+		border-radius: 100%;
+	}
+	.ugb-style-guide__preview-mock-browser__url {
+		font-size: 12px;
+		color: #888;
+	}
+	.ugb-style-guide__preview-mock-browser__resize-handle {
+		inset-inline-start: 16px;
+	}
+
+	.ugb-style-guide__preview-hero {
+		// Fade the background image
+		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), var(--bg-image);
+		background-size: cover;
+		background-position: center;
+		background-repeat: no-repeat;
+		// TODO: These should all be the design system: background padding.
+		padding: 100px 50px;
+		text-align: center;
+		color: #fff;
+	}
+
+	.ugb-style-guide__preview-content {
+		padding: 50px;
+		// TODO: These should all be the design system: background padding.
+		> h2,
+		p {
+			text-align: center;
+		}
+	}
+	.ugb-style-guide__preview-content__grid {
+		margin-top: 36px;
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr;
+		// TODO: These should all be the design system
+		gap: 24px;
+	}
+
+	.ugb-style-guide__preview-content__grid-item {
+		text-align: center;
+		// TODO: These should all be the design system for containers
+		background: #fff;
+		padding: 24px;
+		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+	}
+
+	.ugb-style-guide__preview-content-2 {
+		// TODO: These should all be the design system
+		background: #eee;
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 24px;
+		padding: 50px;
+		.ugb-style-guide__preview-content__media {
+			img {
+				object-fit: cover;
+				width: 100%;
+				height: 400px;
+				// TODO: use image border radius and shadow
+			}
+		}
+		.ugb-style-guide__preview-content__text {
+			padding-top: 50px;
+		}
+	}
 }
 .ugb-style-guide-popover__heading {
 	margin: 70px 70px 0;
diff --git a/src/components/style-guide/images/hero-bg.webp b/src/components/style-guide/images/hero-bg.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e1f17e4e519a84b7d52dc2ee2417d1f7a6b0cf8c
GIT binary patch
literal 101176
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
YFOB>yo-6~H06h*k0(lwMJD>mn00z-*`2YX_

literal 0
HcmV?d00001

diff --git a/src/components/style-guide/images/media-text.webp b/src/components/style-guide/images/media-text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..984c7602de766db3434edc3d7efb48231b62b260
GIT binary patch
literal 40702
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
GKmY*gFYy=v

literal 0
HcmV?d00001

diff --git a/src/components/style-guide/images/readme.txt b/src/components/style-guide/images/readme.txt
new file mode 100644
index 0000000000..8c65b6dfc8
--- /dev/null
+++ b/src/components/style-guide/images/readme.txt
@@ -0,0 +1,2 @@
+hero-bg image from: https://www.pexels.com/photo/house-near-body-of-water-356807/ by Daniel Frank
+media-text image from: https://www.pexels.com/photo/man-in-black-and-white-long-sleeve-shirt-holding-brown-leather-bag-6649411/ by cottonbro studio
\ No newline at end of file
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index 37f222016f..b041d8fc33 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -1,12 +1,20 @@
 /**
  * External dependencies
  */
-import { i18n } from 'stackable'
+import { i18n, srcUrl } from 'stackable'
 
 /**
  * Internal dependencies
  */
 import { isDarkColor } from '~stackable/util'
+import heroBg from './images/hero-bg.webp'
+import mediaText from './images/media-text.webp'
+import {
+	Icon,
+	addTemplate as addTemplateIcon,
+	styles as stylesIcon,
+	scheduled as scheduledIcon,
+} from '@wordpress/icons'
 
 /**
  * WordPress dependencies
@@ -370,6 +378,84 @@ const StyleGuide = props => {
 							<p>{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
 						</div>
 					</div>
+
+					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Web Elements', i18n ) }</h1>
+					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Buttons', i18n ) }</h2>
+					<div className="ugb-style-guide__elements ugb-style-guide__elements__buttons">
+						<button className="ugb-style-guide__button">Button</button>
+						{ /* TODO: Kae: These are block styles: */ }
+						<button className="ugb-style-guide__button">Secondary Button</button>
+						<button className="ugb-style-guide__button">Outline Button</button>
+					</div>
+					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Images', i18n ) }</h2>
+					<div className="ugb-style-guide__elements ugb-style-guide__elements__images">
+						<img src={ srcUrl + '/' + heroBg } alt="Placeholder" />
+						{ /* TODO: Kae: Block styles here if any */ }
+					</div>
+					{ /* TODO: Kae: Remaining block styles: */ }
+
+					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Design System Preview', i18n ) }</h1>
+					<div className="ugb-style-guide__preview">
+						<div className="ugb-style-guide__preview-mock-browser">
+							<div className="ugb-style-guide__preview-mock-browser__buttons">
+								<div className="ugb-style-guide__preview-mock-browser__button"></div>
+								<div className="ugb-style-guide__preview-mock-browser__button"></div>
+								<div className="ugb-style-guide__preview-mock-browser__button"></div>
+							</div>
+							{ /* TODO: can we get the URL of the current site here? */ }
+							<div className="ugb-style-guide__preview-mock-browser__url">https://example.com</div>
+							<div className="ugb-style-guide__preview-mock-browser__resize-handle"></div>
+						</div>
+						{ /* TODO: this is a section with a background */ }
+						<div className="ugb-style-guide__preview-hero" style={ { '--bg-image': `url(${ srcUrl + '/' + heroBg })` } }>
+							<div>{ __( 'Subtitle', i18n ) }</div>
+							<h1>{ __( 'Hero', i18n ) }</h1>
+							<p>{ LONG_TEXT[ 0 ] }</p>
+							<div>
+								<button>{ __( 'Get Started', i18n ) }</button>
+								<button>{ __( 'Learn More', i18n ) }</button>
+							</div>
+						</div>
+						{ /* TODO: no background section */ }
+						<div className="ugb-style-guide__preview-content">
+							<h2>{ __( 'Section Title', i18n ) }</h2>
+							<p>{ __( 'Description', i18n ) }</p>
+							<div className="ugb-style-guide__preview-content__grid">
+								{ /* TODO: this should have containers on */ }
+								<div className="ugb-style-guide__preview-content__grid-item">
+									<Icon icon={ addTemplateIcon } />
+									<h3>{ __( 'Grid Item Title', i18n ) }</h3>
+									<p>{ LONG_TEXT[ 1 ] }</p>
+								</div>
+								<div className="ugb-style-guide__preview-content__grid-item">
+									<Icon icon={ stylesIcon } />
+									<h3>{ __( 'Grid Item Title', i18n ) }</h3>
+									<p>{ LONG_TEXT[ 3 ] }</p>
+								</div>
+								<div className="ugb-style-guide__preview-content__grid-item">
+									<Icon icon={ scheduledIcon } />
+									<h3>{ __( 'Grid Item Title', i18n ) }</h3>
+									<p>{ LONG_TEXT[ 4 ] }</p>
+								</div>
+							</div>
+							{ /* TODO: Kae: Add the content here */ }
+						</div>
+						{ /* TODO: section with background: media on left, text on right */ }
+						<div className="ugb-style-guide__preview-content-2">
+							<div className="ugb-style-guide__preview-content__media">
+								{ /* TODO: use actual random neutral image */ }
+								<img src={ srcUrl + '/' + mediaText } alt="Placeholder" />
+							</div>
+							<div className="ugb-style-guide__preview-content__text">
+								<p>{ __( 'Subtitle', i18n ) }</p>
+								<h2>{ __( 'Section Title', i18n ) }</h2>
+								<p>{ LONG_TEXT[ 5 ] }</p>
+								<div>
+									<button>{ __( 'Learn More', i18n ) }</button>
+								</div>
+							</div>
+						</div>
+					</div>
 				</div>
 			</div>
 		</>

From 8a6c69af2b81581ace5ad9701a1e1422cdca2127 Mon Sep 17 00:00:00 2001
From: mxkae <mikhaelatapia@gmail.com>
Date: Thu, 7 Aug 2025 22:20:53 +0800
Subject: [PATCH 30/78] display typography styles

---
 src/components/style-guide/editor.scss        |   6 +-
 src/components/style-guide/index.js           | 188 ++++++------------
 src/hooks/use-design-system.js                |  37 +++-
 .../global-settings/typography/index.js       |   8 +-
 .../global-settings/typography/store.js       |  40 ++++
 .../typography/typography-picker.js           |  59 +-----
 src/util/typography/description.js            |  55 +++++
 src/util/typography/index.js                  |   1 +
 8 files changed, 210 insertions(+), 184 deletions(-)
 create mode 100644 src/plugins/global-settings/typography/store.js
 create mode 100644 src/util/typography/description.js

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 3ecd284fcb..202aad85e3 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -102,20 +102,20 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		}
 	}
 
-	.ugb-style-guide__color-scheme__subtitle {
+	:where(.ugb-style-guide__color-scheme__subtitle) {
 		font-size: 14.22px;
 		margin-bottom: 8px;
 		line-height: 1;
 	}
 
-	.ugb-style-guide__color-scheme__heading {
+	:where(.ugb-style-guide__color-scheme__heading) {
 		font-size: 28.83px;
 		font-weight: 600;
 		margin-bottom: 16px;
 		line-height: 1.2;
 	}
 
-	.ugb-style-guide__color-scheme__body {
+	:where(.ugb-style-guide__color-scheme__body) {
 		font-size: 16px;
 		line-height: 1.6;
 		a:hover {
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index b041d8fc33..c48fa95771 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -19,7 +19,7 @@ import {
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n'
+import { __, sprintf } from '@wordpress/i18n'
 // import { RawHTML } from '@wordpress/element'
 // import { createBlock, serialize } from '@wordpress/blocks'
 
@@ -139,16 +139,20 @@ const StyleGuide = props => {
 	const {
 		colors,
 		colorSchemes = DUMMY_COLOR_SCHEMES,
+		typography = {
+			desktop: [], tablet: [], mobile: [],
+		},
+		designSystemStyles = '',
 	} = designSystem
 
 	return (
 		<>
 			<div className="ugb-style-guide">
 				<div className="ugb-style-guide__content" ref={ contentRef }>
-
+					<style>{ designSystemStyles }</style>
 					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Colors', i18n ) }</h1>
 
-					{ /* TODO: Kae: the color schemes should always output at least 2 entries: 1 base color scheme and 1 background color scheme even at their default states. */ }
+					{ /* TODO: Kae: the color schemes should always output at least 2 entries: 1 base color scheme and 1 background color scheme even at their default states. className="ugb-style-guide__typography-preview" data-device="desktop" */ }
 					{ colorSchemes && <>
 						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Color Schemes', i18n ) }</h2>
 						<div className="ugb-style-guide__columns ugb-style-guide__color-schemes">
@@ -158,10 +162,10 @@ const StyleGuide = props => {
 										<h2 className="ugb-style-guide__color-scheme-title ugb-style-guide__title ugb-style-guide__color-label">{ colorScheme.name }</h2>
 										<div className="ugb-style-guide__color-scheme ugb-style-guide__color-container" style={ { backgroundColor: colorScheme.backgroundColor.color } }>
 											{ /* TODO: Kae: the fonts and sizes here should be based on the design system */ }
-											<div className="ugb-style-guide__color-scheme__subtitle" style={ { color: colorScheme.accentColor.color } }>{ __( 'Subtitle', i18n ) }</div>
-											<div className="ugb-style-guide__color-scheme__heading" style={ { color: colorScheme.headingColor.color } }>{ __( 'Headings', i18n ) }</div>
+											<div className="ugb-style-guide__color-scheme__subtitle stk-subtitle ugb-style-guide__typography-preview" data-device="desktop" style={ { color: colorScheme.accentColor.color } }>{ __( 'Subtitle', i18n ) }</div>
+											<h2 className="ugb-style-guide__color-scheme__heading ugb-style-guide__typography-preview" data-device="desktop" style={ { color: colorScheme.headingColor.color } }>{ __( 'Headings', i18n ) }</h2>
 
-											<div className="ugb-style-guide__color-scheme__body" style={ { color: colorScheme.textColor.color } }>
+											<p className="ugb-style-guide__color-scheme__body ugb-style-guide__typography-preview" data-device="desktop" style={ { color: colorScheme.textColor.color } }>
 												{ LONG_TEXT[ i % 6 ] }
                                                 &nbsp;
 												{ LONG_TEXT[ ( i + 1 ) % 6 ] }
@@ -175,7 +179,7 @@ const StyleGuide = props => {
 												} }>
 													{ __( 'Link', i18n ) }
 												</a>
-											</div>
+											</p>
 
 											{ /* TODO: Kae: the button looks here should be based on the design system */ }
 											<div className="ugb-style-guide__color-scheme__links">
@@ -185,14 +189,14 @@ const StyleGuide = props => {
 													color: colorScheme.buttonTextColor.color,
 													'--hover-background-color': colorScheme.buttonColor.hoverColor || colorScheme.buttonColor.color,
 													'--hover-color': colorScheme.buttonTextColor.hoverColor || colorScheme.buttonTextColor.color,
-												} }>{ __( 'Button', i18n ) }</button>
+												} }><span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Button', i18n ) }</span></button>
 
 												<button className="ugb-style-guide__color-scheme__button--outline" style={ {
 													borderColor: colorScheme.buttonOutlineColor.color,
 													color: colorScheme.buttonOutlineColor.color,
 													'--hover-border-color': colorScheme.buttonOutlineColor.hoverColor || colorScheme.buttonOutlineColor.color,
 													'--hover-color': colorScheme.buttonOutlineColor.hoverColor || colorScheme.buttonOutlineColor.color,
-												} }>{ __( 'Button', i18n ) }</button>
+												} }><span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Button', i18n ) }</span></button>
 
 											</div>
 										</div>
@@ -242,140 +246,78 @@ const StyleGuide = props => {
 
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
-							<div className="ugb-style-guide__typography-container">
-								<h1>{ __( 'Heading 1', i18n ) }</h1>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h2>{ __( 'Heading 2', i18n ) }</h2>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h3>{ __( 'Heading 3', i18n ) }</h3>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h4>{ __( 'Heading 4', i18n ) }</h4>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h5>{ __( 'Heading 5', i18n ) }</h5>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h6>{ __( 'Heading 6', i18n ) }</h6>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Body', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Subtitle', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Button', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Bold / 16px</div>
-							</div>
+							{ typography.desktop.length > 0 && typography.desktop.map( ( [ element, description ], i ) => {
+								const Tag = element.startsWith( 'h' ) ? element : 'p'
+								const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
+
+								const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
+									: i === 6 ? __( 'Body', i18n )
+										: i === 7 ? __( 'Subtitle', i18n )
+											: __( 'Button', i18n )
+
+								return (
+									<div key={ i } className="ugb-style-guide__typography-container">
+										<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="desktop">{ label }</Tag>
+										<div className="ugb-style-guide__typography-label">{ description }</div>
+									</div>
+								)
+							} ) }
 						</div>
 
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
-							<div className="ugb-style-guide__typography-container">
-								<h1>{ __( 'Heading 1', i18n ) }</h1>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h2>{ __( 'Heading 2', i18n ) }</h2>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h3>{ __( 'Heading 3', i18n ) }</h3>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h4>{ __( 'Heading 4', i18n ) }</h4>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h5>{ __( 'Heading 5', i18n ) }</h5>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h6>{ __( 'Heading 6', i18n ) }</h6>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Body', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Subtitle', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Button', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Bold / 16px</div>
-							</div>
+							{ typography.tablet.length > 0 && typography.tablet.map( ( [ element, description ], i ) => {
+								const Tag = element.startsWith( 'h' ) ? element : 'p'
+								const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
+								const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
+									: i === 6 ? __( 'Body', i18n )
+										: i === 7 ? __( 'Subtitle', i18n )
+											: __( 'Button', i18n )
+
+								return (
+									<div key={ i } className="ugb-style-guide__typography-container">
+										<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="tablet">{ label }</Tag>
+										<div className="ugb-style-guide__typography-label">{ description }</div>
+									</div>
+								)
+							} ) }
 						</div>
 
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
-							<div className="ugb-style-guide__typography-container">
-								<h1>{ __( 'Heading 1', i18n ) }</h1>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h2>{ __( 'Heading 2', i18n ) }</h2>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h3>{ __( 'Heading 3', i18n ) }</h3>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h4>{ __( 'Heading 4', i18n ) }</h4>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h5>{ __( 'Heading 5', i18n ) }</h5>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<h6>{ __( 'Heading 6', i18n ) }</h6>
-								<div className="ugb-style-guide__typography-label">DM Sans / Bold / 36px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Body', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Subtitle', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Normal / 16px</div>
-							</div>
-							<div className="ugb-style-guide__typography-container">
-								<p>{ __( 'Button', i18n ) }</p>
-								<div className="ugb-style-guide__typography-label">System Font / Bold / 16px</div>
-							</div>
+							{ typography.mobile.length > 0 && typography.mobile.map( ( [ element, description ], i ) => {
+								const Tag = element.startsWith( 'h' ) ? element : 'p'
+								const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
+								const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
+									: i === 6 ? __( 'Body', i18n )
+										: i === 7 ? __( 'Subtitle', i18n )
+											: __( 'Button', i18n )
+
+								return (
+									<div key={ i } className="ugb-style-guide__typography-container">
+										<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="mobile">{ label }</Tag>
+										<div className="ugb-style-guide__typography-label">{ description }</div>
+									</div>
+								)
+							} ) }
 						</div>
 					</div>
 
 					<div className="ugb-style-guide__columns ugb-style-guide__typography-body">
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
-							<h2>{ __( 'Built on the Moments Between', i18n ) }</h2>
-							<p>{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
+							<h2 className="ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Built on the Moments Between', i18n ) }</h2>
+							<p className="ugb-style-guide__typography-preview" data-device="desktop">{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
 						</div>
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
-							<h2>{ __( 'Built on the Moments Between', i18n ) }</h2>
-							<p>{ LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
+							<h2 className="ugb-style-guide__typography-preview" data-device="tablet">{ __( 'Built on the Moments Between', i18n ) }</h2>
+							<p className="ugb-style-guide__typography-preview" data-device="tablet">{ LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
 						</div>
 						<div className="ugb-style-guide__column">
 							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
-							<h2>{ __( 'Built on the Moments Between', i18n ) }</h2>
-							<p>{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
+							<h2 className="ugb-style-guide__typography-preview" data-device="mobile">{ __( 'Built on the Moments Between', i18n ) }</h2>
+							<p className="ugb-style-guide__typography-preview" data-device="mobile">{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
 						</div>
 					</div>
 
diff --git a/src/hooks/use-design-system.js b/src/hooks/use-design-system.js
index 40feef3441..00d61452b5 100644
--- a/src/hooks/use-design-system.js
+++ b/src/hooks/use-design-system.js
@@ -1,15 +1,48 @@
 import { useSelect } from '@wordpress/data'
+import { omit } from 'lodash'
+import { generateStyles } from '~stackable/block-components'
+import { createTypographyDescription, createTypographyStyles } from '~stackable/util'
 
 export const useDesignSystem = () => {
-	const { colors } = useSelect( select => {
+	const {
+		colors, typography, designSystemStyles,
+	} = useSelect( select => {
 		const colors = select( 'stackable/global-colors' ).getSettings().stackableColors || []
+		const _typography = select( 'stackable/global-typography' ).getSettings() || {}
+
+		const stylesObject = {}
+		const typography = {
+			desktop: [],
+			tablet: [],
+			mobile: [],
+		}
+
+		const typographySelectors = [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', '.stk-subtitle', '.stk-button__inner-text' ]
+		typographySelectors.forEach( key => {
+			if ( _typography[ key ] ) {
+				const value = _typography[ key ]
+				const stylesForPreview = omit( value, [ 'lineHeight', 'tabletLineHeight', 'mobileLineHeight' ] )
+				stylesObject[ `${ key }.ugb-style-guide__typography-preview` ] = createTypographyStyles( '%s', 'desktop', value, { important: false } )
+				stylesObject[ `${ key }.ugb-style-guide__typography-preview:not([data-device="desktop"]) ` ] = createTypographyStyles( '%s', 'tablet', value, { important: false } )
+				stylesObject[ `${ key }.ugb-style-guide__typography-preview[data-device="mobile"] ` ] = createTypographyStyles( '%s', 'mobile', value, { important: false } )
+				typography.desktop.push( [ key, createTypographyDescription( stylesForPreview, 'desktop', ' / ' ) ] )
+				typography.tablet.push( [ key, createTypographyDescription( stylesForPreview, 'tablet', ' / ' ) ] )
+				typography.mobile.push( [ key, createTypographyDescription( stylesForPreview, 'mobile', ' / ' ) ] )
+			}
+		} )
+
+		const designSystemStyles = generateStyles( stylesObject, '' ).join( '' )
 
 		// TODO: get other settings in the design system
 
-		return { colors }
+		return {
+			colors, typography, designSystemStyles,
+		}
 	}, [] )
 
 	return {
 		colors,
+		typography,
+		designSystemStyles,
 	}
 }
diff --git a/src/plugins/global-settings/typography/index.js b/src/plugins/global-settings/typography/index.js
index 1b19998865..08e1a7dbf1 100644
--- a/src/plugins/global-settings/typography/index.js
+++ b/src/plugins/global-settings/typography/index.js
@@ -11,6 +11,7 @@ import {
 	cleanTypographyStyle,
 	getTypographyTypeScale,
 } from './utils'
+import './store'
 
 /**
  * External dependencies
@@ -43,7 +44,7 @@ import {
 	addFilter, applyFilters, doAction,
 } from '@wordpress/hooks'
 import { __, sprintf } from '@wordpress/i18n'
-import { useSelect } from '@wordpress/data'
+import { dispatch, useSelect } from '@wordpress/data'
 
 export { GlobalTypographyStyles }
 
@@ -182,6 +183,7 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-typography',
 		fetchSettings().then( response => {
 			// Get settings.
 			const _typographySettings = ( head( response.stackable_global_typography ) ) || {}
+
 			setTypographySettings( _typographySettings )
 			setApplySettingsTo( response.stackable_global_typography_apply_to || 'blocks-stackable-native' )
 			setCustomFontPairs( response.stackable_custom_font_pairs || [] )
@@ -195,6 +197,8 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-typography',
 			setSelectedTypeScale( {
 				desktop: typeScaleDesktop, tablet: typeScaleTablet, mobile: typeScaleMobile,
 			} )
+
+			dispatch( 'stackable/global-typography' ).updateSettings( _typographySettings )
 		} )
 	}, [] )
 
@@ -241,6 +245,8 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-typography',
 			} )
 			model.save()
 		}, 500 )
+
+		dispatch( 'stackable/global-typography' ).updateSettings( newSettings )
 	}
 
 	const updateSelectedFontPair = name => {
diff --git a/src/plugins/global-settings/typography/store.js b/src/plugins/global-settings/typography/store.js
new file mode 100644
index 0000000000..354835f46d
--- /dev/null
+++ b/src/plugins/global-settings/typography/store.js
@@ -0,0 +1,40 @@
+/**
+ * WordPress dependencies
+ */
+import { register, createReduxStore } from '@wordpress/data'
+
+// Include all the stored state.
+const DEFAULT_STATE = {
+	typographySettings: {},
+}
+
+const STORE_ACTIONS = {
+	updateSettings: typographySettings => ( {
+		type: 'UPDATE_TYPOGRAPHY',
+		typographySettings,
+	} ),
+}
+
+const STORE_SELECTORS = {
+	getSettings: state => state.typographySettings,
+}
+
+const STORE_REDUCER = ( state = DEFAULT_STATE, action ) => {
+	switch ( action.type ) {
+		case 'UPDATE_TYPOGRAPHY': {
+			return {
+				...state,
+				typographySettings: action.typographySettings,
+			}
+		}
+		default: {
+			return state
+		}
+	}
+}
+
+register( createReduxStore( 'stackable/global-typography', {
+	reducer: STORE_REDUCER,
+	actions: STORE_ACTIONS,
+	selectors: STORE_SELECTORS,
+} ) )
diff --git a/src/plugins/global-settings/typography/typography-picker.js b/src/plugins/global-settings/typography/typography-picker.js
index 3e8779d681..3bf0c30c9c 100644
--- a/src/plugins/global-settings/typography/typography-picker.js
+++ b/src/plugins/global-settings/typography/typography-picker.js
@@ -3,12 +3,10 @@
  */
 import { Tooltip, TypographyControl } from '~stackable/components'
 import {
-	createTypographyStyles, getFontFamilyLabel, loadGoogleFont,
+	createTypographyStyles, loadGoogleFont, createTypographyDescription,
 } from '~stackable/util'
 import { i18n } from 'stackable'
-import {
-	upperFirst, omit, startCase, last,
-} from 'lodash'
+import { omit } from 'lodash'
 import classnames from 'classnames'
 import { generateStyles } from '~stackable/block-components'
 import { usePresetControls } from '~stackable/hooks'
@@ -45,7 +43,7 @@ const TypographyPicker = props => {
 	const mainClasses = classnames( [
 		'ugb-global-settings-typography-control',
 	], {
-		'ugb-global-settings-typography-control--with-description': createDescription( value ),
+		'ugb-global-settings-typography-control--with-description': createTypographyDescription( value ),
 	} )
 
 	const useTypographyAsPresets = useSelect( select =>
@@ -128,55 +126,6 @@ TypographyPicker.defaultProps = {
 
 export default TypographyPicker
 
-/**
- * Creates a summary description of what the current font is.
- *
- * @param {Object} styleObject Our font styles
- * @param {string} device The current device to create the typography description for
- */
-const createDescription = ( styleObject, device = 'desktop' ) => {
-	const description = []
-	if ( styleObject.fontFamily ) {
-		description.push( getFontFamilyLabel( styleObject.fontFamily ) )
-	}
-	if ( styleObject.fontSize ) {
-		description.push( `${ styleObject.fontSize }${ styleObject.fontSizeUnit || 'px' }` )
-	}
-
-	// Show the correct font size when in tablet or mobile previews.
-	if ( device === 'tablet' && styleObject.tabletFontSize ) {
-		if ( styleObject.fontSize ) {
-			description.pop()
-		}
-		description.push( `${ styleObject.tabletFontSize }${ styleObject.tabletFontSizeUnit || 'px' }` )
-	} else if ( device === 'mobile' && ( styleObject.tabletFontSize || styleObject.mobileFontSize ) ) {
-		if ( styleObject.fontSize ) {
-			description.pop()
-		}
-		if ( styleObject.mobileFontSize ) {
-			description.push( `${ styleObject.mobileFontSize }${ styleObject.mobileFontSizeUnit || 'px' }` )
-		} else {
-			description.push( `${ styleObject.tabletFontSize }${ styleObject.tabletFontSizeUnit || 'px' }` )
-		}
-	}
-
-	if ( styleObject.fontWeight ) {
-		description.push( styleObject.fontWeight )
-	}
-	if ( styleObject.textTransform ) {
-		description.push( upperFirst( styleObject.textTransform ) )
-	}
-
-	// If a css custom property, get just the name names
-	return description.map( value => {
-		if ( value.includes( 'var(' ) ) {
-			const propName = value.match( /var\(([^\),]*)/ )?.[ 1 ]
-			return startCase( last( propName.split( '--' ) ) )
-		}
-		return value
-	} ).join( ', ' )
-}
-
 const TypographyPreview = props => {
 	const isSelectorTag = props.selector?.startsWith( '.' )
 	const Tag = isSelectorTag ? 'p' : props.selector
@@ -194,7 +143,7 @@ const TypographyPreview = props => {
 		} ),
 		[]
 	)
-	const description = createDescription( props.styles, device )
+	const description = createTypographyDescription( props.styles, device )
 
 	// Don't include the line-height since it can ruin our control.
 	const stylesToRender = omit( props.styles, [ 'lineHeight', 'tabletLineHeight', 'mobileLineHeight' ] )
diff --git a/src/util/typography/description.js b/src/util/typography/description.js
new file mode 100644
index 0000000000..e6e6204796
--- /dev/null
+++ b/src/util/typography/description.js
@@ -0,0 +1,55 @@
+import { getFontFamilyLabel } from '../font'
+import {
+	upperFirst, startCase, last,
+} from 'lodash'
+
+/**
+ * Creates a summary description of what the current font is.
+ *
+ * @param {Object} styleObject Our font styles
+ * @param {string} device The current device to create the typography description for
+ * @param {string} separator The separator to use join the style values
+ */
+export const createTypographyDescription = ( styleObject, device = 'desktop', separator = ', ' ) => {
+	const description = []
+	if ( styleObject.fontFamily ) {
+		description.push( getFontFamilyLabel( styleObject.fontFamily ) )
+	}
+	if ( styleObject.fontSize ) {
+		description.push( `${ styleObject.fontSize }${ styleObject.fontSizeUnit || 'px' }` )
+	}
+
+	// Show the correct font size when in tablet or mobile previews.
+	if ( device === 'tablet' && styleObject.tabletFontSize ) {
+		if ( styleObject.fontSize ) {
+			description.pop()
+		}
+		description.push( `${ styleObject.tabletFontSize }${ styleObject.tabletFontSizeUnit || 'px' }` )
+	} else if ( device === 'mobile' && ( styleObject.tabletFontSize || styleObject.mobileFontSize ) ) {
+		if ( styleObject.fontSize ) {
+			description.pop()
+		}
+		if ( styleObject.mobileFontSize ) {
+			description.push( `${ styleObject.mobileFontSize }${ styleObject.mobileFontSizeUnit || 'px' }` )
+		} else {
+			description.push( `${ styleObject.tabletFontSize }${ styleObject.tabletFontSizeUnit || 'px' }` )
+		}
+	}
+
+	if ( styleObject.fontWeight ) {
+		description.push( styleObject.fontWeight )
+	}
+	if ( styleObject.textTransform ) {
+		description.push( upperFirst( styleObject.textTransform ) )
+	}
+
+	// If a css custom property, get just the name names
+	return description.map( value => {
+		if ( value.includes( 'var(' ) ) {
+			const propName = value.match( /var\(([^\),]*)/ )?.[ 1 ]
+			return startCase( last( propName.split( '--' ) ) )
+		}
+		return value
+	} ).join( separator )
+}
+
diff --git a/src/util/typography/index.js b/src/util/typography/index.js
index c0450cd5a4..acc328bd97 100644
--- a/src/util/typography/index.js
+++ b/src/util/typography/index.js
@@ -2,3 +2,4 @@ export { default as createTypographyAttributes } from './attributes'
 export { default as createTypographyStyles } from './styles'
 export { createTypographyAttributeNames } from './attributes'
 export { getDefaultFontSize } from './font-sizes'
+export { createTypographyDescription } from './description'

From df9d43a0799ad290de63f1d8bd956669f85ac9ab Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Tue, 12 Aug 2025 16:55:56 +0800
Subject: [PATCH 31/78] fixed typography sizes

---
 src/components/style-guide/editor.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 202aad85e3..9dee87b36a 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -34,7 +34,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		font-weight: 700;
 		line-height: 1.2;
 		margin-bottom: 1em;
-		&:not(:first-child) {
+		&:not(:first-child):not(:first-of-type) {
 			margin-top: 2.5em;
 		}
 	}
@@ -198,7 +198,18 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	// Typography
 
 	.ugb-style-guide__typography-headings {
-		grid-template-columns: 1fr 1fr 1fr;
+		grid-template-columns: 1fr 0.8fr 0.7fr;
+		.ugb-style-guide__column {
+			overflow: hidden;
+		}
+		.ugb-style-guide__typography-preview {
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+		}
+	}
+	.ugb-style-guide__typography-preview {
+		line-height: 1.2;
 	}
 
 	.ugb-style-guide__typography-container {

From fac5039695bf76d1a5f2f4c2bd264b32353c670c Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 10:46:23 +0800
Subject: [PATCH 32/78] apply design system to web preview, display block
 styles

---
 src/components/color-scheme-preview/index.js  |  16 +
 src/components/index.js                       |   1 +
 src/components/modal-design-library/modal.js  |   8 +-
 src/components/style-guide/components.js      | 478 ++++++++++++++++++
 src/components/style-guide/editor.scss        | 210 +++++---
 src/components/style-guide/index.js           | 394 +--------------
 src/components/style-guide/utils.js           | 115 +++++
 src/hooks/use-block-color-schemes.js          |  85 +++-
 src/hooks/use-design-system.js                |  93 +++-
 .../block-styles/editor-loader.js             |  13 +-
 .../color-schemes/editor-loader.js            |  12 +-
 src/plugins/global-settings/index.js          |  16 +-
 src/plugins/global-settings/utils/index.js    |   2 +-
 .../utils/use-block-layout-editor-loader.js   |   9 +-
 .../theme-block-style-inheritance/index.php   |   7 +
 src/util/styles/index.js                      |   6 +
 16 files changed, 981 insertions(+), 484 deletions(-)
 create mode 100644 src/components/style-guide/components.js
 create mode 100644 src/components/style-guide/utils.js

diff --git a/src/components/color-scheme-preview/index.js b/src/components/color-scheme-preview/index.js
index 3dcff64a4b..fe8bbd950d 100644
--- a/src/components/color-scheme-preview/index.js
+++ b/src/components/color-scheme-preview/index.js
@@ -1,5 +1,21 @@
+import { i18n } from 'stackable'
+
 import { Button, BaseControl } from '@wordpress/components'
+import { __ } from '@wordpress/i18n'
+
 import classnames from 'classnames'
+
+export const COLOR_SCHEME_PROPERTY_LABELS = {
+	backgroundColor: __( 'Background Color', i18n ),
+	headingColor: __( 'Heading Color', i18n ),
+	textColor: __( 'Text Color', i18n ),
+	linkColor: __( 'Link Color', i18n ),
+	accentColor: __( 'Accent Color', i18n ),
+	buttonBackgroundColor: __( 'Button Color', i18n ),
+	buttonTextColor: __( 'Button Text Color', i18n ),
+	buttonOutlineColor: __( 'Button Outline Color', i18n ),
+}
+
 export const DEFAULT_COLOR_SCHEME_COLORS = {
 	backgroundColor: { desktop: '' },
 	headingColor: { desktop: '' },
diff --git a/src/components/index.js b/src/components/index.js
index 5699248a1a..a2a1dce9cb 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -125,5 +125,6 @@ export {
 	default as ColorSchemePreview,
 	ColorSchemePresetPicker,
 	DEFAULT_COLOR_SCHEME_COLORS,
+	COLOR_SCHEME_PROPERTY_LABELS,
 } from './color-scheme-preview'
 export { ColorSchemesHelp } from './color-schemes-help'
diff --git a/src/components/modal-design-library/modal.js b/src/components/modal-design-library/modal.js
index e3bd8094f1..95b26a9e66 100644
--- a/src/components/modal-design-library/modal.js
+++ b/src/components/modal-design-library/modal.js
@@ -265,7 +265,7 @@ export const ModalDesignLibrary = props => {
 										className="ugb-modal-design-library__stk-color-scheme stk-color-scheme__toggle"
 									>
 										{ selectedBackgroundScheme !== ''
-											? <ColorSchemePreview isCollapsed={ true } colors={ colorSchemesCollection[ selectedBackgroundScheme || backgroundModeColorScheme ].desktopColors } />
+											? <ColorSchemePreview isCollapsed={ true } colors={ colorSchemesCollection[ selectedBackgroundScheme || backgroundModeColorScheme ].normal } />
 											: <ColorSchemeTextItem label={ __( 'Default', i18n ) } />
 										}
 									</Button>
@@ -305,7 +305,7 @@ export const ModalDesignLibrary = props => {
 														setSelectedBackgroundScheme( key )
 													} }
 												>
-													<ColorSchemePreview colors={ scheme.desktopColors } isCollapsed={ true } />
+													<ColorSchemePreview colors={ scheme.normal } isCollapsed={ true } />
 													<span className="stk-color-scheme-name"> { scheme.name }</span>
 												</Button>
 											} ) }
@@ -331,7 +331,7 @@ export const ModalDesignLibrary = props => {
 										className="ugb-modal-design-library__stk-color-scheme stk-color-scheme__toggle"
 									>
 										{ selectedContainerScheme !== ''
-											? <ColorSchemePreview isCollapsed={ true } colors={ colorSchemesCollection[ selectedContainerScheme || containerModeColorScheme ].desktopColors } />
+											? <ColorSchemePreview isCollapsed={ true } colors={ colorSchemesCollection[ selectedContainerScheme || containerModeColorScheme ].normal } />
 											: <ColorSchemeTextItem label={ __( 'Default', i18n ) } />
 										}
 									</Button>
@@ -364,7 +364,7 @@ export const ModalDesignLibrary = props => {
 														setSelectedContainerScheme( key )
 													} }
 												>
-													<ColorSchemePreview colors={ scheme.desktopColors } isCollapsed={ true } />
+													<ColorSchemePreview colors={ scheme.normal } isCollapsed={ true } />
 													<span className="stk-color-scheme-name"> { scheme.name } </span>
 												</Button>
 											} ) }
diff --git a/src/components/style-guide/components.js b/src/components/style-guide/components.js
new file mode 100644
index 0000000000..b720b14616
--- /dev/null
+++ b/src/components/style-guide/components.js
@@ -0,0 +1,478 @@
+/* eslint-disable jsx-a11y/anchor-is-valid */
+import {
+	LONG_TEXT, DefaultButton, DefaultImage,
+	DefaultOutlineButton, RenderBlock,
+} from './utils'
+import heroBg from './images/hero-bg.webp'
+import mediaText from './images/media-text.webp'
+import { COLOR_SCHEME_PROPERTY_LABELS } from '../color-scheme-preview'
+
+import { i18n, srcUrl } from 'stackable'
+import { isDarkColor } from '~stackable/util'
+
+import { __, sprintf } from '@wordpress/i18n'
+import {
+	Icon,
+	addTemplate as addTemplateIcon,
+	styles as stylesIcon,
+	scheduled as scheduledIcon,
+} from '@wordpress/icons'
+import { Fragment } from '@wordpress/element'
+import { getBlockType } from '@wordpress/blocks'
+
+export const ColorSchemes = ( { colorSchemes, className } ) => {
+	return <>
+		<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Color Schemes', i18n ) }</h2>
+		<div className="ugb-style-guide__columns ugb-style-guide__color-schemes">
+			{ colorSchemes.map( ( colorScheme, i ) => {
+				return (
+					<div key={ colorScheme.key } className="ugb-style-guide__column">
+						<h2 className="ugb-style-guide__color-scheme-title ugb-style-guide__title ugb-style-guide__color-label">{ colorScheme.schemeType ? `${ colorScheme.schemeType } (${ colorScheme.name })` : colorScheme.name }</h2>
+						<div className={ `ugb-style-guide__color-scheme ugb-style-guide__color-container ugb-style-guide__preview-root ${ className }` } style={ {
+							backgroundColor: colorScheme.normal.backgroundColor,
+							'--hover-background-color': colorScheme.hover.backgroundColor || colorScheme.normal.backgroundColor,
+						} }>
+							<div className="ugb-style-guide__color-scheme__subtitle stk-subtitle ugb-style-guide__typography-preview" data-device="desktop" style={ {
+								color: colorScheme.normal.accentColor,
+								'--parent-hover-color': colorScheme.parentHover.accentColor || colorScheme.normal.accentColor,
+							} }>{ __( 'Subtitle', i18n ) }</div>
+							<h2 className="ugb-style-guide__color-scheme__heading ugb-style-guide__typography-preview" data-device="desktop" style={ {
+								color: colorScheme.normal.headingColor,
+								'--parent-hover-color': colorScheme.parentHover.headingColor || colorScheme.normal.headingColor,
+							} }>{ __( 'Headings', i18n ) }</h2>
+
+							<p className="ugb-style-guide__color-scheme__body ugb-style-guide__typography-preview" data-device="desktop" style={ {
+								color: colorScheme.normal.textColor,
+								'--parent-hover-color': colorScheme.parentHover.textColor || colorScheme.normal.textColor,
+							} }>
+								{ LONG_TEXT[ i % 6 ] }
+							&nbsp;
+								{ LONG_TEXT[ ( i + 1 ) % 6 ] }
+							&nbsp;
+								{ LONG_TEXT[ ( i + 2 ) % 6 ] }
+							&nbsp;
+								{ /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }
+								<a href="#" onClick={ e => e.preventDefault() } style={ {
+									color: colorScheme.normal.linkColor,
+									'--hover-color': colorScheme.hover.linkColor || colorScheme.normal.linkColor || colorScheme.normal.textColor,
+									'--parent-hover-color': colorScheme.parentHover.linkColor || colorScheme.normal.linkColor || colorScheme.normal.textColor,
+								} }>
+									{ __( 'Link', i18n ) }
+								</a>
+							</p>
+
+							{ /* TODO: Kae: the button looks here should be based on the design system */ }
+							<div className={ `ugb-style-guide__preview-button-group stk--container-scheme--${ colorScheme.key }` }>
+								<DefaultButton text={ __( 'Button', i18n ) } />
+								<DefaultOutlineButton text={ __( 'Button', i18n ) } />
+							</div>
+						</div>
+						<div className="ugb-style-guide__color-scheme__colors">
+							<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Base Colors', i18n ) }</h3>
+							{ Object.keys( colorScheme.normal ).map( property => {
+								const label = COLOR_SCHEME_PROPERTY_LABELS[ property ]
+								return <>
+									<p>{ label }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.normal[ property ] } } />{ colorScheme.normal[ property ] }</p>
+								</>
+							} ) }
+
+							{ !! Object.values( colorScheme.hover ).length && <>
+								<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Hover Colors', i18n ) }</h3>
+								{ Object.keys( colorScheme.hover ).map( property => {
+									const label = COLOR_SCHEME_PROPERTY_LABELS[ property ]
+									return <>
+										<p>{ label }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.hover[ property ] } } />{ colorScheme.hover[ property ] || colorScheme.normal[ property ] }</p>
+									</>
+								} ) }
+							</> }
+
+							{ !! Object.values( colorScheme.parentHover ).length && <>
+								<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Parent Hovered Colors', i18n ) }</h3>
+								{ Object.keys( colorScheme.parentHover ).map( property => {
+									const label = COLOR_SCHEME_PROPERTY_LABELS[ property ]
+									return <>
+										<p>{ label }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.parentHover[ property ] } } />{ colorScheme.parentHover[ property ] || colorScheme.normal[ property ] }</p>
+									</>
+								} ) }
+							</> }
+						</div>
+					</div>
+				)
+			} ) }
+		</div>
+	</>
+}
+
+export const Colors = ( { colors } ) => {
+	return <>
+		<h2 className="ugb-style-guide__section-subheading">{ __( 'Global Color Palette', i18n ) }</h2>
+		<div className="ugb-style-guide__columns ugb-style-guide__colors">
+			{ colors.map( ( color, key ) => {
+				return <div key={ key } className="ugb-style-guide__column ugb-style-guide__color-container" style={ { backgroundColor: color.color } }>
+					<div className="ugb-style-guide__color-label ugb-style-guide__title" style={ { color: isDarkColor( color.color ) ? '#fff' : '#000' } }>
+						<div>{ color.name }</div>
+						<div>{ color.color }</div>
+					</div>
+				</div>
+			} ) }
+		</div>
+	</>
+}
+
+export const Typography = ( { typography } ) => {
+	return <>
+		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Typography', i18n ) }</h1>
+		<div className="ugb-style-guide__columns ugb-style-guide__typography-headings">
+
+			<div className="ugb-style-guide__column">
+				<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
+				{ typography.desktop.length > 0 && typography.desktop.map( ( [ element, description ], i ) => {
+					const Tag = element.startsWith( 'h' ) ? element : 'p'
+					const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
+
+					const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
+						: i === 6 ? __( 'Body', i18n )
+							: i === 7 ? __( 'Subtitle', i18n )
+								: __( 'Button', i18n )
+
+					return (
+						<div key={ i } className="ugb-style-guide__typography-container">
+							<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="desktop">{ label }</Tag>
+							<div className="ugb-style-guide__typography-label">{ description }</div>
+						</div>
+					)
+				} ) }
+			</div>
+
+			<div className="ugb-style-guide__column">
+				<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
+				{ typography.tablet.length > 0 && typography.tablet.map( ( [ element, description ], i ) => {
+					const Tag = element.startsWith( 'h' ) ? element : 'p'
+					const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
+					const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
+						: i === 6 ? __( 'Body', i18n )
+							: i === 7 ? __( 'Subtitle', i18n )
+								: __( 'Button', i18n )
+
+					return (
+						<div key={ i } className="ugb-style-guide__typography-container">
+							<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="tablet">{ label }</Tag>
+							<div className="ugb-style-guide__typography-label">{ description }</div>
+						</div>
+					)
+				} ) }
+			</div>
+
+			<div className="ugb-style-guide__column">
+				<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
+				{ typography.mobile.length > 0 && typography.mobile.map( ( [ element, description ], i ) => {
+					const Tag = element.startsWith( 'h' ) ? element : 'p'
+					const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
+					const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
+						: i === 6 ? __( 'Body', i18n )
+							: i === 7 ? __( 'Subtitle', i18n )
+								: __( 'Button', i18n )
+
+					return (
+						<div key={ i } className="ugb-style-guide__typography-container">
+							<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="mobile">{ label }</Tag>
+							<div className="ugb-style-guide__typography-label">{ description }</div>
+						</div>
+					)
+				} ) }
+			</div>
+		</div>
+
+		<div className="ugb-style-guide__columns ugb-style-guide__typography-body">
+			<div className="ugb-style-guide__column">
+				<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
+				<h2 className="ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Built on the Moments Between', i18n ) }</h2>
+				<p className="ugb-style-guide__typography-preview" data-device="desktop">{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
+			</div>
+			<div className="ugb-style-guide__column">
+				<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
+				<h2 className="ugb-style-guide__typography-preview" data-device="tablet">{ __( 'Built on the Moments Between', i18n ) }</h2>
+				<p className="ugb-style-guide__typography-preview" data-device="tablet">{ LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
+			</div>
+			<div className="ugb-style-guide__column">
+				<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
+				<h2 className="ugb-style-guide__typography-preview" data-device="mobile">{ __( 'Built on the Moments Between', i18n ) }</h2>
+				<p className="ugb-style-guide__typography-preview" data-device="mobile">{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
+			</div>
+		</div>
+	</>
+}
+
+export const BlockStyles = ( { allBlockStyles, className } ) => {
+	return <>
+		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Web Elements', i18n ) }</h1>
+		<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Buttons', i18n ) }</h2>
+		<div className={ `ugb-style-guide__elements ugb-style-guide__elements__buttons ugb-style-guide__preview-root ${ className }` }>
+			<DefaultButton text={ __( 'Default', i18n ) } />
+			{ 'stackable/button' in allBlockStyles && allBlockStyles[ 'stackable/button' ].length > 0 && <>
+				{ allBlockStyles[ 'stackable/button' ].map( ( blockStyle, index ) => {
+					return <RenderBlock
+						key={ index }
+						blockName="stackable/button"
+						attributes={ {
+							...blockStyle.attributes,
+							text: blockStyle.name,
+							blockStyle: blockStyle.slug,
+						} } />
+				} ) }
+			</> }
+		</div>
+		<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Images', i18n ) }</h2>
+		<div className={ `ugb-style-guide__elements ugb-style-guide__elements__images ugb-style-guide__preview-root ${ className }` }>
+			<DefaultImage imgSrc={ srcUrl + '/' + heroBg } />
+			{ 'stackable/image' in allBlockStyles && allBlockStyles[ 'stackable/image' ].length > 0 && <>
+				{ allBlockStyles[ 'stackable/image' ].map( ( blockStyle, index ) => {
+					return <RenderBlock
+						key={ index }
+						blockName="stackable/image"
+						attributes={ {
+							...blockStyle.attributes,
+							blockStyle: blockStyle.slug,
+						} } />
+				} ) }
+			</> }
+		</div>
+
+		{ typeof allBlockStyles === 'object' && Object.keys( allBlockStyles ).length > 0 && <>
+			{ Object.entries( allBlockStyles ).map( ( [ blockName, blockStyles ], index ) => {
+				// Skip 'stackable/button' and 'stackable/image'
+				if ( blockName === 'stackable/button' || blockName === 'stackable/image' ) {
+					return null
+				}
+
+				const blockTitle = getBlockType( blockName ).title
+				return ( <Fragment key={ index }>
+					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockTitle }</h2>
+					<div className={ `ugb-style-guide__elements ugb-style-guide__preview-root ${ className }` }>
+						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockName }</h2>
+						{ /* Render Default Block Style */ }
+						<RenderBlock key={ 0 } blockName={ blockName } />
+						{ blockStyles.map( ( blockStyle, styleIndex ) => (
+							<RenderBlock
+								key={ styleIndex + 1 }
+								blockName={ blockName }
+								attributes={ {
+									...blockStyle.attributes,
+									blockStyle: blockStyle.slug,
+								} }
+							/>
+						) ) }
+					</div>
+				</Fragment>
+				)
+			} ) }
+		</>
+		}
+	</>
+}
+
+export const WebPreview = ( { className } ) => {
+	return <>
+		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Design System Preview', i18n ) }</h1>
+		<div className="ugb-style-guide__preview">
+			<div className="ugb-style-guide__preview-mock-browser">
+				<div className="ugb-style-guide__preview-mock-browser__buttons">
+					<div className="ugb-style-guide__preview-mock-browser__button"></div>
+					<div className="ugb-style-guide__preview-mock-browser__button"></div>
+					<div className="ugb-style-guide__preview-mock-browser__button"></div>
+				</div>
+				{ /* TODO: can we get the URL of the current site here? */ }
+				<div className="ugb-style-guide__preview-mock-browser__url">https://example.com</div>
+				<div className="ugb-style-guide__preview-mock-browser__resize-handle"></div>
+			</div>
+			<div className={ `ugb-style-guide__preview-root ${ className }` }>
+				{ /* HERO SECTION */ }
+				<div className="wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2d5f398 stk-block-background stk--has-background-overlay ugb-style-guide__preview-hero" data-block-id="2d5f398" style={ { '--bg-image': `url(${ srcUrl + '/' + heroBg })` } }>
+					<style>{ `.stk-2d5f398 {min-height:450px !important;align-items:center !important;display:flex !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}` }</style>
+					<div className="stk-row stk-inner-blocks stk-block-content stk-content-align stk-2d5f398-column alignwide">
+						<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-830918c" data-v="4" data-block-id="830918c">
+							<div className="stk-column-wrapper stk-block-column__content stk-container stk-830918c-container stk--no-background stk--no-padding">
+								<div className="has-text-align-center stk-block-content stk-inner-blocks stk-830918c-inner-blocks">
+									<div className="wp-block-stackable-subtitle stk-block-subtitle stk-block stk-fb52f96" data-block-id="fb52f96">
+										<style>{ '.stk-fb52f96 .stk-block-subtitle__text{color:#bbbbbb !important;}' }</style>
+										<p className="stk-block-subtitle__text stk-subtitle has-text-color">{ __( 'Subtitle', i18n ) }</p>
+									</div>
+
+									<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-6602002" id="hero" data-block-id="6602002">
+										<style>{ '.stk-6602002 .stk-block-heading__text{color:#ffffff !important;}' }</style>
+										<h1 className="stk-block-heading__text has-text-color">{ __( 'Hero', i18n ) }</h1>
+									</div>
+
+									<div className="wp-block-stackable-text stk-block-text stk-block stk-f9171eb" data-block-id="f9171eb">
+										<style>{ '.stk-f9171eb .stk-block-text__text{color:#ffffff !important;}' }</style>
+										<p className="stk-block-text__text has-text-color">{ LONG_TEXT[ 0 ] }</p>
+									</div>
+
+									<div className="wp-block-stackable-button-group stk-block-button-group stk-block stk-ff42814" data-block-id="ff42814">
+										<div className="stk-row stk-inner-blocks stk-block-content stk-button-group">
+											<div className="wp-block-stackable-button stk-block-button stk-block stk-65bd3dd" data-block-id="65bd3dd">
+												<a className="stk-link stk-button stk--hover-effect-darken" href="#" onClick={ e => e.preventDefault() }>
+													<span className="stk-button__inner-text">{ __( 'Get Started', i18n ) }</span>
+												</a>
+											</div>
+
+											<div className="wp-block-stackable-button stk-block-button is-style-ghost stk-block stk-5b35e19" data-block-id="5b35e19">
+												<style>{ '.stk-5b35e19 .stk-button{background:transparent !important;}.stk-5b35e19 .stk-button:hover:after{background:transparent !important;opacity:1 !important;}:where(.stk-hover-parent:hover,  .stk-hover-parent.stk--is-hovered) .stk-5b35e19 .stk-button:after{background:transparent !important;opacity:1 !important;}.stk-5b35e19 .stk-button:before{border-style:solid !important;border-color:#ffffff !important;}.stk-5b35e19 .stk-button__inner-text{color:#ffffff !important;}' }</style>
+												<style className="stk-custom-css">{ '.stk-5b35e19.stk-block-button{--stk-button-outline-color:#fff !important}' }</style>
+												<a className="stk-link stk-button stk--hover-effect-darken" href="#" onClick={ e => e.preventDefault() }>
+													<span className="has-text-color stk-button__inner-text">{ __( 'Learn More', i18n ) }</span>
+												</a>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				{ /* END OF HERO SECTION */ }
+
+				{ /* 3-COLUMN CONTAINER SECTION */ }
+				<div className="wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9a39825" data-block-id="9a39825">
+					<div className="stk-row stk-inner-blocks stk-block-content stk-content-align stk-9a39825-column alignwide">
+						<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-24d7b12" data-v="4" data-block-id="24d7b12">
+							<div className="stk-column-wrapper stk-block-column__content stk-container stk-24d7b12-container stk--no-background stk--no-padding">
+								<div className="has-text-align-center stk-block-content stk-inner-blocks stk-24d7b12-inner-blocks">
+									<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8b4585e" id="section-title" data-block-id="8b4585e">
+										<h2 className="stk-block-heading__text">{ __( 'Section Title', i18n ) }</h2>
+									</div>
+
+									<div className="wp-block-stackable-text stk-block-text stk-block stk-111d3c5" data-block-id="111d3c5">
+										<p className="stk-block-text__text">{ __( 'Description', i18n ) }</p>
+									</div>
+
+									<div className="wp-block-stackable-columns stk-block-columns stk-block stk-a05e839" data-block-id="a05e839">
+										<div className="stk-row stk-inner-blocks stk-block-content stk-content-align stk-a05e839-column">
+											<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-cc2cc69" data-v="4" data-block-id="cc2cc69">
+												<div className="stk-column-wrapper stk-block-column__content stk-container stk-cc2cc69-container stk-hover-parent">
+													<div className="stk-block-content stk-inner-blocks stk-cc2cc69-inner-blocks">
+														<div className="wp-block-stackable-icon stk-block-icon stk-block stk-e4ae2c1" data-block-id="e4ae2c1">
+															<span className="stk--svg-wrapper">
+																<div className="stk--inner-svg">
+																	<Icon icon={ addTemplateIcon } />
+																</div>
+															</span>
+														</div>
+
+														<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-3b5efe7" id="grid-item-title" data-block-id="3b5efe7">
+															<h3 className="stk-block-heading__text">{ __( 'Grid Item Title', i18n ) }</h3>
+														</div>
+
+														<div className="wp-block-stackable-text stk-block-text stk-block stk-b456df6" data-block-id="b456df6">
+															<p className="stk-block-text__text">{ LONG_TEXT[ 1 ] }</p>
+														</div>
+													</div>
+												</div>
+											</div>
+
+											<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-7437b03" data-v="4" data-block-id="7437b03">
+												<div className="stk-column-wrapper stk-block-column__content stk-container stk-7437b03-container stk-hover-parent">
+													<div className="stk-block-content stk-inner-blocks stk-7437b03-inner-blocks">
+														<div className="wp-block-stackable-icon stk-block-icon stk-block stk-a8356d9" data-block-id="a8356d9">
+															<span className="stk--svg-wrapper">
+																<div className="stk--inner-svg">
+																	<Icon icon={ stylesIcon } />
+																</div>
+															</span>
+														</div>
+
+														<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8248330" id="grid-item-title" data-block-id="8248330">
+															<h3 className="stk-block-heading__text">{ __( 'Grid Item Title', i18n ) }</h3>
+														</div>
+
+														<div className="wp-block-stackable-text stk-block-text stk-block stk-dd2581b" data-block-id="dd2581b">
+															<p className="stk-block-text__text">{ LONG_TEXT[ 3 ] }</p>
+														</div>
+													</div>
+												</div>
+											</div>
+
+											<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-b606511" data-v="4" data-block-id="b606511">
+												<div className="stk-column-wrapper stk-block-column__content stk-container stk-b606511-container stk-hover-parent">
+													<div className="stk-block-content stk-inner-blocks stk-b606511-inner-blocks">
+														<div className="wp-block-stackable-icon stk-block-icon stk-block stk-bb4e0fd" data-block-id="bb4e0fd">
+															<span className="stk--svg-wrapper">
+																<div className="stk--inner-svg">
+																	<Icon icon={ scheduledIcon } />
+																</div>
+															</span>
+														</div>
+
+														<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-3d2ed89" id="grid-item-title" data-block-id="3d2ed89">
+															<h3 className="stk-block-heading__text">{ __( 'Grid Item Title', i18n ) }</h3>
+														</div>
+
+														<div className="wp-block-stackable-text stk-block-text stk-block stk-ffddcf7" data-block-id="ffddcf7">
+															<p className="stk-block-text__text">{ LONG_TEXT[ 4 ] }</p>
+														</div>
+													</div>
+												</div>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				{ /* END OF 3-COLUMN CONTAINER SECTION */ }
+
+				{ /* COLUMNS WITH BACKGROUND SECTION */ }
+				<div className="wp-block-stackable-columns alignfull stk-block-columns stk-block-background stk-block stk-d3ac391" data-block-id="d3ac391">
+					<style>{ '.stk-d3ac391{margin-bottom: 0px !important;}' }</style>
+					<div className="stk-row stk-inner-blocks stk-block-content stk-content-align stk-d3ac391-column alignwide">
+						<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-e559c74" data-v="4" data-block-id="e559c74">
+							<div className="stk-column-wrapper stk-block-column__content stk-container stk-e559c74-container stk--no-background stk--no-padding">
+								<div className="stk-block-content stk-inner-blocks stk-e559c74-inner-blocks">
+									<div className="wp-block-stackable-image stk-block-image stk-block stk-f263134" data-block-id="f263134">
+										<style>{ '.stk-f263134 .stk-img-wrapper{width:100% !important;height:400px !important;}.stk-f263134 .stk-img-wrapper img{object-fit:cover !important;}' }</style>
+										<figure>
+											<span className="stk-img-wrapper stk-image--shape-stretch">
+												<img className="stk-img wp-image-5695" src={ srcUrl + '/' + mediaText } width="1125" height="750" alt="Placeholder" />
+											</span>
+										</figure>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div className="wp-block-stackable-column stk-block-column stk-column stk-block stk-d99e48d" data-v="4" data-block-id="d99e48d">
+							<style>{ '.stk-d99e48d {padding-top:50px !important;}' }</style>
+							<div className="stk-column-wrapper stk-block-column__content stk-container stk-d99e48d-container stk--no-background stk--no-padding">
+								<div className="stk-block-content stk-inner-blocks stk-d99e48d-inner-blocks">
+									<div className="wp-block-stackable-subtitle stk-block-subtitle stk-block stk-9514e13" data-block-id="9514e13">
+										<p className="stk-block-subtitle__text stk-subtitle">{ __( 'Subtitle', i18n ) }</p>
+									</div>
+
+									<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-505a24b" id="section-title" data-block-id="505a24b">
+										<h2 className="stk-block-heading__text">{ __( 'Section Title', i18n ) }</h2>
+									</div>
+
+									<div className="wp-block-stackable-text stk-block-text stk-block stk-36a0bf6" data-block-id="36a0bf6">
+										<p className="stk-block-text__text">{ LONG_TEXT[ 5 ] }</p>
+									</div>
+
+									<div className="wp-block-stackable-button-group stk-block-button-group stk-block stk-cdea3f4" data-block-id="cdea3f4">
+										<div className="stk-row stk-inner-blocks stk-block-content stk-button-group">
+											<div className="wp-block-stackable-button stk-block-button stk-block stk-96502ae" data-block-id="96502ae">
+												<a className="stk-link stk-button stk--hover-effect-darken" href="#" onClick={ e => e.preventDefault() }>
+													<span className="stk-button__inner-text">{ __( 'Learn More', i18n ) }</span>
+												</a>
+											</div>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				{ /* END OF COLUMNS WITH BACKGROUND SECTION */ }
+			</div>
+		</div>
+	</>
+}
diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 9dee87b36a..5e8b09baaa 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -77,11 +77,19 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 			display: flex;
 			flex-direction: column;
 		}
+
+		&,
+		* {
+			transition: all var(--stk-transition-duration, 0.12s) cubic-bezier(0.45, 0.05, 0.55, 0.95), margin 0s, flex 0s, max-width 0s, visibility 0s;
+		}
 	}
 
 	.ugb-style-guide__color-scheme {
 		position: sticky;
 		top: 0;
+		&:hover {
+			background-color: var(--hover-background-color) !important;
+		}
 	}
 
 	.ugb-style-guide__color-schemes {
@@ -102,6 +110,13 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		}
 	}
 
+	:where(.ugb-style-guide__color-scheme):hover :where(
+	.ugb-style-guide__color-scheme__subtitle,
+	.ugb-style-guide__color-scheme__heading,
+	.ugb-style-guide__color-scheme__body) {
+		color: var(--parent-hover-color) !important;
+	}
+
 	:where(.ugb-style-guide__color-scheme__subtitle) {
 		font-size: 14.22px;
 		margin-bottom: 8px;
@@ -115,6 +130,10 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		line-height: 1.2;
 	}
 
+	:where(.ugb-style-guide__color-scheme):hover :where(.ugb-style-guide__color-scheme__body) a {
+		color: var(--parent-hover-color) !important;
+	}
+
 	:where(.ugb-style-guide__color-scheme__body) {
 		font-size: 16px;
 		line-height: 1.6;
@@ -123,39 +142,81 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		}
 	}
 
-	.ugb-style-guide__color-scheme__links {
+	.ugb-style-guide__preview-button-group {
 		display: flex;
-		gap: 16px;
+		column-gap: var(--stk-button-column-gap, 16px);
+		row-gap: var(--stk-button-row-gap, 16px);
 		margin-top: 32px;
 	}
 
 	.ugb-style-guide__color-scheme__button,
 	.ugb-style-guide__color-scheme__button--outline {
-		padding: 12px 24px;
+		padding: var(--stk-button-padding, 12px 24px);
+		border-radius: var(--stk-button-border-radius, 4px);
 		border: 0;
-		border-radius: 4px;
+		min-height: var(--stk-button-min-height, 0);
+		cursor: pointer;
+		position: relative;
+		box-sizing: border-box;
+
+		&::before {
+			border-radius: inherit;
+			content: "";
+			height: 100%;
+			inset: 0;
+			pointer-events: none;
+			position: absolute;
+			width: 100%;
+			box-shadow: var(--stk-button-box-shadow, none);
+		}
+	}
+
+	:where(.ugb-style-guide__color-scheme):hover .ugb-style-guide__color-scheme__button {
+		background-color: var(--parent-hover-background-color) !important;
+		color: var(--parent-hover-color) !important;
 	}
 	.ugb-style-guide__color-scheme__button {
+		background-color: var(--stk-button-background-color);
+		color: var(--stk-button-text-color);
+		&::before {
+			border-style: var(--stk-button-border-style, none);
+			border-width: var(--stk-button-border-width, 0);
+		}
+
 		&:hover {
-			background-color: var(--hover-background-color) !important;
-			color: var(--hover-color) !important;
+			background-color: var(--hover-background-color, var(--stk-button-background-color)) !important;
+			color: var(--hover-color, var(--stk-button-text-color)) !important;
+		}
+	}
+	:where(.ugb-style-guide__color-scheme):hover .ugb-style-guide__color-scheme__button--outline {
+		color: var(--parent-hover-color) !important;
+		&::before {
+			border-color: var(--parent-hover-border-color) !important;
 		}
 	}
 	.ugb-style-guide__color-scheme__button--outline {
 		background: transparent;
-		border-width: 2px;
-		border-style: solid;
+		color: var(--stk-button-outline-color);
+		&::before {
+			border-color: var(--stk-button-outline-color) !important;
+			border-width: var(--stk-button-ghost-border-width, 2px);
+			border-style: solid;
+		}
 		&:hover {
-			border-color: var(--hover-border-color) !important;
-			color: var(--hover-color) !important;
+			color: var(--hover-color, var(--stk-button-outline-color)) !important;
+			&::before {
+				border-color: var(--hover-border-color, var(--stk-button-outline-color)) !important;
+			}
 		}
 	}
 
+
 	.ugb-style-guide__color-scheme__colors {
 		p {
 			margin: 0;
 			line-height: 1.6;
 			font-size: 14.22px;
+			color: initial;
 		}
 	}
 
@@ -215,7 +276,8 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	.ugb-style-guide__typography-container {
 		margin: 32px 0;
 		> *:not(div) {
-			line-height: 1;
+			color: initial;
+			line-height: normal;
 			margin: 0 !important;
 		}
 	}
@@ -241,15 +303,22 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		gap: 24px;
 	}
 
-	.ugb-style-guide__elements__images img {
-		width: 60%;
-		height: auto;
+	.ugb-style-guide__elements__images {
+		.stk-img-wrapper:hover img {
+			opacity: 1;
+		}
+		img {
+			width: 60% !important;
+			height: auto !important;
+		}
 	}
 
 	// Design System Preview
 
 	.ugb-style-guide__preview {
-		border-radius: 16px;
+		border-radius: var(--stk-block-background-border-radius, 16px);
+		border-top-left-radius: 16px;
+		border-top-right-radius: 16px;
 		overflow: hidden;
 		box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 	}
@@ -282,61 +351,68 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		inset-inline-start: 16px;
 	}
 
-	.ugb-style-guide__preview-hero {
-		// Fade the background image
-		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), var(--bg-image);
-		background-size: cover;
-		background-position: center;
-		background-repeat: no-repeat;
-		// TODO: These should all be the design system: background padding.
-		padding: 100px 50px;
-		text-align: center;
-		color: #fff;
-	}
-
-	.ugb-style-guide__preview-content {
-		padding: 50px;
-		// TODO: These should all be the design system: background padding.
-		> h2,
-		p {
-			text-align: center;
+	.ugb-style-guide__preview-root {
+		.stk-img-wrapper:hover img {
+			opacity: 1;
 		}
 	}
-	.ugb-style-guide__preview-content__grid {
-		margin-top: 36px;
-		display: grid;
-		grid-template-columns: 1fr 1fr 1fr;
-		// TODO: These should all be the design system
-		gap: 24px;
-	}
 
-	.ugb-style-guide__preview-content__grid-item {
-		text-align: center;
-		// TODO: These should all be the design system for containers
-		background: #fff;
-		padding: 24px;
-		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
-	}
-
-	.ugb-style-guide__preview-content-2 {
-		// TODO: These should all be the design system
-		background: #eee;
-		display: grid;
-		grid-template-columns: 1fr 1fr;
-		gap: 24px;
-		padding: 50px;
-		.ugb-style-guide__preview-content__media {
-			img {
-				object-fit: cover;
-				width: 100%;
-				height: 400px;
-				// TODO: use image border radius and shadow
-			}
-		}
-		.ugb-style-guide__preview-content__text {
-			padding-top: 50px;
-		}
-	}
+	.ugb-style-guide__preview-hero {
+		// Fade the background image
+		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), var(--bg-image);
+		// background-size: cover;
+		// background-position: center;
+		// background-repeat: no-repeat;
+		// min-height: 300px;
+		// display: flex;
+		// flex-direction: column;
+		// justify-content: center;
+		// padding: var(--stk-block-background-padding, 100px 50px);
+		// text-align: center;
+		// color: #fff;
+	}
+
+	// .ugb-style-guide__preview-content {
+	// 	padding: 50px;
+	// 	// TODO: These should all be the design system: background padding.
+	// 	> h2,
+	// 	p {
+	// 		text-align: center;
+	// 	}
+	// }
+	// .ugb-style-guide__preview-content__grid {
+	// 	margin-top: 36px;
+	// 	display: grid;
+	// 	grid-template-columns: 1fr 1fr 1fr;
+	// 	// TODO: These should all be the design system
+	// 	column-gap: var(--stk-columns-column-gap, 0px);
+	// }
+
+	// .ugb-style-guide__preview-content__grid-item {
+	// 	text-align: center;
+	// 	margin: var(--stk-column-margin, 12px);
+	// }
+
+	// .ugb-style-guide__preview-content-2 {
+	// 	// TODO: These should all be the design system
+	// 	background: #eee;
+	// 	display: grid;
+	// 	grid-template-columns: 1fr 1fr;
+	// 	gap: 24px;
+	// 	min-height: 500px;
+	// 	align-content: center;
+	// 	padding: var(--stk-block-background-padding, 50px);
+	// 	.ugb-style-guide__preview-content__media {
+	// 		img {
+	// 			object-fit: cover;
+	// 			width: 100%;
+	// 			height: 400px;
+	// 		}
+	// 	}
+	// 	.ugb-style-guide__preview-content__text {
+	// 		padding-top: 50px;
+	// 	}
+	// }
 }
 .ugb-style-guide-popover__heading {
 	margin: 70px 70px 0;
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index c48fa95771..a20dbee959 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -1,136 +1,26 @@
 /**
  * External dependencies
  */
-import { i18n, srcUrl } from 'stackable'
+import { i18n, wpGlobalStylesInlineCss } from 'stackable'
 
 /**
  * Internal dependencies
  */
-import { isDarkColor } from '~stackable/util'
-import heroBg from './images/hero-bg.webp'
-import mediaText from './images/media-text.webp'
+import { DUMMY_COLOR_SCHEMES } from './utils'
 import {
-	Icon,
-	addTemplate as addTemplateIcon,
-	styles as stylesIcon,
-	scheduled as scheduledIcon,
-} from '@wordpress/icons'
+	BlockStyles, Colors, ColorSchemes, Typography, WebPreview,
+} from './components'
 
 /**
  * WordPress dependencies
  */
-import { __, sprintf } from '@wordpress/i18n'
-// import { RawHTML } from '@wordpress/element'
-// import { createBlock, serialize } from '@wordpress/blocks'
+import { __ } from '@wordpress/i18n'
 
 export { default as StyleGuidePopover } from './popover'
 
-// DUMMY DATA
-const DUMMY_COLOR_SCHEMES = [
-	{
-		name: 'Base Color Scheme',
-		key: 'color-scheme-1',
-		backgroundColor: {
-			name: undefined,
-			color: '#EBE9E1',
-			hoverColor: undefined,
-		},
-		headingColor: {
-			name: undefined,
-			color: '#E43D12',
-			hoverColor: undefined,
-		},
-		textColor: {
-			name: undefined,
-			color: '#E43D12',
-			hoverColor: undefined,
-		},
-		linkColor: {
-			name: undefined,
-			color: '#EFB11D',
-			hoverColor: undefined,
-		},
-		accentColor: {
-			name: undefined,
-			color: '#FFA2B6',
-			hoverColor: undefined,
-		},
-		buttonColor: {
-			name: undefined,
-			color: '#D6536D',
-			hoverColor: '#E43D12',
-		},
-		buttonTextColor: {
-			name: undefined,
-			color: '#EBE9E1',
-			hoverColor: undefined,
-		},
-		buttonOutlineColor: {
-			name: undefined,
-			color: '#D6536D',
-			hoverColor: '#E43D12',
-		},
-	},
-	{
-		name: 'Background Color Scheme',
-		key: 'color-scheme-2',
-		backgroundColor: {
-			name: undefined,
-			color: '#E2E8FA',
-			hoverColor: undefined,
-		},
-		headingColor: {
-			name: undefined,
-			color: '#0A21C0',
-			hoverColor: undefined,
-		},
-		textColor: {
-			name: undefined,
-			color: '#050A44',
-			hoverColor: undefined,
-		},
-		linkColor: {
-			name: undefined,
-			color: '#2C2E3A',
-			hoverColor: undefined,
-		},
-		accentColor: {
-			name: undefined,
-			color: '#7988F7',
-			hoverColor: undefined,
-		},
-		buttonColor: {
-			name: undefined,
-			color: '#050A44',
-			hoverColor: '#E43D12',
-		},
-		buttonTextColor: {
-			name: undefined,
-			color: '#B3B4BD',
-			hoverColor: undefined,
-		},
-		buttonOutlineColor: {
-			name: undefined,
-			color: '#050A44',
-			hoverColor: undefined,
-		},
-	},
-]
-
-const LONG_TEXT = [
-	// Translators: This is placeholder text used in the style guide.
-	__( 'They didn\'t plan to build a life around shared walls and hand-me-down furniture, but somehow, it worked.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Morning routines bled into late-night talks, and even the silence felt familiar.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Careers shifted, relationships changed, and expectations rarely lined up with reality.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'But there was always time for inside jokes, spontaneous distractions, and someone to show up, even without being asked.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Each of them brought something different—quiet patience, loud opinions, unexpected wisdom.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Change arrived slowly, then all at once. Some said goodbye, some stayed longer, and some simply evolved.', i18n ),
-]
+const THEME_STYLES = wpGlobalStylesInlineCss.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
+	return match.replace( p1, '.ugb-style-guide__preview-root' )
+} )
 
 // TODO: This is not yet finished
 const StyleGuide = props => {
@@ -142,262 +32,30 @@ const StyleGuide = props => {
 		typography = {
 			desktop: [], tablet: [], mobile: [],
 		},
+		allBlockStyles = [],
 		designSystemStyles = '',
+		previewClassNames = '',
 	} = designSystem
 
 	return (
 		<>
 			<div className="ugb-style-guide">
 				<div className="ugb-style-guide__content" ref={ contentRef }>
+					<style>
+						{ `.ugb-style-guide__preview{ ${ THEME_STYLES } }` }
+					</style>
 					<style>{ designSystemStyles }</style>
 					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Colors', i18n ) }</h1>
 
-					{ /* TODO: Kae: the color schemes should always output at least 2 entries: 1 base color scheme and 1 background color scheme even at their default states. className="ugb-style-guide__typography-preview" data-device="desktop" */ }
-					{ colorSchemes && <>
-						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Color Schemes', i18n ) }</h2>
-						<div className="ugb-style-guide__columns ugb-style-guide__color-schemes">
-							{ colorSchemes.map( ( colorScheme, i ) => {
-								return (
-									<div key={ colorScheme.key } className="ugb-style-guide__column">
-										<h2 className="ugb-style-guide__color-scheme-title ugb-style-guide__title ugb-style-guide__color-label">{ colorScheme.name }</h2>
-										<div className="ugb-style-guide__color-scheme ugb-style-guide__color-container" style={ { backgroundColor: colorScheme.backgroundColor.color } }>
-											{ /* TODO: Kae: the fonts and sizes here should be based on the design system */ }
-											<div className="ugb-style-guide__color-scheme__subtitle stk-subtitle ugb-style-guide__typography-preview" data-device="desktop" style={ { color: colorScheme.accentColor.color } }>{ __( 'Subtitle', i18n ) }</div>
-											<h2 className="ugb-style-guide__color-scheme__heading ugb-style-guide__typography-preview" data-device="desktop" style={ { color: colorScheme.headingColor.color } }>{ __( 'Headings', i18n ) }</h2>
+					{ colorSchemes && <ColorSchemes colorSchemes={ colorSchemes } className={ previewClassNames } /> }
 
-											<p className="ugb-style-guide__color-scheme__body ugb-style-guide__typography-preview" data-device="desktop" style={ { color: colorScheme.textColor.color } }>
-												{ LONG_TEXT[ i % 6 ] }
-                                                &nbsp;
-												{ LONG_TEXT[ ( i + 1 ) % 6 ] }
-                                                &nbsp;
-												{ LONG_TEXT[ ( i + 2 ) % 6 ] }
-                                                &nbsp;
-												{ /* eslint-disable-next-line jsx-a11y/anchor-is-valid */ }
-												<a href="#" onClick={ e => e.preventDefault() } style={ {
-													color: colorScheme.linkColor.color,
-													'--hover-color': colorScheme.linkColor.hoverColor || colorScheme.textColor.color, // TODO: Kae: please double check if this falls back to textColor
-												} }>
-													{ __( 'Link', i18n ) }
-												</a>
-											</p>
+					{ !! colors.length && <Colors colors={ colors } /> }
 
-											{ /* TODO: Kae: the button looks here should be based on the design system */ }
-											<div className="ugb-style-guide__color-scheme__links">
+					<Typography typography={ typography } />
 
-												<button className="ugb-style-guide__color-scheme__button" style={ {
-													backgroundColor: colorScheme.buttonColor.color,
-													color: colorScheme.buttonTextColor.color,
-													'--hover-background-color': colorScheme.buttonColor.hoverColor || colorScheme.buttonColor.color,
-													'--hover-color': colorScheme.buttonTextColor.hoverColor || colorScheme.buttonTextColor.color,
-												} }><span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Button', i18n ) }</span></button>
+					<BlockStyles allBlockStyles={ allBlockStyles } className={ previewClassNames } />
 
-												<button className="ugb-style-guide__color-scheme__button--outline" style={ {
-													borderColor: colorScheme.buttonOutlineColor.color,
-													color: colorScheme.buttonOutlineColor.color,
-													'--hover-border-color': colorScheme.buttonOutlineColor.hoverColor || colorScheme.buttonOutlineColor.color,
-													'--hover-color': colorScheme.buttonOutlineColor.hoverColor || colorScheme.buttonOutlineColor.color,
-												} }><span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Button', i18n ) }</span></button>
-
-											</div>
-										</div>
-										<div className="ugb-style-guide__color-scheme__colors">
-											<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Base Colors', i18n ) }</h3>
-											<p>{ __( 'Background Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.backgroundColor.color } } />{ colorScheme.backgroundColor.name || colorScheme.backgroundColor.color }</p>
-											<p>{ __( 'Heading Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.headingColor.color } } />{ colorScheme.headingColor.name || colorScheme.headingColor.color }</p>
-											<p>{ __( 'Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.textColor.color } } />{ colorScheme.textColor.name || colorScheme.textColor.color }</p>
-											<p>{ __( 'Link Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.linkColor.color } } />{ colorScheme.linkColor.name || colorScheme.linkColor.color }</p>
-											<p>{ __( 'Accent Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.accentColor.color } } />{ colorScheme.accentColor.name || colorScheme.accentColor.color }</p>
-											<p>{ __( 'Button Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonColor.color } } />{ colorScheme.buttonColor.name || colorScheme.buttonColor.color }</p>
-											<p>{ __( 'Button Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonTextColor.color } } />{ colorScheme.buttonTextColor.name || colorScheme.buttonTextColor.color }</p>
-											<p>{ __( 'Button Outline Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonOutlineColor.color } } />{ colorScheme.buttonOutlineColor.name || colorScheme.buttonOutlineColor.color }</p>
-											<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Hover Colors', i18n ) }</h3>
-											<p>{ __( 'Button Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonColor.color } } />{ colorScheme.buttonColor.name || colorScheme.buttonColor.color }</p>
-											<p>{ __( 'Button Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonTextColor.color } } />{ colorScheme.buttonTextColor.name || colorScheme.buttonTextColor.color }</p>
-											<p>{ __( 'Button Outline Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.buttonOutlineColor.color } } />{ colorScheme.buttonOutlineColor.name || colorScheme.buttonOutlineColor.color }</p>
-											<h3 className="ugb-style-guide__section-subheading--small">{ __( 'Parent Hovered Colors', i18n ) }</h3>
-											<p>{ __( 'Background Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.backgroundColor.color } } />{ colorScheme.backgroundColor.name || colorScheme.backgroundColor.color }</p>
-											<p>{ __( 'Heading Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.headingColor.color } } />{ colorScheme.headingColor.name || colorScheme.headingColor.color }</p>
-											<p>{ __( 'Text Color', i18n ) }{ `: ` }<span className="ugb-style-guide__color-indicator" style={ { backgroundColor: colorScheme.textColor.color } } />{ colorScheme.textColor.name || colorScheme.textColor.color }</p>
-										</div>
-									</div>
-								)
-							} ) }
-						</div>
-					</> }
-
-					{ !! colors.length && <>
-						<h2 className="ugb-style-guide__section-subheading">{ __( 'Global Color Palette', i18n ) }</h2>
-						<div className="ugb-style-guide__columns ugb-style-guide__colors">
-							{ colors.map( ( color, key ) => {
-								return <div key={ key } className="ugb-style-guide__column ugb-style-guide__color-container" style={ { backgroundColor: color.color } }>
-									<div className="ugb-style-guide__color-label ugb-style-guide__title" style={ { color: isDarkColor( color.color ) ? '#fff' : '#000' } }>
-										<div>{ color.name }</div>
-										<div>{ color.color }</div>
-									</div>
-								</div>
-							} ) }
-						</div>
-					</> }
-
-					{ /* TODO: Kae: Also add the color scheme colors here */ }
-
-					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Typography', i18n ) }</h1>
-					<div className="ugb-style-guide__columns ugb-style-guide__typography-headings">
-
-						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
-							{ typography.desktop.length > 0 && typography.desktop.map( ( [ element, description ], i ) => {
-								const Tag = element.startsWith( 'h' ) ? element : 'p'
-								const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
-
-								const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
-									: i === 6 ? __( 'Body', i18n )
-										: i === 7 ? __( 'Subtitle', i18n )
-											: __( 'Button', i18n )
-
-								return (
-									<div key={ i } className="ugb-style-guide__typography-container">
-										<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="desktop">{ label }</Tag>
-										<div className="ugb-style-guide__typography-label">{ description }</div>
-									</div>
-								)
-							} ) }
-						</div>
-
-						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
-							{ typography.tablet.length > 0 && typography.tablet.map( ( [ element, description ], i ) => {
-								const Tag = element.startsWith( 'h' ) ? element : 'p'
-								const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
-								const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
-									: i === 6 ? __( 'Body', i18n )
-										: i === 7 ? __( 'Subtitle', i18n )
-											: __( 'Button', i18n )
-
-								return (
-									<div key={ i } className="ugb-style-guide__typography-container">
-										<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="tablet">{ label }</Tag>
-										<div className="ugb-style-guide__typography-label">{ description }</div>
-									</div>
-								)
-							} ) }
-						</div>
-
-						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
-							{ typography.mobile.length > 0 && typography.mobile.map( ( [ element, description ], i ) => {
-								const Tag = element.startsWith( 'h' ) ? element : 'p'
-								const classname = i === 7 ? 'stk-subtitle' : i === 8 ? 'stk-button__inner-text' : ''
-								const label = i < 6 ? sprintf( __( 'Heading %d', i18n ), i + 1 )
-									: i === 6 ? __( 'Body', i18n )
-										: i === 7 ? __( 'Subtitle', i18n )
-											: __( 'Button', i18n )
-
-								return (
-									<div key={ i } className="ugb-style-guide__typography-container">
-										<Tag className={ `ugb-style-guide__typography-preview ${ classname }` } data-device="mobile">{ label }</Tag>
-										<div className="ugb-style-guide__typography-label">{ description }</div>
-									</div>
-								)
-							} ) }
-						</div>
-					</div>
-
-					<div className="ugb-style-guide__columns ugb-style-guide__typography-body">
-						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Desktop', i18n ) }</h2>
-							<h2 className="ugb-style-guide__typography-preview" data-device="desktop">{ __( 'Built on the Moments Between', i18n ) }</h2>
-							<p className="ugb-style-guide__typography-preview" data-device="desktop">{ LONG_TEXT[ 0 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
-						</div>
-						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Tablet', i18n ) }</h2>
-							<h2 className="ugb-style-guide__typography-preview" data-device="tablet">{ __( 'Built on the Moments Between', i18n ) }</h2>
-							<p className="ugb-style-guide__typography-preview" data-device="tablet">{ LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] } { LONG_TEXT[ 3 ] }</p>
-						</div>
-						<div className="ugb-style-guide__column">
-							<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Mobile', i18n ) }</h2>
-							<h2 className="ugb-style-guide__typography-preview" data-device="mobile">{ __( 'Built on the Moments Between', i18n ) }</h2>
-							<p className="ugb-style-guide__typography-preview" data-device="mobile">{ LONG_TEXT[ 2 ] } { LONG_TEXT[ 1 ] } { LONG_TEXT[ 2 ] }</p>
-						</div>
-					</div>
-
-					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Web Elements', i18n ) }</h1>
-					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Buttons', i18n ) }</h2>
-					<div className="ugb-style-guide__elements ugb-style-guide__elements__buttons">
-						<button className="ugb-style-guide__button">Button</button>
-						{ /* TODO: Kae: These are block styles: */ }
-						<button className="ugb-style-guide__button">Secondary Button</button>
-						<button className="ugb-style-guide__button">Outline Button</button>
-					</div>
-					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Images', i18n ) }</h2>
-					<div className="ugb-style-guide__elements ugb-style-guide__elements__images">
-						<img src={ srcUrl + '/' + heroBg } alt="Placeholder" />
-						{ /* TODO: Kae: Block styles here if any */ }
-					</div>
-					{ /* TODO: Kae: Remaining block styles: */ }
-
-					<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Design System Preview', i18n ) }</h1>
-					<div className="ugb-style-guide__preview">
-						<div className="ugb-style-guide__preview-mock-browser">
-							<div className="ugb-style-guide__preview-mock-browser__buttons">
-								<div className="ugb-style-guide__preview-mock-browser__button"></div>
-								<div className="ugb-style-guide__preview-mock-browser__button"></div>
-								<div className="ugb-style-guide__preview-mock-browser__button"></div>
-							</div>
-							{ /* TODO: can we get the URL of the current site here? */ }
-							<div className="ugb-style-guide__preview-mock-browser__url">https://example.com</div>
-							<div className="ugb-style-guide__preview-mock-browser__resize-handle"></div>
-						</div>
-						{ /* TODO: this is a section with a background */ }
-						<div className="ugb-style-guide__preview-hero" style={ { '--bg-image': `url(${ srcUrl + '/' + heroBg })` } }>
-							<div>{ __( 'Subtitle', i18n ) }</div>
-							<h1>{ __( 'Hero', i18n ) }</h1>
-							<p>{ LONG_TEXT[ 0 ] }</p>
-							<div>
-								<button>{ __( 'Get Started', i18n ) }</button>
-								<button>{ __( 'Learn More', i18n ) }</button>
-							</div>
-						</div>
-						{ /* TODO: no background section */ }
-						<div className="ugb-style-guide__preview-content">
-							<h2>{ __( 'Section Title', i18n ) }</h2>
-							<p>{ __( 'Description', i18n ) }</p>
-							<div className="ugb-style-guide__preview-content__grid">
-								{ /* TODO: this should have containers on */ }
-								<div className="ugb-style-guide__preview-content__grid-item">
-									<Icon icon={ addTemplateIcon } />
-									<h3>{ __( 'Grid Item Title', i18n ) }</h3>
-									<p>{ LONG_TEXT[ 1 ] }</p>
-								</div>
-								<div className="ugb-style-guide__preview-content__grid-item">
-									<Icon icon={ stylesIcon } />
-									<h3>{ __( 'Grid Item Title', i18n ) }</h3>
-									<p>{ LONG_TEXT[ 3 ] }</p>
-								</div>
-								<div className="ugb-style-guide__preview-content__grid-item">
-									<Icon icon={ scheduledIcon } />
-									<h3>{ __( 'Grid Item Title', i18n ) }</h3>
-									<p>{ LONG_TEXT[ 4 ] }</p>
-								</div>
-							</div>
-							{ /* TODO: Kae: Add the content here */ }
-						</div>
-						{ /* TODO: section with background: media on left, text on right */ }
-						<div className="ugb-style-guide__preview-content-2">
-							<div className="ugb-style-guide__preview-content__media">
-								{ /* TODO: use actual random neutral image */ }
-								<img src={ srcUrl + '/' + mediaText } alt="Placeholder" />
-							</div>
-							<div className="ugb-style-guide__preview-content__text">
-								<p>{ __( 'Subtitle', i18n ) }</p>
-								<h2>{ __( 'Section Title', i18n ) }</h2>
-								<p>{ LONG_TEXT[ 5 ] }</p>
-								<div>
-									<button>{ __( 'Learn More', i18n ) }</button>
-								</div>
-							</div>
-						</div>
-					</div>
+					<WebPreview className={ previewClassNames } />
 				</div>
 			</div>
 		</>
@@ -405,19 +63,3 @@ const StyleGuide = props => {
 }
 
 export default StyleGuide
-
-// const RenderBlock = props => {
-// 	const {
-// 		blockName, attributes, innerBlocks,
-// 	} = props
-
-// 	return (
-// 		<RawHTML>
-// 			{ serialize( createBlock(
-// 				blockName,
-// 				attributes,
-// 				innerBlocks
-// 			) ) }
-// 		</RawHTML>
-// 	)
-// }
diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
new file mode 100644
index 0000000000..4ed536fe67
--- /dev/null
+++ b/src/components/style-guide/utils.js
@@ -0,0 +1,115 @@
+import { i18n } from 'stackable'
+
+import { __ } from '@wordpress/i18n'
+import { RawHTML } from '@wordpress/element'
+import { createBlock, serialize } from '@wordpress/blocks'
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+export const DefaultButton = ( {
+	text, dataDevice = 'desktop', style = '',
+} ) => {
+	return <>
+		<div className="wp-block-stackable-button stk-block-button stk-block stk-5609083" data-block-id="5609083">
+			{ style && <style> { style } </style> }
+			<a className="stk-link stk-button stk--hover-effect-darken" href="" onClick={ e => e.preventDefault() }>
+				<span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device={ dataDevice }>{ text }</span>
+			</a>
+		</div>
+	</>
+}
+
+export const DefaultOutlineButton = ( {
+	text, dataDevice = 'desktop', style = '',
+} ) => {
+	return <>
+
+		<div className="wp-block-stackable-button stk-block-button is-style-ghost stk-block stk-3f9ae3c" data-block-id="3f9ae3c">
+			<style>{ '.stk-3f9ae3c .stk-button{background:transparent !important;}.stk-3f9ae3c .stk-button:hover:after{background:transparent !important;opacity:1 !important;}:where(.stk-hover-parent:hover,  .stk-hover-parent.stk--is-hovered) .stk-3f9ae3c .stk-button:after{background:transparent !important;opacity:1 !important;}.stk-3f9ae3c .stk-button:before{border-style:solid !important;}' }</style>
+			{ style && <style> { style } </style> }
+			<a className="stk-link stk-button stk--hover-effect-darken" href="" onClick={ e => e.preventDefault() }>
+				<span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device={ dataDevice }>{ text }</span>
+			</a>
+		</div>
+
+	</>
+}
+
+export const DefaultImage = ( { imgSrc } ) => {
+	return <>
+		<div className="wp-block-stackable-image stk-block-image stk-block stk-703847c" data-block-id="703847c">
+			<figure>
+				<span className="stk-img-wrapper stk-image--shape-stretch">
+					<img className="stk-img" src={ imgSrc } width="150" height="300" alt="Placeholder" />
+				</span>
+			</figure>
+		</div>
+
+	</>
+}
+
+export const RenderBlock = props => {
+	const {
+		blockName, attributes = {}, innerBlocks = [],
+	} = props
+
+	return (
+		<RawHTML>
+			{ serialize( createBlock(
+				blockName,
+				attributes,
+				innerBlocks
+			) ) }
+		</RawHTML>
+	)
+}
+
+// DUMMY DATA
+export const DUMMY_COLOR_SCHEMES = [
+	{
+		name: 'Base Color Scheme',
+		key: 'color-scheme-1',
+		normal: {
+			backgroundColor: '#fff',
+			headingColor: '#1e1e1e',
+			textColor: '#1e1e1e',
+			linkColor: '#1e1e1e',
+			accentColor: '#39414d',
+			buttonBackgroundColor: '#008de4',
+			buttonTextColor: '#fff',
+			buttonOutlineColor: '#008de4',
+		},
+		hover: {},
+		parentHover: {},
+	},
+	{
+		name: 'Background Color Scheme',
+		key: 'color-scheme-2',
+		normal: {
+			backgroundColor: '#f1f1f1',
+			headingColor: '#1e1e1e',
+			textColor: '#1e1e1e',
+			linkColor: '#1e1e1e',
+			accentColor: '#39414d',
+			buttonBackgroundColor: '#008de4',
+			buttonTextColor: '#fff',
+			buttonOutlineColor: '#008de4',
+		},
+		hover: {},
+		parentHover: {},
+	},
+]
+
+export const LONG_TEXT = [
+	// Translators: This is placeholder text used in the style guide.
+	__( 'They didn\'t plan to build a life around shared walls and hand-me-down furniture, but somehow, it worked.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Morning routines bled into late-night talks, and even the silence felt familiar.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Careers shifted, relationships changed, and expectations rarely lined up with reality.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'But there was always time for inside jokes, spontaneous distractions, and someone to show up, even without being asked.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Each of them brought something different—quiet patience, loud opinions, unexpected wisdom.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Change arrived slowly, then all at once. Some said goodbye, some stayed longer, and some simply evolved.', i18n ),
+]
diff --git a/src/hooks/use-block-color-schemes.js b/src/hooks/use-block-color-schemes.js
index 6241d459f1..4585c3f5b6 100644
--- a/src/hooks/use-block-color-schemes.js
+++ b/src/hooks/use-block-color-schemes.js
@@ -4,6 +4,7 @@ import { cloneDeep, kebabCase } from 'lodash'
 import { useSelect } from '@wordpress/data'
 import { applyFilters } from '@wordpress/hooks'
 import { __ } from '@wordpress/i18n'
+import { getPropertyLabel } from '~stackable/util'
 
 // Check if the color scheme contains a value for any of the states
 const schemeHasValue = scheme => {
@@ -20,6 +21,7 @@ export const useBlockColorSchemes = () => {
 		getColorGroups,
 		allColorSchemes,
 		colorSchemesCollection,
+		getSortedColorSchemes,
 		COLOR_SCHEME_OPTIONS,
 		baseColorScheme,
 		backgroundModeColorScheme,
@@ -55,12 +57,28 @@ export const useBlockColorSchemes = () => {
 			// 	scheme.colorScheme.backgroundColor.desktop = 'var(--stk-block-background-color)'
 			// }
 
-			const desktopColors = Object.fromEntries(
-				Object.entries( scheme.colorScheme ).map( ( [ key, value ] ) => [ key, value.desktop ] )
-			)
+			const desktopColors = {}
+			const desktopHoverColors = {}
+			const desktopParentHoverColors = {}
+
+			Object.entries( scheme.colorScheme ).forEach( ( [ key, value ] ) => {
+				if ( 'desktop' in value ) {
+					desktopColors[ key ] = value.desktop
+				}
+
+				if ( 'desktopHover' in value ) {
+					desktopHoverColors[ key ] = value.desktopHover
+				}
+
+				if ( 'desktopParentHover' in value ) {
+					desktopParentHoverColors[ key ] = value.desktopParentHover
+				}
+			} )
 
 			obj[ scheme.key ] = scheme
-			obj[ scheme.key ].desktopColors = desktopColors
+			obj[ scheme.key ].normal = desktopColors
+			obj[ scheme.key ].hover = desktopHoverColors
+			obj[ scheme.key ].parentHover = desktopParentHoverColors
 
 			return obj
 		}, {} )
@@ -72,13 +90,6 @@ export const useBlockColorSchemes = () => {
 			return COLOR_SCHEME_OPTIONS.find( scheme => scheme.value === key )?.value || ( returnFallback ? fallback : 'scheme-unavailable' )
 		}
 
-		// Converts property name to space separated string (e.g., backgroundColor --> Background Color)
-		const getLabel = property => {
-			const result = property.replace( /([a-z])([A-Z])/g, '$1 $2' )
-				.replace( /^([a-z])/, match => match.toUpperCase() )
-			return result
-		}
-
 		// Converts property name to kebab-cased string with scheme key as prefix
 		// (e.g., backgroundColor --> --stk-scheme-default-1-background-color)
 		const toKebab = ( property, slug ) => {
@@ -86,6 +97,50 @@ export const useBlockColorSchemes = () => {
 			return '--stk-' + slug + '-' + result
 		}
 
+		const getSortedColorSchemes = () => {
+			// Get the color schemes in the desired order:
+			// 1. base color scheme
+			// 2. background color scheme
+			// 3. container color scheme
+			// 4. the rest
+
+			const baseKey = getScheme( _baseColorScheme )
+			const backgroundKey = getScheme( _backgroundModeColorScheme, { mode: 'background' } )
+			const containerKey = getScheme( _containerModeColorScheme )
+
+			const sortedArray = []
+
+			if ( baseKey in colorSchemesCollection ) {
+				const baseScheme = colorSchemesCollection[ baseKey ]
+				baseScheme.schemeType = __( 'Base Color Scheme', i18n )
+				sortedArray.push( baseScheme )
+			}
+
+			if ( backgroundKey in colorSchemesCollection ) {
+				const backgroundScheme = colorSchemesCollection[ backgroundKey ]
+				backgroundScheme.schemeType = __( 'Background Color Scheme', i18n )
+				sortedArray.push( backgroundScheme )
+			}
+
+			if ( baseKey !== containerKey && containerKey in colorSchemesCollection ) {
+				const containerScheme = colorSchemesCollection[ containerKey ]
+				containerScheme.schemeType = __( 'Container Color Scheme', i18n )
+				sortedArray.push( containerScheme )
+			} else if ( baseKey in colorSchemesCollection ) {
+				sortedArray[ 0 ].schemeType = __( 'Base/Container Color Scheme', i18n )
+			}
+
+			// Filter out the base, background, and container schemes from the rest
+			const restSchemes = Object.values( colorSchemesCollection ).filter(
+				scheme =>
+					scheme.key !== baseKey &&
+					scheme.key !== backgroundKey &&
+					scheme.key !== containerKey
+			)
+			// Return the sorted array, omitting undefineds if any scheme is missing
+			return sortedArray.concat( restSchemes )
+		}
+
 		// get color groups for color palette picker.
 		const getColorGroups = () => {
 			if ( hideColorSchemeColors ) {
@@ -114,7 +169,7 @@ export const useBlockColorSchemes = () => {
 					if ( value?.desktop.startsWith( 'linear-' ) || value?.desktop.startsWith( 'radial-' ) ) {
 						gradients.push( {
 							gradient: value?.desktop,
-							name: getLabel( property ),
+							name: getPropertyLabel( property ),
 							slug: toKebab( property, scheme.key ),
 						} )
 
@@ -123,7 +178,7 @@ export const useBlockColorSchemes = () => {
 
 					colors.push( {
 						color: value?.desktop,
-						name: getLabel( property ),
+						name: getPropertyLabel( property ),
 						slug: toKebab( property, scheme.key ),
 					} )
 				} )
@@ -153,9 +208,10 @@ export const useBlockColorSchemes = () => {
 			getColorGroups,
 			allColorSchemes,
 			colorSchemesCollection,
+			getSortedColorSchemes,
 			COLOR_SCHEME_OPTIONS,
 			baseColorScheme: getScheme( _baseColorScheme ),
-			backgroundModeColorScheme: getScheme( _backgroundModeColorScheme, 'background' ),
+			backgroundModeColorScheme: getScheme( _backgroundModeColorScheme, { mode: 'background' } ),
 			containerModeColorScheme: getScheme( _containerModeColorScheme ),
 		}
 	}, [] )
@@ -165,6 +221,7 @@ export const useBlockColorSchemes = () => {
 		getColorGroups,
 		allColorSchemes,
 		colorSchemesCollection,
+		getSortedColorSchemes,
 		COLOR_SCHEME_OPTIONS,
 		baseColorScheme,
 		backgroundModeColorScheme,
diff --git a/src/hooks/use-design-system.js b/src/hooks/use-design-system.js
index 00d61452b5..19026a916a 100644
--- a/src/hooks/use-design-system.js
+++ b/src/hooks/use-design-system.js
@@ -1,15 +1,36 @@
-import { useSelect } from '@wordpress/data'
-import { omit } from 'lodash'
+import { useBlockColorSchemes } from './use-block-color-schemes'
+import { useBlockLayoutDefaults } from './use-global-block-layout-defaults'
+
+import { settings } from 'stackable'
 import { generateStyles } from '~stackable/block-components'
 import { createTypographyDescription, createTypographyStyles } from '~stackable/util'
+import { renderGlobalBlockLayoutStyles } from '~stackable/plugins/global-settings/utils'
+import { renderGlobalBlockStyleStyles } from '~stackable/plugins/global-settings/block-styles/editor-loader'
+import { renderGlobalColorSchemeStyles } from '~stackable/plugins/global-settings/color-schemes/editor-loader'
+import classnames from 'classnames'
+import { omit } from 'lodash'
+
+import { useSelect } from '@wordpress/data'
+import { useMemo } from '@wordpress/element'
+
+const NOOP = () => {}
 
 export const useDesignSystem = () => {
 	const {
-		colors, typography, designSystemStyles,
+		colors, _typography, buttonsAndIcons, spacingAndBorders, allBlockStyles,
 	} = useSelect( select => {
 		const colors = select( 'stackable/global-colors' ).getSettings().stackableColors || []
 		const _typography = select( 'stackable/global-typography' ).getSettings() || {}
+		const buttonsAndIcons = select( 'stackable/global-buttons-and-icons' ).getBlockLayouts() || {}
+		const spacingAndBorders = select( 'stackable/global-spacing-and-borders' ).getBlockLayouts() || {}
+		const allBlockStyles = select( 'stackable/global-block-styles' ).getAllBlockStyles() || {}
 
+		return {
+			colors, _typography, buttonsAndIcons, spacingAndBorders, allBlockStyles,
+		}
+	}, [] )
+
+	const { typography, typographyStyles } = useMemo( () => {
 		const stylesObject = {}
 		const typography = {
 			desktop: [],
@@ -22,7 +43,7 @@ export const useDesignSystem = () => {
 			if ( _typography[ key ] ) {
 				const value = _typography[ key ]
 				const stylesForPreview = omit( value, [ 'lineHeight', 'tabletLineHeight', 'mobileLineHeight' ] )
-				stylesObject[ `${ key }.ugb-style-guide__typography-preview` ] = createTypographyStyles( '%s', 'desktop', value, { important: false } )
+				stylesObject[ `${ key }.ugb-style-guide__typography-preview, .ugb-style-guide__preview-root ${ key }` ] = createTypographyStyles( '%s', 'desktop', value, { important: false } )
 				stylesObject[ `${ key }.ugb-style-guide__typography-preview:not([data-device="desktop"]) ` ] = createTypographyStyles( '%s', 'tablet', value, { important: false } )
 				stylesObject[ `${ key }.ugb-style-guide__typography-preview[data-device="mobile"] ` ] = createTypographyStyles( '%s', 'mobile', value, { important: false } )
 				typography.desktop.push( [ key, createTypographyDescription( stylesForPreview, 'desktop', ' / ' ) ] )
@@ -31,18 +52,70 @@ export const useDesignSystem = () => {
 			}
 		} )
 
-		const designSystemStyles = generateStyles( stylesObject, '' ).join( '' )
+		const typographyStyles = generateStyles( stylesObject, '' ).join( '' )
 
-		// TODO: get other settings in the design system
+		return { typography, typographyStyles }
+	}, [ _typography ] )
 
-		return {
-			colors, typography, designSystemStyles,
-		}
-	}, [] )
+	const { defaults: blockLayoutDefaults } = useBlockLayoutDefaults()
+
+	const buttonIconStyles = useMemo( () => {
+		return renderGlobalBlockLayoutStyles( buttonsAndIcons, blockLayoutDefaults, NOOP, 'normal', null, null, true )?.replaceAll( ':root', '.ugb-style-guide__preview-root' ) || ''
+	}, [ buttonsAndIcons ] )
+
+	const spacingBorderStyles = useMemo( () => {
+		return renderGlobalBlockLayoutStyles( spacingAndBorders, blockLayoutDefaults, NOOP, 'normal', null, null, true )?.replaceAll( ':root', '.ugb-style-guide__preview-root, .ugb-style-guide__preview' ) || ''
+	}, [ spacingAndBorders ] )
+
+	const {
+		getSortedColorSchemes,
+		allColorSchemes,
+		baseColorScheme,
+		backgroundModeColorScheme,
+		containerModeColorScheme,
+	} = useBlockColorSchemes()
+
+	const { colorSchemes, colorSchemeStyles } = useMemo( () => {
+		const colorSchemes = getSortedColorSchemes()
+
+		const _colorSchemeStyles = renderGlobalColorSchemeStyles(
+			NOOP, allColorSchemes, baseColorScheme,
+			backgroundModeColorScheme, containerModeColorScheme,
+			'normal', true
+		) ?? ''
+
+		const colorSchemeStyles = _colorSchemeStyles.replaceAll( ':root', '.ugb-style-guide__preview-root' )
+
+		return { colorSchemes, colorSchemeStyles }
+	}, [ baseColorScheme, backgroundModeColorScheme, containerModeColorScheme, allColorSchemes ] )
+
+	const BlockStyleStyles = useMemo( () => {
+		return renderGlobalBlockStyleStyles( NOOP, allBlockStyles, true, true ) || ''
+	}, [ allBlockStyles ] )
+
+	const designSystemStyles = useMemo( () => [ typographyStyles, buttonIconStyles, spacingBorderStyles, colorSchemeStyles, BlockStyleStyles ].join( '\n' ), [
+		typographyStyles,
+		buttonIconStyles,
+		spacingBorderStyles,
+		colorSchemeStyles,
+		BlockStyleStyles,
+	] )
+
+	const previewClassNames = useMemo( () => {
+		return classnames( {
+			'stk-has-block-style-inheritance': ! settings.disable_block_style_inheritance,
+			'stk-has-color-schemes': colorSchemes.length > 0,
+			'stk-has-design-system-buttons-and-icons': typeof buttonsAndIcons === 'object' && Object.keys( buttonsAndIcons ).length > 0,
+			'stk-has-design-system-spacing-and-borders': typeof spacingAndBorders === 'object' && Object.keys( spacingAndBorders ).length > 0,
+		} )
+	}, [ colorSchemes, buttonsAndIcons, spacingAndBorders ] )
 
 	return {
 		colors,
 		typography,
+		allBlockStyles,
+		colorSchemes: colorSchemes.length ? colorSchemes : undefined,
 		designSystemStyles,
+		previewClassNames,
 	}
 }
diff --git a/src/plugins/global-settings/block-styles/editor-loader.js b/src/plugins/global-settings/block-styles/editor-loader.js
index 5152be7e1c..0a3f3ddae7 100644
--- a/src/plugins/global-settings/block-styles/editor-loader.js
+++ b/src/plugins/global-settings/block-styles/editor-loader.js
@@ -1,16 +1,25 @@
 import { useEffect, useState } from '@wordpress/element'
 import { useSelect } from '@wordpress/data'
 
-const renderGlobalStyles = ( setStyles, allBlockStyles ) => {
+export const renderGlobalBlockStyleStyles = ( setStyles, allBlockStyles, returnSaveCss = false, returnCss = false ) => {
 	let styles = ''
 
 	for ( const blockName in allBlockStyles ) {
 		const blockStyles = allBlockStyles[ blockName ]
 		blockStyles.forEach( blockStyle => {
+			if ( returnSaveCss ) {
+				styles += blockStyle.saveCss
+				return
+			}
+
 			styles += blockStyle.editCss
 		} )
 	}
 
+	if ( returnCss ) {
+		return styles
+	}
+
 	setStyles( styles )
 }
 
@@ -21,7 +30,7 @@ export const GlobalBlockStyles = () => {
 
 	useEffect( () => {
 		if ( allBlockStyles && typeof allBlockStyles === 'object' && Object.keys( allBlockStyles ).length ) {
-			renderGlobalStyles( setStyles, allBlockStyles )
+			renderGlobalBlockStyleStyles( setStyles, allBlockStyles )
 		}
 	}, [ allBlockStyles ] )
 
diff --git a/src/plugins/global-settings/color-schemes/editor-loader.js b/src/plugins/global-settings/color-schemes/editor-loader.js
index 92876e291e..3bb8432c74 100644
--- a/src/plugins/global-settings/color-schemes/editor-loader.js
+++ b/src/plugins/global-settings/color-schemes/editor-loader.js
@@ -21,13 +21,14 @@ import { useEffect, useState } from '@wordpress/element'
 import { useSelect } from '@wordpress/data'
 import { applyFilters, addFilter } from '@wordpress/hooks'
 
-const renderGlobalStyles = (
+export const renderGlobalColorSchemeStyles = (
 	setStyles,
 	colorSchemesArray,
 	baseColorScheme,
 	backgroundModeColorScheme,
 	containerModeColorScheme,
 	currentHoverState,
+	returnCss = false,
 ) => {
 	let css = '',
 		decls
@@ -79,7 +80,8 @@ const renderGlobalStyles = (
 		}
 		css += containercss
 	// This fixes the issue wherein if there is a background scheme and no container/base scheme, the container inherits the background scheme which may cause the text to be unreadable
-	} else if ( containerModeColorScheme in colorSchemes && ! schemeHasValue( colorSchemes[ containerModeColorScheme ] ) ) {
+	} else if ( containerModeColorScheme in colorSchemes && ! schemeHasValue( colorSchemes[ containerModeColorScheme ] ) &&
+			backgroundModeColorScheme in colorSchemes && schemeHasValue( colorSchemes[ backgroundModeColorScheme ] ) ) {
 		const containercss = `.stk-container:where(:not(.stk--no-background)){ ${ getDefaultColors() } }\n`
 
 		css += applyFilters( 'stackable.global-settings.global-color-schemes.default-container-scheme', containercss )
@@ -110,6 +112,10 @@ const renderGlobalStyles = (
 	css += `${ rules.background.join( '\n' ) }`
 	css += `${ rules.container.join( '\n' ) }`
 
+	if ( returnCss ) {
+		return css
+	}
+
 	setStyles( css )
 }
 
@@ -129,7 +135,7 @@ export const GlobalColorSchemeStyles = () => {
 
 	useEffect( () => {
 		if ( allColorSchemes && Array.isArray( allColorSchemes ) ) {
-			renderGlobalStyles(
+			renderGlobalColorSchemeStyles(
 				setStyles,
 				allColorSchemes,
 				baseColorScheme,
diff --git a/src/plugins/global-settings/index.js b/src/plugins/global-settings/index.js
index e89f7291a3..2197b85868 100644
--- a/src/plugins/global-settings/index.js
+++ b/src/plugins/global-settings/index.js
@@ -26,7 +26,9 @@ import { currentUserHasCapability } from '~stackable/util'
 import { registerPlugin } from '@wordpress/plugins'
 import { __ } from '@wordpress/i18n'
 import { applyFilters, addAction } from '@wordpress/hooks'
-import { useEffect, useState } from '@wordpress/element'
+import {
+	memo, useEffect, useState,
+} from '@wordpress/element'
 import {
 	dispatch, select, useSelect,
 } from '@wordpress/data'
@@ -45,9 +47,15 @@ addAction( 'stackable.global-settings.toggle-sidebar', 'toggle', () => {
 	}
 } )
 
+const GlobalSettingsInspector = memo( () => {
+	const panels = applyFilters( 'stackable.global-settings.inspector', null )
+
+	return <> { panels } </>
+} )
+
 const GlobalSettings = () => {
 	const [ userCanManageOptions, setUserCanManageOptions ] = useState( false )
-	const id = useSelect( select => select( 'core' ).getCurrentUser()?.id )
+	const id = useSelect( select => select( 'core' ).getCurrentUser()?.id, [] )
 
 	const [ isStyleGuideOpen, setIsStyleGuideOpen ] = useState( false )
 
@@ -63,8 +71,6 @@ const GlobalSettings = () => {
 	// use wp.editSite.PluginSidebar and wp.editPost.PluginSidebar as fallback
 	const PluginSidebar = window.wp.editor.PluginSidebar || window.wp.editSite?.PluginSidebar || window.wp.editPost?.PluginSidebar
 
-	const globalSettingsInspector = applyFilters( 'stackable.global-settings.inspector', null )
-
 	return (
 		<>
 			{ PluginSidebar && userCanManageOptions &&
@@ -92,7 +98,7 @@ const GlobalSettings = () => {
 					{ isStyleGuideOpen && (
 						<StyleGuidePopover onClose={ () => setIsStyleGuideOpen( false ) } />
 					) }
-					{ globalSettingsInspector }
+					<GlobalSettingsInspector />
 					<GuidedModalTour tourId="design-system" />
 				</PluginSidebar>
 			}
diff --git a/src/plugins/global-settings/utils/index.js b/src/plugins/global-settings/utils/index.js
index f62d3c547e..9520463570 100644
--- a/src/plugins/global-settings/utils/index.js
+++ b/src/plugins/global-settings/utils/index.js
@@ -1,3 +1,3 @@
-export { useBlockLayoutEditorLoader } from './use-block-layout-editor-loader.js'
+export { useBlockLayoutEditorLoader, renderGlobalBlockLayoutStyles } from './use-block-layout-editor-loader.js'
 export { useBlockLayoutInspectorUtils } from './use-block-layout-inspector-utils.js'
 export * from './block-layout-utils.js'
diff --git a/src/plugins/global-settings/utils/use-block-layout-editor-loader.js b/src/plugins/global-settings/utils/use-block-layout-editor-loader.js
index ff07be79ab..013d630219 100644
--- a/src/plugins/global-settings/utils/use-block-layout-editor-loader.js
+++ b/src/plugins/global-settings/utils/use-block-layout-editor-loader.js
@@ -20,13 +20,14 @@ function appendUnitIfNeeded( value, unit ) {
 	return ( typeof value === 'string' && value.trim().startsWith( 'var' ) ) ? value : `${ value }${ unit }`
 }
 
-const renderGlobalStyles = (
+export const renderGlobalBlockLayoutStyles = (
 	blockLayouts,
 	blockLayoutDefaults,
 	setStyles,
 	currentHoverState,
 	blockUniqueId,
 	parentHoverBlock,
+	returnCss = false,
 	breakDesktop = 1024,
 	breakTablet = 768
 ) => {
@@ -129,6 +130,10 @@ const renderGlobalStyles = (
 		css += `@media screen and (max-width: ${ breakTablet - 1 }px){:root { ${ compact( deviceCss.mobile ).join( '' ) }}}`
 	}
 
+	if ( returnCss ) {
+		return css
+	}
+
 	setStyles( css )
 }
 
@@ -151,7 +156,7 @@ export const useBlockLayoutEditorLoader = ( storeName, classSuffix ) => {
 
 	useEffect( () => {
 		if ( blockLayouts && typeof blockLayouts === 'object' ) {
-			renderGlobalStyles(
+			renderGlobalBlockLayoutStyles(
 				blockLayouts,
 				blockLayoutDefaults,
 				setStyles,
diff --git a/src/plugins/theme-block-style-inheritance/index.php b/src/plugins/theme-block-style-inheritance/index.php
index 6d7168e750..00a017a10c 100644
--- a/src/plugins/theme-block-style-inheritance/index.php
+++ b/src/plugins/theme-block-style-inheritance/index.php
@@ -22,6 +22,8 @@ function __construct() {
 			add_action( 'body_class', array( $this, 'add_body_class_block_style_inheritance' ) );
 			add_filter( 'stackable_block_style_inheritance_inline_styles_nodep', array( $this, 'add_block_style_inheritance' ) );
 
+			add_filter( 'stackable_js_settings', array( $this, 'add_setting' ) );
+
 			add_filter( 'safecss_filter_attr_allow_css', array( $this, 'allow_css' ), 10, 2 );
 		}
 
@@ -538,6 +540,11 @@ function get_declarations( $styles, $style_declarations, $element, $element_keys
 
 			return $style_declarations;
 		}
+
+		public function add_setting( $settings ) {
+            $settings['stackable_disable_block_style_inheritance'] = get_option( 'stackable_disable_block_style_inheritance', false );
+            return $settings;
+        }
 	}
 
 	new Stackable_Block_Style_Inheritance();
diff --git a/src/util/styles/index.js b/src/util/styles/index.js
index b3376af90e..2c36aeed45 100644
--- a/src/util/styles/index.js
+++ b/src/util/styles/index.js
@@ -295,3 +295,9 @@ export const createResponsiveEditorStyles = ( selector, attrNameTemplate = '%s',
 		editor: createResponsiveStyles( selector, attrNameTemplate, styleRule, format, attributes, options )[ 0 ],
 	} ]
 }
+// Converts property name to space separated string (e.g., backgroundColor --> Background Color)
+export const getPropertyLabel = property => {
+	const result = property.replace( /([a-z])([A-Z])/g, '$1 $2' )
+		.replace( /^([a-z])/, match => match.toUpperCase() )
+	return result
+}

From 3e724f990ec9694a5ab324770fade65d7d383d4d Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 10:46:57 +0800
Subject: [PATCH 33/78] update guided tour states option in test

---
 .github/workflows/playwright.yml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 92f6d4bb96..61a6c694f5 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -78,6 +78,10 @@ jobs:
         POST_ID=$(wp-env run tests-cli wp post create wp-content/plugins/Stackable/e2e/config/post-content.txt --post_title="Existing Blocks" --post_status=publish --porcelain)
         echo "WP_TEST_POSTID=$POST_ID" >> $GITHUB_ENV
       continue-on-error: true
+    - name: Disable guided tours
+      run: |
+        TOUR_STATES='["design-system", "editor", "design-library"]'
+        wp-env run tests-cli wp option update stackable_guided_tour_states "$TOUR_STATES" --format=json
     - name: Run playwright tests
       id: run-playwright-tests
       env:

From 9d4071c05c58fb594f5bea1f65a9d6252609005d Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 11:21:29 +0800
Subject: [PATCH 34/78] fix error

- settings not showing up
---
 src/components/style-guide/components.js | 1 -
 src/components/style-guide/index.js      | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/style-guide/components.js b/src/components/style-guide/components.js
index b720b14616..031238cbb9 100644
--- a/src/components/style-guide/components.js
+++ b/src/components/style-guide/components.js
@@ -249,7 +249,6 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 				return ( <Fragment key={ index }>
 					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockTitle }</h2>
 					<div className={ `ugb-style-guide__elements ugb-style-guide__preview-root ${ className }` }>
-						<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockName }</h2>
 						{ /* Render Default Block Style */ }
 						<RenderBlock key={ 0 } blockName={ blockName } />
 						{ blockStyles.map( ( blockStyle, styleIndex ) => (
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index a20dbee959..89724e759c 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -18,10 +18,6 @@ import { __ } from '@wordpress/i18n'
 
 export { default as StyleGuidePopover } from './popover'
 
-const THEME_STYLES = wpGlobalStylesInlineCss.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
-	return match.replace( p1, '.ugb-style-guide__preview-root' )
-} )
-
 // TODO: This is not yet finished
 const StyleGuide = props => {
 	const { designSystem, contentRef = null } = props
@@ -37,6 +33,10 @@ const StyleGuide = props => {
 		previewClassNames = '',
 	} = designSystem
 
+	const THEME_STYLES = wpGlobalStylesInlineCss.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
+		return match.replace( p1, '.ugb-style-guide__preview-root' )
+	} )
+
 	return (
 		<>
 			<div className="ugb-style-guide">

From 044d788ff3bd69db18971d1bffd6a68dff384cde Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 11:59:24 +0800
Subject: [PATCH 35/78] fix controls not showing up

---
 .../global-settings/block-styles/index.js     |  6 +-
 src/plugins/global-settings/colors/index.js   | 55 +++++++++----------
 2 files changed, 27 insertions(+), 34 deletions(-)

diff --git a/src/plugins/global-settings/block-styles/index.js b/src/plugins/global-settings/block-styles/index.js
index dd4c1ba257..d8948af16a 100644
--- a/src/plugins/global-settings/block-styles/index.js
+++ b/src/plugins/global-settings/block-styles/index.js
@@ -19,14 +19,13 @@ import {
  * WordPress dependencies
  */
 import { addFilter, applyFilters } from '@wordpress/hooks'
-import { Fragment, useState } from '@wordpress/element'
+import { Fragment } from '@wordpress/element'
 import { useSelect } from '@wordpress/data'
 import { __ } from '@wordpress/i18n'
 
 export { GlobalBlockStyles } from './editor-loader'
 
 addFilter( 'stackable.global-settings.inspector', 'stackable/global-block-styles', output => {
-	const [ isOpen, setIsOpen ] = useState( false )
 	const hasBlockStyles = useSelect( select => {
 		const blockStyles = select( 'stackable/global-block-styles' ).getAllBlockStyles()
 
@@ -42,10 +41,9 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-block-styles
 					className="ugb-global-block-styles__panel"
 					isPremiumPanel={ ! isPro }
 					showModifiedIndicator={ isPro && hasBlockStyles }
-					onToggle={ isOpen => setIsOpen( isOpen ) }
 				>
 					{ ! isPro && <ProControl type="global-block-styles" /> }
-					{ isPro && applyFilters( 'stackable.global-settings.inspector.global-block-styles.control', Fragment, isOpen ) }
+					{ isPro && applyFilters( 'stackable.global-settings.inspector.global-block-styles.control', Fragment ) }
 
 				</PanelAdvancedSettings>
 			</Fragment>
diff --git a/src/plugins/global-settings/colors/index.js b/src/plugins/global-settings/colors/index.js
index d217e2cd52..556fab1d1e 100644
--- a/src/plugins/global-settings/colors/index.js
+++ b/src/plugins/global-settings/colors/index.js
@@ -17,7 +17,7 @@ import rgba from 'color-rgba'
  * WordPress dependencies
  */
 import { addFilter, applyFilters } from '@wordpress/hooks'
-import { Fragment, useState } from '@wordpress/element'
+import { Fragment } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { dispatch, useSelect } from '@wordpress/data'
 import { models } from '@wordpress/api'
@@ -75,8 +75,6 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-colors', out
 		hideSiteEditorColors,
 	} = useSelect( select => select( 'stackable/global-colors' ).getSettings() )
 
-	const [ isOpen, setIsOpen ] = useState( false )
-
 	const onChangeHideThemeColors = value => {
 		dispatch( 'stackable/global-colors' ).updateSettings( {
 			hideThemeColors: value,
@@ -111,38 +109,35 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-colors', out
 			{ output }
 			<PanelAdvancedSettings
 				title={ __( 'Global Color Palette', i18n ) }
-				onToggle={ isOpen => setIsOpen( isOpen ) }
 			>
-				{ isOpen && <>
-					<p className="components-base-control__help">
-						{ __( 'Change your color palette for all your blocks across your site.', i18n ) }
+				<p className="components-base-control__help">
+					{ __( 'Change your color palette for all your blocks across your site.', i18n ) }
 					&nbsp;
-						<a href="https://docs.wpstackable.com/article/362-how-to-use-global-colors?utm_source=wp-global-settings&utm_campaign=learnmore&utm_medium=gutenberg" target="_docs">
-							{ __( 'Learn more about Global Colors', i18n ) }
-						</a>
-					</p>
-					<ColorPicker label={ __( 'Global Colors', i18n ) } />
-					{ /* <ColorPicker
+					<a href="https://docs.wpstackable.com/article/362-how-to-use-global-colors?utm_source=wp-global-settings&utm_campaign=learnmore&utm_medium=gutenberg" target="_docs">
+						{ __( 'Learn more about Global Colors', i18n ) }
+					</a>
+				</p>
+				<ColorPicker label={ __( 'Global Colors', i18n ) } />
+				{ /* <ColorPicker
 					label={ __( 'Global Gradients', i18n ) }
 					onReset={ () => onChangeUseStackableColorsOnly( false ) }
 				/> */ }
-					{ ColorToggleControls }
-					<ToggleControl
-						label={ __( 'Show Theme Colors', i18n ) }
-						checked={ ! hideThemeColors }
-						onChange={ value => onChangeHideThemeColors( ! value ) }
-					/>
-					<ToggleControl
-						label={ __( 'Show Default Colors', i18n ) }
-						checked={ ! hideDefaultColors }
-						onChange={ value => onChangeHideDefaultColors( ! value ) }
-					/>
-					<ToggleControl
-						label={ __( 'Show Site Editor Custom Colors', i18n ) }
-						checked={ ! hideSiteEditorColors }
-						onChange={ value => onChangeHideSiteEditorColors( ! value ) }
-					/>
-				</> }
+				{ ColorToggleControls }
+				<ToggleControl
+					label={ __( 'Show Theme Colors', i18n ) }
+					checked={ ! hideThemeColors }
+					onChange={ value => onChangeHideThemeColors( ! value ) }
+				/>
+				<ToggleControl
+					label={ __( 'Show Default Colors', i18n ) }
+					checked={ ! hideDefaultColors }
+					onChange={ value => onChangeHideDefaultColors( ! value ) }
+				/>
+				<ToggleControl
+					label={ __( 'Show Site Editor Custom Colors', i18n ) }
+					checked={ ! hideSiteEditorColors }
+					onChange={ value => onChangeHideSiteEditorColors( ! value ) }
+				/>
 
 			</PanelAdvancedSettings>
 		</Fragment>

From 6aa5445c16653a90ddc60300599d9eff4dac466b Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 12:04:51 +0800
Subject: [PATCH 36/78] Add comment

---
 src/plugins/global-settings/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/plugins/global-settings/index.js b/src/plugins/global-settings/index.js
index 2197b85868..2ce58649e6 100644
--- a/src/plugins/global-settings/index.js
+++ b/src/plugins/global-settings/index.js
@@ -47,6 +47,7 @@ addAction( 'stackable.global-settings.toggle-sidebar', 'toggle', () => {
 	}
 } )
 
+// Separate the design system inspector controls into their own component to minimize unnecessary parent re-renders
 const GlobalSettingsInspector = memo( () => {
 	const panels = applyFilters( 'stackable.global-settings.inspector', null )
 

From 12f0bf9ca2e35e65b53d9f764f2a2152ee6692e4 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 12:38:35 +0800
Subject: [PATCH 37/78] update enqueue_script

---
 src/welcome/index.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/welcome/index.php b/src/welcome/index.php
index 51df3fc98f..cc31e797e8 100644
--- a/src/welcome/index.php
+++ b/src/welcome/index.php
@@ -61,12 +61,13 @@ public function enqueue_dashboard_script( $hook ) {
 				wp_enqueue_script( 'wp-element' );
 				wp_enqueue_script( 'wp-hooks' );
 				wp_enqueue_script( 'wp-util' ); // Need wp.ajax.
+				wp_enqueue_script( 'wp-plugins' ); // Need registerPlugin
 				wp_enqueue_script( 'wp-components' ); // Need Spinner.
 				wp_enqueue_style( 'wp-components' ); // Need Spinner.
 
 				do_action( 'stackable_settings_admin_enqueue_scripts' );
 
-				wp_enqueue_script( 'stackable-welcome', plugins_url( 'dist/admin_welcome.js', STACKABLE_FILE ), array( 'wp-i18n', 'wp-element', 'wp-hooks', 'wp-util', 'wp-components', 'wp-api', 'wp-editor', 'lodash' ), STACKABLE_VERSION );
+				wp_enqueue_script( 'stackable-welcome', plugins_url( 'dist/admin_welcome.js', STACKABLE_FILE ), array( 'wp-i18n', 'wp-element', 'wp-hooks', 'wp-util', 'wp-plugins', 'wp-components', 'wp-api', 'wp-editor', 'lodash' ), STACKABLE_VERSION );
 
 				// Add translations.
 				wp_set_script_translations( 'stackable-welcome', STACKABLE_I18N );

From 2931542594f4a4232e4620821d70402f1dc11fd9 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Fri, 22 Aug 2025 12:58:59 +0800
Subject: [PATCH 38/78] add note

---
 src/welcome/index.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/welcome/index.php b/src/welcome/index.php
index cc31e797e8..3fbcfc52fd 100644
--- a/src/welcome/index.php
+++ b/src/welcome/index.php
@@ -60,8 +60,9 @@ public function enqueue_dashboard_script( $hook ) {
 				wp_enqueue_script( 'wp-i18n' );
 				wp_enqueue_script( 'wp-element' );
 				wp_enqueue_script( 'wp-hooks' );
+				// Dev note: Load wp-plugins to ensure registerPlugin is available for guided tours. This prevents issues where wp.plugins is missing in WP 6.5.5, which can cause errors and break the settings page.
+				wp_enqueue_script( 'wp-plugins' );
 				wp_enqueue_script( 'wp-util' ); // Need wp.ajax.
-				wp_enqueue_script( 'wp-plugins' ); // Need registerPlugin
 				wp_enqueue_script( 'wp-components' ); // Need Spinner.
 				wp_enqueue_style( 'wp-components' ); // Need Spinner.
 

From 8ac2498f880e76f44db9239e0a26ea1140543979 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Wed, 27 Aug 2025 03:16:06 +0800
Subject: [PATCH 39/78] fix block style previews in style guide

---
 .../design-library-list-item.js               |   4 +-
 src/components/style-guide/components.js      |  29 ++-
 src/components/style-guide/editor.scss        | 173 ++++++++----------
 src/components/style-guide/utils.js           | 117 +++++++-----
 src/hooks/use-design-system.js                |  10 +-
 src/util/block-templates.js                   | 155 ++++++++++++++++
 src/util/blocks.js                            |  11 ++
 7 files changed, 344 insertions(+), 155 deletions(-)
 create mode 100644 src/util/block-templates.js

diff --git a/src/components/design-library-list/design-library-list-item.js b/src/components/design-library-list/design-library-list-item.js
index 3246295ac0..c4b79575de 100644
--- a/src/components/design-library-list/design-library-list-item.js
+++ b/src/components/design-library-list/design-library-list-item.js
@@ -13,7 +13,7 @@ import {
 /**
  * External dependencies.
  */
-import { createRoot } from '~stackable/util'
+import { cleanSerializedBlock, createRoot } from '~stackable/util'
 import {
 	isPro, i18n, wpGlobalStylesInlineCss, devMode,
 } from 'stackable'
@@ -149,7 +149,7 @@ const DesignLibraryListItem = forwardRef( ( props, ref ) => {
 			preview = addPlaceholderForPostsBlock( preview, defaultValues[ 'posts_placeholder' ], defaultValues )
 		}
 
-		const cleanedBlock = preview.replace( /<!--[\s\S]*?-->/g, '' ) // removes comment
+		const cleanedBlock = cleanSerializedBlock( preview )
 
 		previewRef.current.render( <DesignPreview
 			blocks={ cleanedBlock }
diff --git a/src/components/style-guide/components.js b/src/components/style-guide/components.js
index 031238cbb9..f4aeb1ce72 100644
--- a/src/components/style-guide/components.js
+++ b/src/components/style-guide/components.js
@@ -1,7 +1,9 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import {
-	LONG_TEXT, DefaultButton, DefaultImage,
-	DefaultOutlineButton, RenderBlock,
+	DefaultButton,
+	DefaultOutlineButton,
+	RenderBlock,
+	getPlaceholders,
 } from './utils'
 import heroBg from './images/hero-bg.webp'
 import mediaText from './images/media-text.webp'
@@ -9,6 +11,7 @@ import { COLOR_SCHEME_PROPERTY_LABELS } from '../color-scheme-preview'
 
 import { i18n, srcUrl } from 'stackable'
 import { isDarkColor } from '~stackable/util'
+import { LONG_TEXT } from '~stackable/util/block-templates'
 
 import { __, sprintf } from '@wordpress/i18n'
 import {
@@ -208,7 +211,7 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Web Elements', i18n ) }</h1>
 		<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Buttons', i18n ) }</h2>
 		<div className={ `ugb-style-guide__elements ugb-style-guide__elements__buttons ugb-style-guide__preview-root ${ className }` }>
-			<DefaultButton text={ __( 'Default', i18n ) } />
+			<RenderBlock blockName="stackable/button" attributes={ { text: __( 'Button', i18n ) } } />
 			{ 'stackable/button' in allBlockStyles && allBlockStyles[ 'stackable/button' ].length > 0 && <>
 				{ allBlockStyles[ 'stackable/button' ].map( ( blockStyle, index ) => {
 					return <RenderBlock
@@ -216,15 +219,18 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 						blockName="stackable/button"
 						attributes={ {
 							...blockStyle.attributes,
-							text: blockStyle.name,
+							text: __( 'Button', i18n ),
 							blockStyle: blockStyle.slug,
-						} } />
+						} }
+						name={ blockStyle.name }
+					/>
 				} ) }
 			</> }
 		</div>
 		<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ __( 'Images', i18n ) }</h2>
 		<div className={ `ugb-style-guide__elements ugb-style-guide__elements__images ugb-style-guide__preview-root ${ className }` }>
-			<DefaultImage imgSrc={ srcUrl + '/' + heroBg } />
+			{ /* <DefaultImage imgSrc={ srcUrl + '/' + heroBg } /> */ }
+			<RenderBlock blockName="stackable/image" attributes={ { imageExternalUrl: `${ srcUrl }/${ heroBg }` } } />
 			{ 'stackable/image' in allBlockStyles && allBlockStyles[ 'stackable/image' ].length > 0 && <>
 				{ allBlockStyles[ 'stackable/image' ].map( ( blockStyle, index ) => {
 					return <RenderBlock
@@ -232,8 +238,11 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 						blockName="stackable/image"
 						attributes={ {
 							...blockStyle.attributes,
+							imageExternalUrl: `${ srcUrl }/${ heroBg }`,
 							blockStyle: blockStyle.slug,
-						} } />
+						} }
+						name={ blockStyle.name }
+					/>
 				} ) }
 			</> }
 		</div>
@@ -246,19 +255,23 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 				}
 
 				const blockTitle = getBlockType( blockName ).title
+				const { attributes, innerBlocks } = getPlaceholders( blockName )
 				return ( <Fragment key={ index }>
 					<h2 className="ugb-style-guide__section-subheading ugb-style-guide__title">{ blockTitle }</h2>
 					<div className={ `ugb-style-guide__elements ugb-style-guide__preview-root ${ className }` }>
 						{ /* Render Default Block Style */ }
-						<RenderBlock key={ 0 } blockName={ blockName } />
+						<RenderBlock key={ 0 } blockName={ blockName } attributes={ attributes } innerBlocks={ innerBlocks } />
 						{ blockStyles.map( ( blockStyle, styleIndex ) => (
 							<RenderBlock
 								key={ styleIndex + 1 }
 								blockName={ blockName }
 								attributes={ {
+									...attributes,
 									...blockStyle.attributes,
 									blockStyle: blockStyle.slug,
 								} }
+								innerBlocks={ innerBlocks }
+								name={ blockStyle.name }
 							/>
 						) ) }
 					</div>
diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 5e8b09baaa..e93c6ff91e 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -171,46 +171,6 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		}
 	}
 
-	:where(.ugb-style-guide__color-scheme):hover .ugb-style-guide__color-scheme__button {
-		background-color: var(--parent-hover-background-color) !important;
-		color: var(--parent-hover-color) !important;
-	}
-	.ugb-style-guide__color-scheme__button {
-		background-color: var(--stk-button-background-color);
-		color: var(--stk-button-text-color);
-		&::before {
-			border-style: var(--stk-button-border-style, none);
-			border-width: var(--stk-button-border-width, 0);
-		}
-
-		&:hover {
-			background-color: var(--hover-background-color, var(--stk-button-background-color)) !important;
-			color: var(--hover-color, var(--stk-button-text-color)) !important;
-		}
-	}
-	:where(.ugb-style-guide__color-scheme):hover .ugb-style-guide__color-scheme__button--outline {
-		color: var(--parent-hover-color) !important;
-		&::before {
-			border-color: var(--parent-hover-border-color) !important;
-		}
-	}
-	.ugb-style-guide__color-scheme__button--outline {
-		background: transparent;
-		color: var(--stk-button-outline-color);
-		&::before {
-			border-color: var(--stk-button-outline-color) !important;
-			border-width: var(--stk-button-ghost-border-width, 2px);
-			border-style: solid;
-		}
-		&:hover {
-			color: var(--hover-color, var(--stk-button-outline-color)) !important;
-			&::before {
-				border-color: var(--hover-border-color, var(--stk-button-outline-color)) !important;
-			}
-		}
-	}
-
-
 	.ugb-style-guide__color-scheme__colors {
 		p {
 			margin: 0;
@@ -301,16 +261,85 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		display: flex;
 		flex-wrap: wrap;
 		gap: 24px;
+
+		.is-style-plain .stk-button {
+			background: transparent !important;
+		}
+
+		> div {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			> * {
+				margin-bottom: 0;
+			}
+			> p {
+				margin-top: 12px;
+			}
+		}
+		> div:has(> .stk-block-divider, > .stk-block-separator, > .stk-block-spacer) {
+			&,
+			> div {
+				width: 100%;
+			}
+		}
+		> div:has(> .stk-block-image, > .stk-block-blockquote, > .stk-block-card, > .stk-block-team-member, > .stk-block-testimonial) {
+			max-width: calc(100% / 3 - 16px);
+		}
+
+		> div:has(> .stk-block-hero, > .stk-block-horizontal-scroller, > .stk-block-notification, > .stk-block-timeline) {
+			max-width: calc(100% / 2 - 12px);
+		}
+
+		> div:has(> .stk-block-accordion, > .stk-block-icon-box, > .stk-block-icon-label, > .stk-block-icon-list, > .stk-block-map, > .stk-block-number-box, > .stk-block-price, > .stk-block-pricing-box, > .stk-block-progress-bar, > .stk-block-progress-circle) {
+			width: calc(100% / 3 - 16px);
+		}
+
+		> div > :is(.stk-block-horizontal-scroller, .stk-block-icon-box, .stk-block-icon-label, .stk-block-icon-list, .stk-block-map, .stk-block-number-box, .stk-block-price, .stk-block-pricing-box, .stk-block-progress-circle) {
+			width: 100%;
+		}
+
+		> div:has(> .stk-block-count-up) .stk-block-count-up__text:not(.stk--count-up-active) {
+			opacity: 1;
+		}
+
+		> div > .stk-block-progress-bar .stk-progress-bar .stk-progress-bar__bar {
+			width: var(--progress-percent, 0px);
+		}
+
+		> div > .stk-block-progress-circle .stk-progress-circle .stk-progress-circle__bar {
+			stroke-dashoffset: var(--progress-dash-offset);
+		}
+
+		> div > .stk-block-timeline {
+			--line-bg-color: var(--line-accent-bg-color, #000);
+		}
+
+		.stk-block-spacer {
+			height: 50px;
+		}
+
+		.stk-block-timeline > .stk-inner-blocks::after,
+		.stk-block-timeline__middle,
+		.stk-block-timeline__middle::after {
+			background: var(--fixed-bg) !important;
+			background-attachment: fixed !important;
+		}
+		.stk-block-timeline__middle::after,
+		.stk-block-timeline > .stk-inner-blocks::after {
+			content: "" !important;
+		}
+	}
+
+	.ugb-style-guide__elements__buttons .stk-button {
+		height: 100%;
 	}
 
 	.ugb-style-guide__elements__images {
 		.stk-img-wrapper:hover img {
 			opacity: 1;
 		}
-		img {
-			width: 60% !important;
-			height: auto !important;
-		}
 	}
 
 	// Design System Preview
@@ -358,62 +387,10 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	}
 
 	.ugb-style-guide__preview-hero {
-		// Fade the background image
 		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), var(--bg-image);
-		// background-size: cover;
-		// background-position: center;
-		// background-repeat: no-repeat;
-		// min-height: 300px;
-		// display: flex;
-		// flex-direction: column;
-		// justify-content: center;
-		// padding: var(--stk-block-background-padding, 100px 50px);
-		// text-align: center;
-		// color: #fff;
-	}
-
-	// .ugb-style-guide__preview-content {
-	// 	padding: 50px;
-	// 	// TODO: These should all be the design system: background padding.
-	// 	> h2,
-	// 	p {
-	// 		text-align: center;
-	// 	}
-	// }
-	// .ugb-style-guide__preview-content__grid {
-	// 	margin-top: 36px;
-	// 	display: grid;
-	// 	grid-template-columns: 1fr 1fr 1fr;
-	// 	// TODO: These should all be the design system
-	// 	column-gap: var(--stk-columns-column-gap, 0px);
-	// }
-
-	// .ugb-style-guide__preview-content__grid-item {
-	// 	text-align: center;
-	// 	margin: var(--stk-column-margin, 12px);
-	// }
-
-	// .ugb-style-guide__preview-content-2 {
-	// 	// TODO: These should all be the design system
-	// 	background: #eee;
-	// 	display: grid;
-	// 	grid-template-columns: 1fr 1fr;
-	// 	gap: 24px;
-	// 	min-height: 500px;
-	// 	align-content: center;
-	// 	padding: var(--stk-block-background-padding, 50px);
-	// 	.ugb-style-guide__preview-content__media {
-	// 		img {
-	// 			object-fit: cover;
-	// 			width: 100%;
-	// 			height: 400px;
-	// 		}
-	// 	}
-	// 	.ugb-style-guide__preview-content__text {
-	// 		padding-top: 50px;
-	// 	}
-	// }
+	}
 }
+
 .ugb-style-guide-popover__heading {
 	margin: 70px 70px 0;
 	.ugb-style-guide-popover__title {
diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index 4ed536fe67..ea3e39a6d4 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -1,8 +1,15 @@
-import { i18n } from 'stackable'
+import heroBg from './images/hero-bg.webp'
+import { i18n, srcUrl } from 'stackable'
+import { cleanSerializedBlock, createUniqueClass } from '~stackable/util'
 
 import { __ } from '@wordpress/i18n'
 import { RawHTML } from '@wordpress/element'
-import { createBlock, serialize } from '@wordpress/blocks'
+import {
+	createBlock, serialize,
+	createBlocksFromInnerBlocksTemplate,
+	getBlockVariations,
+} from '@wordpress/blocks'
+import { PLACEHOLDER_INNER_BLOCKS } from '~stackable/util/block-templates'
 
 /* eslint-disable jsx-a11y/anchor-is-valid */
 export const DefaultButton = ( {
@@ -34,36 +41,6 @@ export const DefaultOutlineButton = ( {
 	</>
 }
 
-export const DefaultImage = ( { imgSrc } ) => {
-	return <>
-		<div className="wp-block-stackable-image stk-block-image stk-block stk-703847c" data-block-id="703847c">
-			<figure>
-				<span className="stk-img-wrapper stk-image--shape-stretch">
-					<img className="stk-img" src={ imgSrc } width="150" height="300" alt="Placeholder" />
-				</span>
-			</figure>
-		</div>
-
-	</>
-}
-
-export const RenderBlock = props => {
-	const {
-		blockName, attributes = {}, innerBlocks = [],
-	} = props
-
-	return (
-		<RawHTML>
-			{ serialize( createBlock(
-				blockName,
-				attributes,
-				innerBlocks
-			) ) }
-		</RawHTML>
-	)
-}
-
-// DUMMY DATA
 export const DUMMY_COLOR_SCHEMES = [
 	{
 		name: 'Base Color Scheme',
@@ -99,17 +76,65 @@ export const DUMMY_COLOR_SCHEMES = [
 	},
 ]
 
-export const LONG_TEXT = [
-	// Translators: This is placeholder text used in the style guide.
-	__( 'They didn\'t plan to build a life around shared walls and hand-me-down furniture, but somehow, it worked.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Morning routines bled into late-night talks, and even the silence felt familiar.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Careers shifted, relationships changed, and expectations rarely lined up with reality.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'But there was always time for inside jokes, spontaneous distractions, and someone to show up, even without being asked.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Each of them brought something different—quiet patience, loud opinions, unexpected wisdom.', i18n ),
-	// Translators: This is placeholder text used in the style guide.
-	__( 'Change arrived slowly, then all at once. Some said goodbye, some stayed longer, and some simply evolved.', i18n ),
-]
+const SERIALIZE_CALLBACKS = {
+	'stackable/tabs': serialized => serialized.replace( '"stk-block-tabs__tab"', '"stk-block-tabs__tab stk-block-tabs__tab--active"' ),
+}
+
+const ADDITIONAL_ATTRIBUTES = {
+	'stackable/heading': { text: __( 'Heading', i18n ) },
+	'stackable/text': { text: __( 'Text', i18n ) },
+	'stackable/subtitle': { text: __( 'Subtitle', i18n ) },
+	'stackable/card': { imageExternalUrl: `${ srcUrl }/${ heroBg }` },
+	'stackable/count-up': { text: '1,234.56' },
+	'stackable/icon-list-item': { text: __( 'List Item', i18n ) },
+	'stackable/number-box': { text: __( '1', i18n ) },
+}
+
+export const RenderBlock = props => {
+	const {
+		blockName, attributes, innerBlocks, name = __( 'Default', i18n ),
+	} = props
+
+	const block = createBlock( blockName, attributes, innerBlocks )
+	block.attributes.uniqueId = createUniqueClass( block.clientId )
+	let serialized = serialize( [ block ] )
+
+	if ( blockName === 'stackable/timeline' ) {
+		const _block = createBlock( blockName, attributes, innerBlocks )
+		_block.attributes.timelineIsLast = true
+		serialized += '\n' + serialize( [ _block ] )
+	}
+
+	return (
+		<RawHTML>
+			{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ] ) }
+			{ `<p>${ name }</p>` }
+		</RawHTML>
+	)
+}
+
+export const getPlaceholders = blockName => {
+	let innerBlocks = []
+	let attributes = {}
+
+	const variations = getBlockVariations( blockName )
+
+	if ( blockName in PLACEHOLDER_INNER_BLOCKS ) {
+		innerBlocks = createBlocksFromInnerBlocksTemplate( PLACEHOLDER_INNER_BLOCKS[ blockName ] )
+	} else if ( variations.length && variations[ 0 ].innerBlocks?.length ) {
+		innerBlocks = createBlocksFromInnerBlocksTemplate( variations[ 0 ].innerBlocks )
+	}
+
+	if ( variations.length && variations[ 0 ].attributes ) {
+		attributes = variations[ 0 ].attributes
+	}
+
+	if ( blockName in ADDITIONAL_ATTRIBUTES ) {
+		attributes = {
+			...attributes,
+			...ADDITIONAL_ATTRIBUTES[ blockName ],
+		}
+	}
+
+	return { attributes, innerBlocks }
+}
diff --git a/src/hooks/use-design-system.js b/src/hooks/use-design-system.js
index 19026a916a..ae628b5677 100644
--- a/src/hooks/use-design-system.js
+++ b/src/hooks/use-design-system.js
@@ -23,7 +23,15 @@ export const useDesignSystem = () => {
 		const _typography = select( 'stackable/global-typography' ).getSettings() || {}
 		const buttonsAndIcons = select( 'stackable/global-buttons-and-icons' ).getBlockLayouts() || {}
 		const spacingAndBorders = select( 'stackable/global-spacing-and-borders' ).getBlockLayouts() || {}
-		const allBlockStyles = select( 'stackable/global-block-styles' ).getAllBlockStyles() || {}
+		const _allBlockStyles = select( 'stackable/global-block-styles' ).getAllBlockStyles() || {}
+
+		// Sort allBlockStyles alphabetically by key, keeping it as an object
+		const allBlockStyles = Object.keys( _allBlockStyles )
+			.sort()
+			.reduce( ( acc, key ) => {
+				acc[ key ] = _allBlockStyles[ key ]
+				return acc
+			}, {} )
 
 		return {
 			colors, _typography, buttonsAndIcons, spacingAndBorders, allBlockStyles,
diff --git a/src/util/block-templates.js b/src/util/block-templates.js
new file mode 100644
index 0000000000..6ec68854cf
--- /dev/null
+++ b/src/util/block-templates.js
@@ -0,0 +1,155 @@
+import { i18n } from 'stackable'
+
+import { __, sprintf } from '@wordpress/i18n'
+
+export const LONG_TEXT = [
+	// Translators: This is placeholder text used in the style guide.
+	__( 'They didn\'t plan to build a life around shared walls and hand-me-down furniture, but somehow, it worked.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Morning routines bled into late-night talks, and even the silence felt familiar.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Careers shifted, relationships changed, and expectations rarely lined up with reality.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'But there was always time for inside jokes, spontaneous distractions, and someone to show up, even without being asked.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Each of them brought something different—quiet patience, loud opinions, unexpected wisdom.', i18n ),
+	// Translators: This is placeholder text used in the style guide.
+	__( 'Change arrived slowly, then all at once. Some said goodbye, some stayed longer, and some simply evolved.', i18n ),
+]
+
+const CAROUSEL_TEMPLATE = [
+	[ 'stackable/column', {}, [
+		[ 'stackable/heading', { text: __( 'Slide', i18n ) } ],
+		[ 'stackable/text', { text: LONG_TEXT[ 2 ] } ],
+	] ],
+]
+
+const COLUMN_TEMPLATE = [
+	[ 'stackable/heading', { text: __( 'Column', i18n ) } ],
+	[ 'stackable/text', { text: LONG_TEXT[ 1 ] } ],
+]
+
+const HORIZONTAL_SCROLLER_TEMPLATE = [
+	[ 'stackable/column', {}, [
+		[ 'stackable/heading', { text: __( 'Heading', i18n ) } ],
+		[ 'stackable/text', { text: LONG_TEXT[ 5 ] } ],
+	] ],
+	[ 'stackable/column', {}, [
+		[ 'stackable/heading', { text: __( 'Heading', i18n ) } ],
+		[ 'stackable/text', { text: LONG_TEXT[ 4 ] } ],
+	] ],
+	[ 'stackable/column', {}, [
+		[ 'stackable/heading', { text: __( 'Heading', i18n ) } ],
+		[ 'stackable/text', { text: LONG_TEXT[ 3 ] } ],
+	] ],
+]
+
+const ICON_BOX_TEMPLATE = [
+	[ 'stackable/icon-label', { blockMargin: { bottom: 0 } }, [
+		[ 'stackable/icon', { contentAlign: 'left' } ],
+		[ 'stackable/heading', {
+			text: __( 'Icon Box', i18n ), hasP: true, textTag: 'h4',
+		} ],
+	] ],
+	[ 'stackable/text', { text: __( 'Description for this block.', i18n ) } ],
+]
+
+const ICON_LABEL_TEMPLATE = [
+	[ 'stackable/icon', { contentAlign: 'left' } ],
+	[ 'stackable/heading', {
+		text: __( 'Icon Label', i18n ), hasP: true, textTag: 'h4',
+	} ],
+]
+
+const ICON_LIST_TEMPLATE = [
+	[ 'stackable/icon-list-item', { text: __( 'List Item', i18n ) } ],
+	[ 'stackable/icon-list-item', { text: __( 'List Item', i18n ) } ],
+	[ 'stackable/icon-list-item', { text: __( 'List Item', i18n ) } ],
+]
+
+const PRICE_TEMPLATE = [
+	[ 'stackable/text', {
+		text: '$', htmlTag: 'span', innerTextTag: 'span',
+	} ],
+	[ 'stackable/text', {
+		text: '99', htmlTag: 'span', innerTextTag: 'span', className: 'stk-block-price__price',
+	} ],
+	[ 'stackable/text', {
+		text: '.00', htmlTag: 'span', innerTextTag: 'span',
+	} ],
+]
+
+const PRICING_BOX_TEMPLATE = [
+	[ 'stackable/heading', {
+		text: __( 'Title for This Block', i18n ), textTag: 'h3',
+	} ],
+	[ 'stackable/price', {}, PRICE_TEMPLATE ],
+	[ 'stackable/subtitle', { text: __( 'Subtitle for This Block', i18n ) } ],
+	[ 'stackable/icon-list', {}, [
+		[ 'stackable/icon-list-item', { text: sprintf( __( 'Package inclusion %s', i18n ), __( 'one', i18n ) ) } ],
+		[ 'stackable/icon-list-item', { text: sprintf( __( 'Package inclusion %s', i18n ), __( 'two', i18n ) ) } ],
+		[ 'stackable/icon-list-item', { text: sprintf( __( 'Package inclusion %s', i18n ), __( 'three', i18n ) ) } ],
+	] ],
+	[ 'stackable/button-group', {}, [
+		[ 'stackable/button', {
+			text: __( 'Button', i18n ),
+		} ],
+	] ],
+]
+
+const TABS_TEMPLATE = [
+	[ 'stackable/tab-labels', {
+		tabLabels: [
+			{ label: sprintf( __( 'Tab %d', i18n ), 1 ), icon: '' },
+			{ label: sprintf( __( 'Tab %d', i18n ), 2 ), icon: '' },
+			{ label: sprintf( __( 'Tab %d', i18n ), 3 ), icon: '' },
+		],
+		blockShadow: 'inset 0px -1px 0px 0px rgba(0,0,0, 0.1)',
+		tabBorderType: 'solid',
+		tabBorderColor: 'transparent',
+		tabBorderWidth: {
+			top: 0,
+			right: 0,
+			bottom: 2,
+			left: 0,
+		},
+		activeTabBorderColor: '#000000',
+		tabTextColor1: '#999999',
+		activeTabTextColor: '#000000',
+		tabTextColorHover: '#000000',
+		tabIconColor1: '#909090',
+		activeTabIconColor1: '#000000',
+		tabIconColor1Hover: '#909090',
+		activeTabIconColor1Hover: '#000000',
+		tabBackgroundColor: 'transparent',
+	} ],
+	[ 'stackable/tab-content', {}, [
+		[ 'stackable/text', { text: LONG_TEXT[ 0 ] } ],
+	] ],
+]
+
+const TIMELINE_TEMPLATE = [
+	[ 'stackable/column', {
+		columnSpacing: {
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0,
+		},
+	}, [
+		[ 'stackable/text', { text: __( 'Description for this block. Use this space for describing your block. Any text will do.', 'Content placeholder', i18n ) } ],
+	] ],
+]
+
+export const PLACEHOLDER_INNER_BLOCKS = {
+	'stackable/carousel': CAROUSEL_TEMPLATE,
+	'stackable/column': COLUMN_TEMPLATE,
+	'stackable/horizontal-scroller': HORIZONTAL_SCROLLER_TEMPLATE,
+	'stackable/icon-box': ICON_BOX_TEMPLATE,
+	'stackable/icon-label': ICON_LABEL_TEMPLATE,
+	'stackable/icon-list': ICON_LIST_TEMPLATE,
+	'stackable/price': PRICE_TEMPLATE,
+	'stackable/pricing-box': PRICING_BOX_TEMPLATE,
+	'stackable/tabs': TABS_TEMPLATE,
+	'stackable/timeline': TIMELINE_TEMPLATE,
+}
diff --git a/src/util/blocks.js b/src/util/blocks.js
index 182e30f9f1..7a34eca5e2 100644
--- a/src/util/blocks.js
+++ b/src/util/blocks.js
@@ -608,3 +608,14 @@ export const getFilteredAttributes = ( attributes, filter ) => {
 
 	return filteredAttributes
 }
+
+// removes comment from serialized block string
+export const cleanSerializedBlock = ( serialized, cb ) => {
+	let cleanSerialized = serialized.replace( /<!--[\s\S]*?-->/g, '' )
+
+	if ( cb ) {
+		cleanSerialized = cb( cleanSerialized )
+	}
+
+	return cleanSerialized
+}

From 7ec6a9ce90d08c4478403eb3d75a6ece285ca18c Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Wed, 27 Aug 2025 03:23:24 +0800
Subject: [PATCH 40/78] add template for columns

---
 src/util/block-templates.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/util/block-templates.js b/src/util/block-templates.js
index 6ec68854cf..3641a8b4c4 100644
--- a/src/util/block-templates.js
+++ b/src/util/block-templates.js
@@ -44,6 +44,11 @@ const HORIZONTAL_SCROLLER_TEMPLATE = [
 	] ],
 ]
 
+const COLUMNS_TEMPLATE = [
+	HORIZONTAL_SCROLLER_TEMPLATE[ 2 ],
+	HORIZONTAL_SCROLLER_TEMPLATE[ 0 ],
+]
+
 const ICON_BOX_TEMPLATE = [
 	[ 'stackable/icon-label', { blockMargin: { bottom: 0 } }, [
 		[ 'stackable/icon', { contentAlign: 'left' } ],
@@ -144,6 +149,7 @@ const TIMELINE_TEMPLATE = [
 export const PLACEHOLDER_INNER_BLOCKS = {
 	'stackable/carousel': CAROUSEL_TEMPLATE,
 	'stackable/column': COLUMN_TEMPLATE,
+	'stackable/columns': COLUMNS_TEMPLATE,
 	'stackable/horizontal-scroller': HORIZONTAL_SCROLLER_TEMPLATE,
 	'stackable/icon-box': ICON_BOX_TEMPLATE,
 	'stackable/icon-label': ICON_LABEL_TEMPLATE,

From 26a1e549554013513b6a06787b1b6dba9a40faf3 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Thu, 28 Aug 2025 23:08:40 +0800
Subject: [PATCH 41/78] move guided modal tour trigger plugin

---
 src/components/guided-modal-tour/index.js                     | 1 -
 .../guided-modal-tour-trigger/index.js}                       | 0
 src/plugins/index.js                                          | 1 +
 src/welcome/index.php                                         | 4 +---
 4 files changed, 2 insertions(+), 4 deletions(-)
 rename src/{components/guided-modal-tour/tour-trigger.js => plugins/guided-modal-tour-trigger/index.js} (100%)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 1eeace1ed3..65d0da3795 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -2,7 +2,6 @@
  * Internal dependencies
  */
 import { TOUR_STEPS } from './tour-steps'
-import './tour-trigger'
 
 /**
  * External dependencies
diff --git a/src/components/guided-modal-tour/tour-trigger.js b/src/plugins/guided-modal-tour-trigger/index.js
similarity index 100%
rename from src/components/guided-modal-tour/tour-trigger.js
rename to src/plugins/guided-modal-tour-trigger/index.js
diff --git a/src/plugins/index.js b/src/plugins/index.js
index 5622a0ef99..847252f7a7 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -5,6 +5,7 @@ import './global-settings'
 import './theme-block-size'
 import './design-library-button'
 import './layout-picker-reset'
+import './guided-modal-tour-trigger'
 // import './v2-migration-popup' // Probably 1.5yrs of checking for backward compatibility is enough.
 import './editor-device-preview-class'
 import './theme-block-style-inheritance'
diff --git a/src/welcome/index.php b/src/welcome/index.php
index 3fbcfc52fd..51df3fc98f 100644
--- a/src/welcome/index.php
+++ b/src/welcome/index.php
@@ -60,15 +60,13 @@ public function enqueue_dashboard_script( $hook ) {
 				wp_enqueue_script( 'wp-i18n' );
 				wp_enqueue_script( 'wp-element' );
 				wp_enqueue_script( 'wp-hooks' );
-				// Dev note: Load wp-plugins to ensure registerPlugin is available for guided tours. This prevents issues where wp.plugins is missing in WP 6.5.5, which can cause errors and break the settings page.
-				wp_enqueue_script( 'wp-plugins' );
 				wp_enqueue_script( 'wp-util' ); // Need wp.ajax.
 				wp_enqueue_script( 'wp-components' ); // Need Spinner.
 				wp_enqueue_style( 'wp-components' ); // Need Spinner.
 
 				do_action( 'stackable_settings_admin_enqueue_scripts' );
 
-				wp_enqueue_script( 'stackable-welcome', plugins_url( 'dist/admin_welcome.js', STACKABLE_FILE ), array( 'wp-i18n', 'wp-element', 'wp-hooks', 'wp-util', 'wp-plugins', 'wp-components', 'wp-api', 'wp-editor', 'lodash' ), STACKABLE_VERSION );
+				wp_enqueue_script( 'stackable-welcome', plugins_url( 'dist/admin_welcome.js', STACKABLE_FILE ), array( 'wp-i18n', 'wp-element', 'wp-hooks', 'wp-util', 'wp-components', 'wp-api', 'wp-editor', 'lodash' ), STACKABLE_VERSION );
 
 				// Add translations.
 				wp_set_script_translations( 'stackable-welcome', STACKABLE_I18N );

From 9443e52ce65a44b7c5197c8fd684fb7fffe7b010 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Thu, 28 Aug 2025 23:09:32 +0800
Subject: [PATCH 42/78] use homeUrl for style guide preview

---
 src/components/style-guide/components.js | 6 ++++--
 src/init.php                             | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/style-guide/components.js b/src/components/style-guide/components.js
index f4aeb1ce72..a3a05a492e 100644
--- a/src/components/style-guide/components.js
+++ b/src/components/style-guide/components.js
@@ -9,7 +9,9 @@ import heroBg from './images/hero-bg.webp'
 import mediaText from './images/media-text.webp'
 import { COLOR_SCHEME_PROPERTY_LABELS } from '../color-scheme-preview'
 
-import { i18n, srcUrl } from 'stackable'
+import {
+	i18n, srcUrl, homeUrl,
+} from 'stackable'
 import { isDarkColor } from '~stackable/util'
 import { LONG_TEXT } from '~stackable/util/block-templates'
 
@@ -294,7 +296,7 @@ export const WebPreview = ( { className } ) => {
 					<div className="ugb-style-guide__preview-mock-browser__button"></div>
 				</div>
 				{ /* TODO: can we get the URL of the current site here? */ }
-				<div className="ugb-style-guide__preview-mock-browser__url">https://example.com</div>
+				<div className="ugb-style-guide__preview-mock-browser__url">{ homeUrl }</div>
 				<div className="ugb-style-guide__preview-mock-browser__resize-handle"></div>
 			</div>
 			<div className={ `ugb-style-guide__preview-root ${ className }` }>
diff --git a/src/init.php b/src/init.php
index 6ae3840430..2494d78343 100644
--- a/src/init.php
+++ b/src/init.php
@@ -340,6 +340,7 @@ public function register_block_editor_assets() {
 			global $wp_version;
 			$args = apply_filters( 'stackable_localize_script', array(
 				'srcUrl' => untrailingslashit( plugins_url( '/', STACKABLE_FILE ) ),
+				'homeUrl' => home_url(),
 				'contentWidth' => isset( $content_width ) ? $content_width : 900,
 				'i18n' => STACKABLE_I18N,
 				'nonce' => wp_create_nonce( 'stackable' ),

From e18b08358553482db9f4c0307615568b04f01576 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Thu, 28 Aug 2025 23:11:40 +0800
Subject: [PATCH 43/78] fix styling for block styles in style guide

---
 src/components/style-guide/editor.scss        |   4 +
 .../style-guide/images/profile.webp           | Bin 0 -> 42076 bytes
 src/components/style-guide/utils.js           |  78 ++++++++++++++++--
 src/util/styles/block-style-generators.js     |  18 ++++
 src/util/styles/index.js                      |   1 +
 5 files changed, 94 insertions(+), 7 deletions(-)
 create mode 100644 src/components/style-guide/images/profile.webp
 create mode 100644 src/util/styles/block-style-generators.js

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index e93c6ff91e..8607a727ed 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -330,6 +330,10 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		.stk-block-timeline > .stk-inner-blocks::after {
 			content: "" !important;
 		}
+
+		.stk-block-notification h3 {
+			color: var(--stk-container-color) !important;
+		}
 	}
 
 	.ugb-style-guide__elements__buttons .stk-button {
diff --git a/src/components/style-guide/images/profile.webp b/src/components/style-guide/images/profile.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d673e6c34c61d196c5656a89bcb70decc3cbb76f
GIT binary patch
literal 42076
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

literal 0
HcmV?d00001

diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index ea3e39a6d4..af47e8dfdf 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -1,6 +1,16 @@
 import heroBg from './images/hero-bg.webp'
-import { i18n, srcUrl } from 'stackable'
-import { cleanSerializedBlock, createUniqueClass } from '~stackable/util'
+import profile from './images/profile.webp'
+import {
+	i18n, srcUrl, version as VERSION,
+} from 'stackable'
+
+import { CssSaveCompiler } from '../block-css'
+import {
+	cleanSerializedBlock,
+	createUniqueClass,
+	blockStyleGenerators,
+} from '~stackable/util'
+import { PLACEHOLDER_INNER_BLOCKS } from '~stackable/util/block-templates'
 
 import { __ } from '@wordpress/i18n'
 import { RawHTML } from '@wordpress/element'
@@ -9,7 +19,6 @@ import {
 	createBlocksFromInnerBlocksTemplate,
 	getBlockVariations,
 } from '@wordpress/blocks'
-import { PLACEHOLDER_INNER_BLOCKS } from '~stackable/util/block-templates'
 
 /* eslint-disable jsx-a11y/anchor-is-valid */
 export const DefaultButton = ( {
@@ -90,19 +99,51 @@ const ADDITIONAL_ATTRIBUTES = {
 	'stackable/number-box': { text: __( '1', i18n ) },
 }
 
+const getGeneratedCss = ( blocks, generateForInnerBlocks = false ) => {
+	return blocks.map( block => {
+		if ( ! block.attributes.uniqueId ) {
+			block.attributes.uniqueId = createUniqueClass( block.clientId )
+		}
+
+		const blockStyleGenerator = blockStyleGenerators[ block.name ]
+		const attrNamesWithValues = blockStyleGenerator.getAttributesWithValues( block.attributes )
+		const blockStyleDefs = blockStyleGenerator.getBlockStyles( attrNamesWithValues )
+
+		const cssCompiler = new CssSaveCompiler()
+		const saveCss = blockStyleGenerator.generateBlockStylesForSave(
+			cssCompiler,
+			block.attributes,
+			blockStyleDefs,
+			{
+				version: VERSION,
+			}
+		)
+
+		block.attributes.generatedCss = saveCss
+
+		if ( generateForInnerBlocks ) {
+			block.innerBlocks = getGeneratedCss( block.innerBlocks, generateForInnerBlocks )
+		}
+
+		return block
+	} )
+}
+
 export const RenderBlock = props => {
 	const {
 		blockName, attributes, innerBlocks, name = __( 'Default', i18n ),
 	} = props
 
 	const block = createBlock( blockName, attributes, innerBlocks )
-	block.attributes.uniqueId = createUniqueClass( block.clientId )
-	let serialized = serialize( [ block ] )
+	const newBlock = getGeneratedCss( [ block ] )
+
+	let serialized = serialize( newBlock )
 
 	if ( blockName === 'stackable/timeline' ) {
 		const _block = createBlock( blockName, attributes, innerBlocks )
 		_block.attributes.timelineIsLast = true
-		serialized += '\n' + serialize( [ _block ] )
+		const duplicateBlock = getGeneratedCss( [ _block ] )
+		serialized += '\n' + serialize( duplicateBlock )
 	}
 
 	return (
@@ -113,6 +154,19 @@ export const RenderBlock = props => {
 	)
 }
 
+const INNER_BLOCK_CALLBACKS = {
+	'stackable/team-member': innerBlocks => {
+		innerBlocks[ 0 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+
+		return innerBlocks
+	},
+	'stackable/testimonial': innerBlocks => {
+		innerBlocks[ 1 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+
+		return innerBlocks
+	},
+}
+
 export const getPlaceholders = blockName => {
 	let innerBlocks = []
 	let attributes = {}
@@ -123,6 +177,14 @@ export const getPlaceholders = blockName => {
 		innerBlocks = createBlocksFromInnerBlocksTemplate( PLACEHOLDER_INNER_BLOCKS[ blockName ] )
 	} else if ( variations.length && variations[ 0 ].innerBlocks?.length ) {
 		innerBlocks = createBlocksFromInnerBlocksTemplate( variations[ 0 ].innerBlocks )
+
+		if ( blockName in INNER_BLOCK_CALLBACKS ) {
+			innerBlocks = INNER_BLOCK_CALLBACKS[ blockName ]( innerBlocks )
+		}
+	}
+
+	if ( innerBlocks.length ) {
+		innerBlocks = getGeneratedCss( innerBlocks, true )
 	}
 
 	if ( variations.length && variations[ 0 ].attributes ) {
@@ -136,5 +198,7 @@ export const getPlaceholders = blockName => {
 		}
 	}
 
-	return { attributes, innerBlocks }
+	return {
+		attributes, innerBlocks,
+	}
 }
diff --git a/src/util/styles/block-style-generators.js b/src/util/styles/block-style-generators.js
new file mode 100644
index 0000000000..41bf80f9c7
--- /dev/null
+++ b/src/util/styles/block-style-generators.js
@@ -0,0 +1,18 @@
+const fetchBlockStyleGenerators = r => {
+	const blockStyleGenerators = {}
+	r.keys().forEach( key => {
+		const styleGenerator = r( key ).default
+
+		// Get the folder name from the key (e.g., './feature/style.js' => 'feature')
+		const match = key.match( /^\.\/([^/]+)\// )
+		const blockName = match ? match[ 1 ] : null
+
+		if ( blockName ) {
+			blockStyleGenerators[ `stackable/${ blockName }` ] = styleGenerator
+		}
+	} )
+
+	return blockStyleGenerators
+}
+
+export const blockStyleGenerators = fetchBlockStyleGenerators( require.context( '../../block', true, /style\.js$/ ) )
diff --git a/src/util/styles/index.js b/src/util/styles/index.js
index 2c36aeed45..8ec36c9dcd 100644
--- a/src/util/styles/index.js
+++ b/src/util/styles/index.js
@@ -15,6 +15,7 @@ import { applyFilters } from '@wordpress/hooks'
 export { default as StyleObject } from './style-object'
 export { useStyles, getStyles } from './style-object'
 export { useQueryLoopInstanceId } from './style-object'
+export { blockStyleGenerators } from './block-style-generators'
 
 export const isDarkColor = _color => {
 	try {

From 09d25053e656591d1b760d7ef9bfef2aa6e71bfc Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 1 Sep 2025 16:58:56 +0800
Subject: [PATCH 44/78] fix style guide block styles

- accordion
- icon list, icon list item
- countdown
---
 src/components/style-guide/editor.scss |  14 +++
 src/components/style-guide/utils.js    | 145 +++++++++++++++++--------
 src/util/block-styles.js               |   1 +
 src/util/blocks.js                     |   4 +-
 4 files changed, 114 insertions(+), 50 deletions(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 8607a727ed..578f3da3f0 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -334,6 +334,20 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 		.stk-block-notification h3 {
 			color: var(--stk-container-color) !important;
 		}
+
+		.stk-block-accordion {
+			min-height: unset;
+			max-height: fit-content;
+			pointer-events: none;
+
+			.stk-block {
+				min-height: unset;
+			}
+		}
+	}
+
+	:where(.ugb-style-guide__elements .stk-block-table-of-contents ul) {
+		list-style-type: initial;
 	}
 
 	.ugb-style-guide__elements__buttons .stk-button {
diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index af47e8dfdf..ecb4d739a7 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -20,36 +20,6 @@ import {
 	getBlockVariations,
 } from '@wordpress/blocks'
 
-/* eslint-disable jsx-a11y/anchor-is-valid */
-export const DefaultButton = ( {
-	text, dataDevice = 'desktop', style = '',
-} ) => {
-	return <>
-		<div className="wp-block-stackable-button stk-block-button stk-block stk-5609083" data-block-id="5609083">
-			{ style && <style> { style } </style> }
-			<a className="stk-link stk-button stk--hover-effect-darken" href="" onClick={ e => e.preventDefault() }>
-				<span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device={ dataDevice }>{ text }</span>
-			</a>
-		</div>
-	</>
-}
-
-export const DefaultOutlineButton = ( {
-	text, dataDevice = 'desktop', style = '',
-} ) => {
-	return <>
-
-		<div className="wp-block-stackable-button stk-block-button is-style-ghost stk-block stk-3f9ae3c" data-block-id="3f9ae3c">
-			<style>{ '.stk-3f9ae3c .stk-button{background:transparent !important;}.stk-3f9ae3c .stk-button:hover:after{background:transparent !important;opacity:1 !important;}:where(.stk-hover-parent:hover,  .stk-hover-parent.stk--is-hovered) .stk-3f9ae3c .stk-button:after{background:transparent !important;opacity:1 !important;}.stk-3f9ae3c .stk-button:before{border-style:solid !important;}' }</style>
-			{ style && <style> { style } </style> }
-			<a className="stk-link stk-button stk--hover-effect-darken" href="" onClick={ e => e.preventDefault() }>
-				<span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device={ dataDevice }>{ text }</span>
-			</a>
-		</div>
-
-	</>
-}
-
 export const DUMMY_COLOR_SCHEMES = [
 	{
 		name: 'Base Color Scheme',
@@ -87,6 +57,23 @@ export const DUMMY_COLOR_SCHEMES = [
 
 const SERIALIZE_CALLBACKS = {
 	'stackable/tabs': serialized => serialized.replace( '"stk-block-tabs__tab"', '"stk-block-tabs__tab stk-block-tabs__tab--active"' ),
+	'stackable/countdown': serialized => serialized.replace(
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-day"></div>',
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-day">10</div>'
+	).replace(
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-hour"></div>',
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-hour">12</div>'
+	).replace(
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-minute"></div>',
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-minute">30</div>'
+	).replace(
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-second"></div>',
+		'<div class="stk-block-countdown__digit stk-block-countdown__digit-second">45</div>',
+	),
+	'stackable/icon-list': ( serialized, attributes ) => serialized.replace(
+		/#stk-icon-list__icon-svg-def-[^"]*/g,
+		`#stk-icon-list__icon-svg-def-${ attributes.uniqueId }`
+	),
 }
 
 const ADDITIONAL_ATTRIBUTES = {
@@ -99,6 +86,49 @@ const ADDITIONAL_ATTRIBUTES = {
 	'stackable/number-box': { text: __( '1', i18n ) },
 }
 
+const INNER_BLOCK_CALLBACKS = {
+	'stackable/team-member': innerBlocks => {
+		innerBlocks[ 0 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+
+		return innerBlocks
+	},
+	'stackable/testimonial': innerBlocks => {
+		innerBlocks[ 1 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+
+		return innerBlocks
+	},
+}
+
+/* eslint-disable jsx-a11y/anchor-is-valid */
+export const DefaultButton = ( {
+	text, dataDevice = 'desktop', style = '',
+} ) => {
+	return <>
+		<div className="wp-block-stackable-button stk-block-button stk-block stk-5609083" data-block-id="5609083">
+			{ style && <style> { style } </style> }
+			<a className="stk-link stk-button stk--hover-effect-darken" href="" onClick={ e => e.preventDefault() }>
+				<span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device={ dataDevice }>{ text }</span>
+			</a>
+		</div>
+	</>
+}
+
+export const DefaultOutlineButton = ( {
+	text, dataDevice = 'desktop', style = '',
+} ) => {
+	return <>
+
+		<div className="wp-block-stackable-button stk-block-button is-style-ghost stk-block stk-3f9ae3c" data-block-id="3f9ae3c">
+			<style>{ '.stk-3f9ae3c .stk-button{background:transparent !important;}.stk-3f9ae3c .stk-button:hover:after{background:transparent !important;opacity:1 !important;}:where(.stk-hover-parent:hover,  .stk-hover-parent.stk--is-hovered) .stk-3f9ae3c .stk-button:after{background:transparent !important;opacity:1 !important;}.stk-3f9ae3c .stk-button:before{border-style:solid !important;}' }</style>
+			{ style && <style> { style } </style> }
+			<a className="stk-link stk-button stk--hover-effect-darken" href="" onClick={ e => e.preventDefault() }>
+				<span className="stk-button__inner-text ugb-style-guide__typography-preview" data-device={ dataDevice }>{ text }</span>
+			</a>
+		</div>
+
+	</>
+}
+
 const getGeneratedCss = ( blocks, generateForInnerBlocks = false ) => {
 	return blocks.map( block => {
 		if ( ! block.attributes.uniqueId ) {
@@ -129,14 +159,15 @@ const getGeneratedCss = ( blocks, generateForInnerBlocks = false ) => {
 	} )
 }
 
-export const RenderBlock = props => {
+const getSerializedBlock = props => {
 	const {
-		blockName, attributes, innerBlocks, name = __( 'Default', i18n ),
+		blockName: _blockName, attributes, innerBlocks,
 	} = props
 
-	const block = createBlock( blockName, attributes, innerBlocks )
-	const newBlock = getGeneratedCss( [ block ] )
+	let blockName = _blockName
 
+	let block = createBlock( blockName, attributes, innerBlocks )
+	let newBlock = getGeneratedCss( [ block ] )
 	let serialized = serialize( newBlock )
 
 	if ( blockName === 'stackable/timeline' ) {
@@ -146,27 +177,45 @@ export const RenderBlock = props => {
 		serialized += '\n' + serialize( duplicateBlock )
 	}
 
+	if ( blockName === 'stackable/accordion' ) {
+		const _block = createBlock( blockName, attributes, innerBlocks )
+		_block.attributes.startOpen = true
+		_block.attributes.blockMargin = {
+			top: 24, bottom: 0, left: 0, right: 0,
+		}
+		const duplicateBlock = getGeneratedCss( [ _block ] )
+		serialized += '\n' + serialize( duplicateBlock )
+	}
+
+	if ( blockName === 'stackable/icon-list-item' ) {
+		block = createBlock( 'stackable/icon-list', {}, [ block ] )
+		newBlock = getGeneratedCss( [ block ] )
+		serialized = serialize( newBlock )
+		blockName = 'stackable/icon-list'
+	}
+
+	return {
+		serialized, blockName, attributes: block.attributes,
+	}
+}
+
+export const RenderBlock = props => {
+	const {
+		name = __( 'Default', i18n ), ...propsToPass
+	} = props
+
+	const {
+		serialized, blockName, attributes,
+	} = getSerializedBlock( propsToPass )
+
 	return (
 		<RawHTML>
-			{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ] ) }
+			{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ], attributes ) }
 			{ `<p>${ name }</p>` }
 		</RawHTML>
 	)
 }
 
-const INNER_BLOCK_CALLBACKS = {
-	'stackable/team-member': innerBlocks => {
-		innerBlocks[ 0 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
-
-		return innerBlocks
-	},
-	'stackable/testimonial': innerBlocks => {
-		innerBlocks[ 1 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
-
-		return innerBlocks
-	},
-}
-
 export const getPlaceholders = blockName => {
 	let innerBlocks = []
 	let attributes = {}
diff --git a/src/util/block-styles.js b/src/util/block-styles.js
index e0da08f5d1..fbae858807 100644
--- a/src/util/block-styles.js
+++ b/src/util/block-styles.js
@@ -4,6 +4,7 @@ import { select } from '@wordpress/data'
 
 const BLOCK_STYLES_FILTER = {
 	'stackable/column': [ 'columnWidth', 'columnAdjacentCount' ],
+	'stackable/icon-list-item': [ 'parentUniqueId' ],
 }
 
 export const getBlockStyleAttributesFilter = ( blockName, additionalFilters = [] ) => {
diff --git a/src/util/blocks.js b/src/util/blocks.js
index 7a34eca5e2..f92bd421e1 100644
--- a/src/util/blocks.js
+++ b/src/util/blocks.js
@@ -610,11 +610,11 @@ export const getFilteredAttributes = ( attributes, filter ) => {
 }
 
 // removes comment from serialized block string
-export const cleanSerializedBlock = ( serialized, cb ) => {
+export const cleanSerializedBlock = ( serialized, cb, attributes = {} ) => {
 	let cleanSerialized = serialized.replace( /<!--[\s\S]*?-->/g, '' )
 
 	if ( cb ) {
-		cleanSerialized = cb( cleanSerialized )
+		cleanSerialized = cb( cleanSerialized, attributes )
 	}
 
 	return cleanSerialized

From 642b0b4ee39acf0a0edfcfa20386a6035897f59e Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 1 Sep 2025 23:17:49 +0800
Subject: [PATCH 45/78] fix style guide block styles preview

- table of contents
- posts
---
 .../design-library-list-item.js               |  2 +-
 src/components/design-library-list/util.js    | 32 ++++++--
 src/components/style-guide/editor.scss        | 19 ++++-
 src/components/style-guide/utils.js           | 77 ++++++++++++++++++-
 src/util/block-styles.js                      |  1 +
 5 files changed, 120 insertions(+), 11 deletions(-)

diff --git a/src/components/design-library-list/design-library-list-item.js b/src/components/design-library-list/design-library-list-item.js
index c4b79575de..d7326ac7e7 100644
--- a/src/components/design-library-list/design-library-list-item.js
+++ b/src/components/design-library-list/design-library-list-item.js
@@ -33,7 +33,7 @@ import { serialize } from '@wordpress/blocks'
 import { applyFilters } from '@wordpress/hooks'
 import { cloneDeep } from 'lodash'
 
-const DEFAULT_CONTENT = { ...DEFAULT }
+export const DEFAULT_CONTENT = { ...DEFAULT }
 
 const DesignLibraryListItem = forwardRef( ( props, ref ) => {
 	const {
diff --git a/src/components/design-library-list/util.js b/src/components/design-library-list/util.js
index 82f339e760..4e5b45522a 100644
--- a/src/components/design-library-list/util.js
+++ b/src/components/design-library-list/util.js
@@ -4,6 +4,7 @@ import {
 	settings, isPro, cdnUrl,
 } from 'stackable'
 import { parse, serialize } from '@wordpress/blocks'
+import { META_SEPARATORS } from '~stackable/block/posts/util'
 
 const DEFAULT_CONTENT = { ...DEFAULT }
 const PARSER = new DOMParser()
@@ -203,7 +204,7 @@ export const parseDisabledBlocks = parsedBlock => {
 
 const IMAGE_STORAGE = cdnUrl.replace( /\/$/, '' ) + '/library-v4/images/'
 
-export const addPlaceholderForPostsBlock = ( content, postsPlaceholder, defaultValues ) => {
+export const addPlaceholderForPostsBlock = ( content, postsPlaceholder, defaultValues, img = null ) => {
 	const remainingPosts = [ ...postsPlaceholder ]
 
 	// Normalize special characters
@@ -226,6 +227,7 @@ export const addPlaceholderForPostsBlock = ( content, postsPlaceholder, defaultV
 
 		const numItems = attrs.numberOfItems ?? 6
 		const width = attrs.imageWidth ? attrs.imageWidth + ( attrs.imageWidthUnit ?? 'px' ) : 'auto'
+		const separator = META_SEPARATORS[ attrs.metaSeparator ?? 'dot' ]
 
 		// Get the post template inside the block
 		const templateMatch = innerHtml.match( /<!--\s*\/stk-start:posts\/template\s*-->([\s\S]*?)<!--\s*\/stk-end:post\/template\s*-->/ )
@@ -234,17 +236,35 @@ export const addPlaceholderForPostsBlock = ( content, postsPlaceholder, defaultV
 		}
 
 		const template = templateMatch[ 1 ].trim()
-		const currentPosts = remainingPosts.splice( 0, numItems ) // Slice the posts for this block
 
-		const renderedPosts = currentPosts.map( ( post, index ) =>
-			template
+		let currentPosts
+		if ( numItems <= remainingPosts.length ) {
+			currentPosts = remainingPosts.slice( 0, numItems )
+		} else {
+			const needed = numItems
+			const postsToUse = [
+				...remainingPosts,
+				...Array.from(
+					{ length: needed - remainingPosts.length },
+					( _, i ) => postsPlaceholder[ i % postsPlaceholder.length ] // reuse placeholders if numberOfItems > 6
+				),
+			]
+			currentPosts = postsToUse.slice( 0, numItems )
+		}
+
+		const renderedPosts = currentPosts.map( ( post, index ) => {
+			const imgSrc = img ?? `${ IMAGE_STORAGE }stk-design-library-image-${ index + 1 }.jpeg`
+			return template
 				.replace( /!#title!#/g, post.title_placeholder )
 				.replace( /!#excerpt!#/g, post.text_placeholder )
+				.replace( /!#authorName!#/g, 'John Doe' )
+				.replaceAll( /!#metaSeparator!#/g, separator )
+				.replace( /!#commentsNum!#/g, '3 comments' )
 				.replace( /!#date!#/g, 'March 1, 2025' )
 				.replace( /!#readmoreText!#/g, defaultValues[ 'post-btn_placeholder' ] )
 				.replace( /!#category!#/g, defaultValues.tag_placeholder )
-				.replace( /img class="stk-img"/g, `img class="stk-img" src="${ IMAGE_STORAGE }stk-design-library-image-${ index + 1 }.jpeg" width="${ width }" style="width: ${ width } !important;"` )
-		).join( '\n' )
+				.replace( /img class="stk-img"/g, `img class="stk-img" src="${ imgSrc }" width="${ width }" style="width: ${ width } !important;"` )
+		} ).join( '\n' )
 
 		// Replace just the template portion, keep rest of the block
 		const updatedInnerHtml = innerHtml.replace(
diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 578f3da3f0..43ce70e9ef 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -273,6 +273,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 
 			> * {
 				margin-bottom: 0;
+				pointer-events: none;
 			}
 			> p {
 				margin-top: 12px;
@@ -288,15 +289,15 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 			max-width: calc(100% / 3 - 16px);
 		}
 
-		> div:has(> .stk-block-hero, > .stk-block-horizontal-scroller, > .stk-block-notification, > .stk-block-timeline) {
+		> div:has(> .stk-block-hero, > .stk-block-horizontal-scroller, > .stk-block-notification, > .stk-block-timeline, > .stk-block-posts) {
 			max-width: calc(100% / 2 - 12px);
 		}
 
-		> div:has(> .stk-block-accordion, > .stk-block-icon-box, > .stk-block-icon-label, > .stk-block-icon-list, > .stk-block-map, > .stk-block-number-box, > .stk-block-price, > .stk-block-pricing-box, > .stk-block-progress-bar, > .stk-block-progress-circle) {
+		> div:has(> .stk-block-accordion, > .stk-block-icon-box, > .stk-block-icon-label, > .stk-block-icon-list, > .stk-block-map, > .stk-block-number-box, > .stk-block-price, > .stk-block-pricing-box, > .stk-block-progress-bar, > .stk-block-progress-circle, > .stk-block-table-of-contents) {
 			width: calc(100% / 3 - 16px);
 		}
 
-		> div > :is(.stk-block-horizontal-scroller, .stk-block-icon-box, .stk-block-icon-label, .stk-block-icon-list, .stk-block-map, .stk-block-number-box, .stk-block-price, .stk-block-pricing-box, .stk-block-progress-circle) {
+		> div > :is(.stk-block-horizontal-scroller, .stk-block-icon-box, .stk-block-icon-label, .stk-block-icon-list, .stk-block-map, .stk-block-number-box, .stk-block-price, .stk-block-pricing-box, .stk-block-progress-circle, .stk-block-table-of-contents) {
 			width: 100%;
 		}
 
@@ -348,6 +349,18 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 
 	:where(.ugb-style-guide__elements .stk-block-table-of-contents ul) {
 		list-style-type: initial;
+		:where(a) {
+			color: currentColor;
+		}
+	}
+
+	:where(.ugb-style-guide__elements .stk-block-posts) {
+		:where(h1, h2, h3, h4, h5, h6) {
+			color: var(--stk-heading-color, currentColor);
+		}
+		:where(a) {
+			color: currentColor;
+		}
 	}
 
 	.ugb-style-guide__elements__buttons .stk-button {
diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index ecb4d739a7..789bbe8b83 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -12,13 +12,15 @@ import {
 } from '~stackable/util'
 import { PLACEHOLDER_INNER_BLOCKS } from '~stackable/util/block-templates'
 
-import { __ } from '@wordpress/i18n'
+import { __, sprintf } from '@wordpress/i18n'
 import { RawHTML } from '@wordpress/element'
 import {
 	createBlock, serialize,
 	createBlocksFromInnerBlocksTemplate,
 	getBlockVariations,
 } from '@wordpress/blocks'
+import { DEFAULT_CONTENT } from '../design-library-list/design-library-list-item'
+import { addPlaceholderForPostsBlock } from '../design-library-list/util'
 
 export const DUMMY_COLOR_SCHEMES = [
 	{
@@ -84,6 +86,74 @@ const ADDITIONAL_ATTRIBUTES = {
 	'stackable/count-up': { text: '1,234.56' },
 	'stackable/icon-list-item': { text: __( 'List Item', i18n ) },
 	'stackable/number-box': { text: __( '1', i18n ) },
+	'stackable/table-of-contents': {
+		headings: [
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 1 ),
+				level: 1,
+				anchor: 'heading-1',
+				clientId: '72dfd683-3844-47a3-af9d-76eddbf6d51c',
+				tag: 1,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 2 ),
+				level: 2,
+				anchor: 'heading-2-1',
+				clientId: 'd9208411-5aef-4446-893b-f41226ba7858',
+				tag: 2,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 3 ),
+				level: 3,
+				anchor: 'heading-3',
+				clientId: 'fb915b6c-f956-44dc-8c50-44ccbb8e430c',
+				tag: 3,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 4 ),
+				level: 4,
+				anchor: 'heading-4',
+				clientId: '350dd450-77f6-430d-a9f3-0be449c64235',
+				tag: 4,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 5 ),
+				level: 5,
+				anchor: 'heading-5',
+				clientId: '41cde9d8-2585-47ea-a6ba-a3a208a0ede3',
+				tag: 5,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 6 ),
+				level: 6,
+				anchor: 'heading-6',
+				clientId: '375f0cb3-2aa1-478b-a3a7-de5dedd3dd38',
+				tag: 6,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 2 ),
+				level: 2,
+				anchor: 'heading-2-2',
+				clientId: '642f3b01-8ead-4813-a092-22d9995610c0',
+				tag: 2,
+				isExcluded: false,
+			},
+			{
+				content: sprintf( __( 'Heading %s', i18n ), 2 ),
+				level: 2,
+				anchor: 'heading-2-3',
+				clientId: 'f0ad1cb6-332f-406b-9f3f-d41e08725740',
+				tag: 2,
+				isExcluded: false,
+			},
+		],
+	},
 }
 
 const INNER_BLOCK_CALLBACKS = {
@@ -194,6 +264,11 @@ const getSerializedBlock = props => {
 		blockName = 'stackable/icon-list'
 	}
 
+	if ( blockName === 'stackable/posts' ) {
+		const defaultValues = DEFAULT_CONTENT[ 'Post Loop' ]
+		serialized = addPlaceholderForPostsBlock( serialized, defaultValues.posts_placeholder, defaultValues, `${ srcUrl }/${ heroBg }` )
+	}
+
 	return {
 		serialized, blockName, attributes: block.attributes,
 	}
diff --git a/src/util/block-styles.js b/src/util/block-styles.js
index fbae858807..8d55acf24a 100644
--- a/src/util/block-styles.js
+++ b/src/util/block-styles.js
@@ -4,6 +4,7 @@ import { select } from '@wordpress/data'
 
 const BLOCK_STYLES_FILTER = {
 	'stackable/column': [ 'columnWidth', 'columnAdjacentCount' ],
+	'stackable/table-of-contents': [ 'text', 'headings' ],
 	'stackable/icon-list-item': [ 'parentUniqueId' ],
 }
 

From 6c9858808b65e341d20cbbf20396ec777a2ecb79 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 9 Sep 2025 16:02:50 +0800
Subject: [PATCH 46/78] fix inner column block styles preview

---
 src/components/style-guide/utils.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index 789bbe8b83..01d4a408ed 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -257,6 +257,13 @@ const getSerializedBlock = props => {
 		serialized += '\n' + serialize( duplicateBlock )
 	}
 
+	if ( blockName === 'stackable/column' ) {
+		block = createBlock( 'stackable/columns', {}, [ block ] )
+		newBlock = getGeneratedCss( [ block ] )
+		serialized = serialize( newBlock )
+		blockName = 'stackable/columns'
+	}
+
 	if ( blockName === 'stackable/icon-list-item' ) {
 		block = createBlock( 'stackable/icon-list', {}, [ block ] )
 		newBlock = getGeneratedCss( [ block ] )

From ccdbb5858d1fe539809e6da70d5ba640006895cf Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Tue, 9 Sep 2025 18:51:40 +0800
Subject: [PATCH 47/78] tweaked text

---
 src/welcome/getting-started.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/welcome/getting-started.js b/src/welcome/getting-started.js
index 8030ad1ec4..cdceaf38c6 100644
--- a/src/welcome/getting-started.js
+++ b/src/welcome/getting-started.js
@@ -133,7 +133,7 @@ export const GettingStarted = () => {
 						</div>
 						<div className="s-quick-button-description">
 							<h3>{ __( 'Build Pages in Seconds', i18n ) }</h3>
-							<p>{ __( 'Jump straight into our Design Library and insert polished, pre-built sections — no more blank-page overwhelm.', i18n ) }</p>
+							<p>{ __( 'Jump straight into our Design Library and insert polished, pre-built sections; no more blank-page overwhelm.', i18n ) }</p>
 						</div>
 						<div className="s-quick-button-button">
 							<a
@@ -156,7 +156,7 @@ export const GettingStarted = () => {
 						</div>
 						<div className="s-quick-button-description">
 							<h3>{ __( 'Apply Global Styles Instantly', i18n ) }</h3>
-							<p>{ __( 'Set your brand\'s colors, fonts, and spacing once in the Design System — every Stackable block updates automatically.', i18n ) }</p>
+							<p>{ __( 'Set your brand\'s colors, fonts, and spacing once in the Design System; every Stackable block updates automatically.', i18n ) }</p>
 						</div>
 						<div className="s-quick-button-button">
 							<a

From 8555609bae4dd8adafea2e4aa2c5c2a2433efb0a Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Wed, 10 Sep 2025 19:41:12 +0800
Subject: [PATCH 48/78] fix cleanSerializedBlock

---
 src/components/design-library-list/use-preview-renderer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/design-library-list/use-preview-renderer.js b/src/components/design-library-list/use-preview-renderer.js
index 31d29ac7ba..c4aba688f9 100644
--- a/src/components/design-library-list/use-preview-renderer.js
+++ b/src/components/design-library-list/use-preview-renderer.js
@@ -170,7 +170,7 @@ export const usePreviewRenderer = (
 
 		preview = replaceImages( preview )
 
-		const cleanedBlock = cleanSerializedBlock( /<!--[\s\S]*?-->/g, '' ) // removes comment
+		const cleanedBlock = cleanSerializedBlock( preview ) // removes comment
 
 		setBlocks( {
 			parsed: parsedBlocks,

From 093e7eeb7abb6e6b3506e8db3ccb7f8233483803 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Wed, 10 Sep 2025 19:45:08 +0800
Subject: [PATCH 49/78] fix post loop preview

---
 src/components/style-guide/utils.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index e2b582affa..f78505edf3 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -271,7 +271,7 @@ const getSerializedBlock = props => {
 	}
 
 	if ( blockName === 'stackable/posts' ) {
-		const defaultValues = DEFAULT_CONTENT[ 'Post Loop' ]
+		const defaultValues = DEFAULT_CONTENT[ 'post-loop' ]
 		serialized = addPlaceholderForPostsBlock( serialized, defaultValues.posts_placeholder, defaultValues, `${ srcUrl }/${ heroBg }` )
 	}
 

From da0595296d220ac168a59c32482e19006763d717 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Wed, 10 Sep 2025 20:07:42 +0800
Subject: [PATCH 50/78] text tweaks

---
 src/components/style-guide/components.js | 2 +-
 src/components/style-guide/editor.scss   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/style-guide/components.js b/src/components/style-guide/components.js
index a3a05a492e..1f6bc1354a 100644
--- a/src/components/style-guide/components.js
+++ b/src/components/style-guide/components.js
@@ -287,7 +287,7 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 
 export const WebPreview = ( { className } ) => {
 	return <>
-		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Design System Preview', i18n ) }</h1>
+		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Example Website Preview', i18n ) }</h1>
 		<div className="ugb-style-guide__preview">
 			<div className="ugb-style-guide__preview-mock-browser">
 				<div className="ugb-style-guide__preview-mock-browser__buttons">
diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 43ce70e9ef..96fbd05710 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -243,6 +243,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	}
 
 	.ugb-style-guide__typography-body {
+		margin-top: 50px;
 		.ugb-style-guide__column:first-child {
 			grid-column: 1 / 3;
 			max-width: 80%;

From 0b6fa4cbce3523f5d3747aefef675120e45713ce Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Wed, 10 Sep 2025 21:11:55 +0800
Subject: [PATCH 51/78] update profile photo

---
 .../style-guide/images/profile.webp           | Bin 42076 -> 31698 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/src/components/style-guide/images/profile.webp b/src/components/style-guide/images/profile.webp
index d673e6c34c61d196c5656a89bcb70decc3cbb76f..6fb3dd9623f76c85146ed4210ec524a861ae5b63 100644
GIT binary patch
delta 31486
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

literal 42076
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


From 86aa8e25cf0e89e1b9de92ae8c88ba7c6d4953e9 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 11 Sep 2025 12:06:50 +0800
Subject: [PATCH 52/78] Finished design system tour

---
 src/components/guided-modal-tour/index.js     | 46 ++++++++--
 .../guided-modal-tour/tour-steps.js           | 84 ++++++++++++++++++-
 src/components/style-guide/components.js      | 42 ++++++----
 3 files changed, 148 insertions(+), 24 deletions(-)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 65d0da3795..e987ebc737 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -106,6 +106,7 @@ const ModalTour = props => {
 	const [ isVisibleDelayed, setIsVisibleDelayed ] = useState( false )
 	const [ forceRefresh, setForceRefresh ] = useState( 0 )
 	const [ isTransitioning, setIsTransitioning ] = useState( false )
+	const [ direction, setDirection ] = useState( 'forward' )
 	const modalRef = useRef( null )
 	const glowElementRef = useRef( null )
 
@@ -128,6 +129,7 @@ const ModalTour = props => {
 		preStep = NOOP, // If provided, this is a function to run before the step is shown.
 		// eslint-disable-next-line no-unused-vars
 		postStep = NOOP, // If provided, this is a function to run after the step is shown.
+		skipIf = NOOP, // If provided, this is a function to check if the step should be skipped.
 	} = steps[ currentStep ]
 
 	// While the modal is visible, just keep on force refreshing the modal in an interval to make sure the modal is always in the correct position.
@@ -147,6 +149,7 @@ const ModalTour = props => {
 		setIsVisible( false )
 		setIsVisibleDelayed( false )
 		setIsTransitioning( true )
+		setDirection( 'forward' )
 
 		// If at the last step, just close
 		if ( currentStep === steps.length - 1 ) {
@@ -160,7 +163,9 @@ const ModalTour = props => {
 					steps[ currentStep ]?.postStep?.( currentStep )
 				}, 50 )
 				const nextStep = currentStep + 1
-				steps[ nextStep ]?.preStep?.( nextStep )
+				setTimeout( () => {
+					steps[ nextStep ]?.preStep?.( nextStep )
+				}, 50 )
 				return nextStep
 			} )
 
@@ -187,6 +192,7 @@ const ModalTour = props => {
 		setIsVisible( false )
 		setIsVisibleDelayed( false )
 		setIsTransitioning( true )
+		setDirection( 'backward' )
 
 		setTimeout( () => {
 			setCurrentStep( currentStep => {
@@ -214,6 +220,17 @@ const ModalTour = props => {
 		}, 650 )
 	}, [ currentStep, steps ] )
 
+	// If we just moved to this step, even before showing it check if we should skip it, if so, move to the next/prev step.
+	useEffect( () => {
+		if ( skipIf() ) {
+			if ( direction === 'forward' ) {
+				handleNextEvent()
+			} else {
+				handleBackEvent()
+			}
+		}
+	}, [ currentStep, direction ] )
+
 	// Show modal after 1 second delay
 	useEffect( () => {
 		const timer = setTimeout( () => {
@@ -308,20 +325,37 @@ const ModalTour = props => {
 			case 'left':
 				// Left, middle
 				return [ `${ anchorRect.left - modalRect.width - 16 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+			case 'left-top':
+				return [ `${ anchorRect.left - modalRect.width - 16 }px`, `${ anchorRect.top + 16 }px` ]
+			case 'left-bottom':
+				return [ `${ anchorRect.left - modalRect.width - 16 }px`, `${ anchorRect.bottom - modalRect.height - 16 }px` ]
 			case 'right':
 				// Right, middle
 				return [ `${ anchorRect.right + 16 }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+			case 'right-top':
+				return [ `${ anchorRect.right + 16 }px`, `${ anchorRect.top + 16 }px` ]
+			case 'right-bottom':
+				return [ `${ anchorRect.right + 16 }px`, `${ anchorRect.bottom - modalRect.height - 16 }px` ]
 			case 'top':
 				// Center, top
 				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.top - modalRect.height - 16 }px` ]
+			case 'top-left':
+				return [ `${ anchorRect.left + 16 }px`, `${ anchorRect.top - modalRect.height - 16 }px` ]
+			case 'top-right':
+				return [ `${ anchorRect.right - modalRect.width - 16 }px`, `${ anchorRect.top + 16 }px` ]
 			case 'bottom':
 				// Center, bottom
 				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.bottom + 16 }px` ]
+			case 'bottom-left':
+				return [ `${ anchorRect.left + 16 }px`, `${ anchorRect.bottom + 16 }px` ]
+			case 'bottom-right':
+				return [ `${ anchorRect.right - modalRect.width - 16 }px`, `${ anchorRect.bottom + 16 }px` ]
 			case 'center':
-				return [
-					`${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`,
-					`${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px`,
-				]
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.top + ( anchorRect.height / 2 ) - ( modalRect.height / 2 ) }px` ]
+			case 'center-top':
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.top + 16 }px` ]
+			case 'center-bottom':
+				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.bottom - modalRect.height - 16 }px` ]
 			default:
 				return defaultOffset
 		}
@@ -380,7 +414,7 @@ const ModalTour = props => {
 			shouldCloseOnClickOutside={ false }
 			size={ size }
 			// onRequestClose={ onClose } // Do not use onRequestClose, it will cause the tour finish
-			className={ classNames( 'ugb-tour-modal', `ugb-tour-modal--${ position }`, {
+			className={ classNames( 'ugb-tour-modal', `ugb-tour-modal--${ position.replace( /-.*$/, '' ) }`, {
 				'ugb-tour-modal--visible': isVisible,
 				'ugb-tour-modal--visible-delayed': isVisibleDelayed,
 			} ) }
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index ddcbced700..62dfe929ca 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -80,7 +80,7 @@ export const TOUR_STEPS = {
 				description: __( 'Design once, apply everywhere! Set global styles so every block across your site looks and feels unified.', i18n ),
 				size: 'medium',
 				anchor: '.interface-interface-skeleton__sidebar',
-				position: 'left',
+				position: 'left-top',
 				// glowTarget: '.interface-interface-skeleton__sidebar',
 			},
 			{
@@ -100,7 +100,87 @@ export const TOUR_STEPS = {
 					}
 				},
 			},
-			// TODO: this is not yet finished
+			{
+				title: __( 'This is Your Style Guide', i18n ),
+				description: __( 'This Style Guide shows a live preview of your entire design system showing how the different design elements look. This updates based on your current settings.', i18n ),
+				help: __( 'Scroll down to explore', i18n ),
+				size: 'medium',
+				anchor: '.ugb-style-guide-popover > .components-popover__content',
+				position: 'center',
+				// glowTarget: '.interface-interface-skeleton__sidebar',
+			},
+			{
+				title: __( 'Customize Your Design System', i18n ),
+				description: __( 'These settings are applied to all blocks across your entire site. They are used as defaults for your blocks, but you can override them on a per block basis.', i18n ),
+				help: createInterpolateElement( __( 'Open the <strong>Global Typography</strong> panel to continue.', i18n ), {
+					strong: <strong />,
+				} ),
+				anchor: '.ugb-global-typography__panel .components-panel__body-title',
+				position: 'left',
+				glowTarget: '.ugb-global-typography__panel .components-panel__body-toggle',
+				nextEventTarget: '.ugb-global-typography__panel .components-panel__body-toggle',
+				skipIf: () => {
+					return document.querySelector( '.ugb-global-typography__panel' )?.classList.contains( 'is-opened' )
+				},
+				postStep: () => {
+					// Open the typography panel if it's not open.
+					if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
+						document.querySelector( '.ugb-global-typography__panel .components-panel__body-toggle' )?.click()
+					}
+				},
+			},
+			{
+				title: __( 'Try Changing Your Font Pair', i18n ),
+				description: __( 'Try changing the font pair to see how it looks in the Style Guide.', i18n ),
+				help: createInterpolateElement( __( 'Pick another <strong>Preset Font Pair</strong> to continue.', i18n ), {
+					strong: <strong />,
+				} ),
+				anchor: '.ugb-global-settings-font-pair-control:not(.ugb-global-settings-font-pair__selected)',
+				position: 'left',
+				glowTarget: '.ugb-global-settings-font-pair-control:not(.ugb-global-settings-font-pair__selected)',
+				nextEventTarget: '.ugb-global-settings-font-pair__container [role="button"]',
+				preStep: () => {
+					// Make sure that the typography panel is open.
+					if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
+						document.querySelector( '.ugb-global-typography__panel .components-panel__body-title' )?.click()
+					}
+				},
+			},
+			{
+				title: __( 'Whoa! Your Site Updated', i18n ),
+				description: __( 'Did you see that? Your site has been updated with the new font pair. You can see the changes in the Style Guide as well!', i18n ),
+				help: __( 'Other parts below the style guide also updated!', i18n ),
+				anchor: '.ugb-style-guide__color-container',
+				position: 'top',
+				glowTarget: '.ugb-style-guide__color-container',
+				preStep: () => {
+					const el = document.querySelector( '.ugb-style-guide-popover > .components-popover__content' )
+					// Scroll this to the top.
+					if ( el ) {
+						el.scrollTo( {
+							top: 0,
+							behavior: 'smooth',
+						} )
+					}
+				},
+			},
+			{
+				title: __( 'Share Your Style Guide', i18n ),
+				description: __( 'Lastly, you can easily share your design system with others by exporting your Style Guide as an image. This is perfect for sharing with clients, teammates, or for documentation.', i18n ),
+				anchor: '.ugb-style-guide__print-button',
+				position: 'bottom',
+				glowTarget: '.ugb-style-guide__print-button',
+				preStep: () => {
+					const el = document.querySelector( '.ugb-style-guide-popover > .components-popover__content' )
+					// Scroll this to the top.
+					if ( el ) {
+						el.scrollTo( {
+							top: 0,
+							behavior: 'smooth',
+						} )
+					}
+				},
+			},
 		],
 	},
 	'design-library': {
diff --git a/src/components/style-guide/components.js b/src/components/style-guide/components.js
index 1f6bc1354a..42be91efdb 100644
--- a/src/components/style-guide/components.js
+++ b/src/components/style-guide/components.js
@@ -126,7 +126,7 @@ export const Colors = ( { colors } ) => {
 
 export const Typography = ( { typography } ) => {
 	return <>
-		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Typography', i18n ) }</h1>
+		<h1 className="ugb-style-guide__section-title ugb-style-guide__title ugb-style-guide__typography-title">{ __( 'Typography', i18n ) }</h1>
 		<div className="ugb-style-guide__columns ugb-style-guide__typography-headings">
 
 			<div className="ugb-style-guide__column">
@@ -309,17 +309,19 @@ export const WebPreview = ( { className } ) => {
 								<div className="has-text-align-center stk-block-content stk-inner-blocks stk-830918c-inner-blocks">
 									<div className="wp-block-stackable-subtitle stk-block-subtitle stk-block stk-fb52f96" data-block-id="fb52f96">
 										<style>{ '.stk-fb52f96 .stk-block-subtitle__text{color:#bbbbbb !important;}' }</style>
-										<p className="stk-block-subtitle__text stk-subtitle has-text-color">{ __( 'Subtitle', i18n ) }</p>
+										<p className="stk-block-subtitle__text stk-subtitle has-text-color">{ __( 'Welcome to Our Company', i18n ) }</p>
 									</div>
 
 									<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-6602002" id="hero" data-block-id="6602002">
 										<style>{ '.stk-6602002 .stk-block-heading__text{color:#ffffff !important;}' }</style>
-										<h1 className="stk-block-heading__text has-text-color">{ __( 'Hero', i18n ) }</h1>
+										<h1 className="stk-block-heading__text has-text-color">{ __( 'Professional Solutions for Businesses', i18n ) }</h1>
 									</div>
 
 									<div className="wp-block-stackable-text stk-block-text stk-block stk-f9171eb" data-block-id="f9171eb">
 										<style>{ '.stk-f9171eb .stk-block-text__text{color:#ffffff !important;}' }</style>
-										<p className="stk-block-text__text has-text-color">{ LONG_TEXT[ 0 ] }</p>
+										<p className="stk-block-text__text has-text-color">
+											{ __( 'We provide innovative services and support to help your business grow and succeed in a competitive market.', i18n ) }
+										</p>
 									</div>
 
 									<div className="wp-block-stackable-button-group stk-block-button-group stk-block stk-ff42814" data-block-id="ff42814">
@@ -353,11 +355,11 @@ export const WebPreview = ( { className } ) => {
 							<div className="stk-column-wrapper stk-block-column__content stk-container stk-24d7b12-container stk--no-background stk--no-padding">
 								<div className="has-text-align-center stk-block-content stk-inner-blocks stk-24d7b12-inner-blocks">
 									<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8b4585e" id="section-title" data-block-id="8b4585e">
-										<h2 className="stk-block-heading__text">{ __( 'Section Title', i18n ) }</h2>
+										<h2 className="stk-block-heading__text">{ __( 'Our Services', i18n ) }</h2>
 									</div>
 
 									<div className="wp-block-stackable-text stk-block-text stk-block stk-111d3c5" data-block-id="111d3c5">
-										<p className="stk-block-text__text">{ __( 'Description', i18n ) }</p>
+										<p className="stk-block-text__text">{ __( 'Explore a wide range of solutions designed to meet your business needs.', i18n ) }</p>
 									</div>
 
 									<div className="wp-block-stackable-columns stk-block-columns stk-block stk-a05e839" data-block-id="a05e839">
@@ -374,11 +376,13 @@ export const WebPreview = ( { className } ) => {
 														</div>
 
 														<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-3b5efe7" id="grid-item-title" data-block-id="3b5efe7">
-															<h3 className="stk-block-heading__text">{ __( 'Grid Item Title', i18n ) }</h3>
+															<h3 className="stk-block-heading__text">{ __( 'Consulting', i18n ) }</h3>
 														</div>
 
 														<div className="wp-block-stackable-text stk-block-text stk-block stk-b456df6" data-block-id="b456df6">
-															<p className="stk-block-text__text">{ LONG_TEXT[ 1 ] }</p>
+															<p className="stk-block-text__text">
+																{ __( 'Strategic guidance and expert advice to help your organization achieve its objectives.', i18n ) }
+															</p>
 														</div>
 													</div>
 												</div>
@@ -396,11 +400,13 @@ export const WebPreview = ( { className } ) => {
 														</div>
 
 														<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8248330" id="grid-item-title" data-block-id="8248330">
-															<h3 className="stk-block-heading__text">{ __( 'Grid Item Title', i18n ) }</h3>
+															<h3 className="stk-block-heading__text">{ __( 'Technology', i18n ) }</h3>
 														</div>
 
 														<div className="wp-block-stackable-text stk-block-text stk-block stk-dd2581b" data-block-id="dd2581b">
-															<p className="stk-block-text__text">{ LONG_TEXT[ 3 ] }</p>
+															<p className="stk-block-text__text">
+																{ __( 'Custom software and IT solutions to streamline your business processes.', i18n ) }
+															</p>
 														</div>
 													</div>
 												</div>
@@ -418,11 +424,13 @@ export const WebPreview = ( { className } ) => {
 														</div>
 
 														<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-3d2ed89" id="grid-item-title" data-block-id="3d2ed89">
-															<h3 className="stk-block-heading__text">{ __( 'Grid Item Title', i18n ) }</h3>
+															<h3 className="stk-block-heading__text">{ __( 'Support', i18n ) }</h3>
 														</div>
 
 														<div className="wp-block-stackable-text stk-block-text stk-block stk-ffddcf7" data-block-id="ffddcf7">
-															<p className="stk-block-text__text">{ LONG_TEXT[ 4 ] }</p>
+															<p className="stk-block-text__text">
+																{ __( 'Dedicated assistance and ongoing support for all your business needs.', i18n ) }
+															</p>
 														</div>
 													</div>
 												</div>
@@ -460,22 +468,24 @@ export const WebPreview = ( { className } ) => {
 							<div className="stk-column-wrapper stk-block-column__content stk-container stk-d99e48d-container stk--no-background stk--no-padding">
 								<div className="stk-block-content stk-inner-blocks stk-d99e48d-inner-blocks">
 									<div className="wp-block-stackable-subtitle stk-block-subtitle stk-block stk-9514e13" data-block-id="9514e13">
-										<p className="stk-block-subtitle__text stk-subtitle">{ __( 'Subtitle', i18n ) }</p>
+										<p className="stk-block-subtitle__text stk-subtitle">{ __( 'About Our Company', i18n ) }</p>
 									</div>
 
 									<div className="wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-505a24b" id="section-title" data-block-id="505a24b">
-										<h2 className="stk-block-heading__text">{ __( 'Section Title', i18n ) }</h2>
+										<h2 className="stk-block-heading__text">{ __( 'Committed to Your Success', i18n ) }</h2>
 									</div>
 
 									<div className="wp-block-stackable-text stk-block-text stk-block stk-36a0bf6" data-block-id="36a0bf6">
-										<p className="stk-block-text__text">{ LONG_TEXT[ 5 ] }</p>
+										<p className="stk-block-text__text">
+											{ __( 'Our experienced team delivers reliable solutions and outstanding results for businesses of all sizes and industries.', i18n ) }
+										</p>
 									</div>
 
 									<div className="wp-block-stackable-button-group stk-block-button-group stk-block stk-cdea3f4" data-block-id="cdea3f4">
 										<div className="stk-row stk-inner-blocks stk-block-content stk-button-group">
 											<div className="wp-block-stackable-button stk-block-button stk-block stk-96502ae" data-block-id="96502ae">
 												<a className="stk-link stk-button stk--hover-effect-darken" href="#" onClick={ e => e.preventDefault() }>
-													<span className="stk-button__inner-text">{ __( 'Learn More', i18n ) }</span>
+													<span className="stk-button__inner-text">{ __( 'Read More', i18n ) }</span>
 												</a>
 											</div>
 										</div>

From 03139ec6f20c1742b424be42389bcab5a99caa7a Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Thu, 11 Sep 2025 16:59:19 +0800
Subject: [PATCH 53/78] finalized design system tour

---
 src/components/guided-modal-tour/editor.scss  |  5 ++
 src/components/guided-modal-tour/index.js     | 71 +++++++++----------
 .../guided-modal-tour/tour-steps.js           | 21 +++++-
 3 files changed, 60 insertions(+), 37 deletions(-)

diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index d2b0e51442..a476d6b53a 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -72,14 +72,19 @@
 	}
 
 	.ugb-tour-modal__help {
+		position: relative;
 		background: #f4fbff;
 		padding: 8px 12px;
+		padding-inline-start: 30px;
 		border-radius: 8px;
 		border: 1px solid rgba(0, 0, 0, 0.1);
 		margin-block: 16px;
 		svg {
 			vertical-align: text-top;
 			margin-inline-end: 8px;
+			margin-top: 1px;
+			position: absolute;
+			inset-inline-start: 9px;
 		}
 	}
 
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index e987ebc737..c3564d3a47 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -153,6 +153,10 @@ const ModalTour = props => {
 
 		// If at the last step, just close
 		if ( currentStep === steps.length - 1 ) {
+			steps[ currentStep ]?.postStep?.( currentStep )
+			if ( hasConfetti ) {
+				throwConfetti()
+			}
 			onClose()
 			return
 		}
@@ -185,7 +189,7 @@ const ModalTour = props => {
 		setTimeout( () => {
 			setForceRefresh( forceRefresh => forceRefresh + 1 )
 		}, 650 )
-	}, [ currentStep, steps ] )
+	}, [ currentStep, steps, hasConfetti ] )
 
 	const handleBackEvent = useCallback( () => {
 		// Hide modal during transition
@@ -465,41 +469,7 @@ const ModalTour = props => {
 				{ showNext && (
 					<Button
 						variant="primary"
-						onClick={ () => {
-							if ( currentStep === steps.length - 1 ) {
-								if ( hasConfetti ) {
-									confetti( {
-										particleCount: 50,
-										angle: 60,
-										spread: 70,
-										origin: { x: 0 },
-										zIndex: 100000,
-										disableForReducedMotion: true,
-									} )
-									confetti( {
-										particleCount: 50,
-										angle: 120,
-										spread: 70,
-										origin: { x: 1 },
-										zIndex: 100000,
-										disableForReducedMotion: true,
-									} )
-									setTimeout( () => {
-										confetti( {
-											particleCount: 50,
-											angle: -90,
-											spread: 90,
-											origin: { y: -0.3 },
-											zIndex: 100000,
-											disableForReducedMotion: true,
-										} )
-									}, 150 )
-								}
-								onClose()
-							} else {
-								handleNextEvent()
-							}
-						} }
+						onClick={ handleNextEvent }
 					>
 						{ currentStep === steps.length - 1 ? (
 							__( 'Finish', i18n )
@@ -517,6 +487,35 @@ const ModalTour = props => {
 	)
 }
 
+const throwConfetti = () => {
+	confetti( {
+		particleCount: 50,
+		angle: 60,
+		spread: 70,
+		origin: { x: 0 },
+		zIndex: 100000,
+		disableForReducedMotion: true,
+	} )
+	confetti( {
+		particleCount: 50,
+		angle: 120,
+		spread: 70,
+		origin: { x: 1 },
+		zIndex: 100000,
+		disableForReducedMotion: true,
+	} )
+	setTimeout( () => {
+		confetti( {
+			particleCount: 50,
+			angle: -90,
+			spread: 90,
+			origin: { y: -0.3 },
+			zIndex: 100000,
+			disableForReducedMotion: true,
+		} )
+	}, 150 )
+}
+
 const Steps = props => {
 	const {
 		numSteps = 3,
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 62dfe929ca..54c42d876f 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -144,6 +144,14 @@ export const TOUR_STEPS = {
 					if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
 						document.querySelector( '.ugb-global-typography__panel .components-panel__body-title' )?.click()
 					}
+					const el = document.querySelector( '.ugb-global-settings-font-pair__container' )
+					if ( el ) {
+						// Scroll this to the top.
+						el.scrollTo( {
+							top: 0,
+							behavior: 'instant',
+						} )
+					}
 				},
 			},
 			{
@@ -166,7 +174,7 @@ export const TOUR_STEPS = {
 			},
 			{
 				title: __( 'Share Your Style Guide', i18n ),
-				description: __( 'Lastly, you can easily share your design system with others by exporting your Style Guide as an image. This is perfect for sharing with clients, teammates, or for documentation.', i18n ),
+				description: __( 'You can easily share your design system with others by exporting your Style Guide as an image. This is perfect for sharing with clients, teammates, or for documentation.', i18n ),
 				anchor: '.ugb-style-guide__print-button',
 				position: 'bottom',
 				glowTarget: '.ugb-style-guide__print-button',
@@ -181,6 +189,17 @@ export const TOUR_STEPS = {
 					}
 				},
 			},
+			{
+				title: __( 'You Did It!', i18n ),
+				description: __( 'That\'s it for the tour! Click the X to close the Style Guide. Your new styles are now live on your site. 🎉', i18n ),
+				anchor: '.ugb-style-guide-popover__close-button',
+				position: 'bottom',
+				glowTarget: '.ugb-style-guide-popover__close-button',
+				nextEventTarget: '.ugb-style-guide-popover__close-button',
+				postStep: () => {
+					document.querySelector( '.ugb-style-guide-popover__close-button' )?.click()
+				},
+			},
 		],
 	},
 	'design-library': {

From 7d0dfb85a9de312086a9cabc59702a983d774260 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Fri, 12 Sep 2025 15:00:51 +0800
Subject: [PATCH 54/78] refactored tours, added block tour

---
 src/block-components/alignment/edit.js        |   1 +
 src/block-components/block-div/edit.js        |   1 +
 .../guided-modal-tour/editor-block-tour.js    |  11 +
 src/components/guided-modal-tour/editor.scss  |  11 +
 src/components/guided-modal-tour/index.js     |  22 +-
 .../guided-modal-tour/tour-steps.js           | 298 +-----------------
 .../guided-modal-tour/tours/README.md         | 159 ++++++++++
 .../guided-modal-tour/tours/blocks.js         | 285 +++++++++++++++++
 .../guided-modal-tour/tours/design-library.js |  73 +++++
 .../tours/design-system-picker.js             |  15 +
 .../guided-modal-tour/tours/design-system.js  | 137 ++++++++
 .../guided-modal-tour/tours/editor.js         |  26 ++
 .../guided-modal-tour/tours/index.js          |  34 ++
 .../guided-modal-tour/tours/site-kit.js       |  15 +
 src/welcome/getting-started.js                |  24 ++
 15 files changed, 813 insertions(+), 299 deletions(-)
 create mode 100644 src/components/guided-modal-tour/editor-block-tour.js
 create mode 100644 src/components/guided-modal-tour/tours/README.md
 create mode 100644 src/components/guided-modal-tour/tours/blocks.js
 create mode 100644 src/components/guided-modal-tour/tours/design-library.js
 create mode 100644 src/components/guided-modal-tour/tours/design-system-picker.js
 create mode 100644 src/components/guided-modal-tour/tours/design-system.js
 create mode 100644 src/components/guided-modal-tour/tours/editor.js
 create mode 100644 src/components/guided-modal-tour/tours/index.js
 create mode 100644 src/components/guided-modal-tour/tours/site-kit.js

diff --git a/src/block-components/alignment/edit.js b/src/block-components/alignment/edit.js
index f14abd06da..33a4c87690 100644
--- a/src/block-components/alignment/edit.js
+++ b/src/block-components/alignment/edit.js
@@ -201,6 +201,7 @@ export const Edit = memo( props => {
 							selector: ', .stk-block-columns:has( > .stk-inner-blocks > * > * > [data-type="stackable/column"] > * > .stk-%s)',
 							highlight: 'outline-second-offset',
 						} }
+						className="ugb-column-align-control"
 					/>
 				}
 				{ props.hasRowAlignment &&
diff --git a/src/block-components/block-div/edit.js b/src/block-components/block-div/edit.js
index 40c4c1cca9..0c87b233bc 100644
--- a/src/block-components/block-div/edit.js
+++ b/src/block-components/block-div/edit.js
@@ -90,6 +90,7 @@ export const Edit = memo( props => {
 					checked={ hasBackground }
 					onChange={ hasBackground => setAttributes( { hasBackground } ) }
 					initialOpen={ initialOpen === 'background' }
+					className="ugb-block-background-panel"
 				>
 					<AdvancedSelectControl
 						label={ __( 'Color Scheme', i18n ) }
diff --git a/src/components/guided-modal-tour/editor-block-tour.js b/src/components/guided-modal-tour/editor-block-tour.js
new file mode 100644
index 0000000000..7e2637d650
--- /dev/null
+++ b/src/components/guided-modal-tour/editor-block-tour.js
@@ -0,0 +1,11 @@
+
+import { registerPlugin } from '@wordpress/plugins'
+import GuidedModalTour from './index'
+
+const EditorBlockTour = () => {
+	return <GuidedModalTour tourId="blocks" />
+}
+
+registerPlugin( 'stackable-editor-block-tour', {
+	render: EditorBlockTour,
+} )
diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index a476d6b53a..c53b37bfc8 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -45,6 +45,10 @@
 		transform: scale(1);
 	}
 
+	.components-modal__header-heading {
+		line-height: 1.2;
+	}
+
 	.components-button {
 		border-radius: 4px;
 	}
@@ -123,6 +127,13 @@
 			}
 		}
 	}
+	&.ugb-tour-modal--left-top {
+		.components-modal__content {
+			&::after {
+				top: 30px;
+			}
+		}
+	}
 	&.ugb-tour-modal--top {
 		.components-modal__content {
 			box-shadow: rgba(0, 0, 0, 0.2) 0px 22px 60px -4px;
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index c3564d3a47..d223ffdc8f 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -2,6 +2,7 @@
  * Internal dependencies
  */
 import { TOUR_STEPS } from './tour-steps'
+import './editor-block-tour'
 
 /**
  * External dependencies
@@ -46,6 +47,7 @@ const GuidedModalTour = props => {
 		steps = [],
 		condition = null,
 		hasConfetti = true,
+		initialize = NOOP,
 	} = TOUR_STEPS[ tourId ]
 
 	if ( justCompleted ) {
@@ -72,6 +74,7 @@ const GuidedModalTour = props => {
 	return <ModalTour
 		steps={ steps }
 		hasConfetti={ hasConfetti }
+		initialize={ initialize }
 		onClose={ () => {
 			setIsDone( true )
 			setJustCompleted( true )
@@ -99,6 +102,7 @@ const ModalTour = props => {
 		steps,
 		onClose = NOOP,
 		hasConfetti = true,
+		initialize = NOOP,
 	} = props
 
 	const [ currentStep, setCurrentStep ] = useState( 0 )
@@ -132,6 +136,12 @@ const ModalTour = props => {
 		skipIf = NOOP, // If provided, this is a function to check if the step should be skipped.
 	} = steps[ currentStep ]
 
+	useEffect( () => {
+		setTimeout( () => {
+			initialize()
+		}, 50 )
+	}, [ initialize ] )
+
 	// While the modal is visible, just keep on force refreshing the modal in an interval to make sure the modal is always in the correct position.
 	useEffect( () => {
 		let interval
@@ -418,10 +428,14 @@ const ModalTour = props => {
 			shouldCloseOnClickOutside={ false }
 			size={ size }
 			// onRequestClose={ onClose } // Do not use onRequestClose, it will cause the tour finish
-			className={ classNames( 'ugb-tour-modal', `ugb-tour-modal--${ position.replace( /-.*$/, '' ) }`, {
-				'ugb-tour-modal--visible': isVisible,
-				'ugb-tour-modal--visible-delayed': isVisibleDelayed,
-			} ) }
+			className={ classNames(
+				'ugb-tour-modal',
+				`ugb-tour-modal--${ position.replace( /-.*$/, '' ) }`,
+				`ugb-tour-modal--${ position }`,
+				{
+					'ugb-tour-modal--visible': isVisible,
+					'ugb-tour-modal--visible-delayed': isVisibleDelayed,
+				} ) }
 			ref={ modalRef }
 		>
 			<style>
diff --git a/src/components/guided-modal-tour/tour-steps.js b/src/components/guided-modal-tour/tour-steps.js
index 54c42d876f..bb5acc8516 100644
--- a/src/components/guided-modal-tour/tour-steps.js
+++ b/src/components/guided-modal-tour/tour-steps.js
@@ -1,298 +1,6 @@
-import { __ } from '@wordpress/i18n'
-import { i18n } from 'stackable'
-import { createInterpolateElement } from '@wordpress/element'
-
-/**
- * Guided Modal Tour Step Properties Documentation
- *
- * Tour-level properties (per tour object, not per step):
- *
- * - steps (array): The array of step objects as described above.
- * - hasConfetti (boolean): If true, confetti is shown on the last step. Default is true.
- * - condition (function): A function that returns true, false, or null to control if/when the tour is shown. null will show the tour only once.
- *
- * Each step in a tour is an object with the following possible properties:
- *
- * - title (string): The title text displayed at the top of the modal.
- * - description (string|ReactNode): The main content or instructions for the step.
- * - help (string|ReactNode): If provided, a help text will be shown below the description.
- * - size (string): The size of the modal. Can be 'small', 'medium', or 'large'. Default is 'small'.
- * - anchor (string): A CSS selector for the element to which the modal should be anchored. If not provided, modal is centered.
- * - position (string): The position of the modal relative to the anchor. Can be 'left', 'right', 'top', 'bottom', or 'center'. Default is 'center'.
- * - offsetX (number): X-axis offset in pixels for fine-tuning the modal's position relative to the anchor.
- * - offsetY (number): Y-axis offset in pixels for fine-tuning the modal's position relative to the anchor.
- * - ctaLabel (string): If provided, a call-to-action button will be shown with this label.
- * - ctaOnClick (function): Function to call when the CTA button is clicked. The tour will move to the next step after this is called.
- * - showNext (boolean): If true, a "Next" button is shown. Default is true.
- * - nextEventTarget (string): A CSS selector for an element. If provided, the tour will wait for the specified event on this element before moving to the next step.
- * - nextEvent (string): The event name to listen for on nextEventTarget (e.g., 'click'). Default is 'click'.
- * - glowTarget (string): A CSS selector for an element to highlight/glow during this step.
- *
- * Example:
- * {
- *   title: 'Welcome',
- *   description: 'This is the first step.',
- *   size: 'medium',
- *   anchor: '.my-element',
- *   position: 'bottom',
- *   offsetX: 10,
- *   offsetY: 0,
- *   ctaLabel: 'Get Started',
- *   ctaOnClick: () => { ... },
- *   showNext: false,
- *   nextEventTarget: '.my-button',
- *   nextEvent: 'click',
- *   glowTarget: '.my-element',
- * }
- */
+// Import all tour files from the tours directory
+import { tours } from './tours/index.js'
 
 export const TOUR_STEPS = {
-	editor: {
-		hasConfetti: false,
-		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// Do not show the tour if there is a GET parameter that shows another tour.
-			return window?.location?.search?.includes( 'tour=' ) ? false : null
-		},
-		steps: [
-			{
-				title: '👋 ' + __( 'Welcome to Stackable', i18n ),
-				description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library.', i18n ),
-				help: createInterpolateElement( __( 'Click the <strong>Design Library</strong> button to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				// size: 'medium',
-				anchor: '.ugb-insert-library-button',
-				position: 'bottom',
-				nextEventTarget: '.ugb-insert-library-button',
-				glowTarget: '.ugb-insert-library-button',
-				showNext: false,
-			},
-		],
-	},
-	'design-system': {
-		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// Force show the tour if there is a GET parameter tour=design-system
-			return window?.location?.search?.includes( 'tour=design-system' ) ? true : null
-		},
-		steps: [
-			{
-				title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
-				description: __( 'Design once, apply everywhere! Set global styles so every block across your site looks and feels unified.', i18n ),
-				size: 'medium',
-				anchor: '.interface-interface-skeleton__sidebar',
-				position: 'left-top',
-				// glowTarget: '.interface-interface-skeleton__sidebar',
-			},
-			{
-				title: __( 'Use The Style Guide', i18n ),
-				description: __( 'You can use the Style Guide to see how your complete design system looks.', i18n ),
-				help: createInterpolateElement( __( 'Click the <strong>Preview Design System</strong> button to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				anchor: '.ugb-global-settings__preview-button',
-				position: 'left',
-				nextEventTarget: '.ugb-global-settings__preview-button',
-				glowTarget: '.ugb-global-settings__preview-button',
-				postStep: () => {
-					// Open the style guide if it's not open.
-					if ( ! document.querySelector( '.ugb-style-guide-popover' ) ) {
-						document.querySelector( '.ugb-global-settings__preview-button' )?.click()
-					}
-				},
-			},
-			{
-				title: __( 'This is Your Style Guide', i18n ),
-				description: __( 'This Style Guide shows a live preview of your entire design system showing how the different design elements look. This updates based on your current settings.', i18n ),
-				help: __( 'Scroll down to explore', i18n ),
-				size: 'medium',
-				anchor: '.ugb-style-guide-popover > .components-popover__content',
-				position: 'center',
-				// glowTarget: '.interface-interface-skeleton__sidebar',
-			},
-			{
-				title: __( 'Customize Your Design System', i18n ),
-				description: __( 'These settings are applied to all blocks across your entire site. They are used as defaults for your blocks, but you can override them on a per block basis.', i18n ),
-				help: createInterpolateElement( __( 'Open the <strong>Global Typography</strong> panel to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				anchor: '.ugb-global-typography__panel .components-panel__body-title',
-				position: 'left',
-				glowTarget: '.ugb-global-typography__panel .components-panel__body-toggle',
-				nextEventTarget: '.ugb-global-typography__panel .components-panel__body-toggle',
-				skipIf: () => {
-					return document.querySelector( '.ugb-global-typography__panel' )?.classList.contains( 'is-opened' )
-				},
-				postStep: () => {
-					// Open the typography panel if it's not open.
-					if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
-						document.querySelector( '.ugb-global-typography__panel .components-panel__body-toggle' )?.click()
-					}
-				},
-			},
-			{
-				title: __( 'Try Changing Your Font Pair', i18n ),
-				description: __( 'Try changing the font pair to see how it looks in the Style Guide.', i18n ),
-				help: createInterpolateElement( __( 'Pick another <strong>Preset Font Pair</strong> to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				anchor: '.ugb-global-settings-font-pair-control:not(.ugb-global-settings-font-pair__selected)',
-				position: 'left',
-				glowTarget: '.ugb-global-settings-font-pair-control:not(.ugb-global-settings-font-pair__selected)',
-				nextEventTarget: '.ugb-global-settings-font-pair__container [role="button"]',
-				preStep: () => {
-					// Make sure that the typography panel is open.
-					if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
-						document.querySelector( '.ugb-global-typography__panel .components-panel__body-title' )?.click()
-					}
-					const el = document.querySelector( '.ugb-global-settings-font-pair__container' )
-					if ( el ) {
-						// Scroll this to the top.
-						el.scrollTo( {
-							top: 0,
-							behavior: 'instant',
-						} )
-					}
-				},
-			},
-			{
-				title: __( 'Whoa! Your Site Updated', i18n ),
-				description: __( 'Did you see that? Your site has been updated with the new font pair. You can see the changes in the Style Guide as well!', i18n ),
-				help: __( 'Other parts below the style guide also updated!', i18n ),
-				anchor: '.ugb-style-guide__color-container',
-				position: 'top',
-				glowTarget: '.ugb-style-guide__color-container',
-				preStep: () => {
-					const el = document.querySelector( '.ugb-style-guide-popover > .components-popover__content' )
-					// Scroll this to the top.
-					if ( el ) {
-						el.scrollTo( {
-							top: 0,
-							behavior: 'smooth',
-						} )
-					}
-				},
-			},
-			{
-				title: __( 'Share Your Style Guide', i18n ),
-				description: __( 'You can easily share your design system with others by exporting your Style Guide as an image. This is perfect for sharing with clients, teammates, or for documentation.', i18n ),
-				anchor: '.ugb-style-guide__print-button',
-				position: 'bottom',
-				glowTarget: '.ugb-style-guide__print-button',
-				preStep: () => {
-					const el = document.querySelector( '.ugb-style-guide-popover > .components-popover__content' )
-					// Scroll this to the top.
-					if ( el ) {
-						el.scrollTo( {
-							top: 0,
-							behavior: 'smooth',
-						} )
-					}
-				},
-			},
-			{
-				title: __( 'You Did It!', i18n ),
-				description: __( 'That\'s it for the tour! Click the X to close the Style Guide. Your new styles are now live on your site. 🎉', i18n ),
-				anchor: '.ugb-style-guide-popover__close-button',
-				position: 'bottom',
-				glowTarget: '.ugb-style-guide-popover__close-button',
-				nextEventTarget: '.ugb-style-guide-popover__close-button',
-				postStep: () => {
-					document.querySelector( '.ugb-style-guide-popover__close-button' )?.click()
-				},
-			},
-		],
-	},
-	'design-library': {
-		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// Force show the tour if there is a GET parameter tour=design-library
-			return window?.location?.search?.includes( 'tour=design-library' ) ? true : null
-		},
-		steps: [
-			{
-				title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
-				description: __( 'These are hundreds ofpre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
-				help: createInterpolateElement( __( 'Pick one of the <strong>designs</strong> to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				size: 'medium',
-				nextEventTarget: '.ugb-design-library-item',
-				offsetX: '-400px',
-			},
-			{
-				title: __( 'Pick Styling Options', i18n ),
-				description: __( 'Optionally, you can turn on backgrounds, change color schemes, to customize the library in real-time.', i18n ),
-				help: createInterpolateElement( __( 'Toggle the <strong>Section Background</strong> to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				anchor: '.ugb-modal-design-library__enable-background',
-				position: 'right',
-				nextEventTarget: '.ugb-modal-design-library__enable-background',
-				glowTarget: '.ugb-modal-design-library__enable-background',
-				postStep: () => {
-					const el = document.querySelector( '.ugb-modal-design-library__enable-background input' )
-					// If the input is not checked, click the button.
-					if ( ! el.checked ) {
-						el.click()
-					}
-				},
-			},
-			{
-				title: __( 'Change Color Schemes', i18n ),
-				description: __( 'Awesome! Your designs now have a background. Try out the available color schemes below. You can also create your own later!', i18n ),
-				help: createInterpolateElement( __( 'Pick a <strong>Color Scheme</strong> to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				anchor: '.ugb-design-library__color-scheme-popover',
-				position: 'top',
-				nextEventTarget: '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme',
-				glowTarget: '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type',
-				preStep: () => {
-					// Let's make sure the background scheme is open.
-					if ( ! document.querySelector( '.ugb-design-library__color-scheme-popover' ) ) {
-						document.querySelector( '.ugb-modal-design-library__background-scheme .ugb-modal-design-library__stk-color-scheme' )?.click()
-					}
-				},
-				postStep: () => {
-					document.querySelector( '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type' )?.click()
-					document.querySelector( '.ugb-modal-design-library__color-scheme-close-button' )?.click()
-				},
-			},
-			{
-				title: __( 'Patterns and Full-Pages', i18n ),
-				description: __( 'Great! Your entire library is now styled. Aside from patterns, there are also full-page layouts in the library.', i18n ),
-				help: createInterpolateElement( __( 'Click the <strong>Pages</strong> tab to continue.', i18n ), {
-					strong: <strong />,
-				} ),
-				// TODO: Change these when we have the pages tab already.
-				anchor: '.ugb-modal-design-library .components-modal__header',
-				position: 'bottom',
-				nextEventTarget: '.ugb-modal-design-library .components-modal__header',
-				glowTarget: '.ugb-modal-design-library .components-modal__header',
-			},
-		],
-	},
-	'site-kit': {
-		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// Force show the tour if there is a GET parameter tour=site-kit
-			return window?.location?.search?.includes( 'tour=site-kit' ) ? true : null
-		},
-		steps: [
-			{
-				title: '👋 ' + __( 'Welcome to Site Kits', i18n ),
-				description: '', // Not yet available.
-			},
-		],
-	},
-	'design-system-picker': {
-		condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
-			// Force show the tour if there is a GET parameter tour=design-system-picker
-			return window?.location?.search?.includes( 'tour=design-system-picker' ) ? true : null
-		},
-		steps: [
-			{
-				title: '👋 ' + __( 'Welcome to The Design System Picker', i18n ),
-				description: '', // Not yet available.
-			},
-		],
-	},
+	...tours,
 }
diff --git a/src/components/guided-modal-tour/tours/README.md b/src/components/guided-modal-tour/tours/README.md
new file mode 100644
index 0000000000..eda38d8ae2
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/README.md
@@ -0,0 +1,159 @@
+# Guided Modal Tour Documentation
+
+This directory contains individual tour configurations for the Stackable guided modal tour system. Each tour is defined in its own JavaScript file and automatically imported into the main tour system.
+
+## How It Works
+
+The tour system uses `require.context()` to automatically discover and import all `.js` files in this directory. Each tour's ID (`tourId`) is derived from its filename in kebab-case (e.g., `design-library.js` becomes `design-library`). Each tour file should export a named export corresponding to the tour's purpose.
+
+## Tour Structure
+
+Each tour file should export an object with the following structure:
+
+```javascript
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+import { createInterpolateElement } from '@wordpress/element'
+
+export const tourName = {
+  // Tour-level properties
+  hasConfetti: false,
+  condition: () => { /* condition logic */ },
+  initialize: () => { /* optional initialization */ },
+  steps: [
+    // Array of step objects
+  ]
+}
+```
+
+## Tour-Level Properties
+
+### `steps` (array)
+The array of step objects that define the tour flow.
+
+### `hasConfetti` (boolean)
+If `true`, confetti is shown on the last step. Default is `true`.
+
+### `condition` (function)
+A function that returns:
+- `true` - Show the tour (even if it's already been completed)
+- `false` - Do not show the tour
+- `null` - Show the tour only once (default behavior)
+
+### `initialize` (function, optional)
+A function called when the tour starts. Useful for setting up initial state or content.
+
+## Step Properties
+
+Each step in a tour is an object with the following possible properties:
+
+### `title` (string)
+The title text displayed at the top of the modal.
+
+### `description` (string|ReactNode)
+The main content or instructions for the step.
+
+### `help` (string|ReactNode, optional)
+If provided, a help text will be shown below the description.
+
+### `size` (string, optional)
+The size of the modal. Can be:
+- `'small'` (default)
+- `'medium'`
+- `'large'`
+
+### `anchor` (string, optional)
+A CSS selector for the element to which the modal should be anchored. If not provided, modal is centered.
+
+### `position` (string, optional)
+The position of the modal relative to the anchor. Can be:
+- `'left'`
+- `'right'`
+- `'top'`
+- `'bottom'`
+- `'center'` (default)
+
+### `offsetX` (number, optional)
+X-axis offset in pixels for fine-tuning the modal's position relative to the anchor.
+
+### `offsetY` (number, optional)
+Y-axis offset in pixels for fine-tuning the modal's position relative to the anchor.
+
+### `ctaLabel` (string, optional)
+If provided, a call-to-action button will be shown with this label.
+
+### `ctaOnClick` (function, optional)
+Function to call when the CTA button is clicked. The tour will move to the next step after this is called.
+
+### `showNext` (boolean, optional)
+If `true`, a "Next" button is shown. Default is `true`.
+
+### `nextEventTarget` (string, optional)
+A CSS selector for an element. If provided, the tour will wait for the specified event on this element before moving to the next step.
+
+### `nextEvent` (string, optional)
+The event name to listen for on `nextEventTarget` (e.g., 'click'). Default is 'click'.
+
+### `glowTarget` (string, optional)
+A CSS selector for an element to highlight/glow during this step.
+
+### `preStep` (function, optional)
+Function called before the step is displayed. Useful for setup or preparation.
+
+### `postStep` (function, optional)
+Function called after the step is completed. Useful for cleanup or triggering actions.
+
+### `skipIf` (function, optional)
+Function that returns `true` if this step should be skipped. Useful for conditional steps.
+
+## Example Tour
+
+```javascript
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+import { createInterpolateElement } from '@wordpress/element'
+
+export const exampleTour = {
+  hasConfetti: false,
+  condition: () => {
+    // Only show if there's a specific URL parameter
+    return window?.location?.search?.includes('tour=example') ? true : null
+  },
+  steps: [
+    {
+      title: 'Welcome',
+      description: 'This is the first step.',
+      size: 'medium',
+      anchor: '.my-element',
+      position: 'bottom',
+      offsetX: 10,
+      offsetY: 0,
+      ctaLabel: 'Get Started',
+      ctaOnClick: () => { console.log('CTA clicked!') },
+      showNext: false,
+      nextEventTarget: '.my-button',
+      nextEvent: 'click',
+      glowTarget: '.my-element',
+    },
+    {
+      title: 'Second Step',
+      description: 'This is the second step.',
+      help: createInterpolateElement(
+        'Click the <strong>Continue</strong> button to proceed.',
+        { strong: <strong /> }
+      ),
+      anchor: '.another-element',
+      position: 'right',
+      nextEventTarget: '.continue-button',
+      glowTarget: '.another-element',
+    }
+  ]
+}
+```
+
+## Creating New Tours
+
+1. Create a new `.js` file in this directory
+2. Import the necessary dependencies (`__`, `i18n`, `createInterpolateElement`)
+3. Export a named export with your tour configuration
+4. The tour will be automatically discovered and included in the tour system
diff --git a/src/components/guided-modal-tour/tours/blocks.js b/src/components/guided-modal-tour/tours/blocks.js
new file mode 100644
index 0000000000..2defb78d63
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/blocks.js
@@ -0,0 +1,285 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+import { dispatch, select } from '@wordpress/data'
+import { createInterpolateElement } from '@wordpress/element'
+
+export const blocks = {
+	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+		// Force show the tour if there is a GET parameter tour=blocks
+		return window?.location?.search?.includes( 'tour=blocks' ) ? true : null
+	},
+	initialize: () => {
+		// Add some default content that we will select
+
+		const blockObject = wp.blocks.createBlock(
+			'stackable/columns',
+			{
+				uniqueId: '1dbe04e',
+				blockMargin: { bottom: '' },
+				align: 'full',
+			},
+			[
+				wp.blocks.createBlock(
+					'stackable/column',
+					{
+						uniqueId: 'f957abc',
+						hasContainer: true,
+						columnSpacing: {
+							top: '', right: '', bottom: '', left: '',
+						},
+					},
+					[
+						wp.blocks.createBlock(
+							'stackable/heading',
+							{
+								uniqueId: 'a8ebea7',
+								// Retain our text
+								text: 'Explore the World with Us',
+								textTag: 'h2',
+							}
+						),
+						wp.blocks.createBlock(
+							'stackable/text',
+							{
+								uniqueId: '57e76a1',
+								// Retain our text
+								text: 'Discover breathtaking destinations, plan your next adventure, and make unforgettable memories with our travel guides and tips.',
+							}
+						),
+						wp.blocks.createBlock(
+							'stackable/button-group',
+							{ uniqueId: 'e063798' },
+							[
+								wp.blocks.createBlock(
+									'stackable/button',
+									{
+										uniqueId: '5d04ca8',
+										// Retain our text
+										text: 'Start your journey',
+										url: '',
+									}
+								),
+							]
+						),
+					]
+				),
+				wp.blocks.createBlock(
+					'stackable/column',
+					{
+						uniqueId: '3dcffca',
+						hasContainer: true,
+						containerBackgroundMediaExternalUrl: 'https://picsum.photos/id/177/500/700.jpg',
+						containerHeight: '500',
+					},
+					[]
+				),
+			]
+		)
+
+		// Delete all blocks
+		const allBlocks = select( 'core/block-editor' ).getBlocks()
+		dispatch( 'core/block-editor' ).removeBlocks( allBlocks.map( block => block.clientId ) )
+
+		// Insert our block
+		dispatch( 'core/block-editor' ).insertBlocks( [ blockObject ], 0 )
+
+		// Select the inner columns block for the tour
+		dispatch( 'core/block-editor' ).selectBlock( blockObject.innerBlocks[ 0 ].clientId )
+	},
+	steps: [
+		{
+			title: '👋 ' + __( 'Welcome to Your Stackable Blocks', i18n ),
+			description: __( 'I\'ve added some Stackable blocks for you. This inspector is contains all the settings for this block, let\'s explore it!', i18n ),
+			help: createInterpolateElement( __( 'If you\'re familiar with <strong>page builders</strong>, then you\'ll feel right at home.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb--has-panel-tabs',
+			position: 'left',
+			glowTarget: '.ugb--has-panel-tabs',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+			},
+		},
+		{
+			title: __( 'The Layout Tab', i18n ),
+			description: __( 'Stackable blocks usually have 3 tabs, each with different settings. The Layout Tab contains layout-related options like flex controls, spacing and margins.', i18n ),
+			help: createInterpolateElement( __( 'Open the <strong>Layout Tab</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.edit-post-sidebar__panel-tab.ugb-tab--layout',
+			position: 'left',
+			glowTarget: '.edit-post-sidebar__panel-tab.ugb-tab--layout',
+			nextEventTarget: '.edit-post-sidebar__panel-tab.ugb-tab--layout',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+
+				// Make sure the Inner Column is selected.
+				const block = select( 'core/block-editor' ).getSelectedBlock()
+				if ( block?.name !== 'stackable/column' ) {
+					// Look for the first "stackable/columns" block
+					const allBlocks = select( 'core/block-editor' ).getBlocks()
+					const columnsBlock = allBlocks.find( block => block.name === 'stackable/columns' )
+					if ( columnsBlock ) {
+						dispatch( 'core/block-editor' ).selectBlock( columnsBlock.innerBlocks[ 0 ].clientId )
+					}
+				}
+
+				setTimeout( () => {
+					// Click the tab
+					document.querySelector( '.edit-post-sidebar__panel-tab.ugb-tab--layout:not(.is-active)' )?.click()
+				}, 100 )
+			},
+		},
+		{
+			title: __( 'Try Changing Alignments', i18n ),
+			description: __( 'Let\'s try changing the Column Alignment to Center or End, and see how it affects our block.', i18n ),
+			help: createInterpolateElement( __( 'Pick <strong>Center or End</strong> Column Alignment to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-column-align-control',
+			position: 'left',
+			glowTarget: '.ugb-column-align-control',
+			nextEventTarget: '.ugb-column-align-control .stk-control-content button',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+
+				// Make sure the Inner Column is selected.
+				const block = select( 'core/block-editor' ).getSelectedBlock()
+				if ( block?.name !== 'stackable/column' ) {
+					// Look for the first "stackable/columns" block
+					const allBlocks = select( 'core/block-editor' ).getBlocks()
+					const columnsBlock = allBlocks.find( block => block.name === 'stackable/columns' )
+					if ( columnsBlock ) {
+						dispatch( 'core/block-editor' ).selectBlock( columnsBlock.innerBlocks[ 0 ].clientId )
+					}
+				}
+
+				setTimeout( () => {
+					// Click the tab
+					document.querySelector( '.edit-post-sidebar__panel-tab.ugb-tab--layout:not(.is-active)' )?.click()
+				}, 100 )
+
+				setTimeout( () => {
+					document.querySelector( '.ugb-panel--layout:not(.is-opened)' )?.click()
+				}, 150 )
+			},
+		},
+		{
+			title: __( 'The Style Tab', i18n ),
+			description: __( 'I\'ve selected the Columns block now, let\'s try to add a background to it. The Style Tab contains style-related options like backgrounds, color, borders and typography.', i18n ),
+			help: createInterpolateElement( __( 'Click the <strong>Style Tab</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.edit-post-sidebar__panel-tab.ugb-tab--style',
+			position: 'left',
+			glowTarget: '.edit-post-sidebar__panel-tab.ugb-tab--style',
+			nextEventTarget: '.edit-post-sidebar__panel-tab.ugb-tab--style',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+
+				// Look for the first "stackable/columns" block
+				const allBlocks = select( 'core/block-editor' ).getBlocks()
+				const columnsBlock = allBlocks.find( block => block.name === 'stackable/columns' )
+				if ( columnsBlock ) {
+					dispatch( 'core/block-editor' ).selectBlock( columnsBlock.clientId )
+				}
+			},
+			postStep: () => {
+				// Click the tab
+				document.querySelector( '.edit-post-sidebar__panel-tab.ugb-tab--style:not(.is-active)' )?.click()
+			},
+		},
+		{
+			title: __( 'Try Enabling Backgrounds', i18n ),
+			description: __( 'Let\'s try turning on the background for our section and see how it affects our block.', i18n ),
+			help: createInterpolateElement( __( 'Toggle ON the <strong>Background</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-block-background-panel .components-panel__body-title',
+			position: 'left',
+			glowTarget: '.ugb-block-background-panel .components-panel__body-title',
+			nextEventTarget: '.ugb-block-background-panel .components-panel__body-title input[type="checkbox"]',
+			nextEvent: 'mousedown',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+
+				// Look for the first "stackable/columns" block
+				const allBlocks = select( 'core/block-editor' ).getBlocks()
+				const columnsBlock = allBlocks.find( block => block.name === 'stackable/columns' )
+				if ( columnsBlock ) {
+					dispatch( 'core/block-editor' ).selectBlock( columnsBlock.clientId )
+				}
+
+				setTimeout( () => {
+					// Click the tab
+					document.querySelector( '.edit-post-sidebar__panel-tab.ugb-tab--style:not(.is-active)' )?.click()
+				}, 100 )
+			},
+			postStep: () => {
+				const checkbox = document.querySelector( '.ugb-block-background-panel .components-panel__body-title input[type="checkbox"]' )
+				if ( checkbox && ! checkbox.checked ) {
+					checkbox.click()
+				}
+			},
+		},
+		{
+			title: __( 'The Advanced Tab', i18n ),
+			description: __( 'Lastly, the Advanced Tab contains all other options like z-index, transforms, conditional display and class names.', i18n ),
+			help: createInterpolateElement( __( 'Click the <strong>Advanced Tab</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.edit-post-sidebar__panel-tab.ugb-tab--advanced',
+			position: 'left',
+			glowTarget: '.edit-post-sidebar__panel-tab.ugb-tab--advanced',
+			nextEventTarget: '.edit-post-sidebar__panel-tab.ugb-tab--advanced',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+
+				// Look for the first "stackable/columns" block
+				const allBlocks = select( 'core/block-editor' ).getBlocks()
+				const columnsBlock = allBlocks.find( block => block.name === 'stackable/columns' )
+				if ( columnsBlock ) {
+					dispatch( 'core/block-editor' ).selectBlock( columnsBlock.clientId )
+				}
+			},
+			postStep: () => {
+				// Click the tab
+				document.querySelector( '.edit-post-sidebar__panel-tab.ugb-tab--advanced:not(.is-active)' )?.click()
+			},
+		},
+		{
+			title: __( 'Consistent Options Everywhere', i18n ),
+			description: __( 'Once you get the hang of these settings, you\'ll spot them in almost every Stackable block. This makes it easy and familiar to build any design you want.', i18n ),
+			anchor: '.ugb--has-panel-tabs',
+			position: 'left',
+			preStep: () => {
+				// Open the inspector sidebar
+				dispatch( 'core/edit-post' ).openGeneralSidebar( 'edit-post/block' )
+
+				// Look for the first "stackable/columns" block
+				const allBlocks = select( 'core/block-editor' ).getBlocks()
+				const columnsBlock = allBlocks.find( block => block.name === 'stackable/columns' )
+				if ( columnsBlock ) {
+					dispatch( 'core/block-editor' ).selectBlock( columnsBlock.clientId )
+				}
+			},
+		},
+		{
+			title: __( 'One Last Thing…', i18n ),
+			description: createInterpolateElement( __( 'You can also check the <strong>Stackable Design System</strong> to globally style all blocks. This saves a ton of time!', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '[aria-controls="stackable-global-settings:sidebar"]',
+			position: 'left-top',
+			offsetY: '-30px',
+			offsetX: '-8px',
+			glowTarget: '[aria-controls="stackable-global-settings:sidebar"]',
+		},
+	],
+}
diff --git a/src/components/guided-modal-tour/tours/design-library.js b/src/components/guided-modal-tour/tours/design-library.js
new file mode 100644
index 0000000000..94d3f18479
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/design-library.js
@@ -0,0 +1,73 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+import { createInterpolateElement } from '@wordpress/element'
+
+export const designLibrary = {
+	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+		// Force show the tour if there is a GET parameter tour=design-library
+		return window?.location?.search?.includes( 'tour=design-library' ) ? true : null
+	},
+	steps: [
+		{
+			title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
+			description: __( 'These are hundreds ofpre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+			help: createInterpolateElement( __( 'Pick one of the <strong>designs</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			size: 'medium',
+			nextEventTarget: '.ugb-design-library-item',
+			offsetX: '-400px',
+		},
+		{
+			title: __( 'Pick Styling Options', i18n ),
+			description: __( 'Optionally, you can turn on backgrounds, change color schemes, to customize the library in real-time.', i18n ),
+			help: createInterpolateElement( __( 'Toggle the <strong>Section Background</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-modal-design-library__enable-background',
+			position: 'right',
+			nextEventTarget: '.ugb-modal-design-library__enable-background',
+			glowTarget: '.ugb-modal-design-library__enable-background',
+			postStep: () => {
+				const el = document.querySelector( '.ugb-modal-design-library__enable-background input' )
+				// If the input is not checked, click the button.
+				if ( ! el.checked ) {
+					el.click()
+				}
+			},
+		},
+		{
+			title: __( 'Change Color Schemes', i18n ),
+			description: __( 'Awesome! Your designs now have a background. Try out the available color schemes below. You can also create your own later!', i18n ),
+			help: createInterpolateElement( __( 'Pick a <strong>Color Scheme</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-design-library__color-scheme-popover',
+			position: 'top',
+			nextEventTarget: '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme',
+			glowTarget: '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type',
+			preStep: () => {
+				// Let's make sure the background scheme is open.
+				if ( ! document.querySelector( '.ugb-design-library__color-scheme-popover' ) ) {
+					document.querySelector( '.ugb-modal-design-library__background-scheme .ugb-modal-design-library__stk-color-scheme' )?.click()
+				}
+			},
+			postStep: () => {
+				document.querySelector( '.ugb-design-library__color-scheme-popover .ugb-modal-design-library__stk-color-scheme:last-of-type' )?.click()
+				document.querySelector( '.ugb-modal-design-library__color-scheme-close-button' )?.click()
+			},
+		},
+		{
+			title: __( 'Patterns and Full-Pages', i18n ),
+			description: __( 'Great! Your entire library is now styled. Aside from patterns, there are also full-page layouts in the library.', i18n ),
+			help: createInterpolateElement( __( 'Click the <strong>Pages</strong> tab to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			// TODO: Change these when we have the pages tab already.
+			anchor: '.ugb-modal-design-library .components-modal__header',
+			position: 'bottom',
+			nextEventTarget: '.ugb-modal-design-library .components-modal__header',
+			glowTarget: '.ugb-modal-design-library .components-modal__header',
+		},
+	],
+}
diff --git a/src/components/guided-modal-tour/tours/design-system-picker.js b/src/components/guided-modal-tour/tours/design-system-picker.js
new file mode 100644
index 0000000000..43e1746f95
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/design-system-picker.js
@@ -0,0 +1,15 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+
+export const designSystemPicker = {
+	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+		// Force show the tour if there is a GET parameter tour=design-system-picker
+		return window?.location?.search?.includes( 'tour=design-system-picker' ) ? true : null
+	},
+	steps: [
+		{
+			title: '👋 ' + __( 'Welcome to The Design System Picker', i18n ),
+			description: '', // Not yet available.
+		},
+	],
+}
diff --git a/src/components/guided-modal-tour/tours/design-system.js b/src/components/guided-modal-tour/tours/design-system.js
new file mode 100644
index 0000000000..1e82eae86e
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/design-system.js
@@ -0,0 +1,137 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+import { createInterpolateElement } from '@wordpress/element'
+
+export const designSystem = {
+	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+		// Force show the tour if there is a GET parameter tour=design-system
+		return window?.location?.search?.includes( 'tour=design-system' ) ? true : null
+	},
+	steps: [
+		{
+			title: '👋 ' + __( 'Welcome to Your Design System', i18n ),
+			description: __( 'Design once, apply everywhere! Set global styles so every block across your site looks and feels unified.', i18n ),
+			size: 'medium',
+			anchor: '.interface-interface-skeleton__sidebar',
+			position: 'left-top',
+			// glowTarget: '.interface-interface-skeleton__sidebar',
+		},
+		{
+			title: __( 'Use The Style Guide', i18n ),
+			description: __( 'You can use the Style Guide to see how your complete design system looks.', i18n ),
+			help: createInterpolateElement( __( 'Click the <strong>Preview Design System</strong> button to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-global-settings__preview-button',
+			position: 'left',
+			nextEventTarget: '.ugb-global-settings__preview-button',
+			glowTarget: '.ugb-global-settings__preview-button',
+			postStep: () => {
+				// Open the style guide if it's not open.
+				if ( ! document.querySelector( '.ugb-style-guide-popover' ) ) {
+					document.querySelector( '.ugb-global-settings__preview-button' )?.click()
+				}
+			},
+		},
+		{
+			title: __( 'This is Your Style Guide', i18n ),
+			description: __( 'This Style Guide shows a live preview of your entire design system showing how the different design elements look. This updates based on your current settings.', i18n ),
+			help: __( 'Scroll down to explore', i18n ),
+			size: 'medium',
+			anchor: '.ugb-style-guide-popover > .components-popover__content',
+			position: 'center',
+			// glowTarget: '.interface-interface-skeleton__sidebar',
+		},
+		{
+			title: __( 'Customize Your Design System', i18n ),
+			description: __( 'These settings are applied to all blocks across your entire site. They are used as defaults for your blocks, but you can override them on a per block basis.', i18n ),
+			help: createInterpolateElement( __( 'Open the <strong>Global Typography</strong> panel to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-global-typography__panel .components-panel__body-title',
+			position: 'left',
+			glowTarget: '.ugb-global-typography__panel .components-panel__body-toggle',
+			nextEventTarget: '.ugb-global-typography__panel .components-panel__body-toggle',
+			skipIf: () => {
+				return document.querySelector( '.ugb-global-typography__panel' )?.classList.contains( 'is-opened' )
+			},
+			postStep: () => {
+				// Open the typography panel if it's not open.
+				if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
+					document.querySelector( '.ugb-global-typography__panel .components-panel__body-toggle' )?.click()
+				}
+			},
+		},
+		{
+			title: __( 'Try Changing Your Font Pair', i18n ),
+			description: __( 'Try changing the font pair to see how it looks in the Style Guide.', i18n ),
+			help: createInterpolateElement( __( 'Pick another <strong>Preset Font Pair</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-global-settings-font-pair-control:not(.ugb-global-settings-font-pair__selected)',
+			position: 'left',
+			glowTarget: '.ugb-global-settings-font-pair-control:not(.ugb-global-settings-font-pair__selected)',
+			nextEventTarget: '.ugb-global-settings-font-pair__container [role="button"]',
+			preStep: () => {
+				// Make sure that the typography panel is open.
+				if ( document.querySelector( '.ugb-global-typography__panel:not(.is-opened)' ) ) {
+					document.querySelector( '.ugb-global-typography__panel .components-panel__body-title' )?.click()
+				}
+				const el = document.querySelector( '.ugb-global-settings-font-pair__container' )
+				if ( el ) {
+					// Scroll this to the top.
+					el.scrollTo( {
+						top: 0,
+						behavior: 'instant',
+					} )
+				}
+			},
+		},
+		{
+			title: __( 'Whoa! Your Site Updated', i18n ),
+			description: __( 'Did you see that? Your site has been updated with the new font pair. You can see the changes in the Style Guide as well!', i18n ),
+			help: __( 'Other parts below the style guide also updated!', i18n ),
+			anchor: '.ugb-style-guide__color-container',
+			position: 'top',
+			glowTarget: '.ugb-style-guide__color-container',
+			preStep: () => {
+				const el = document.querySelector( '.ugb-style-guide-popover > .components-popover__content' )
+				// Scroll this to the top.
+				if ( el ) {
+					el.scrollTo( {
+						top: 0,
+						behavior: 'smooth',
+					} )
+				}
+			},
+		},
+		{
+			title: __( 'Share Your Style Guide', i18n ),
+			description: __( 'You can easily share your design system with others by exporting your Style Guide as an image. This is perfect for sharing with clients, teammates, or for documentation.', i18n ),
+			anchor: '.ugb-style-guide__print-button',
+			position: 'bottom',
+			glowTarget: '.ugb-style-guide__print-button',
+			preStep: () => {
+				const el = document.querySelector( '.ugb-style-guide-popover > .components-popover__content' )
+				// Scroll this to the top.
+				if ( el ) {
+					el.scrollTo( {
+						top: 0,
+						behavior: 'smooth',
+					} )
+				}
+			},
+		},
+		{
+			title: __( 'You Did It!', i18n ),
+			description: __( 'That\'s it for the tour! Click the X to close the Style Guide. Your new styles are now live on your site. 🎉', i18n ),
+			anchor: '.ugb-style-guide-popover__close-button',
+			position: 'bottom',
+			glowTarget: '.ugb-style-guide-popover__close-button',
+			nextEventTarget: '.ugb-style-guide-popover__close-button',
+			postStep: () => {
+				document.querySelector( '.ugb-style-guide-popover__close-button' )?.click()
+			},
+		},
+	],
+}
diff --git a/src/components/guided-modal-tour/tours/editor.js b/src/components/guided-modal-tour/tours/editor.js
new file mode 100644
index 0000000000..512559f43f
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/editor.js
@@ -0,0 +1,26 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+import { createInterpolateElement } from '@wordpress/element'
+
+export const editor = {
+	hasConfetti: false,
+	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+		// Do not show the tour if there is a GET parameter that shows another tour.
+		return window?.location?.search?.includes( 'tour=' ) ? false : null
+	},
+	steps: [
+		{
+			title: '👋 ' + __( 'Welcome to Stackable', i18n ),
+			description: __( 'We\'re excited to have you here. Let\'s get you started by opening the Design Library.', i18n ),
+			help: createInterpolateElement( __( 'Click the <strong>Design Library</strong> button to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			// size: 'medium',
+			anchor: '.ugb-insert-library-button',
+			position: 'bottom',
+			nextEventTarget: '.ugb-insert-library-button',
+			glowTarget: '.ugb-insert-library-button',
+			showNext: false,
+		},
+	],
+}
diff --git a/src/components/guided-modal-tour/tours/index.js b/src/components/guided-modal-tour/tours/index.js
new file mode 100644
index 0000000000..e47c7ab697
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/index.js
@@ -0,0 +1,34 @@
+// This file automatically imports all tour files from the tours directory
+// and exports them as a single object for use in TOUR_STEPS
+
+// Dynamically import all tour files from the tours directory
+const tourContext = require.context( './', false, /\.js$/ )
+const tours = {}
+
+// Import all tour files and populate the tours object using the filename as the key
+tourContext.keys().forEach( fileName => {
+	// Skip this index.js file itself
+	if ( fileName === './index.js' ) {
+		return
+	}
+
+	// Import the tour module
+	const tourModule = tourContext( fileName )
+
+	// Use the filename (without extension) as the key
+	const tourName = fileName.replace( './', '' ).replace( '.js', '' )
+
+	// Prefer default export, fallback to first named export if available
+	if ( tourModule.default ) {
+		tours[ tourName ] = tourModule.default
+	} else {
+		// If no default export, use the first named export (if any)
+		const namedExports = Object.keys( tourModule ).filter( name => name !== 'default' )
+		if ( namedExports.length > 0 ) {
+			tours[ tourName ] = tourModule[ namedExports[ 0 ] ]
+		}
+	}
+} )
+
+// Export all tours as a single object
+export { tours }
diff --git a/src/components/guided-modal-tour/tours/site-kit.js b/src/components/guided-modal-tour/tours/site-kit.js
new file mode 100644
index 0000000000..93b10fdfcc
--- /dev/null
+++ b/src/components/guided-modal-tour/tours/site-kit.js
@@ -0,0 +1,15 @@
+import { __ } from '@wordpress/i18n'
+import { i18n } from 'stackable'
+
+export const siteKit = {
+	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
+		// Force show the tour if there is a GET parameter tour=site-kit
+		return window?.location?.search?.includes( 'tour=site-kit' ) ? true : null
+	},
+	steps: [
+		{
+			title: '👋 ' + __( 'Welcome to Site Kits', i18n ),
+			description: '', // Not yet available.
+		},
+	],
+}
diff --git a/src/welcome/getting-started.js b/src/welcome/getting-started.js
index cdceaf38c6..ff598abd6d 100644
--- a/src/welcome/getting-started.js
+++ b/src/welcome/getting-started.js
@@ -20,6 +20,7 @@ import {
 	styles as stylesIcon,
 	scheduled as scheduledIcon,
 	brush as brushIcon,
+	blockDefault as blockDefaultIcon,
 } from '@wordpress/icons'
 
 /**
@@ -150,6 +151,29 @@ export const GettingStarted = () => {
 						</div>
 					</div>
 
+					<div className="s-card">
+						<div className="s-quick-button-icon">
+							<Icon icon={ blockDefaultIcon } />
+						</div>
+						<div className="s-quick-button-description">
+							<h3>{ __( 'Stackable Block Settings', i18n ) }</h3>
+							<p>{ __( 'Learn how to use Stackable blocks and get more out of them.', i18n ) }</p>
+						</div>
+						<div className="s-quick-button-button">
+							<a
+								href={ `/wp-admin/post-new.php?post_type=page&content=${ __( 'Welcome to Stackable', i18n ) }&tour=blocks` }
+								className={ classNames( 's-button s-secondary-button uppercase', {
+									's-button--checked': guidedTourStates?.includes( 'blocks' ),
+								} ) }
+							>
+								<span className="s-quick-button-toggle-indicator">
+									<SVGCheck />
+								</span>
+								{ __( 'Use Blocks', i18n ) }
+							</a>
+						</div>
+					</div>
+
 					<div className="s-card">
 						<div className="s-quick-button-icon">
 							<Icon icon={ stylesIcon } />

From b0000ebbc58bf5ac8ca013507aadce8ee2c8c4d0 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Fri, 12 Sep 2025 18:00:05 +0800
Subject: [PATCH 55/78] make sure patterns is selected

---
 src/components/guided-modal-tour/tours/design-library.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/guided-modal-tour/tours/design-library.js b/src/components/guided-modal-tour/tours/design-library.js
index 94d3f18479..ee645eece8 100644
--- a/src/components/guided-modal-tour/tours/design-library.js
+++ b/src/components/guided-modal-tour/tours/design-library.js
@@ -7,6 +7,10 @@ export const designLibrary = {
 		// Force show the tour if there is a GET parameter tour=design-library
 		return window?.location?.search?.includes( 'tour=design-library' ) ? true : null
 	},
+	initialize: () => {
+		// Make sure the patterns tab is selected
+		document.querySelector( '.ugb-modal-design-library button[value="patterns"]:not(.is-primary)' )?.click()
+	},
 	steps: [
 		{
 			title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),

From 3330c34539550faa3140847368d0fada8778668c Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Fri, 12 Sep 2025 18:34:21 +0800
Subject: [PATCH 56/78] finalized design library

---
 src/components/guided-modal-tour/editor.scss  |  8 +++
 src/components/guided-modal-tour/index.js     | 10 ++--
 .../guided-modal-tour/tours/design-library.js | 60 +++++++++++++++++--
 3 files changed, 67 insertions(+), 11 deletions(-)

diff --git a/src/components/guided-modal-tour/editor.scss b/src/components/guided-modal-tour/editor.scss
index c53b37bfc8..1bbde732e9 100644
--- a/src/components/guided-modal-tour/editor.scss
+++ b/src/components/guided-modal-tour/editor.scss
@@ -145,6 +145,14 @@
 			}
 		}
 	}
+	&.ugb-tour-modal--top-right {
+		.components-modal__content {
+			&::after {
+				left: auto;
+				right: 16px;
+			}
+		}
+	}
 	&.ugb-tour-modal--bottom {
 		.components-modal__content {
 			box-shadow: rgba(0, 0, 0, 0.2) 0px -22px 60px -4px;
diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index d223ffdc8f..0babff60b2 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -261,7 +261,7 @@ const ModalTour = props => {
 		let clickListener = null
 
 		if ( nextEventTarget ) {
-			if ( nextEvent === 'click' ) {
+			if ( nextEvent === 'click' || nextEvent === 'mousedown' ) {
 				clickListener = event => {
 					// Check if the event target matches the selector or is inside an element that matches
 					if (
@@ -273,7 +273,7 @@ const ModalTour = props => {
 				}
 				// Use ownerDocument instead of document directly
 				const doc = modalRef.current?.ownerDocument || document
-				doc.addEventListener( 'click', clickListener )
+				doc.addEventListener( nextEvent, clickListener )
 			} else {
 				const elements = document.querySelectorAll( nextEventTarget )
 				for ( let i = 0; i < elements.length; i++ ) {
@@ -284,10 +284,10 @@ const ModalTour = props => {
 
 		return () => {
 			if ( nextEventTarget ) {
-				if ( nextEvent === 'click' && clickListener ) {
+				if ( ( nextEvent === 'click' || nextEvent === 'mousedown' ) && clickListener ) {
 					// Use ownerDocument instead of document directly
 					const doc = modalRef.current?.ownerDocument || document
-					doc.removeEventListener( 'click', clickListener )
+					doc.removeEventListener( nextEvent, clickListener )
 				} else {
 					const elements = document.querySelectorAll( nextEventTarget )
 					for ( let i = 0; i < elements.length; i++ ) {
@@ -356,7 +356,7 @@ const ModalTour = props => {
 			case 'top-left':
 				return [ `${ anchorRect.left + 16 }px`, `${ anchorRect.top - modalRect.height - 16 }px` ]
 			case 'top-right':
-				return [ `${ anchorRect.right - modalRect.width - 16 }px`, `${ anchorRect.top + 16 }px` ]
+				return [ `${ anchorRect.right - modalRect.width - 16 }px`, `${ anchorRect.top - modalRect.height - 16 }px` ]
 			case 'bottom':
 				// Center, bottom
 				return [ `${ anchorRect.left + ( anchorRect.width / 2 ) - ( modalRect.width / 2 ) }px`, `${ anchorRect.bottom + 16 }px` ]
diff --git a/src/components/guided-modal-tour/tours/design-library.js b/src/components/guided-modal-tour/tours/design-library.js
index ee645eece8..3e965a6ecf 100644
--- a/src/components/guided-modal-tour/tours/design-library.js
+++ b/src/components/guided-modal-tour/tours/design-library.js
@@ -20,7 +20,14 @@ export const designLibrary = {
 			} ),
 			size: 'medium',
 			nextEventTarget: '.ugb-design-library-item',
+			nextEvent: 'mousedown',
 			offsetX: '-400px',
+			postStep: () => {
+				// Make sure the first one (or at least there is one) that's toggled
+				if ( ! document.querySelector( '.ugb-design-library-item.ugb--is-toggled' ) ) {
+					document.querySelector( '.ugb-design-library-item' )?.click()
+				}
+			},
 		},
 		{
 			title: __( 'Pick Styling Options', i18n ),
@@ -63,15 +70,56 @@ export const designLibrary = {
 		},
 		{
 			title: __( 'Patterns and Full-Pages', i18n ),
-			description: __( 'Great! Your entire library is now styled. Aside from patterns, there are also full-page layouts in the library.', i18n ),
-			help: createInterpolateElement( __( 'Click the <strong>Pages</strong> tab to continue.', i18n ), {
+			description: __( 'Great! Your entire library is now styled. Aside from patterns, Stackable also provides you with full-page layouts.', i18n ),
+			help: createInterpolateElement( __( 'Click the <strong>Next</strong> to continue.', i18n ), {
 				strong: <strong />,
 			} ),
-			// TODO: Change these when we have the pages tab already.
-			anchor: '.ugb-modal-design-library .components-modal__header',
+			anchor: '.stk-design-library-tabs .components-button-group',
 			position: 'bottom',
-			nextEventTarget: '.ugb-modal-design-library .components-modal__header',
-			glowTarget: '.ugb-modal-design-library .components-modal__header',
+			nextEventTarget: '.stk-design-library-tabs .components-button-group',
+			glowTarget: '.stk-design-library-tabs .components-button-group',
+			preStep: () => {
+				// Disable for now the pages tab
+				const pagesButton = document.querySelector( '.stk-design-library-tabs button[value="pages"]' )
+				if ( pagesButton ) {
+					pagesButton.disabled = true
+				}
+			},
+			postStep: () => {
+				// Enable the pages tab
+				const pagesButton = document.querySelector( '.stk-design-library-tabs button[value="pages"]' )
+				if ( pagesButton ) {
+					pagesButton.disabled = false
+				}
+			},
+		},
+		{
+			title: __( 'Let\'s Insert Our Pattern', i18n ),
+			description: __( 'Now let\'s insert our pattern into our page.', i18n ),
+			help: createInterpolateElement( __( 'Click on <strong>Add Designs</strong> to continue.', i18n ), {
+				strong: <strong />,
+			} ),
+			anchor: '.ugb-modal-design-library__add-multi',
+			position: 'top-right',
+			nextEventTarget: '.ugb-modal-design-library__add-multi',
+			glowTarget: '.ugb-modal-design-library__add-multi',
+			preStep: () => {
+				// Make sure the patterns tab is selected
+				document.querySelector( '.ugb-modal-design-library button[value="patterns"]:not(.is-primary)' )?.click()
+
+				// Make sure the first one (or at least there is one) that's toggled
+				if ( ! document.querySelector( '.ugb-design-library-item.ugb--is-toggled' ) ) {
+					document.querySelector( '.ugb-design-library-item' )?.click()
+				}
+			},
+			postStep: () => {
+				setTimeout( () => {
+					// If the design library is still open, click the add button.
+					if ( document.querySelector( '.ugb-modal-design-library' ) ) {
+						document.querySelector( '.ugb-modal-design-library__add-multi' )?.click()
+					}
+				}, 100 )
+			},
 		},
 	],
 }

From 9f482313a0beffb9bbf6cb4fe96033931bb6c543 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Fri, 12 Sep 2025 18:48:21 +0800
Subject: [PATCH 57/78] tour tweaks

---
 src/components/guided-modal-tour/index.js     |  4 ++--
 .../guided-modal-tour/tours/blocks.js         | 24 +++++++++++--------
 .../guided-modal-tour/tours/design-library.js |  2 +-
 3 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 0babff60b2..41404a0df5 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -261,7 +261,7 @@ const ModalTour = props => {
 		let clickListener = null
 
 		if ( nextEventTarget ) {
-			if ( nextEvent === 'click' || nextEvent === 'mousedown' ) {
+			if ( nextEvent === 'click' || nextEvent === 'mousedown' || nextEvent === 'mouseup' ) {
 				clickListener = event => {
 					// Check if the event target matches the selector or is inside an element that matches
 					if (
@@ -284,7 +284,7 @@ const ModalTour = props => {
 
 		return () => {
 			if ( nextEventTarget ) {
-				if ( ( nextEvent === 'click' || nextEvent === 'mousedown' ) && clickListener ) {
+				if ( ( nextEvent === 'click' || nextEvent === 'mousedown' || nextEvent === 'mouseup' ) && clickListener ) {
 					// Use ownerDocument instead of document directly
 					const doc = modalRef.current?.ownerDocument || document
 					doc.removeEventListener( nextEvent, clickListener )
diff --git a/src/components/guided-modal-tour/tours/blocks.js b/src/components/guided-modal-tour/tours/blocks.js
index 2defb78d63..9abd280727 100644
--- a/src/components/guided-modal-tour/tours/blocks.js
+++ b/src/components/guided-modal-tour/tours/blocks.js
@@ -89,10 +89,11 @@ export const blocks = {
 	steps: [
 		{
 			title: '👋 ' + __( 'Welcome to Your Stackable Blocks', i18n ),
-			description: __( 'I\'ve added some Stackable blocks for you. This inspector is contains all the settings for this block, let\'s explore it!', i18n ),
+			description: __( 'This inspector is contains all the settings for this block, let\'s explore it!', i18n ),
 			help: createInterpolateElement( __( 'If you\'re familiar with <strong>page builders</strong>, then you\'ll feel right at home.', i18n ), {
 				strong: <strong />,
 			} ),
+			size: 'medium',
 			anchor: '.ugb--has-panel-tabs',
 			position: 'left',
 			glowTarget: '.ugb--has-panel-tabs',
@@ -103,7 +104,7 @@ export const blocks = {
 		},
 		{
 			title: __( 'The Layout Tab', i18n ),
-			description: __( 'Stackable blocks usually have 3 tabs, each with different settings. The Layout Tab contains layout-related options like flex controls, spacing and margins.', i18n ),
+			description: __( 'Stackable blocks normally have 3 tabs, each with different settings. The Layout Tab contains layout-related options like flex controls, spacing and margins.', i18n ),
 			help: createInterpolateElement( __( 'Open the <strong>Layout Tab</strong> to continue.', i18n ), {
 				strong: <strong />,
 			} ),
@@ -134,7 +135,7 @@ export const blocks = {
 		},
 		{
 			title: __( 'Try Changing Alignments', i18n ),
-			description: __( 'Let\'s try changing the Column Alignment to Center or End, and see how it affects our block.', i18n ),
+			description: __( 'Let\'s try changing this option and see how it affects our block.', i18n ),
 			help: createInterpolateElement( __( 'Pick <strong>Center or End</strong> Column Alignment to continue.', i18n ), {
 				strong: <strong />,
 			} ),
@@ -169,7 +170,7 @@ export const blocks = {
 		},
 		{
 			title: __( 'The Style Tab', i18n ),
-			description: __( 'I\'ve selected the Columns block now, let\'s try to add a background to it. The Style Tab contains style-related options like backgrounds, color, borders and typography.', i18n ),
+			description: __( 'Let\'s try to add a background to the main Columns block. The Style Tab contains style-related options like backgrounds, color, borders and typography.', i18n ),
 			help: createInterpolateElement( __( 'Click the <strong>Style Tab</strong> to continue.', i18n ), {
 				strong: <strong />,
 			} ),
@@ -220,12 +221,14 @@ export const blocks = {
 					document.querySelector( '.edit-post-sidebar__panel-tab.ugb-tab--style:not(.is-active)' )?.click()
 				}, 100 )
 			},
-			postStep: () => {
-				const checkbox = document.querySelector( '.ugb-block-background-panel .components-panel__body-title input[type="checkbox"]' )
-				if ( checkbox && ! checkbox.checked ) {
-					checkbox.click()
-				}
-			},
+			// postStep: () => {
+			// 	setTimeout( () => {
+			// 		const checkbox = document.querySelector( '.ugb-block-background-panel .components-panel__body-title input[type="checkbox"]' )
+			// 		if ( checkbox && checkbox.value !== 'on' ) {
+			// 			checkbox.click()
+			// 		}
+			// 	}, 100 )
+			// },
 		},
 		{
 			title: __( 'The Advanced Tab', i18n ),
@@ -257,6 +260,7 @@ export const blocks = {
 			title: __( 'Consistent Options Everywhere', i18n ),
 			description: __( 'Once you get the hang of these settings, you\'ll spot them in almost every Stackable block. This makes it easy and familiar to build any design you want.', i18n ),
 			anchor: '.ugb--has-panel-tabs',
+			size: 'medium',
 			position: 'left',
 			preStep: () => {
 				// Open the inspector sidebar
diff --git a/src/components/guided-modal-tour/tours/design-library.js b/src/components/guided-modal-tour/tours/design-library.js
index 3e965a6ecf..56d0039d1d 100644
--- a/src/components/guided-modal-tour/tours/design-library.js
+++ b/src/components/guided-modal-tour/tours/design-library.js
@@ -20,7 +20,7 @@ export const designLibrary = {
 			} ),
 			size: 'medium',
 			nextEventTarget: '.ugb-design-library-item',
-			nextEvent: 'mousedown',
+			nextEvent: 'mouseup',
 			offsetX: '-400px',
 			postStep: () => {
 				// Make sure the first one (or at least there is one) that's toggled

From 32c64d27b067679dbfae9346e167dca0375701e1 Mon Sep 17 00:00:00 2001
From: Benjamin Intal <bfintal@gmail.com>
Date: Sat, 13 Sep 2025 14:02:18 +0800
Subject: [PATCH 58/78] Update
 src/components/guided-modal-tour/tours/design-library.js [skip ci]

---
 src/components/guided-modal-tour/tours/design-library.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/guided-modal-tour/tours/design-library.js b/src/components/guided-modal-tour/tours/design-library.js
index 56d0039d1d..595c681f1c 100644
--- a/src/components/guided-modal-tour/tours/design-library.js
+++ b/src/components/guided-modal-tour/tours/design-library.js
@@ -14,7 +14,7 @@ export const designLibrary = {
 	steps: [
 		{
 			title: '👋 ' + __( 'Welcome to Your Design Library', i18n ),
-			description: __( 'These are hundreds ofpre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
+			description: __( 'These are hundreds of pre-built designs that are style-matched to your block theme. You can insert one or more patterns to quickly build your page.', i18n ),
 			help: createInterpolateElement( __( 'Pick one of the <strong>designs</strong> to continue.', i18n ), {
 				strong: <strong />,
 			} ),

From ce4754ac1673fb8adcc17f0548966f705071e2c3 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Sat, 13 Sep 2025 14:35:48 +0800
Subject: [PATCH 59/78] QA from Coderabbit comments fixed

---
 .../guided-modal-tour/tours/blocks.js         |  4 ++--
 .../guided-modal-tour/tours/design-library.js |  2 +-
 .../guided-modal-tour/tours/design-system.js  |  2 +-
 src/components/style-guide/index.js           |  7 +++---
 src/components/style-guide/popover.js         |  3 ++-
 src/components/style-guide/utils.js           | 23 ++++++++++++-------
 src/hooks/use-design-system.js                |  4 ++--
 src/plugins/global-settings/colors/index.js   |  2 +-
 .../guided-modal-tour-trigger/index.js        | 17 +++++++++-----
 src/util/block-templates.js                   |  6 +++--
 src/welcome/getting-started.php               |  4 ++++
 11 files changed, 47 insertions(+), 27 deletions(-)

diff --git a/src/components/guided-modal-tour/tours/blocks.js b/src/components/guided-modal-tour/tours/blocks.js
index 9abd280727..914136366f 100644
--- a/src/components/guided-modal-tour/tours/blocks.js
+++ b/src/components/guided-modal-tour/tours/blocks.js
@@ -77,8 +77,8 @@ export const blocks = {
 		)
 
 		// Delete all blocks
-		const allBlocks = select( 'core/block-editor' ).getBlocks()
-		dispatch( 'core/block-editor' ).removeBlocks( allBlocks.map( block => block.clientId ) )
+		// const allBlocks = select( 'core/block-editor' ).getBlocks()
+		// dispatch( 'core/block-editor' ).removeBlocks( allBlocks.map( block => block.clientId ) )
 
 		// Insert our block
 		dispatch( 'core/block-editor' ).insertBlocks( [ blockObject ], 0 )
diff --git a/src/components/guided-modal-tour/tours/design-library.js b/src/components/guided-modal-tour/tours/design-library.js
index 595c681f1c..7387f83961 100644
--- a/src/components/guided-modal-tour/tours/design-library.js
+++ b/src/components/guided-modal-tour/tours/design-library.js
@@ -42,7 +42,7 @@ export const designLibrary = {
 			postStep: () => {
 				const el = document.querySelector( '.ugb-modal-design-library__enable-background input' )
 				// If the input is not checked, click the button.
-				if ( ! el.checked ) {
+				if ( el && ! el.checked ) {
 					el.click()
 				}
 			},
diff --git a/src/components/guided-modal-tour/tours/design-system.js b/src/components/guided-modal-tour/tours/design-system.js
index 1e82eae86e..5ab781bfe0 100644
--- a/src/components/guided-modal-tour/tours/design-system.js
+++ b/src/components/guided-modal-tour/tours/design-system.js
@@ -82,7 +82,7 @@ export const designSystem = {
 					// Scroll this to the top.
 					el.scrollTo( {
 						top: 0,
-						behavior: 'instant',
+						behavior: 'auto',
 					} )
 				}
 			},
diff --git a/src/components/style-guide/index.js b/src/components/style-guide/index.js
index 89724e759c..dd142ee3a8 100644
--- a/src/components/style-guide/index.js
+++ b/src/components/style-guide/index.js
@@ -20,10 +20,10 @@ export { default as StyleGuidePopover } from './popover'
 
 // TODO: This is not yet finished
 const StyleGuide = props => {
-	const { designSystem, contentRef = null } = props
+	const { designSystem = {}, contentRef = null } = props
 
 	const {
-		colors,
+		colors = [],
 		colorSchemes = DUMMY_COLOR_SCHEMES,
 		typography = {
 			desktop: [], tablet: [], mobile: [],
@@ -33,7 +33,8 @@ const StyleGuide = props => {
 		previewClassNames = '',
 	} = designSystem
 
-	const THEME_STYLES = wpGlobalStylesInlineCss.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
+	const src = typeof wpGlobalStylesInlineCss === 'string' ? wpGlobalStylesInlineCss : ''
+	const THEME_STYLES = src.replaceAll( ':root', '&' ).replace( /[^\-](\bbody)/g, ( match, p1 ) => {
 		return match.replace( p1, '.ugb-style-guide__preview-root' )
 	} )
 
diff --git a/src/components/style-guide/popover.js b/src/components/style-guide/popover.js
index 3d3a587a3f..d385d9668c 100644
--- a/src/components/style-guide/popover.js
+++ b/src/components/style-guide/popover.js
@@ -47,6 +47,7 @@ const StyleGuidePopover = props => {
 				className="ugb-style-guide-popover__close-button"
 				variant="tertiary"
 				onClick={ onClose }
+				aria-label={ __( 'Close', i18n ) }
 			>
 				<Icon icon={ closeIcon } />
 			</Button>
@@ -87,7 +88,7 @@ const ExportButton = props => {
 	return (
 		<Button
 			className="ugb-style-guide__print-button"
-			isSecondary
+			variant="secondary"
 			onClick={ handlePrint }
 			icon={ <Icon icon={ downloadIcon } /> }
 			isBusy={ isExporting }
diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index f78505edf3..7f6908014b 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -157,12 +157,16 @@ const ADDITIONAL_ATTRIBUTES = {
 
 const INNER_BLOCK_CALLBACKS = {
 	'stackable/team-member': innerBlocks => {
-		innerBlocks[ 0 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+		if ( innerBlocks?.[ 0 ]?.attributes ) {
+			innerBlocks[ 0 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+		}
 
 		return innerBlocks
 	},
 	'stackable/testimonial': innerBlocks => {
-		innerBlocks[ 1 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+		if ( innerBlocks?.[ 1 ]?.attributes ) {
+			innerBlocks[ 1 ].attributes.imageExternalUrl = `${ srcUrl }/${ profile }`
+		}
 
 		return innerBlocks
 	},
@@ -199,7 +203,8 @@ export const DefaultOutlineButton = ( {
 }
 
 const getGeneratedCss = ( blocks, generateForInnerBlocks = false ) => {
-	return blocks.map( block => {
+	const list = Array.isArray( blocks ) ? blocks : []
+	return list.map( block => {
 		if ( ! block.attributes.uniqueId ) {
 			block.attributes.uniqueId = createUniqueClass( block.clientId )
 		}
@@ -220,7 +225,7 @@ const getGeneratedCss = ( blocks, generateForInnerBlocks = false ) => {
 
 		block.attributes.generatedCss = saveCss
 
-		if ( generateForInnerBlocks ) {
+		if ( generateForInnerBlocks && Array.isArray( block.innerBlocks ) ) {
 			block.innerBlocks = getGeneratedCss( block.innerBlocks, generateForInnerBlocks )
 		}
 
@@ -290,10 +295,12 @@ export const RenderBlock = props => {
 	} = getSerializedBlock( propsToPass )
 
 	return (
-		<RawHTML>
-			{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ], attributes ) }
-			{ `<p>${ name }</p>` }
-		</RawHTML>
+		<>
+			<RawHTML>
+				{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ], attributes ) }
+			</RawHTML>
+			<p>{ name }</p>
+		</>
 	)
 }
 
diff --git a/src/hooks/use-design-system.js b/src/hooks/use-design-system.js
index ae628b5677..aa307684c6 100644
--- a/src/hooks/use-design-system.js
+++ b/src/hooks/use-design-system.js
@@ -69,11 +69,11 @@ export const useDesignSystem = () => {
 
 	const buttonIconStyles = useMemo( () => {
 		return renderGlobalBlockLayoutStyles( buttonsAndIcons, blockLayoutDefaults, NOOP, 'normal', null, null, true )?.replaceAll( ':root', '.ugb-style-guide__preview-root' ) || ''
-	}, [ buttonsAndIcons ] )
+	}, [ buttonsAndIcons, blockLayoutDefaults ] )
 
 	const spacingBorderStyles = useMemo( () => {
 		return renderGlobalBlockLayoutStyles( spacingAndBorders, blockLayoutDefaults, NOOP, 'normal', null, null, true )?.replaceAll( ':root', '.ugb-style-guide__preview-root, .ugb-style-guide__preview' ) || ''
-	}, [ spacingAndBorders ] )
+	}, [ spacingAndBorders, blockLayoutDefaults ] )
 
 	const {
 		getSortedColorSchemes,
diff --git a/src/plugins/global-settings/colors/index.js b/src/plugins/global-settings/colors/index.js
index 556fab1d1e..455f6c0e5d 100644
--- a/src/plugins/global-settings/colors/index.js
+++ b/src/plugins/global-settings/colors/index.js
@@ -113,7 +113,7 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-colors', out
 				<p className="components-base-control__help">
 					{ __( 'Change your color palette for all your blocks across your site.', i18n ) }
 					&nbsp;
-					<a href="https://docs.wpstackable.com/article/362-how-to-use-global-colors?utm_source=wp-global-settings&utm_campaign=learnmore&utm_medium=gutenberg" target="_docs">
+					<a href="https://docs.wpstackable.com/article/362-how-to-use-global-colors?utm_source=wp-global-settings&utm_campaign=learnmore&utm_medium=gutenberg" target="_docs" rel="noopener noreferrer">
 						{ __( 'Learn more about Global Colors', i18n ) }
 					</a>
 				</p>
diff --git a/src/plugins/guided-modal-tour-trigger/index.js b/src/plugins/guided-modal-tour-trigger/index.js
index ffcfbfd8ca..d1a8b80dca 100644
--- a/src/plugins/guided-modal-tour-trigger/index.js
+++ b/src/plugins/guided-modal-tour-trigger/index.js
@@ -10,24 +10,29 @@ import { dispatch } from '@wordpress/data'
 
 const TourTrigger = () => {
 	useEffect( () => {
-		// Check th
-		const tourId = window?.location?.search?.includes( 'tour=' ) ? window?.location?.search?.split( 'tour=' )[ 1 ] : null
+		// Check the GET parameter for the tour ID.
+		const params = new URLSearchParams( window?.location?.search || '' )
+		const tourId = params.get( 'tour' )
+		const tids = []
+
 		switch ( tourId ) {
 			case 'editor':
 				// When the editor tour is to be shown, no need to do anything here.
 				break
 			case 'design-library':
 				// When the design library tour is to be shown, simluate a click on the design library button.
-				setTimeout( () => {
+				tids.push( setTimeout( () => {
 					document.querySelector( '.ugb-insert-library-button' )?.click()
-				}, 500 )
+				}, 500 ) )
 				break
 			case 'design-system':
 				// When the design system tour is to be shown, open the sidebar
-				setTimeout( () => {
+				tids.push( setTimeout( () => {
 					dispatch( 'core/edit-post' )?.openGeneralSidebar( 'stackable-global-settings/sidebar' ) // For Block Editor
-				}, 500 )
+				}, 500 ) )
 		}
+
+		return () => tids.forEach( id => clearTimeout( id ) )
 	}, [] )
 
 	return null
diff --git a/src/util/block-templates.js b/src/util/block-templates.js
index 3641a8b4c4..25e18cbf9b 100644
--- a/src/util/block-templates.js
+++ b/src/util/block-templates.js
@@ -1,6 +1,8 @@
 import { i18n } from 'stackable'
 
-import { __, sprintf } from '@wordpress/i18n'
+import {
+	__, _x, sprintf,
+} from '@wordpress/i18n'
 
 export const LONG_TEXT = [
 	// Translators: This is placeholder text used in the style guide.
@@ -142,7 +144,7 @@ const TIMELINE_TEMPLATE = [
 			left: 0,
 		},
 	}, [
-		[ 'stackable/text', { text: __( 'Description for this block. Use this space for describing your block. Any text will do.', 'Content placeholder', i18n ) } ],
+		[ 'stackable/text', { text: _x( 'Description for this block. Use this space for describing your block. Any text will do.', 'Content placeholder', i18n ) } ],
 	] ],
 ]
 
diff --git a/src/welcome/getting-started.php b/src/welcome/getting-started.php
index d6f3f71c74..2b6d7e7eac 100644
--- a/src/welcome/getting-started.php
+++ b/src/welcome/getting-started.php
@@ -34,6 +34,7 @@ public function register_settings() {
 					'sanitize_callback' => array( $this, 'sanitize_array_setting' ),
                     'show_in_rest' => array(
 						'schema' => array(
+                            'type' => 'array',
 							'items' => array(
 								'type' => 'string',
 							),
@@ -45,6 +46,9 @@ public function register_settings() {
         }
 
         public function sanitize_array_setting( $input ) {
+            if ( ! is_array( $input ) ) {
+                return array();
+            }
             return array_map( 'sanitize_text_field', $input );
         }
 

From e5fce6c83e559a5296d78204dccab2951b85c67a Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 15 Sep 2025 11:01:37 +0800
Subject: [PATCH 60/78] fix color scheme

---
 src/plugins/global-settings/color-schemes/editor-loader.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/plugins/global-settings/color-schemes/editor-loader.js b/src/plugins/global-settings/color-schemes/editor-loader.js
index 3bb8432c74..800319b617 100644
--- a/src/plugins/global-settings/color-schemes/editor-loader.js
+++ b/src/plugins/global-settings/color-schemes/editor-loader.js
@@ -80,8 +80,7 @@ export const renderGlobalColorSchemeStyles = (
 		}
 		css += containercss
 	// This fixes the issue wherein if there is a background scheme and no container/base scheme, the container inherits the background scheme which may cause the text to be unreadable
-	} else if ( containerModeColorScheme in colorSchemes && ! schemeHasValue( colorSchemes[ containerModeColorScheme ] ) &&
-			backgroundModeColorScheme in colorSchemes && schemeHasValue( colorSchemes[ backgroundModeColorScheme ] ) ) {
+	} else if ( containerModeColorScheme in colorSchemes && ! schemeHasValue( colorSchemes[ containerModeColorScheme ] ) ) {
 		const containercss = `.stk-container:where(:not(.stk--no-background)){ ${ getDefaultColors() } }\n`
 
 		css += applyFilters( 'stackable.global-settings.global-color-schemes.default-container-scheme', containercss )

From f2fa6fab8c046305f8bff94d0df23e3d79bb0176 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 15 Sep 2025 11:01:49 +0800
Subject: [PATCH 61/78] fix block style previews

---
 src/components/style-guide/utils.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
index 7f6908014b..2e3e3f4f84 100644
--- a/src/components/style-guide/utils.js
+++ b/src/components/style-guide/utils.js
@@ -296,10 +296,12 @@ export const RenderBlock = props => {
 
 	return (
 		<>
+			{ /* Insert the label as a string inside RawHTML so that it appears within
+			the <div> wrapper that RawHTML generates, ensuring proper structure. */ }
 			<RawHTML>
 				{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ], attributes ) }
+				{ `<p>${ name }</p>` }
 			</RawHTML>
-			<p>{ name }</p>
 		</>
 	)
 }

From 07523436679668423e682849a3b7925f9175f8d7 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 15 Sep 2025 12:10:18 +0800
Subject: [PATCH 62/78] update workflow

---
 .github/workflows/playwright.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 61a6c694f5..cbe7625420 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -80,7 +80,7 @@ jobs:
       continue-on-error: true
     - name: Disable guided tours
       run: |
-        TOUR_STATES='["design-system", "editor", "design-library"]'
+        TOUR_STATES='["design-system", "editor", "design-library", "blocks"]'
         wp-env run tests-cli wp option update stackable_guided_tour_states "$TOUR_STATES" --format=json
     - name: Run playwright tests
       id: run-playwright-tests

From f99ceb462f59a4d5cbd48a144302217b42ba53a2 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 15 Sep 2025 23:26:33 +0800
Subject: [PATCH 63/78] move register plugin

---
 .../guided-modal-tour/editor-block-tour.js                      | 2 +-
 .../{guided-modal-tour-trigger => guided-modal-tour}/index.js   | 2 ++
 src/plugins/index.js                                            | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)
 rename src/{components => plugins}/guided-modal-tour/editor-block-tour.js (79%)
 rename src/plugins/{guided-modal-tour-trigger => guided-modal-tour}/index.js (97%)

diff --git a/src/components/guided-modal-tour/editor-block-tour.js b/src/plugins/guided-modal-tour/editor-block-tour.js
similarity index 79%
rename from src/components/guided-modal-tour/editor-block-tour.js
rename to src/plugins/guided-modal-tour/editor-block-tour.js
index 7e2637d650..99afe45251 100644
--- a/src/components/guided-modal-tour/editor-block-tour.js
+++ b/src/plugins/guided-modal-tour/editor-block-tour.js
@@ -1,6 +1,6 @@
 
 import { registerPlugin } from '@wordpress/plugins'
-import GuidedModalTour from './index'
+import { GuidedModalTour } from '~stackable/components'
 
 const EditorBlockTour = () => {
 	return <GuidedModalTour tourId="blocks" />
diff --git a/src/plugins/guided-modal-tour-trigger/index.js b/src/plugins/guided-modal-tour/index.js
similarity index 97%
rename from src/plugins/guided-modal-tour-trigger/index.js
rename to src/plugins/guided-modal-tour/index.js
index d1a8b80dca..1e88ec7e3a 100644
--- a/src/plugins/guided-modal-tour-trigger/index.js
+++ b/src/plugins/guided-modal-tour/index.js
@@ -8,6 +8,8 @@ import { registerPlugin } from '@wordpress/plugins'
 import { useEffect } from '@wordpress/element'
 import { dispatch } from '@wordpress/data'
 
+import './editor-block-tour'
+
 const TourTrigger = () => {
 	useEffect( () => {
 		// Check the GET parameter for the tour ID.
diff --git a/src/plugins/index.js b/src/plugins/index.js
index 847252f7a7..36fc884946 100644
--- a/src/plugins/index.js
+++ b/src/plugins/index.js
@@ -5,7 +5,7 @@ import './global-settings'
 import './theme-block-size'
 import './design-library-button'
 import './layout-picker-reset'
-import './guided-modal-tour-trigger'
+import './guided-modal-tour'
 // import './v2-migration-popup' // Probably 1.5yrs of checking for backward compatibility is enough.
 import './editor-device-preview-class'
 import './theme-block-style-inheritance'

From 5ea6b888af82b677bffd132ec77e687a22e1bd2a Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Mon, 15 Sep 2025 23:55:55 +0800
Subject: [PATCH 64/78] remove import

---
 src/components/guided-modal-tour/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 41404a0df5..3b121a96c6 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -2,7 +2,6 @@
  * Internal dependencies
  */
 import { TOUR_STEPS } from './tour-steps'
-import './editor-block-tour'
 
 /**
  * External dependencies

From 765dadc976b944cc17da738ad1b1cdeb17296eb2 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 01:11:14 +0800
Subject: [PATCH 65/78] extend color scheme

---
 src/components/color-scheme-preview/index.js  | 11 +++
 src/components/index.js                       |  1 +
 src/components/sortable-picker/index.js       |  6 +-
 .../color-schemes/color-scheme-picker.js      | 71 +++++++++++++++----
 .../global-settings/color-schemes/index.php   | 32 +++++++++
 .../global-settings/color-schemes/store.js    | 25 ++++++-
 6 files changed, 128 insertions(+), 18 deletions(-)

diff --git a/src/components/color-scheme-preview/index.js b/src/components/color-scheme-preview/index.js
index fe8bbd950d..2a45a616d0 100644
--- a/src/components/color-scheme-preview/index.js
+++ b/src/components/color-scheme-preview/index.js
@@ -27,6 +27,17 @@ export const DEFAULT_COLOR_SCHEME_COLORS = {
 	buttonOutlineColor: { desktop: '' },
 }
 
+export const ALTERNATE_COLOR_SCHEME_COLORS = {
+	backgroundColor: { desktop: '#0f0e17' },
+	headingColor: { desktop: '#fffffe' },
+	textColor: { desktop: '#fffffe' },
+	linkColor: { desktop: '#fffffe' },
+	accentColor: { desktop: '#f00069' },
+	buttonBackgroundColor: { desktop: '#f00069' },
+	buttonTextColor: { desktop: '#fffffe' },
+	buttonOutlineColor: { desktop: '#fffffe' },
+}
+
 const NOOP = () => {}
 
 const ColorSchemePreview = ( {
diff --git a/src/components/index.js b/src/components/index.js
index a2a1dce9cb..7a4e47d490 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -125,6 +125,7 @@ export {
 	default as ColorSchemePreview,
 	ColorSchemePresetPicker,
 	DEFAULT_COLOR_SCHEME_COLORS,
+	ALTERNATE_COLOR_SCHEME_COLORS,
 	COLOR_SCHEME_PROPERTY_LABELS,
 } from './color-scheme-preview'
 export { ColorSchemesHelp } from './color-schemes-help'
diff --git a/src/components/sortable-picker/index.js b/src/components/sortable-picker/index.js
index b52d7182f8..f2d65e6e61 100644
--- a/src/components/sortable-picker/index.js
+++ b/src/components/sortable-picker/index.js
@@ -113,6 +113,7 @@ const SortablePicker = props => {
 							className={ props.buttonClassName }
 							onItemClick={ props.onItemClick }
 							showReset={ props.showResetCallback ? props.showResetCallback( item ) : true }
+							showDelete={ props.showDeleteCallback ? props.showDeleteCallback( item ) : false }
 						/> )
 					 ) }
 					{ items?.map( ( item, i ) => (
@@ -166,6 +167,7 @@ const LabeledItemIndicator = props => {
 		sortable = true,
 		editableName = true,
 		showReset = true,
+		showDelete = true,
 	} = props
 
 	const [ isFocused, setIsFocused ] = useState( false )
@@ -262,7 +264,7 @@ const LabeledItemIndicator = props => {
 					return <> { ItemPicker && <ItemPicker item={ item } onChange={ onChange } onClose={ onClose } /> } </>
 				} }
 			/>
-			{ sortable &&
+			{ showDelete &&
 				<Button
 					aria-label="Delete"
 					className="stk-global-settings-color-picker__delete-button"
@@ -272,7 +274,7 @@ const LabeledItemIndicator = props => {
 					onClick={ onDelete }
 				/>
 			}
-			{ ! sortable && <ResetButton
+			{ ! showDelete && <ResetButton
 				showReset={ showReset }
 				onChange={ onDelete }
 			/>
diff --git a/src/plugins/global-settings/color-schemes/color-scheme-picker.js b/src/plugins/global-settings/color-schemes/color-scheme-picker.js
index 9a1a8e4b3f..03c6029a71 100644
--- a/src/plugins/global-settings/color-schemes/color-scheme-picker.js
+++ b/src/plugins/global-settings/color-schemes/color-scheme-picker.js
@@ -18,6 +18,7 @@ import {
 	ColorSchemePreview,
 	ColorSchemePresetPicker,
 	DEFAULT_COLOR_SCHEME_COLORS,
+	ALTERNATE_COLOR_SCHEME_COLORS,
 	AdvancedToggleControl,
 	ProControlButton,
 	ControlSeparator,
@@ -116,13 +117,17 @@ const ColorSchemePicker = props => {
 		return ! isEqual( item.colorScheme, DEFAULT_COLOR_SCHEME_COLORS )
 	}
 
+	const showDeleteButton = item => {
+		return item.key === 'scheme-default-3'
+	}
+
 	useEffect( () => {
 		if ( ! itemInEdit ) {
 			setSubHeaderControls( { showTrash: false, showReset: false } )
 			return
 		}
 		const controls = {
-			showTrash: ! itemInEdit.key.startsWith( 'scheme-default' ),
+			showTrash: itemInEdit.key === 'scheme-default-3' || ! itemInEdit.key.startsWith( 'scheme-default' ),
 			showReset: showResetButton( itemInEdit ),
 		}
 
@@ -132,8 +137,38 @@ const ColorSchemePicker = props => {
 	// Get the custom color schemes
 	const customColorSchemes = applyFilters( 'stackable.global-settings.global-color-schemes.custom-color-schemes', [] )
 
+	const saveColorSchemeSettings = updatedColorSchemes => {
+		saveTimeout = setTimeout( () => {
+			const settings = new models.Settings( {
+				stackable_global_color_schemes: updatedColorSchemes, // eslint-disable-line camelcase
+				// Clear the cached CSS when the color scheme is updated
+				stackable_global_color_scheme_generated_css: '', // eslint-disable-line camelcase
+			} )
+			settings.save()
+		}, 300 )
+
+		// Update our store.
+		dispatch( 'stackable/global-color-schemes' ).updateColorSchemes( updatedColorSchemes )
+	}
+
 	// Add a custom color scheme
 	const handleAddItem = ( event, scheme = null ) => {
+		if ( ! colorSchemes.some( scheme => scheme.key === 'scheme-default-3' ) ) {
+			const alternateColorScheme = {
+				name: __( 'Alternate Scheme', i18n ),
+				key: 'scheme-default-3',
+				colorScheme: ALTERNATE_COLOR_SCHEME_COLORS,
+			}
+
+			const updatedColorSchemes = [
+				...colorSchemes,
+				alternateColorScheme,
+			]
+
+			saveColorSchemeSettings( updatedColorSchemes )
+			return
+		}
+
 		doAction( 'stackable.global-settings.global-color-schemes.custom-color-schemes.add-color-scheme', scheme, setItemInEdit, saveTimeout )
 	}
 
@@ -154,17 +189,8 @@ const ColorSchemePicker = props => {
 			const currentIndex = colorSchemes.findIndex( c => c.key === currentItem.key )
 			updatedColorSchemes[ currentIndex ] = currentItem
 
-			saveTimeout = setTimeout( () => {
-				const settings = new models.Settings( {
-					stackable_global_color_schemes: updatedColorSchemes, // eslint-disable-line camelcase
-					// Clear the cached CSS when the color scheme is updated
-					stackable_global_color_scheme_generated_css: '', // eslint-disable-line camelcase
-				} )
-				settings.save()
-			}, 300 )
-
-			// Update our store.
-			dispatch( 'stackable/global-color-schemes' ).updateColorSchemes( updatedColorSchemes )
+			clearTimeout( saveTimeout )
+			saveColorSchemeSettings( updatedColorSchemes )
 		}
 	}
 
@@ -285,6 +311,24 @@ const ColorSchemePicker = props => {
 	}
 
 	const onDeleteItem = item => {
+		if ( item.key === 'scheme-default-3' ) {
+			// eslint-disable-next-line no-alert
+			const confirmDelete = window.confirm( __( 'Deleting this color scheme would remove all colors linked to it. Any blocks that use this color scheme will revert to the default scheme. Delete this color scheme?', i18n ) )
+
+			if ( ! confirmDelete ) {
+				return
+			}
+
+			const selectedIndex = colorSchemes.findIndex( c => c.key === item.key )
+			const updatedColorSchemes = cloneDeep( colorSchemes )
+			updatedColorSchemes.splice( selectedIndex, 1 )
+
+			clearTimeout( saveTimeout )
+			saveColorSchemeSettings( updatedColorSchemes )
+			setItemInEdit( null )
+			return
+		}
+
 		// If the color scheme to be deleted is a custom color scheme, customDelete will return true
 		const customDelete = applyFilters( 'stackable.global-settings.global-color-schemes.delete-color-scheme', false, item, setItemInEdit, saveTimeout )
 
@@ -419,9 +463,10 @@ const ColorSchemePicker = props => {
 		ItemPreview={ ItemPreview }
 		ItemPicker={ null }
 		buttonClassName="stk-global-color-scheme__color-scheme-item"
-		enableAddItem={ isPro }
+		enableAddItem={ isPro || ! colorSchemes.some( scheme => scheme.key === 'scheme-default-3' ) }
 		onItemClick={ item => setItemInEdit( item ) }
 		showResetCallback={ item => showResetButton( item ) }
+		showDeleteCallback={ item => showDeleteButton( item ) }
 	/> : <>
 		<InspectorSubHeader
 			title={ ! isPro && itemInEdit.key === 'scheme-default-1'
diff --git a/src/plugins/global-settings/color-schemes/index.php b/src/plugins/global-settings/color-schemes/index.php
index 8af0735ee2..c4d680fe2d 100644
--- a/src/plugins/global-settings/color-schemes/index.php
+++ b/src/plugins/global-settings/color-schemes/index.php
@@ -28,6 +28,9 @@ class Stackable_Global_Color_Schemes {
   		function __construct() {
 			// Register our settings.
 			add_action( 'register_stackable_global_settings', array( $this, 'register_color_schemes' ) );
+
+			add_action( 'stackable_early_version_upgraded', array( $this, 'extend_color_scheme' ), 10, 2 );
+
 			if ( is_frontend() ) {
 
 				/**
@@ -191,6 +194,35 @@ public static function get_color_scheme_properties( $values = null ) {
 			return $_properties;
 		}
 
+		public function extend_color_scheme( $old_version, $new_version ) {
+			if ( empty( $old_version ) || version_compare( $old_version, "3.19.0", "<" ) ) {
+				$color_schemes = self::get_color_schemes_array();
+
+				if ( ! $color_schemes ) {
+					$scheme = array(
+						array(
+							'name' => 'Alternate Scheme',
+							'key' => 'scheme-default-3',
+							'colorScheme' => array(
+								'backgroundColor' => array( 'desktop' => '#0f0e17' ),
+								'headingColor' => array( 'desktop' => '#fffffe' ),
+								'textColor' => array( 'desktop' => '#fffffe' ),
+								'linkColor' => array( 'desktop' => '#f00069' ),
+								'accentColor' => array( 'desktop' => '#f00069' ),
+								'buttonBackgroundColor' => array( 'desktop' => '#f00069' ),
+								'buttonTextColor' => array( 'desktop' => '#fffffe' ),
+								'buttonOutlineColor' => array( 'desktop' => '#fffffe' ),
+							),
+							'hideInPicker' => false
+						)
+					);
+
+					update_option( 'stackable_global_color_schemes', $scheme );
+				}
+
+			}
+		}
+
 		/**-----------------------------------------------------------------------------
 		 * Global Color Scheme functions
 		 *-----------------------------------------------------------------------------*/
diff --git a/src/plugins/global-settings/color-schemes/store.js b/src/plugins/global-settings/color-schemes/store.js
index bb68d391b7..14659b1b37 100644
--- a/src/plugins/global-settings/color-schemes/store.js
+++ b/src/plugins/global-settings/color-schemes/store.js
@@ -81,7 +81,9 @@ domReady( () => {
 			stackable_use_v3_16_0_color_scheme_inheritance: useV3_16_0_ColorSchemeInheritance,
 		} = response
 
-		const colorSchemes = Array.isArray( _colorSchemes ) && _colorSchemes.length > 0 ? _colorSchemes : [ {
+		const colorSchemesRaw = Array.isArray( _colorSchemes ) && _colorSchemes.length > 0 ? [ ..._colorSchemes ] : []
+
+		const defaultScheme = {
 			name: __( 'Default Scheme', i18n ),
 			key: 'scheme-default-1',
 			colorScheme: {
@@ -95,7 +97,9 @@ domReady( () => {
 				buttonOutlineColor: { desktop: '' },
 			},
 			hideInPicker: false,
-		}, {
+		}
+
+		const backgroundScheme = {
 			name: __( 'Background Scheme', i18n ),
 			key: 'scheme-default-2',
 			colorScheme: {
@@ -109,7 +113,22 @@ domReady( () => {
 				buttonOutlineColor: { desktop: '' },
 			},
 			hideInPicker: false,
-		} ]
+		}
+
+		const hasDefaultScheme = colorSchemesRaw.some( scheme => scheme.key === 'scheme-default-1' )
+		const hasBackgroundScheme = colorSchemesRaw.some( scheme => scheme.key === 'scheme-default-2' )
+
+		if ( ! hasDefaultScheme ) {
+			colorSchemesRaw.push( defaultScheme )
+		}
+		if ( ! hasBackgroundScheme ) {
+			colorSchemesRaw.push( backgroundScheme )
+		}
+
+		// Ensure there are a max of three color schemes
+		const colorSchemes = [ ...colorSchemesRaw ].sort( ( a, b ) => {
+			return a.key < b.key ? -1 : ( a.key > b.key ? 1 : 0 )
+		} ).slice( 0, 3 )
 
 		const settings = {
 			colorSchemes,

From df2f8785b555fe4908e23f0a507c80f87c762aa9 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 01:30:12 +0800
Subject: [PATCH 66/78] fix style guide preview

- button group
- video popup
---
 src/components/style-guide/editor.scss | 10 +++++++++-
 src/util/block-templates.js            | 16 ++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/components/style-guide/editor.scss b/src/components/style-guide/editor.scss
index 96fbd05710..4b5dc24671 100644
--- a/src/components/style-guide/editor.scss
+++ b/src/components/style-guide/editor.scss
@@ -298,7 +298,15 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 			width: calc(100% / 3 - 16px);
 		}
 
-		> div > :is(.stk-block-horizontal-scroller, .stk-block-icon-box, .stk-block-icon-label, .stk-block-icon-list, .stk-block-map, .stk-block-number-box, .stk-block-price, .stk-block-pricing-box, .stk-block-progress-circle, .stk-block-table-of-contents) {
+		> div:has(.stk-block-video-popup) {
+			width: calc(100% / 2 - 12px);
+		}
+
+		> div:has(.stk-block-button-group) {
+			width: 100%;
+		}
+
+		> div > :is(.stk-block-horizontal-scroller, .stk-block-icon-box, .stk-block-icon-label, .stk-block-icon-list, .stk-block-map, .stk-block-number-box, .stk-block-price, .stk-block-pricing-box, .stk-block-progress-circle, .stk-block-table-of-contents, .stk-block-button-group, .stk-block-video-popup) {
 			width: 100%;
 		}
 
diff --git a/src/util/block-templates.js b/src/util/block-templates.js
index 25e18cbf9b..ce32a1baf6 100644
--- a/src/util/block-templates.js
+++ b/src/util/block-templates.js
@@ -19,6 +19,11 @@ export const LONG_TEXT = [
 	__( 'Change arrived slowly, then all at once. Some said goodbye, some stayed longer, and some simply evolved.', i18n ),
 ]
 
+const BUTTON_GROUP_TEMPLATE = [
+	[ 'stackable/button', { text: __( 'Button', i18n ) } ],
+	[ 'stackable/button', { text: __( 'Button', i18n ) } ],
+]
+
 const CAROUSEL_TEMPLATE = [
 	[ 'stackable/column', {}, [
 		[ 'stackable/heading', { text: __( 'Slide', i18n ) } ],
@@ -148,7 +153,17 @@ const TIMELINE_TEMPLATE = [
 	] ],
 ]
 
+const playIcon = '<svg data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>'
+
+const VIDEO_POPUP_TEMPLATE = [
+	[ 'stackable/icon', {
+		contentAlign: 'center', icon: playIcon, linkHasLink: false,
+	} ],
+	[ 'stackable/image', { enableHandles: false } ],
+]
+
 export const PLACEHOLDER_INNER_BLOCKS = {
+	'stackable/button-group': BUTTON_GROUP_TEMPLATE,
 	'stackable/carousel': CAROUSEL_TEMPLATE,
 	'stackable/column': COLUMN_TEMPLATE,
 	'stackable/columns': COLUMNS_TEMPLATE,
@@ -160,4 +175,5 @@ export const PLACEHOLDER_INNER_BLOCKS = {
 	'stackable/pricing-box': PRICING_BOX_TEMPLATE,
 	'stackable/tabs': TABS_TEMPLATE,
 	'stackable/timeline': TIMELINE_TEMPLATE,
+	'stackable/video-popup': VIDEO_POPUP_TEMPLATE,
 }

From 0093b388c544dbfde04d9e5ae0e22addbfa76487 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 10:19:39 +0800
Subject: [PATCH 67/78] coderabbit's qa fixed

---
 src/components/color-scheme-preview/index.js        | 2 +-
 src/plugins/global-settings/color-schemes/index.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/color-scheme-preview/index.js b/src/components/color-scheme-preview/index.js
index 2a45a616d0..e7c5a2d227 100644
--- a/src/components/color-scheme-preview/index.js
+++ b/src/components/color-scheme-preview/index.js
@@ -31,7 +31,7 @@ export const ALTERNATE_COLOR_SCHEME_COLORS = {
 	backgroundColor: { desktop: '#0f0e17' },
 	headingColor: { desktop: '#fffffe' },
 	textColor: { desktop: '#fffffe' },
-	linkColor: { desktop: '#fffffe' },
+	linkColor: { desktop: '#f00069' },
 	accentColor: { desktop: '#f00069' },
 	buttonBackgroundColor: { desktop: '#f00069' },
 	buttonTextColor: { desktop: '#fffffe' },
diff --git a/src/plugins/global-settings/color-schemes/index.php b/src/plugins/global-settings/color-schemes/index.php
index c4d680fe2d..2232e6d8c7 100644
--- a/src/plugins/global-settings/color-schemes/index.php
+++ b/src/plugins/global-settings/color-schemes/index.php
@@ -201,7 +201,7 @@ public function extend_color_scheme( $old_version, $new_version ) {
 				if ( ! $color_schemes ) {
 					$scheme = array(
 						array(
-							'name' => 'Alternate Scheme',
+							'name' => __( 'Alternate Scheme', STACKABLE_I18N ),
 							'key' => 'scheme-default-3',
 							'colorScheme' => array(
 								'backgroundColor' => array( 'desktop' => '#0f0e17' ),

From 1435cc019f958d6cef4789a5839055cf18af7d89 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 11:25:49 +0800
Subject: [PATCH 68/78] check if schemes are empty

---
 src/plugins/global-settings/color-schemes/index.php | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/plugins/global-settings/color-schemes/index.php b/src/plugins/global-settings/color-schemes/index.php
index 2232e6d8c7..d9414e18e8 100644
--- a/src/plugins/global-settings/color-schemes/index.php
+++ b/src/plugins/global-settings/color-schemes/index.php
@@ -198,7 +198,11 @@ public function extend_color_scheme( $old_version, $new_version ) {
 			if ( empty( $old_version ) || version_compare( $old_version, "3.19.0", "<" ) ) {
 				$color_schemes = self::get_color_schemes_array();
 
-				if ( ! $color_schemes ) {
+				$add_alternate_scheme = ! $color_schemes || ( is_array( $color_schemes ) && array_reduce( $color_schemes, function( $carry, $scheme ) {
+					return $carry && Stackable_Global_Color_Schemes::is_scheme_empty( $scheme ?? [] );
+				}, true ) );
+
+				if ( $add_alternate_scheme ) {
 					$scheme = array(
 						array(
 							'name' => __( 'Alternate Scheme', STACKABLE_I18N ),

From 3819baf359ec613ac36147afaaed103f0c57b4a6 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 11:38:05 +0800
Subject: [PATCH 69/78] fix updated scheme

---
 .../global-settings/color-schemes/index.php   | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/plugins/global-settings/color-schemes/index.php b/src/plugins/global-settings/color-schemes/index.php
index d9414e18e8..8b9f3d3b6b 100644
--- a/src/plugins/global-settings/color-schemes/index.php
+++ b/src/plugins/global-settings/color-schemes/index.php
@@ -203,25 +203,24 @@ public function extend_color_scheme( $old_version, $new_version ) {
 				}, true ) );
 
 				if ( $add_alternate_scheme ) {
-					$scheme = array(
-						array(
-							'name' => __( 'Alternate Scheme', STACKABLE_I18N ),
-							'key' => 'scheme-default-3',
-							'colorScheme' => array(
-								'backgroundColor' => array( 'desktop' => '#0f0e17' ),
-								'headingColor' => array( 'desktop' => '#fffffe' ),
-								'textColor' => array( 'desktop' => '#fffffe' ),
-								'linkColor' => array( 'desktop' => '#f00069' ),
-								'accentColor' => array( 'desktop' => '#f00069' ),
-								'buttonBackgroundColor' => array( 'desktop' => '#f00069' ),
-								'buttonTextColor' => array( 'desktop' => '#fffffe' ),
-								'buttonOutlineColor' => array( 'desktop' => '#fffffe' ),
-							),
-							'hideInPicker' => false
-						)
+					$updated_schemes = get_option( 'stackable_global_color_schemes', array() );
+					$updated_schemes[] = array(
+						'name' => __( 'Alternate Scheme', STACKABLE_I18N ),
+						'key' => 'scheme-default-3',
+						'colorScheme' => array(
+							'backgroundColor' => array( 'desktop' => '#0f0e17' ),
+							'headingColor' => array( 'desktop' => '#fffffe' ),
+							'textColor' => array( 'desktop' => '#fffffe' ),
+							'linkColor' => array( 'desktop' => '#f00069' ),
+							'accentColor' => array( 'desktop' => '#f00069' ),
+							'buttonBackgroundColor' => array( 'desktop' => '#f00069' ),
+							'buttonTextColor' => array( 'desktop' => '#fffffe' ),
+							'buttonOutlineColor' => array( 'desktop' => '#fffffe' ),
+						),
+						'hideInPicker' => false
 					);
 
-					update_option( 'stackable_global_color_schemes', $scheme );
+					update_option( 'stackable_global_color_schemes', $updated_schemes );
 				}
 
 			}

From f19831df474d46cf86e53a378acf8ba2ba028041 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 11:42:21 +0800
Subject: [PATCH 70/78] remove hardcapping

---
 .../global-settings/color-schemes/color-scheme-picker.js        | 2 +-
 src/plugins/global-settings/color-schemes/store.js              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/plugins/global-settings/color-schemes/color-scheme-picker.js b/src/plugins/global-settings/color-schemes/color-scheme-picker.js
index 03c6029a71..820f7ab124 100644
--- a/src/plugins/global-settings/color-schemes/color-scheme-picker.js
+++ b/src/plugins/global-settings/color-schemes/color-scheme-picker.js
@@ -455,7 +455,7 @@ const ColorSchemePicker = props => {
 		{ ...props }
 		className="stk-global-color-scheme-picker"
 		items={ customColorSchemes }
-		nonSortableItems={ colorSchemes }
+		nonSortableItems={ colorSchemes.slice( 0, 3 ) }
 		editableName={ false }
 		onDeleteItem={ onDeleteItem }
 		handleAddItem={ handleAddItem }
diff --git a/src/plugins/global-settings/color-schemes/store.js b/src/plugins/global-settings/color-schemes/store.js
index 14659b1b37..5f1555ee0e 100644
--- a/src/plugins/global-settings/color-schemes/store.js
+++ b/src/plugins/global-settings/color-schemes/store.js
@@ -128,7 +128,7 @@ domReady( () => {
 		// Ensure there are a max of three color schemes
 		const colorSchemes = [ ...colorSchemesRaw ].sort( ( a, b ) => {
 			return a.key < b.key ? -1 : ( a.key > b.key ? 1 : 0 )
-		} ).slice( 0, 3 )
+		} )
 
 		const settings = {
 			colorSchemes,

From 3b12cdc8153395043c3ef064209a0cd013aa4531 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 11:59:30 +0800
Subject: [PATCH 71/78] ensure alternate scheme is not yet added

---
 src/plugins/global-settings/color-schemes/index.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/plugins/global-settings/color-schemes/index.php b/src/plugins/global-settings/color-schemes/index.php
index 8b9f3d3b6b..e63e55156f 100644
--- a/src/plugins/global-settings/color-schemes/index.php
+++ b/src/plugins/global-settings/color-schemes/index.php
@@ -198,12 +198,17 @@ public function extend_color_scheme( $old_version, $new_version ) {
 			if ( empty( $old_version ) || version_compare( $old_version, "3.19.0", "<" ) ) {
 				$color_schemes = self::get_color_schemes_array();
 
-				$add_alternate_scheme = ! $color_schemes || ( is_array( $color_schemes ) && array_reduce( $color_schemes, function( $carry, $scheme ) {
+				$add_alternate_scheme = ! $color_schemes || ( is_array( $color_schemes ) && ! isset( $color_schemes['scheme-default-3'] ) && array_reduce( $color_schemes, function( $carry, $scheme ) {
 					return $carry && Stackable_Global_Color_Schemes::is_scheme_empty( $scheme ?? [] );
 				}, true ) );
 
 				if ( $add_alternate_scheme ) {
 					$updated_schemes = get_option( 'stackable_global_color_schemes', array() );
+
+					if ( ! is_array( $updated_schemes ) ) {
+						$updated_schemes = array();
+					}
+
 					$updated_schemes[] = array(
 						'name' => __( 'Alternate Scheme', STACKABLE_I18N ),
 						'key' => 'scheme-default-3',

From 6d6b33672070e8866f7a6b0165d2c68a6f644321 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 12:01:11 +0800
Subject: [PATCH 72/78] ensure color scheme css is regenerated

---
 src/plugins/global-settings/color-schemes/index.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/plugins/global-settings/color-schemes/index.php b/src/plugins/global-settings/color-schemes/index.php
index e63e55156f..22ffd401d1 100644
--- a/src/plugins/global-settings/color-schemes/index.php
+++ b/src/plugins/global-settings/color-schemes/index.php
@@ -226,6 +226,7 @@ public function extend_color_scheme( $old_version, $new_version ) {
 					);
 
 					update_option( 'stackable_global_color_schemes', $updated_schemes );
+					delete_option( 'stackable_global_color_scheme_generated_css' );
 				}
 
 			}

From 9007ab1a09c2a35b4092b1e301c260e7f5993230 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 12:08:54 +0800
Subject: [PATCH 73/78] fixes to coderabbit's qa

---
 .../global-settings/color-schemes/color-scheme-picker.js   | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/plugins/global-settings/color-schemes/color-scheme-picker.js b/src/plugins/global-settings/color-schemes/color-scheme-picker.js
index 820f7ab124..c4bfedc005 100644
--- a/src/plugins/global-settings/color-schemes/color-scheme-picker.js
+++ b/src/plugins/global-settings/color-schemes/color-scheme-picker.js
@@ -138,6 +138,7 @@ const ColorSchemePicker = props => {
 	const customColorSchemes = applyFilters( 'stackable.global-settings.global-color-schemes.custom-color-schemes', [] )
 
 	const saveColorSchemeSettings = updatedColorSchemes => {
+		clearTimeout( saveTimeout )
 		saveTimeout = setTimeout( () => {
 			const settings = new models.Settings( {
 				stackable_global_color_schemes: updatedColorSchemes, // eslint-disable-line camelcase
@@ -153,7 +154,7 @@ const ColorSchemePicker = props => {
 
 	// Add a custom color scheme
 	const handleAddItem = ( event, scheme = null ) => {
-		if ( ! colorSchemes.some( scheme => scheme.key === 'scheme-default-3' ) ) {
+		if ( ! scheme && ! colorSchemes.some( scheme => scheme.key === 'scheme-default-3' ) ) {
 			const alternateColorScheme = {
 				name: __( 'Alternate Scheme', i18n ),
 				key: 'scheme-default-3',
@@ -189,7 +190,6 @@ const ColorSchemePicker = props => {
 			const currentIndex = colorSchemes.findIndex( c => c.key === currentItem.key )
 			updatedColorSchemes[ currentIndex ] = currentItem
 
-			clearTimeout( saveTimeout )
 			saveColorSchemeSettings( updatedColorSchemes )
 		}
 	}
@@ -323,7 +323,6 @@ const ColorSchemePicker = props => {
 			const updatedColorSchemes = cloneDeep( colorSchemes )
 			updatedColorSchemes.splice( selectedIndex, 1 )
 
-			clearTimeout( saveTimeout )
 			saveColorSchemeSettings( updatedColorSchemes )
 			setItemInEdit( null )
 			return
@@ -455,6 +454,8 @@ const ColorSchemePicker = props => {
 		{ ...props }
 		className="stk-global-color-scheme-picker"
 		items={ customColorSchemes }
+		// colorSchemes only contains the the default schemes (keys starting with scheme-default)
+		// ensure there are only a max of three free default schemes
 		nonSortableItems={ colorSchemes.slice( 0, 3 ) }
 		editableName={ false }
 		onDeleteItem={ onDeleteItem }

From a491b5ae0b9a216c5167a9bf19d3e2126ac87f27 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 12:50:38 +0800
Subject: [PATCH 74/78] update version

---
 package.json | 2 +-
 plugin.php   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 85218bf979..42972e305a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "stackable",
-	"version": "3.18.1",
+	"version": "3.19.0",
 	"private": true,
 	"description": "Blocks for everyone",
 	"author": "Benjamin Intal of Gambit",
diff --git a/plugin.php b/plugin.php
index 8fd381b514..8757e2fe8f 100644
--- a/plugin.php
+++ b/plugin.php
@@ -6,7 +6,7 @@
  * Author: Gambit Technologies, Inc
  * Author URI: http://gambit.ph
  * Text Domain: stackable-ultimate-gutenberg-blocks
- * Version: 3.18.1
+ * Version: 3.19.0
  *
  * @package Stackable
  * @fs_premium_only /freemius.php, /freemius/
@@ -46,7 +46,7 @@ function stackable_multiple_plugins_check() {
 
 defined( 'STACKABLE_SHOW_PRO_NOTICES' ) || define( 'STACKABLE_SHOW_PRO_NOTICES', true );
 defined( 'STACKABLE_BUILD' ) || define( 'STACKABLE_BUILD', 'free' );
-defined( 'STACKABLE_VERSION' ) || define( 'STACKABLE_VERSION', '3.18.1' );
+defined( 'STACKABLE_VERSION' ) || define( 'STACKABLE_VERSION', '3.19.0' );
 defined( 'STACKABLE_FILE' ) || define( 'STACKABLE_FILE', __FILE__ );
 defined( 'STACKABLE_I18N' ) || define( 'STACKABLE_I18N', 'stackable-ultimate-gutenberg-blocks' ); // Plugin slug.
 defined( 'STACKABLE_DESIGN_LIBRARY_URL' ) || define( 'STACKABLE_DESIGN_LIBRARY_URL', 'https://stackable-files.pages.dev' ); // Design Library CDN URL

From 3ee04a7c56183d13a7f7a76d345e5bccebc08cd1 Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Tue, 16 Sep 2025 20:31:46 +0800
Subject: [PATCH 75/78] only show the blocks tour when triggered

---
 src/components/guided-modal-tour/tours/blocks.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/guided-modal-tour/tours/blocks.js b/src/components/guided-modal-tour/tours/blocks.js
index 914136366f..dd4d2b74b7 100644
--- a/src/components/guided-modal-tour/tours/blocks.js
+++ b/src/components/guided-modal-tour/tours/blocks.js
@@ -6,7 +6,7 @@ import { createInterpolateElement } from '@wordpress/element'
 export const blocks = {
 	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
 		// Force show the tour if there is a GET parameter tour=blocks
-		return window?.location?.search?.includes( 'tour=blocks' ) ? true : null
+		return window?.location?.search?.includes( 'tour=blocks' )
 	},
 	initialize: () => {
 		// Add some default content that we will select

From 3a89b4adfdeff3f954c239609e84181e7f32544c Mon Sep 17 00:00:00 2001
From: "bfintal@gmail.com" <>
Date: Tue, 16 Sep 2025 20:39:14 +0800
Subject: [PATCH 76/78] do not repeat guided tours, do not show multiple guided
 tours

---
 src/components/guided-modal-tour/index.js     | 44 +++++++++++++++
 .../guided-modal-tour/tours/editor.js         |  5 +-
 src/components/guided-modal-tour/util.js      | 53 +++++++++++++++++++
 3 files changed, 100 insertions(+), 2 deletions(-)
 create mode 100644 src/components/guided-modal-tour/util.js

diff --git a/src/components/guided-modal-tour/index.js b/src/components/guided-modal-tour/index.js
index 3b121a96c6..cb1226c6e7 100644
--- a/src/components/guided-modal-tour/index.js
+++ b/src/components/guided-modal-tour/index.js
@@ -2,6 +2,13 @@
  * Internal dependencies
  */
 import { TOUR_STEPS } from './tour-steps'
+import {
+	setActiveTour,
+	clearActiveTour,
+	isTourActive,
+	getActiveTourId,
+	addTourStateListener,
+} from './util'
 
 /**
  * External dependencies
@@ -42,6 +49,17 @@ const GuidedModalTour = props => {
 	// We need this to prevent the tour from being shown again if it's just completed.
 	const [ justCompleted, setJustCompleted ] = useState( false )
 
+	// Check if another tour is already active
+	const [ isAnotherTourActive, setIsAnotherTourActive ] = useState( isTourActive() && getActiveTourId() !== tourId )
+
+	// Listen for tour state changes
+	useEffect( () => {
+		const removeListener = addTourStateListener( activeId => {
+			setIsAnotherTourActive( activeId !== null && activeId !== tourId )
+		} )
+		return removeListener
+	}, [ tourId ] )
+
 	const {
 		steps = [],
 		condition = null,
@@ -53,6 +71,11 @@ const GuidedModalTour = props => {
 		return null
 	}
 
+	// If another tour is already active, don't show this tour
+	if ( isAnotherTourActive ) {
+		return null
+	}
+
 	// If there is a condition, check if it's met, if not, don't show the tour.
 	// condition can be true, false, or null. true will show the tour (even if
 	// it's already done), false will not show the tour, null will show the tour
@@ -71,6 +94,7 @@ const GuidedModalTour = props => {
 	}
 
 	return <ModalTour
+		tourId={ tourId }
 		steps={ steps }
 		hasConfetti={ hasConfetti }
 		initialize={ initialize }
@@ -78,6 +102,9 @@ const GuidedModalTour = props => {
 			setIsDone( true )
 			setJustCompleted( true )
 
+			// Clear the active tour
+			clearActiveTour()
+
 			// Update the stackable_guided_tour_states setting
 			if ( ! guidedTourStates.includes( tourId ) ) {
 				// eslint-disable-next-line camelcase
@@ -98,6 +125,7 @@ const GuidedModalTour = props => {
 
 const ModalTour = props => {
 	const {
+		tourId,
 		steps,
 		onClose = NOOP,
 		hasConfetti = true,
@@ -141,6 +169,22 @@ const ModalTour = props => {
 		}, 50 )
 	}, [ initialize ] )
 
+	// Set active tour when modal becomes visible
+	useEffect( () => {
+		if ( isVisible ) {
+			setActiveTour( tourId )
+		}
+	}, [ isVisible, tourId ] )
+
+	// Clear active tour when component unmounts
+	useEffect( () => {
+		return () => {
+			if ( getActiveTourId() === tourId ) {
+				clearActiveTour()
+			}
+		}
+	}, [ tourId ] )
+
 	// While the modal is visible, just keep on force refreshing the modal in an interval to make sure the modal is always in the correct position.
 	useEffect( () => {
 		let interval
diff --git a/src/components/guided-modal-tour/tours/editor.js b/src/components/guided-modal-tour/tours/editor.js
index 512559f43f..1d6e2a68e6 100644
--- a/src/components/guided-modal-tour/tours/editor.js
+++ b/src/components/guided-modal-tour/tours/editor.js
@@ -1,12 +1,13 @@
 import { __ } from '@wordpress/i18n'
-import { i18n } from 'stackable'
+import { i18n, guidedTourStates } from 'stackable'
 import { createInterpolateElement } from '@wordpress/element'
 
 export const editor = {
 	hasConfetti: false,
 	condition: () => { // If provided, true will show the tour (even if it's already done), false will not show the tour, null will show the tour only once.
 		// Do not show the tour if there is a GET parameter that shows another tour.
-		return window?.location?.search?.includes( 'tour=' ) ? false : null
+		return window?.location?.search?.includes( 'tour=' ) ? false
+			: guidedTourStates.includes( 'design-library' ) ? false : null
 	},
 	steps: [
 		{
diff --git a/src/components/guided-modal-tour/util.js b/src/components/guided-modal-tour/util.js
new file mode 100644
index 0000000000..a8f2f34b7b
--- /dev/null
+++ b/src/components/guided-modal-tour/util.js
@@ -0,0 +1,53 @@
+/**
+ * Global tour state management utilities
+ *
+ * This module provides functions to manage the global state of guided modal tours,
+ * ensuring that only one tour can be active at a time.
+ */
+
+// Global tour state
+let activeTourId = null
+const tourStateListeners = new Set()
+
+/**
+ * Set the currently active tour
+ *
+ * @param {string} tourId - The ID of the tour to set as active
+ */
+export const setActiveTour = tourId => {
+	activeTourId = tourId
+	tourStateListeners.forEach( listener => listener( tourId ) )
+}
+
+/**
+ * Clear the currently active tour
+ */
+export const clearActiveTour = () => {
+	activeTourId = null
+	tourStateListeners.forEach( listener => listener( null ) )
+}
+
+/**
+ * Check if any tour is currently active
+ *
+ * @return {boolean} True if a tour is active, false otherwise
+ */
+export const isTourActive = () => activeTourId !== null
+
+/**
+ * Get the currently active tour ID
+ *
+ * @return {string|null} The active tour ID or null if no tour is active
+ */
+export const getActiveTourId = () => activeTourId
+
+/**
+ * Add a listener for tour state changes
+ *
+ * @param {Function} listener - Function to call when tour state changes
+ * @return {Function} Function to remove the listener
+ */
+export const addTourStateListener = listener => {
+	tourStateListeners.add( listener )
+	return () => tourStateListeners.delete( listener )
+}

From 2c2e3804a823e9afeb8b254d34396e2038a37347 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Tue, 16 Sep 2025 22:23:06 +0800
Subject: [PATCH 77/78] show spinner while inserting designs

---
 src/block/design-library/edit.js | 152 +++++++++++++++++--------------
 1 file changed, 84 insertions(+), 68 deletions(-)

diff --git a/src/block/design-library/edit.js b/src/block/design-library/edit.js
index 397aafb708..0d21c9ac6d 100644
--- a/src/block/design-library/edit.js
+++ b/src/block/design-library/edit.js
@@ -31,6 +31,7 @@ import { applyFilters } from '@wordpress/hooks'
 import {
 	// eslint-disable-next-line @wordpress/no-unsafe-wp-apis
 	Placeholder, Modal, __experimentalVStack as VStack, Flex,
+	Spinner,
 } from '@wordpress/components'
 import { useBlockProps } from '@wordpress/block-editor'
 import apiFetch from '@wordpress/api-fetch'
@@ -95,6 +96,7 @@ const Edit = props => {
 
 	const [ isLibraryOpen, setIsLibraryOpen ] = useState( false )
 	const [ isDialogOpen, setIsDialogOpen ] = useState( DIALOG_OPTIONS.CLOSE )
+	const [ isInserting, setIsInserting ] = useState( false )
 
 	const designsRef = useRef( [] )
 	const disabledBlocksRef = useRef( [] )
@@ -237,11 +239,14 @@ const Edit = props => {
 	}
 
 	const addDesigns = async substituteBlocks => {
+		setIsInserting( true )
 		const { getBlockRootClientId } = select( 'core/block-editor' )
 		const parentClientId = getBlockRootClientId( clientId )
 
 		if ( ! designsRef.current?.length ) {
 			console.error( 'Design library selection failed: No designs found' ) // eslint-disable-line no-console
+			setIsInserting( false )
+			return
 		}
 
 		const designs = designsRef.current
@@ -264,6 +269,7 @@ const Edit = props => {
 		}
 
 		if ( ! blocks.length ) {
+			setIsInserting( false )
 			return
 		}
 
@@ -284,6 +290,8 @@ const Edit = props => {
 		if ( callbackRef.current ) {
 			callbackRef.current()
 		}
+
+		setIsInserting( false )
 	}
 
 	const onClickTertiary = () => {
@@ -395,7 +403,10 @@ const Edit = props => {
 				<Modal
 					className="ugb-design-library__confirm-dialog"
 					title={ __( 'Stackable Design Library', i18n ) }
-					onRequestClose={ () => setIsDialogOpen( DIALOG_OPTIONS.CLOSE ) }
+					onRequestClose={ () => {
+						setIsDialogOpen( DIALOG_OPTIONS.CLOSE )
+						setIsInserting( false )
+					 } }
 				>
 					<VStack spacing={ 8 }>
 						{ isDialogOpen === DIALOG_OPTIONS.REMOVE_BLOCKS && <>
@@ -405,53 +416,55 @@ const Edit = props => {
 								</p>
 							</div>
 							<Flex direction="column" align="stretch">
-								<Button
-									__next40pxDefaultSize
-									variant="primary"
-									onClick={ () => {
-										insertIndexRef.current = 0
-										if ( disabledBlocksRef.current.size ) {
+								{ isInserting ? <Spinner style={ { margin: '0 auto' } } /> : <>
+									<Button
+										__next40pxDefaultSize
+										variant="primary"
+										onClick={ () => {
+											insertIndexRef.current = 0
+											if ( disabledBlocksRef.current.size ) {
 											// Close this dialog and reopen after a while to show the notice for disabled blocks
 											// The existing blocks will be removed later
+												setIsDialogOpen( DIALOG_OPTIONS.CLOSE )
+												setTimeout( () => setIsDialogOpen( DIALOG_OPTIONS.DISABLED_BLOCKS ), 500 )
+												return
+											}
+
+											addDesigns( false )
+										} }
+									>
+										{ __( 'Replace existing content with page design', i18n ) }
+									</Button>
+									<Button
+										__next40pxDefaultSize
+										variant="secondary"
+										onClick={ () => {
+											insertIndexRef.current = blocksToRemoveRef.current.length
+											// When appending the page design, only remove the design library block
+											blocksToRemoveRef.current = [ clientId ]
+
+											if ( disabledBlocksRef.current.size ) {
+												setIsDialogOpen( DIALOG_OPTIONS.CLOSE )
+												setTimeout( () => setIsDialogOpen( DIALOG_OPTIONS.DISABLED_BLOCKS ), 500 )
+
+												return
+											}
+											addDesigns( false )
+										} }
+									>
+										{ __( 'Append page design only', i18n ) }
+									</Button>
+									<Button
+										__next40pxDefaultSize
+										variant="tertiary"
+										onClick={ () => {
+											blocksToRemoveRef.current = []
 											setIsDialogOpen( DIALOG_OPTIONS.CLOSE )
-											setTimeout( () => setIsDialogOpen( DIALOG_OPTIONS.DISABLED_BLOCKS ), 500 )
-											return
-										}
-
-										addDesigns( false )
-									} }
-								>
-									{ __( 'Replace existing content with page design', i18n ) }
-								</Button>
-								<Button
-									__next40pxDefaultSize
-									variant="secondary"
-									onClick={ () => {
-										insertIndexRef.current = blocksToRemoveRef.current.length
-										// When appending the page design, only remove the design library block
-										blocksToRemoveRef.current = [ clientId ]
-
-										if ( disabledBlocksRef.current.size ) {
-											setIsDialogOpen( DIALOG_OPTIONS.CLOSE )
-											setTimeout( () => setIsDialogOpen( DIALOG_OPTIONS.DISABLED_BLOCKS ), 500 )
-
-											return
-										}
-										addDesigns( false )
-									} }
-								>
-									{ __( 'Append page design only', i18n ) }
-								</Button>
-								<Button
-									__next40pxDefaultSize
-									variant="tertiary"
-									onClick={ () => {
-										blocksToRemoveRef.current = []
-										setIsDialogOpen( DIALOG_OPTIONS.CLOSE )
 									 } }
-								>
-									{ __( 'Cancel', i18n ) }
-								</Button>
+									>
+										{ __( 'Cancel', i18n ) }
+									</Button>
+								</> }
 							</Flex>
 						</> }
 						{ isDialogOpen === DIALOG_OPTIONS.DISABLED_BLOCKS && <>
@@ -463,30 +476,33 @@ const Edit = props => {
 								<p> { __( 'These blocks can be enabled in the Stackable settings page. Do you want to keep the disabled blocks or substitute them with other Stackable or core blocks?', i18n ) }</p>
 							</div>
 							<Flex direction="column" align="stretch">
-								<Button
-									__next40pxDefaultSize
-									style={ { textAlign: 'center' } }
-									variant="primary"
-									onClick={ () => onClickPrimary() }
-								>
-									{ __( 'Add patterns and substitute blocks', i18n ) }
-								</Button>
-								<Button
-									__next40pxDefaultSize
-									style={ { textAlign: 'center', marginBottom: '16px' } }
-									variant="secondary"
-									onClick={ () => onClickSecondary() }
-								>
-									{ __( 'Add patterns only (no substitutes)', i18n ) }
-								</Button>
-								<Button
-									__next40pxDefaultSize
-									style={ { textAlign: 'center', marginBottom: '16px' } }
-									variant="tertiary"
-									onClick={ () => onClickTertiary() }
-								>
-									{ __( 'Enable blocks in settings', i18n ) }
-								</Button>
+								{ isInserting ? <Spinner style={ { margin: '0 auto' } } /> : <>
+									<Button
+										__next40pxDefaultSize
+										style={ { textAlign: 'center' } }
+										variant="primary"
+										onClick={ () => onClickPrimary() }
+									>
+										{ __( 'Add patterns and substitute blocks', i18n ) }
+									</Button>
+									<Button
+										__next40pxDefaultSize
+										style={ { textAlign: 'center', marginBottom: '16px' } }
+										variant="secondary"
+										onClick={ () => onClickSecondary() }
+									>
+										{ __( 'Add patterns only (no substitutes)', i18n ) }
+									</Button>
+									<Button
+										__next40pxDefaultSize
+										style={ { textAlign: 'center', marginBottom: '16px' } }
+										variant="tertiary"
+										onClick={ () => onClickTertiary() }
+									>
+										{ __( 'Enable blocks in settings', i18n ) }
+									</Button>
+								</> }
+
 							</Flex>
 						</> }
 					</VStack>

From fad73f196c35f1dfd0bf00fa7f45addd46a09ba5 Mon Sep 17 00:00:00 2001
From: Mikhaela Tapia <mikhaelatapia@gmail.com>
Date: Wed, 17 Sep 2025 11:02:38 +0800
Subject: [PATCH 78/78] add optional chaining

---
 src/block/design-library/edit.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/block/design-library/edit.js b/src/block/design-library/edit.js
index 0d21c9ac6d..ba3150f952 100644
--- a/src/block/design-library/edit.js
+++ b/src/block/design-library/edit.js
@@ -169,17 +169,17 @@ const Edit = props => {
 				// For blocks with variations, do not remove the uniqueId
 				// since that will prompt the layout picker to show.
 				const hasVariations = !! getBlockType( blockName ) && getBlockVariations( blockName ).length > 0
-				if ( ! hasVariations && block.attributes.uniqueId ) {
+				if ( ! hasVariations && block.attributes?.uniqueId ) {
 					delete block.attributes.uniqueId
 				}
 
-				const customAttributes = block.attributes.customAttributes
+				const customAttributes = block.attributes?.customAttributes
 
 				const isDesignLibraryDevMode = devMode && localStorage.getItem( 'stk__design_library__dev_mode' ) === '1'
 				if ( ! isDesignLibraryDevMode ) {
 					const indexToDelete = customAttributes?.findIndex( attribute => attribute[ 0 ] === 'stk-design-library__bg-target' )
 					if ( customAttributes && indexToDelete !== -1 ) {
-						block.attributes.customAttributes.splice( indexToDelete, 1 )
+						block.attributes?.customAttributes.splice( indexToDelete, 1 )
 					}
 				}