From 7401611001e682f2ccc0003ef795eaa6f888e1ea Mon Sep 17 00:00:00 2001
From: Victor Bocharsky <bocharsky.bw@gmail.com>
Date: Mon, 4 Sep 2023 18:16:14 +0200
Subject: [PATCH 01/13] Update ux.symfony.com local deployment instructions

---
 ux.symfony.com/README.md | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/ux.symfony.com/README.md b/ux.symfony.com/README.md
index b2a26ad8931..660a434b7aa 100644
--- a/ux.symfony.com/README.md
+++ b/ux.symfony.com/README.md
@@ -9,32 +9,42 @@ Source code for [ux.symfony.com](https://ux.symfony.com).
 1. Install the project:
     ```bash
     git clone git@github.com:symfony/ux
-    cd ux/ux.symfony.com
+    cd ux/ux.symfony.com/
     ```
+
 2. Install the dependencies:
     ```bash
-    composer install
+    symfony composer install
     ```
-3. (optional) Configure docker:
+
+3. (optional) Configure Docker:
     ```bash
     docker compose up -d
     ```
-4. Populate the database:
+
+5. Run database migrations:
+    ```bash
+    symfony console doctrine:migration:migrate
+    ```
+
+6. Populate the database:
     ```bash
     symfony console app:load-data
     ```
-5. Start the web server:
+
+7. Compile the Sass files:
     ```bash
-    symfony server:start -d
+    symfony console sass:build --watch
     ```
 
-6. Compile the Sass files:
+8. Start the web server:
     ```bash
-    php bin/console sass:build --watch
+    symfony server:start -d
     ```
 
+
 ### Running the Test Suite
 
 ```bash
-vendor/bin/phpunit
+symfony php bin/phpunit
 ```

From efa9427821e70c35b09e598b1559a60f0877de76 Mon Sep 17 00:00:00 2001
From: Victor Bocharsky <bocharsky.bw@gmail.com>
Date: Mon, 4 Sep 2023 16:15:35 +0200
Subject: [PATCH 02/13] Add a missing colon and fix misprint in the docs

---
 src/LiveComponent/doc/index.rst | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/LiveComponent/doc/index.rst b/src/LiveComponent/doc/index.rst
index ae76306647a..7e38f52a7d8 100644
--- a/src/LiveComponent/doc/index.rst
+++ b/src/LiveComponent/doc/index.rst
@@ -1087,7 +1087,7 @@ the ``#[LiveArg()]`` attribute::
     }
 
 Normally, the argument name in PHP - e.g. ``$id`` - should match the
-argument named used in Twig ``id={{ item.id }}``. But if they don't
+argument name used in Twig ``id={{ item.id }}``. But if they don't
 match, you can pass an argument to ``LiveArg``, like we did with ``itemName``.
 
 Actions and CSRF Protection
@@ -1153,7 +1153,7 @@ the component now extends ``AbstractController``! That is totally
 allowed, and gives you access to all of your normal controller
 shortcuts. We even added a flash message!
 
-.. _files
+.. _files:
 
 Uploading files
 ---------------
@@ -1172,7 +1172,7 @@ to handle the files and tell the component when the file should be sent:
         <button data-action="live#action" data-action-name="files|my_action" />
     </p>
 
-To send a file (or files) with an action use `files` modifier.
+To send a file (or files) with an action use ``files`` modifier.
 Without an argument it will send all pending files to your action.
 You can also specify a modifier parameter to choose which files should be upload.
 
@@ -1191,7 +1191,7 @@ You can also specify a modifier parameter to choose which files should be upload
         <button data-action="live#action" data-action-name="files|myAction" />
     </p>
 
-The files will be available in a regular `$request->files` files bag::
+The files will be available in a regular ``$request->files`` files bag::
 
     // src/Components/FileUpload.php
     namespace App\Components;
@@ -1219,8 +1219,8 @@ The files will be available in a regular `$request->files` files bag::
 .. tip::
 
     Remember that in order to send multiple files from a single input you
-    need to specify `multiple` attribute on HTML element and end `name`
-    with `[]`.
+    need to specify ``multiple`` attribute on HTML element and end ``name``
+    with ``[]``.
 
 .. _forms:
 

From 6933040dc1f6690cd30bca5aab982650555c229f Mon Sep 17 00:00:00 2001
From: sneakyvv <bart.vanderstukken@gmail.com>
Date: Mon, 4 Sep 2023 20:17:33 +0200
Subject: [PATCH 03/13] [TwigComponent][LiveComponent] Fix
 DataModelPropsSubscriber for embedded components

---
 .../DataModelPropsSubscriber.php              | 23 ++++++++++-
 .../Fixtures/Component/InputComponent.php     | 22 +++++++++++
 .../Component/ParentComponentDataModel.php    | 24 ++++++++++++
 .../Component/ParentComponentDataModel2.php   | 27 +++++++++++++
 .../components/input_component.html.twig      |  1 +
 .../parent_component_data_model.html.twig     |  2 +
 .../parent_component_data_model_2.html.twig   |  2 +
 .../DataModelPropsSubscriberTest.php          | 39 ++++++++++++++++---
 src/TwigComponent/src/ComponentRenderer.php   | 19 ++++-----
 src/TwigComponent/src/ComponentStack.php      | 10 ++++-
 .../src/Twig/ComponentExtension.php           |  9 +++++
 src/TwigComponent/src/Twig/ComponentNode.php  |  6 +++
 12 files changed, 166 insertions(+), 18 deletions(-)
 create mode 100644 src/LiveComponent/tests/Fixtures/Component/InputComponent.php
 create mode 100644 src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel.php
 create mode 100644 src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel2.php
 create mode 100644 src/LiveComponent/tests/Fixtures/templates/components/input_component.html.twig
 create mode 100644 src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model.html.twig
 create mode 100644 src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model_2.html.twig

diff --git a/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php b/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php
index 59ccfdf2f5e..ef59bb09a50 100644
--- a/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php
+++ b/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php
@@ -13,9 +13,11 @@
 
 use Symfony\Component\EventDispatcher\EventSubscriberInterface;
 use Symfony\Component\PropertyAccess\PropertyAccessorInterface;
+use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
 use Symfony\UX\LiveComponent\Util\ModelBindingParser;
 use Symfony\UX\TwigComponent\ComponentStack;
 use Symfony\UX\TwigComponent\Event\PreMountEvent;
+use Symfony\UX\TwigComponent\MountedComponent;
 
 /**
  * Parses the "data-model" key, which triggers extra props to be passed in.
@@ -54,8 +56,9 @@ public function onPreMount(PreMountEvent $event): void
         unset($data['dataModel']);
         $data['data-model'] = $dataModel;
 
-        // the parent is still listed as the "current" component at this point
-        $parentMountedComponent = $this->componentStack->getCurrentComponent();
+        // find the first parent of the component about to be rendered that is a Live Component
+        // only those can have properties controlled via the data-model attribute
+        $parentMountedComponent = $this->getCurrentLiveComponent($this->componentStack);
         if (null === $parentMountedComponent) {
             throw new \LogicException('You can only pass "data-model" when rendering a component when you\'re rendering inside of a parent component.');
         }
@@ -76,4 +79,20 @@ public static function getSubscribedEvents(): array
             PreMountEvent::class => 'onPreMount',
         ];
     }
+
+    private function getCurrentLiveComponent(ComponentStack $componentStack): ?MountedComponent
+    {
+        foreach ($componentStack as $mountedComponent) {
+            if ($this->isLiveComponent($mountedComponent->getComponent()::class)) {
+                return $mountedComponent;
+            }
+        }
+
+        return null;
+    }
+
+    private function isLiveComponent(string $classname): bool
+    {
+        return [] !== (new \ReflectionClass($classname))->getAttributes(AsLiveComponent::class);
+    }
 }
diff --git a/src/LiveComponent/tests/Fixtures/Component/InputComponent.php b/src/LiveComponent/tests/Fixtures/Component/InputComponent.php
new file mode 100644
index 00000000000..c8922842480
--- /dev/null
+++ b/src/LiveComponent/tests/Fixtures/Component/InputComponent.php
@@ -0,0 +1,22 @@
+<?php
+
+/*
+ * This file is part of the Symfony package.
+ *
+ * (c) Fabien Potencier <fabien@symfony.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\LiveComponent\Tests\Fixtures\Component;
+
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+
+/**
+ * @author Bart Vanderstukken <bart.vanderstukken@gmail.com>
+ */
+#[AsTwigComponent('input_component')]
+final class InputComponent
+{
+}
diff --git a/src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel.php b/src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel.php
new file mode 100644
index 00000000000..ac815ccfb66
--- /dev/null
+++ b/src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel.php
@@ -0,0 +1,24 @@
+<?php
+
+/*
+ * This file is part of the Symfony package.
+ *
+ * (c) Fabien Potencier <fabien@symfony.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\LiveComponent\Tests\Fixtures\Component;
+
+use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
+use Symfony\UX\LiveComponent\DefaultActionTrait;
+
+/**
+ * @author Bart Vanderstukken <bart.vanderstukken@gmail.com>
+ */
+#[AsLiveComponent('parent_component_data_model')]
+final class ParentComponentDataModel
+{
+    use DefaultActionTrait;
+}
diff --git a/src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel2.php b/src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel2.php
new file mode 100644
index 00000000000..4f40e356a65
--- /dev/null
+++ b/src/LiveComponent/tests/Fixtures/Component/ParentComponentDataModel2.php
@@ -0,0 +1,27 @@
+<?php
+
+/*
+ * This file is part of the Symfony package.
+ *
+ * (c) Fabien Potencier <fabien@symfony.com>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+namespace Symfony\UX\LiveComponent\Tests\Fixtures\Component;
+
+use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
+use Symfony\UX\LiveComponent\Attribute\LiveProp;
+use Symfony\UX\LiveComponent\DefaultActionTrait;
+
+/**
+ * @author Bart Vanderstukken <bart.vanderstukken@gmail.com>
+ */
+#[AsLiveComponent('parent_component_data_model_2')]
+final class ParentComponentDataModel2
+{
+    use DefaultActionTrait;
+
+    #[LiveProp(writable: true)] public string $content;
+}
diff --git a/src/LiveComponent/tests/Fixtures/templates/components/input_component.html.twig b/src/LiveComponent/tests/Fixtures/templates/components/input_component.html.twig
new file mode 100644
index 00000000000..4368bc1ceaa
--- /dev/null
+++ b/src/LiveComponent/tests/Fixtures/templates/components/input_component.html.twig
@@ -0,0 +1 @@
+<input{{ attributes }} />
diff --git a/src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model.html.twig b/src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model.html.twig
new file mode 100644
index 00000000000..a5fdd1aeca3
--- /dev/null
+++ b/src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model.html.twig
@@ -0,0 +1,2 @@
+{% component parent_component_data_model_2 with { content: 'default content on mount' } %}
+{% endcomponent %}
diff --git a/src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model_2.html.twig b/src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model_2.html.twig
new file mode 100644
index 00000000000..f7f140ea2ae
--- /dev/null
+++ b/src/LiveComponent/tests/Fixtures/templates/components/parent_component_data_model_2.html.twig
@@ -0,0 +1,2 @@
+{{ component('textarea_component', { dataModel: 'content' }) }}
+{% component input_component with { dataModel: 'content' } %}{% endcomponent %}
diff --git a/src/LiveComponent/tests/Integration/EventListener/DataModelPropsSubscriberTest.php b/src/LiveComponent/tests/Integration/EventListener/DataModelPropsSubscriberTest.php
index 2674cea2818..254e09dc32f 100644
--- a/src/LiveComponent/tests/Integration/EventListener/DataModelPropsSubscriberTest.php
+++ b/src/LiveComponent/tests/Integration/EventListener/DataModelPropsSubscriberTest.php
@@ -13,18 +13,16 @@
 
 use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
 use Symfony\Component\HttpFoundation\Request;
+use Symfony\UX\LiveComponent\Tests\LiveComponentTestHelper;
 use Symfony\UX\TwigComponent\ComponentRenderer;
 
 final class DataModelPropsSubscriberTest extends KernelTestCase
 {
+    use LiveComponentTestHelper;
+
     public function testDataModelPropsAreSharedToChild(): void
     {
-        // work around so that a session is available so CSRF doesn't fail
-        $session = self::getContainer()->get('session.factory')->createSession();
-        $request = Request::create('/');
-        $request->setSession($session);
-        $requestStack = self::getContainer()->get('request_stack');
-        $requestStack->push($request);
+        $this->fakeSession();
 
         /** @var ComponentRenderer $renderer */
         $renderer = self::getContainer()->get('ux.twig_component.component_renderer');
@@ -42,4 +40,33 @@ public function testDataModelPropsAreSharedToChild(): void
         $this->assertStringContainsString('<textarea data-model="content:value">Hello data-model!</textarea>', $html);
         $this->assertStringContainsString('<textarea data-model="content2:value">Value for second child</textarea>', $html);
     }
+
+    public function testDataModelPropsAreAvailableInEmbeddedComponents(): void
+    {
+        $this->fakeSession();
+
+        $templateName = 'components/parent_component_data_model.html.twig';
+        $obscuredName = '684c45bf85d3461dbe587407892e59d8';
+        $this->addTemplateMap($obscuredName, $templateName);
+
+        /** @var ComponentRenderer $renderer */
+        $renderer = self::getContainer()->get('ux.twig_component.component_renderer');
+
+        $html = $renderer->createAndRender('parent_component_data_model', [
+            'attributes' => ['data-live-id' => 'dummy-live-id'],
+        ]);
+
+        $this->assertStringContainsString('<textarea data-model="content">default content on mount</textarea>', $html);
+        $this->assertStringContainsString('<input data-model="content" value="default content on mount" />', $html);
+    }
+
+    private function fakeSession(): void
+    {
+        // work around so that a session is available so CSRF doesn't fail
+        $session = self::getContainer()->get('session.factory')->createSession();
+        $request = Request::create('/');
+        $request->setSession($session);
+        $requestStack = self::getContainer()->get('request_stack');
+        $requestStack->push($request);
+    }
 }
diff --git a/src/TwigComponent/src/ComponentRenderer.php b/src/TwigComponent/src/ComponentRenderer.php
index 38bc8f6e080..bd7ba4cdd14 100644
--- a/src/TwigComponent/src/ComponentRenderer.php
+++ b/src/TwigComponent/src/ComponentRenderer.php
@@ -93,17 +93,18 @@ public function embeddedContext(string $name, array $props, array $context, stri
 
         $this->componentStack->push($mounted);
 
-        try {
-            $embeddedContext = $this->preRender($mounted, $context)->getVariables();
-
-            if (!isset($embeddedContext['outerBlocks'])) {
-                $embeddedContext['outerBlocks'] = new BlockStack();
-            }
+        $embeddedContext = $this->preRender($mounted, $context)->getVariables();
 
-            return $embeddedContext;
-        } finally {
-            $this->componentStack->pop();
+        if (!isset($embeddedContext['outerBlocks'])) {
+            $embeddedContext['outerBlocks'] = new BlockStack();
         }
+
+        return $embeddedContext;
+    }
+
+    public function finishEmbeddedComponentRender(): void
+    {
+        $this->componentStack->pop();
     }
 
     private function preRender(MountedComponent $mounted, array $context = []): PreRenderEvent
diff --git a/src/TwigComponent/src/ComponentStack.php b/src/TwigComponent/src/ComponentStack.php
index 4815ccbee82..aba2919b34b 100644
--- a/src/TwigComponent/src/ComponentStack.php
+++ b/src/TwigComponent/src/ComponentStack.php
@@ -16,7 +16,7 @@
  *
  * @internal
  */
-class ComponentStack
+class ComponentStack implements \IteratorAggregate
 {
     /**
      * @var MountedComponent[]
@@ -60,4 +60,12 @@ public function hasParentComponent(): bool
     {
         return (bool) $this->getParentComponent();
     }
+
+    /**
+     * @return MountedComponent[]|\ArrayIterator
+     */
+    public function getIterator(): \Traversable
+    {
+        return new \ArrayIterator(array_reverse($this->components));
+    }
 }
diff --git a/src/TwigComponent/src/Twig/ComponentExtension.php b/src/TwigComponent/src/Twig/ComponentExtension.php
index b2560796a47..9de3cf665f8 100644
--- a/src/TwigComponent/src/Twig/ComponentExtension.php
+++ b/src/TwigComponent/src/Twig/ComponentExtension.php
@@ -80,6 +80,15 @@ public function embeddedContext(string $name, array $props, array $context, stri
         }
     }
 
+    public function finishEmbeddedComponentRender(): void
+    {
+        try {
+            $this->container->get(ComponentRenderer::class)->finishEmbeddedComponentRender();
+        } catch (\Throwable $e) {
+            $this->throwRuntimeError($name, $e);
+        }
+    }
+
     private function throwRuntimeError(string $name, \Throwable $e): void
     {
         if (!($e instanceof \Exception)) {
diff --git a/src/TwigComponent/src/Twig/ComponentNode.php b/src/TwigComponent/src/Twig/ComponentNode.php
index 98d5aeff796..b356de8138a 100644
--- a/src/TwigComponent/src/Twig/ComponentNode.php
+++ b/src/TwigComponent/src/Twig/ComponentNode.php
@@ -85,6 +85,12 @@ public function compile(Compiler $compiler): void
         $compiler->raw('->display($embeddedContext, $embeddedBlocks);');
         $compiler->raw("\n");
 
+        $compiler->write('$this->extensions[')
+            ->string(ComponentExtension::class)
+            ->raw(']->finishEmbeddedComponentRender()')
+            ->raw(";\n")
+        ;
+
         $compiler
             ->outdent()
             ->write('}')

From 953721e9c0fda77b5c2877a5cdfb6f29c92fc384 Mon Sep 17 00:00:00 2001
From: sneakyvv <bart.vanderstukken@gmail.com>
Date: Wed, 6 Sep 2023 11:25:23 +0200
Subject: [PATCH 04/13] [LiveComponent] Only consider Live components in
 InterceptChildComponentRenderSubscriber

---
 .../LiveComponentExtension.php                | 11 +++-
 .../DataModelPropsSubscriber.php              | 24 ++-------
 ...nterceptChildComponentRenderSubscriber.php |  6 +--
 .../src/Util/LiveComponentStack.php           | 54 +++++++++++++++++++
 4 files changed, 69 insertions(+), 26 deletions(-)
 create mode 100644 src/LiveComponent/src/Util/LiveComponentStack.php

diff --git a/src/LiveComponent/src/DependencyInjection/LiveComponentExtension.php b/src/LiveComponent/src/DependencyInjection/LiveComponentExtension.php
index 942233851aa..830a7a75d72 100644
--- a/src/LiveComponent/src/DependencyInjection/LiveComponentExtension.php
+++ b/src/LiveComponent/src/DependencyInjection/LiveComponentExtension.php
@@ -41,6 +41,7 @@
 use Symfony\UX\LiveComponent\Twig\TemplateMap;
 use Symfony\UX\LiveComponent\Util\ChildComponentPartialRenderer;
 use Symfony\UX\LiveComponent\Util\FingerprintCalculator;
+use Symfony\UX\LiveComponent\Util\LiveComponentStack;
 use Symfony\UX\LiveComponent\Util\LiveControllerAttributesCreator;
 use Symfony\UX\LiveComponent\Util\TwigAttributeHelperFactory;
 use Symfony\UX\TwigComponent\ComponentFactory;
@@ -113,7 +114,7 @@ function (ChildDefinition $definition, AsLiveComponent $attribute) {
         $container->register('ux.live_component.event_listener.data_model_props_subscriber', DataModelPropsSubscriber::class)
             ->addTag('kernel.event_subscriber')
             ->setArguments([
-                new Reference('ux.twig_component.component_stack'),
+                new Reference('ux.twig_component.live_component_stack'),
                 new Reference('property_accessor'),
             ])
         ;
@@ -130,10 +131,16 @@ function (ChildDefinition $definition, AsLiveComponent $attribute) {
         $container->register('ux.live_component.live_responder', LiveResponder::class);
         $container->setAlias(LiveResponder::class, 'ux.live_component.live_responder');
 
-        $container->register('ux.live_component.intercept_child_component_render_subscriber', InterceptChildComponentRenderSubscriber::class)
+        $container->register('ux.twig_component.live_component_stack', LiveComponentStack::class)
             ->setArguments([
                 new Reference('ux.twig_component.component_stack'),
             ])
+        ;
+
+        $container->register('ux.live_component.intercept_child_component_render_subscriber', InterceptChildComponentRenderSubscriber::class)
+            ->setArguments([
+                new Reference('ux.twig_component.live_component_stack'),
+            ])
             ->addTag('container.service_subscriber', ['key' => DeterministicTwigIdCalculator::class, 'id' => 'ux.live_component.deterministic_id_calculator'])
             ->addTag('container.service_subscriber', ['key' => ChildComponentPartialRenderer::class, 'id' => 'ux.live_component.child_component_partial_renderer'])
             ->addTag('kernel.event_subscriber');
diff --git a/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php b/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php
index ef59bb09a50..8cc4ce37523 100644
--- a/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php
+++ b/src/LiveComponent/src/EventListener/DataModelPropsSubscriber.php
@@ -13,11 +13,9 @@
 
 use Symfony\Component\EventDispatcher\EventSubscriberInterface;
 use Symfony\Component\PropertyAccess\PropertyAccessorInterface;
-use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
+use Symfony\UX\LiveComponent\Util\LiveComponentStack;
 use Symfony\UX\LiveComponent\Util\ModelBindingParser;
-use Symfony\UX\TwigComponent\ComponentStack;
 use Symfony\UX\TwigComponent\Event\PreMountEvent;
-use Symfony\UX\TwigComponent\MountedComponent;
 
 /**
  * Parses the "data-model" key, which triggers extra props to be passed in.
@@ -33,7 +31,7 @@ final class DataModelPropsSubscriber implements EventSubscriberInterface
 {
     private ModelBindingParser $modelBindingParser;
 
-    public function __construct(private ComponentStack $componentStack, private PropertyAccessorInterface $propertyAccessor)
+    public function __construct(private LiveComponentStack $componentStack, private PropertyAccessorInterface $propertyAccessor)
     {
         $this->modelBindingParser = new ModelBindingParser();
     }
@@ -58,7 +56,7 @@ public function onPreMount(PreMountEvent $event): void
 
         // find the first parent of the component about to be rendered that is a Live Component
         // only those can have properties controlled via the data-model attribute
-        $parentMountedComponent = $this->getCurrentLiveComponent($this->componentStack);
+        $parentMountedComponent = $this->componentStack->getCurrentLiveComponent();
         if (null === $parentMountedComponent) {
             throw new \LogicException('You can only pass "data-model" when rendering a component when you\'re rendering inside of a parent component.');
         }
@@ -79,20 +77,4 @@ public static function getSubscribedEvents(): array
             PreMountEvent::class => 'onPreMount',
         ];
     }
-
-    private function getCurrentLiveComponent(ComponentStack $componentStack): ?MountedComponent
-    {
-        foreach ($componentStack as $mountedComponent) {
-            if ($this->isLiveComponent($mountedComponent->getComponent()::class)) {
-                return $mountedComponent;
-            }
-        }
-
-        return null;
-    }
-
-    private function isLiveComponent(string $classname): bool
-    {
-        return [] !== (new \ReflectionClass($classname))->getAttributes(AsLiveComponent::class);
-    }
 }
diff --git a/src/LiveComponent/src/EventListener/InterceptChildComponentRenderSubscriber.php b/src/LiveComponent/src/EventListener/InterceptChildComponentRenderSubscriber.php
index 4a5e02780f8..552883653a4 100644
--- a/src/LiveComponent/src/EventListener/InterceptChildComponentRenderSubscriber.php
+++ b/src/LiveComponent/src/EventListener/InterceptChildComponentRenderSubscriber.php
@@ -16,8 +16,8 @@
 use Symfony\Contracts\Service\ServiceSubscriberInterface;
 use Symfony\UX\LiveComponent\Twig\DeterministicTwigIdCalculator;
 use Symfony\UX\LiveComponent\Util\ChildComponentPartialRenderer;
+use Symfony\UX\LiveComponent\Util\LiveComponentStack;
 use Symfony\UX\LiveComponent\Util\LiveControllerAttributesCreator;
-use Symfony\UX\TwigComponent\ComponentStack;
 use Symfony\UX\TwigComponent\Event\PreCreateForRenderEvent;
 
 /**
@@ -34,7 +34,7 @@ class InterceptChildComponentRenderSubscriber implements EventSubscriberInterfac
     public const CHILDREN_FINGERPRINTS_METADATA_KEY = 'children_fingerprints';
 
     public function __construct(
-        private ComponentStack $componentStack,
+        private LiveComponentStack $componentStack,
         private ContainerInterface $container,
     ) {
     }
@@ -42,7 +42,7 @@ public function __construct(
     public function preComponentCreated(PreCreateForRenderEvent $event): void
     {
         // if there is already a component, that's a parent. Else, this is not a child.
-        if (null === $parentComponent = $this->componentStack->getCurrentComponent()) {
+        if (null === $parentComponent = $this->componentStack->getCurrentLiveComponent()) {
             return;
         }
 
diff --git a/src/LiveComponent/src/Util/LiveComponentStack.php b/src/LiveComponent/src/Util/LiveComponentStack.php
new file mode 100644
index 00000000000..8824b08aa66
--- /dev/null
+++ b/src/LiveComponent/src/Util/LiveComponentStack.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Symfony\UX\LiveComponent\Util;
+
+use Symfony\UX\LiveComponent\Attribute\AsLiveComponent;
+use Symfony\UX\TwigComponent\ComponentStack;
+use Symfony\UX\TwigComponent\MountedComponent;
+
+/**
+ * This class decorates the TwigComponent\ComponentStack adding specific Live component functionalities.
+ *
+ * @author Bart Vanderstukken <bart.vanderstukken@gmail.com>
+ *
+ * @internal
+ */
+final class LiveComponentStack extends ComponentStack
+{
+    public function __construct(private readonly ComponentStack $componentStack)
+    {
+    }
+
+    public function getCurrentLiveComponent(): ?MountedComponent
+    {
+        foreach ($this->componentStack as $mountedComponent) {
+            if ($this->isLiveComponent($mountedComponent->getComponent()::class)) {
+                return $mountedComponent;
+            }
+        }
+
+        return null;
+    }
+
+    private function isLiveComponent(string $classname): bool
+    {
+        return [] !== (new \ReflectionClass($classname))->getAttributes(AsLiveComponent::class);
+    }
+
+    public function getCurrentComponent(): ?MountedComponent
+    {
+        return $this->componentStack->getCurrentComponent();
+    }
+
+    public function getParentComponent(): ?MountedComponent
+    {
+        return $this->componentStack->getParentComponent();
+    }
+
+    public function hasParentComponent(): bool
+    {
+        return $this->componentStack->hasParentComponent();
+    }
+}

From d9c61fefc3eb98f9939ba152a71f5ebb0a776723 Mon Sep 17 00:00:00 2001
From: Victor Bocharsky <bocharsky.bw@gmail.com>
Date: Wed, 6 Sep 2023 14:01:15 +0200
Subject: [PATCH 05/13] [docs] Fix more spots with missing double ticks

---
 src/LiveComponent/doc/index.rst | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/LiveComponent/doc/index.rst b/src/LiveComponent/doc/index.rst
index 7e38f52a7d8..d2f169f0147 100644
--- a/src/LiveComponent/doc/index.rst
+++ b/src/LiveComponent/doc/index.rst
@@ -2266,7 +2266,7 @@ There are three ways to emit an event:
 Listen to Events
 ~~~~~~~~~~~~~~~~
 
-To listen to an event, add a method with a `#[LiveListener]` above it::
+To listen to an event, add a method with a ``#[LiveListener]`` above it::
 
     #[LiveProp]
     public int $productCount = 0;
@@ -2280,7 +2280,7 @@ To listen to an event, add a method with a `#[LiveListener]` above it::
 Thanks to this, when any other component emits the ``productAdded`` event, an Ajax
 call will be made to call this method and re-render the component.
 
-Behind the scenes, event listeners are also `LiveActions <actions>`, so you can
+Behind the scenes, event listeners are also ``LiveActions <actions>``, so you can
 autowire any services you need.
 
 Passing Data to Listeners
@@ -2299,7 +2299,7 @@ You can also pass extra (scalar) data to the listeners::
     }
 
 In your listeners, you can access this by adding a matching argument
-name with `#[LiveArg]` in front::
+name with ``#[LiveArg]`` in front::
 
     #[LiveListener('productAdded')]
     public function incrementProductCount(#[LiveArg] int $product)

From 80347d8f5702211ed9e04c9c81ea3a15a8854b12 Mon Sep 17 00:00:00 2001
From: Mateusz Anders <103202246+andersmateusz@users.noreply.github.com>
Date: Wed, 6 Sep 2023 21:09:16 +0200
Subject: [PATCH 06/13] Update index.rst

No escape chars in code sample
---
 src/Turbo/doc/index.rst | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Turbo/doc/index.rst b/src/Turbo/doc/index.rst
index c66bb654467..71e7dc1a43c 100644
--- a/src/Turbo/doc/index.rst
+++ b/src/Turbo/doc/index.rst
@@ -804,7 +804,7 @@ to ``turbo_stream_listen()``:
 
 .. code-block:: html+twig
 
-    <div id="messages" {{ turbo_stream_listen('App\Entity\Book', 'hub2') }}></div>
+    <div id="messages" {{ turbo_stream_listen('App\\Entity\\Book', 'hub2') }}></div>
 
 Registering a Custom Transport
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

From 0722f74daf1845caf708ae91cdb09fb8a9eff756 Mon Sep 17 00:00:00 2001
From: Ryan Weaver <ryan@symfonycasts.com>
Date: Thu, 31 Aug 2023 14:27:52 -0400
Subject: [PATCH 07/13] [Site] Use new symfonycasts/dynamic-forms for dependent
 fields

---
 ux.symfony.com/composer.json                |   1 +
 ux.symfony.com/composer.lock                | 979 +++++++++++---------
 ux.symfony.com/src/Form/MealPlannerForm.php | 129 +--
 3 files changed, 558 insertions(+), 551 deletions(-)

diff --git a/ux.symfony.com/composer.json b/ux.symfony.com/composer.json
index 1155a5cdfdd..0e0070dd26e 100644
--- a/ux.symfony.com/composer.json
+++ b/ux.symfony.com/composer.json
@@ -49,6 +49,7 @@
         "symfony/ux-vue": "2.x-dev",
         "symfony/validator": "^6.3.1",
         "symfony/yaml": "^6.3.0",
+        "symfonycasts/dynamic-forms": "^0.1.0",
         "symfonycasts/sass-bundle": "^0.2.0",
         "twbs/bootstrap": "^5.3",
         "twig/extra-bundle": "^2.12|^3.6.1",
diff --git a/ux.symfony.com/composer.lock b/ux.symfony.com/composer.lock
index 858a7ffbf9e..b16c13d646f 100644
--- a/ux.symfony.com/composer.lock
+++ b/ux.symfony.com/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "04997be7946fbc585cde7f2d7bd1b256",
+    "content-hash": "4c3406462d6e2c81676a1889412db469",
     "packages": [
         {
             "name": "babdev/pagerfanta-bundle",
@@ -259,16 +259,16 @@
         },
         {
             "name": "doctrine/collections",
-            "version": "2.1.2",
+            "version": "2.1.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/collections.git",
-                "reference": "db8cda536a034337f7dd63febecc713d4957f9ee"
+                "reference": "3023e150f90a38843856147b58190aa8b46cc155"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/collections/zipball/db8cda536a034337f7dd63febecc713d4957f9ee",
-                "reference": "db8cda536a034337f7dd63febecc713d4957f9ee",
+                "url": "https://api.github.com/repos/doctrine/collections/zipball/3023e150f90a38843856147b58190aa8b46cc155",
+                "reference": "3023e150f90a38843856147b58190aa8b46cc155",
                 "shasum": ""
             },
             "require": {
@@ -281,7 +281,7 @@
                 "phpstan/phpstan": "^1.8",
                 "phpstan/phpstan-phpunit": "^1.0",
                 "phpunit/phpunit": "^9.5",
-                "vimeo/psalm": "^4.22"
+                "vimeo/psalm": "^5.11"
             },
             "type": "library",
             "autoload": {
@@ -325,7 +325,7 @@
             ],
             "support": {
                 "issues": "https://github.com/doctrine/collections/issues",
-                "source": "https://github.com/doctrine/collections/tree/2.1.2"
+                "source": "https://github.com/doctrine/collections/tree/2.1.3"
             },
             "funding": [
                 {
@@ -341,7 +341,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-12-27T23:41:38+00:00"
+            "time": "2023-07-06T15:15:36+00:00"
         },
         {
             "name": "doctrine/common",
@@ -436,16 +436,16 @@
         },
         {
             "name": "doctrine/dbal",
-            "version": "3.6.3",
+            "version": "3.6.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/dbal.git",
-                "reference": "9a747d29e7e6b39509b8f1847e37a23a0163ea6a"
+                "reference": "63646ffd71d1676d2f747f871be31b7e921c7864"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/dbal/zipball/9a747d29e7e6b39509b8f1847e37a23a0163ea6a",
-                "reference": "9a747d29e7e6b39509b8f1847e37a23a0163ea6a",
+                "url": "https://api.github.com/repos/doctrine/dbal/zipball/63646ffd71d1676d2f747f871be31b7e921c7864",
+                "reference": "63646ffd71d1676d2f747f871be31b7e921c7864",
                 "shasum": ""
             },
             "require": {
@@ -460,11 +460,12 @@
             "require-dev": {
                 "doctrine/coding-standard": "12.0.0",
                 "fig/log-test": "^1",
-                "jetbrains/phpstorm-stubs": "2022.3",
-                "phpstan/phpstan": "1.10.14",
+                "jetbrains/phpstorm-stubs": "2023.1",
+                "phpstan/phpstan": "1.10.29",
                 "phpstan/phpstan-strict-rules": "^1.5",
-                "phpunit/phpunit": "9.6.7",
+                "phpunit/phpunit": "9.6.9",
                 "psalm/plugin-phpunit": "0.18.4",
+                "slevomat/coding-standard": "8.13.1",
                 "squizlabs/php_codesniffer": "3.7.2",
                 "symfony/cache": "^5.4|^6.0",
                 "symfony/console": "^4.4|^5.4|^6.0",
@@ -528,7 +529,7 @@
             ],
             "support": {
                 "issues": "https://github.com/doctrine/dbal/issues",
-                "source": "https://github.com/doctrine/dbal/tree/3.6.3"
+                "source": "https://github.com/doctrine/dbal/tree/3.6.6"
             },
             "funding": [
                 {
@@ -544,7 +545,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-01T05:46:46+00:00"
+            "time": "2023-08-17T05:38:17+00:00"
         },
         {
             "name": "doctrine/deprecations",
@@ -595,16 +596,16 @@
         },
         {
             "name": "doctrine/doctrine-bundle",
-            "version": "2.10.0",
+            "version": "2.10.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/DoctrineBundle.git",
-                "reference": "b2ec6c2668f6dc514e8bf51257d19c7c19398afe"
+                "reference": "f28b1f78de3a2938ff05cfe751233097624cc756"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/DoctrineBundle/zipball/b2ec6c2668f6dc514e8bf51257d19c7c19398afe",
-                "reference": "b2ec6c2668f6dc514e8bf51257d19c7c19398afe",
+                "url": "https://api.github.com/repos/doctrine/DoctrineBundle/zipball/f28b1f78de3a2938ff05cfe751233097624cc756",
+                "reference": "f28b1f78de3a2938ff05cfe751233097624cc756",
                 "shasum": ""
             },
             "require": {
@@ -691,7 +692,7 @@
             ],
             "support": {
                 "issues": "https://github.com/doctrine/DoctrineBundle/issues",
-                "source": "https://github.com/doctrine/DoctrineBundle/tree/2.10.0"
+                "source": "https://github.com/doctrine/DoctrineBundle/tree/2.10.2"
             },
             "funding": [
                 {
@@ -707,7 +708,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-05T14:43:41+00:00"
+            "time": "2023-08-06T09:31:40+00:00"
         },
         {
             "name": "doctrine/doctrine-migrations-bundle",
@@ -1228,16 +1229,16 @@
         },
         {
             "name": "doctrine/orm",
-            "version": "2.15.3",
+            "version": "2.16.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/doctrine/orm.git",
-                "reference": "4c3bd208018c26498e5f682aaad45fa00ea307d5"
+                "reference": "17500f56eaa930f5cd14d765bc2cd851c7d37cc0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/doctrine/orm/zipball/4c3bd208018c26498e5f682aaad45fa00ea307d5",
-                "reference": "4c3bd208018c26498e5f682aaad45fa00ea307d5",
+                "url": "https://api.github.com/repos/doctrine/orm/zipball/17500f56eaa930f5cd14d765bc2cd851c7d37cc0",
+                "reference": "17500f56eaa930f5cd14d765bc2cd851c7d37cc0",
                 "shasum": ""
             },
             "require": {
@@ -1266,14 +1267,14 @@
                 "doctrine/annotations": "^1.13 || ^2",
                 "doctrine/coding-standard": "^9.0.2 || ^12.0",
                 "phpbench/phpbench": "^0.16.10 || ^1.0",
-                "phpstan/phpstan": "~1.4.10 || 1.10.18",
+                "phpstan/phpstan": "~1.4.10 || 1.10.28",
                 "phpunit/phpunit": "^7.5 || ^8.5 || ^9.6",
                 "psr/log": "^1 || ^2 || ^3",
                 "squizlabs/php_codesniffer": "3.7.2",
                 "symfony/cache": "^4.4 || ^5.4 || ^6.0",
                 "symfony/var-exporter": "^4.4 || ^5.4 || ^6.2",
                 "symfony/yaml": "^3.4 || ^4.0 || ^5.0 || ^6.0",
-                "vimeo/psalm": "4.30.0 || 5.12.0"
+                "vimeo/psalm": "4.30.0 || 5.14.1"
             },
             "suggest": {
                 "ext-dom": "Provides support for XSD validation for XML mapping files",
@@ -1323,9 +1324,9 @@
             ],
             "support": {
                 "issues": "https://github.com/doctrine/orm/issues",
-                "source": "https://github.com/doctrine/orm/tree/2.15.3"
+                "source": "https://github.com/doctrine/orm/tree/2.16.2"
             },
-            "time": "2023-06-22T12:36:06+00:00"
+            "time": "2023-08-27T18:21:56+00:00"
         },
         {
             "name": "doctrine/persistence",
@@ -1561,16 +1562,16 @@
         },
         {
             "name": "guzzlehttp/psr7",
-            "version": "2.5.0",
+            "version": "2.6.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/guzzle/psr7.git",
-                "reference": "b635f279edd83fc275f822a1188157ffea568ff6"
+                "reference": "be45764272e8873c72dbe3d2edcfdfcc3bc9f727"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/psr7/zipball/b635f279edd83fc275f822a1188157ffea568ff6",
-                "reference": "b635f279edd83fc275f822a1188157ffea568ff6",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/be45764272e8873c72dbe3d2edcfdfcc3bc9f727",
+                "reference": "be45764272e8873c72dbe3d2edcfdfcc3bc9f727",
                 "shasum": ""
             },
             "require": {
@@ -1657,7 +1658,7 @@
             ],
             "support": {
                 "issues": "https://github.com/guzzle/psr7/issues",
-                "source": "https://github.com/guzzle/psr7/tree/2.5.0"
+                "source": "https://github.com/guzzle/psr7/tree/2.6.1"
             },
             "funding": [
                 {
@@ -1673,7 +1674,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-17T16:11:26+00:00"
+            "time": "2023-08-27T10:13:57+00:00"
         },
         {
             "name": "intervention/image",
@@ -1947,16 +1948,16 @@
         },
         {
             "name": "league/commonmark",
-            "version": "2.4.0",
+            "version": "2.4.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/thephpleague/commonmark.git",
-                "reference": "d44a24690f16b8c1808bf13b1bd54ae4c63ea048"
+                "reference": "3669d6d5f7a47a93c08ddff335e6d945481a1dd5"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/d44a24690f16b8c1808bf13b1bd54ae4c63ea048",
-                "reference": "d44a24690f16b8c1808bf13b1bd54ae4c63ea048",
+                "url": "https://api.github.com/repos/thephpleague/commonmark/zipball/3669d6d5f7a47a93c08ddff335e6d945481a1dd5",
+                "reference": "3669d6d5f7a47a93c08ddff335e6d945481a1dd5",
                 "shasum": ""
             },
             "require": {
@@ -2049,7 +2050,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-03-24T15:16:10+00:00"
+            "time": "2023-08-30T16:55:00+00:00"
         },
         {
             "name": "league/config",
@@ -2236,21 +2237,21 @@
         },
         {
             "name": "nette/schema",
-            "version": "v1.2.3",
+            "version": "v1.2.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nette/schema.git",
-                "reference": "abbdbb70e0245d5f3bf77874cea1dfb0c930d06f"
+                "reference": "c9ff517a53903b3d4e29ec547fb20feecb05b8ab"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nette/schema/zipball/abbdbb70e0245d5f3bf77874cea1dfb0c930d06f",
-                "reference": "abbdbb70e0245d5f3bf77874cea1dfb0c930d06f",
+                "url": "https://api.github.com/repos/nette/schema/zipball/c9ff517a53903b3d4e29ec547fb20feecb05b8ab",
+                "reference": "c9ff517a53903b3d4e29ec547fb20feecb05b8ab",
                 "shasum": ""
             },
             "require": {
                 "nette/utils": "^2.5.7 || ^3.1.5 ||  ^4.0",
-                "php": ">=7.1 <8.3"
+                "php": "7.1 - 8.3"
             },
             "require-dev": {
                 "nette/tester": "^2.3 || ^2.4",
@@ -2292,26 +2293,26 @@
             ],
             "support": {
                 "issues": "https://github.com/nette/schema/issues",
-                "source": "https://github.com/nette/schema/tree/v1.2.3"
+                "source": "https://github.com/nette/schema/tree/v1.2.4"
             },
-            "time": "2022-10-13T01:24:26+00:00"
+            "time": "2023-08-05T18:56:25+00:00"
         },
         {
             "name": "nette/utils",
-            "version": "v4.0.0",
+            "version": "v4.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nette/utils.git",
-                "reference": "cacdbf5a91a657ede665c541eda28941d4b09c1e"
+                "reference": "9124157137da01b1f5a5a22d6486cb975f26db7e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nette/utils/zipball/cacdbf5a91a657ede665c541eda28941d4b09c1e",
-                "reference": "cacdbf5a91a657ede665c541eda28941d4b09c1e",
+                "url": "https://api.github.com/repos/nette/utils/zipball/9124157137da01b1f5a5a22d6486cb975f26db7e",
+                "reference": "9124157137da01b1f5a5a22d6486cb975f26db7e",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.0 <8.3"
+                "php": ">=8.0 <8.4"
             },
             "conflict": {
                 "nette/finder": "<3",
@@ -2319,7 +2320,7 @@
             },
             "require-dev": {
                 "jetbrains/phpstorm-attributes": "dev-master",
-                "nette/tester": "^2.4",
+                "nette/tester": "^2.5",
                 "phpstan/phpstan": "^1.0",
                 "tracy/tracy": "^2.9"
             },
@@ -2379,9 +2380,9 @@
             ],
             "support": {
                 "issues": "https://github.com/nette/utils/issues",
-                "source": "https://github.com/nette/utils/tree/v4.0.0"
+                "source": "https://github.com/nette/utils/tree/v4.0.1"
             },
-            "time": "2023-02-02T10:41:53+00:00"
+            "time": "2023-07-30T15:42:21+00:00"
         },
         {
             "name": "pagerfanta/core",
@@ -3080,16 +3081,16 @@
         },
         {
             "name": "symfony/asset-mapper",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/asset-mapper.git",
-                "reference": "608431ecc261cd5ff654dfaba7f7d7eb347e1e3d"
+                "reference": "9e719a274f159fc79316986fc967b9ce9de0d3c2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/asset-mapper/zipball/608431ecc261cd5ff654dfaba7f7d7eb347e1e3d",
-                "reference": "608431ecc261cd5ff654dfaba7f7d7eb347e1e3d",
+                "url": "https://api.github.com/repos/symfony/asset-mapper/zipball/9e719a274f159fc79316986fc967b9ce9de0d3c2",
+                "reference": "9e719a274f159fc79316986fc967b9ce9de0d3c2",
                 "shasum": ""
             },
             "require": {
@@ -3132,7 +3133,7 @@
             "description": "Maps directories of assets & makes them available in a public directory with versioned filenames.",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/asset-mapper/tree/v6.3.1"
+                "source": "https://github.com/symfony/asset-mapper/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3148,20 +3149,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T06:19:52+00:00"
+            "time": "2023-08-23T20:11:00+00:00"
         },
         {
             "name": "symfony/cache",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/cache.git",
-                "reference": "52cff7608ef6e38376ac11bd1fbb0a220107f066"
+                "reference": "e60d00b4f633efa4c1ef54e77c12762d9073e7b3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/cache/zipball/52cff7608ef6e38376ac11bd1fbb0a220107f066",
-                "reference": "52cff7608ef6e38376ac11bd1fbb0a220107f066",
+                "url": "https://api.github.com/repos/symfony/cache/zipball/e60d00b4f633efa4c1ef54e77c12762d9073e7b3",
+                "reference": "e60d00b4f633efa4c1ef54e77c12762d9073e7b3",
                 "shasum": ""
             },
             "require": {
@@ -3228,7 +3229,7 @@
                 "psr6"
             ],
             "support": {
-                "source": "https://github.com/symfony/cache/tree/v6.3.1"
+                "source": "https://github.com/symfony/cache/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3244,7 +3245,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T11:51:27+00:00"
+            "time": "2023-08-05T09:10:27+00:00"
         },
         {
             "name": "symfony/cache-contracts",
@@ -3324,16 +3325,16 @@
         },
         {
             "name": "symfony/config",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/config.git",
-                "reference": "a5e00dec161b08c946a2c16eed02adbeedf827ae"
+                "reference": "b47ca238b03e7b0d7880ffd1cf06e8d637ca1467"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/config/zipball/a5e00dec161b08c946a2c16eed02adbeedf827ae",
-                "reference": "a5e00dec161b08c946a2c16eed02adbeedf827ae",
+                "url": "https://api.github.com/repos/symfony/config/zipball/b47ca238b03e7b0d7880ffd1cf06e8d637ca1467",
+                "reference": "b47ca238b03e7b0d7880ffd1cf06e8d637ca1467",
                 "shasum": ""
             },
             "require": {
@@ -3379,7 +3380,7 @@
             "description": "Helps you find, load, combine, autofill and validate configuration values of any kind",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/config/tree/v6.3.0"
+                "source": "https://github.com/symfony/config/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -3395,20 +3396,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-25T10:46:17+00:00"
+            "time": "2023-07-19T20:22:16+00:00"
         },
         {
             "name": "symfony/console",
-            "version": "v6.3.0",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "8788808b07cf0bdd6e4b7fdd23d8ddb1470c83b7"
+                "reference": "eca495f2ee845130855ddf1cf18460c38966c8b6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/8788808b07cf0bdd6e4b7fdd23d8ddb1470c83b7",
-                "reference": "8788808b07cf0bdd6e4b7fdd23d8ddb1470c83b7",
+                "url": "https://api.github.com/repos/symfony/console/zipball/eca495f2ee845130855ddf1cf18460c38966c8b6",
+                "reference": "eca495f2ee845130855ddf1cf18460c38966c8b6",
                 "shasum": ""
             },
             "require": {
@@ -3469,7 +3470,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v6.3.0"
+                "source": "https://github.com/symfony/console/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3485,20 +3486,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-29T12:49:39+00:00"
+            "time": "2023-08-16T10:10:12+00:00"
         },
         {
             "name": "symfony/dependency-injection",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/dependency-injection.git",
-                "reference": "7abf242af21f196b65f20ab00ff251fdf3889b8d"
+                "reference": "68a5a9570806a087982f383f6109c5e925892a49"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/dependency-injection/zipball/7abf242af21f196b65f20ab00ff251fdf3889b8d",
-                "reference": "7abf242af21f196b65f20ab00ff251fdf3889b8d",
+                "url": "https://api.github.com/repos/symfony/dependency-injection/zipball/68a5a9570806a087982f383f6109c5e925892a49",
+                "reference": "68a5a9570806a087982f383f6109c5e925892a49",
                 "shasum": ""
             },
             "require": {
@@ -3550,7 +3551,7 @@
             "description": "Allows you to standardize and centralize the way objects are constructed in your application",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/dependency-injection/tree/v6.3.1"
+                "source": "https://github.com/symfony/dependency-injection/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3566,7 +3567,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T11:51:27+00:00"
+            "time": "2023-08-16T17:55:17+00:00"
         },
         {
             "name": "symfony/deprecation-contracts",
@@ -3637,16 +3638,16 @@
         },
         {
             "name": "symfony/doctrine-bridge",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/doctrine-bridge.git",
-                "reference": "594263c7d2677022a16e4f39d20070463ba03888"
+                "reference": "589eeeb93669739ec1d8bd4593e4972d94e0981d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/doctrine-bridge/zipball/594263c7d2677022a16e4f39d20070463ba03888",
-                "reference": "594263c7d2677022a16e4f39d20070463ba03888",
+                "url": "https://api.github.com/repos/symfony/doctrine-bridge/zipball/589eeeb93669739ec1d8bd4593e4972d94e0981d",
+                "reference": "589eeeb93669739ec1d8bd4593e4972d94e0981d",
                 "shasum": ""
             },
             "require": {
@@ -3727,7 +3728,7 @@
             "description": "Provides integration for Doctrine with various Symfony components",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/doctrine-bridge/tree/v6.3.1"
+                "source": "https://github.com/symfony/doctrine-bridge/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -3743,7 +3744,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-18T20:33:34+00:00"
+            "time": "2023-08-08T10:40:25+00:00"
         },
         {
             "name": "symfony/dotenv",
@@ -3821,16 +3822,16 @@
         },
         {
             "name": "symfony/error-handler",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/error-handler.git",
-                "reference": "99d2d814a6351461af350ead4d963bd67451236f"
+                "reference": "85fd65ed295c4078367c784e8a5a6cee30348b7a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/error-handler/zipball/99d2d814a6351461af350ead4d963bd67451236f",
-                "reference": "99d2d814a6351461af350ead4d963bd67451236f",
+                "url": "https://api.github.com/repos/symfony/error-handler/zipball/85fd65ed295c4078367c784e8a5a6cee30348b7a",
+                "reference": "85fd65ed295c4078367c784e8a5a6cee30348b7a",
                 "shasum": ""
             },
             "require": {
@@ -3875,7 +3876,7 @@
             "description": "Provides tools to manage errors and ease debugging PHP code",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/error-handler/tree/v6.3.0"
+                "source": "https://github.com/symfony/error-handler/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -3891,20 +3892,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-10T12:03:13+00:00"
+            "time": "2023-07-16T17:05:46+00:00"
         },
         {
             "name": "symfony/event-dispatcher",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/event-dispatcher.git",
-                "reference": "3af8ac1a3f98f6dbc55e10ae59c9e44bfc38dfaa"
+                "reference": "adb01fe097a4ee930db9258a3cc906b5beb5cf2e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/3af8ac1a3f98f6dbc55e10ae59c9e44bfc38dfaa",
-                "reference": "3af8ac1a3f98f6dbc55e10ae59c9e44bfc38dfaa",
+                "url": "https://api.github.com/repos/symfony/event-dispatcher/zipball/adb01fe097a4ee930db9258a3cc906b5beb5cf2e",
+                "reference": "adb01fe097a4ee930db9258a3cc906b5beb5cf2e",
                 "shasum": ""
             },
             "require": {
@@ -3955,7 +3956,7 @@
             "description": "Provides tools that allow your application components to communicate with each other by dispatching events and listening to them",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/event-dispatcher/tree/v6.3.0"
+                "source": "https://github.com/symfony/event-dispatcher/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -3971,7 +3972,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-21T14:41:17+00:00"
+            "time": "2023-07-06T06:56:43+00:00"
         },
         {
             "name": "symfony/event-dispatcher-contracts",
@@ -4178,16 +4179,16 @@
         },
         {
             "name": "symfony/finder",
-            "version": "v6.3.0",
+            "version": "v6.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/finder.git",
-                "reference": "d9b01ba073c44cef617c7907ce2419f8d00d75e2"
+                "reference": "9915db259f67d21eefee768c1abcf1cc61b1fc9e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/finder/zipball/d9b01ba073c44cef617c7907ce2419f8d00d75e2",
-                "reference": "d9b01ba073c44cef617c7907ce2419f8d00d75e2",
+                "url": "https://api.github.com/repos/symfony/finder/zipball/9915db259f67d21eefee768c1abcf1cc61b1fc9e",
+                "reference": "9915db259f67d21eefee768c1abcf1cc61b1fc9e",
                 "shasum": ""
             },
             "require": {
@@ -4222,7 +4223,7 @@
             "description": "Finds files and directories via an intuitive fluent interface",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/finder/tree/v6.3.0"
+                "source": "https://github.com/symfony/finder/tree/v6.3.3"
             },
             "funding": [
                 {
@@ -4238,20 +4239,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-02T01:25:41+00:00"
+            "time": "2023-07-31T08:31:44+00:00"
         },
         {
             "name": "symfony/flex",
-            "version": "v2.3.1",
+            "version": "v2.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/flex.git",
-                "reference": "3c9c3424efdafe33e0e3cfb5e87e50b34711fedf"
+                "reference": "9c402af768c6c9f8126a9ffa192ecf7c16581e35"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/flex/zipball/3c9c3424efdafe33e0e3cfb5e87e50b34711fedf",
-                "reference": "3c9c3424efdafe33e0e3cfb5e87e50b34711fedf",
+                "url": "https://api.github.com/repos/symfony/flex/zipball/9c402af768c6c9f8126a9ffa192ecf7c16581e35",
+                "reference": "9c402af768c6c9f8126a9ffa192ecf7c16581e35",
                 "shasum": ""
             },
             "require": {
@@ -4287,7 +4288,7 @@
             "description": "Composer plugin for Symfony",
             "support": {
                 "issues": "https://github.com/symfony/flex/issues",
-                "source": "https://github.com/symfony/flex/tree/v2.3.1"
+                "source": "https://github.com/symfony/flex/tree/v2.3.3"
             },
             "funding": [
                 {
@@ -4303,20 +4304,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-27T07:38:25+00:00"
+            "time": "2023-08-04T09:02:35+00:00"
         },
         {
             "name": "symfony/form",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/form.git",
-                "reference": "59e7c5afef32b9ff735e83e5fc74d63044833a2b"
+                "reference": "afdadf511e08bc6d4752afb869ce084276aca4e2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/form/zipball/59e7c5afef32b9ff735e83e5fc74d63044833a2b",
-                "reference": "59e7c5afef32b9ff735e83e5fc74d63044833a2b",
+                "url": "https://api.github.com/repos/symfony/form/zipball/afdadf511e08bc6d4752afb869ce084276aca4e2",
+                "reference": "afdadf511e08bc6d4752afb869ce084276aca4e2",
                 "shasum": ""
             },
             "require": {
@@ -4384,7 +4385,7 @@
             "description": "Allows to easily create, process and reuse HTML forms",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/form/tree/v6.3.0"
+                "source": "https://github.com/symfony/form/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -4400,20 +4401,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-25T13:09:35+00:00"
+            "time": "2023-07-26T17:39:03+00:00"
         },
         {
             "name": "symfony/framework-bundle",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/framework-bundle.git",
-                "reference": "42b0707efba17ca7c6af7373cb1b1a1b4f24f772"
+                "reference": "f822f54ff05cd88878910b4559f66c12176d952c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/framework-bundle/zipball/42b0707efba17ca7c6af7373cb1b1a1b4f24f772",
-                "reference": "42b0707efba17ca7c6af7373cb1b1a1b4f24f772",
+                "url": "https://api.github.com/repos/symfony/framework-bundle/zipball/f822f54ff05cd88878910b4559f66c12176d952c",
+                "reference": "f822f54ff05cd88878910b4559f66c12176d952c",
                 "shasum": ""
             },
             "require": {
@@ -4528,7 +4529,7 @@
             "description": "Provides a tight integration between Symfony components and the Symfony full-stack framework",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/framework-bundle/tree/v6.3.1"
+                "source": "https://github.com/symfony/framework-bundle/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -4544,20 +4545,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T09:59:31+00:00"
+            "time": "2023-08-16T18:04:38+00:00"
         },
         {
             "name": "symfony/http-client",
-            "version": "v6.3.1",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-client.git",
-                "reference": "1c828a06aef2f5eeba42026dfc532d4fc5406123"
+                "reference": "15f9f4bad62bfcbe48b5dedd866f04a08fc7ff00"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-client/zipball/1c828a06aef2f5eeba42026dfc532d4fc5406123",
-                "reference": "1c828a06aef2f5eeba42026dfc532d4fc5406123",
+                "url": "https://api.github.com/repos/symfony/http-client/zipball/15f9f4bad62bfcbe48b5dedd866f04a08fc7ff00",
+                "reference": "15f9f4bad62bfcbe48b5dedd866f04a08fc7ff00",
                 "shasum": ""
             },
             "require": {
@@ -4620,7 +4621,7 @@
                 "http"
             ],
             "support": {
-                "source": "https://github.com/symfony/http-client/tree/v6.3.1"
+                "source": "https://github.com/symfony/http-client/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -4636,7 +4637,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T11:51:27+00:00"
+            "time": "2023-07-05T08:41:27+00:00"
         },
         {
             "name": "symfony/http-client-contracts",
@@ -4718,16 +4719,16 @@
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "e0ad0d153e1c20069250986cd9e9dd1ccebb0d66"
+                "reference": "cac1556fdfdf6719668181974104e6fcfa60e844"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/e0ad0d153e1c20069250986cd9e9dd1ccebb0d66",
-                "reference": "e0ad0d153e1c20069250986cd9e9dd1ccebb0d66",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/cac1556fdfdf6719668181974104e6fcfa60e844",
+                "reference": "cac1556fdfdf6719668181974104e6fcfa60e844",
                 "shasum": ""
             },
             "require": {
@@ -4775,7 +4776,7 @@
             "description": "Defines an object-oriented layer for the HTTP specification",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-foundation/tree/v6.3.1"
+                "source": "https://github.com/symfony/http-foundation/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -4791,20 +4792,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T11:51:27+00:00"
+            "time": "2023-08-22T08:20:46+00:00"
         },
         {
             "name": "symfony/http-kernel",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-kernel.git",
-                "reference": "161e16fd2e35fb4881a43bc8b383dfd5be4ac374"
+                "reference": "36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/161e16fd2e35fb4881a43bc8b383dfd5be4ac374",
-                "reference": "161e16fd2e35fb4881a43bc8b383dfd5be4ac374",
+                "url": "https://api.github.com/repos/symfony/http-kernel/zipball/36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb",
+                "reference": "36abb425b4af863ae1fe54d8a8b8b4c76a2bccdb",
                 "shasum": ""
             },
             "require": {
@@ -4813,7 +4814,7 @@
                 "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/error-handler": "^6.3",
                 "symfony/event-dispatcher": "^5.4|^6.0",
-                "symfony/http-foundation": "^6.2.7",
+                "symfony/http-foundation": "^6.3.4",
                 "symfony/polyfill-ctype": "^1.8"
             },
             "conflict": {
@@ -4821,7 +4822,7 @@
                 "symfony/cache": "<5.4",
                 "symfony/config": "<6.1",
                 "symfony/console": "<5.4",
-                "symfony/dependency-injection": "<6.3",
+                "symfony/dependency-injection": "<6.3.4",
                 "symfony/doctrine-bridge": "<5.4",
                 "symfony/form": "<5.4",
                 "symfony/http-client": "<5.4",
@@ -4845,7 +4846,7 @@
                 "symfony/config": "^6.1",
                 "symfony/console": "^5.4|^6.0",
                 "symfony/css-selector": "^5.4|^6.0",
-                "symfony/dependency-injection": "^6.3",
+                "symfony/dependency-injection": "^6.3.4",
                 "symfony/dom-crawler": "^5.4|^6.0",
                 "symfony/expression-language": "^5.4|^6.0",
                 "symfony/finder": "^5.4|^6.0",
@@ -4888,7 +4889,7 @@
             "description": "Provides a structured process for converting a Request into a Response",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/http-kernel/tree/v6.3.1"
+                "source": "https://github.com/symfony/http-kernel/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -4904,20 +4905,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-26T06:07:32+00:00"
+            "time": "2023-08-26T13:54:49+00:00"
         },
         {
             "name": "symfony/intl",
-            "version": "v6.3.1",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/intl.git",
-                "reference": "fdf4aff85fff2cc681cc45936b6b2a52731acc23"
+                "reference": "1f8cb145c869ed089a8531c51a6a4b31ed0b3c69"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/intl/zipball/fdf4aff85fff2cc681cc45936b6b2a52731acc23",
-                "reference": "fdf4aff85fff2cc681cc45936b6b2a52731acc23",
+                "url": "https://api.github.com/repos/symfony/intl/zipball/1f8cb145c869ed089a8531c51a6a4b31ed0b3c69",
+                "reference": "1f8cb145c869ed089a8531c51a6a4b31ed0b3c69",
                 "shasum": ""
             },
             "require": {
@@ -4925,7 +4926,8 @@
             },
             "require-dev": {
                 "symfony/filesystem": "^5.4|^6.0",
-                "symfony/finder": "^5.4|^6.0"
+                "symfony/finder": "^5.4|^6.0",
+                "symfony/var-exporter": "^5.4|^6.0"
             },
             "type": "library",
             "autoload": {
@@ -4969,7 +4971,7 @@
                 "localization"
             ],
             "support": {
-                "source": "https://github.com/symfony/intl/tree/v6.3.1"
+                "source": "https://github.com/symfony/intl/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -4985,7 +4987,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-21T12:08:28+00:00"
+            "time": "2023-07-20T07:43:09+00:00"
         },
         {
             "name": "symfony/mercure",
@@ -5156,16 +5158,16 @@
         },
         {
             "name": "symfony/mercure-notifier",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/mercure-notifier.git",
-                "reference": "76f7ecf35816a19e17bd92444fe283217834d210"
+                "reference": "ef438b10a1f85e1bfd5a4942a62fdfae1e00a2eb"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/mercure-notifier/zipball/76f7ecf35816a19e17bd92444fe283217834d210",
-                "reference": "76f7ecf35816a19e17bd92444fe283217834d210",
+                "url": "https://api.github.com/repos/symfony/mercure-notifier/zipball/ef438b10a1f85e1bfd5a4942a62fdfae1e00a2eb",
+                "reference": "ef438b10a1f85e1bfd5a4942a62fdfae1e00a2eb",
                 "shasum": ""
             },
             "require": {
@@ -5204,7 +5206,7 @@
                 "notifier"
             ],
             "support": {
-                "source": "https://github.com/symfony/mercure-notifier/tree/v6.3.0"
+                "source": "https://github.com/symfony/mercure-notifier/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -5528,16 +5530,16 @@
         },
         {
             "name": "symfony/polyfill-intl-grapheme",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-grapheme.git",
-                "reference": "511a08c03c1960e08a883f4cffcacd219b758354"
+                "reference": "875e90aeea2777b6f135677f618529449334a612"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/511a08c03c1960e08a883f4cffcacd219b758354",
-                "reference": "511a08c03c1960e08a883f4cffcacd219b758354",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-grapheme/zipball/875e90aeea2777b6f135677f618529449334a612",
+                "reference": "875e90aeea2777b6f135677f618529449334a612",
                 "shasum": ""
             },
             "require": {
@@ -5549,7 +5551,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -5589,7 +5591,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-intl-grapheme/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -5605,20 +5607,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-intl-icu",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-icu.git",
-                "reference": "a3d9148e2c363588e05abbdd4ee4f971f0a5330c"
+                "reference": "e46b4da57951a16053cd751f63f4a24292788157"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-icu/zipball/a3d9148e2c363588e05abbdd4ee4f971f0a5330c",
-                "reference": "a3d9148e2c363588e05abbdd4ee4f971f0a5330c",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-icu/zipball/e46b4da57951a16053cd751f63f4a24292788157",
+                "reference": "e46b4da57951a16053cd751f63f4a24292788157",
                 "shasum": ""
             },
             "require": {
@@ -5630,7 +5632,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -5676,7 +5678,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-icu/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-intl-icu/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -5692,20 +5694,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-03-21T17:27:24+00:00"
         },
         {
             "name": "symfony/polyfill-intl-normalizer",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-intl-normalizer.git",
-                "reference": "19bd1e4fcd5b91116f14d8533c57831ed00571b6"
+                "reference": "8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/19bd1e4fcd5b91116f14d8533c57831ed00571b6",
-                "reference": "19bd1e4fcd5b91116f14d8533c57831ed00571b6",
+                "url": "https://api.github.com/repos/symfony/polyfill-intl-normalizer/zipball/8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92",
+                "reference": "8c4ad05dd0120b6a53c1ca374dca2ad0a1c4ed92",
                 "shasum": ""
             },
             "require": {
@@ -5717,7 +5719,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -5760,7 +5762,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-intl-normalizer/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -5776,20 +5778,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/polyfill-mbstring",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-mbstring.git",
-                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534"
+                "reference": "42292d99c55abe617799667f454222c54c60e229"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
-                "reference": "8ad114f6b39e2c98a8b0e3bd907732c207c2b534",
+                "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/42292d99c55abe617799667f454222c54c60e229",
+                "reference": "42292d99c55abe617799667f454222c54c60e229",
                 "shasum": ""
             },
             "require": {
@@ -5804,7 +5806,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -5843,7 +5845,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -5859,20 +5861,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-07-28T09:04:16+00:00"
         },
         {
             "name": "symfony/polyfill-php83",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php83.git",
-                "reference": "508c652ba3ccf69f8c97f251534f229791b52a57"
+                "reference": "b0f46ebbeeeda3e9d2faebdfbf4b4eae9b59fa11"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/508c652ba3ccf69f8c97f251534f229791b52a57",
-                "reference": "508c652ba3ccf69f8c97f251534f229791b52a57",
+                "url": "https://api.github.com/repos/symfony/polyfill-php83/zipball/b0f46ebbeeeda3e9d2faebdfbf4b4eae9b59fa11",
+                "reference": "b0f46ebbeeeda3e9d2faebdfbf4b4eae9b59fa11",
                 "shasum": ""
             },
             "require": {
@@ -5882,7 +5884,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -5895,7 +5897,10 @@
                 ],
                 "psr-4": {
                     "Symfony\\Polyfill\\Php83\\": ""
-                }
+                },
+                "classmap": [
+                    "Resources/stubs"
+                ]
             },
             "notification-url": "https://packagist.org/downloads/",
             "license": [
@@ -5920,7 +5925,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php83/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-php83/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -5936,20 +5941,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-08-16T06:22:46+00:00"
         },
         {
             "name": "symfony/process",
-            "version": "v6.3.0",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/process.git",
-                "reference": "8741e3ed7fe2e91ec099e02446fb86667a0f1628"
+                "reference": "0b5c29118f2e980d455d2e34a5659f4579847c54"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/process/zipball/8741e3ed7fe2e91ec099e02446fb86667a0f1628",
-                "reference": "8741e3ed7fe2e91ec099e02446fb86667a0f1628",
+                "url": "https://api.github.com/repos/symfony/process/zipball/0b5c29118f2e980d455d2e34a5659f4579847c54",
+                "reference": "0b5c29118f2e980d455d2e34a5659f4579847c54",
                 "shasum": ""
             },
             "require": {
@@ -5981,7 +5986,7 @@
             "description": "Executes commands in sub-processes",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/process/tree/v6.3.0"
+                "source": "https://github.com/symfony/process/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -5997,20 +6002,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-19T08:06:44+00:00"
+            "time": "2023-08-07T10:39:22+00:00"
         },
         {
             "name": "symfony/property-access",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/property-access.git",
-                "reference": "db9358571ce63f09c439c2fee6c12e5b090b69ac"
+                "reference": "2dc4f9da444b8f8ff592e95d570caad67924f1d0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/property-access/zipball/db9358571ce63f09c439c2fee6c12e5b090b69ac",
-                "reference": "db9358571ce63f09c439c2fee6c12e5b090b69ac",
+                "url": "https://api.github.com/repos/symfony/property-access/zipball/2dc4f9da444b8f8ff592e95d570caad67924f1d0",
+                "reference": "2dc4f9da444b8f8ff592e95d570caad67924f1d0",
                 "shasum": ""
             },
             "require": {
@@ -6058,7 +6063,7 @@
                 "reflection"
             ],
             "support": {
-                "source": "https://github.com/symfony/property-access/tree/v6.3.0"
+                "source": "https://github.com/symfony/property-access/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -6074,7 +6079,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-19T08:06:44+00:00"
+            "time": "2023-07-13T15:26:11+00:00"
         },
         {
             "name": "symfony/property-info",
@@ -6228,20 +6233,21 @@
         },
         {
             "name": "symfony/routing",
-            "version": "v6.3.1",
+            "version": "v6.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/routing.git",
-                "reference": "d37ad1779c38b8eb71996d17dc13030dcb7f9cf5"
+                "reference": "e7243039ab663822ff134fbc46099b5fdfa16f6a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/d37ad1779c38b8eb71996d17dc13030dcb7f9cf5",
-                "reference": "d37ad1779c38b8eb71996d17dc13030dcb7f9cf5",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/e7243039ab663822ff134fbc46099b5fdfa16f6a",
+                "reference": "e7243039ab663822ff134fbc46099b5fdfa16f6a",
                 "shasum": ""
             },
             "require": {
-                "php": ">=8.1"
+                "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3"
             },
             "conflict": {
                 "doctrine/annotations": "<1.12",
@@ -6290,7 +6296,7 @@
                 "url"
             ],
             "support": {
-                "source": "https://github.com/symfony/routing/tree/v6.3.1"
+                "source": "https://github.com/symfony/routing/tree/v6.3.3"
             },
             "funding": [
                 {
@@ -6306,20 +6312,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-05T15:30:22+00:00"
+            "time": "2023-07-31T07:08:24+00:00"
         },
         {
             "name": "symfony/runtime",
-            "version": "v6.3.1",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/runtime.git",
-                "reference": "8e83b5d8e0ace903e1a91dedfe08a84ed2a54b0d"
+                "reference": "d5c09493647a0c1a16e6c8da308098e840d1164f"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/runtime/zipball/8e83b5d8e0ace903e1a91dedfe08a84ed2a54b0d",
-                "reference": "8e83b5d8e0ace903e1a91dedfe08a84ed2a54b0d",
+                "url": "https://api.github.com/repos/symfony/runtime/zipball/d5c09493647a0c1a16e6c8da308098e840d1164f",
+                "reference": "d5c09493647a0c1a16e6c8da308098e840d1164f",
                 "shasum": ""
             },
             "require": {
@@ -6369,7 +6375,7 @@
                 "runtime"
             ],
             "support": {
-                "source": "https://github.com/symfony/runtime/tree/v6.3.1"
+                "source": "https://github.com/symfony/runtime/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -6385,24 +6391,25 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-21T12:08:28+00:00"
+            "time": "2023-07-16T17:05:46+00:00"
         },
         {
             "name": "symfony/serializer",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/serializer.git",
-                "reference": "1d238ee3180bc047f8ab713bfb73848d553f4407"
+                "reference": "96d28a58d5a128bf77c54534b380eb7c92c8f846"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/serializer/zipball/1d238ee3180bc047f8ab713bfb73848d553f4407",
-                "reference": "1d238ee3180bc047f8ab713bfb73848d553f4407",
+                "url": "https://api.github.com/repos/symfony/serializer/zipball/96d28a58d5a128bf77c54534b380eb7c92c8f846",
+                "reference": "96d28a58d5a128bf77c54534b380eb7c92c8f846",
                 "shasum": ""
             },
             "require": {
                 "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/polyfill-ctype": "~1.8"
             },
             "conflict": {
@@ -6411,7 +6418,7 @@
                 "phpdocumentor/type-resolver": "<1.4.0",
                 "symfony/dependency-injection": "<5.4",
                 "symfony/property-access": "<5.4",
-                "symfony/property-info": "<5.4",
+                "symfony/property-info": "<5.4.24|>=6,<6.2.11",
                 "symfony/uid": "<5.4",
                 "symfony/yaml": "<5.4"
             },
@@ -6429,7 +6436,7 @@
                 "symfony/http-kernel": "^5.4|^6.0",
                 "symfony/mime": "^5.4|^6.0",
                 "symfony/property-access": "^5.4|^6.0",
-                "symfony/property-info": "^5.4|^6.0",
+                "symfony/property-info": "^5.4.24|^6.2.11",
                 "symfony/uid": "^5.4|^6.0",
                 "symfony/validator": "^5.4|^6.0",
                 "symfony/var-dumper": "^5.4|^6.0",
@@ -6462,7 +6469,7 @@
             "description": "Handles serializing and deserializing data structures, including object graphs, into array structures or other formats like XML and JSON.",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/serializer/tree/v6.3.1"
+                "source": "https://github.com/symfony/serializer/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -6478,7 +6485,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-21T19:54:33+00:00"
+            "time": "2023-08-24T14:35:28+00:00"
         },
         {
             "name": "symfony/service-contracts",
@@ -6568,12 +6575,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/stimulus-bundle.git",
-                "reference": "257ef052bebe491d7c29e9a4a8009edb82269e15"
+                "reference": "e0e19de8df4d5b2bed57328ae69ef7904df660c7"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/stimulus-bundle/zipball/257ef052bebe491d7c29e9a4a8009edb82269e15",
-                "reference": "257ef052bebe491d7c29e9a4a8009edb82269e15",
+                "url": "https://api.github.com/repos/symfony/stimulus-bundle/zipball/e0e19de8df4d5b2bed57328ae69ef7904df660c7",
+                "reference": "e0e19de8df4d5b2bed57328ae69ef7904df660c7",
                 "shasum": ""
             },
             "require": {
@@ -6585,7 +6592,7 @@
                 "twig/twig": "^2.15.3|^3.4.3"
             },
             "require-dev": {
-                "symfony/asset-mapper": "6.3.x-dev",
+                "symfony/asset-mapper": "^6.3",
                 "symfony/framework-bundle": "^5.4|^6.0",
                 "symfony/phpunit-bridge": "^5.4|^6.0",
                 "symfony/twig-bundle": "^5.4|^6.0",
@@ -6629,7 +6636,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-29T19:46:37+00:00"
+            "time": "2023-08-28T18:00:50+00:00"
         },
         {
             "name": "symfony/stopwatch",
@@ -6695,16 +6702,16 @@
         },
         {
             "name": "symfony/string",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/string.git",
-                "reference": "f2e190ee75ff0f5eced645ec0be5c66fac81f51f"
+                "reference": "53d1a83225002635bca3482fcbf963001313fb68"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/string/zipball/f2e190ee75ff0f5eced645ec0be5c66fac81f51f",
-                "reference": "f2e190ee75ff0f5eced645ec0be5c66fac81f51f",
+                "url": "https://api.github.com/repos/symfony/string/zipball/53d1a83225002635bca3482fcbf963001313fb68",
+                "reference": "53d1a83225002635bca3482fcbf963001313fb68",
                 "shasum": ""
             },
             "require": {
@@ -6761,7 +6768,7 @@
                 "utf8"
             ],
             "support": {
-                "source": "https://github.com/symfony/string/tree/v6.3.0"
+                "source": "https://github.com/symfony/string/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -6777,24 +6784,25 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-03-21T21:06:29+00:00"
+            "time": "2023-07-05T08:41:27+00:00"
         },
         {
             "name": "symfony/translation",
-            "version": "v6.3.0",
+            "version": "v6.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "f72b2cba8f79dd9d536f534f76874b58ad37876f"
+                "reference": "3ed078c54bc98bbe4414e1e9b2d5e85ed5a5c8bd"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/f72b2cba8f79dd9d536f534f76874b58ad37876f",
-                "reference": "f72b2cba8f79dd9d536f534f76874b58ad37876f",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/3ed078c54bc98bbe4414e1e9b2d5e85ed5a5c8bd",
+                "reference": "3ed078c54bc98bbe4414e1e9b2d5e85ed5a5c8bd",
                 "shasum": ""
             },
             "require": {
                 "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/polyfill-mbstring": "~1.0",
                 "symfony/translation-contracts": "^2.5|^3.0"
             },
@@ -6855,7 +6863,7 @@
             "description": "Provides tools to internationalize your application",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/translation/tree/v6.3.0"
+                "source": "https://github.com/symfony/translation/tree/v6.3.3"
             },
             "funding": [
                 {
@@ -6871,7 +6879,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-19T12:46:45+00:00"
+            "time": "2023-07-31T07:08:24+00:00"
         },
         {
             "name": "symfony/translation-contracts",
@@ -6953,16 +6961,16 @@
         },
         {
             "name": "symfony/twig-bridge",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/twig-bridge.git",
-                "reference": "67a33c71062d7d931fe9a8cb7be79cca986a6c09"
+                "reference": "6f8435db76a2d79917489a19a82679276c1b4e32"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/twig-bridge/zipball/67a33c71062d7d931fe9a8cb7be79cca986a6c09",
-                "reference": "67a33c71062d7d931fe9a8cb7be79cca986a6c09",
+                "url": "https://api.github.com/repos/symfony/twig-bridge/zipball/6f8435db76a2d79917489a19a82679276c1b4e32",
+                "reference": "6f8435db76a2d79917489a19a82679276c1b4e32",
                 "shasum": ""
             },
             "require": {
@@ -7041,7 +7049,7 @@
             "description": "Provides integration for Twig with various Symfony components",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/twig-bridge/tree/v6.3.0"
+                "source": "https://github.com/symfony/twig-bridge/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -7057,7 +7065,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-29T13:12:36+00:00"
+            "time": "2023-07-20T16:42:33+00:00"
         },
         {
             "name": "symfony/twig-bundle",
@@ -7218,7 +7226,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-autocomplete/tree/2.x"
+                "source": "https://github.com/symfony/ux-autocomplete/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7242,12 +7250,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-chartjs.git",
-                "reference": "0399f5785309fa81f07289b1cac8e904e2736257"
+                "reference": "49b7da8110de44433d71360688ecef3636288105"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-chartjs/zipball/0399f5785309fa81f07289b1cac8e904e2736257",
-                "reference": "0399f5785309fa81f07289b1cac8e904e2736257",
+                "url": "https://api.github.com/repos/symfony/ux-chartjs/zipball/49b7da8110de44433d71360688ecef3636288105",
+                "reference": "49b7da8110de44433d71360688ecef3636288105",
                 "shasum": ""
             },
             "require": {
@@ -7299,7 +7307,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-chartjs/tree/2.x"
+                "source": "https://github.com/symfony/ux-chartjs/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7315,7 +7323,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-19T13:59:38+00:00"
+            "time": "2023-07-20T16:58:50+00:00"
         },
         {
             "name": "symfony/ux-cropperjs",
@@ -7323,12 +7331,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-cropperjs.git",
-                "reference": "06835d47e6a48bf083623046924c8bac651cdb80"
+                "reference": "c25109b937a1c571fe02e363212200a2dfc80ee6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-cropperjs/zipball/06835d47e6a48bf083623046924c8bac651cdb80",
-                "reference": "06835d47e6a48bf083623046924c8bac651cdb80",
+                "url": "https://api.github.com/repos/symfony/ux-cropperjs/zipball/c25109b937a1c571fe02e363212200a2dfc80ee6",
+                "reference": "c25109b937a1c571fe02e363212200a2dfc80ee6",
                 "shasum": ""
             },
             "require": {
@@ -7384,7 +7392,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-cropperjs/tree/2.x"
+                "source": "https://github.com/symfony/ux-cropperjs/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7400,7 +7408,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-19T13:59:38+00:00"
+            "time": "2023-08-24T16:25:14+00:00"
         },
         {
             "name": "symfony/ux-dropzone",
@@ -7464,7 +7472,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-dropzone/tree/2.x"
+                "source": "https://github.com/symfony/ux-dropzone/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7543,7 +7551,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-lazy-image/tree/2.x"
+                "source": "https://github.com/symfony/ux-lazy-image/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7567,12 +7575,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-live-component.git",
-                "reference": "73f6b7c0c17711370869d17626ba4d8d29dd8c13"
+                "reference": "8d0ce518f64b9a8bbed490bf6ad00569c6f64fb8"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-live-component/zipball/73f6b7c0c17711370869d17626ba4d8d29dd8c13",
-                "reference": "73f6b7c0c17711370869d17626ba4d8d29dd8c13",
+                "url": "https://api.github.com/repos/symfony/ux-live-component/zipball/8d0ce518f64b9a8bbed490bf6ad00569c6f64fb8",
+                "reference": "8d0ce518f64b9a8bbed490bf6ad00569c6f64fb8",
                 "shasum": ""
             },
             "require": {
@@ -7651,7 +7659,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-25T13:28:22+00:00"
+            "time": "2023-08-30T14:35:43+00:00"
         },
         {
             "name": "symfony/ux-notify",
@@ -7718,7 +7726,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-notify/tree/2.x"
+                "source": "https://github.com/symfony/ux-notify/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7742,12 +7750,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-react.git",
-                "reference": "dc9a25c855a119029af39c62e7b564f83cb96ba5"
+                "reference": "9131079b8b18317145db1bdf1e2eae8c1820cc9a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-react/zipball/dc9a25c855a119029af39c62e7b564f83cb96ba5",
-                "reference": "dc9a25c855a119029af39c62e7b564f83cb96ba5",
+                "url": "https://api.github.com/repos/symfony/ux-react/zipball/9131079b8b18317145db1bdf1e2eae8c1820cc9a",
+                "reference": "9131079b8b18317145db1bdf1e2eae8c1820cc9a",
                 "shasum": ""
             },
             "require": {
@@ -7795,7 +7803,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-react/tree/2.x"
+                "source": "https://github.com/symfony/ux-react/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7811,7 +7819,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-28T20:17:17+00:00"
+            "time": "2023-07-15T11:42:27+00:00"
         },
         {
             "name": "symfony/ux-svelte",
@@ -7819,12 +7827,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-svelte.git",
-                "reference": "94d0f1424bfb30f90d3e5baff742ac493567d38b"
+                "reference": "44649661fdc5d11fe538d39af49e71d5bd8bbb88"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-svelte/zipball/94d0f1424bfb30f90d3e5baff742ac493567d38b",
-                "reference": "94d0f1424bfb30f90d3e5baff742ac493567d38b",
+                "url": "https://api.github.com/repos/symfony/ux-svelte/zipball/44649661fdc5d11fe538d39af49e71d5bd8bbb88",
+                "reference": "44649661fdc5d11fe538d39af49e71d5bd8bbb88",
                 "shasum": ""
             },
             "require": {
@@ -7876,7 +7884,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-svelte/tree/2.x"
+                "source": "https://github.com/symfony/ux-svelte/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7892,7 +7900,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-28T20:17:17+00:00"
+            "time": "2023-07-24T06:49:00+00:00"
         },
         {
             "name": "symfony/ux-swup",
@@ -7900,12 +7908,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-swup.git",
-                "reference": "28eed50a87ced39c503cf9165b1099a76c8a0c19"
+                "reference": "2f69f17493ee979e6f5919e7c1b5ec3b04ab9b7c"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-swup/zipball/28eed50a87ced39c503cf9165b1099a76c8a0c19",
-                "reference": "28eed50a87ced39c503cf9165b1099a76c8a0c19",
+                "url": "https://api.github.com/repos/symfony/ux-swup/zipball/2f69f17493ee979e6f5919e7c1b5ec3b04ab9b7c",
+                "reference": "2f69f17493ee979e6f5919e7c1b5ec3b04ab9b7c",
                 "shasum": ""
             },
             "conflict": {
@@ -7944,7 +7952,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-swup/tree/2.x"
+                "source": "https://github.com/symfony/ux-swup/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -7960,20 +7968,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-26T17:45:00+00:00"
+            "time": "2023-08-08T08:52:49+00:00"
         },
         {
             "name": "symfony/ux-toggle-password",
-            "version": "2.x-dev",
+            "version": "v2.11.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-toggle-password.git",
-                "reference": "5a5b21dfa753904c6633c7607480c9ecf8c54dbc"
+                "reference": "fe613d34076a860f4103ece67bcbd72479f62fd4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-toggle-password/zipball/5a5b21dfa753904c6633c7607480c9ecf8c54dbc",
-                "reference": "5a5b21dfa753904c6633c7607480c9ecf8c54dbc",
+                "url": "https://api.github.com/repos/symfony/ux-toggle-password/zipball/fe613d34076a860f4103ece67bcbd72479f62fd4",
+                "reference": "fe613d34076a860f4103ece67bcbd72479f62fd4",
                 "shasum": ""
             },
             "require": {
@@ -7992,7 +8000,6 @@
                 "symfony/var-dumper": "^5.4|^6.0",
                 "twig/twig": "^2.14.7|^3.0.4"
             },
-            "default-branch": true,
             "type": "symfony-bundle",
             "extra": {
                 "thanks": {
@@ -8025,7 +8032,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-toggle-password/tree/2.x"
+                "source": "https://github.com/symfony/ux-toggle-password/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -8041,7 +8048,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-07-31T20:26:27+00:00"
+            "time": "2023-08-24T16:25:14+00:00"
         },
         {
             "name": "symfony/ux-translator",
@@ -8102,7 +8109,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-translator/tree/2.x"
+                "source": "https://github.com/symfony/ux-translator/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -8126,12 +8133,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-turbo.git",
-                "reference": "9762c373ed54c3642a4ae64b9254bc1c454f7da0"
+                "reference": "561c1e4ed176fb99af9e0dcde449336fc04e6b0a"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-turbo/zipball/9762c373ed54c3642a4ae64b9254bc1c454f7da0",
-                "reference": "9762c373ed54c3642a4ae64b9254bc1c454f7da0",
+                "url": "https://api.github.com/repos/symfony/ux-turbo/zipball/561c1e4ed176fb99af9e0dcde449336fc04e6b0a",
+                "reference": "561c1e4ed176fb99af9e0dcde449336fc04e6b0a",
                 "shasum": ""
             },
             "require": {
@@ -8142,7 +8149,6 @@
                 "symfony/flex": "<1.13"
             },
             "require-dev": {
-                "doctrine/annotations": "^1.12",
                 "doctrine/doctrine-bundle": "^2.4.3",
                 "doctrine/orm": "^2.8 | 3.0",
                 "phpstan/phpstan": "^1.10",
@@ -8154,6 +8160,7 @@
                 "symfony/messenger": "^5.4|^6.0",
                 "symfony/panther": "^1.0|^2.0",
                 "symfony/phpunit-bridge": "^5.4|^6.0",
+                "symfony/process": "^5.4|6.3.*",
                 "symfony/property-access": "^5.4|^6.0",
                 "symfony/security-core": "^5.4|^6.0",
                 "symfony/stopwatch": "^5.4|^6.0",
@@ -8199,7 +8206,7 @@
                 "turbo-stream"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-turbo/tree/2.x"
+                "source": "https://github.com/symfony/ux-turbo/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -8215,7 +8222,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-19T13:59:38+00:00"
+            "time": "2023-08-24T16:25:14+00:00"
         },
         {
             "name": "symfony/ux-twig-component",
@@ -8223,12 +8230,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-twig-component.git",
-                "reference": "0c222ddce77fa7deda8541d8973db528e1451379"
+                "reference": "77a865598b847aae2ffbbd92ed01f04497d4483d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-twig-component/zipball/0c222ddce77fa7deda8541d8973db528e1451379",
-                "reference": "0c222ddce77fa7deda8541d8973db528e1451379",
+                "url": "https://api.github.com/repos/symfony/ux-twig-component/zipball/77a865598b847aae2ffbbd92ed01f04497d4483d",
+                "reference": "77a865598b847aae2ffbbd92ed01f04497d4483d",
                 "shasum": ""
             },
             "require": {
@@ -8243,6 +8250,8 @@
                 "symfony/config": "<5.4.0"
             },
             "require-dev": {
+                "symfony/css-selector": "^5.4|^6.0",
+                "symfony/dom-crawler": "^5.4|^6.0",
                 "symfony/framework-bundle": "^5.4|^6.0",
                 "symfony/phpunit-bridge": "^6.0",
                 "symfony/stimulus-bundle": "^2.9.1",
@@ -8296,7 +8305,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-28T20:17:17+00:00"
+            "time": "2023-08-30T10:35:00+00:00"
         },
         {
             "name": "symfony/ux-typed",
@@ -8304,12 +8313,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-typed.git",
-                "reference": "52d8a823c724b6b42644d251c9354081820bf60d"
+                "reference": "18d875201110186fd6a855948fe5ba9cc8b8895e"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-typed/zipball/52d8a823c724b6b42644d251c9354081820bf60d",
-                "reference": "52d8a823c724b6b42644d251c9354081820bf60d",
+                "url": "https://api.github.com/repos/symfony/ux-typed/zipball/18d875201110186fd6a855948fe5ba9cc8b8895e",
+                "reference": "18d875201110186fd6a855948fe5ba9cc8b8895e",
                 "shasum": ""
             },
             "conflict": {
@@ -8348,7 +8357,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-typed/tree/2.x"
+                "source": "https://github.com/symfony/ux-typed/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -8364,7 +8373,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-26T17:45:00+00:00"
+            "time": "2023-08-04T22:39:59+00:00"
         },
         {
             "name": "symfony/ux-vue",
@@ -8372,12 +8381,12 @@
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/ux-vue.git",
-                "reference": "371b35e80d5b45ea4d93e399d040bb5d7e8af089"
+                "reference": "f2e77ed1a162d4888c13d200ee5ae6821b8ff5c9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/ux-vue/zipball/371b35e80d5b45ea4d93e399d040bb5d7e8af089",
-                "reference": "371b35e80d5b45ea4d93e399d040bb5d7e8af089",
+                "url": "https://api.github.com/repos/symfony/ux-vue/zipball/f2e77ed1a162d4888c13d200ee5ae6821b8ff5c9",
+                "reference": "f2e77ed1a162d4888c13d200ee5ae6821b8ff5c9",
                 "shasum": ""
             },
             "require": {
@@ -8429,7 +8438,7 @@
                 "symfony-ux"
             ],
             "support": {
-                "source": "https://github.com/symfony/ux-vue/tree/2.x"
+                "source": "https://github.com/symfony/ux-vue/tree/v2.11.0"
             },
             "funding": [
                 {
@@ -8445,20 +8454,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-28T20:17:17+00:00"
+            "time": "2023-07-09T15:31:47+00:00"
         },
         {
             "name": "symfony/validator",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/validator.git",
-                "reference": "1b71f43c62ee867ab08195ba6039a1bc3e6654dc"
+                "reference": "0c8435154920b9bbe93bece675234c244cadf73b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/validator/zipball/1b71f43c62ee867ab08195ba6039a1bc3e6654dc",
-                "reference": "1b71f43c62ee867ab08195ba6039a1bc3e6654dc",
+                "url": "https://api.github.com/repos/symfony/validator/zipball/0c8435154920b9bbe93bece675234c244cadf73b",
+                "reference": "0c8435154920b9bbe93bece675234c244cadf73b",
                 "shasum": ""
             },
             "require": {
@@ -8525,7 +8534,7 @@
             "description": "Provides tools to validate values",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/validator/tree/v6.3.1"
+                "source": "https://github.com/symfony/validator/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -8541,24 +8550,25 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-21T12:08:28+00:00"
+            "time": "2023-08-17T15:49:05+00:00"
         },
         {
             "name": "symfony/var-dumper",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-dumper.git",
-                "reference": "c81268d6960ddb47af17391a27d222bd58cf0515"
+                "reference": "2027be14f8ae8eae999ceadebcda5b4909b81d45"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/c81268d6960ddb47af17391a27d222bd58cf0515",
-                "reference": "c81268d6960ddb47af17391a27d222bd58cf0515",
+                "url": "https://api.github.com/repos/symfony/var-dumper/zipball/2027be14f8ae8eae999ceadebcda5b4909b81d45",
+                "reference": "2027be14f8ae8eae999ceadebcda5b4909b81d45",
                 "shasum": ""
             },
             "require": {
                 "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/polyfill-mbstring": "~1.0"
             },
             "conflict": {
@@ -8567,6 +8577,7 @@
             "require-dev": {
                 "ext-iconv": "*",
                 "symfony/console": "^5.4|^6.0",
+                "symfony/http-kernel": "^5.4|^6.0",
                 "symfony/process": "^5.4|^6.0",
                 "symfony/uid": "^5.4|^6.0",
                 "twig/twig": "^2.13|^3.0.4"
@@ -8607,7 +8618,7 @@
                 "dump"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-dumper/tree/v6.3.1"
+                "source": "https://github.com/symfony/var-dumper/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -8623,20 +8634,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-21T12:08:28+00:00"
+            "time": "2023-08-24T14:51:05+00:00"
         },
         {
             "name": "symfony/var-exporter",
-            "version": "v6.3.0",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/var-exporter.git",
-                "reference": "db5416d04269f2827d8c54331ba4cfa42620d350"
+                "reference": "df1f8aac5751871b83d30bf3e2c355770f8f0691"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/var-exporter/zipball/db5416d04269f2827d8c54331ba4cfa42620d350",
-                "reference": "db5416d04269f2827d8c54331ba4cfa42620d350",
+                "url": "https://api.github.com/repos/symfony/var-exporter/zipball/df1f8aac5751871b83d30bf3e2c355770f8f0691",
+                "reference": "df1f8aac5751871b83d30bf3e2c355770f8f0691",
                 "shasum": ""
             },
             "require": {
@@ -8681,7 +8692,7 @@
                 "serialize"
             ],
             "support": {
-                "source": "https://github.com/symfony/var-exporter/tree/v6.3.0"
+                "source": "https://github.com/symfony/var-exporter/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -8697,7 +8708,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-21T08:48:44+00:00"
+            "time": "2023-08-16T18:14:47+00:00"
         },
         {
             "name": "symfony/web-link",
@@ -8784,20 +8795,21 @@
         },
         {
             "name": "symfony/yaml",
-            "version": "v6.3.0",
+            "version": "v6.3.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/yaml.git",
-                "reference": "a9a8337aa641ef2aa39c3e028f9107ec391e5927"
+                "reference": "e23292e8c07c85b971b44c1c4b87af52133e2add"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/yaml/zipball/a9a8337aa641ef2aa39c3e028f9107ec391e5927",
-                "reference": "a9a8337aa641ef2aa39c3e028f9107ec391e5927",
+                "url": "https://api.github.com/repos/symfony/yaml/zipball/e23292e8c07c85b971b44c1c4b87af52133e2add",
+                "reference": "e23292e8c07c85b971b44c1c4b87af52133e2add",
                 "shasum": ""
             },
             "require": {
                 "php": ">=8.1",
+                "symfony/deprecation-contracts": "^2.5|^3",
                 "symfony/polyfill-ctype": "^1.8"
             },
             "conflict": {
@@ -8835,7 +8847,7 @@
             "description": "Loads and dumps YAML files",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/yaml/tree/v6.3.0"
+                "source": "https://github.com/symfony/yaml/tree/v6.3.3"
             },
             "funding": [
                 {
@@ -8851,7 +8863,60 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-28T13:28:14+00:00"
+            "time": "2023-07-31T07:08:24+00:00"
+        },
+        {
+            "name": "symfonycasts/dynamic-forms",
+            "version": "v0.1.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/SymfonyCasts/dynamic-forms.git",
+                "reference": "28ac99d6d76eaf3c6f50081b78700121ba0997bf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/SymfonyCasts/dynamic-forms/zipball/28ac99d6d76eaf3c6f50081b78700121ba0997bf",
+                "reference": "28ac99d6d76eaf3c6f50081b78700121ba0997bf",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=8.1",
+                "symfony/form": "^5.4|^6.3|^7.0"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^1.11",
+                "symfony/framework-bundle": "^6.3|^7.0",
+                "symfony/phpunit-bridge": "^5.4|^6.3|^7.0",
+                "symfony/twig-bundle": "^6.3|^7.0",
+                "twig/twig": "^2.15|^3.0",
+                "zenstruck/browser": "^1.4"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Symfonycasts\\DynamicForms\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Ryan Weaver",
+                    "homepage": "https://symfonycasts.com"
+                }
+            ],
+            "description": "Add dynamic/dependent fields to Symfony forms",
+            "keywords": [
+                "Forms",
+                "symfony"
+            ],
+            "support": {
+                "issues": "https://github.com/SymfonyCasts/dynamic-forms/issues",
+                "source": "https://github.com/SymfonyCasts/dynamic-forms/tree/v0.1.0"
+            },
+            "time": "2023-08-31T18:22:06+00:00"
         },
         {
             "name": "symfonycasts/sass-bundle",
@@ -8959,27 +9024,27 @@
         },
         {
             "name": "twig/extra-bundle",
-            "version": "v3.6.1",
+            "version": "v3.7.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/twigphp/twig-extra-bundle.git",
-                "reference": "802cc2dd46ec88285d6c7fa85c26ab7f2cd5bc49"
+                "reference": "f10baafe6eb0ecd615d52d5cbfb713a39f68e8f3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/twigphp/twig-extra-bundle/zipball/802cc2dd46ec88285d6c7fa85c26ab7f2cd5bc49",
-                "reference": "802cc2dd46ec88285d6c7fa85c26ab7f2cd5bc49",
+                "url": "https://api.github.com/repos/twigphp/twig-extra-bundle/zipball/f10baafe6eb0ecd615d52d5cbfb713a39f68e8f3",
+                "reference": "f10baafe6eb0ecd615d52d5cbfb713a39f68e8f3",
                 "shasum": ""
             },
             "require": {
                 "php": ">=7.2.5",
-                "symfony/framework-bundle": "^4.4|^5.0|^6.0",
-                "symfony/twig-bundle": "^4.4|^5.0|^6.0",
+                "symfony/framework-bundle": "^5.4|^6.0",
+                "symfony/twig-bundle": "^5.4|^6.0",
                 "twig/twig": "^2.7|^3.0"
             },
             "require-dev": {
                 "league/commonmark": "^1.0|^2.0",
-                "symfony/phpunit-bridge": "^4.4.9|^5.0.9|^6.0",
+                "symfony/phpunit-bridge": "^5.4|^6.3",
                 "twig/cache-extra": "^3.0",
                 "twig/cssinliner-extra": "^2.12|^3.0",
                 "twig/html-extra": "^2.12|^3.0",
@@ -9017,7 +9082,7 @@
                 "twig"
             ],
             "support": {
-                "source": "https://github.com/twigphp/twig-extra-bundle/tree/v3.6.1"
+                "source": "https://github.com/twigphp/twig-extra-bundle/tree/v3.7.1"
             },
             "funding": [
                 {
@@ -9029,29 +9094,29 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-06T11:11:46+00:00"
+            "time": "2023-07-29T15:34:56+00:00"
         },
         {
             "name": "twig/intl-extra",
-            "version": "v3.6.0",
+            "version": "v3.7.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/twigphp/intl-extra.git",
-                "reference": "a97c323bebfca009d02994a5a8568c0b412a49ab"
+                "reference": "4f4fe572f635534649cc069e1dafe4a8ad63774d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/twigphp/intl-extra/zipball/a97c323bebfca009d02994a5a8568c0b412a49ab",
-                "reference": "a97c323bebfca009d02994a5a8568c0b412a49ab",
+                "url": "https://api.github.com/repos/twigphp/intl-extra/zipball/4f4fe572f635534649cc069e1dafe4a8ad63774d",
+                "reference": "4f4fe572f635534649cc069e1dafe4a8ad63774d",
                 "shasum": ""
             },
             "require": {
                 "php": ">=7.1.3",
-                "symfony/intl": "^4.4|^5.0|^6.0",
+                "symfony/intl": "^5.4|^6.0",
                 "twig/twig": "^2.7|^3.0"
             },
             "require-dev": {
-                "symfony/phpunit-bridge": "^4.4.9|^5.0.9|^6.0"
+                "symfony/phpunit-bridge": "^5.4|^6.3"
             },
             "type": "library",
             "autoload": {
@@ -9081,7 +9146,7 @@
                 "twig"
             ],
             "support": {
-                "source": "https://github.com/twigphp/intl-extra/tree/v3.6.0"
+                "source": "https://github.com/twigphp/intl-extra/tree/v3.7.1"
             },
             "funding": [
                 {
@@ -9093,20 +9158,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-02-09T06:45:16+00:00"
+            "time": "2023-07-29T15:34:56+00:00"
         },
         {
             "name": "twig/markdown-extra",
-            "version": "v3.6.0",
+            "version": "v3.7.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/twigphp/markdown-extra.git",
-                "reference": "8f1179e279cea6ef14066a4560b859df58acd5d8"
+                "reference": "83dfa86a0379f784ea30bdb9c15a356b8aabf780"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/twigphp/markdown-extra/zipball/8f1179e279cea6ef14066a4560b859df58acd5d8",
-                "reference": "8f1179e279cea6ef14066a4560b859df58acd5d8",
+                "url": "https://api.github.com/repos/twigphp/markdown-extra/zipball/83dfa86a0379f784ea30bdb9c15a356b8aabf780",
+                "reference": "83dfa86a0379f784ea30bdb9c15a356b8aabf780",
                 "shasum": ""
             },
             "require": {
@@ -9118,7 +9183,7 @@
                 "league/commonmark": "^1.0|^2.0",
                 "league/html-to-markdown": "^4.8|^5.0",
                 "michelf/php-markdown": "^1.8|^2.0",
-                "symfony/phpunit-bridge": "^4.4.9|^5.0.9|^6.0"
+                "symfony/phpunit-bridge": "^5.4|^6.3"
             },
             "type": "library",
             "autoload": {
@@ -9149,7 +9214,7 @@
                 "twig"
             ],
             "support": {
-                "source": "https://github.com/twigphp/markdown-extra/tree/v3.6.0"
+                "source": "https://github.com/twigphp/markdown-extra/tree/v3.7.1"
             },
             "funding": [
                 {
@@ -9161,20 +9226,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-02-09T06:45:16+00:00"
+            "time": "2023-07-29T15:34:56+00:00"
         },
         {
             "name": "twig/twig",
-            "version": "v3.6.1",
+            "version": "v3.7.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/twigphp/Twig.git",
-                "reference": "7e7d5839d4bec168dfeef0ac66d5c5a2edbabffd"
+                "reference": "a0ce373a0ca3bf6c64b9e3e2124aca502ba39554"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/twigphp/Twig/zipball/7e7d5839d4bec168dfeef0ac66d5c5a2edbabffd",
-                "reference": "7e7d5839d4bec168dfeef0ac66d5c5a2edbabffd",
+                "url": "https://api.github.com/repos/twigphp/Twig/zipball/a0ce373a0ca3bf6c64b9e3e2124aca502ba39554",
+                "reference": "a0ce373a0ca3bf6c64b9e3e2124aca502ba39554",
                 "shasum": ""
             },
             "require": {
@@ -9184,7 +9249,7 @@
             },
             "require-dev": {
                 "psr/container": "^1.0|^2.0",
-                "symfony/phpunit-bridge": "^4.4.9|^5.0.9|^6.0"
+                "symfony/phpunit-bridge": "^5.4.9|^6.3"
             },
             "type": "library",
             "autoload": {
@@ -9220,7 +9285,7 @@
             ],
             "support": {
                 "issues": "https://github.com/twigphp/Twig/issues",
-                "source": "https://github.com/twigphp/Twig/tree/v3.6.1"
+                "source": "https://github.com/twigphp/Twig/tree/v3.7.1"
             },
             "funding": [
                 {
@@ -9232,7 +9297,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-08T12:52:13+00:00"
+            "time": "2023-08-28T11:09:02+00:00"
         }
     ],
     "packages-dev": [
@@ -9370,16 +9435,16 @@
         },
         {
             "name": "masterminds/html5",
-            "version": "2.8.0",
+            "version": "2.8.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/Masterminds/html5-php.git",
-                "reference": "3c5d5a56d56f48a1ca08a0670f0f80c1dad368f3"
+                "reference": "f47dcf3c70c584de14f21143c55d9939631bc6cf"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/Masterminds/html5-php/zipball/3c5d5a56d56f48a1ca08a0670f0f80c1dad368f3",
-                "reference": "3c5d5a56d56f48a1ca08a0670f0f80c1dad368f3",
+                "url": "https://api.github.com/repos/Masterminds/html5-php/zipball/f47dcf3c70c584de14f21143c55d9939631bc6cf",
+                "reference": "f47dcf3c70c584de14f21143c55d9939631bc6cf",
                 "shasum": ""
             },
             "require": {
@@ -9431,9 +9496,9 @@
             ],
             "support": {
                 "issues": "https://github.com/Masterminds/html5-php/issues",
-                "source": "https://github.com/Masterminds/html5-php/tree/2.8.0"
+                "source": "https://github.com/Masterminds/html5-php/tree/2.8.1"
             },
-            "time": "2023-04-26T07:27:39+00:00"
+            "time": "2023-05-10T11:58:31+00:00"
         },
         {
             "name": "myclabs/deep-copy",
@@ -9496,16 +9561,16 @@
         },
         {
             "name": "nikic/php-parser",
-            "version": "v4.15.5",
+            "version": "v4.17.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/nikic/PHP-Parser.git",
-                "reference": "11e2663a5bc9db5d714eedb4277ee300403b4a9e"
+                "reference": "a6303e50c90c355c7eeee2c4a8b27fe8dc8fef1d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/11e2663a5bc9db5d714eedb4277ee300403b4a9e",
-                "reference": "11e2663a5bc9db5d714eedb4277ee300403b4a9e",
+                "url": "https://api.github.com/repos/nikic/PHP-Parser/zipball/a6303e50c90c355c7eeee2c4a8b27fe8dc8fef1d",
+                "reference": "a6303e50c90c355c7eeee2c4a8b27fe8dc8fef1d",
                 "shasum": ""
             },
             "require": {
@@ -9546,9 +9611,9 @@
             ],
             "support": {
                 "issues": "https://github.com/nikic/PHP-Parser/issues",
-                "source": "https://github.com/nikic/PHP-Parser/tree/v4.15.5"
+                "source": "https://github.com/nikic/PHP-Parser/tree/v4.17.1"
             },
-            "time": "2023-05-19T20:20:00+00:00"
+            "time": "2023-08-13T19:53:39+00:00"
         },
         {
             "name": "phar-io/manifest",
@@ -9663,16 +9728,16 @@
         },
         {
             "name": "phpunit/php-code-coverage",
-            "version": "9.2.26",
+            "version": "9.2.27",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/php-code-coverage.git",
-                "reference": "443bc6912c9bd5b409254a40f4b0f4ced7c80ea1"
+                "reference": "b0a88255cb70d52653d80c890bd7f38740ea50d1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/443bc6912c9bd5b409254a40f4b0f4ced7c80ea1",
-                "reference": "443bc6912c9bd5b409254a40f4b0f4ced7c80ea1",
+                "url": "https://api.github.com/repos/sebastianbergmann/php-code-coverage/zipball/b0a88255cb70d52653d80c890bd7f38740ea50d1",
+                "reference": "b0a88255cb70d52653d80c890bd7f38740ea50d1",
                 "shasum": ""
             },
             "require": {
@@ -9728,7 +9793,8 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/php-code-coverage/issues",
-                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.26"
+                "security": "https://github.com/sebastianbergmann/php-code-coverage/security/policy",
+                "source": "https://github.com/sebastianbergmann/php-code-coverage/tree/9.2.27"
             },
             "funding": [
                 {
@@ -9736,7 +9802,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-03-06T12:58:08+00:00"
+            "time": "2023-07-26T13:44:30+00:00"
         },
         {
             "name": "phpunit/php-file-iterator",
@@ -9981,16 +10047,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "9.6.9",
+            "version": "9.6.11",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "a9aceaf20a682aeacf28d582654a1670d8826778"
+                "reference": "810500e92855eba8a7a5319ae913be2da6f957b0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/a9aceaf20a682aeacf28d582654a1670d8826778",
-                "reference": "a9aceaf20a682aeacf28d582654a1670d8826778",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/810500e92855eba8a7a5319ae913be2da6f957b0",
+                "reference": "810500e92855eba8a7a5319ae913be2da6f957b0",
                 "shasum": ""
             },
             "require": {
@@ -10064,7 +10130,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
                 "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.6.9"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/9.6.11"
             },
             "funding": [
                 {
@@ -10080,7 +10146,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-11T06:13:56+00:00"
+            "time": "2023-08-19T07:10:56+00:00"
         },
         {
             "name": "sebastian/cli-parser",
@@ -10588,16 +10654,16 @@
         },
         {
             "name": "sebastian/global-state",
-            "version": "5.0.5",
+            "version": "5.0.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/global-state.git",
-                "reference": "0ca8db5a5fc9c8646244e629625ac486fa286bf2"
+                "reference": "bde739e7565280bda77be70044ac1047bc007e34"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/0ca8db5a5fc9c8646244e629625ac486fa286bf2",
-                "reference": "0ca8db5a5fc9c8646244e629625ac486fa286bf2",
+                "url": "https://api.github.com/repos/sebastianbergmann/global-state/zipball/bde739e7565280bda77be70044ac1047bc007e34",
+                "reference": "bde739e7565280bda77be70044ac1047bc007e34",
                 "shasum": ""
             },
             "require": {
@@ -10640,7 +10706,7 @@
             ],
             "support": {
                 "issues": "https://github.com/sebastianbergmann/global-state/issues",
-                "source": "https://github.com/sebastianbergmann/global-state/tree/5.0.5"
+                "source": "https://github.com/sebastianbergmann/global-state/tree/5.0.6"
             },
             "funding": [
                 {
@@ -10648,7 +10714,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2022-02-14T08:28:10+00:00"
+            "time": "2023-08-02T09:26:13+00:00"
         },
         {
             "name": "sebastian/lines-of-code",
@@ -11048,16 +11114,16 @@
         },
         {
             "name": "symfony/browser-kit",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/browser-kit.git",
-                "reference": "0eb7228e7c435169e65c911ba8d107d56d850049"
+                "reference": "ca4a988488f61ac18f8f845445eabdd36f89aa8d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/browser-kit/zipball/0eb7228e7c435169e65c911ba8d107d56d850049",
-                "reference": "0eb7228e7c435169e65c911ba8d107d56d850049",
+                "url": "https://api.github.com/repos/symfony/browser-kit/zipball/ca4a988488f61ac18f8f845445eabdd36f89aa8d",
+                "reference": "ca4a988488f61ac18f8f845445eabdd36f89aa8d",
                 "shasum": ""
             },
             "require": {
@@ -11096,7 +11162,7 @@
             "description": "Simulates the behavior of a web browser, allowing you to make requests, click on links and submit forms programmatically",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/browser-kit/tree/v6.3.0"
+                "source": "https://github.com/symfony/browser-kit/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -11112,20 +11178,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-04-25T10:46:17+00:00"
+            "time": "2023-07-06T06:56:43+00:00"
         },
         {
             "name": "symfony/css-selector",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/css-selector.git",
-                "reference": "88453e64cd86c5b60e8d2fb2c6f953bbc353ffbf"
+                "reference": "883d961421ab1709877c10ac99451632a3d6fa57"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/css-selector/zipball/88453e64cd86c5b60e8d2fb2c6f953bbc353ffbf",
-                "reference": "88453e64cd86c5b60e8d2fb2c6f953bbc353ffbf",
+                "url": "https://api.github.com/repos/symfony/css-selector/zipball/883d961421ab1709877c10ac99451632a3d6fa57",
+                "reference": "883d961421ab1709877c10ac99451632a3d6fa57",
                 "shasum": ""
             },
             "require": {
@@ -11161,7 +11227,7 @@
             "description": "Converts CSS selectors to XPath expressions",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/css-selector/tree/v6.3.0"
+                "source": "https://github.com/symfony/css-selector/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -11177,20 +11243,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-03-20T16:43:42+00:00"
+            "time": "2023-07-12T16:00:22+00:00"
         },
         {
             "name": "symfony/debug-bundle",
-            "version": "v6.3.0",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/debug-bundle.git",
-                "reference": "02fe831f7cdd472c561116189bcc30d0759665e7"
+                "reference": "3f04a578e1a9f1d7da84a87b690c03123e5d8c31"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/debug-bundle/zipball/02fe831f7cdd472c561116189bcc30d0759665e7",
-                "reference": "02fe831f7cdd472c561116189bcc30d0759665e7",
+                "url": "https://api.github.com/repos/symfony/debug-bundle/zipball/3f04a578e1a9f1d7da84a87b690c03123e5d8c31",
+                "reference": "3f04a578e1a9f1d7da84a87b690c03123e5d8c31",
                 "shasum": ""
             },
             "require": {
@@ -11235,7 +11301,7 @@
             "description": "Provides a tight integration of the Symfony VarDumper component and the ServerLogCommand from MonologBridge into the Symfony full-stack framework",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/debug-bundle/tree/v6.3.0"
+                "source": "https://github.com/symfony/debug-bundle/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -11251,20 +11317,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-05-25T12:58:06+00:00"
+            "time": "2023-07-13T14:29:38+00:00"
         },
         {
             "name": "symfony/dom-crawler",
-            "version": "v6.3.1",
+            "version": "v6.3.4",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/dom-crawler.git",
-                "reference": "8aa333f41f05afc7fc285a976b58272fd90fc212"
+                "reference": "3fdd2a3d5fdc363b2e8dbf817f9726a4d013cbd1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/dom-crawler/zipball/8aa333f41f05afc7fc285a976b58272fd90fc212",
-                "reference": "8aa333f41f05afc7fc285a976b58272fd90fc212",
+                "url": "https://api.github.com/repos/symfony/dom-crawler/zipball/3fdd2a3d5fdc363b2e8dbf817f9726a4d013cbd1",
+                "reference": "3fdd2a3d5fdc363b2e8dbf817f9726a4d013cbd1",
                 "shasum": ""
             },
             "require": {
@@ -11302,7 +11368,7 @@
             "description": "Eases DOM navigation for HTML and XML documents",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/dom-crawler/tree/v6.3.1"
+                "source": "https://github.com/symfony/dom-crawler/tree/v6.3.4"
             },
             "funding": [
                 {
@@ -11318,20 +11384,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-05T15:30:22+00:00"
+            "time": "2023-08-01T07:43:40+00:00"
         },
         {
             "name": "symfony/maker-bundle",
-            "version": "v1.49.0",
+            "version": "v1.50.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/maker-bundle.git",
-                "reference": "ce1d424f76bbb377f1956cc7641e8e2eafe81cde"
+                "reference": "a1733f849b999460c308e66f6392fb09b621fa86"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/maker-bundle/zipball/ce1d424f76bbb377f1956cc7641e8e2eafe81cde",
-                "reference": "ce1d424f76bbb377f1956cc7641e8e2eafe81cde",
+                "url": "https://api.github.com/repos/symfony/maker-bundle/zipball/a1733f849b999460c308e66f6392fb09b621fa86",
+                "reference": "a1733f849b999460c308e66f6392fb09b621fa86",
                 "shasum": ""
             },
             "require": {
@@ -11389,13 +11455,14 @@
             "homepage": "https://symfony.com/doc/current/bundles/SymfonyMakerBundle/index.html",
             "keywords": [
                 "code generator",
+                "dev",
                 "generator",
                 "scaffold",
                 "scaffolding"
             ],
             "support": {
                 "issues": "https://github.com/symfony/maker-bundle/issues",
-                "source": "https://github.com/symfony/maker-bundle/tree/v1.49.0"
+                "source": "https://github.com/symfony/maker-bundle/tree/v1.50.0"
             },
             "funding": [
                 {
@@ -11411,20 +11478,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-07T13:10:14+00:00"
+            "time": "2023-07-10T18:21:57+00:00"
         },
         {
             "name": "symfony/phpunit-bridge",
-            "version": "v6.3.1",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/phpunit-bridge.git",
-                "reference": "0b0bf59b0d9bd1422145a123a67fb12af546ef0d"
+                "reference": "e020e1efbd1b42cb670fcd7d19a25abbddba035d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/phpunit-bridge/zipball/0b0bf59b0d9bd1422145a123a67fb12af546ef0d",
-                "reference": "0b0bf59b0d9bd1422145a123a67fb12af546ef0d",
+                "url": "https://api.github.com/repos/symfony/phpunit-bridge/zipball/e020e1efbd1b42cb670fcd7d19a25abbddba035d",
+                "reference": "e020e1efbd1b42cb670fcd7d19a25abbddba035d",
                 "shasum": ""
             },
             "require": {
@@ -11476,7 +11543,7 @@
             "description": "Provides utilities for PHPUnit, especially user deprecation notices management",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/phpunit-bridge/tree/v6.3.1"
+                "source": "https://github.com/symfony/phpunit-bridge/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -11492,20 +11559,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-23T13:25:16+00:00"
+            "time": "2023-07-12T16:00:22+00:00"
         },
         {
             "name": "symfony/polyfill-php81",
-            "version": "v1.27.0",
+            "version": "v1.28.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/polyfill-php81.git",
-                "reference": "707403074c8ea6e2edaf8794b0157a0bfa52157a"
+                "reference": "7581cd600fa9fd681b797d00b02f068e2f13263b"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/polyfill-php81/zipball/707403074c8ea6e2edaf8794b0157a0bfa52157a",
-                "reference": "707403074c8ea6e2edaf8794b0157a0bfa52157a",
+                "url": "https://api.github.com/repos/symfony/polyfill-php81/zipball/7581cd600fa9fd681b797d00b02f068e2f13263b",
+                "reference": "7581cd600fa9fd681b797d00b02f068e2f13263b",
                 "shasum": ""
             },
             "require": {
@@ -11514,7 +11581,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "1.27-dev"
+                    "dev-main": "1.28-dev"
                 },
                 "thanks": {
                     "name": "symfony/polyfill",
@@ -11555,7 +11622,7 @@
                 "shim"
             ],
             "support": {
-                "source": "https://github.com/symfony/polyfill-php81/tree/v1.27.0"
+                "source": "https://github.com/symfony/polyfill-php81/tree/v1.28.0"
             },
             "funding": [
                 {
@@ -11571,20 +11638,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2022-11-03T14:55:06+00:00"
+            "time": "2023-01-26T09:26:14+00:00"
         },
         {
             "name": "symfony/web-profiler-bundle",
-            "version": "v6.3.1",
+            "version": "v6.3.2",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/web-profiler-bundle.git",
-                "reference": "4a6cf8cb093e720c7ae4d55b1af848ce7e9abd36"
+                "reference": "6101b5ab7857c373d237e121f9060c68b32e1373"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/web-profiler-bundle/zipball/4a6cf8cb093e720c7ae4d55b1af848ce7e9abd36",
-                "reference": "4a6cf8cb093e720c7ae4d55b1af848ce7e9abd36",
+                "url": "https://api.github.com/repos/symfony/web-profiler-bundle/zipball/6101b5ab7857c373d237e121f9060c68b32e1373",
+                "reference": "6101b5ab7857c373d237e121f9060c68b32e1373",
                 "shasum": ""
             },
             "require": {
@@ -11636,7 +11703,7 @@
                 "dev"
             ],
             "support": {
-                "source": "https://github.com/symfony/web-profiler-bundle/tree/v6.3.1"
+                "source": "https://github.com/symfony/web-profiler-bundle/tree/v6.3.2"
             },
             "funding": [
                 {
@@ -11652,7 +11719,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2023-06-24T11:51:27+00:00"
+            "time": "2023-07-19T20:17:28+00:00"
         },
         {
             "name": "theseer/tokenizer",
@@ -11895,16 +11962,16 @@
         },
         {
             "name": "zenstruck/foundry",
-            "version": "v1.33.0",
+            "version": "v1.35.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/zenstruck/foundry.git",
-                "reference": "3c46a2f2aa3ad8a1d74583a28a6be05e8c0a46ee"
+                "reference": "4cb1fed923e8bf0ee6e977be74d3676d431291f9"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/zenstruck/foundry/zipball/3c46a2f2aa3ad8a1d74583a28a6be05e8c0a46ee",
-                "reference": "3c46a2f2aa3ad8a1d74583a28a6be05e8c0a46ee",
+                "url": "https://api.github.com/repos/zenstruck/foundry/zipball/4cb1fed923e8bf0ee6e977be74d3676d431291f9",
+                "reference": "4cb1fed923e8bf0ee6e977be74d3676d431291f9",
                 "shasum": ""
             },
             "require": {
@@ -11930,7 +11997,7 @@
                 "doctrine/orm": "^2.9",
                 "matthiasnoback/symfony-dependency-injection-test": "^4.1",
                 "symfony/framework-bundle": "^5.4|^6.0",
-                "symfony/maker-bundle": "^1.30",
+                "symfony/maker-bundle": "^1.49",
                 "symfony/phpunit-bridge": "^5.4|^6.0",
                 "symfony/translation-contracts": "^2.5|^3.0"
             },
@@ -11972,7 +12039,7 @@
             ],
             "support": {
                 "issues": "https://github.com/zenstruck/foundry/issues",
-                "source": "https://github.com/zenstruck/foundry/tree/v1.33.0"
+                "source": "https://github.com/zenstruck/foundry/tree/v1.35.0"
             },
             "funding": [
                 {
@@ -11980,7 +12047,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2023-05-23T16:21:57+00:00"
+            "time": "2023-08-10T14:39:33+00:00"
         }
     ],
     "aliases": [],
diff --git a/ux.symfony.com/src/Form/MealPlannerForm.php b/ux.symfony.com/src/Form/MealPlannerForm.php
index 7312eda86ad..94fec0f5163 100644
--- a/ux.symfony.com/src/Form/MealPlannerForm.php
+++ b/ux.symfony.com/src/Form/MealPlannerForm.php
@@ -9,112 +9,51 @@
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\EnumType;
 use Symfony\Component\Form\FormBuilderInterface;
-use Symfony\Component\Form\FormEvent;
-use Symfony\Component\Form\FormEvents;
-use Symfony\Component\Form\FormFactoryInterface;
-use Symfony\Component\Form\FormInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
+use Symfonycasts\DynamicForms\DependentField;
+use Symfonycasts\DynamicForms\DynamicFormBuilder;
 
 class MealPlannerForm extends AbstractType
 {
-    private FormFactoryInterface $factory;
-
-    /**
-     * @var array<string, mixed>
-     */
-    private $dependencies = [];
-
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
-        $this->factory = $builder->getFormFactory();
-
-        $builder->add('meal', EnumType::class, [
-            'class' => Meal::class,
-            'choice_label' => fn (Meal $meal): string => $meal->getReadable(),
-            'placeholder' => 'Which meal is it?',
-            'autocomplete' => true,
-        ]);
-
-        $builder->addEventListener(FormEvents::PRE_SET_DATA, [$this, 'onPreSetData']);
-        $builder->addEventListener(FormEvents::POST_SUBMIT, [$this, 'onPostSubmit']);
-
-        $builder->get('meal')->addEventListener(FormEvents::POST_SUBMIT, [$this, 'storeDependencies']);
-        $builder->get('meal')->addEventListener(FormEvents::POST_SUBMIT, [$this, 'onPostSubmitMeal']);
-    }
-
-    public function configureOptions(OptionsResolver $resolver): void
-    {
-        $resolver->setDefaults(['data_class' => MealPlan::class]);
-    }
-
-    public function onPreSetData(FormEvent $event): void
-    {
-        // the object tied to your form
-        /** @var ?MealPlan $data */
-        $data = $event->getData();
-
-        $this->addFoodField($event->getForm(), $data?->getMeal());
-        $this->addPizzaSizeField($event->getForm(), $data?->getPizzaSize());
-    }
-
-    public function onPostSubmit(FormEvent $event): void
-    {
-        $this->dependencies = [];
-    }
-
-    public function storeDependencies(FormEvent $event): void
-    {
-        $this->dependencies[$event->getForm()->getName()] = $event->getForm()->getData();
-    }
-
-    public function onPostSubmitMeal(FormEvent $event): void
-    {
-        $this->addFoodField(
-            $event->getForm()->getParent(),
-            $this->dependencies['meal'],
-        );
-    }
-
-    public function onPostSubmitFood(FormEvent $event): void
-    {
-        $this->addPizzaSizeField(
-            $event->getForm()->getParent(),
-            $this->dependencies['mainFood'],
-        );
-    }
+        $builder = new DynamicFormBuilder($builder);
 
-    public function addFoodField(FormInterface $form, ?Meal $meal): void
-    {
-        $mainFood = $this->factory
-            ->createNamedBuilder('mainFood', EnumType::class, $meal, [
-                'class' => Food::class,
-                'placeholder' => null === $meal ? 'Select a meal first' : sprintf('What\'s for %s?', $meal->getReadable()),
-                'choices' => $meal?->getFoodChoices(),
-                'choice_label' => fn (Food $food): string => $food->getReadable(),
-                'disabled' => null === $meal,
-                // silence real-time "invalid" message when switching "meals"
-                'invalid_message' => false,
+        $builder
+            ->add('meal', EnumType::class, [
+                'class' => Meal::class,
+                'choice_label' => fn (Meal $meal): string => $meal->getReadable(),
+                'placeholder' => 'Which meal is it?',
                 'autocomplete' => true,
-                'auto_initialize' => false,
             ])
-            ->addEventListener(FormEvents::POST_SUBMIT, [$this, 'storeDependencies'])
-            ->addEventListener(FormEvents::POST_SUBMIT, [$this, 'onPostSubmitFood']);
-
-        $form->add($mainFood->getForm());
+            ->addDependent('mainFood', 'meal', function (DependentField $field, ?Meal $meal) {
+                $field->add(EnumType::class, [
+                    'class' => Food::class,
+                    'placeholder' => null === $meal ? 'Select a meal first' : sprintf('What\'s for %s?', $meal->getReadable()),
+                    'choices' => $meal?->getFoodChoices(),
+                    'choice_label' => fn (Food $food): string => $food->getReadable(),
+                    'disabled' => null === $meal,
+                    'autocomplete' => true,
+                ]);
+            })
+            ->addDependent('pizzaSize', 'mainFood', function (DependentField $field, ?Food $food) {
+                if (Food::Pizza !== $food) {
+                    return;
+                }
+
+                $field->add(EnumType::class, [
+                    'class' => PizzaSize::class,
+                    'placeholder' => 'What size pizza?',
+                    'choice_label' => fn (PizzaSize $pizzaSize): string => $pizzaSize->getReadable(),
+                    'required' => true,
+                    'autocomplete' => true,
+                ]);
+            })
+        ;
     }
 
-    public function addPizzaSizeField(FormInterface $form, ?Food $food): void
+    public function configureOptions(OptionsResolver $resolver): void
     {
-        if (Food::Pizza !== $food) {
-            return;
-        }
-
-        $form->add('pizzaSize', EnumType::class, [
-            'class' => PizzaSize::class,
-            'placeholder' => 'What size pizza?',
-            'choice_label' => fn (PizzaSize $pizzaSize): string => $pizzaSize->getReadable(),
-            'required' => true,
-            'autocomplete' => true,
-        ]);
+        $resolver->setDefaults(['data_class' => MealPlan::class]);
     }
 }

From 4ba338a507cba40a5b864962c64987d408060edb Mon Sep 17 00:00:00 2001
From: Ryan Weaver <ryan@symfonycasts.com>
Date: Thu, 7 Sep 2023 10:47:13 -0400
Subject: [PATCH 08/13] pointing to dynamic-forms bundle for clarity

---
 ux.symfony.com/src/Form/MealPlannerForm.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ux.symfony.com/src/Form/MealPlannerForm.php b/ux.symfony.com/src/Form/MealPlannerForm.php
index 94fec0f5163..6061a1a7034 100644
--- a/ux.symfony.com/src/Form/MealPlannerForm.php
+++ b/ux.symfony.com/src/Form/MealPlannerForm.php
@@ -26,6 +26,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 'placeholder' => 'Which meal is it?',
                 'autocomplete' => true,
             ])
+            // see: https://github.com/SymfonyCasts/dynamic-forms
             ->addDependent('mainFood', 'meal', function (DependentField $field, ?Meal $meal) {
                 $field->add(EnumType::class, [
                     'class' => Food::class,

From 41f59f1869028f32568d56d3e5256ee82594bb10 Mon Sep 17 00:00:00 2001
From: Marie CHARLES <marie.charles@sensiolabs.com>
Date: Wed, 26 Jul 2023 09:37:51 +0200
Subject: [PATCH 09/13] [Docs] Anonymous twig components

---
 src/TwigComponent/doc/index.rst | 64 +++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/src/TwigComponent/doc/index.rst b/src/TwigComponent/doc/index.rst
index dfca8b8172b..21f036a49b9 100644
--- a/src/TwigComponent/doc/index.rst
+++ b/src/TwigComponent/doc/index.rst
@@ -1050,6 +1050,70 @@ And in your component template you can access your embedded block
         {% block footer %}{% endblock %}
      </div>
 
+Anonymous Components
+--------------------
+
+Sometimes a component is simple enough that it doesn't have any complex logic or injected services.
+In this case, you can skip the class and only create the template. The component name is determined
+by the location of the template (see `Twig Template Namespaces`_):
+
+.. code-block:: html+twig
+
+    {# templates/components/Button/Primary.html.twig #}
+    <button {{ attributes.defaults({ class: 'primary' }) }}>
+        {% block content %}{% endblock %}
+    </button>
+
+Then use your component with ``:`` to navigate through sub-directories (if there are any):
+
+.. code-block:: html+twig
+
+    {# index.html.twig #}
+    ...
+    <div>
+       <twig:Button:Primary>Click Me!</twig:Button:Primary>
+    </div>
+
+    {# renders as: #}
+    <button class="primary">Click Me!</button>
+
+Like normal, you can pass extra attributes that will be rendered on the element:
+
+.. code-block:: html+twig
+
+    {# index.html.twig #}
+    ...
+    <div>
+       <twig:Button:Primary type="button" name="foo">Click Me!</twig:Button:Primary>
+    </div>
+
+    {# renders as: #}
+    <button class="primary" type="button" name="foo">Click Me!</button>
+
+You can also pass a variable (prop) into your template:
+
+.. code-block:: html+twig
+
+    {# index.html.twig #}
+    ...
+    <div>
+        <twig:Button icon="fa-plus" type="primary" role="button">Click Me!</twig:Button>
+    </div>
+
+To tell the system that ``icon`` and ``type`` are props and not attributes, use the ``{% props %}`` tag at the top of your template.
+
+.. code-block:: html+twig
+
+    {# templates/components/Button.html.twig #}
+    {% props icon = null, type = 'primary' %}
+
+    <button {{ attributes.defaults({ class: 'btn btn-'~type }) }}>
+        {% block content %}{% endblock %}
+        {% if icon %}
+            <span class="fa-solid fa-{{ icon }}"></span>
+        {% endif %}
+    </button>
+
 Test Helpers
 ------------
 

From 9591ea8935098930ce1f5e27e119fbc4426afb96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gerard=20Berengu=C3=A9?= <gerard@bere.cat>
Date: Wed, 6 Sep 2023 08:50:09 +0200
Subject: [PATCH 10/13] Don't store ux_live_component URLs in setTargetPath of
 the security component

---
 src/LiveComponent/assets/dist/live_controller.js             | 1 +
 src/LiveComponent/assets/src/Backend/RequestBuilder.ts       | 1 +
 src/LiveComponent/assets/test/Backend/RequestBuilder.test.ts | 5 +++++
 3 files changed, 7 insertions(+)

diff --git a/src/LiveComponent/assets/dist/live_controller.js b/src/LiveComponent/assets/dist/live_controller.js
index 0af46087a6f..85fe146a88a 100644
--- a/src/LiveComponent/assets/dist/live_controller.js
+++ b/src/LiveComponent/assets/dist/live_controller.js
@@ -2154,6 +2154,7 @@ class RequestBuilder {
         const fetchOptions = {};
         fetchOptions.headers = {
             Accept: 'application/vnd.live-component+html',
+            'X-Requested-With': 'XMLHttpRequest',
         };
         const totalFiles = Object.entries(files).reduce((total, current) => total + current.length, 0);
         const hasFingerprints = Object.keys(children).length > 0;
diff --git a/src/LiveComponent/assets/src/Backend/RequestBuilder.ts b/src/LiveComponent/assets/src/Backend/RequestBuilder.ts
index 2fe6e3b0254..d43dfdb5bca 100644
--- a/src/LiveComponent/assets/src/Backend/RequestBuilder.ts
+++ b/src/LiveComponent/assets/src/Backend/RequestBuilder.ts
@@ -25,6 +25,7 @@ export default class {
         const fetchOptions: RequestInit = {};
         fetchOptions.headers = {
             Accept: 'application/vnd.live-component+html',
+            'X-Requested-With': 'XMLHttpRequest',
         };
 
         const totalFiles = Object.entries(files).reduce(
diff --git a/src/LiveComponent/assets/test/Backend/RequestBuilder.test.ts b/src/LiveComponent/assets/test/Backend/RequestBuilder.test.ts
index 1963a7fbbad..ecd569cdfad 100644
--- a/src/LiveComponent/assets/test/Backend/RequestBuilder.test.ts
+++ b/src/LiveComponent/assets/test/Backend/RequestBuilder.test.ts
@@ -16,6 +16,7 @@ describe('buildRequest', () => {
         expect(fetchOptions.method).toEqual('GET');
         expect(fetchOptions.headers).toEqual({
             Accept: 'application/vnd.live-component+html',
+            'X-Requested-With': 'XMLHttpRequest',
         });
     });
 
@@ -38,6 +39,7 @@ describe('buildRequest', () => {
         expect(fetchOptions.headers).toEqual({
             Accept: 'application/vnd.live-component+html',
             'X-CSRF-TOKEN': '_the_csrf_token',
+            'X-Requested-With': 'XMLHttpRequest',
         });
         const body = <FormData>fetchOptions.body;
         expect(body).toBeInstanceOf(FormData);
@@ -100,6 +102,7 @@ describe('buildRequest', () => {
         expect(fetchOptions.headers).toEqual({
             // no token
             Accept: 'application/vnd.live-component+html',
+            'X-Requested-With': 'XMLHttpRequest',
         });
         const body = <FormData>fetchOptions.body;
         expect(body).toBeInstanceOf(FormData);
@@ -180,6 +183,7 @@ describe('buildRequest', () => {
         expect(fetchOptions.headers).toEqual({
             Accept: 'application/vnd.live-component+html',
             'X-CSRF-TOKEN': '_the_csrf_token',
+            'X-Requested-With': 'XMLHttpRequest',
         });
         const body = <FormData>fetchOptions.body;
         expect(body).toBeInstanceOf(FormData);
@@ -204,6 +208,7 @@ describe('buildRequest', () => {
         expect(fetchOptions.headers).toEqual({
             Accept: 'application/vnd.live-component+html',
             'X-CSRF-TOKEN': '_the_csrf_token',
+            'X-Requested-With': 'XMLHttpRequest',
         });
         const body = <FormData>fetchOptions.body;
         expect(body).toBeInstanceOf(FormData);

From 6cf75f511deeab3e6fa40d69a5ecf9b141cfe3bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Andr=C3=A9?= <smn.andre@gmail.com>
Date: Wed, 30 Aug 2023 13:03:28 +0200
Subject: [PATCH 11/13] [Site] Dark mode theme

---
 .../controllers/theme-switcher-controller.js  |   9 +
 .../assets/images/icons/theme-dark.svg        |   4 +
 .../assets/images/icons/theme-light.svg       |   3 +
 .../assets/images/icons/theme-switcher.svg    |   3 +
 .../assets/images/sf-ux-logo-white.svg        |  26 --
 ux.symfony.com/assets/images/sf-ux-logo.svg   |   1 -
 ux.symfony.com/assets/images/sf-ux.svg        |   4 +
 ux.symfony.com/assets/styles/_container.scss  | 183 +-------------
 ux.symfony.com/assets/styles/_images.scss     |  42 +---
 ux.symfony.com/assets/styles/_live_demos.scss |   3 -
 ux.symfony.com/assets/styles/_navigation.scss |  18 --
 ux.symfony.com/assets/styles/_terminal.scss   | 102 --------
 ux.symfony.com/assets/styles/_type.scss       | 231 ------------------
 ux.symfony.com/assets/styles/_variables.scss  |  20 +-
 ux.symfony.com/assets/styles/app.scss         | 140 ++++++-----
 ux.symfony.com/assets/styles/app/_html.scss   |  37 +++
 ux.symfony.com/assets/styles/app/_root.scss   |  25 ++
 .../assets/styles/app/_typography.scss        | 130 ++++++++++
 .../assets/styles/components/_DocsLink.scss   |  62 +++++
 .../assets/styles/components/_PackageBox.scss |  26 +-
 .../styles/components/_PackageHeader.scss     |  27 ++
 .../assets/styles/components/_Terminal.scss   | 139 +++++++++++
 .../styles/components/_TerminalCommand.scss   |  57 +++++
 .../styles/components/_ThemeSwitcher.scss     |  40 +++
 .../styles/components/_demo-container.scss    |  27 ++
 .../assets/styles/components/_file_tree.scss  |  47 ++++
 .../assets/styles/layouts/_grid.scss          |   9 +
 .../assets/styles/sections/_header.scss       |  49 ++++
 .../assets/styles/sections/_hero.scss         |  48 ++++
 .../assets/styles/sections/_nav.scss          |  66 +++++
 .../assets/styles/utilities/_arrow.scss       |  31 +++
 .../assets/styles/utilities/_background.scss  |   9 +
 .../assets/styles/utilities/_font.scss        |  19 ++
 .../styles/utilities/_info-tooltips.scss      |   7 +
 .../assets/styles/utilities/_shadow.scss      |  17 ++
 .../assets/styles/utilities/_text.scss        |  19 ++
 .../assets/styles/vendor/_bootstrap.scss      |  48 ++++
 .../styles/{ => vendor}/_highlight.scss       |   1 -
 .../assets/styles/vendor/_tom-select.scss     |  22 ++
 ux.symfony.com/public/site.webmanifest        |   1 -
 ux.symfony.com/src/Model/Package.php          |   6 +
 .../src/Service/PackageRepository.php         |  30 ++-
 ux.symfony.com/templates/_footer.html.twig    |  50 ++++
 ux.symfony.com/templates/_header.html.twig    |  20 ++
 ux.symfony.com/templates/_main_nav.html.twig  |  55 -----
 ux.symfony.com/templates/_nav.html.twig       |  46 ++++
 ux.symfony.com/templates/base.html.twig       |  77 +++---
 .../TwigBundle/Exception/error.html.twig      |  29 +++
 .../templates/components/CodeBlock.html.twig  |  28 +--
 .../templates/components/DocsLink.html.twig   |  23 +-
 .../templates/components/PackageBox.html.twig |   2 +-
 .../components/PackageHeader.html.twig        |  25 +-
 .../components/TabbedCodeBlocks.html.twig     |  40 +--
 .../templates/components/Terminal.html.twig   |  20 +-
 .../components/TerminalCommand.html.twig      |  13 +
 .../components/ThemeSwitcher.html.twig        |  10 +
 .../components/TodoListForm.html.twig         |   2 +-
 .../templates/cropper/cropper.html.twig       |   2 +-
 .../templates/liveDemoBase.html.twig          |  68 +++---
 .../live_component/live_component.html.twig   |  28 ++-
 .../main/_documentationLinks.html.twig        |  46 ++--
 .../templates/main/_fileTreeLevel.html.twig   |   2 +-
 .../templates/main/_installTerminal.html.twig |  22 +-
 .../templates/main/_package_in_list.html.twig |   2 +-
 .../templates/main/_packagesList.html.twig    |   3 +-
 .../templates/main/_testimonials.html.twig    |  64 -----
 .../templates/main/homepage.html.twig         |  76 +++---
 .../templates/main/packages.html.twig         |  26 +-
 .../templates/packageBase.html.twig           |  12 +-
 .../templates/turbo/turbo.html.twig           | 100 ++++----
 .../ux_packages/translator.html.twig          |  39 ++-
 .../ux_packages/twig-component.html.twig      |   8 +-
 .../tests/Unit/Util/SourceCleanerTest.php     |   2 +-
 73 files changed, 1616 insertions(+), 1112 deletions(-)
 create mode 100644 ux.symfony.com/assets/controllers/theme-switcher-controller.js
 create mode 100644 ux.symfony.com/assets/images/icons/theme-dark.svg
 create mode 100644 ux.symfony.com/assets/images/icons/theme-light.svg
 create mode 100644 ux.symfony.com/assets/images/icons/theme-switcher.svg
 delete mode 100644 ux.symfony.com/assets/images/sf-ux-logo-white.svg
 delete mode 100644 ux.symfony.com/assets/images/sf-ux-logo.svg
 create mode 100644 ux.symfony.com/assets/images/sf-ux.svg
 delete mode 100644 ux.symfony.com/assets/styles/_live_demos.scss
 delete mode 100644 ux.symfony.com/assets/styles/_navigation.scss
 delete mode 100644 ux.symfony.com/assets/styles/_terminal.scss
 delete mode 100644 ux.symfony.com/assets/styles/_type.scss
 create mode 100644 ux.symfony.com/assets/styles/app/_html.scss
 create mode 100644 ux.symfony.com/assets/styles/app/_root.scss
 create mode 100644 ux.symfony.com/assets/styles/app/_typography.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_DocsLink.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_PackageHeader.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_Terminal.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_TerminalCommand.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_ThemeSwitcher.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_demo-container.scss
 create mode 100644 ux.symfony.com/assets/styles/components/_file_tree.scss
 create mode 100644 ux.symfony.com/assets/styles/layouts/_grid.scss
 create mode 100644 ux.symfony.com/assets/styles/sections/_header.scss
 create mode 100644 ux.symfony.com/assets/styles/sections/_hero.scss
 create mode 100644 ux.symfony.com/assets/styles/sections/_nav.scss
 create mode 100644 ux.symfony.com/assets/styles/utilities/_arrow.scss
 create mode 100644 ux.symfony.com/assets/styles/utilities/_background.scss
 create mode 100644 ux.symfony.com/assets/styles/utilities/_font.scss
 create mode 100644 ux.symfony.com/assets/styles/utilities/_info-tooltips.scss
 create mode 100644 ux.symfony.com/assets/styles/utilities/_shadow.scss
 create mode 100644 ux.symfony.com/assets/styles/utilities/_text.scss
 create mode 100644 ux.symfony.com/assets/styles/vendor/_bootstrap.scss
 rename ux.symfony.com/assets/styles/{ => vendor}/_highlight.scss (99%)
 create mode 100644 ux.symfony.com/assets/styles/vendor/_tom-select.scss
 create mode 100644 ux.symfony.com/templates/_footer.html.twig
 create mode 100644 ux.symfony.com/templates/_header.html.twig
 delete mode 100644 ux.symfony.com/templates/_main_nav.html.twig
 create mode 100644 ux.symfony.com/templates/_nav.html.twig
 create mode 100644 ux.symfony.com/templates/bundles/TwigBundle/Exception/error.html.twig
 create mode 100644 ux.symfony.com/templates/components/TerminalCommand.html.twig
 create mode 100644 ux.symfony.com/templates/components/ThemeSwitcher.html.twig
 delete mode 100644 ux.symfony.com/templates/main/_testimonials.html.twig

diff --git a/ux.symfony.com/assets/controllers/theme-switcher-controller.js b/ux.symfony.com/assets/controllers/theme-switcher-controller.js
new file mode 100644
index 00000000000..c638188e7a9
--- /dev/null
+++ b/ux.symfony.com/assets/controllers/theme-switcher-controller.js
@@ -0,0 +1,9 @@
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    switch() {
+        const theme = localStorage.getItem('user-theme') === 'dark' ? 'light' : 'dark';
+        localStorage.setItem('user-theme', theme);
+        document.documentElement.setAttribute('data-bs-theme', theme);
+    }
+}
diff --git a/ux.symfony.com/assets/images/icons/theme-dark.svg b/ux.symfony.com/assets/images/icons/theme-dark.svg
new file mode 100644
index 00000000000..71983b8ff65
--- /dev/null
+++ b/ux.symfony.com/assets/images/icons/theme-dark.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
+    <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
+</svg>
diff --git a/ux.symfony.com/assets/images/icons/theme-light.svg b/ux.symfony.com/assets/images/icons/theme-light.svg
new file mode 100644
index 00000000000..e151ae69718
--- /dev/null
+++ b/ux.symfony.com/assets/images/icons/theme-light.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+    <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+</svg>
diff --git a/ux.symfony.com/assets/images/icons/theme-switcher.svg b/ux.symfony.com/assets/images/icons/theme-switcher.svg
new file mode 100644
index 00000000000..29896595535
--- /dev/null
+++ b/ux.symfony.com/assets/images/icons/theme-switcher.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M12 24a12 12 0 1 0 0-24 12 12 0 0 0 0 24Zm0-2.4V2.4a9.6 9.6 0 1 1 0 19.2Z"/>
+</svg>
diff --git a/ux.symfony.com/assets/images/sf-ux-logo-white.svg b/ux.symfony.com/assets/images/sf-ux-logo-white.svg
deleted file mode 100644
index 9493b4703c7..00000000000
--- a/ux.symfony.com/assets/images/sf-ux-logo-white.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="161px" height="30px" viewBox="0 0 161 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>Artboard Copy 40</title>
-    <g id="Artboard-Copy-40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="symfony_black_02" transform="translate(0.585000, -0.002000)" fill="#FFFFFF" fill-rule="nonzero">
-            <g id="Group">
-                <g id="Combined-Shape">
-                    <path d="M15,0 C23.2842712,0 30,6.71572875 30,15 C30,23.2842712 23.2842712,30 15,30 C6.71572875,30 0,23.2842712 0,15 C0,6.71572875 6.71572875,0 15,0 Z M21.5579581,5.55019236 C20.034554,5.60362639 18.7035124,6.44360929 17.7144486,7.60526503 C16.617448,8.87913223 15.8886079,10.3907808 15.362817,11.9328869 C14.4229125,11.1623682 13.6978128,10.1652893 12.1899045,9.73033628 C11.0234397,9.39530493 9.79980051,9.53316472 8.67394557,10.3720789 C8.14013964,10.7706968 7.77304788,11.3728983 7.59831861,11.9387646 C7.14519806,13.4103377 8.07334711,14.7200057 8.49547592,15.1907595 L9.41721288,16.1771516 C9.60743802,16.3711171 10.0642989,16.876603 9.84147905,17.6006341 C9.59942291,18.388786 8.6504346,18.8980123 7.67633229,18.5982474 C7.24137931,18.4635936 6.6162012,18.1403178 6.75673269,17.6850598 C6.81444144,17.4980408 6.9480265,17.3575093 7.02016244,17.1977415 C7.08588629,17.0588131 7.11687803,16.955151 7.13664862,16.8942362 C7.31458393,16.312874 7.07145911,15.5573169 6.44948703,15.3654887 C5.86865916,15.1880878 5.27554146,15.3291536 5.04524081,16.075627 C4.78341408,16.9257623 5.19004702,18.4651966 7.36641493,19.1368624 C9.91628669,19.9207395 12.0734184,18.5314548 12.379061,16.72111 C12.5719578,15.58724 12.0589912,14.744051 11.121224,13.6598746 L10.3571174,12.8150826 C9.8938444,12.3518096 9.73514534,11.5636577 10.2139142,10.9582502 C10.6184098,10.4468866 11.1938943,10.2288757 12.1380735,10.4848247 C13.5150684,10.8577942 14.1290254,11.813729 15.1528213,12.584782 C14.7301582,13.971395 14.4533699,15.3633514 14.203833,16.6126389 L14.0504773,17.542391 C13.3178968,21.3821602 12.7595113,23.4901325 11.3071744,24.7004132 C11.0148903,24.9093403 10.5959675,25.2203263 9.96598034,25.2422343 C9.63522371,25.2529211 9.52889,25.0252921 9.52354659,24.9259048 C9.51606583,24.6940011 9.71216871,24.5876674 9.84201339,24.4834711 C10.0359789,24.3771374 10.3293317,24.2018738 10.3095611,23.6402821 C10.2876532,22.9744942 9.7372827,22.3984753 8.94218438,22.4257267 C8.3453263,22.4454973 7.43748219,23.0060202 7.47167997,24.0340909 C7.50694642,25.094222 8.49547592,25.8898547 9.98628527,25.838558 C10.7835209,25.8123753 12.562874,25.4880308 14.3160445,23.4035694 C16.3566899,21.0134654 16.9278997,18.2739028 17.3575093,16.2690581 L17.8362781,13.6224708 C18.1029139,13.6539969 18.387183,13.6759048 18.6971003,13.6828512 C21.238957,13.7373539 22.5101525,12.4202052 22.5299231,11.4626674 C22.5422129,10.8829082 22.1494728,10.3127672 21.5991023,10.3255913 C21.2058279,10.3368125 20.7110288,10.5986392 20.5924052,11.1425976 C20.4764534,11.6769379 21.4013964,12.1589128 20.678434,12.6275292 C20.164933,12.9604232 19.2442647,13.1944642 17.9479553,13.0042391 L18.1841337,11.7009832 C18.6645056,9.23019379 19.2586919,6.19086634 21.5098675,6.11766173 C21.6739099,6.10911228 22.2745084,6.12514249 22.2884013,6.52162297 C22.2921416,6.65413936 22.2595469,6.68833713 22.1045882,6.99184241 C21.9458891,7.2280208 21.8865774,7.42946708 21.8935238,7.66137076 C21.9159661,8.29189228 22.3952693,8.70654032 23.0893773,8.68196067 C24.0175264,8.65150328 24.2846965,7.74793388 24.269735,7.28305785 C24.2312625,6.190332 23.0802935,5.50103306 21.5579581,5.55019236 Z"></path>
-                </g>
-                <g transform="translate(37.848390, 5.570497)">
-                    <path d="M53.0995298,5.20928327 C56.5588487,5.20928327 58.8773511,7.7083927 58.8773511,11.1655742 C58.8773511,14.4234469 56.5134298,17.1213309 53.0995298,17.1213309 C49.6647905,17.1213309 47.3008692,14.4234469 47.3008692,11.1655742 C47.3008692,7.7083927 49.6188373,5.20928327 53.0995298,5.20928327 Z M53.0995298,15.4285409 C55.5537546,15.4285409 56.6459461,13.1971359 56.6459461,11.1655742 C56.6459461,9.00256483 55.3298661,6.90581362 53.0995298,6.90581362 C50.8467512,6.90581362 49.5301368,9.00256483 49.5301368,11.1655742 C49.5301368,13.1971359 50.6239313,15.4285409 53.0995298,15.4285409 Z" id="Shape"></path>
-                    <path d="M47.0133941,6.26834568 L47.0133941,5.47698775 L44.0007837,5.47698775 L44.0007837,4.39548304 C44.0007837,2.85604873 44.2246723,1.69439299 46.030208,1.69439299 C46.0633371,1.69439299 46.0986036,1.69759903 46.1333357,1.69920205 C46.1370761,1.69920205 46.1360074,1.69332431 46.1402821,1.69332431 C46.6414933,1.72965945 47.0593474,1.32195782 47.0871331,0.820746651 L47.1234682,0.133585067 C46.6997364,0.0662581932 46.2524936,0 45.7181533,0 C42.6173767,0 41.9040325,1.80713879 41.9040325,4.57395269 L41.9040325,5.47698775 L39.224316,5.47698775 L39.224316,6.36025221 C39.2932459,6.81818182 39.6854517,7.17138074 40.1636862,7.17138074 C40.1658236,7.17138074 40.1684953,7.1735181 40.171167,7.1735181 L41.9040325,7.1735181 L41.9040325,16.8552294 L43.0582075,16.8552294 C43.0608792,16.8552294 43.0592761,16.8552294 43.0619478,16.8552294 C43.5428541,16.8552294 43.9350598,16.4929467 44.0002494,16.0318111 L44.0002494,7.1735181 L46.0980693,7.1735181 C46.5917997,7.15695355 46.9888145,6.76207609 47.0133941,6.26834568 Z" id="Path"></path>
-                    <path d="M19.0802223,5.47698775 C19.0770162,5.47698775 19.0743445,5.47965945 19.0690011,5.47965945 C18.6276361,5.47965945 18.1996295,5.78316472 18.0126104,6.19407239 L15.1277073,14.8920633 L15.0828227,14.8920633 L12.2609718,6.19834711 C12.0760901,5.78530208 11.6464805,5.47912511 11.2019094,5.47912511 C11.196566,5.47912511 11.194963,5.47645341 11.1906882,5.47645341 L9.72819892,5.47645341 L13.5877387,16.0959319 C13.7223924,16.4758478 13.9906312,17.0561414 13.9906312,17.3003349 C13.9906312,17.5247578 13.3654531,20.1109647 11.4904531,20.1109647 C11.4444999,20.1109647 11.3974779,20.1056213 11.352059,20.1024152 C10.8738245,20.0762325 10.5126104,20.4101952 10.4329937,20.9247649 L10.3758193,21.6509333 C10.7552009,21.7177258 11.1356512,21.807495 11.8046452,21.807495 C14.5703904,21.807495 15.3959461,19.2848746 16.177686,17.0994229 L20.370654,5.47591907 L19.0802223,5.47591907 L19.0802223,5.47698775 Z" id="Path"></path>
-                    <path d="M5.74950128,7.7880094 C4.01823881,6.90207324 2.12293388,6.29987176 2.08980479,4.51731262 C2.09514819,2.62414506 3.8349601,2.12667427 5.17508549,2.12827729 C5.18149758,2.12720861 5.18684098,2.12720861 5.19004702,2.12720861 C5.77247791,2.12720861 6.23788829,2.18491736 6.69261186,2.28483899 C6.6984896,2.28483899 6.69742092,2.27735822 6.70436734,2.27735822 C7.18527358,2.31262468 7.58870048,1.93698347 7.64480621,1.46355799 L7.68327871,0.775862069 C6.80428897,0.55785124 5.88575805,0.446174124 5.08638501,0.446174124 C2.17155885,0.464341693 0.00694642348,1.93110573 0,4.73051439 C0.00320604161,7.17779282 1.65218011,8.12624679 3.42725848,8.98546594 C5.16707039,9.8222428 7.07199345,10.5126104 7.08855799,12.532951 C7.07893987,14.6398547 5.04524081,15.4162511 3.64366629,15.4194571 C2.82398832,15.4162511 1.93431177,15.2126674 1.18409803,14.9759547 C0.714412938,14.8984753 0.329153605,15.3131234 0.267704474,15.8618909 L0.204652323,16.4742448 C1.2353947,16.8071388 2.29178541,17.0983542 3.3545882,17.0983542 C3.3545882,17.0983542 3.35565688,17.0983542 3.35672556,17.0983542 C3.35939726,17.0983542 3.36313765,17.0983542 3.36634369,17.0983542 C6.6322314,17.0743089 9.17034768,15.7721217 9.18050014,12.3902821 C9.17675976,9.78163294 7.51549587,8.68570105 5.74950128,7.7880094 Z" id="Path"></path>
-                    <path d="M37.4663366,16.8552294 C37.4679396,16.8552294 37.4679396,16.8552294 37.4690083,16.8552294 C37.9215945,16.8552294 38.299373,16.5367626 38.3939513,16.1130308 L38.3939513,9.55988173 C38.3939513,7.08321459 37.347713,5.20874893 34.445711,5.20874893 C33.4197777,5.20874893 31.7024081,5.79011114 30.9212026,7.41824594 C30.3195355,5.87881163 29.0029211,5.20874893 27.6879097,5.20874893 C26.0138216,5.20874893 24.8756768,5.81095041 24.0730977,7.12809917 L24.0282132,7.12809917 L24.0282132,6.42063266 C24.0218011,5.8996509 23.6002066,5.47912511 23.0786905,5.47912511 C23.0738814,5.47912511 23.0717441,5.47645341 23.068538,5.47645341 L22.0655814,5.47645341 L22.0655814,16.8546951 L23.2005201,16.8546951 C23.2021231,16.8546951 23.2021231,16.8546951 23.2031918,16.8546951 C23.7289826,16.8546951 24.1543175,16.4277572 24.1543175,15.9030351 C24.1543175,15.8886079 24.1591265,15.8832645 24.1639356,15.8736463 L24.1639356,11.1206897 C24.1639356,9.00203049 25.0108649,6.90527928 27.1519664,6.90527928 C28.8463594,6.90527928 29.1835281,8.66699915 29.1835281,10.0728484 L29.1835281,16.8541607 L30.3339627,16.8541607 C30.3350313,16.8541607 30.3350313,16.8541607 30.3371687,16.8541607 C30.8341052,16.8541607 31.234326,16.4721074 31.2786763,15.9869265 L31.2786763,11.1206897 C31.2786763,9.00203049 32.1272086,6.90527928 34.2683101,6.90527928 C35.9637717,6.90527928 36.2988031,8.66699915 36.2988031,10.0728484 L36.2988031,16.8541607 L37.4663366,16.8541607 L37.4663366,16.8552294 Z" id="Path"></path>
-                    <path d="M69.8730051,16.8552294 C69.8740738,16.8552294 69.8740738,16.8552294 69.8756768,16.8552294 C70.3870405,16.8552294 70.7990168,16.4512682 70.8230621,15.9452479 L70.8230621,10.0952907 C70.8230621,7.03939869 69.505379,5.20874893 66.5606298,5.20874893 C64.9768453,5.20874893 63.4609219,5.99048874 62.8346751,7.28519521 L62.7908592,7.28519521 L62.7908592,6.43505985 C62.7908592,6.43399117 62.7887219,6.43399117 62.7887219,6.4318538 C62.7887219,5.90445996 62.361784,5.47912511 61.8381305,5.47912511 C61.8322528,5.47912511 61.8311841,5.47645341 61.8274437,5.47645341 L60.7598319,5.47645341 L60.7598319,16.8546951 L61.9124038,16.8546951 C61.9124038,16.8546951 61.9124038,16.8546951 61.9145412,16.8546951 C62.413615,16.8546951 62.8181106,16.4662297 62.8565831,15.976774 L62.8565831,11.5893061 C62.8565831,8.82356084 63.9284696,6.90527928 66.3153676,6.90527928 C68.1465517,7.01588772 68.7236392,8.30899117 68.7236392,10.9646623 L68.7236392,16.8541607 L69.8730051,16.8541607 L69.8730051,16.8552294 Z" id="Path"></path>
-                    <path d="M81.1625463,5.47698775 C81.1572029,5.47698775 81.1550655,5.47965945 81.1507908,5.47965945 C80.7088914,5.47965945 80.2803505,5.78316472 80.0938658,6.19407239 L77.2100313,14.8920633 L77.1630094,14.8920633 L74.3406241,6.19834711 C74.1557424,5.78530208 73.7261328,5.47912511 73.2826304,5.47912511 C73.2783557,5.47912511 73.275684,5.47645341 73.2719436,5.47645341 L71.8094543,5.47645341 L75.6695284,16.0959319 C75.8031134,16.4758478 76.0729553,17.0561414 76.0729553,17.3003349 C76.0729553,17.5247578 75.4472428,20.1109647 73.5717085,20.1109647 C73.5262895,20.1109647 73.4803363,20.1056213 73.4333143,20.1024152 C72.9550798,20.0762325 72.5954688,20.4101952 72.5131804,20.9247649 L72.4570747,21.6509333 C72.8359219,21.7177258 73.2169065,21.807495 73.8864349,21.807495 C76.6521801,21.807495 77.4772015,19.2848746 78.2594756,17.0994229 L82.4535124,5.47591907 L81.1625463,5.47591907 L81.1625463,5.47698775 Z" id="Path"></path>
-                </g>
-            </g>
-            <g id="ux" transform="translate(128.008000, 9.848000)">
-                <path d="M2.184,12.544 C1.81066667,12.544 1.46066667,12.3806667 1.134,12.054 C0.807333333,11.7273333 0.578666667,11.3493333 0.448,10.92 C0.317333333,10.4906667 0.326666667,10.0986667 0.476,9.744 L3.08,3.808 C3.21066667,3.528 3.26666667,3.31333333 3.248,3.164 C3.22933333,3.01466667 3.14533333,2.94 2.996,2.94 C2.90266667,2.94 2.70666667,3.02866667 2.408,3.206 C2.10933333,3.38333333 1.81066667,3.584 1.512,3.808 C1.21333333,4.032 0.989333333,4.21866667 0.84,4.368 C0.597333333,4.592 0.396666667,4.704 0.238,4.704 C0.0793333333,4.704 0,4.62 0,4.452 C0,4.26533333 0.0513333333,4.08333333 0.154,3.906 C0.256666667,3.72866667 0.373333333,3.556 0.504,3.388 C1.04533333,2.716 1.61933333,2.128 2.226,1.624 C2.83266667,1.12 3.44866667,0.723333333 4.074,0.434 C4.69933333,0.144666667 5.30133333,0 5.88,0 C6.14133333,0 6.40266667,0.121333333 6.664,0.364 C6.92533333,0.606666667 7.12133333,0.891333333 7.252,1.218 C7.38266667,1.54466667 7.38266667,1.83866667 7.252,2.1 C6.89733333,2.884 6.45866667,3.83133333 5.936,4.942 C5.41333333,6.05266667 4.82533333,7.31733333 4.172,8.736 C4.04133333,9.016 3.98533333,9.25866667 4.004,9.464 C4.02266667,9.66933333 4.12533333,9.772 4.312,9.772 C4.49866667,9.772 4.774,9.57133333 5.138,9.17 C5.502,8.76866667 5.91266667,8.26 6.37,7.644 C6.82733333,7.028 7.29866667,6.40266667 7.784,5.768 C8.13866667,5.32 8.484,4.85333333 8.82,4.368 C9.156,3.88266667 9.46866667,3.41133333 9.758,2.954 C10.0473333,2.49666667 10.2946667,2.09066667 10.5,1.736 C10.8173333,1.25066667 11.102,0.844666667 11.354,0.518 C11.606,0.191333333 11.8906667,0.028 12.208,0.028 C12.5626667,0.028 12.88,0.130666667 13.16,0.336 C13.44,0.541333333 13.6453333,0.784 13.776,1.064 C13.9066667,1.344 13.9253333,1.61466667 13.832,1.876 L11.032,9.128 C10.976,9.27733333 10.9526667,9.41733333 10.962,9.548 C10.9713333,9.67866667 11.0226667,9.744 11.116,9.744 C11.2653333,9.744 11.5313333,9.62733333 11.914,9.394 C12.2966667,9.16066667 12.698,8.88066667 13.118,8.554 C13.538,8.22733333 13.8693333,7.94266667 14.112,7.7 C14.168,7.644 14.2053333,7.616 14.224,7.616 C14.3173333,7.616 14.4013333,7.658 14.476,7.742 C14.5506667,7.826 14.588,7.924 14.588,8.036 C14.588,8.27866667 14.4573333,8.56333333 14.196,8.89 C13.9346667,9.21666667 13.5986667,9.562 13.188,9.926 C12.7773333,10.29 12.3386667,10.626 11.872,10.934 C11.4053333,11.242 10.948,11.4986667 10.5,11.704 C10.052,11.9093333 9.65066667,12.0213333 9.296,12.04 C9.03466667,12.1333333 8.77333333,12.1426667 8.512,12.068 C8.25066667,11.9933333 8.01733333,11.872 7.812,11.704 C7.60666667,11.536 7.448,11.368 7.336,11.2 C7.29866667,11.1253333 7.27533333,11.018 7.266,10.878 C7.25666667,10.738 7.28933333,10.5933333 7.364,10.444 C7.51333333,10.108 7.686,9.73 7.882,9.31 C8.078,8.89 8.27866667,8.43733333 8.484,7.952 C8.68933333,7.46666667 8.89466667,6.96266667 9.1,6.44 C9.156,6.272 9.13733333,6.18333333 9.044,6.174 C8.95066667,6.16466667 8.85733333,6.22533333 8.764,6.356 C8.22266667,7.10266667 7.66733333,7.84 7.098,8.568 C6.52866667,9.296 5.95933333,9.95866667 5.39,10.556 C4.82066667,11.1533333 4.26533333,11.634 3.724,11.998 C3.18266667,12.362 2.66933333,12.544 2.184,12.544 Z" id="Path"></path>
-                <path d="M16.8566946,12.544 C16.390028,12.544 16.0446946,12.4086667 15.8206946,12.138 C15.5966946,11.8673333 15.4846946,11.5546667 15.4846946,11.2 C15.4846946,10.92 15.5546946,10.6306667 15.6946946,10.332 C15.8346946,10.0333333 16.0073613,9.786 16.2126946,9.59 C16.418028,9.394 16.6326946,9.296 16.8566946,9.296 C16.950028,9.296 17.0526946,9.34266667 17.1646946,9.436 C17.2766946,9.52933333 17.370028,9.64133333 17.4446946,9.772 C17.5193613,9.86533333 17.622028,9.954 17.7526946,10.038 C17.8833613,10.122 18.042028,10.164 18.2286946,10.164 C18.3966946,10.164 18.5786946,10.1126667 18.7746946,10.01 C18.9706946,9.90733333 19.1713613,9.744 19.3766946,9.52 C19.5446946,9.33333333 19.7406946,9.114 19.9646946,8.862 C20.1886946,8.61 20.4173613,8.35333333 20.6506946,8.092 C20.884028,7.83066667 21.0846946,7.588 21.2526946,7.364 C21.346028,7.23333333 21.402028,7.11666667 21.4206946,7.014 C21.4393613,6.91133333 21.4206946,6.776 21.3646946,6.608 L20.3006946,2.996 C20.2633613,2.84666667 20.212028,2.73 20.1466946,2.646 C20.0813613,2.562 20.002028,2.52 19.9086946,2.52 C19.7033613,2.52 19.4466946,2.646 19.1386946,2.898 C18.8306946,3.15 18.4993613,3.49066667 18.1446946,3.92 C18.1073613,3.95733333 18.056028,3.99933333 17.9906946,4.046 C17.9253613,4.09266667 17.8646946,4.116 17.8086946,4.116 C17.734028,4.116 17.664028,4.088 17.5986946,4.032 C17.5333613,3.976 17.5006946,3.892 17.5006946,3.78 C17.5006946,3.42533333 17.608028,3.03333333 17.8226946,2.604 C18.0373613,2.17466667 18.322028,1.764 18.6766946,1.372 C19.0313613,0.98 19.442028,0.658 19.9086946,0.406 C20.3753613,0.154 20.870028,0.028 21.3926946,0.028 C21.8593613,0.028 22.2186946,0.200666667 22.4706946,0.546 C22.7226946,0.891333333 22.9326946,1.344 23.1006946,1.904 L23.9126946,4.48 C23.9686946,4.704 24.090028,4.69466667 24.2766946,4.452 L25.9286946,2.156 C26.470028,1.39066667 26.974028,0.844666667 27.4406946,0.518 C27.9073613,0.191333333 28.3553613,0.028 28.7846946,0.028 C29.270028,0.028 29.676028,0.21 30.0026946,0.574 C30.3293613,0.938 30.4926946,1.26 30.4926946,1.54 C30.4926946,1.85733333 30.4133613,2.156 30.2546946,2.436 C30.096028,2.716 29.9046946,2.94466667 29.6806946,3.122 C29.4566946,3.29933333 29.2606946,3.388 29.0926946,3.388 C28.8686946,3.388 28.7146946,3.346 28.6306946,3.262 C28.5466946,3.178 28.4673613,3.07066667 28.3926946,2.94 C28.318028,2.79066667 28.234028,2.66933333 28.1406946,2.576 C28.0473613,2.48266667 27.898028,2.436 27.6926946,2.436 C27.5433613,2.436 27.3566946,2.48266667 27.1326946,2.576 C26.9086946,2.66933333 26.610028,2.912 26.2366946,3.304 C25.9753613,3.56533333 25.7093613,3.88266667 25.4386946,4.256 C25.168028,4.62933333 24.8926946,5.04 24.6126946,5.488 C24.538028,5.656 24.4726946,5.81466667 24.4166946,5.964 C24.3606946,6.11333333 24.370028,6.30933333 24.4446946,6.552 L25.2286946,9.408 C25.322028,9.70666667 25.4153613,9.90733333 25.5086946,10.01 C25.602028,10.1126667 25.714028,10.164 25.8446946,10.164 C25.994028,10.164 26.2133613,10.038 26.5026946,9.786 C26.792028,9.534 27.1046946,9.128 27.4406946,8.568 C27.5526946,8.41866667 27.674028,8.344 27.8046946,8.344 C27.8793613,8.344 27.940028,8.37666667 27.9866946,8.442 C28.0333613,8.50733333 28.0566946,8.61466667 28.0566946,8.764 C28.0566946,9.044 27.9586946,9.394 27.7626946,9.814 C27.5666946,10.234 27.296028,10.654 26.9506946,11.074 C26.6053613,11.494 26.2086946,11.844 25.7606946,12.124 C25.3126946,12.404 24.846028,12.544 24.3606946,12.544 C23.838028,12.544 23.404028,12.3526667 23.0586946,11.97 C22.7133613,11.5873333 22.4846946,11.1813333 22.3726946,10.752 C22.298028,10.3973333 22.214028,9.982 22.1206946,9.506 C22.0273613,9.03 21.934028,8.61466667 21.8406946,8.26 C21.8033613,8.148 21.7613613,8.07333333 21.7146946,8.036 C21.668028,7.99866667 21.598028,8.036 21.5046946,8.148 C21.2246946,8.54 20.954028,8.94133333 20.6926946,9.352 C20.4313613,9.76266667 20.1513613,10.1546667 19.8526946,10.528 C19.386028,11.1813333 18.882028,11.6806667 18.3406946,12.026 C17.7993613,12.3713333 17.3046946,12.544 16.8566946,12.544 Z" id="Path"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/ux.symfony.com/assets/images/sf-ux-logo.svg b/ux.symfony.com/assets/images/sf-ux-logo.svg
deleted file mode 100644
index 9521ce957a6..00000000000
--- a/ux.symfony.com/assets/images/sf-ux-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg height="30" viewBox="0 0 161 30" width="161" xmlns="http://www.w3.org/2000/svg"><g fill="none"><g transform="translate(.585 -.002)"><circle cx="15" cy="15" fill="#000" r="15"/><path d="m21.5579581 5.55019236c-1.5234041.05343403-2.8544457.89341693-3.8435095 2.05507267-1.0970006 1.2738672-1.8258407 2.78551577-2.3516316 4.32762187-.9399045-.7705187-1.6650042-1.7675976-3.1729125-2.20255062-1.1664648-.33503135-2.39010399-.19717156-3.51595893.64174262-.53380593.3986179-.90089769 1.0008194-1.07562696 1.5666857-.45312055 1.4715731.4750285 2.7812411.89715731 3.2519949l.92173696.9863921c.19022514.1939655.64708602.6994514.42426617 1.4234825-.24205614.7881519-1.19104445 1.2973782-2.16514676.9976133-.43495298-.1346538-1.06013109-.4579296-.9195996-.9131876.05770875-.187019.19129381-.3275505.26342975-.4873183.06572385-.1389284.09671559-.2425905.11648618-.3035053.17793531-.5813622-.06518951-1.3369193-.68716159-1.5287475-.58082787-.1774009-1.17394557-.0363351-1.40424622.7101383-.26182673.8501353.14480621 2.3895696 2.32117412 3.0612354 2.54987176.7838771 4.70700347-.6054076 5.01264607-2.4157524.1928968-1.13387-.3200698-1.977059-1.257837-3.0612354l-.7641066-.844792c-.463273-.463273-.62197206-1.2514249-.1432032-1.8568324.4044956-.5113636.9799801-.7293745 1.9241593-.4734255 1.3769949.3729695 1.9909519 1.3289043 3.0147478 2.0999573-.4226631 1.386613-.6994514 2.7785694-.9489883 4.0278569l-.1533557.9297521c-.7325805 3.8397692-1.290966 5.9477415-2.7433029 7.1580222-.2922841.2089271-.7112069.5199131-1.34119406.5418211-.33075663.0106868-.43709034-.2169422-.44243375-.3163295-.00748076-.2319037.18862212-.3382374.3184668-.4424337.19396551-.1063337.48731831-.2815973.46754771-.843189-.0219079-.6657879-.5722784-1.2418068-1.36737672-1.2145554-.59685808.0197706-1.50470219.5802935-1.47050441 1.6083642.03526645 1.0601311 1.02379595 1.8557638 2.5146053 1.8044671.79723563-.0261827 2.57658873-.3505272 4.32975923-2.4349886 2.0406454-2.390104 2.6118552-5.1296666 3.0414648-7.1345113l.4787688-2.6465873c.2666358.0315261.5509049.053434.8608222.0603804 2.5418567.0545027 3.8130522-1.262646 3.8328228-2.2201838.0122898-.5797592-.3804503-1.1499002-.9308208-1.1370761-.3932744.0112212-.8880735.2730479-1.0066971.8170063-.1159518.5343403.8089912 1.0163152.0860288 1.4849316-.513501.332894-1.4341693.566935-2.7304787.3767099l.2361784-1.3032559c.4803719-2.47078941 1.0745582-5.51011686 3.3257338-5.58332147.1640424-.00854945.7646409.00748076.7785338.40396124.0037403.13251639-.0288544.16671416-.1838131.47021944-.1586991.23617839-.2180108.43762467-.2110644.66952835.0224423.63052152.5017455 1.04516956 1.1958535 1.02058991.9281491-.03045739 1.1953192-.93402679 1.1803577-1.39890282-.0384725-1.09272585-1.1894415-1.78202479-2.7117769-1.73286549z" fill="#fff"/></g><g fill="#000"><g transform="translate(38.43339 5.568497)"><path d="m53.0995298 5.20928327c3.4593189 0 5.7778213 2.49910943 5.7778213 5.95629093 0 3.2578727-2.3639213 5.9557567-5.7778213 5.9557567-3.4347393 0-5.7986606-2.697884-5.7986606-5.9557567 0-3.4571815 2.3179681-5.95629093 5.7986606-5.95629093zm0 10.21925763c2.4542248 0 3.5464163-2.231405 3.5464163-4.2629667 0-2.16300937-1.31608-4.25976058-3.5464163-4.25976058-2.2527786 0-3.569393 2.09675121-3.569393 4.25976058 0 2.0315617 1.0937945 4.2629667 3.569393 4.2629667z"/><path d="m47.0133941 6.26834568v-.79135793h-3.0126104v-1.08150471c0-1.53943431.2238886-2.70109005 2.0294243-2.70109005.0331291 0 .0683956.00320604.1031277.00480906.0037404 0 .0026717-.00587774.0069464-.00587774.5012112.03633514.9190653-.37136649.946851-.87257766l.0363351-.68716158c-.4237318-.06732688-.8709746-.13358507-1.4053149-.13358507-3.1007766 0-3.8141208 1.80713879-3.8141208 4.57395269v.90303506h-2.6797165v.88326446c.0689299.45792961.4611357.81112853.9393702.81112853.0021374 0 .0048091.00213736.0074808.00213736h1.7328655v9.6817113h1.154175.0037403c.4809063 0 .873112-.3622827.9383016-.8234183v-8.858293h2.0978199c.4937304-.01656455.8907452-.41144201.9153248-.90517242z"/><path d="m19.0802223 5.47698775c-.0032061 0-.0058778.0026717-.0112212.0026717-.441365 0-.8693716.30350527-1.0563907.71441294l-2.8849031 8.69799091h-.0448846l-2.8218509-8.69371619c-.1848817-.41304503-.6144913-.719222-1.0590624-.719222-.0053434 0-.0069464-.0026717-.0112212-.0026717h-1.46248928l3.85953978 10.61947849c.1346537.3799159.4028925.9602095.4028925 1.204403 0 .2244229-.6251781 2.8106298-2.5001781 2.8106298-.0459532 0-.0929752-.0053434-.1383941-.0085495-.4782345-.0261827-.8394486.30778-.9190653.8223497l-.0571744.7261684c.3793816.0667925.7598319.1565617 1.4288259.1565617 2.7657452 0 3.5913009-2.5226204 4.3730408-4.7080721l4.192968-11.62350383h-1.2904317z"/><path d="m5.74950128 7.7880094c-1.73126247-.88593616-3.6265674-1.48813764-3.65969649-3.27069678.0053434-1.89316756 1.74515531-2.39063835 3.0852807-2.38903533.00641209-.00106868.01175549-.00106868.01496153-.00106868.58243089 0 1.04784127.05770875 1.50256484.15763038.00587774 0 .00480906-.00748077.01175548-.00748077.48090624.03526646.88433314-.34037475.94043887-.81380023l.0384725-.68769592c-.87898974-.21801083-1.79752066-.32968795-2.5968937-.32968795-2.91482616.01816757-5.07943859 1.48493161-5.08638501 4.28434027.00320604 2.44727843 1.65218011 3.3957324 3.42725848 4.25495155 1.73981191.83677686 3.64473497 1.52714446 3.66129951 3.54748506-.00961812 2.1069037-2.04331718 2.8833001-3.4448917 2.8865061-.81967797-.003206-1.70935452-.2067897-2.45956826-.4435024-.46968509-.0774794-.85494442.3371687-.91639356.8859362l-.06305215.6123539c1.03074238.332894 2.08713309.6241094 3.14993588.6241094h.00213736.00961813c3.26588771-.0240453 5.80400399-1.3262325 5.81415645-4.7080721-.00374038-2.60864916-1.66500427-3.70458105-3.43099886-4.6022727z"/><path d="m37.4663366 16.8552294h.0026717c.4525862 0 .8303647-.3184668.924943-.7421986v-6.55314907c0-2.47666714-1.0462383-4.3511328-3.9482403-4.3511328-1.0259333 0-2.7433029.58136221-3.5245084 2.20949701-.6016671-1.53943431-1.9182815-2.20949701-3.2332929-2.20949701-1.6740881 0-2.8122329.60220148-3.614812 1.91935024h-.0448845v-.70746651c-.0064121-.52098176-.4280066-.94150755-.9495227-.94150755-.0048091 0-.0069464-.0026717-.0101525-.0026717h-1.0029566v11.37824169h1.1349387.0026717c.5257908 0 .9511257-.4269379.9511257-.95166 0-.0144272.004809-.0197706.0096181-.0293888v-4.7529566c0-2.11865921.8469293-4.21541042 2.9880308-4.21541042 1.694393 0 2.0315617 1.76171987 2.0315617 3.16756912v6.7813123h1.1504346.003206c.4969365 0 .8971573-.3820533.9415076-.8672342v-4.8662368c0-2.11865921.8485323-4.21541042 2.9896338-4.21541042 1.6954616 0 2.030493 1.76171987 2.030493 3.16756912v6.7813123h1.1675335z"/><path d="m69.8730051 16.8552294h.0026717c.5113637 0 .92334-.4039612.9473853-.9099815v-5.8499572c0-3.05589201-1.3176831-4.88654177-4.2624323-4.88654177-1.5837845 0-3.0997079.78173981-3.7259547 2.07644628h-.0438159v-.85013536c0-.00106868-.0021373-.00106868-.0021373-.00320605 0-.52739384-.4269379-.95272869-.9505914-.95272869-.0058777 0-.0069464-.0026717-.0106868-.0026717h-1.0676118v11.37824169h1.1525719.0021374c.4990738 0 .9035694-.3884654.9420419-.8779211v-4.3874679c0-2.76574526 1.0718865-4.68402682 3.4587845-4.68402682 1.8311841.11060844 2.4082716 1.40371189 2.4082716 4.05938302v5.8894984h1.1493659z"/><path d="m81.1625463 5.47698775c-.0053434 0-.0074808.0026717-.0117555.0026717-.4418994 0-.8704403.30350527-1.056925.71441294l-2.8838345 8.69799091h-.0470219l-2.8223853-8.69371619c-.1848817-.41304503-.6144913-.719222-1.0579937-.719222-.0042747 0-.0069464-.0026717-.0106868-.0026717h-1.4624893l3.8600741 10.61947849c.133585.3799159.4034269.9602095.4034269 1.204403 0 .2244229-.6257125 2.8106298-2.5012468 2.8106298-.045419 0-.0913722-.0053434-.1383942-.0085495-.4782345-.0261827-.8378455.30778-.9201339.8223497l-.0561057.7261684c.3788472.0667925.7598318.1565617 1.4293602.1565617 2.7657452 0 3.5907666-2.5226204 4.3730407-4.7080721l4.1940368-11.62350383h-1.2909661z"/></g><g transform="translate(128.593 9.846)"><path d="m2.184 12.544c-.37333333 0-.72333333-.1633333-1.05-.49s-.55533333-.7046667-.686-1.134-.12133333-.8213333.028-1.176l2.604-5.936c.13066667-.28.18666667-.49466667.168-.644s-.10266667-.224-.252-.224c-.09333333 0-.28933333.08866667-.588.266s-.59733333.378-.896.602-.52266667.41066667-.672.56c-.24266667.224-.44333333.336-.602.336s-.238-.084-.238-.252c0-.18666667.05133333-.36866667.154-.546s.21933333-.35.35-.518c.54133333-.672 1.11533333-1.26 1.722-1.764s1.22266667-.90066667 1.848-1.19 1.22733333-.434 1.806-.434c.26133333 0 .52266667.12133333.784.364s.45733333.52733333.588.854.13066667.62066667 0 .882c-.35466667.784-.79333333 1.73133333-1.316 2.842s-1.11066667 2.37533333-1.764 3.794c-.13066667.28-.18666667.52266667-.168.728s.12133333.308.308.308.462-.20066667.826-.602.77466667-.91 1.232-1.526.92866667-1.24133333 1.414-1.876c.35466667-.448.7-.91466667 1.036-1.4s.64866667-.95666667.938-1.414c.2893333-.45733333.5366667-.86333333.742-1.218.3173333-.48533333.602-.89133333.854-1.218s.5366667-.49.854-.49c.3546667 0 .672.10266667.952.308s.4853333.448.616.728.1493333.55066667.056.812l-2.8 7.252c-.056.14933333-.0793333.28933333-.07.42s.0606667.196.154.196c.1493333 0 .4153333-.11666667.798-.35s.784-.51333333 1.204-.84.7513333-.61133333.994-.854c.056-.056.0933333-.084.112-.084.0933333 0 .1773333.042.252.126s.112.182.112.294c0 .24266667-.1306667.52733333-.392.854s-.5973333.672-1.008 1.036-.8493333.7-1.316 1.008-.924.5646667-1.372.77-.84933333.3173333-1.204.336c-.26133333.0933333-.52266667.1026667-.784.028s-.49466667-.196-.7-.364-.364-.336-.476-.504c-.03733333-.0746667-.06066667-.182-.07-.322s.02333333-.2846667.098-.434c.14933333-.336.322-.714.518-1.134s.39666667-.87266667.602-1.358.41066667-.98933333.616-1.512c.056-.168.03733333-.25666667-.056-.266s-.18666667.05133333-.28.182c-.54133333.74666667-1.09666667 1.484-1.666 2.212s-1.13866667 1.39066667-1.708 1.988c-.56933333.5973333-1.12466667 1.078-1.666 1.442s-1.05466667.546-1.54.546z"/><path d="m16.8566946 12.544c-.4666666 0-.812-.1353333-1.036-.406s-.336-.5833333-.336-.938c0-.28.07-.5693333.21-.868s.3126667-.546.518-.742c.2053334-.196.42-.294.644-.294.0933334 0 .196.04666667.308.14s.2053334.20533333.28.336c.0746667.09333333.1773334.182.308.266.1306667.084.2893334.126.476.126.168 0 .35-.0513333.546-.154.196-.10266667.3966667-.266.602-.49.168-.18666667.364-.406.588-.658s.4526667-.50866667.686-.77c.2333334-.26133333.434-.504.602-.728.0933334-.13066667.1493334-.24733333.168-.35.0186667-.10266667 0-.238-.056-.406l-1.064-3.612c-.0373333-.14933333-.0886666-.266-.154-.35-.0653333-.084-.1446666-.126-.238-.126-.2053333 0-.462.126-.77.378s-.6393333.59266667-.994 1.022c-.0373333.03733333-.0886666.07933333-.154.126-.0653333.04666667-.126.07-.182.07-.0746666 0-.1446666-.028-.21-.084-.0653333-.056-.098-.14-.098-.252 0-.35466667.1073334-.74666667.322-1.176.2146667-.42933333.4993334-.84.854-1.232.3546667-.392.7653334-.714 1.232-.966.4666667-.252.9613334-.378 1.484-.378.4666667 0 .826.17266667 1.078.518s.462.798.63 1.358l.812 2.576c.056.224.1773334.21466667.364-.028l1.652-2.296c.5413334-.76533333 1.0453334-1.31133333 1.512-1.638.4666667-.32666667.9146667-.49 1.344-.49.4853334 0 .8913334.182 1.218.546.3266667.364.49.686.49.966 0 .31733333-.0793333.616-.238.896-.1586666.28-.35.50866667-.574.686s-.42.266-.588.266c-.224 0-.378-.042-.462-.126s-.1633333-.19133333-.238-.322c-.0746666-.14933333-.1586666-.27066667-.252-.364-.0933333-.09333333-.2426666-.14-.448-.14-.1493333 0-.336.04666667-.56.14s-.5226666.336-.896.728c-.2613333.26133333-.5273333.57866667-.798.952-.2706666.37333333-.546.784-.826 1.232-.0746666.168-.14.32666667-.196.476s-.0466666.34533333.028.588l.784 2.856c.0933334.29866667.1866667.49933333.28.602.0933334.1026667.2053334.154.336.154.1493334 0 .3686667-.126.658-.378.2893334-.252.602-.658.938-1.218.112-.14933333.2333334-.224.364-.224.0746667 0 .1353334.03266667.182.098.0466667.06533333.07.17266667.07.322 0 .28-.098.63-.294 1.05s-.4666666.84-.812 1.26c-.3453333.42-.742.77-1.19 1.05s-.9146666.42-1.4.42c-.5226666 0-.9566666-.1913333-1.302-.574-.3453333-.3826667-.574-.7886667-.686-1.218-.0746666-.3546667-.1586666-.77-.252-1.246-.0933333-.476-.1866666-.89133333-.28-1.246-.0373333-.112-.0793333-.18666667-.126-.224-.0466666-.03733333-.1166666 0-.21.112-.28.392-.5506666.79333333-.812 1.204-.2613333.41066667-.5413333.8026667-.84 1.176-.4666666.6533333-.9706666 1.1526667-1.512 1.498-.5413333.3453333-1.036.518-1.484.518z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/ux.symfony.com/assets/images/sf-ux.svg b/ux.symfony.com/assets/images/sf-ux.svg
new file mode 100644
index 00000000000..141a4e57e63
--- /dev/null
+++ b/ux.symfony.com/assets/images/sf-ux.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 161 30" fill="currentColor">
+    <path d="M15.59 0a15 15 0 1 1 0 30 15 15 0 0 1 0-30Zm6.55 5.55A5.4 5.4 0 0 0 18.3 7.6a12.95 12.95 0 0 0-2.35 4.33c-.94-.77-1.67-1.77-3.18-2.2a3.88 3.88 0 0 0-3.51.64c-.53.4-.9 1-1.08 1.57-.45 1.47.48 2.78.9 3.25l.92.99c.2.19.65.7.43 1.42-.25.79-1.2 1.3-2.17 1-.43-.14-1.06-.46-.92-.92.06-.18.2-.32.27-.48l.11-.3c.18-.59-.06-1.34-.69-1.54-.58-.17-1.17-.03-1.4.71-.26.85.15 2.4 2.32 3.06 2.55.79 4.7-.6 5.01-2.41.2-1.13-.32-1.98-1.25-3.06l-.77-.85a1.4 1.4 0 0 1-.14-1.85c.4-.52.98-.73 1.92-.48 1.38.38 2 1.33 3.02 2.1-.42 1.39-.7 2.78-.95 4.03l-.15.93c-.74 3.84-1.3 5.95-2.75 7.16-.29.2-.7.52-1.34.54-.33.01-.44-.22-.44-.32 0-.23.19-.33.32-.44.2-.1.48-.28.46-.84a1.27 1.27 0 0 0-1.36-1.22c-.6.02-1.5.58-1.47 1.61.03 1.06 1.02 1.86 2.51 1.8.8-.02 2.58-.34 4.33-2.43 2.04-2.39 2.61-5.13 3.04-7.13l.48-2.65a9 9 0 0 0 .86.06c2.54.06 3.82-1.26 3.83-2.22.02-.58-.38-1.15-.93-1.14-.39.01-.88.28-1 .82-.12.53.8 1.02.08 1.49-.51.33-1.43.56-2.73.37l.24-1.3c.48-2.47 1.07-5.51 3.32-5.58.17-.01.77 0 .78.4 0 .13-.03.17-.18.47-.16.24-.22.44-.21.67.02.63.5 1.04 1.2 1.02.92-.03 1.19-.93 1.17-1.4-.03-1.1-1.18-1.78-2.7-1.73Zm69.39 5.23c3.46 0 5.78 2.5 5.78 5.95 0 3.26-2.36 5.96-5.78 5.96-3.43 0-5.8-2.7-5.8-5.96 0-3.45 2.32-5.95 5.8-5.95Zm0 10.22c2.46 0 3.55-2.23 3.55-4.27 0-2.16-1.32-4.26-3.55-4.26-2.25 0-3.57 2.1-3.57 4.26 0 2.04 1.1 4.27 3.57 4.27Zm-6.08-9.16v-.8h-3.02V9.97c0-1.54.23-2.7 2.03-2.7h.11a.9.9 0 0 0 .95-.87l.04-.69a8.56 8.56 0 0 0-1.4-.13c-3.1 0-3.82 1.8-3.82 4.57v.9h-2.68v.89c.07.46.46.81.94.81h1.74v9.68h1.15c.49 0 .88-.36.94-.82v-8.86h2.1c.5-.01.9-.4.92-.9Zm-27.94-.79c-.45 0-.88.3-1.06.71l-2.89 8.7h-.04l-2.83-8.7a1.21 1.21 0 0 0-1.05-.71h-1.48l3.86 10.61c.14.38.4.96.4 1.2 0 .23-.62 2.82-2.5 2.82h-.13c-.48-.04-.84.3-.92.81l-.06.73c.38.07.76.16 1.43.16 2.76 0 3.59-2.53 4.37-4.71l4.2-11.63h-1.3Zm-13.33 2.31c-1.73-.89-3.62-1.5-3.66-3.27 0-1.9 1.75-2.4 3.09-2.4h.01c.59 0 1.05.06 1.5.16h.02a.9.9 0 0 0 .94-.82l.04-.69a11.1 11.1 0 0 0-2.6-.33c-2.92.02-5.08 1.49-5.09 4.29 0 2.45 1.66 3.4 3.43 4.25 1.74.84 3.65 1.53 3.66 3.55 0 2.1-2.04 2.88-3.44 2.89-.82 0-1.71-.2-2.46-.45-.47-.07-.86.34-.92.89l-.06.61c1.03.34 2.09.63 3.15.63h.01c3.27-.03 5.8-1.33 5.81-4.71 0-2.61-1.66-3.7-3.43-4.6Zm31.72 9.06c.45 0 .83-.31.93-.74v-6.55c0-2.48-1.05-4.35-3.95-4.35-1.03 0-2.74.58-3.53 2.2a3.36 3.36 0 0 0-3.23-2.2c-1.67 0-2.81.6-3.61 1.92h-.05v-.71a.95.95 0 0 0-.95-.94H60.5v11.37h1.13c.53 0 .96-.42.96-.95V16.7c0-2.12.85-4.22 3-4.22 1.69 0 2.03 1.77 2.03 3.17v6.78h1.15c.5 0 .9-.38.94-.86V16.7c0-2.12.85-4.22 3-4.22 1.69 0 2.02 1.77 2.02 3.17v6.78h1.17Zm32.4 0c.52 0 .93-.4.96-.9v-5.86c0-3.05-1.32-4.88-4.27-4.88-1.58 0-3.1.78-3.72 2.07h-.05V12a.95.95 0 0 0-.95-.95h-1.08v11.37h1.16c.5 0 .9-.39.94-.87v-4.4c0-2.76 1.07-4.68 3.46-4.68 1.83.11 2.4 1.4 2.4 4.06v5.9h1.16Zm11.3-11.37h-.02c-.44 0-.87.3-1.05.71l-2.89 8.7h-.04l-2.83-8.7a1.21 1.21 0 0 0-1.05-.71h-1.48l3.86 10.61c.14.38.4.96.4 1.2 0 .23-.62 2.82-2.5 2.82h-.13c-.48-.04-.84.3-.92.81l-.06.73c.38.07.76.16 1.43.16 2.77 0 3.6-2.53 4.37-4.71l4.2-11.63h-1.3Zm11.18 11.34c-.38 0-.73-.16-1.05-.49a2.7 2.7 0 0 1-.69-1.13 1.7 1.7 0 0 1 .03-1.18l2.6-5.94c.13-.28.19-.5.17-.64-.02-.15-.1-.22-.25-.22-.1 0-.29.08-.59.26a10.03 10.03 0 0 0-1.57 1.16c-.24.23-.44.34-.6.34-.16 0-.24-.08-.24-.25 0-.19.05-.37.16-.55.1-.18.22-.35.35-.52.54-.67 1.11-1.26 1.72-1.76.6-.5 1.22-.9 1.85-1.19a4.3 4.3 0 0 1 1.8-.43c.26 0 .53.12.79.36s.45.53.59.85c.13.33.13.62 0 .89l-1.32 2.84c-.52 1.1-1.11 2.37-1.76 3.8-.14.27-.2.51-.17.72.02.2.12.3.3.3.2 0 .47-.2.83-.6.37-.4.78-.9 1.23-1.52l1.42-1.88a27.18 27.18 0 0 0 1.97-2.81 19.49 19.49 0 0 1 1.6-2.44c.25-.32.53-.49.85-.49.36 0 .67.1.95.31.28.2.49.45.62.73.13.28.15.55.06.81l-2.8 7.25a1 1 0 0 0-.07.42c0 .13.06.2.15.2.15 0 .41-.12.8-.35a13 13 0 0 0 2.2-1.7l.1-.08c.1 0 .18.04.26.13.07.08.11.18.11.3 0 .23-.13.52-.4.85a11.68 11.68 0 0 1-3.7 2.81c-.44.2-.84.32-1.2.34-.25.09-.51.1-.77.02-.27-.07-.5-.2-.7-.36a2.45 2.45 0 0 1-.48-.5.87.87 0 0 1-.07-.33.77.77 0 0 1 .1-.43l.52-1.13a40.95 40.95 0 0 0 1.21-2.87c.06-.17.04-.26-.05-.27-.1 0-.19.05-.28.18a76.1 76.1 0 0 1-1.67 2.21c-.57.73-1.14 1.4-1.7 2-.58.59-1.13 1.07-1.67 1.43-.54.37-1.06.55-1.54.55Zm14.67 0c-.47 0-.81-.14-1.04-.4a1.43 1.43 0 0 1-.33-.94c0-.28.07-.57.2-.87.15-.3.32-.55.53-.74.2-.2.42-.3.64-.3.1 0 .2.05.3.14.12.1.21.2.29.34.07.1.18.18.3.26.14.09.3.13.48.13.17 0 .35-.05.55-.15.2-.1.4-.27.6-.5a145.3 145.3 0 0 0 1.88-2.15.82.82 0 0 0 .16-.35c.02-.1 0-.24-.05-.4l-1.07-3.62a.94.94 0 0 0-.15-.35.3.3 0 0 0-.24-.12c-.2 0-.46.12-.77.37-.3.26-.64.6-1 1.03a.7.7 0 0 1-.15.12.32.32 0 0 1-.18.07.32.32 0 0 1-.2-.08c-.07-.06-.1-.14-.1-.25 0-.36.1-.75.32-1.18a5.43 5.43 0 0 1 2.08-2.2c.47-.25.96-.38 1.49-.38.46 0 .82.18 1.07.52.26.35.47.8.63 1.36l.82 2.58c.05.22.17.21.36-.03l1.65-2.3a6.77 6.77 0 0 1 1.51-1.64c.47-.32.92-.49 1.35-.49.48 0 .89.19 1.22.55.32.36.49.69.49.97 0 .31-.08.61-.24.9-.16.27-.35.5-.58.68-.22.18-.42.26-.58.26-.23 0-.38-.04-.47-.12-.08-.09-.16-.2-.23-.32a1.39 1.39 0 0 0-.26-.37c-.09-.1-.24-.14-.44-.14-.15 0-.34.05-.56.14-.23.1-.53.34-.9.73-.26.26-.53.58-.8.95-.27.38-.54.79-.82 1.23a8.7 8.7 0 0 0-.2.48c-.06.15-.05.35.03.59l.78 2.85c.1.3.19.5.28.6.1.1.2.16.34.16.15 0 .37-.13.66-.38.29-.25.6-.66.93-1.22.12-.15.24-.22.37-.22.07 0 .13.03.18.1.05.06.07.17.07.32 0 .28-.1.63-.3 1.05-.19.42-.46.84-.8 1.26-.35.42-.75.77-1.2 1.05a2.6 2.6 0 0 1-1.4.42c-.52 0-.95-.2-1.3-.57a2.92 2.92 0 0 1-.68-1.22 93.1 93.1 0 0 1-.26-1.25c-.09-.47-.18-.89-.28-1.24a.49.49 0 0 0-.12-.23c-.05-.04-.12 0-.21.11l-.81 1.2c-.27.42-.55.81-.84 1.18a5.6 5.6 0 0 1-1.52 1.5c-.54.35-1.03.52-1.48.52Z"/>
+</svg>
+
diff --git a/ux.symfony.com/assets/styles/_container.scss b/ux.symfony.com/assets/styles/_container.scss
index b44d6cba9e7..438e1f686af 100644
--- a/ux.symfony.com/assets/styles/_container.scss
+++ b/ux.symfony.com/assets/styles/_container.scss
@@ -1,186 +1,29 @@
-.light-container {
-    background-color: white;
-    border: 1px solid $n-100;
-    border-radius: 12px;
-    min-height: 158px;
-}
+.components-container {
+  background: var(--bs-body-bg);
+  border-radius: 15px;
+  border: 0.66px solid var(--bs-secondary-bg-subtle);
 
-.install-terminal-header-container {
-    background: #000;
-    position: absolute;
-    bottom: -20px;
-    border-radius: 4px;
+  h4 {
     margin-bottom: 0;
-
-    input {
-        background: none;
-        color: #fff;
-        border: none;
-        outline: none
-    }
-
-    button {
-        background: none;
-        color: #fff;
-        border: none;
-    }
-}
-
-.components-container {
-    background: #fff;
-    border-radius: 15px;
-    border: 0.67px solid #E7E7E7;
+  }
 }
 
 .ux-container {
-    border: 1px solid $n-100;
-    border-radius: 12px;
-}
-
-
-
-.demo-container {
-    background-color: white;
-    border: 1px solid $n-100;
-    border-top-left-radius: 12px;
-    border-top-right-radius: 12px;
-
-}
-
-.demo-container-inner {
-    background-color: $n-50;
-    border:1px solid $n-100;
-    border-top: transparent;
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-}
-
-.demo-container-inner-secondary {
-    background-color: #DADCE1;
-    border:1px solid $n-100;
-    border-top: transparent;
-    border-bottom-left-radius: 12px;
-    border-bottom-right-radius: 12px;
-}
-
-.demo-chat>.demo-container-inner {
-    border-bottom-left-radius: 0px;
-    border-bottom-right-radius: 0px;
+  border: 1px solid var(--bs-secondary-bg-subtle);
+  border-radius: 12px;
 }
 
 .markdown-container {
-  background-color: white;
-  border: 1px solid $n-100;
+  border: 1px solid var(--bs-secondary-bg-subtle);
   border-radius: 5px;
   height: 100%;
   width: 100%;
   position: relative;
 }
 
-.rainbow-gradient::after {
-  content: '';
-  background-image: url(../images/rainbow.png);
-  position: absolute;
-  height: 200px;
+.markdown-form-render-container {
+  background-color: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 4px;
   width: 100%;
-  top: 10%;
-  right: 0px;
-  z-index: -1;
-  background-size: contain;
-  background-repeat: no-repeat;
-}
-
-@media (max-width: 1080px) {
-    .rainbow-gradient::after {
-    top: 25%;
-    }
-}
-
-@media (max-width: 930px) {
-    .rainbow-gradient::after {
-    top: 35%;
-    }
-}
-
-@media (max-width: 800px) {
-    .rainbow-gradient::after {
-    top: 47%;
-    }
-}
-
-@media (max-width: 767px) {
-    .rainbow-gradient::after {
-    top: 75%;
-    }
 }
-
-@media (max-width: 500px) {
-    .rainbow-gradient::after {
-    top: 85%;
-    }
-}
-
-.markdown-form-render-container{
-    border: 1px solid $n-100;
-    background-color: $n-50;
-    border-radius: 4px;
-    width: 100%;
-}
-
-.testimonial-container {
-    background-color: $n-50;
-    padding: 20px;
-    border-radius: 12px;
-}
-
-.testimonial-large {
-    font-size: 28px;
-    line-height: 50px;
-}
-
-
-.file-tree ul {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: flex-start;
-}
-.file-tree li > span {
-  display: flex;
-  flex-direction: row;
-  gap: 1rem;
-}
-
-.file-tree-main::before {
-    background: none!important;
-}
-
-.file-tree ul {
-  position: relative;
-  padding-inline-start: 1rem;
-}
-
-.file-tree .tooltip-inner {
-    max-width: 350px;
-}
-.file-tree.nodots ul :not(span) {
-  margin-left: 12px;
-}
-.file-tree ul::before {
-  content: '';
-  width: 1rem;
-  background: url(../images/dot.svg) left top / 2px 2px;
-  display: block;
-  position: absolute;
-}
-.file-tree ul::before {
-  top: 0;
-  height: 100%;
-  background-repeat: repeat-y;
-  background-position: center;
-  left: 0;
-  z-index: -1;
-}
-
-
-
diff --git a/ux.symfony.com/assets/styles/_images.scss b/ux.symfony.com/assets/styles/_images.scss
index 6efd73fcdf5..0f295ed2daf 100644
--- a/ux.symfony.com/assets/styles/_images.scss
+++ b/ux.symfony.com/assets/styles/_images.scss
@@ -10,42 +10,8 @@
     border-radius: 12px;
 }
 
-.nav-component-img {
-    width: 20px;
-    height: 20px;
-    border-radius: 3px;
+.img-dark-negative {
+    [data-bs-theme="dark"] & {
+        filter: invert(100%) hue-rotate(180deg);
+    }
 }
-
-.testimonial-img {
-    border-radius: 50px;
-}
-
-.logo {
-    background: url(../images/sf-ux-logo.svg);
-    height: 30px;
-    width: 161px;
-}
-
-.logo-white {
-    background: url(../images/sf-ux-logo-white.svg);
-    height: 30px;
-    width: 161px;
-}
-
-.arrow {
-    background: url(../images/arrow.png);
-    width: 100%;
-    height: 36px;
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center;
-}
-
-.arrow-2 {
-    background: url(../images/arrow-2.png);
-    width: 100%;
-    height: 66px;
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: right;
-}
\ No newline at end of file
diff --git a/ux.symfony.com/assets/styles/_live_demos.scss b/ux.symfony.com/assets/styles/_live_demos.scss
deleted file mode 100644
index 3cd437a1307..00000000000
--- a/ux.symfony.com/assets/styles/_live_demos.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.form-no-mb .mb-3 {
-    margin-bottom: 0 !important;
-}
diff --git a/ux.symfony.com/assets/styles/_navigation.scss b/ux.symfony.com/assets/styles/_navigation.scss
deleted file mode 100644
index e8cff17a514..00000000000
--- a/ux.symfony.com/assets/styles/_navigation.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.nav-tabs {
-    border-bottom: 1px solid $n-900;
-}
-
-.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
-    color: #fff;
-    background-color: $n-800;
-    border-color: $n-800;
-}
-
-.nav-link {
-    color: #fff;
-}
-
-.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-    border-color: $n-800;
-    color: $n-100;
-}
\ No newline at end of file
diff --git a/ux.symfony.com/assets/styles/_terminal.scss b/ux.symfony.com/assets/styles/_terminal.scss
deleted file mode 100644
index 147f7793b2a..00000000000
--- a/ux.symfony.com/assets/styles/_terminal.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-.terminal-wrapper {
-    background-color: $n-900;
-    border-radius: 12px;
-    position: relative;
-    padding: 30px 0 0 0;
-}
-
-.terminal-code {
-    background-color: $n-900;
-    border-radius: 12px;
-    padding: 0;
-    color: #fff;
-    font-size: 12px;
-}
-
-.terminal-code.terminal-code-no-filename {
-    padding-top: 0;
-}
-.terminal-code a.filename-header {
-    color: white;
-    display: inline-block;
-    flex-shrink: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.terminal-wrapper .terminal-controls {
-    position: absolute;
-    top: 8px;
-    left: 12px;
-    display: flex;
-    align-items: center;
-    gap: .5rem;
-}
-.terminal-wrapper .terminal-controls span {
-    display: inline-block;
-    width: .75rem;
-    height: .75rem;
-    border-radius: 50%;
-}
-
-.red {
-    background: $red;
-}
-
-.yellow {
-    background: $yellow;
-}
-
-.green {
-    background: $green;
-}
-
-.terminal-body {
-    background-color: $n-800;
-    height: 100%;
-    font-family: 'Space Mono', monospace;
-    font-size: 14px;
-    line-height: 160%;
-    color: #FFF;
-    border-radius: 0px 0px 12px 12px;
-}
-.terminal-code .btn-copy, .terminal-code .btn-copy:active {
-    background-color: $n-700;
-    color: $n-200;
-}
-.terminal-code .btn-copy:hover {
-    background-color: $n-600;
-}
-.terminal-code .code-buttons {
-    white-space: nowrap;
-}
-/* copy button inside the code block itself */
-.terminal-code .terminal-body .code-buttons {
-    position: absolute;
-    top: .5em;
-    right: .5em;
-}
-.terminal-code .btn-link {
-    color: $n-200;
-}
-.terminal-code .btn-link:hover {
-    color: $n-100;
-}
-.terminal-code.terminal-code-no-filename .terminal-body {
-    border-radius: 12px;
-}
-/* for tabbed terminal blocks */
-.terminal-code .terminal-code.terminal-code-no-filename .terminal-body {
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-}
-
-:not(.terminal-wrapper) .terminal-body {
-    margin: 0;
-    border-radius: 6px;
-    padding: 12px;
-}
-
-.homepage-terminal-swapper pre {
-    margin-bottom: 0;
-}
diff --git a/ux.symfony.com/assets/styles/_type.scss b/ux.symfony.com/assets/styles/_type.scss
deleted file mode 100644
index 45df8168eb2..00000000000
--- a/ux.symfony.com/assets/styles/_type.scss
+++ /dev/null
@@ -1,231 +0,0 @@
-.ubuntu {
-    font-family: Ubuntu;
-}
-.playfair {
-    font-family: Playfair Display;
-}
-
-h1 {
-    font-size: 52px;
-    font-weight: 700;
-    letter-spacing: -0.035em;
-}
-
-h1.inter {
-    font-family: Inter;
-    font-size: 16px;
-    font-weight: 700;
-    line-height: 26px;
-    letter-spacing: 0px;
-}
-
-h1.ubuntu {
-    line-height: 60px;
-}
-
-h1 .playfair {
-    font-style: italic;
-    line-height: 70px;
-}
-
-h2.ubuntu {
-    font-size: 42px;
-    font-weight: 700;
-    line-height: 48px;
-    letter-spacing: -2px;
-}
-
-h2.playfair {
-    font-size: 38px;
-    font-style: italic;
-    font-weight: 700;
-    line-height: 51px;
-    letter-spacing: -2px;
-}
-
-
-h3, a.component-title {
-    font-family: Ubuntu;
-    font-size: 28px !important;
-    font-weight: 700!important;
-    line-height: 32px !important;
-    letter-spacing: -1px;
-    color: #0A0A0A;
-    text-decoration: none;
-}
-
-h4.ubuntu {
-    font-size: 16px;
-    font-weight: 700;
-    line-height: 18.38px;
-}
-
-.component-headlines {
-    width: 50%;
-}
-
-@media (max-width: 900px) {
-    .component-headlines {
-        width: 56%;
-    }
-}
-
-@media (max-width: 767px) {
-    .component-headlines {
-        text-align: center;
-        width: 100%
-    }
-}
-
-.hero-sub-text {
-    width: 35%;
-}
-
-@media (max-width: 1114px) {
-    .hero-sub-text {
-        width: 60%;
-    }
-}
-
-
-@media (max-width: 734px) {
-    .hero-sub-text {
-        width: 80%;
-    }
-}
-
-.ubuntu-header {
-    font-family: Ubuntu;
-    font-size: 24px;
-    font-weight: 700;
-    line-height: 24px;
-    letter-spacing: -1px;
-    text-decoration: none;
-}
-
-.ubuntu-title {
-    font-family: Ubuntu;
-    font-size: 19px;
-    font-weight: 700;
-    line-height: 22px;
-    letter-spacing: -0.668767511844635px;
-}
-
-.eyebrows {
-    text-transform: uppercase;
-    font-family: Inter;
-    font-size: 0.7rem;
-    font-weight: 600;
-    line-height: 1.6;
-    letter-spacing: 0.125rem;
-}
-
-.info-tooltips {
-    font-family: Inter;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 19px;
-    letter-spacing: 0px;
-}
-
-.font-white {
-    color: #fff;
-}
-
-.font-white a:hover {
-    color: $n-100;
-}
-
-.font-purple{
-    color: #6A2DBA;
-}
-
-.text-underline {
-    text-decoration: underline;
-}
-
-.text-bold {
-    font-weight: 700;
-}
-
-@media (max-width: 576px) {
-    h1.ubuntu {
-        font-size: 36px;
-        line-height: 41px;
-        letter-spacing: -1px;
-    }
-
-    h1.playfair {
-        font-size: 36px;
-        line-height: 48px;
-        letter-spacing: -1px;
-    }
-
-    h2.ubuntu {
-        font-size: 28px;
-        line-height: 32px;
-        letter-spacing: -1px;
-    }
-
-    h2.playfair {
-        font-size: 28px;
-        line-height: 37px;
-        letter-spacing: -1px;
-    }
-
-
-    h3, a.component-title {
-        font-size: 22px;
-        line-height: 25px;
-        letter-spacing: -1px;
-    }
-}
-
-.logo {
-    font-family: 'EB Garamond', serif;font-family: ITC Garamond Std;
-    font-size: 28px;
-    font-style: italic;
-    font-weight: 700;
-    line-height: 34px;
-    letter-spacing: -1.1817766427993774px;
-}
-
-.nav-options {
-    font-family: Ubuntu;
-    font-size: 15px;
-    font-weight: 700;
-    line-height: 20px;
-    letter-spacing: 0px;
-}
-
-.nav-options-icon {
-    font-size: 20px;
- }
-
-.hero {
-    background: linear-gradient(113.84deg, #D65831 0%, #D2D631 36.52%, #31D673 71.83%, #315FD6 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-}
-
-.component-arrow {
-    color: $n-200;
-}
-
-.icon-testimonial {
-    font-size: 22px;
-}
-
-.components-link:hover {
-    box-shadow: 2px 3px 9px 4px rgb(0 0 0 / 12%);
-}
-
-.form-control::placeholder {
-    color: $n-300;
-    font-weight: lighter;
-}
-
-blockquote {
-    border-left: 5px solid $n-200;
-    padding-left: 1rem;
-}
diff --git a/ux.symfony.com/assets/styles/_variables.scss b/ux.symfony.com/assets/styles/_variables.scss
index 92605bcce51..89bb8e3fa82 100644
--- a/ux.symfony.com/assets/styles/_variables.scss
+++ b/ux.symfony.com/assets/styles/_variables.scss
@@ -13,22 +13,6 @@ $red: #FB4040;
 $yellow: #FBC640;
 $green: #84DE2C;
 
+$primary: #222 !default;
 
-
-
-@at-root :root {
-
-  // Borders
-  --border-radius-small: .5rem;
-  --border-radius: 1rem;
-  --border-radius-large: 1.5rem;
-  --border-color: #{$n-100};
-
-  // Spaces
-  --space-smaller: .5rem;
-  --space-small: .75rem;
-  --space-regular: 1rem;
-  --space-large: 1.5rem;
-  --space-larger: 2rem;
-
-}
+$size-unit: calc(8px + 1.5625vw);
diff --git a/ux.symfony.com/assets/styles/app.scss b/ux.symfony.com/assets/styles/app.scss
index f0582e15732..7f6aef01555 100644
--- a/ux.symfony.com/assets/styles/app.scss
+++ b/ux.symfony.com/assets/styles/app.scss
@@ -1,73 +1,99 @@
-@import './variables';
-@import '../../vendor/twbs/bootstrap/scss/bootstrap';
+// Bootstrap foundation
+@import "../../vendor/twbs/bootstrap/scss/functions";
 
-@import './container';
-@import './navigation';
-@import './images';
-@import './type';
-@import './terminal';
-@import './highlight';
-@import './live_demos';
+// Default variable overrides
+@import "variables";
 
-@import './components/Icon';
-@import './components/PackageBox';
+// $enable-cssgrid: true
+// $enable-grid-classes: true;
 
-body {
-    font-family: Inter;
-    font-size: 16px;
-    font-weight: 400;
-    line-height: 26px;
-    letter-spacing: 0px;
-    color: #0A0A0A;
-}
+// Bootstrap variables
+@import "../../vendor/twbs/bootstrap/scss/variables";
+@import "../../vendor/twbs/bootstrap/scss/variables-dark";
 
-a, a.page-link, a.page-link:hover {
-    text-decoration: none;
-    color: #0A0A0A;
-}
+// Boostrap remainder of required parts
+@import "../../vendor/twbs/bootstrap/scss/maps";
+@import "../../vendor/twbs/bootstrap/scss/mixins";
+@import "../../vendor/twbs/bootstrap/scss/utilities";
+@import "../../vendor/twbs/bootstrap/scss/root";
 
+// Layout & components
+@import "../../vendor/twbs/bootstrap/scss/reboot";
+@import "../../vendor/twbs/bootstrap/scss/type";
+@import "../../vendor/twbs/bootstrap/scss/images";
+@import "../../vendor/twbs/bootstrap/scss/containers";
+@import "../../vendor/twbs/bootstrap/scss/grid";
+@import "../../vendor/twbs/bootstrap/scss/tables";
+@import "../../vendor/twbs/bootstrap/scss/forms";
+@import "../../vendor/twbs/bootstrap/scss/buttons";
+@import "../../vendor/twbs/bootstrap/scss/transitions";
+@import "../../vendor/twbs/bootstrap/scss/dropdown";
+// @import "../../vendor/twbs/bootstrap/scss/button-group";
+@import "../../vendor/twbs/bootstrap/scss/nav";
+@import "../../vendor/twbs/bootstrap/scss/navbar";
+@import "../../vendor/twbs/bootstrap/scss/card";
+// @import "../../vendor/twbs/bootstrap/scss/accordion";
+// @import "../../vendor/twbs/bootstrap/scss/breadcrumb";
+@import "../../vendor/twbs/bootstrap/scss/pagination";
+@import "../../vendor/twbs/bootstrap/scss/badge";
+@import "../../vendor/twbs/bootstrap/scss/alert";
+// @import "../../vendor/twbs/bootstrap/scss/progress";
+// @import "../../vendor/twbs/bootstrap/scss/list-group";
+@import "../../vendor/twbs/bootstrap/scss/close";
+// @import "../../vendor/twbs/bootstrap/scss/toasts";
+@import "../../vendor/twbs/bootstrap/scss/modal";
+@import "../../vendor/twbs/bootstrap/scss/tooltip";
+// @import "../../vendor/twbs/bootstrap/scss/popover";
+// @import "../../vendor/twbs/bootstrap/scss/carousel";
+// @import "../../vendor/twbs/bootstrap/scss/spinners";
+// @import "../../vendor/twbs/bootstrap/scss/offcanvas";
+// @import "../../vendor/twbs/bootstrap/scss/placeholders";
+// Helpers
+@import "../../vendor/twbs/bootstrap/scss/helpers";
+// Utilities
+@import "../../vendor/twbs/bootstrap/scss/utilities/api";
 
-.navbar-toggler:focus {
-    box-shadow: none;
-}
+// Base
+@import "app/html";
+@import "app/root";
+@import "app/typography";
 
-.dropdown button {
-    border: none;
-    background: none;
-    display: block;
-}
-.nav-white-mode .nav-options, i.nav-white-mode {
-    color: #fff;
-}
+// Layouts
+@import "layouts/grid";
 
-footer {
-    height: 100px;
-}
+// Components
+@import "components/demo-container";
+@import "components/DocsLink";
+@import "components/file_tree";
+@import "components/Icon";
+@import "components/PackageHeader";
+@import "components/PackageBox";
+@import "components/Terminal";
+@import "components/TerminalCommand";
+@import "components/ThemeSwitcher";
 
-.hero-background {
-    background: url(../images/background_homepage.png);
-}
+// Utilities
+@import "utilities/arrow";
+@import "utilities/background";
+@import "utilities/info-tooltips";
+@import "utilities/font";
+@import "utilities/shadow";
+@import "utilities/text";
 
-#cropper-preview {
-    overflow: hidden;
-    width: 200px;
-    height: 200px;
-}
+// Vendors customization
+@import "vendor/bootstrap";
+@import "vendor/highlight";
+@import "vendor/tom-select";
 
-.alert-right-message {
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 2;
-    padding: 1.25rem 1rem;
-    font-size: .8rem;
-}
+// Sections
+@import "sections/header";
+@import "sections/nav";
+@import "sections/hero";
 
-.page-item.active .page-link {
-    background-color: $n-700;
-    border-color: $n-700;
-}
+@import "./container";
+@import "./images";
 
+// TODO move Terminal/CodeBlock
 .btn-expand-code {
     position: absolute;
     bottom: 0;
diff --git a/ux.symfony.com/assets/styles/app/_html.scss b/ux.symfony.com/assets/styles/app/_html.scss
new file mode 100644
index 00000000000..25efe51e91d
--- /dev/null
+++ b/ux.symfony.com/assets/styles/app/_html.scss
@@ -0,0 +1,37 @@
+body {
+  font-family: Inter;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 26px;
+
+  // Dark Mode
+  transition: background-color 150ms linear;
+}
+
+a, a.page-link, a.page-link:hover {
+  text-decoration: none;
+  color: var(--color-primary);
+}
+
+::selection {
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  -webkit-text-fill-color: currentColor;
+}
+
+.App {
+  align-items: stretch;
+  flex-direction: column;
+  display: flex;
+  min-height: 100vh;
+  min-width: 320px;
+  overflow-x: clip;
+}
+main {
+  flex-grow: 1;
+}
+header,
+main,
+footer {
+  flex-shrink: 0;
+}
diff --git a/ux.symfony.com/assets/styles/app/_root.scss b/ux.symfony.com/assets/styles/app/_root.scss
new file mode 100644
index 00000000000..47f82457d52
--- /dev/null
+++ b/ux.symfony.com/assets/styles/app/_root.scss
@@ -0,0 +1,25 @@
+@at-root :root {
+
+  // Borders
+  --border-radius-small: .5rem;
+  --border-radius: 1rem;
+  --border-radius-large: 1.5rem;
+  --border-color: #{$n-100};
+
+  // Spaces
+  --space-smaller: .5rem;
+  --space-small: .75rem;
+  --space-regular: 1rem;
+  --space-large: 1.5rem;
+  --space-larger: 2rem;
+
+  // Fonts
+  //  --font-family-title: "Inter";
+  --font-family-text: "Inter";
+  // --font-family-code: "Inter";
+
+  // Colors
+  --color-primary: var(--bs-body-color);
+  --color-secondary: var(--bs-secondary-color);
+  --color-tertiary: var(--bs-tertiary-color);
+}
diff --git a/ux.symfony.com/assets/styles/app/_typography.scss b/ux.symfony.com/assets/styles/app/_typography.scss
new file mode 100644
index 00000000000..98240f7a4eb
--- /dev/null
+++ b/ux.symfony.com/assets/styles/app/_typography.scss
@@ -0,0 +1,130 @@
+
+h1 {
+  font-size: 52px;
+  font-weight: 700;
+  letter-spacing: -0.035em;
+}
+
+h1.inter {
+  font-family: Inter;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 26px;
+  letter-spacing: 0px;
+}
+
+h1.ubuntu {
+  line-height: 60px;
+}
+
+h1 .playfair {
+  font-style: italic;
+  line-height: 70px;
+}
+
+h2.ubuntu {
+  font-size: 42px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: -2px;
+}
+
+h2.playfair {
+  font-size: 38px;
+  font-style: italic;
+  font-weight: 700;
+  line-height: 51px;
+  letter-spacing: -2px;
+}
+
+h3, a.component-title {
+  font-family: Ubuntu;
+  font-size: 28px !important;
+  font-weight: 700 !important;
+  line-height: 32px !important;
+  letter-spacing: -1px;
+  color: #0A0A0A;
+  text-decoration: none;
+}
+
+h4.ubuntu {
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 18.38px;
+}
+
+.component-headlines {
+  width: 50%;
+}
+
+@media (max-width: 900px) {
+  .component-headlines {
+    width: 56%;
+  }
+}
+
+@media (max-width: 767px) {
+  .component-headlines {
+    text-align: center;
+    width: 100%
+  }
+}
+
+.ubuntu-header {
+  font-family: Ubuntu;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 24px;
+  letter-spacing: -1px;
+  text-decoration: none;
+}
+
+.ubuntu-title {
+  font-family: Ubuntu;
+  font-size: 19px;
+  font-weight: 700;
+  line-height: 22px;
+  letter-spacing: -0.668767511844635px;
+}
+
+.eyebrows {
+  text-transform: uppercase;
+  font-family: Inter;
+  font-size: 0.7rem;
+  font-weight: 600;
+  line-height: 1.6;
+  letter-spacing: 0.125rem;
+}
+
+
+@media (max-width: 576px) {
+  h1.ubuntu {
+    font-size: 36px;
+    line-height: 41px;
+    letter-spacing: -1px;
+  }
+
+  h1.playfair {
+    font-size: 36px;
+    line-height: 48px;
+    letter-spacing: -1px;
+  }
+
+  h2.ubuntu {
+    font-size: 28px;
+    line-height: 32px;
+    letter-spacing: -1px;
+  }
+
+  h2.playfair {
+    font-size: 28px;
+    line-height: 37px;
+    letter-spacing: -1px;
+  }
+
+  h3, a.component-title {
+    font-size: 22px;
+    line-height: 25px;
+    letter-spacing: -1px;
+  }
+}
diff --git a/ux.symfony.com/assets/styles/components/_DocsLink.scss b/ux.symfony.com/assets/styles/components/_DocsLink.scss
new file mode 100644
index 00000000000..e4de46e5035
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_DocsLink.scss
@@ -0,0 +1,62 @@
+.DocsLink {
+  border: 1px solid var(--bs-secondary-border-subtle);
+  border-radius: var(--border-radius, 1rem);
+  display: flex;
+  gap: var(--space-large, 1rem);
+  padding: var(--space-large, 1rem);
+  position: relative;
+  place-self: stretch;
+  background: var(--bs-body-bg, var(--bs-secondary-border-subtle));
+  opacity: .9;
+  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
+
+  &:hover {
+    transform: translateY(-.25rem);
+    opacity: 1;
+  }
+
+}
+.DocsLink_content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+}
+
+.DocsLink_title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: .75rem;
+}
+
+.DocsLink_link {
+  &:after {
+    content: '';
+    position: absolute;
+    inset: 0 0;
+    z-index: 40;
+  }
+}
+
+.DocsLink_arrow {
+  color: gray;
+  font-size: 1.5rem;
+  opacity: .5;
+  transition: opacity 600ms ease-in-out;
+  .DocsLink:hover & {
+    transition: opacity 250ms ease-in-out;
+    opacity: 1;
+  }
+}
+
+.DocsLink_description {
+  p {
+    line-height: 1.4;
+  }
+  :last-child {
+    margin-bottom: 0;
+  }
+}
+
+
diff --git a/ux.symfony.com/assets/styles/components/_PackageBox.scss b/ux.symfony.com/assets/styles/components/_PackageBox.scss
index 2a7e304525b..1b3f3217177 100644
--- a/ux.symfony.com/assets/styles/components/_PackageBox.scss
+++ b/ux.symfony.com/assets/styles/components/_PackageBox.scss
@@ -1,14 +1,17 @@
 .PackageBox {
+  --gradient: #000;
+  --color: #000;
   --space-large: 1.5rem;
+  --bg-color: var(--bs-body-bg);
 
-  border: 1px solid var(--border-color);
+  border: 1px solid var(--bs-secondary-bg);
   border-radius: var(--border-radius);
   display: flex;
   gap: var(--space-large);
   padding: var(--space-large);
   position: relative;
   place-self: stretch;
-  background: rgba(255, 255, 255, .98);
+  background: var(--bg-color);
   transition:
           border-color 750ms ease-in-out,
           transform 750ms ease-in-out;
@@ -17,7 +20,6 @@
     transition:
             border-color 200ms ease-in-out,
             transform 200ms ease-in-out;
-    border-color: rgba(230, 222, 222, 0.8);
     transform: translateY(-.25rem);
   }
 }
@@ -30,7 +32,7 @@
   opacity: 0;
   filter: blur(.75rem);
   transform: translateZ(-1em);
-  background: var(--gradient);
+  background: var(--gradient), var(--color);
   transition: opacity 600ms ease-in-out;
   z-index: -1;
 }
@@ -44,7 +46,7 @@
   content: "";
   position: absolute;
   inset: 0 0;
-  background: #fff;
+  background: var(--bg-color);
   border-radius: var(--border-radius);
   z-index: -1;
   transition: opacity 600ms ease-in-out;
@@ -56,11 +58,11 @@
   z-index: -1;
 }
 
-
 .PackageBox_logo {
   --logo-size: 6rem;
 
   background: var(--gradient);
+  background-color: var(--color);
   width: var(--logo-size);
   height: var(--logo-size);
   border-radius: var(--border-radius-large);
@@ -69,6 +71,10 @@
   justify-content: center;
   flex-shrink: 0;
 
+  [data-bs-theme="dark"] & {
+    background-blend-mode: darken;
+  }
+
   img {
     width: calc(0.4 * var(--logo-size));
     height: auto;
@@ -84,7 +90,13 @@
             filter 250ms ease-in-out,
             transform 250ms ease-in-out;
     }
+  }
 
+  @media screen and (max-width: 960px) {
+    --logo-size: 5rem;
+  }
+  @media screen and (max-width: 740px) {
+    --logo-size: 4rem;
   }
 }
 
@@ -131,3 +143,5 @@
     margin-bottom: 0;
   }
 }
+
+
diff --git a/ux.symfony.com/assets/styles/components/_PackageHeader.scss b/ux.symfony.com/assets/styles/components/_PackageHeader.scss
new file mode 100644
index 00000000000..df0e1bfef32
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_PackageHeader.scss
@@ -0,0 +1,27 @@
+.PackageHeader {
+  h1 {
+    text-shadow: 0 .25rem .25rem rgba(0, 0, 0, .05);
+  }
+
+  .AppHeader + * &  {
+    padding-top: 3rem;
+  }
+
+  [data-bs-theme="dark"] & {
+    background-blend-mode: hue !important;
+    // background-blend-mode: soft-light;
+  }
+
+  .nav-options {
+    font-family: Ubuntu;
+    font-size: 15px;
+    font-weight: 700;
+    line-height: 20px;
+    letter-spacing: 0px;
+    color: #fff;
+  }
+
+  .nav-options-icon {
+    font-size: 20px;
+  }
+}
diff --git a/ux.symfony.com/assets/styles/components/_Terminal.scss b/ux.symfony.com/assets/styles/components/_Terminal.scss
new file mode 100644
index 00000000000..190f7a071d6
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_Terminal.scss
@@ -0,0 +1,139 @@
+.Terminal {
+    --border-radius: .75rem;
+
+    background-color: $n-900;
+    border-radius: .75rem;
+    position: relative;
+    font-size: 12px;
+}
+
+.Terminal_header {
+    display: flex;
+    background-color: $n-900;
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+    align-items: center;
+    justify-content: space-between;
+    padding: .5rem;
+
+    .nav-tabs {
+        border: 0;
+    }
+    .nav-tabs .nav-link,
+    .nav-tabs .nav-item {
+        border: 0;
+    }
+    .nav-link {
+        border-bottom: 0;
+        margin-bottom: 0;
+        color: inherit;
+        color: $n-100;
+    }
+    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+        background-color: $n-800;
+        border-color: $n-800;
+        color: $n-100;
+    }
+    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+        border-color: $n-800;
+        color: $n-100;
+    }
+}
+
+.Terminal_title {
+    color: #fff;
+    display: inline-block;
+    flex-shrink: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding-inline-start: .25rem;
+}
+
+.Terminal_controls {
+    align-items: center;
+    gap: 0.5rem;
+    display: flex;
+    padding: .25rem 0.5rem;
+}
+.Terminal_controls span {
+    display: inline-block;
+    width: .75rem;
+    height: .75rem;
+    border-radius: 50%;
+
+    &.red {
+        background: $red;
+    }
+    &.yellow {
+        background: $yellow;
+    }
+    &.green {
+        background: $green;
+    }
+}
+
+.Terminal_body {
+    background-color: $n-800;
+    height: 100%;
+    font-family: 'Space Mono', monospace;
+    font-size: 14px;
+    line-height: 160%;
+    color: #FFF;
+    border-radius: .75rem;
+    border: 1px solid var(--bs-body-color);
+    position: relative;
+
+    [data-bs-theme="dark"] & {
+        border: 1px solid var(--bs-secondary-bg-subtle);
+    }
+}
+
+.Terminal_header + .Terminal_body,
+.Terminal .Terminal .Terminal_body {
+    border-top: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.Terminal_actions {
+    .btn-link {
+        color: $n-200;
+        background: none;
+    }
+
+    .btn-copy {
+        background-color: $n-700;
+        color: $n-200;
+        &:active {
+            background-color: $n-700;
+            color: $n-200;
+        }
+        &:hover {
+            background-color: $n-600;
+        }
+    }
+    .btn-link:hover {
+        color: $n-100;
+    }
+    white-space: nowrap;
+}
+
+/* copy button inside the code block itself */
+.Terminal_body .Terminal_actions {
+    position: absolute;
+    right: .5rem;
+    top: .5rem;
+}
+
+.Terminal_body {
+    overflow-inline: auto;
+}
+.Terminal_body pre {
+    padding: 1rem;
+    margin: 0;
+}
+
+.Terminal_content {
+    font-size: .9rem;
+}
diff --git a/ux.symfony.com/assets/styles/components/_TerminalCommand.scss b/ux.symfony.com/assets/styles/components/_TerminalCommand.scss
new file mode 100644
index 00000000000..41e2d0be4db
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_TerminalCommand.scss
@@ -0,0 +1,57 @@
+.TerminalCommand {
+  --color-background: var(--bs-black);
+  --color-text: var(--bs-white);
+  --color-accent: var(--bs-blue);
+
+  display: flex;
+  padding: .5rem;
+  gap: .5rem;
+  border-radius: .5rem;
+  flex-direction: row;
+  position: relative;
+  color: var(--color-fq);
+  overflow: clip;
+  z-index: 1;
+  max-inline-size: 100%;
+  max-width: 100%;
+
+  &::before {
+    content: '';
+    inset: 0 0;
+    background: var(--color-background);
+    opacity: .9;
+    backdrop-filter: blur(5px);
+    position: absolute;
+    z-index: -1;
+    display: block;
+  }
+}
+
+.TerminalCommand_input {
+  color: var(--color-text);
+  border: 0!important;
+  border: none;
+  background: transparent;
+  z-index: 4;
+  outline: none;
+  font-family: var(--bs-font-monospace);
+  font-size: .9rem;
+  padding: 0 .5rem;
+  width: inherit;
+  overflow: scroll;
+}
+
+.TerminalCommand_action {
+  background: var(--color-accent);
+  color: var(--color-text);
+  border: 0 !important;
+  z-index: 4;
+  opacity: .9;
+  &:hover {
+    background: var(--color-accent);
+    color: var(--color-text);
+    opacity: 1;
+  }
+}
+
+
diff --git a/ux.symfony.com/assets/styles/components/_ThemeSwitcher.scss b/ux.symfony.com/assets/styles/components/_ThemeSwitcher.scss
new file mode 100644
index 00000000000..ea4a991b453
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_ThemeSwitcher.scss
@@ -0,0 +1,40 @@
+.ThemeSwitcher {
+  --mod-light: 1;
+  --mod-dark: 0;
+
+  [data-bs-theme="dark"] & {
+    --mod-light: 0;
+    --mod-dark: 1;
+  }
+
+  position: relative;
+  display: inline-flex;
+  background: none;
+  border: none;
+  height: 1em;
+  width: 1em;
+  color: var(--bs-body-color);
+
+  .Icon {
+    position: absolute;
+    border: none;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    color: inherit;
+    transition: opacity 250ms ease-in-out,
+    scale 250ms linear;
+  }
+
+  .Icon--theme-light {
+    opacity: calc(var(--mod-light));
+    scale: calc(var(--mod-light));
+  }
+
+  .Icon--theme-dark {
+    opacity: calc(var(--mod-dark));
+    scale: calc(var(--mod-dark));
+  }
+}
+
+
diff --git a/ux.symfony.com/assets/styles/components/_demo-container.scss b/ux.symfony.com/assets/styles/components/_demo-container.scss
new file mode 100644
index 00000000000..b17936b0523
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_demo-container.scss
@@ -0,0 +1,27 @@
+.demo-container {
+  background-color: var(--bs-body-bg);
+  border: 1px solid var(--bs-secondary-bg-subtle);
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+
+.demo-container-inner {
+  background-color: var(--bs-secondary-bg);
+  border: 1px solid var(--bs-secondary-bg-subtle);
+  border-top: transparent;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+.demo-container-inner-secondary {
+  background-color: var(--bs-secondary-bg);
+  border: 1px solid var(--bs-secondary-bg-subtle);
+  border-top: transparent;
+  border-bottom-left-radius: 12px;
+  border-bottom-right-radius: 12px;
+}
+
+.demo-chat > .demo-container-inner {
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
diff --git a/ux.symfony.com/assets/styles/components/_file_tree.scss b/ux.symfony.com/assets/styles/components/_file_tree.scss
new file mode 100644
index 00000000000..f9b86f8ddee
--- /dev/null
+++ b/ux.symfony.com/assets/styles/components/_file_tree.scss
@@ -0,0 +1,47 @@
+.file-tree ul {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+
+.file-tree li > span {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+}
+
+.file-tree-main::before {
+  background: none !important;
+}
+
+.file-tree ul {
+  position: relative;
+  padding-inline-start: 1rem;
+}
+
+.file-tree .tooltip-inner {
+  max-width: 350px;
+}
+
+.file-tree.nodots ul :not(span) {
+  margin-left: 12px;
+}
+
+.file-tree ul::before {
+  content: '';
+  width: 1rem;
+  background: url(../images/dot.svg) left top / 2px 2px;
+  display: block;
+  position: absolute;
+}
+
+.file-tree ul::before {
+  top: 0;
+  height: 100%;
+  background-repeat: repeat-y;
+  background-position: center;
+  left: 0;
+  z-index: -1;
+}
+
diff --git a/ux.symfony.com/assets/styles/layouts/_grid.scss b/ux.symfony.com/assets/styles/layouts/_grid.scss
new file mode 100644
index 00000000000..753356aca14
--- /dev/null
+++ b/ux.symfony.com/assets/styles/layouts/_grid.scss
@@ -0,0 +1,9 @@
+.grid {
+  --rows: 1;
+  --columns: 1;
+  --gap: 1rem;
+  display: grid;
+  grid-template-rows: repeat(var(--rows), 1fr);
+  grid-template-columns: repeat(var(--columns), 1fr);
+  gap: var(--gap);
+}
diff --git a/ux.symfony.com/assets/styles/sections/_header.scss b/ux.symfony.com/assets/styles/sections/_header.scss
new file mode 100644
index 00000000000..fb9c275edbc
--- /dev/null
+++ b/ux.symfony.com/assets/styles/sections/_header.scss
@@ -0,0 +1,49 @@
+.AppHeader {
+  position: absolute;
+  top: 1rem; // TODO responsive
+  left: 0;
+  right: 0;
+  z-index: 2;
+
+  @media (min-width: 576px) {
+    top: 2rem;
+  }
+  @media (min-width: 768px) {
+    top: 3rem;
+  }
+}
+
+.AppHeader {
+  --text-color: var(--bs-body-color);
+  color: var(--text-color);
+}
+.AppHeader--white {
+  --text-color: #fff;
+}
+
+.AppHeader_logo {
+  --height: 2rem;
+  height: var(--height);
+  width: calc(161 / 30 * var(--height));
+  background: url(../images/sf-ux.svg);
+  background-size: 100%;
+
+  transition: filter 250ms ease-in;
+
+  span {
+    display: none;
+  }
+
+  .AppHeader--white &,
+  [data-bs-theme="dark"] & {
+    filter: invert(1);
+  }
+}
+
+.AppHeader_toggler:focus {
+  box-shadow: none;
+}
+
+.AppHeader_toggler {
+  color: currentColor;
+}
diff --git a/ux.symfony.com/assets/styles/sections/_hero.scss b/ux.symfony.com/assets/styles/sections/_hero.scss
new file mode 100644
index 00000000000..a8b16900545
--- /dev/null
+++ b/ux.symfony.com/assets/styles/sections/_hero.scss
@@ -0,0 +1,48 @@
+.hero {
+  padding-top: 5rem;
+}
+
+.rainbow-emphasis {
+  background: linear-gradient(113.84deg, #D65831 0%, #D2D631 36.52%, #31D673 71.83%, #315FD6 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-style: normal;
+}
+
+.hero-background {
+  background: url(../images/background_homepage.png);
+  background-size: cover;
+  padding-block-start: 4rem;
+
+  &::after {
+    content: "";
+    display: block;
+    position: absolute;
+    background: #d75b5b00;
+    width: 100%;
+    margin-block-start: -1.5rem;
+    backdrop-filter: blur(1rem);
+    height: 3rem;
+  }
+}
+
+.hero-sub-text {
+  width: 35%;
+}
+
+@media (max-width: 1114px) {
+  .hero-sub-text {
+    width: 60%;
+  }
+}
+
+@media (max-width: 734px) {
+  .hero-sub-text {
+    width: 80%;
+  }
+}
+
+.hero-terminal {
+  transform: translateY(50%);
+}
+
diff --git a/ux.symfony.com/assets/styles/sections/_nav.scss b/ux.symfony.com/assets/styles/sections/_nav.scss
new file mode 100644
index 00000000000..3648187263f
--- /dev/null
+++ b/ux.symfony.com/assets/styles/sections/_nav.scss
@@ -0,0 +1,66 @@
+.AppNav {
+  color: inherit;
+}
+
+.AppNav_menu {
+  gap: 2rem;
+  justify-content: flex-end;
+  line-height: 2rem;
+
+  @media (max-width: 575px) {
+    display: flex;
+    flex-direction: row;
+    height: 3rem;
+    place-content: center;
+    .Icon--chevron-down {
+      display: none;
+    }
+  }
+}
+
+.AppNav_item {
+  color: inherit;
+  font-family: "Ubuntu";
+  font-size: 1rem;
+  font-weight: 700;
+  letter-spacing: 0;
+  opacity: .85;
+  transition: opacity 250ms;
+  padding: 0;
+  border: none;
+  background: none;
+  line-height: 2rem;
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.AppNav_item--icon {
+  padding: 0;
+  width: 1.5rem;
+  height: 1.5rem;
+  display: grid;
+  place-content: center;
+
+  > .Icon {
+    font-size: 1.25rem;
+  }
+}
+
+.AppNav_separator {
+  display: flex;
+  color: inherit;
+  width: 2px;
+  border-radius: 1px;
+  height: 1rem;
+  margin: 0;
+  border-left: 1px dashed var(--text-color);
+  opacity: .5;
+  display: none; // TODO remove if ok
+}
+
+.nav-component-img {
+  height: 22px;
+  width: 22px;
+  border-radius: 4px;
+}
diff --git a/ux.symfony.com/assets/styles/utilities/_arrow.scss b/ux.symfony.com/assets/styles/utilities/_arrow.scss
new file mode 100644
index 00000000000..50a4ed6b030
--- /dev/null
+++ b/ux.symfony.com/assets/styles/utilities/_arrow.scss
@@ -0,0 +1,31 @@
+.component-arrow {
+  color: $n-200;
+}
+
+.arrow {
+  background: url(../images/arrow.png);
+  width: 100%;
+  height: 36px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+
+  [data-bs-theme="dark"] & {
+    filter: invert(100);
+    opacity: .75;
+  }
+}
+
+.arrow-2 {
+  background: url(../images/arrow-2.png);
+  width: 100%;
+  height: 66px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: right;
+
+  [data-bs-theme="dark"] & {
+    filter: invert(100);
+    opacity: .75;
+  }
+}
diff --git a/ux.symfony.com/assets/styles/utilities/_background.scss b/ux.symfony.com/assets/styles/utilities/_background.scss
new file mode 100644
index 00000000000..6f2b6ebd286
--- /dev/null
+++ b/ux.symfony.com/assets/styles/utilities/_background.scss
@@ -0,0 +1,9 @@
+.background-glass {
+  --glass-opacity: .75;
+  --glass-color: 255 255 255;
+  background: rgba(var(--glass-color) / var(--glass-opacity));
+
+  [data-bs-theme="dark"] & {
+    --glass-color: 0 0 0;
+  }
+}
diff --git a/ux.symfony.com/assets/styles/utilities/_font.scss b/ux.symfony.com/assets/styles/utilities/_font.scss
new file mode 100644
index 00000000000..48ceb52d905
--- /dev/null
+++ b/ux.symfony.com/assets/styles/utilities/_font.scss
@@ -0,0 +1,19 @@
+.ubuntu {
+  font-family: Ubuntu;
+}
+
+.playfair {
+  font-family: Playfair Display;
+}
+
+.font-title {
+  font-family: var(--font-family-title);
+}
+
+.font-text {
+  font-family: var(--font-family-text);
+}
+
+.font-code {
+  font-family: var(--font-family-code);
+}
diff --git a/ux.symfony.com/assets/styles/utilities/_info-tooltips.scss b/ux.symfony.com/assets/styles/utilities/_info-tooltips.scss
new file mode 100644
index 00000000000..2a14072eefd
--- /dev/null
+++ b/ux.symfony.com/assets/styles/utilities/_info-tooltips.scss
@@ -0,0 +1,7 @@
+.info-tooltips {
+  font-family: Inter;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 19px;
+  letter-spacing: 0px;
+}
diff --git a/ux.symfony.com/assets/styles/utilities/_shadow.scss b/ux.symfony.com/assets/styles/utilities/_shadow.scss
new file mode 100644
index 00000000000..ba59c4fdc1d
--- /dev/null
+++ b/ux.symfony.com/assets/styles/utilities/_shadow.scss
@@ -0,0 +1,17 @@
+.shadow-blur {
+  position: relative;
+  &:after {
+    position: absolute;
+    content: "";
+    z-index: -1;
+    background: var(--gradient);
+    inset: 3rem;
+    border-radius: 3rem;
+    bottom: var(--shadow-bottom, 0);
+    filter: blur(3rem);
+  }
+}
+
+.shadow-blur--rainbow {
+  --gradient: linear-gradient(113.84deg, #D65831 0%, #D2D631 36.52%, #31D673 71.83%, #3aa3ff 100%);
+}
diff --git a/ux.symfony.com/assets/styles/utilities/_text.scss b/ux.symfony.com/assets/styles/utilities/_text.scss
new file mode 100644
index 00000000000..1e843f21a49
--- /dev/null
+++ b/ux.symfony.com/assets/styles/utilities/_text.scss
@@ -0,0 +1,19 @@
+.font-white {
+  color: #fff;
+}
+
+.font-white a:hover {
+  color: $n-100;
+}
+
+.font-purple {
+  color: #6A2DBA;
+}
+
+.text-underline {
+  text-decoration: underline;
+}
+
+.text-bold {
+  font-weight: 700;
+}
diff --git a/ux.symfony.com/assets/styles/vendor/_bootstrap.scss b/ux.symfony.com/assets/styles/vendor/_bootstrap.scss
new file mode 100644
index 00000000000..483ae841427
--- /dev/null
+++ b/ux.symfony.com/assets/styles/vendor/_bootstrap.scss
@@ -0,0 +1,48 @@
+.alert-right-message {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 1.25rem 1rem;
+  font-size: .8rem;
+}
+
+.form-control::placeholder {
+  color: $n-300;
+  font-weight: lighter;
+}
+
+.btn-outline-primary {
+  opacity: .75;
+  &:hover {
+    opacity: 1;
+  }
+
+  [data-bs-theme="dark"] & {
+    --color: var(--bs-body-color);
+
+    --bs-btn-color: var(--color);
+    --bs-btn-border-color: var(--color);
+    --bs-btn-hover-color: var(--bs-body-bg);
+    --bs-btn-hover-bg: var(--color);
+    --bs-btn-hover-border-color: var(--color);
+    --bs-btn-focus-shadow-rgb: 34, 34, 34;
+    --bs-btn-active-color: var(--color);
+    --bs-btn-active-bg: var(--color);
+    --bs-btn-active-border-color: var(--color);
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: var(--color);
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: var(--color);
+  }
+
+}
+
+
+.form-range::-moz-range-track {
+  background: var(--bs-secondary-bg-subtle);
+}
+
+.form-range::-moz-range-thumb {
+  background: var(--bs-secondary-color);
+}
diff --git a/ux.symfony.com/assets/styles/_highlight.scss b/ux.symfony.com/assets/styles/vendor/_highlight.scss
similarity index 99%
rename from ux.symfony.com/assets/styles/_highlight.scss
rename to ux.symfony.com/assets/styles/vendor/_highlight.scss
index 8196be3e4f4..ef4a8847af8 100644
--- a/ux.symfony.com/assets/styles/_highlight.scss
+++ b/ux.symfony.com/assets/styles/vendor/_highlight.scss
@@ -55,4 +55,3 @@
     background: rgba(218, 54, 51, .3);
     outline: 3px solid rgba(218, 54, 51, .3)
 }
-
diff --git a/ux.symfony.com/assets/styles/vendor/_tom-select.scss b/ux.symfony.com/assets/styles/vendor/_tom-select.scss
new file mode 100644
index 00000000000..2d6d59bce97
--- /dev/null
+++ b/ux.symfony.com/assets/styles/vendor/_tom-select.scss
@@ -0,0 +1,22 @@
+.ts-dropdown, .ts-control, .ts-control input {
+  color: var(--bs-body-color);
+}
+
+.ts-dropdown, .ts-dropdown.form-control, .ts-dropdown.form-select {
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color-translucent);
+}
+
+.disabled .ts-control {
+  opacity: 0.5;
+  background: var(--bs-body-bg);
+}
+
+.ts-control, .ts-wrapper.single.input-active .ts-control {
+  background: var(--bs-body-bg);
+}
+
+.ts-dropdown .active {
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
+}
diff --git a/ux.symfony.com/public/site.webmanifest b/ux.symfony.com/public/site.webmanifest
index bbf841daf7a..d48f4691b5c 100755
--- a/ux.symfony.com/public/site.webmanifest
+++ b/ux.symfony.com/public/site.webmanifest
@@ -1,2 +1 @@
-
 {"name":"Symfony UX","short_name":"Symfony UX","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/ux.symfony.com/src/Model/Package.php b/ux.symfony.com/src/Model/Package.php
index 79e36d05019..d04afe1ae6c 100644
--- a/ux.symfony.com/src/Model/Package.php
+++ b/ux.symfony.com/src/Model/Package.php
@@ -13,6 +13,7 @@ public function __construct(
         private string $name,
         private string $humanName,
         private string $route,
+        private string $color,
         private string $gradient,
         private string $description,
         private string $createString,
@@ -35,6 +36,11 @@ public function getRoute(): string
         return $this->route;
     }
 
+    public function getColor(): string
+    {
+        return $this->color;
+    }
+
     public function getGradient(): string
     {
         return $this->gradient;
diff --git a/ux.symfony.com/src/Service/PackageRepository.php b/ux.symfony.com/src/Service/PackageRepository.php
index 9ee86ba910c..5fedbceeb44 100644
--- a/ux.symfony.com/src/Service/PackageRepository.php
+++ b/ux.symfony.com/src/Service/PackageRepository.php
@@ -16,7 +16,8 @@ public function findAll(string $query = null): array
                 'turbo',
                 'Turbo',
                 'app_turbo',
-                'linear-gradient(95.22deg, #5920A0 -4.7%, #844EC9 105.43%), #5920A0',
+                '#5920A0',
+                'linear-gradient(95.22deg, #5920A0 -4.7%, #844EC9 105.43%)',
                 'Integration with Turbo for single-page-app and real-time experience',
                 'I need to transform my app into an SPA!'
             ))
@@ -27,6 +28,7 @@ public function findAll(string $query = null): array
                 'live-component',
                 'Live Components',
                 'app_live_component',
+                '#AC5727',
                 'linear-gradient(94.81deg, #AC5727 -1.76%, #CB804A 104.47%)',
                 'Build dynamic interfaces with zero JavaScript',
                 'I need Twig templates that update in real-time!'
@@ -36,7 +38,8 @@ public function findAll(string $query = null): array
                 'autocomplete',
                 'Autocomplete',
                 'app_autocomplete',
-                'linear-gradient(95.22deg, #DF275E -4.7%, #E85995 105.43%), #5920A0',
+                '#DF275E',
+                'linear-gradient(95.22deg, #DF275E -4.7%, #E85995 105.43%)',
                 'Ajax-powered, auto-completable `select` elements',
                 'I need an Ajax-autocomplete select field'
             ),
@@ -44,6 +47,7 @@ public function findAll(string $query = null): array
                 'chartjs',
                 'Chart.js',
                 'app_chartjs',
+                '#21A81E',
                 'linear-gradient(95.26deg, #21A81E 0.06%, #45DD42 108.28%)',
                 'Easy charts with Chart.js',
                 'I need to build a chart'
@@ -54,7 +58,8 @@ public function findAll(string $query = null): array
                 'react',
                 'React',
                 'app_react',
-                'linear-gradient(95.22deg, #10a2cb -4.7%, #42caf0 105.43%), #5920A0',
+                '#10A2CB',
+                'linear-gradient(95.22deg, #10a2cb -4.7%, #42caf0 105.43%)',
                 'Quickly render `<React />` components &amp; pass them props.',
                 'I need to render React components from Twig'
             ))
@@ -64,7 +69,8 @@ public function findAll(string $query = null): array
                 'vue',
                 'Vue.js',
                 'app_vue',
-                'linear-gradient(95.22deg, #35b67c -4.7%, #8ce3bc 105.43%)',
+                '#35b67c',
+                'linear-gradient(95.22deg, #35B67C -4.7%, #8CE3BC 105.43%)',
                 'Quickly render `<Vue />` components &amp; pass them props.',
                 'I need to render Vue.js components from Twig'
             ))
@@ -74,6 +80,7 @@ public function findAll(string $query = null): array
                 'svelte',
                 'Svelte',
                 'app_svelte',
+                '#FF3E00',
                 'linear-gradient(137.59deg, #FF3E00 -7.89%, #FF8A00 110.57%)',
                 'Quickly render `<Svelte />` components &amp; pass them props.',
                 'I need to render Svelte components from Twig',
@@ -85,6 +92,7 @@ public function findAll(string $query = null): array
                 'cropperjs',
                 'Image Cropper',
                 'app_cropper',
+                '#1E8FA8',
                 'linear-gradient(135.73deg, #1E8FA8 -7.05%, #3FC0DC 105.11%)',
                 'Form Type and tools for cropping images',
                 'I need to add a JavaScript image cropper'
@@ -95,6 +103,7 @@ public function findAll(string $query = null): array
                 'lazy-image',
                 'Lazy Image',
                 'app_lazy_image',
+                '#AC2777',
                 'linear-gradient(133.55deg, #AC2777 -8.06%, #F246AD 104.87%)',
                 'Optimize Image Loading with BlurHash',
                 'I need to delay large image loading'
@@ -104,7 +113,8 @@ public function findAll(string $query = null): array
                 'twig-component',
                 'Twig Components',
                 'app_twig_component',
-                'linear-gradient(95.22deg, #7FA020 -4.7%, #A1C94E 105.43%), #5920A0',
+                '#7FA020',
+                'linear-gradient(95.22deg, #7FA020 -4.7%, #A1C94E 105.43%)',
                 'Create PHP classes that can render themselves',
                 'I need to create PHP classes that render'
             ),
@@ -113,6 +123,7 @@ public function findAll(string $query = null): array
                 'dropzone',
                 'Stylized Dropzone',
                 'app_dropzone',
+                '#AC9F27',
                 'linear-gradient(135.69deg, #AC9F27 -8.56%, #E8D210 106.51%)',
                 'Form type for stylized "drop zone" for file uploads',
                 'I need an upload field that looks great'
@@ -121,7 +132,8 @@ public function findAll(string $query = null): array
                 'swup',
                 'Swup Integration',
                 'app_swup',
-                'linear-gradient(95.22deg, #D87036 -4.7%, #EA9633 105.43%), #5920A0',
+                '#D87036',
+                'linear-gradient(95.22deg, #D87036 -4.7%, #EA9633 105.43%)',
                 'Integration with the page transition library Swup',
                 'I need stylized page transitions'
             ))
@@ -130,6 +142,7 @@ public function findAll(string $query = null): array
             new Package('notify',
                 'Notify',
                 'app_notify',
+                '#204CA0',
                 'linear-gradient(94.17deg, #204CA0 -6.1%, #3D82EA 105.25%)',
                 'Trigger native browser notifications from inside PHP',
                 'I need to send browser notifications',
@@ -138,6 +151,7 @@ public function findAll(string $query = null): array
                 'toggle-password',
                 'Toggle Password',
                 'app_toggle_password',
+                '#BE0404',
                 'linear-gradient(142.8deg, #FD963C -14.8%, #BE0404 95.43%)',
                 'Switch the visibility of a password field',
                 'I need to toggle the visibility of a password field',
@@ -146,7 +160,8 @@ public function findAll(string $query = null): array
                 'typed',
                 'Typed',
                 'app_typed',
-                'linear-gradient(95.22deg, #20A091 -4.7%, #4EC9B3 105.43%), #5920A0',
+                '#20A091',
+                'linear-gradient(95.22deg, #20A091 -4.7%, #4EC9B3 105.43%)',
                 'Animated typing with Typed.js',
                 'I need to type onto the screen... like this'
             ))
@@ -156,6 +171,7 @@ public function findAll(string $query = null): array
                 'translator',
                 'Translator',
                 'app_translator',
+                '#2248D0',
                 'linear-gradient(139.1deg, #2248D0 -20.18%, #00FFB2 113.25%)',
                 "Use Symfony's translations in JavaScript",
                 'I need to translate strings in JavaScript',
diff --git a/ux.symfony.com/templates/_footer.html.twig b/ux.symfony.com/templates/_footer.html.twig
new file mode 100644
index 00000000000..4c22d0a7327
--- /dev/null
+++ b/ux.symfony.com/templates/_footer.html.twig
@@ -0,0 +1,50 @@
+<footer>
+    <div class="container-fluid container-xxl py-5 px-lg-5">
+        <div class="row align-items-center" style="--bs-gutter-x: 0;">
+            <div class="col-12 col-xl-3 order-xl-3 text-center text-xl-end">
+                <a href="https://github.com/symfony/ux" rel="external noopener noreferrer"
+                   style="font-size: 1.5rem;"
+                >
+                    <twig:Icon name="github"/>
+                </a>
+                <a href="https://symfony.com" rel="external noopener noreferrer"
+                   style="font-size: 1.5rem;"
+                >
+                    <twig:Icon name="symfony"/>
+                </a>
+            </div>
+            <div class="col-12 col-xl-6 order-xl-2">
+                <p class="mb-xl-0 mt-3 mt-xl-0 text-center" style="font-size: 12px; text-transform: uppercase;">
+                    <span class="d-block d-md-inline">
+                        crafted by
+                        <a href="https://symfonycasts.com"
+                           rel="external noopener noreferrer"
+                           style="font-weight: 700;"
+                        >SymfonyCasts</a>
+                        &amp;
+                        <a href="https://locastic.com"
+                           rel="external noopener noreferrer"
+                           style="font-weight: 700;"
+                        >Locastic</a><span class="d-none d-md-inline">,</span>
+                    </span>
+                    <span class="d-block d-md-inline">
+                        hosted with
+                        <span style="font-weight: 700;">
+                            <a href="https://platform.sh"
+                               rel="external noopener noreferrer"
+                               style="font-weight: 700;"
+                            >Platform.sh</a>
+                        </span>
+                    </span>
+                </p>
+            </div>
+            <div class="col-12 col-xl-3 text-center text-xl-start">
+                <p class="mb-0" style="font-size: 11px; text-transform: uppercase;">
+                    &copy;
+                    <a href="https://symfony.com" style="font-weight: 700;">Symfony</a>
+                    All rights reserved.
+                </p>
+            </div>
+        </div>
+    </div>
+</footer>
diff --git a/ux.symfony.com/templates/_header.html.twig b/ux.symfony.com/templates/_header.html.twig
new file mode 100644
index 00000000000..c2d97f9ea3a
--- /dev/null
+++ b/ux.symfony.com/templates/_header.html.twig
@@ -0,0 +1,20 @@
+<header class="AppHeader {{ theme is defined ? ('AppHeader--' ~ theme) }}">
+    <nav class="navbar navbar-expand-sm AppNav--white">
+        <div class="container-xxl px-4 px-md-5">
+            <a href="{{ path('app_homepage') }}" class="AppHeader_logo">
+                <span aria-hidden="false">Symfony UX</span>
+            </a>
+            <button class="AppHeader_toggler navbar-toggler collapsed" type="button"
+                    data-bs-toggle="collapse" data-bs-target="#AppNav"
+                    aria-controls="AppNav" aria-expanded="false" aria-label="Toggle navigation"
+            >
+                <twig:Icon name="menu"/>
+            </button>
+            <div class="AppHeader_nav AppNav_menu navbar-collapse collapse" id="AppNav">
+                {% block nav %}
+                    {{ include('_nav.html.twig') }}
+                {% endblock %}
+            </div>
+        </div>
+    </nav>
+</header>
diff --git a/ux.symfony.com/templates/_main_nav.html.twig b/ux.symfony.com/templates/_main_nav.html.twig
deleted file mode 100644
index 6538cda5ed2..00000000000
--- a/ux.symfony.com/templates/_main_nav.html.twig
+++ /dev/null
@@ -1,55 +0,0 @@
-
-<nav class="navbar navbar-expand-lg {{ whiteMode|default ? 'nav-white-mode' }}">
-  <div class="container-fluid">
-    <a href="{{ path('app_homepage') }}" class="logo{{ whiteMode|default ? '-white' }}"></a>
-    <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavToggler" aria-controls="mainNavToggler" aria-expanded="false" aria-label="Toggle navigation">
-        <twig:Icon name="menu" class="{{ whiteMode|default ? 'nav-white-mode' }}" />
-    </button>
-    <div class="navbar-collapse collapse mt-3 mt-lg-0" id="mainNavToggler" style="">
-        <div class="me-auto"></div>
-        {% if withChatIcon|default %}
-            <div class="ms-2 ms-lg-0 px-2 me-4 my-2 my-lg-0" style="background: rgba(255, 255, 255, 0.2);
-                        border-radius: 8px; width: 44px;"
-                        >
-                {{ include('turbo/_chatMessageCount.html.twig') }}
-            </div>
-        {% endif %}
-        <a href="{{ path('app_turbo') }}" class="ms-2 ms-lg-0  my-2 my-lg-0 nav-options me-4">Turbo</a>
-        <div class="dropdown  my-2 my-lg-0">
-            <button
-                class="nav-options me-4 ms-0"
-                id="packages-dropdown-button"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
-            >Packages <twig:Icon name="chevron-down" /></button>
-            <ul class="dropdown-menu" aria-labelledby="packages-dropdown-button">
-                {% for package in twigPackageHelper.topNavPackages %}
-                <li>
-                    <a class="dropdown-item" href="{{ path(package.route) }}">
-                        <div class="d-flex">
-                            <div class="nav-component-img d-flex justify-content-center align-items-center me-2" style="background: {{ package.gradient }}">
-                                <img width="10" height="10" src="{{ asset('images/'~package.imageFilename) }}" alt="Image for the {{ package.humanName }} UX package">
-                            </div>
-                            {{ package.humanName }}
-                        </div>
-
-                    </a>
-                </li>
-                {% endfor %}
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="{{ path('app_all_packages') }}">Browse all Packages</a></li>
-            </ul>
-        </div>
-        <p class="nav-options mb-0 me-4 d-none d-lg-inline">|</p>
-
-        {#
-        TODO: add dark mode
-        <a class="nav-options" href="#">
-        </a>
-        #}
-        <a class=" my-2 my-lg-0 ms-2 ms-lg-0 nav-options" href="https://github.com/symfony/ux" rel="external noopener noreferrer">
-            <twig:Icon name="github" class="nav-options-icon" />
-        </a>
-    </div>
-  </div>
-</nav>
diff --git a/ux.symfony.com/templates/_nav.html.twig b/ux.symfony.com/templates/_nav.html.twig
new file mode 100644
index 00000000000..149f038ab78
--- /dev/null
+++ b/ux.symfony.com/templates/_nav.html.twig
@@ -0,0 +1,46 @@
+{% block menu_items %}
+    <a href="{{ path('app_turbo') }}" class="AppNav_item">Turbo</a>
+    <div class="dropdown">
+        <button
+            class="AppNav_item"
+            id="components-dropdown-button"
+            data-bs-toggle="dropdown"
+            aria-expanded="false"
+        >
+            Packages
+            <twig:Icon name="chevron-down"/>
+        </button>
+        <ul class="dropdown-menu" aria-labelledby="components-dropdown-button">
+            {% for package in twigPackageHelper.topNavPackages %}
+                <li>
+                    <a class="dropdown-item" href="{{ path(package.route) }}">
+                        <div class="d-flex align-items-center">
+                            <div class="nav-component-img d-flex justify-content-center align-items-center me-2"
+                                 style="background: {{ package.color }}">
+                                <img width="10" height="10"
+                                     src="{{ asset('images/'~package.imageFilename) }}"
+                                     alt="Image for the {{ package.humanName }} UX package">
+                            </div>
+                            {{ package.humanName }}
+                        </div>
+                    </a>
+                </li>
+            {% endfor %}
+            <li>
+                <hr class="dropdown-divider">
+            </li>
+            <li>
+                <a class="dropdown-item" href="{{ path('app_all_packages') }}">Browse all Packages</a>
+            </li>
+        </ul>
+    </div>
+    <span class="AppNav_separator" aria-hidden="true"></span>
+    <a class="AppNav_item AppNav_item--icon"
+       href="https://github.com/symfony/ux"
+       rel="external noopener noreferrer"
+    >
+        <twig:Icon name="github"/>
+    </a>
+    <span class="AppNav_separator" aria-hidden="true"></span>
+    <twig:ThemeSwitcher class="AppNav_item AppNav_item--icon" />
+{% endblock %}
diff --git a/ux.symfony.com/templates/base.html.twig b/ux.symfony.com/templates/base.html.twig
index 6a3e2afd218..0f36d3b9561 100644
--- a/ux.symfony.com/templates/base.html.twig
+++ b/ux.symfony.com/templates/base.html.twig
@@ -9,66 +9,45 @@
         <link rel="manifest" href="/site.webmanifest" />
         <link rel="mask-icon" href="https://symfony.com/favicons/safari-pinned-tab.svg" color="#5bbad5">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="color-scheme" content="light dark">
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
         {% block stylesheets %}
             <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:200,400,600|Playfair+Display:400,700i|Space+Mono|Ubuntu:400,700&display=swap">
             {{ ux_controller_link_tags() }}
             <link rel="stylesheet" href="{{ asset('styles/app.scss') }}">
         {% endblock %}
-
         {% block javascripts %}
+            <script>
+                (() => {
+                    const userTheme = localStorage.getItem('user-theme');
+                    const browserTheme = window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light';
+                    const darkMode = (userTheme ?? browserTheme) === 'dark';
+                    document.documentElement.setAttribute('data-bs-theme', darkMode ? 'dark' : 'light');
+                })();
+            </script>
             {{ importmap('app') }}
         {% endblock %}
     </head>
     <body>
-        {% block body %}{% endblock %}
+        {% block body %}
+            <div class="App">
+                {% block header %}
+                    {{ include('_header.html.twig') }}
+                {% endblock %}
+
+                {% block main %}
+                    <main>
+                        {% block content %}
+                        {% endblock %}
+                    </main>
+                {% endblock %}
 
-        <footer>
-            <div class="container-fluid container-xxl py-5 px-lg-5">
-                <div class="row" style="--bs-gutter-x: 0;">
-                    <div class="col-12 col-xl-3 order-xl-3 text-center text-xl-end">
-                        <a href="https://github.com/symfony/ux" rel="external noopener noreferrer"
-                           style="color: #0A0A0A; font-size: 1.5rem;">
-                            <twig:Icon name="github" />
-                        </a>
-                        <a href="https://symfony.com" rel="external noopener noreferrer"
-                           style="color: #0A0A0A; font-size: 1.5rem;">
-                            <twig:Icon name="symfony" />
-                        </a>
-                    </div>
-                    <div class="col-12 col-xl-6 order-xl-2">
-                        <p class="mb-xl-0 mt-3 mt-xl-0 text-center" style="font-size: 12px; text-transform: uppercase;">
-                            <span class="d-block d-md-inline">
-                                crafted by
-                                <a href="https://symfonycasts.com"
-                                   rel="external noopener noreferrer"
-                                   style="font-weight: 700;"
-                                >SymfonyCasts</a>
-                                &amp;
-                                <a href="https://locastic.com"
-                                   rel="external noopener noreferrer"
-                                   style="font-weight: 700;"
-                                >Locastic</a><span class="d-none d-md-inline">,</span>
-                            </span>
-                            <span class="d-block d-md-inline">
-                                hosted with
-                                <span style="font-weight: 700;">
-                                    <a href="https://platform.sh"
-                                       rel="external noopener noreferrer"
-                                       style="font-weight: 700;"
-                                    >Platform.sh</a>
-                                </span>
-                            </span>
-                        </p>
-                    </div>
-                    <div class="col-12 col-xl-3 text-center text-xl-start">
-                        <p class="mb-0" style="font-size: 11px; text-transform: uppercase;">
-                            &copy;
-                            <a href="https://symfony.com" style="font-weight: 700;">Symfony</a>
-                            All rights reserved.
-                        </p>
-                    </div>
-                </div>
+                {% block aside %}{% endblock %}
+
+                {% block footer %}
+                    {{ include('_footer.html.twig') }}
+                {% endblock %}
             </div>
-        </footer>
+        {% endblock %}
     </body>
 </html>
diff --git a/ux.symfony.com/templates/bundles/TwigBundle/Exception/error.html.twig b/ux.symfony.com/templates/bundles/TwigBundle/Exception/error.html.twig
new file mode 100644
index 00000000000..80877f31e61
--- /dev/null
+++ b/ux.symfony.com/templates/bundles/TwigBundle/Exception/error.html.twig
@@ -0,0 +1,29 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Error {{ status_code }} - Symfony UX{% endblock %}
+
+{% block header %}
+    <header class="AppHeader">
+        <nav class="navbar">
+            <div class="container-xxl px-4 px-md-5">
+                <a href="{{ url('app_homepage') }}" class="AppHeader_logo">
+                    <span aria-hidden="false">Symfony UX</span>
+                </a>
+                <twig:ThemeSwitcher class="AppNav_item AppNav_item--icon"/>
+            </div>
+        </nav>
+    </header>
+{% endblock %}
+
+{% block main %}
+    <main style="display: grid; place-content: center;text-align: center;" >
+        <div class="d-flex flex-column align-items-center position-relative" style="gap:.5rem;">
+            <span class="eyebrows" style="font-size: 1rem;">Error</span>
+            <h1 class="ubuntu" style="font-size: calc(6rem + 10vw); line-height: .75;letter-spacing: -.5rem;">{{ status_code }}</h1>
+            <p class="hero-sub-text">{{ status_text }}</p>
+            <a class="btn btn-outline-primary stretched-link" href="{{ url('app_homepage') }}">Back to the homepage</a>
+        </div>
+    </main>
+{% endblock %}
+
+{% block footer %}{% endblock %}
diff --git a/ux.symfony.com/templates/components/CodeBlock.html.twig b/ux.symfony.com/templates/components/CodeBlock.html.twig
index 481297f8478..82b8c06ee36 100644
--- a/ux.symfony.com/templates/components/CodeBlock.html.twig
+++ b/ux.symfony.com/templates/components/CodeBlock.html.twig
@@ -1,10 +1,10 @@
 <div {{ attributes.defaults({
-    class: this.classString,
+    class: 'Terminal ' ~ this.classString,
 }) }}>
     {% if showFilename %}
-        <div class="py-2 ps-4 pe-2 mb-0 d-flex justify-content-between align-items-center">
-            <a id="{{ this.elementId }}" href="#{{ this.elementId }}" class="filename-header">{{ filename }}</a>
-            <div>
+        <div class="Terminal_header py-2 ps-4 pe-2 mb-0 d-flex justify-content-between align-items-center">
+            <a id="{{ this.elementId }}" href="#{{ this.elementId }}" class="Terminal_title">{{ filename }}</a>
+            <div class="Terminal_actions">
                 {{ include('partials/code-block-buttons.html.twig', {
                     source: this.rawSource,
                     link: this.githubLink,
@@ -12,20 +12,18 @@
             </div>
         </div>
     {% endif %}
-    <div class="terminal-body" {{ stimulus_controller('code-expander')}} style="position: relative">
+    <div class="Terminal_body" {{ stimulus_controller('code-expander')}}>
         {% if not showFilename %}
-            {{ include('partials/code-block-buttons.html.twig', {
-                source: this.rawSource,
-                link: this.githubLink,
-            }) }}
+            <div class="Terminal_actions">
+                {{ include('partials/code-block-buttons.html.twig', {
+                    source: this.rawSource,
+                    link: this.githubLink,
+                }) }}
+            </div>
         {% endif %}
-        <pre
-            class="py-2 ps-4"
-            style="height: {{ height }}; overflow: auto;"
-            {{ stimulus_target('code-expander', 'codeContent') }}
-        >
+        <pre style="height: {{ height }};" {{ stimulus_target('code-expander', 'codeContent') }}><code>
             {{- this.highlightSource()|raw -}}
-        </pre>
+        </code></pre>
 
         {% block code_content_bottom %}
             <button
diff --git a/ux.symfony.com/templates/components/DocsLink.html.twig b/ux.symfony.com/templates/components/DocsLink.html.twig
index d9967504906..2bd425b1e24 100644
--- a/ux.symfony.com/templates/components/DocsLink.html.twig
+++ b/ux.symfony.com/templates/components/DocsLink.html.twig
@@ -1,16 +1,15 @@
-<a
-    {{ attributes.defaults({
-        href: url,
-        rel: isExternal ? 'external noopener noreferrer',
-    }) }}
->
-    <div class="light-container p-4">
-        <p class="ubuntu-header">
-            {{ title }}
+<div {{ attributes.defaults({ class: 'DocsLink' }) }}>
+    <div class="DocsLink_content">
+        <p class="DocsLink_title ubuntu-header">
+            <a href="{{ url }}" class="DocsLink_link"
+               rel="{{ isExternal ? 'external noopened noreferrer' }}"
+            >{{ title }}</a>
             {% if isExternal %}
-                <twig:Icon name="arrow-right" style="transform: rotate(-45deg);" />
+                <twig:Icon name="arrow-right" style="transform: rotate(-45deg);" class="DocsLink_arrow"/>
             {% endif %}
         </p>
-        <p>{{ text }}</p>
+        <div class="DocsLink_description">
+            <p>{{ text }}</p>
+        </div>
     </div>
-</a>
+</div>
diff --git a/ux.symfony.com/templates/components/PackageBox.html.twig b/ux.symfony.com/templates/components/PackageBox.html.twig
index 7a2375b6eb0..69a6c8ac736 100644
--- a/ux.symfony.com/templates/components/PackageBox.html.twig
+++ b/ux.symfony.com/templates/components/PackageBox.html.twig
@@ -1,4 +1,4 @@
-<div class="PackageBox" style="--gradient: {{ package.gradient }};">
+<div class="PackageBox" style="--gradient: {{ package.gradient }};--color: {{ package.color }};">
 
     <div class="PackageBox_logo">
         <img width="36" height="36" src="{{ asset('images/'~package.imageFilename) }}"
diff --git a/ux.symfony.com/templates/components/PackageHeader.html.twig b/ux.symfony.com/templates/components/PackageHeader.html.twig
index 3f77afe2b6f..f8320d6b6cb 100644
--- a/ux.symfony.com/templates/components/PackageHeader.html.twig
+++ b/ux.symfony.com/templates/components/PackageHeader.html.twig
@@ -1,10 +1,6 @@
-<div class="mb-5" style="background: {{ package.gradient }};">
-    <div class="container-fluid container-xxl px-5 pt-5 position-relative">
-        {{ include('_main_nav.html.twig', {
-            whiteMode: true,
-            withChatIcon: withChatIcon,
-            messageCount: withChatIcon ? this.messageCount : 0
-        }) }}
+<div class="PackageHeader mb-5" style="background: {{ package.gradient }}, {{ package.color }};">
+    <div class="container-fluid container-xxl px-4 pt-4 px-md-5 pt-md-5 position-relative">
+
         <p class="eyebrows text-center font-white mt-5" style="opacity: 0.6;">{{ eyebrowText|raw }}</p>
 
         <h1 class="ubuntu text-center font-white">{% block title_header %}{% endblock %}</h1>
@@ -14,13 +10,14 @@
                 {% block sub_content %}{% endblock %}
             </p>
         </div>
-        <div class="d-flex justify-content-center">
-            <pre
-                {{ stimulus_controller('clipboard') }}
-                class="install-terminal-header-container p-2 font-white"
-            ><input readonly aria-label="The package's composer installation command"
-                    size="{{ (package.composerRequireCommand|length) }}" {{ stimulus_target('clipboard', 'source') }} value="{{ package.composerRequireCommand }}"
-                ><div class="d-inline ms-2 p-2" style="background: #5920A0; border-radius: 5px;"><button type="button" {{ stimulus_action('clipboard', 'copy') }}><twig:Icon name="copy" /></button></div></pre>
+
+        <div class="d-flex justify-content-center ">
+            <twig:TerminalCommand
+                aria-label="The package's composer installation command"
+                command="{{ package.composerRequireCommand }}"
+                style="--color-accent: {{ package.color }}; transform: translateY(50%);"
+            />
         </div>
+
     </div>
 </div>
diff --git a/ux.symfony.com/templates/components/TabbedCodeBlocks.html.twig b/ux.symfony.com/templates/components/TabbedCodeBlocks.html.twig
index 31c26adbc0a..caca8ff9fb6 100644
--- a/ux.symfony.com/templates/components/TabbedCodeBlocks.html.twig
+++ b/ux.symfony.com/templates/components/TabbedCodeBlocks.html.twig
@@ -1,26 +1,28 @@
 <div {{ attributes.defaults({
     class: 'position-relative'
 }) }}>
-    <div class="terminal-code">
-        <ul class="nav nav-tabs">
-            {# set this in the child template #}
-            {% for filename in files %}
-                <li class="nav-item" role="presentation">
-                  <button class="nav-link {{ loop.first ? 'active' }}" data-bs-toggle="tab" data-bs-target="#{{ this.getItemId(filename) }}" type="button" role="tab" aria-controls="{{ this.getItemId(filename) }}" aria-selected="{{ loop.first ? 'true' : 'false' }}">{{ filename }}</button>
-                </li>
-            {% endfor %}
-        </ul>
-        <div class="tab-content" >
+    <div class="Terminal">
+        <div class="Terminal_header pb-0">
+            <ul class="nav nav-tabs">
+                {# set this in the child template #}
+                {% for filename in files %}
+                    <li class="nav-item" role="presentation">
+                        <button
+                            class="nav-link {{ loop.first ? 'active' }}"
+                            data-bs-toggle="tab"
+                            data-bs-target="#{{ this.getItemId(filename) }}"
+                            type="button" role="tab"
+                            aria-controls="{{ this.getItemId(filename) }}"
+                            aria-selected="{{ loop.first ? 'true' : 'false' }}"
+                        >{{ filename }}</button>
+                    </li>
+                {% endfor %}
+            </ul>
+        </div>
+        <div class="tab-content">
             {% for filename in files %}
-                <div
-                    class="tab-pane {{ loop.first ? 'active show' }}"
-                    id="{{ this.getItemId(filename) }}"
-                >
-                    <twig:CodeBlock
-                        filename="{{ filename }}"
-                        :showFilename="false"
-                        height="auto"
-                    />
+                <div class="tab-pane {{ loop.first ? 'active show' }}" id="{{ this.getItemId(filename) }}">
+                    <twig:CodeBlock filename="{{ filename }}" :showFilename="false" height="auto" />
                 </div>
             {% endfor %}
         </div>
diff --git a/ux.symfony.com/templates/components/Terminal.html.twig b/ux.symfony.com/templates/components/Terminal.html.twig
index e64d2d78b7d..08ac55afcb5 100644
--- a/ux.symfony.com/templates/components/Terminal.html.twig
+++ b/ux.symfony.com/templates/components/Terminal.html.twig
@@ -1,12 +1,16 @@
 <div {{ attributes.defaults({
-    class: 'terminal-wrapper',
+    class: 'Terminal',
 }) }}>
-    <div class="terminal-controls">
-        <span class="red"></span>
-        <span class="yellow"></span>
-        <span class="green"></span>
+    <div class="Terminal_header">
+        <div class="Terminal_controls">
+            <span class="red"></span>
+            <span class="yellow"></span>
+            <span class="green"></span>
+        </div>
+    </div>
+    <div class="Terminal_body">
+        <pre class="Terminal_content ps-4 pt-3" style="padding-bottom: {{ bottomPadding }}px; height: {{ height }}">
+            {{- this.process(block('content'))|raw -}}
+        </pre>
     </div>
-    <pre class="terminal-body ps-4 pt-3" style="padding-bottom: {{ bottomPadding }}px; height: {{ height }}">
-        {{- this.process(block('content'))|raw -}}
-    </pre>
 </div>
diff --git a/ux.symfony.com/templates/components/TerminalCommand.html.twig b/ux.symfony.com/templates/components/TerminalCommand.html.twig
new file mode 100644
index 00000000000..adccd69260a
--- /dev/null
+++ b/ux.symfony.com/templates/components/TerminalCommand.html.twig
@@ -0,0 +1,13 @@
+<div {{ attributes.defaults({class: 'TerminalCommand'}).defaults(stimulus_controller('clipboard')) }}>
+    <input
+        class="TerminalCommand_input"
+        aria-label="{{ label|default }}"
+        size="{{ command|length }}"
+        value="{{ command }}"
+        {{ stimulus_target('clipboard', 'source') }}
+        readonly
+    >
+    <button type="button" class="TerminalCommand_action btn btn-copy" {{ stimulus_action('clipboard', 'copy') }}>
+        <twig:Icon name="copy"/>
+    </button>
+</div>
diff --git a/ux.symfony.com/templates/components/ThemeSwitcher.html.twig b/ux.symfony.com/templates/components/ThemeSwitcher.html.twig
new file mode 100644
index 00000000000..6b9a4c7f190
--- /dev/null
+++ b/ux.symfony.com/templates/components/ThemeSwitcher.html.twig
@@ -0,0 +1,10 @@
+<button {{ attributes.defaults({
+    class: "ThemeSwitcher",
+    type: "button",
+}) }}
+    data-controller="theme-switcher"
+    data-action="theme-switcher#switch"
+>
+    <twig:Icon name="theme-light" />
+    <twig:Icon name="theme-dark" />
+</button>
diff --git a/ux.symfony.com/templates/components/TodoListForm.html.twig b/ux.symfony.com/templates/components/TodoListForm.html.twig
index 885861ac41f..0d31d7c671f 100644
--- a/ux.symfony.com/templates/components/TodoListForm.html.twig
+++ b/ux.symfony.com/templates/components/TodoListForm.html.twig
@@ -26,12 +26,12 @@
                         <td>
                             {{ form_row(itemForm.description, {
                                 label: false,
+                                row_attr: {class: 'mb-1'},
                                 attr: {
                                     placeholder: 'Walk the pygmy hippo'
                                 }
                             }) }}
                         </td>
-
                         <td>
                             {{ form_row(itemForm.priority, {
                                 row_attr: {class: ''},
diff --git a/ux.symfony.com/templates/cropper/cropper.html.twig b/ux.symfony.com/templates/cropper/cropper.html.twig
index b3cd35bff94..cddb4bd837a 100644
--- a/ux.symfony.com/templates/cropper/cropper.html.twig
+++ b/ux.symfony.com/templates/cropper/cropper.html.twig
@@ -37,7 +37,7 @@
         <div class="row">
             <div class="col-9">{{ form_widget(form) }}</div>
             <div class="col-3">
-                <div id="cropper-preview"></div>
+                <div id="cropper-preview" style="overflow: hidden;width: 200px;height: 200px;"></div>
             </div>
         </div>
             <button type="submit" class="btn btn-dark mt-5" style="width: 100%;">Crop it!</button>
diff --git a/ux.symfony.com/templates/liveDemoBase.html.twig b/ux.symfony.com/templates/liveDemoBase.html.twig
index 56199e33457..991772d3a19 100644
--- a/ux.symfony.com/templates/liveDemoBase.html.twig
+++ b/ux.symfony.com/templates/liveDemoBase.html.twig
@@ -2,49 +2,57 @@
 
 {% block title %}{{ demo.name }} Demo | Live Components{% endblock %}
 
-{% block body %}
-<div style="background-color: #272727;">
-    <div class="container-fluid container-xxl px-5 py-4" >
-        <div class="d-md-flex justify-content-md-between text-center text-md-start">
-            <a href="{{ path('app_live_component') }}#demos" style="height:100%;" class="btn btn-outline-light align-self-center">
-                <twig:Icon name="arrow-left" />
-                Back to all demos
-            </a>
-            <div class="font-white text-center mt-4 mt-md-0"><span class="eyebrows">DEMO</span><br><h1 class="inter">{{ demo.name }}</h1></div>
-            <a href="{{ path('app_homepage') }}" class="logo-white d-none d-md-inline align-self-center"></a>
+{% block header %}
+    <header style="">
+        <div class="container-fluid container-xxl px-5 py-4" >
+            <div class="d-md-flex justify-content-md-between text-center text-md-start align-items-center">
+                <a href="{{ path('app_live_component') }}#demos" style="height:100%;" class="btn btn-outline-primary align-self-center">
+                    <twig:Icon name="arrow-left" />
+                    Back to all demos
+                </a>
+                <twig:ThemeSwitcher />
+            </div>
         </div>
-    </div>
-</div>
+    </header>
+{% endblock %}
 
-    {% for message in app.flashes('live_demo_success') %}
-        <div class="container-fluid container-xxl alert alert-success" data-turbo-cache="false">{{ message }}</div>
-    {% endfor %}
+{% block content %}
 
-    <div class="container-fluid container-xxl px-5 pt-5">
+    <div class="container-fluid container-xxl px-4 px-md-5 mb-5">
+        <div class="text-center mt-md-0">
+            <span class="eyebrows">DEMO</span>
+            <h1 class="ubuntu text-center">{{ demo.name }}</h1>
+            <div style="font-size: 1rem; line-height: 1.75rem;" class="mt-4">
+                {{ demo.longDescription|markdown_to_html }}
+            </div>
+        </div>
+    </div>
 
-        <section style="color: rgb(100 116 139); font-size: 14px; line-height: 1.75rem;" class="mb-2">
-            {{ demo.longDescription|markdown_to_html }}
-        </section>
+    <div class="container-fluid container-xxl px-4 px-md-5">
+        {% for message in app.flashes('live_demo_success') %}
+            <div class="alert alert-success" data-turbo-cache="false">{{ message }}</div>
+        {% endfor %}
+    </div>
 
+    <div class="container-fluid container-xxl px-4 pt-4 px-md-5 pt-md-5 mb-5">
         <div class="mb-3" style="position: relative;">
-            <div class="p-4 markdown-container rainbow-gradient" id="demo">
+            <div class="p-4 markdown-container bg-body shadow-blur shadow-blur--rainbow" id="demo">
                 {% block demo_content %}{% endblock %}
             </div>
-
             <div class="arrow-2 mb-3 d-sm-block" style="position:absolute; bottom: 0; left: 0; transform: scaleX(-1) translateY(70px) translateX(20px)"></div>
         </div>
 
         {% block code_block_full %}
-        <div class="arrow mb-3 d-none d-md-block"></div>
-
-        <div class="row mb-5">
-            <div class="col-12 col-md-6">
-                {% block code_block_left %}{% endblock %}
+            <div class="arrow mb-3 d-none d-md-block"></div>
+            <div class="row mb-5">
+                <div class="col-12 col-md-6">
+                    {% block code_block_left %}{% endblock %}
+                </div>
+                <div class="col-12 col-md-6 mt-3 mt-md-0">
+                    {% block code_block_right %}{% endblock %}
+                </div>
             </div>
-            <div class="col-12 col-md-6 mt-3 mt-md-0">
-                {% block code_block_right %}{% endblock %}
-            </div>
-        </div>
         {% endblock %}
     </div>
+
 {% endblock %}
diff --git a/ux.symfony.com/templates/live_component/live_component.html.twig b/ux.symfony.com/templates/live_component/live_component.html.twig
index 3186b119943..2837b964327 100644
--- a/ux.symfony.com/templates/live_component/live_component.html.twig
+++ b/ux.symfony.com/templates/live_component/live_component.html.twig
@@ -43,10 +43,11 @@
 {% block documentation_links %}{% endblock %}
 
 {% block package_bottom %}
+
     <h2 class="eyebrows mt-5" id="demos">Live Component Demos</h2>
-    <div class="d-md-flex justify-content-md-between text-center text-md-start">
+    <div class="d-md-flex justify-content-md-between text-center align-items-center text-md-start">
         <h2 class="ubuntu pt-2 component-headlines">Find out what else you can <span style="color: #AE5929;">build</span></h2>
-        <a style="height: 100%;" class="btn btn-md btn-outline-dark my-3 my-md-0"
+        <a style="height: 100%;" class="btn btn-md btn-outline-primary my-3 my-md-0"
            href="https://symfony.com/bundles/ux-live-component/current/index.html">
             Read full Documentation
             <twig:Icon name="arrow-right" style="transform: rotate(-45deg);"/>
@@ -54,20 +55,25 @@
     </div>
 
     <div class="row mt-5 pb-5">
-        {% for demo in demos %}
-            <div class="col-12 col-sm-6 col-md-4 mt-3">
-                <a href="{{ path(demo.route) }}">
+        <div style="display: grid; gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));">
+            {% for demo in demos %}
+                <div class="demo-box position-relative" style="display: flex;flex-direction: column;">
                     <div class="demo-container text-center" style="height: 180px; overflow: hidden">
-                        <img src="{{ asset(demo.screenshotFilename) }}" style="border-top-left-radius: 12px; border-top-right-radius: 12px; height: 100%;" alt="Screenshot of the {{ demo.name }} demo">
+                        <img src="{{ asset(demo.screenshotFilename) }}"
+                             class="img-dark-negative"
+                             style="border-top-left-radius: 12px; border-top-right-radius: 12px; height: 100%;"
+                             alt="Screenshot of the {{ demo.name }} demo">
                     </div>
-                    <div class="demo-container-inner p-3">
-                        <h4 class="ubuntu">{{ demo.name }}</h4>
+                    <div class="demo-container-inner p-3" style="flex: 1 auto;">
+                        <h4 class="ubuntu">
+                            <a href="{{ path(demo.route) }}" class="stretched-link">{{ demo.name }}</a>
+                        </h4>
                         <div>
                             {{ demo.description }}
                         </div>
                     </div>
-                </a>
-            </div>
-        {% endfor %}
+                </div>
+            {% endfor %}
+        </div>
     </div>
 {% endblock %}
diff --git a/ux.symfony.com/templates/main/_documentationLinks.html.twig b/ux.symfony.com/templates/main/_documentationLinks.html.twig
index bf74336fc66..ffdeb4f8112 100644
--- a/ux.symfony.com/templates/main/_documentationLinks.html.twig
+++ b/ux.symfony.com/templates/main/_documentationLinks.html.twig
@@ -1,33 +1,25 @@
-<div style="background-color: #F2F2F2;">
-    <div class="container-fluid container-xxl mt-5 p-5">
-        <div class="row">
-            <div class="col-12 col-sm-6 col-md-4">
-                {{ component('DocsLink', {
-                    url: package.officialDocsUrl,
-                    title: 'Symfony UX '~package.humanName~' Docs',
-                    text: 'Get going with the official documentation.'
-                }) }}
-            </div>
-
+<aside style="background-color: var(--bs-secondary-bg-subtle);" class="mt-5">
+    <div class="container-fluid container-xxl p-4 p-md-5">
+        <div style="display: grid; gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));">
+            <twig:DocsLink
+                    url="{{ package.officialDocsUrl }}"
+                    title="Symfony UX {{ package.humanName }} Docs"
+                    text="Get going with the official documentation."
+            />
             {% if package.screencastLink %}
-                <div class="col-12 col-sm-6 col-md-4 mt-3 mt-md-0">
-                    {{ component('DocsLink', {
-                        url: package.screencastLink,
-                        title: 'Screencasts',
-                        text: package.screencastLinkText
-                    }) }}
-                </div>
+                <twig:DocsLink
+                        title="Screencasts"
+                        text="{{ package.screencastLinkText }}"
+                        url="{{ package.screencastLink }}"
+                />
             {% endif %}
-
             {% if package.docsLink %}
-                <div class="col-12 col-sm-6 col-md-4 mt-3 mt-md-0">
-                    {{ component('DocsLink', {
-                        url: package.docsLink,
-                        title: 'Related Docs',
-                        text: package.docsLinkText
-                    }) }}
-                </div>
+                <twig:DocsLink
+                        url="{{ package.docsLink }}"
+                        title="Related Docs"
+                        text="{{ package.docsLinkText }}"
+                />
             {% endif %}
         </div>
     </div>
-</div>
+</aside>
diff --git a/ux.symfony.com/templates/main/_fileTreeLevel.html.twig b/ux.symfony.com/templates/main/_fileTreeLevel.html.twig
index d1d16ab19c2..13dbfe53337 100644
--- a/ux.symfony.com/templates/main/_fileTreeLevel.html.twig
+++ b/ux.symfony.com/templates/main/_fileTreeLevel.html.twig
@@ -1,6 +1,6 @@
 {% macro summaryAttributes(description) %}
     {% if description %}
-        data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="right" title="{{ description|e('html_attr') }}"
+        data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="auto"  title="{{ description|e('html_attr') }}"
     {% endif %}
 {% endmacro %}
 
diff --git a/ux.symfony.com/templates/main/_installTerminal.html.twig b/ux.symfony.com/templates/main/_installTerminal.html.twig
index 077d5076445..b2c19bbe872 100644
--- a/ux.symfony.com/templates/main/_installTerminal.html.twig
+++ b/ux.symfony.com/templates/main/_installTerminal.html.twig
@@ -1,12 +1,14 @@
-<h2 class="ubuntu text-center mt-5">Install It</h2>
-<div class="d-flex justify-content-center mt-5">
-    <div class="col-12 col-md-6">
-        {% component Terminal with { bottomPadding: 20 } %}
-            {% block content %}
-                composer require {{ package.composerName }}
-                npm install --force
-                npm run watch
-            {% endblock %}
-        {% endcomponent %}
+<div>
+    <h2 class="ubuntu text-center mt-5">Install It</h2>
+    <div class="d-flex justify-content-center mt-5">
+        <div class="col-12 col-md-6">
+            {% component Terminal with { bottomPadding: 20 } %}
+                {% block content %}
+                    composer require {{ package.composerName }}
+                    npm install --force
+                    npm run watch
+                {% endblock %}
+            {% endcomponent %}
+        </div>
     </div>
 </div>
diff --git a/ux.symfony.com/templates/main/_package_in_list.html.twig b/ux.symfony.com/templates/main/_package_in_list.html.twig
index 2553e485b0e..6c5efd381c2 100644
--- a/ux.symfony.com/templates/main/_package_in_list.html.twig
+++ b/ux.symfony.com/templates/main/_package_in_list.html.twig
@@ -1,7 +1,7 @@
 <a href="{{ path(package.route) }}" class="col-12 col-md-4 col-lg-3 mb-2">
     <div class="components-container p-2">
         <div class="d-flex">
-            <div class="live-component-img d-flex justify-content-center align-items-center" style="background: {{ package.gradient }}">
+            <div class="live-component-img d-flex justify-content-center align-items-center" style="background: {{ package.gradient }}, {{ package.color }}">
                 <img width="17px" height="17px" src="{{ asset('images/'~package.imageFilename) }}" alt="Image for the {{ package.humanName }} UX package">
             </div>
             <h4 class="ubuntu-title ps-2 align-self-center">{{ package.humanName }}</h4>
diff --git a/ux.symfony.com/templates/main/_packagesList.html.twig b/ux.symfony.com/templates/main/_packagesList.html.twig
index 047ea578a27..e1df6ff1267 100644
--- a/ux.symfony.com/templates/main/_packagesList.html.twig
+++ b/ux.symfony.com/templates/main/_packagesList.html.twig
@@ -1,4 +1,5 @@
-<div class="" style="display: grid; gap: 2rem;  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));">
+
+<div style="display: grid; gap: 3rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));">
     {% for package in packages %}
         <twig:PackageBox :package="package" />
     {% endfor %}
diff --git a/ux.symfony.com/templates/main/_testimonials.html.twig b/ux.symfony.com/templates/main/_testimonials.html.twig
deleted file mode 100644
index fddb0998030..00000000000
--- a/ux.symfony.com/templates/main/_testimonials.html.twig
+++ /dev/null
@@ -1,64 +0,0 @@
-<h1 class="ubuntu mb-5" style="text-align: center; margin-top: 106px;">Making life easier for <br>developers worldwide</h1>
-<div class="row">
-    <div class="col-12 col-md-6">
-        <div class="testimonial-container">
-            <div class="comment">
-                “Sed nunc, viverra euismod est lacus. Eget amet nun diam nec feugiat Sed nunc imperdiet amet. Sed nunc, viverra euismod est lacus. Sed nunc, viverra euismod est lacus.
-            </div>
-            <div class="d-flex justify-content-between mt-5">
-                <div>
-                    <div class="d-flex justify-content-start">
-                        <img src="https://via.placeholder.com/50x50" class="testimonial-img">
-                        <div class="ps-3"><span style="font-weight: bold;">Jamie Gullen</span> <br> Co-founder at Acme</div>
-                    </div>
-                </div>
-                <div>
-                    {# <twig:Icon name="twitter" class="icon-testimonial" />  #}
-                    <twig:Icon name="x" class="icon-testimonial" />
-                    <twig:Icon name="github" class="icon-testimonial" />
-                </div>
-
-            </div>
-        </div>
-        <div class="testimonial-container mt-4">
-            <div class="comment">
-                “Sed nunc, viverra euismod est lacus. Eget amet nun diam nec feugiat Sed nunc imperdiet amet. Sed nunc, viverra euismod est lacus. Sed nunc, viverra euismod est lacus.
-            </div>
-            <div class="d-flex justify-content-between mt-5">
-                <div>
-                    <div class="d-flex justify-content-start">
-                        <img src="https://via.placeholder.com/50x50" class="testimonial-img">
-                        <div class="ps-3"><span style="font-weight: bold;">Jamie Gullen</span> <br> Co-founder at Acme</div>
-                    </div>
-                </div>
-                <div>
-                    {# <twig:Icon name="twitter" class="icon-testimonial" />  #}
-                    <twig:Icon name="x" class="icon-testimonial" />
-                    <twig:Icon name="github" class="icon-testimonial" />
-                </div>
-
-            </div>
-        </div>
-    </div>
-    <div class="col-12 col-md-6">
-        <div class="testimonial-container">
-            <div class="comment  testimonial-large">
-                “Sed nunc, viverra euismod est lacus. Eget amet nun diam nec feugiat Sed nunc imperdiet amet. Sed nunc, viverra euismod est lacus. Sed nunc, viverra euismod est lacus.
-            </div>
-            <div class="d-flex justify-content-between mt-5">
-                <div>
-                    <div class="d-flex justify-content-start">
-                        <img src="https://via.placeholder.com/50x50" class="testimonial-img">
-                        <div class="ps-3"><span style="font-weight: bold;">Jamie Gullen</span> <br> Co-founder at Acme</div>
-                    </div>
-                </div>
-                <div>
-                    {# <twig:Icon name="twitter" class="icon-testimonial" />  #}
-                    <twig:Icon name="x" class="icon-testimonial" />
-                    <twig:Icon name="github" class="icon-testimonial" />
-                </div>
-
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/ux.symfony.com/templates/main/homepage.html.twig b/ux.symfony.com/templates/main/homepage.html.twig
index 66e88944ca4..7441797bd46 100644
--- a/ux.symfony.com/templates/main/homepage.html.twig
+++ b/ux.symfony.com/templates/main/homepage.html.twig
@@ -1,21 +1,23 @@
 {% extends 'base.html.twig' %}
 
-{% block body %}
-<div class="container-fluid container-xxl px-5 pt-5 hero-background">
-    {{ include('_main_nav.html.twig') }}
-    <div class="row justify-content-center g-5 pt-3 mt-2">
-      <div class="col-12 text-center text-lg-start col-lg-6">
-        <span class="eyebrows">curated by symfony</span>
-        <h1 class="ubuntu my-3">JavaScript <span class="hero">tools</span> you can't live without.</h1>
-        <p>A set of PHP & JavaScript packages to solve every day frontend problems featuring Stimulus and Turbo.</p>
-      </div>
-      <div class="col-12 col-sm-8 col-lg-6">
-          {{ component('HomepageTerminalSwapper') }}
-      </div>
+{% block content %}
+<div class="hero hero-background">
+    <div class="container-fluid container-xxl px-4 py-4 px-md-5 py-md-5">
+
+        <div class="row justify-content-center g-5 pt-3 mt-2">
+          <div class="col-12 text-center text-lg-start col-lg-6">
+            <span class="eyebrows">curated by symfony</span>
+            <h1 class="ubuntu my-3">JavaScript <em class="rainbow-emphasis">tools</em> you can't live without.</h1>
+            <p>A set of PHP &amp; JavaScript packages to solve every day frontend problems featuring Stimulus and Turbo.</p>
+          </div>
+          <div class="col-12 col-sm-10 col-md-8 col-lg-6">
+              {{ component('HomepageTerminalSwapper', {class: 'shadow-blur shadow-blur--rainbow', style: '--shadow-bottom: 2rem;'}) }}
+          </div>
+        </div>
     </div>
 </div>
 
-<div class="container-fluid container-xxl px-5 py-5">
+<div class="container-fluid container-xxl px-4 py-4 px-md-5 py-md-5">
     <h2 class="ubuntu">Install it</h2>
 
     <div class="arrow mb-3 d-none d-md-block"></div>
@@ -32,7 +34,7 @@
         </div>
 
         <div class="col-12 col-md-6 mt-3 mt-md-0">
-            <div {{ stimulus_controller('tooltips')}} class="ux-container file-tree flex-grow-1 ms-2 py-3 pe-5">
+            <div {{ stimulus_controller('tooltips') }} class="ux-container file-tree flex-grow-1 ms-2 py-3">
                 <div style="height: 185px; overflow: auto;">
                     <ul class="list-unstyled file-tree-main">
                         {{ include('main/_fileTreeLevel.html.twig', {
@@ -45,9 +47,9 @@
     </div>
 
     <p class="eyebrows" style="margin-top: 70px;">Stimulus Controllers</p>
-    <div class="d-md-flex justify-content-md-between text-center text-md-start">
-        <h2 class="ubuntu pt-2 component-headlines">Write custom JavaScript inside <span class="hero">Stimulus Controllers</span></h2>
-        <a style="height: 100%;" class="btn btn-md btn-outline-dark my-3 my-md-0" href="https://symfony.com/doc/current/frontend/ux.html">
+    <div class="d-md-flex justify-content-md-between align-items-center text-center text-md-start">
+        <h2 class="ubuntu pt-2 component-headlines">Write custom JavaScript inside <em class="rainbow-emphasis">Stimulus Controllers</em></h2>
+        <a style="height: 100%;" class="btn btn-md btn-outline-primary my-3 my-md-0" href="https://symfony.com/doc/current/frontend/ux.html">
             Read full Documentation
             <twig:Icon name="arrow-right" style="transform: rotate(-45deg);"/>
         </a>
@@ -72,29 +74,29 @@
     </div>
 
     {% block markdown_example %}
-    <div class="p-4 markdown-container rainbow-gradient mt-5 row" {{ stimulus_controller('markdown') }}>
-        <div class="col-12 col-md-5">
-            <textarea rows="3" class="form-control" aria-label="Type markdown into this box"
-                {{ stimulus_target('markdown', 'input') }}
-            >Writing JavaScript is a **dream** with Stimulus 🤩</textarea>
-        </div>
-        <div class="col-12 col-md-2 text-center">
-            <button class="btn btn-sm btn-dark mt-3" {{ stimulus_action('markdown', 'render') }}>
-                Convert <twig:Icon name="arrow-right" />
-            </button>
-        </div>
-        <div class="col-12 col-md-5 mt-3 mt-md-0">
-            <div style="min-height: 86px;" class="markdown-form-render-container p-2" {{ stimulus_target('markdown', 'preview') }} >
-                <small class="fw-light">(click "Convert")</small>
+        <div class="p-4 markdown-container background-glass shadow-blur shadow-blur--rainbow  mt-5 row" {{ stimulus_controller('markdown') }}>
+            <div class="col-12 col-md-5">
+                <textarea rows="3" class="form-control" aria-label="Type markdown into this box"
+                    {{ stimulus_target('markdown', 'input') }}
+                >Writing JavaScript is a **dream** with Stimulus 🤩</textarea>
+            </div>
+            <div class="col-12 col-md-2 d-flex justify-content-center align-items-center py-3">
+                <button class="btn btn-dark"
+                    {{ stimulus_action('markdown', 'render') }}
+                >Convert <twig:Icon name="arrow-right"/></button>
+            </div>
+            <div class="col-12 col-md-5">
+                <div style="min-height: 86px;" class="markdown-form-render-container p-2" {{ stimulus_target('markdown', 'preview') }} >
+                    <small class="fw-light">(click "Convert")</small>
+                </div>
             </div>
         </div>
-    </div>
     {% endblock %}
 
     <p class="eyebrows" style="margin-top: 111px;">Packages</p>
-    <div class="d-md-flex justify-content-md-between text-center text-md-start">
-        <h2 class="ubuntu pt-2 component-headlines">Install extra <span class="hero">Packages</span></h2>
-        <a style="height: 100%;" class="btn btn-md btn-outline-dark mt-3 mt-md-0"  href="{{ path('app_all_packages')}}">
+    <div class="d-md-flex justify-content-md-between text-center align-items-center text-md-start">
+        <h2 class="ubuntu pt-2 component-headlines">Install extra <em class="rainbow-emphasis">Packages</em></h2>
+        <a style="height: 100%;" class="btn btn-md btn-outline-primary mt-3 mt-md-0"  href="{{ path('app_all_packages')}}">
             Browse all Packages
             <twig:Icon name="arrow-right" style="transform: rotate(-45deg);"/>
         </a>
@@ -102,9 +104,5 @@
     <div class="row mt-3 mt-md-5">
         {{ include('main/_packagesList.html.twig') }}
     </div>
-
-    {#
-    {{ include('main/_testimonials.html.twig') }}
-    #}
 </div>
 {% endblock %}
diff --git a/ux.symfony.com/templates/main/packages.html.twig b/ux.symfony.com/templates/main/packages.html.twig
index 14a8ef42329..7d24254c5ef 100644
--- a/ux.symfony.com/templates/main/packages.html.twig
+++ b/ux.symfony.com/templates/main/packages.html.twig
@@ -2,27 +2,29 @@
 
 {% block title %}All Symfony UX Packages{% endblock %}
 
-{% block body %}
-<div class="container-fluid container-xxl px-5 pt-5">
-    {{ include('_main_nav.html.twig') }}
-
-    <h1 class="text-center ubuntu mt-5">All Packages</h1>
+{% block content %}
+<div class="hero">
+    <div class="container-fluid container-xxl px-4 pt-4 px-md-5 pt-md-5">
+        <h1 class="text-center ubuntu mt-5">All Packages</h1>
         <p class="text-center mt-2 mb-5">A treasure chest of packages to solve your<br>frontend problems.</p>
 
+    </div>
+</div>
+
+<div class="container-fluid container-xxl px-4 pt-4 px-md-5 pt-md-5">
     {{ include('main/_packagesList.html.twig') }}
 </div>
+{% endblock %}
 
-<div style="background-color: #F2F2F2;">
-    <div class="container-fluid container-xxl mt-5 p-5">
-        <div class="d-sm-flex justify-content-center">
-            <div class="me-sm-2" style="width: 400px;">
+{% block aside %}
+    <div style="background-color: var(--bs-secondary-bg);" class="mt-5">
+        <div class="container-fluid container-xxl p-5">
+            <div style="display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));">
                 {{ component('DocsLink', {
                     url: 'https://symfonycasts.com/screencast/stimulus',
                     title: 'Screencasts',
                     text: 'Jump right into with the Symfony UX & Stimulus screencast.'
                 }) }}
-            </div>
-            <div class="mt-3 mt-sm-0 ms-sm-2" style="width: 400px;">
                 {{ component('DocsLink', {
                     url: 'https://symfony.com/doc/current/frontend/ux.html',
                     title: 'Documentation',
@@ -31,6 +33,4 @@
             </div>
         </div>
     </div>
-</div>
-
 {% endblock %}
diff --git a/ux.symfony.com/templates/packageBase.html.twig b/ux.symfony.com/templates/packageBase.html.twig
index 0d4b39cf559..23bd54364d0 100644
--- a/ux.symfony.com/templates/packageBase.html.twig
+++ b/ux.symfony.com/templates/packageBase.html.twig
@@ -3,10 +3,17 @@
 {% set package = twigPackageHelper.currentPackage() %}
 {% block title %}{{ package.humanName }} | Symfony UX Packages{% endblock %}
 
-{% block body %}
+{% block header %}
+    {{ include('_header.html.twig', {
+        theme: 'white'
+    }) }}
+{% endblock %}
+
+{% block content %}
+
     {% block package_header %}{% endblock %}
 
-    <div class="container-fluid container-xxl px-5 pt-5">
+    <div class="container-fluid container-xxl px-4 pt-4 px-md-5 pt-md-5">
         <div class="arrow mb-3 d-none d-md-block"></div>
 
         <div class="row mb-5">
@@ -42,4 +49,5 @@
             package: package
         }) }}
     {% endblock %}
+
 {% endblock %}
diff --git a/ux.symfony.com/templates/turbo/turbo.html.twig b/ux.symfony.com/templates/turbo/turbo.html.twig
index 80ca8760320..08264cb90e1 100644
--- a/ux.symfony.com/templates/turbo/turbo.html.twig
+++ b/ux.symfony.com/templates/turbo/turbo.html.twig
@@ -1,11 +1,10 @@
 {% extends 'packageBase.html.twig' %}
 
-{% block body %}
+{% block content %}
 
     {% component PackageHeader with {
         package: 'turbo',
-        eyebrowText: 'Speed of an SPA',
-        withChatIcon: true
+        eyebrowText: 'Speed of an SPA'
     } %}
         {% block title_header %}
             Turbo your
@@ -15,22 +14,30 @@
         {% block sub_content %}
             The speed of a single-page web app without writing any JavaScript,
             courtesy of <a class="font-white text-underline" href="https://turbo.hotwired.dev/" rel="external noopener noreferrer">Turbo</a>
+
+            <div style="position: absolute;  bottom: 4rem;  left: 50%;  transform: translateX(-50%);">
+                {{ include('turbo/_chatMessageCount.html.twig', {messageCount: this.messageCount }) }}
+            </div>
         {% endblock %}
+
     {% endcomponent %}
 
-    <div class="container-fluid container-xxl px-5 pt-5">
-        <div class="row mb-5">
+    <div class="container-fluid container-xxl px-4 pt-4 px-md-5 pt-md-5">
+
+        <section class="row mb-5">
             <div class="col-12 col-md-6 order-md-2">
-                <h2 class="ubuntu mt-3 mt-md-5" id="drive">Turbo <span class="font-purple">Drive</span></h2>
-                <p class="mt-2">Transform all link clicks and form submits into Ajax
-                calls to get that single-page-application feel.</p>
-
-                <div class="alert alert-secondary d-flex justify-content-start col-12 col-md-9 mt-5">
-                    <img width="18px" height="18px" src="{{ asset('images/info-icon.png') }}" alt="Icon to indication information">
-                    <p class="info-tooltips ms-2 mb-0">
-                        <twig:Icon name="arrow-left"/>
-                        Click any links on this site or submit this form.
-                    Zero full page refreshes!</p>
+                <div class="px-md-5">
+                    <h2 class="ubuntu mt-3 mt-md-5" id="drive">Turbo <span class="font-purple">Drive</span></h2>
+                    <p class="mt-2">Transform all link clicks and form submits into Ajax
+                    calls to get that single-page-application feel.</p>
+
+                    <div class="alert alert-secondary d-flex justify-content-start col-12 mt-5">
+                        <img width="18px" height="18px" src="{{ asset('images/info-icon.png') }}" alt="Icon to indication information">
+                        <p class="info-tooltips ms-2 mb-0">
+                            <twig:Icon name="arrow-left"/>
+                            Click any links on this site or submit this form.
+                        Zero full page refreshes!</p>
+                    </div>
                 </div>
             </div>
 
@@ -66,20 +73,22 @@
                     {% endblock %}
                 {% endembed %}
             </div>
-        </div>
+        </section>
 
-        <div class="row mb-5 pt-md-5">
+        <section class="row mb-5 pt-md-5">
             <div class="col-12 col-md-6">
-                <h2 class="ubuntu mt-5" id="frames">Turbo <span class="font-purple">Frames</span></h2>
-                <div>Decompose complex pages into different parts that load and behave independently. Try it - it's smooth.</div>
-
-                <div class="alert alert-secondary d-flex col-12 col-md-9 justify-content-start mt-5">
-                    <img width="18px" height="18px" src="{{ asset('images/info-icon.png') }}" alt="Icon to indication information">
-                    <p class="info-tooltips ms-2 mb-0">
-                    The frame displays just part of the full page from
-                    <a href="{{ path('app_turbo_todo_list') }}">{{ url('app_turbo_todo_list') }}</a>.
-                    All link clicks and form submits stay *inside* the frame.
-                    <twig:Icon name="arrow-right" /></p>
+                <div class="px-md-5">
+                    <h2 class="ubuntu mt-5" id="frames">Turbo <span class="font-purple">Frames</span></h2>
+                    <div>Decompose complex pages into different parts that load and behave independently. Try it - it's smooth.</div>
+
+                    <div class="alert alert-secondary d-flex col-12 justify-content-start mt-5">
+                        <img width="18px" height="18px" src="{{ asset('images/info-icon.png') }}" alt="Icon to indication information">
+                        <p class="info-tooltips ms-2 mb-0">
+                        The frame displays just part of the full page from
+                        <a href="{{ path('app_turbo_todo_list') }}">{{ url('app_turbo_todo_list') }}</a>.
+                        All link clicks and form submits stay *inside* the frame.
+                        <twig:Icon name="arrow-right" /></p>
+                    </div>
                 </div>
             </div>
 
@@ -96,24 +105,26 @@
                     {% endblock %}
                 {% endembed %}
             </div>
-        </div>
+        </section>
 
-        <div {{ turbo_stream_listen('chat') }} class="row mb-5 pt-md-5">
+        <section {{ turbo_stream_listen('chat') }} class="row mb-5 pt-md-5">
             <div class="col-12 col-md-6 order-md-2">
-                <h2 class="ubuntu mt-5" id="turbo-streams">Turbo <span class="font-purple">Streams</span></h2>
-                <div>
-                    Deliver page updates - to *any* elements on your page -
-                    directly from Symfony. Add Mercure to do this for *any*
-                    users on your site, in real-time.
+                <div class="px-md-5">
+                    <h2 class="ubuntu mt-5" id="turbo-streams">Turbo <span class="font-purple">Streams</span></h2>
+                    <div>
+                        Deliver page updates - to *any* elements on your page -
+                        directly from Symfony. Add Mercure to do this for *any*
+                        users on your site, in real-time.
 
-                </div>
+                    </div>
 
-                <div class="alert alert-secondary d-flex justify-content-start col-12 col-md-9 mt-5">
-                    <img width="18px" height="18px" src="{{ asset('images/info-icon.png') }}" alt="Icon to indication information">
-                    <p class="info-tooltips ms-2 mb-0"><twig:Icon name="arrow-left" />
-                    Chat with someone else viewing this page (or open a
-                    2nd browser tab to talk to yourself)! Submitting also
-                    updates the <a href="#message-count-header"><twig:Icon name="comment" /> icon</a> in the header.</p>
+                    <div class="alert alert-secondary d-flex justify-content-start col-12 mt-5">
+                        <img width="18px" height="18px" src="{{ asset('images/info-icon.png') }}" alt="Icon to indication information">
+                        <p class="info-tooltips ms-2 mb-0"><twig:Icon name="arrow-left" />
+                        Chat with someone else viewing this page (or open a
+                        2nd browser tab to talk to yourself)! Submitting also
+                        updates the <a href="#message-count-header"><twig:Icon name="comment" /> icon</a> in the header.</p>
+                    </div>
                 </div>
             </div>
             <div class="col-12 col-md-6 demo-chat">
@@ -137,11 +148,14 @@
                     {% endblock %}
                 {% endembed %}
             </div>
-        </div>
+        </section>
 
-        {{ include('main/_installTerminal.html.twig') }}
+        <section>
+            {{ include('main/_installTerminal.html.twig') }}
+        </section>
     </div>
 
     {{ include('main/_documentationLinks.html.twig') }}
+
 {% endblock %}
 
diff --git a/ux.symfony.com/templates/ux_packages/translator.html.twig b/ux.symfony.com/templates/ux_packages/translator.html.twig
index 46e85fb3740..a57159f39a3 100644
--- a/ux.symfony.com/templates/ux_packages/translator.html.twig
+++ b/ux.symfony.com/templates/ux_packages/translator.html.twig
@@ -42,19 +42,21 @@
 
         <div class="row mb-3">
             <div class="col-5">
-                <div class="h3 text-center">Code</div>
+                <div class="h3 text-center text-body">Code</div>
             </div>
             <div class="col">
-                <div class="h3 text-center">Result</div>
+                <div class="h3 text-center text-body">Result</div>
             </div>
             <div class="col-4">
-                <div class="h3 text-center">Parameters</div>
+                <div class="h3 text-center text-body">Parameters</div>
             </div>
         </div>
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'helloCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'helloCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'helloOutput') }}></span>
@@ -63,7 +65,9 @@
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'sayHelloCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'sayHelloCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'sayHelloOutput') }}></span>
@@ -87,7 +91,9 @@
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'invitationTitleCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'invitationTitleCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'invitationTitleOutput') }}></span>
@@ -128,7 +134,9 @@
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'numOfApplesCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'numOfApplesCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'numOfApplesOutput') }}></span>
@@ -154,7 +162,9 @@
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'finishPlaceCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'finishPlaceCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'finishPlaceOutput') }}></span>
@@ -179,7 +189,9 @@
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'publishedAtCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'publishedAtCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'publishedAtOutput') }}></span>
@@ -203,7 +215,9 @@
 
         <div class="row mb-4">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'progressAtCode') }}></pre>
+                <div class="Terminal_body">
+                    <pre {{ stimulus_target('translator-demo', 'progressAtCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'progressAtOutput') }}></span>
@@ -226,7 +240,9 @@
 
         <div class="row">
             <div class="col-5">
-                <pre class="terminal-body" {{ stimulus_target('translator-demo', 'valueOfObjectCode') }}></pre>
+                <div class="Terminal_body">
+                <pre {{ stimulus_target('translator-demo', 'valueOfObjectCode') }}></pre>
+                </div>
             </div>
             <div class="col">
                 <span {{ stimulus_target('translator-demo', 'valueOfObjectOutput') }}></span>
@@ -248,4 +264,5 @@
             </div>
         </div>
     </div>
+</div>
 {% endblock %}
diff --git a/ux.symfony.com/templates/ux_packages/twig-component.html.twig b/ux.symfony.com/templates/ux_packages/twig-component.html.twig
index ab69854fb85..638005f8eb1 100644
--- a/ux.symfony.com/templates/ux_packages/twig-component.html.twig
+++ b/ux.symfony.com/templates/ux_packages/twig-component.html.twig
@@ -28,14 +28,14 @@
 
 {% block demo_content %}
     <div class="row align-items-center">
-        <div class="col-8">
+        <div class="col-6">
             {% block alert_success_example %}
                 {{ component('Alert', {
                     message: 'I am a success alert!',
                 }) }}
             {% endblock %}
         </div>
-        <div class="col-4">
+        <div class="col-6">
             <twig:CodeBlock
                 filename="templates/ux_packages/twig-component.html.twig"
                 :showFilename="false"
@@ -47,7 +47,7 @@
     </div>
 
     <div class="row my-2 align-items-center">
-        <div class="col-8">
+        <div class="col-6">
             {% block alert_danger_example %}
                 {{ component('Alert', {
                     type: 'danger',
@@ -55,7 +55,7 @@
                 }) }}
             {% endblock %}
         </div>
-        <div class="col-4">
+        <div class="col-6">
             <twig:CodeBlock
                 filename="templates/ux_packages/twig-component.html.twig"
                 :showFilename="false"
diff --git a/ux.symfony.com/tests/Unit/Util/SourceCleanerTest.php b/ux.symfony.com/tests/Unit/Util/SourceCleanerTest.php
index 3f37c98fdd9..fbf60bda141 100644
--- a/ux.symfony.com/tests/Unit/Util/SourceCleanerTest.php
+++ b/ux.symfony.com/tests/Unit/Util/SourceCleanerTest.php
@@ -100,7 +100,7 @@ public function testItExtractsTwigBlock(): void
     public function testItRemovesExcessHtml(): void
     {
         $input = <<<EOF
-            <div class="p-4 markdown-container rainbow-gradient mt-5 row" {{ stimulus_controller('markdown') }}>
+            <div class="p-4 markdown-container shadow-blur shadow-blur--rainbow mt-5 row" {{ stimulus_controller('markdown') }}>
                 <div class="col-12 col-md-5">
                     <textarea rows="3" class="form-control" aria-label="Type markdown into this box"
                         {{ stimulus_target('markdown', 'input') }}

From 0950bfa271d655f68250a4f9e48ab88ae51bb73c Mon Sep 17 00:00:00 2001
From: Ryan Weaver <ryan@symfonycasts.com>
Date: Fri, 8 Sep 2023 06:47:13 -0400
Subject: [PATCH 12/13] [Site] Fix minor bug where theme didn't change on first
 click

---
 .../assets/controllers/theme-switcher-controller.js        | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ux.symfony.com/assets/controllers/theme-switcher-controller.js b/ux.symfony.com/assets/controllers/theme-switcher-controller.js
index c638188e7a9..ad4f970173b 100644
--- a/ux.symfony.com/assets/controllers/theme-switcher-controller.js
+++ b/ux.symfony.com/assets/controllers/theme-switcher-controller.js
@@ -2,7 +2,12 @@ import { Controller } from '@hotwired/stimulus';
 
 export default class extends Controller {
     switch() {
-        const theme = localStorage.getItem('user-theme') === 'dark' ? 'light' : 'dark';
+        let currentTheme = localStorage.getItem('user-theme');
+        if (!currentTheme) {
+            currentTheme = document.documentElement.getAttribute('data-bs-theme');
+        }
+
+        const theme = currentTheme === 'dark' ? 'light' : 'dark';
         localStorage.setItem('user-theme', theme);
         document.documentElement.setAttribute('data-bs-theme', theme);
     }

From 5f0f9b5053d27944197252a7b8b3fc90bb6d1c5a Mon Sep 17 00:00:00 2001
From: Ryan Weaver <ryan@thatsquality.com>
Date: Thu, 29 Jun 2023 10:56:13 -0400
Subject: [PATCH 13/13] Fixing autocomplete security bug by using the
 query_builder

---
 .../Form/AutocompleteEntityTypeSubscriber.php | 27 ++++++++++---------
 .../AutocompleteFormRenderingTest.php         | 15 ++++++++++-
 2 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/Autocomplete/src/Form/AutocompleteEntityTypeSubscriber.php b/src/Autocomplete/src/Form/AutocompleteEntityTypeSubscriber.php
index 4349dc3739a..3b774b91d2a 100644
--- a/src/Autocomplete/src/Form/AutocompleteEntityTypeSubscriber.php
+++ b/src/Autocomplete/src/Form/AutocompleteEntityTypeSubscriber.php
@@ -11,9 +11,7 @@
 
 namespace Symfony\UX\Autocomplete\Form;
 
-use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\ORM\EntityManagerInterface;
-use Doctrine\ORM\Query\Parameter;
 use Doctrine\ORM\Utility\PersisterHelper;
 use Symfony\Bridge\Doctrine\Form\Type\EntityType;
 use Symfony\Component\EventDispatcher\EventSubscriberInterface;
@@ -54,13 +52,15 @@ public function preSubmit(FormEvent $event)
         $form = $event->getForm();
         $options = $form->get('autocomplete')->getConfig()->getOptions();
 
+        /** @var EntityManagerInterface $em */
+        $em = $options['em'];
+        $repository = $em->getRepository($options['class']);
+        $queryBuilder = $options['query_builder'] ?: $repository->createQueryBuilder('o');
+        $rootAlias = $queryBuilder->getRootAliases()[0];
+
         if (!isset($data['autocomplete']) || '' === $data['autocomplete']) {
             $options['choices'] = [];
         } else {
-            /** @var EntityManagerInterface $em */
-            $em = $options['em'];
-            $repository = $em->getRepository($options['class']);
-
             $idField = $options['id_reader']->getIdField();
             $idType = PersisterHelper::getTypeOfField($idField, $em->getClassMetadata($options['class']), $em)[0];
 
@@ -69,22 +69,23 @@ public function preSubmit(FormEvent $event)
                 $idx = 0;
 
                 foreach ($data['autocomplete'] as $id) {
-                    $params[":id_$idx"] = new Parameter("id_$idx", $id, $idType);
+                    $params[":id_$idx"] = [$id, $idType];
                     ++$idx;
                 }
 
-                $queryBuilder = $repository->createQueryBuilder('o');
-
                 if ($params) {
                     $queryBuilder
-                        ->where(sprintf("o.$idField IN (%s)", implode(', ', array_keys($params))))
-                        ->setParameters(new ArrayCollection($params));
+                        ->andWhere(sprintf("$rootAlias.$idField IN (%s)", implode(', ', array_keys($params))))
+                    ;
+                    foreach ($params as $key => $param) {
+                        $queryBuilder->setParameter($key, $param[0], $param[1]);
+                    }
                 }
 
                 $options['choices'] = $queryBuilder->getQuery()->getResult();
             } else {
-                $options['choices'] = $repository->createQueryBuilder('o')
-                    ->where("o.$idField = :id")
+                $options['choices'] = $queryBuilder
+                    ->andWhere("$rootAlias.$idField = :id")
                     ->setParameter('id', $data['autocomplete'], $idType)
                     ->getQuery()
                     ->getResult();
diff --git a/src/Autocomplete/tests/Functional/AutocompleteFormRenderingTest.php b/src/Autocomplete/tests/Functional/AutocompleteFormRenderingTest.php
index 0e8c2daa5f9..7cbef516e46 100644
--- a/src/Autocomplete/tests/Functional/AutocompleteFormRenderingTest.php
+++ b/src/Autocomplete/tests/Functional/AutocompleteFormRenderingTest.php
@@ -46,6 +46,7 @@ public function testCategoryFieldSubmitsCorrectly()
         $firstCat = CategoryFactory::createOne(['name' => 'First cat']);
         CategoryFactory::createOne(['name' => 'in space']);
         CategoryFactory::createOne(['name' => 'ate pizza']);
+        $fooCat = CategoryFactory::createOne(['name' => 'I contain "foo" which CategoryAutocompleteType uses its query_builder option.']);
 
         $this->browser()
             ->throwExceptions()
@@ -53,14 +54,26 @@ public function testCategoryFieldSubmitsCorrectly()
             // the field renders empty (but the placeholder is there)
             ->assertElementCount('#product_category_autocomplete option', 1)
             ->assertNotContains('First cat')
+
             ->post('/test-form', [
                 'body' => [
                     'product' => ['category' => ['autocomplete' => $firstCat->getId()]],
                 ],
             ])
+            // the option does NOT match something returned by query_builder
+            // so ONLY the placeholder shows up
+            ->assertElementCount('#product_category_autocomplete option', 1)
+            ->assertNotContains('First cat')
+
+            ->assertNotContains('First cat')
+            ->post('/test-form', [
+                'body' => [
+                    'product' => ['category' => ['autocomplete' => $fooCat->getId()]],
+                ],
+            ])
             // the one option + placeholder now shows up
             ->assertElementCount('#product_category_autocomplete option', 2)
-            ->assertContains('First cat')
+            ->assertContains('which CategoryAutocompleteType uses')
         ;
     }