diff --git a/.changeset/nine-students-turn.md b/.changeset/nine-students-turn.md
new file mode 100644
index 00000000000..aa3635efc37
--- /dev/null
+++ b/.changeset/nine-students-turn.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Add support for the experimental Stack component
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-baseline-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-center-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-end-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-start-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-horizontal-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-none-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-none-spread-start-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-center-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-center-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-end-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-end-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-around-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-space-evenly-wrap-wrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-start-wrap-nowrap--linux.png differ
diff --git a/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png
new file mode 100644
index 00000000000..984e950bc2a
Binary files /dev/null and b/.playwright/snapshots/components/Stack.test.ts-snapshots/Stack-align-stretch-direction-vertical-gap-normal-padding-normal-spread-start-wrap-wrap--linux.png differ
diff --git a/e2e/components/Stack.test.ts b/e2e/components/Stack.test.ts
new file mode 100644
index 00000000000..81c88acc2d6
--- /dev/null
+++ b/e2e/components/Stack.test.ts
@@ -0,0 +1,26 @@
+import {test, expect} from '@playwright/test'
+import {visit} from '../test-helpers/storybook'
+import {matrix, serialize} from '../test-helpers/matrix'
+
+const scenarios = matrix({
+  align: ['stretch', 'start', 'center', 'end', 'baseline'],
+  spread: ['start', 'center', 'end', 'space-around', 'space-evenly'],
+  direction: ['horizontal', 'vertical'],
+  wrap: ['wrap', 'nowrap'],
+  padding: ['none', 'normal'],
+  gap: ['none', 'normal'],
+})
+
+test.describe('Stack', () => {
+  for (const scenario of scenarios) {
+    const id = serialize(scenario)
+
+    test(`${id} @vrt`, async ({page}) => {
+      await visit(page, {
+        id: 'drafts-components-stack--playground',
+        args: scenario,
+      })
+      expect(await page.screenshot()).toMatchSnapshot(`Stack.${id}.png`)
+    })
+  }
+})
diff --git a/e2e/test-helpers/matrix.ts b/e2e/test-helpers/matrix.ts
new file mode 100644
index 00000000000..650fd717ec5
--- /dev/null
+++ b/e2e/test-helpers/matrix.ts
@@ -0,0 +1,71 @@
+type ConfigureKeys = 'include' | 'exclude'
+type InputKeys<Input> = Exclude<Extract<keyof Input, string>, ConfigureKeys>
+
+type Combination<Input> = {
+  [Property in InputKeys<Input>]: Input[Property] extends ReadonlyArray<infer ElementType> ? ElementType : never
+}
+
+type Config<Input> = {
+  [Property in InputKeys<Input>]: Input[Property] extends ReadonlyArray<unknown> ? Input[Property] : never
+} & {
+  include?: ReadonlyArray<Combination<Input>>
+  exclude?: ReadonlyArray<Combination<Input>>
+}
+
+type Values<Input> = {
+  [Key in InputKeys<Input>]: Input[Key] extends ReadonlyArray<unknown> ? Input[Key] : never
+}[InputKeys<Input>]
+
+export function matrix<Input extends Config<Input>>(input: Input): Array<Combination<Input>> {
+  const {include = [], exclude = [], ...scenarios} = input
+  const excluded = exclude.map(scenario => {
+    return Object.entries(scenario) as Array<[InputKeys<Input>, Combination<Input>]>
+  })
+  const keys = Object.keys(scenarios)
+  const values = Object.values(scenarios) as Array<Values<Input>>
+  const sets = product(values)
+
+  return sets
+    .map(set => {
+      return Object.fromEntries(
+        set.map((value, index) => {
+          return [keys[index], value]
+        }),
+      ) as Combination<Input>
+    })
+    .filter(set => {
+      const match = excluded.some(combination => {
+        return combination.every(([key, value]) => {
+          return set[key] === value
+        })
+      })
+      if (match) {
+        return false
+      }
+      return true
+    })
+    .concat(include)
+}
+
+function product<Sets extends ReadonlyArray<ReadonlyArray<unknown>>>([a, b, ...rest]: Sets): ReadonlyArray<
+  ReadonlyArray<unknown>
+> {
+  if (rest.length === 0) {
+    return a.flatMap(itemA => b.map(itemB => [itemA, itemB].flat()))
+  }
+  return product([product([a, b]), ...rest])
+}
+
+export function serialize<T extends string | boolean>(scenario: Record<string, T>): string {
+  return Object.entries(scenario)
+    .sort((a, b) => {
+      return a[0].localeCompare(b[0])
+    })
+    .map(([key, value]) => {
+      if (typeof value === 'string') {
+        return `${key}:"${value}"`
+      }
+      return `${key}:${value}`
+    })
+    .join(', ')
+}
diff --git a/packages/react/src/Stack/Stack.docs.json b/packages/react/src/Stack/Stack.docs.json
new file mode 100644
index 00000000000..aab6b4b4d6c
--- /dev/null
+++ b/packages/react/src/Stack/Stack.docs.json
@@ -0,0 +1,52 @@
+{
+  "id": "stack",
+  "name": "Stack",
+  "status": "alpha",
+  "a11yReviewed": false,
+  "stories": [],
+  "importPath": "@primer/react/experimental",
+  "props": [
+    {
+      "name": "gap",
+      "type": "'none' | 'condensed' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'condensed' | 'normal' | 'spacious'>",
+      "description": "Specify the gap between children elements in the stack."
+    },
+    {
+      "name": "direction",
+      "type": "'horizontal' | 'vertical' | ResponsiveValue<'horizontal' | 'vertical'>",
+      "description": "Specify the orientation for the stack container."
+    },
+    {
+      "name": "align",
+      "type": "'stretch' | 'start' | 'center' | 'end' | 'baseline' | ResponsiveValue<'stretch' | 'start' | 'center' | 'end' | 'baseline'>",
+      "description": "Specify the alignment between items in the cross-axis of the orientation."
+    },
+    {
+      "name": "wrap",
+      "type": "'wrap' | 'nowrap' | ResponsiveValue<'wrap' | 'nowrap'>",
+      "description": "Specify whether items are forced onto one line or can wrap onto multiple lines."
+    },
+    {
+      "name": "justify",
+      "type": "'start' | 'center' | 'end' | 'space-between' | 'space-evenly' | ResponsiveValue<'start' | 'center' | 'end' | 'space-between' | 'space-evenly'>",
+      "description": "Specify how items will be distributed in the stacking direction."
+    },
+    {
+      "name": "padding",
+      "type": "'none' | 'condensed' | 'normal' | 'spacious' | ResponsiveValue<'none' | 'condensed' | 'normal' | 'spacious'>",
+      "description": "Specify the padding of the stack container."
+    }
+  ],
+  "subcomponents": [
+    {
+      "name": "Stack.Item",
+      "props": [
+        {
+          "name": "grow",
+          "type": "boolean | ResponsiveValue<boolean>",
+          "description": "Allow item to keep size or expand to fill the available space."
+        }
+      ]
+    }
+  ]
+}
diff --git a/packages/react/src/Stack/Stack.stories.tsx b/packages/react/src/Stack/Stack.stories.tsx
new file mode 100644
index 00000000000..c0300709dc6
--- /dev/null
+++ b/packages/react/src/Stack/Stack.stories.tsx
@@ -0,0 +1,563 @@
+import type {Meta, StoryObj} from '@storybook/react'
+import React from 'react'
+import {Stack} from '../Stack'
+import type {ResponsiveValue} from '../hooks/useResponsiveValue'
+
+type Story = StoryObj<typeof Stack>
+
+const meta: Meta<typeof Stack> = {
+  title: 'Drafts/Components/Stack',
+  component: Stack,
+}
+
+export default meta
+
+export const Default: Story = {
+  render: () => (
+    <Stack>
+      <div>First</div>
+      <div>Second</div>
+      <div>Third</div>
+    </Stack>
+  ),
+}
+
+export const Playground: Story = {
+  argTypes: {
+    gap: {
+      control: {
+        type: 'inline-radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'normal',
+        },
+      },
+    },
+    direction: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['horizontal', 'vertical'],
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'horizontal',
+        },
+      },
+    },
+    padding: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'none',
+        },
+      },
+    },
+    align: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['stretch', 'start', 'center', 'end', 'baseline'],
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'stretch',
+        },
+      },
+    },
+    justify: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['start', 'center', 'end', 'space-between', 'space-betweenEvenly'],
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'start',
+        },
+      },
+    },
+    wrap: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['wrap', 'nowrap'],
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'nowrap',
+        },
+      },
+    },
+    gapNarrow: {
+      control: {
+        type: 'inline-radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'normal',
+        },
+      },
+    },
+    directionNarrow: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['horizontal', 'vertical'],
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'horizontal',
+        },
+      },
+    },
+    paddingNarrow: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'none',
+        },
+      },
+    },
+    alignNarrow: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['stretch', 'start', 'center', 'end', 'baseline'],
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'stretch',
+        },
+      },
+    },
+    justifyNarrow: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['start', 'center', 'end', 'space-between', 'space-betweenEvenly'],
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'start',
+        },
+      },
+    },
+    wrapNarrow: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['wrap', 'nowrap'],
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'nowrap',
+        },
+      },
+    },
+    gapRegular: {
+      control: {
+        type: 'inline-radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'normal',
+        },
+      },
+    },
+    directionRegular: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['horizontal', 'vertical'],
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'horizontal',
+        },
+      },
+    },
+    paddingRegular: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'none',
+        },
+      },
+    },
+    alignRegular: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['stretch', 'start', 'center', 'end', 'baseline'],
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'stretch',
+        },
+      },
+    },
+    justifyRegular: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['start', 'center', 'end', 'space-between', 'space-betweenEvenly'],
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'start',
+        },
+      },
+    },
+    wrapRegular: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['wrap', 'nowrap'],
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'nowrap',
+        },
+      },
+    },
+    gapWide: {
+      control: {
+        type: 'inline-radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'normal',
+        },
+      },
+    },
+    directionWide: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['horizontal', 'vertical'],
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'horizontal',
+        },
+      },
+    },
+    paddingWide: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['none', 'condensed', 'normal', 'spacious'],
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'none',
+        },
+      },
+    },
+    alignWide: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['stretch', 'start', 'center', 'end', 'baseline'],
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'stretch',
+        },
+      },
+    },
+    justifyWide: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['start', 'center', 'end', 'space-between', 'space-betweenEvenly'],
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'start',
+        },
+      },
+    },
+    wrapWide: {
+      control: {
+        type: 'radio',
+      },
+      type: {
+        name: 'enum',
+        value: ['wrap', 'nowrap'],
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'nowrap',
+        },
+      },
+    },
+  },
+  render: args => {
+    return (
+      <Stack
+        {...args}
+        gap={getControlValues(args.gap, {narrow: args.gapNarrow, regular: args.gapRegular, wide: args.gapWide})}
+        direction={getControlValues(args.direction, {
+          narrow: args.directionNarrow,
+          regular: args.directionRegular,
+          wide: args.directionWide,
+        })}
+        padding={getControlValues(args.padding, {
+          narrow: args.paddingNarrow,
+          regular: args.paddingRegular,
+          wide: args.paddingWide,
+        })}
+        align={getControlValues(args.align, {
+          narrow: args.alignNarrow,
+          regular: args.alignRegular,
+          wide: args.alignWide,
+        })}
+        justify={getControlValues(args.justify, {
+          narrow: args.justifyNarrow,
+          regular: args.justifyRegular,
+          wide: args.justifyWide,
+        })}
+        wrap={getControlValues(args.wrap, {narrow: args.wrapNarrow, regular: args.wrapRegular, wide: args.wrapWide})}
+        className="demoStack"
+      >
+        <div
+          style={{
+            background: 'var(--display-lemon-bgColor-muted)',
+            borderRadius: 'var(--borderRadius-medium)',
+            padding: 'var(--base-size-8)',
+          }}
+        >
+          First
+        </div>
+        <div
+          style={{
+            background: 'var(--display-olive-bgColor-muted)',
+            borderRadius: 'var(--borderRadius-medium)',
+            padding: 'var(--base-size-8)',
+          }}
+        >
+          Second
+        </div>
+        <div
+          style={{
+            background: 'var(--display-lime-bgColor-muted)',
+            borderRadius: 'var(--borderRadius-medium)',
+            padding: 'var(--base-size-8)',
+          }}
+        >
+          Third
+        </div>
+      </Stack>
+    )
+  },
+}
+
+export const StackItemPlayground: Story = {
+  args: {
+    grow: true,
+    growNarrow: true,
+    growRegular: true,
+    growWide: true,
+  },
+  argTypes: {
+    grow: {
+      control: {
+        type: 'boolean',
+      },
+      table: {
+        category: 'Properties',
+        defaultValue: {
+          summary: 'true',
+        },
+      },
+    },
+    growNarrow: {
+      control: {
+        type: 'boolean',
+      },
+      table: {
+        category: 'Narrow properties',
+        defaultValue: {
+          summary: 'true',
+        },
+      },
+    },
+    growRegular: {
+      control: {
+        type: 'boolean',
+      },
+      table: {
+        category: 'Regular properties',
+        defaultValue: {
+          summary: 'true',
+        },
+      },
+    },
+    growWide: {
+      control: {
+        type: 'boolean',
+      },
+      table: {
+        category: 'Wide properties',
+        defaultValue: {
+          summary: 'true',
+        },
+      },
+    },
+  },
+  render: args => {
+    return (
+      <Stack gap="normal" direction="horizontal" align="center" justify="space-between" wrap="nowrap">
+        <Stack.Item
+          grow={getControlValues(args.grow, {
+            narrow: args.growNarrow,
+            regular: args.growRegular,
+            wide: args.growWide,
+          })}
+        >
+          <div
+            style={{
+              background: 'var(--display-indigo-bgColor-muted)',
+              borderRadius: 'var(--borderRadius-medium)',
+              padding: 'var(--base-size-8)',
+            }}
+          >
+            Adjust this item
+          </div>
+        </Stack.Item>
+        <Stack.Item>
+          <div
+            style={{
+              background: 'var(--display-purple-bgColor-muted)',
+              borderRadius: 'var(--borderRadius-medium)',
+              padding: 'var(--base-size-8)',
+            }}
+          >
+            Fixed width
+          </div>
+        </Stack.Item>
+        <Stack.Item>
+          <div
+            style={{
+              background: 'var(--display-purple-bgColor-muted)',
+              borderRadius: 'var(--borderRadius-medium)',
+              padding: 'var(--base-size-8)',
+            }}
+          >
+            Fixed width
+          </div>
+        </Stack.Item>
+      </Stack>
+    )
+  },
+}
+
+const types = ['narrow', 'regular', 'wide'] as const
+
+/**
+ * Helper utility to get the value for a prop based on control args. This is
+ * helpful when an arg can have both responsive values and a plain value. In
+ * cases where both are defined, responsive values will take preference
+ */
+function getControlValues<T>(normal: T, responsive: ResponsiveValue<T>) {
+  const match = types.some(type => {
+    return responsive[type]
+  })
+  if (match) {
+    return responsive
+  }
+  return normal
+}
diff --git a/packages/react/src/Stack/Stack.tsx b/packages/react/src/Stack/Stack.tsx
new file mode 100644
index 00000000000..4ea77b10f31
--- /dev/null
+++ b/packages/react/src/Stack/Stack.tsx
@@ -0,0 +1,430 @@
+import React, {type ElementType} from 'react'
+import styled from 'styled-components'
+import type {ResponsiveValue} from '../hooks/useResponsiveValue'
+import {getResponsiveAttributes} from '../internal/utils/getResponsiveAttributes'
+
+const StyledStack = styled.div`
+  --Stack-gap-whenRegular: var(--stack-gap-normal, 16px);
+  --Stack-gap-whenNarrow: var(--stack-gap-normal, 16px);
+  --Stack-gap-whenWide: var(--Stack-gap-whenRegular);
+
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  align-content: flex-start;
+  gap: var(--Stack-gap-whenNarrow);
+
+  // non-responsive values
+
+  &[data-padding='none'],
+  &[data-padding-narrow='none'] {
+    padding: 0;
+  }
+
+  &[data-padding='condensed'],
+  &[data-padding-narrow='condensed'] {
+    padding: var(--stack-padding-condensed, 8px);
+  }
+
+  &[data-padding='normal'],
+  &[data-padding-narrow='normal'] {
+    padding: var(--stack-padding-normal, 16px);
+  }
+
+  &[data-padding='spacious'],
+  &[data-padding-narrow='spacious'] {
+    padding: var(--stack-padding-spacious, 24px);
+  }
+
+  &[data-orientation='horizontal'],
+  &[data-orientation-narrow='horizontal'] {
+    flex-flow: row;
+  }
+
+  &[data-orientation='vertical'],
+  &[data-orientation-narrow='vertical'] {
+    flex-flow: column;
+  }
+
+  &[data-gap='none'],
+  &[data-gap-narrow='none'] {
+    --Stack-gap-whenNarrow: 0;
+  }
+
+  &[data-gap='condensed'],
+  &[data-gap-narrow='condensed'] {
+    --Stack-gap-whenNarrow: var(--stack-gap-condensed, 8px);
+  }
+
+  &[data-gap='normal'],
+  &[data-gap-narrow='normal'] {
+    --Stack-gap-whenNarrow: var(--stack-gap-normal, 16px);
+  }
+
+  &[data-align='start'],
+  &[data-align-narrow='start'] {
+    align-items: flex-start;
+  }
+
+  &[data-align='center'],
+  &[data-align-narrow='center'] {
+    align-items: center;
+  }
+
+  &[data-align='end'],
+  &[data-align-narrow='end'] {
+    align-items: flex-end;
+  }
+
+  &[data-align='baseline'],
+  &[data-align-narrow='baseline'] {
+    align-items: baseline;
+  }
+
+  &[data-spread='start'],
+  &[data-spread-narrow='start'] {
+    justify-content: flex-start;
+  }
+
+  &[data-spread='center'],
+  &[data-spread-narrow='center'] {
+    justify-content: center;
+  }
+
+  &[data-spread='end'],
+  &[data-spread-narrow='end'] {
+    justify-content: flex-end;
+  }
+
+  &[data-spread='space-between'],
+  &[data-spread-narrow='space-between'] {
+    justify-content: space-between;
+  }
+
+  &[data-spread='space-evenly'],
+  &[data-spread-narrow='space-evenly'] {
+    justify-content: space-evenly;
+  }
+
+  &[data-wrap='wrap'],
+  &[data-wrap-narrow='wrap'] {
+    flex-wrap: wrap;
+  }
+
+  &[data-wrap='nowrap'],
+  &[data-wrap-narrow='nowrap'] {
+    flex-wrap: nowrap;
+  }
+
+  // @custom-media --veiwportRange-regular
+  @media (min-width: 48rem) {
+    &[data-padding-regular='none'] {
+      padding: 0;
+    }
+
+    &[data-padding-regular='condensed'] {
+      padding: var(--stack-padding-condensed, 8px);
+    }
+
+    &[data-padding-regular='normal'] {
+      padding: var(--stack-padding-normal, 16px);
+    }
+
+    &[data-padding-regular='spacious'] {
+      padding: var(--stack-padding-spacious, 24px);
+    }
+
+    &[data-orientation-regular='horizontal'] {
+      flex-flow: row;
+    }
+
+    &[data-orientation-regular='vertical'] {
+      flex-flow: column;
+    }
+
+    &[data-gap-regular='none'] {
+      --Stack-gap-whenRegular: 0;
+    }
+
+    &[data-gap-regular='condensed'] {
+      --Stack-gap-whenRegular: var(--stack-gap-condensed, 8px);
+    }
+
+    &[data-gap-regular='normal'] {
+      --Stack-gap-whenRegular: var(--stack-gap-normal, 16px);
+    }
+
+    &[data-gap-regular='spacious'] {
+      --Stack-gap-whenRegular: var(--stack-gap-spacious, 24px);
+    }
+
+    &[data-align-regular='start'] {
+      align-items: flex-start;
+    }
+
+    &[data-align-regular='center'] {
+      align-items: center;
+    }
+
+    &[data-align-regular='end'] {
+      align-items: flex-end;
+    }
+
+    &[data-align-regular='baseline'] {
+      align-items: baseline;
+    }
+
+    &[data-spread-regular='start'] {
+      justify-content: flex-start;
+    }
+
+    &[data-spread-regular='center'] {
+      justify-content: center;
+    }
+
+    &[data-spread-regular='end'] {
+      justify-content: flex-end;
+    }
+
+    &[data-spread-regular='space-between'] {
+      justify-content: space-between;
+    }
+
+    &[data-spread-regular='space-evenly'] {
+      justify-content: space-evenly;
+    }
+
+    &[data-wrap-regular='wrap'] {
+      flex-wrap: wrap;
+    }
+
+    &[data-wrap-regular='nowrap'] {
+      flex-wrap: nowrap;
+    }
+  }
+
+  // @custom-media --viewportRange-wide
+  @media (min-width: 87.5rem) {
+    gap: var(--Stack-gap-whenWide);
+
+    &[data-padding-wide='none'] {
+      padding: 0;
+    }
+
+    &[data-padding-wide='condensed'] {
+      padding: var(--stack-padding-condensed, 8px);
+    }
+
+    &[data-padding-wide='normal'] {
+      padding: var(--stack-padding-normal, 16px);
+    }
+
+    &[data-padding-wide='spacious'] {
+      padding: var(--stack-padding-spacious, 24px);
+    }
+
+    &[data-orientation-wide='horizontal'] {
+      flex-flow: row;
+    }
+
+    &[data-orientation-wide='vertical'] {
+      flex-flow: column;
+    }
+
+    &[data-gap-wide='none'] {
+      --Stack-gap-whenWide: 0;
+    }
+
+    &[data-gap-wide='condensed'] {
+      --Stack-gap-whenWide: var(--stack-gap-condensed, 8px);
+    }
+
+    &[data-gap-wide='normal'] {
+      --Stack-gap-whenWide: var(--stack-gap-normal, 16px);
+    }
+
+    &[data-gap-wide='spacious'] {
+      --Stack-gap-whenWide: var(--stack-gap-spacious, 24px);
+    }
+
+    &[data-align-wide='start'] {
+      align-items: flex-start;
+    }
+
+    &[data-align-wide='center'] {
+      align-items: center;
+    }
+
+    &[data-align-wide='end'] {
+      align-items: flex-end;
+    }
+
+    &[data-align-wide='baseline'] {
+      align-items: baseline;
+    }
+
+    &[data-spread-wide='start'] {
+      justify-content: flex-start;
+    }
+
+    &[data-spread-wide='center'] {
+      justify-content: center;
+    }
+
+    &[data-spread-wide='end'] {
+      justify-content: flex-end;
+    }
+
+    &[data-spread-wide='space-between'] {
+      justify-content: space-between;
+    }
+
+    &[data-spread-wide='space-evenly'] {
+      justify-content: space-evenly;
+    }
+  }
+`
+
+type GapScale = 'none' | 'condensed' | 'normal' | 'spacious'
+type Gap = GapScale | ResponsiveValue<GapScale>
+
+type DirectionScale = 'horizontal' | 'vertical'
+type Direction = DirectionScale | ResponsiveValue<DirectionScale>
+
+type AlignScale = 'stretch' | 'start' | 'center' | 'end' | 'baseline'
+type Align = AlignScale | ResponsiveValue<AlignScale>
+
+type WrapScale = 'wrap' | 'nowrap'
+type Wrap = WrapScale | ResponsiveValue<WrapScale>
+
+type JustifyScale = 'start' | 'center' | 'end' | 'space-between' | 'space-evenly'
+type Justify = JustifyScale | ResponsiveValue<JustifyScale>
+
+type PaddingScale = 'none' | 'condensed' | 'normal' | 'spacious'
+type Padding = PaddingScale | ResponsiveValue<PaddingScale>
+
+type StackProps<As> = React.PropsWithChildren<{
+  /**
+   * Customize the element type of the rendered container
+   */
+  as?: As
+
+  /**
+   * Specify the gap between children elements in the stack
+   */
+  gap?: Gap
+
+  /**
+   * Specify the orientation for the stack container
+   * @default vertical
+   */
+  direction?: Direction
+
+  /**
+   * Specify the alignment between items in the cross-axis of the orientation
+   * @default stretch
+   */
+  align?: Align
+
+  /**
+   * Specify whether items are forced onto one line or can wrap onto multiple lines
+   * @default nowrap
+   */
+  wrap?: Wrap
+
+  /**
+   * Specify how items will be distributed in the stacking direction
+   * @default start
+   */
+  justify?: Justify
+
+  /**
+   * Specify the padding of the stack container
+   * @default none
+   */
+  padding?: Padding
+}>
+
+function Stack<As extends ElementType>({
+  as,
+  children,
+  align = 'stretch',
+  direction = 'vertical',
+  gap,
+  justify = 'start',
+  padding = 'none',
+  wrap = 'nowrap',
+  ...rest
+}: StackProps<As> & React.ComponentPropsWithoutRef<ElementType extends As ? As : 'div'>) {
+  const BaseComponent = as ?? 'div'
+
+  return (
+    <StyledStack
+      {...rest}
+      as={BaseComponent}
+      {...getResponsiveAttributes('gap', gap)}
+      {...getResponsiveAttributes('direction', direction)}
+      {...getResponsiveAttributes('align', align)}
+      {...getResponsiveAttributes('wrap', wrap)}
+      {...getResponsiveAttributes('justify', justify)}
+      {...getResponsiveAttributes('padding', padding)}
+    >
+      {children}
+    </StyledStack>
+  )
+}
+
+const StyledStackItem = styled.div`
+  flex: 0 1 auto;
+  min-inline-size: 0;
+
+  &[data-grow],
+  &[data-grow-narrow] {
+    flex-grow: 1;
+  }
+
+  // @custom-media --veiwportRange-regular
+  @media (min-width: 48rem) {
+    &[data-grow-regular] {
+      flex-grow: 1;
+    }
+  }
+
+  // @custom-media --viewportRange-wide
+  @media (min-width: 87.5rem) {
+    &[data-grow-wide] {
+      flex-grow: 1;
+    }
+  }
+`
+
+type StackItemProps<As> = React.PropsWithChildren<{
+  /**
+   * Customize the element type of the rendered container
+   */
+  as?: As
+
+  /**
+   * Allow item to keep size or expand to fill the available space
+   * @default false
+   */
+  grow?: boolean | ResponsiveValue<boolean>
+}>
+
+function StackItem<As extends ElementType>({
+  as,
+  children,
+  grow = false,
+  ...rest
+}: StackItemProps<As> & React.ComponentPropsWithoutRef<ElementType extends As ? As : 'div'>) {
+  const BaseComponent = as ?? 'div'
+
+  return (
+    <StyledStackItem {...rest} as={BaseComponent} {...getResponsiveAttributes('grow', grow)}>
+      {children}
+    </StyledStackItem>
+  )
+}
+
+export {Stack, StackItem}
+export type {StackProps, StackItemProps}
diff --git a/packages/react/src/Stack/__tests__/Stack.test.tsx b/packages/react/src/Stack/__tests__/Stack.test.tsx
new file mode 100644
index 00000000000..d4a361aeca5
--- /dev/null
+++ b/packages/react/src/Stack/__tests__/Stack.test.tsx
@@ -0,0 +1,234 @@
+import {render, screen} from '@testing-library/react'
+import React from 'react'
+import {Stack} from '../Stack'
+
+describe('Stack', () => {
+  it('should support rendering content through `children`', () => {
+    render(
+      <Stack>
+        <span data-testid="children" />
+      </Stack>,
+    )
+    expect(screen.getByTestId('children')).toBeInTheDocument()
+  })
+
+  it('should render a custom component with the `as` prop', () => {
+    const {container, rerender} = render(<Stack as="section" />)
+
+    expect(container.firstChild?.nodeName).toBe('SECTION')
+
+    const CustomComponent = jest.fn(({children}: React.PropsWithChildren) => {
+      return <div data-testid="custom-component">{children}</div>
+    })
+    rerender(<Stack as={CustomComponent}></Stack>)
+
+    expect(CustomComponent).toHaveBeenCalled()
+    expect(screen.getByTestId('custom-component')).toBeInTheDocument()
+  })
+
+  it('should forward extra props to the underlying element', () => {
+    render(<Stack data-testid="extra-props" id="test-id" />)
+    expect(screen.getByTestId('extra-props')).toHaveAttribute('id', 'test-id')
+  })
+
+  describe('align', () => {
+    it('should set the default `align` to `stretch`', () => {
+      render(<Stack data-testid="stack" />)
+      expect(screen.getByTestId('stack')).toHaveAttribute('data-align', 'stretch')
+    })
+
+    it('should support specifying the stack alignment with the `align` prop', () => {
+      render(
+        <>
+          <Stack data-testid="baseline" align="baseline" />
+          <Stack data-testid="center" align="center" />
+          <Stack data-testid="end" align="end" />
+          <Stack data-testid="start" align="start" />
+          <Stack data-testid="stretch" align="stretch" />
+        </>,
+      )
+      expect(screen.getByTestId('baseline')).toHaveAttribute('data-align', 'baseline')
+      expect(screen.getByTestId('center')).toHaveAttribute('data-align', 'center')
+      expect(screen.getByTestId('end')).toHaveAttribute('data-align', 'end')
+      expect(screen.getByTestId('start')).toHaveAttribute('data-align', 'start')
+      expect(screen.getByTestId('stretch')).toHaveAttribute('data-align', 'stretch')
+    })
+
+    it('should support responsive `align` values', () => {
+      render(
+        <Stack
+          data-testid="responsive"
+          align={{
+            narrow: 'start',
+            regular: 'center',
+            wide: 'end',
+          }}
+        />,
+      )
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-align-narrow', 'start')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-align-regular', 'center')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-align-wide', 'end')
+    })
+  })
+
+  describe('direction', () => {
+    it('should set the default direction to `vertical`', () => {
+      render(<Stack data-testid="stack" />)
+      expect(screen.getByTestId('stack')).toHaveAttribute('data-direction', 'vertical')
+    })
+
+    it('should support changing the stack direction with the `direction` prop', () => {
+      render(
+        <>
+          <Stack data-testid="vertical" direction="vertical" />
+          <Stack data-testid="horizontal" direction="horizontal" />
+        </>,
+      )
+      expect(screen.getByTestId('vertical')).toHaveAttribute('data-direction', 'vertical')
+      expect(screen.getByTestId('horizontal')).toHaveAttribute('data-direction', 'horizontal')
+    })
+
+    it('should support responsive `direction` values', () => {
+      render(<Stack data-testid="responsive-direction" direction={{narrow: 'vertical', regular: 'horizontal'}} />)
+      expect(screen.getByTestId('responsive-direction')).toHaveAttribute('data-direction-narrow', 'vertical')
+      expect(screen.getByTestId('responsive-direction')).toHaveAttribute('data-direction-regular', 'horizontal')
+    })
+  })
+
+  describe('gap', () => {
+    it('should set the default gap to `normal`', () => {
+      render(<Stack data-testid="stack" />)
+      expect(screen.getByTestId('stack')).toHaveStyle('gap: var(--Stack-gap-whenNarrow);')
+    })
+
+    it('should support specifying the stack gap with the `gap` prop', () => {
+      render(
+        <>
+          <Stack data-testid="condensed" gap="condensed" />
+          <Stack data-testid="normal" gap="normal" />
+          <Stack data-testid="spacious" gap="spacious" />
+        </>,
+      )
+      expect(screen.getByTestId('condensed')).toHaveAttribute('data-gap', 'condensed')
+      expect(screen.getByTestId('normal')).toHaveAttribute('data-gap', 'normal')
+      expect(screen.getByTestId('spacious')).toHaveAttribute('data-gap', 'spacious')
+    })
+
+    it('should support responsive `gap` values', () => {
+      render(<Stack data-testid="responsive-gap" gap={{narrow: 'condensed', regular: 'normal', wide: 'spacious'}} />)
+      expect(screen.getByTestId('responsive-gap')).toHaveAttribute('data-gap-narrow', 'condensed')
+      expect(screen.getByTestId('responsive-gap')).toHaveAttribute('data-gap-regular', 'normal')
+      expect(screen.getByTestId('responsive-gap')).toHaveAttribute('data-gap-wide', 'spacious')
+    })
+  })
+
+  describe('justify', () => {
+    it('should set the default justify to `start`', () => {
+      render(<Stack data-testid="stack" />)
+      expect(screen.getByTestId('stack')).toHaveAttribute('data-justify', 'start')
+    })
+
+    it('should support justifying content within the stack with `justify`', () => {
+      render(
+        <>
+          <Stack data-testid="center" justify="center" />
+          <Stack data-testid="start" justify="start" />
+          <Stack data-testid="end" justify="end" />
+          <Stack data-testid="space-evenly" justify="space-evenly" />
+          <Stack data-testid="space-between" justify="space-between" />
+        </>,
+      )
+      expect(screen.getByTestId('center')).toHaveAttribute('data-justify', 'center')
+      expect(screen.getByTestId('start')).toHaveAttribute('data-justify', 'start')
+      expect(screen.getByTestId('end')).toHaveAttribute('data-justify', 'end')
+      expect(screen.getByTestId('space-evenly')).toHaveAttribute('data-justify', 'space-evenly')
+      expect(screen.getByTestId('space-between')).toHaveAttribute('data-justify', 'space-between')
+    })
+
+    it('should support responsive `justify` values', () => {
+      render(
+        <Stack
+          data-testid="responsive"
+          justify={{
+            narrow: 'start',
+            regular: 'center',
+            wide: 'end',
+          }}
+        />,
+      )
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-justify-narrow', 'start')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-justify-regular', 'center')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-justify-wide', 'end')
+    })
+  })
+
+  describe('padding', () => {
+    it('should set the default padding to `none`', () => {
+      render(<Stack data-testid="stack" />)
+      expect(screen.getByTestId('stack')).toHaveAttribute('data-padding', 'none')
+    })
+
+    it('should support specifying the stack padding with the `padding` prop', () => {
+      render(
+        <>
+          <Stack data-testid="condensed" padding="condensed" />
+          <Stack data-testid="normal" padding="normal" />
+          <Stack data-testid="spacious" padding="spacious" />
+        </>,
+      )
+      expect(screen.getByTestId('condensed')).toHaveAttribute('data-padding', 'condensed')
+      expect(screen.getByTestId('normal')).toHaveAttribute('data-padding', 'normal')
+      expect(screen.getByTestId('spacious')).toHaveAttribute('data-padding', 'spacious')
+    })
+
+    it('should support responsive `padding` values', () => {
+      render(
+        <Stack
+          data-testid="responsive"
+          padding={{
+            narrow: 'none',
+            regular: 'condensed',
+            wide: 'spacious',
+          }}
+        />,
+      )
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-padding-narrow', 'none')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-padding-regular', 'condensed')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-padding-wide', 'spacious')
+    })
+  })
+
+  describe('wrap', () => {
+    it('should set the default wrap to `nowrap`', () => {
+      render(<Stack data-testid="stack" />)
+      expect(screen.getByTestId('stack')).toHaveAttribute('data-wrap', 'nowrap')
+    })
+
+    it('should support wrapping the content in the container with `wrap`', () => {
+      render(
+        <>
+          <Stack data-testid="wrap" wrap="wrap" />
+          <Stack data-testid="nowrap" wrap="nowrap" />
+        </>,
+      )
+      expect(screen.getByTestId('wrap')).toHaveAttribute('data-wrap', 'wrap')
+      expect(screen.getByTestId('nowrap')).toHaveAttribute('data-wrap', 'nowrap')
+    })
+
+    it('should support responsive `wrap` values', () => {
+      render(
+        <Stack
+          data-testid="responsive"
+          wrap={{
+            narrow: 'wrap',
+            regular: 'nowrap',
+            wide: 'wrap',
+          }}
+        />,
+      )
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-wrap-narrow', 'wrap')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-wrap-regular', 'nowrap')
+      expect(screen.getByTestId('responsive')).toHaveAttribute('data-wrap-wide', 'wrap')
+    })
+  })
+})
diff --git a/packages/react/src/Stack/__tests__/StackItem.test.tsx b/packages/react/src/Stack/__tests__/StackItem.test.tsx
new file mode 100644
index 00000000000..a2b13a7feb7
--- /dev/null
+++ b/packages/react/src/Stack/__tests__/StackItem.test.tsx
@@ -0,0 +1,49 @@
+import {render, screen} from '@testing-library/react'
+import React from 'react'
+import {Stack, StackItem} from '../Stack'
+
+describe('StackItem', () => {
+  it('should render its children', () => {
+    render(
+      <Stack>
+        <StackItem data-testid="stack-item">Content</StackItem>
+      </Stack>,
+    )
+    expect(screen.getByTestId('stack-item')).toHaveTextContent('Content')
+  })
+
+  it('should support the `grow` prop', () => {
+    render(
+      <Stack>
+        <StackItem data-testid="grow-true" grow={true} />
+        <StackItem data-testid="grow-false" />
+      </Stack>,
+    )
+    expect(screen.getByTestId('grow-true')).toHaveAttribute('data-grow', '')
+    expect(screen.getByTestId('grow-false')).not.toHaveAttribute('data-grow')
+  })
+
+  it('should support responsive `grow` values', () => {
+    render(
+      <Stack>
+        <StackItem data-testid="responsive-grow" grow={{narrow: true, regular: false, wide: true}} />
+      </Stack>,
+    )
+    expect(screen.getByTestId('responsive-grow')).toHaveAttribute('data-grow-narrow', '')
+    expect(screen.getByTestId('responsive-grow')).not.toHaveAttribute('data-grow-regular')
+    expect(screen.getByTestId('responsive-grow')).toHaveAttribute('data-grow-wide', '')
+  })
+
+  it('should render a custom component with the `as` prop', () => {
+    const CustomComponent = jest.fn(({children}: React.PropsWithChildren) => {
+      return <div data-testid="custom-stack-item">{children}</div>
+    })
+    render(
+      <Stack>
+        <StackItem as={CustomComponent}>Content</StackItem>
+      </Stack>,
+    )
+    expect(CustomComponent).toHaveBeenCalled()
+    expect(screen.getByTestId('custom-stack-item')).toHaveTextContent('Content')
+  })
+})
diff --git a/packages/react/src/Stack/index.ts b/packages/react/src/Stack/index.ts
new file mode 100644
index 00000000000..7109051a10d
--- /dev/null
+++ b/packages/react/src/Stack/index.ts
@@ -0,0 +1,6 @@
+import {Stack as StackImpl, StackItem} from './Stack'
+
+export const Stack = Object.assign(StackImpl, {
+  Item: StackItem,
+})
+export type {StackProps, StackItemProps} from './Stack'
diff --git a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
index d42911d9f54..9030c26ae71 100644
--- a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -292,6 +292,9 @@ exports[`@primer/react/drafts should not update exports without a semver change
   "type SelectPanelSecondaryActionProps",
   "type ShowSuggestionsEvent",
   "type SlotConfig",
+  "Stack",
+  "type StackItemProps",
+  "type StackProps",
   "type Suggestion",
   "type Suggestions",
   "type SyntheticChangeEmitter",
@@ -385,6 +388,9 @@ exports[`@primer/react/experimental should not update exports without a semver c
   "type SelectPanelSecondaryActionProps",
   "type ShowSuggestionsEvent",
   "type SlotConfig",
+  "Stack",
+  "type StackItemProps",
+  "type StackProps",
   "type Suggestion",
   "type Suggestions",
   "type SyntheticChangeEmitter",
diff --git a/packages/react/src/drafts/index.ts b/packages/react/src/drafts/index.ts
index 2f0a89728b5..3cbf49465fa 100644
--- a/packages/react/src/drafts/index.ts
+++ b/packages/react/src/drafts/index.ts
@@ -66,3 +66,6 @@ export type {TabPanelsProps, TabPanelsTabProps, TabPanelsPanelProps} from './Tab
 export * from '../TooltipV2'
 export {default as ActionBar} from './ActionBar'
 export * from './ActionBar'
+
+export {Stack} from '../Stack'
+export type {StackProps, StackItemProps} from '../Stack'