diff --git a/src/Toolkit/bin/ux-toolkit-kit-debug b/src/Toolkit/bin/ux-toolkit-kit-debug
index f10d9edc0f1..70ee0256e8a 100755
--- a/src/Toolkit/bin/ux-toolkit-kit-debug
+++ b/src/Toolkit/bin/ux-toolkit-kit-debug
@@ -22,6 +22,7 @@ use Symfony\Contracts\Service\ServiceProviderInterface;
 use Symfony\UX\Toolkit\Command\DebugKitCommand;
 use Symfony\UX\Toolkit\Kit\KitSynchronizer;
 use Symfony\UX\Toolkit\Kit\KitFactory;
+use Symfony\UX\Toolkit\Recipe\RecipeSynchronizer;
 use Symfony\UX\Toolkit\Registry\GitHubRegistry;
 use Symfony\UX\Toolkit\Registry\LocalRegistry;
 use Symfony\UX\Toolkit\Registry\RegistryFactory;
@@ -46,7 +47,8 @@ if (!class_exists(Application::class)) {
 }
 
 $filesystem = new Filesystem();
-$kitFactory = new KitFactory($filesystem, new KitSynchronizer($filesystem));
+$kitSynchronizer = new KitSynchronizer($filesystem, new RecipeSynchronizer($filesystem));
+$kitFactory = new KitFactory($filesystem, $kitSynchronizer);
 
 (new Application())->add($command = new DebugKitCommand($kitFactory))
     ->getApplication()
diff --git a/src/Toolkit/config/services.php b/src/Toolkit/config/services.php
index 3406e962806..31ea42ee77d 100644
--- a/src/Toolkit/config/services.php
+++ b/src/Toolkit/config/services.php
@@ -11,11 +11,13 @@
 
 namespace Symfony\Component\DependencyInjection\Loader\Configurator;
 
+use Symfony\UX\Toolkit\Command\CreateKitCommand;
 use Symfony\UX\Toolkit\Command\DebugKitCommand;
-use Symfony\UX\Toolkit\Command\InstallComponentCommand;
+use Symfony\UX\Toolkit\Command\InstallCommand;
 use Symfony\UX\Toolkit\Kit\KitContextRunner;
 use Symfony\UX\Toolkit\Kit\KitFactory;
 use Symfony\UX\Toolkit\Kit\KitSynchronizer;
+use Symfony\UX\Toolkit\Recipe\RecipeSynchronizer;
 use Symfony\UX\Toolkit\Registry\GitHubRegistry;
 use Symfony\UX\Toolkit\Registry\LocalRegistry;
 use Symfony\UX\Toolkit\Registry\RegistryFactory;
@@ -34,7 +36,13 @@
             ])
             ->tag('console.command')
 
-        ->set('.ux_toolkit.command.install', InstallComponentCommand::class)
+        ->set('.ux_toolkit.command.create_kit', CreateKitCommand::class)
+            ->args([
+                service('filesystem'),
+            ])
+            ->tag('console.command')
+
+        ->set('.ux_toolkit.command.install', InstallCommand::class)
             ->args([
                 service('.ux_toolkit.registry.registry_factory'),
                 service('filesystem'),
@@ -75,6 +83,7 @@
         ->set('.ux_toolkit.kit.kit_synchronizer', KitSynchronizer::class)
             ->args([
                 service('filesystem'),
+                service('.ux_toolkit.recipe.recipe_synchronizer'),
             ])
 
         ->set('ux_toolkit.kit.kit_context_runner', KitContextRunner::class)
@@ -83,5 +92,7 @@
                 service('twig'),
                 service('ux.twig_component.component_factory'),
             ])
+
+        ->set('.ux_toolkit.recipe.recipe_synchronizer', RecipeSynchronizer::class)
     ;
 };
diff --git a/src/Toolkit/doc/index.rst b/src/Toolkit/doc/index.rst
index 556ef1e669b..40f8eda1ea7 100644
--- a/src/Toolkit/doc/index.rst
+++ b/src/Toolkit/doc/index.rst
@@ -7,26 +7,24 @@ to change, or even change drastically.
 Symfony UX Toolkit provides a set of ready-to-use kits for Symfony applications.
 It is part of `the Symfony UX initiative`_.
 
-Kits are a nice way to begin a new Symfony application, by providing a set
-of `Twig components`_ (based on Tailwind CSS, but fully customizable depending
-on your needs).
+Kits are a nice way to begin a new Symfony application, they contains
+recipes to install nicely-crafter `Twig components`_ (already stylized,
+but fully customizable depending on your needs) and more.
 
 Please note that the **UX Toolkit is not a library of UI components**,
 but **a tool to help you build your own UI components**.
 It uses the same approach than the popular `Shadcn UI`_,
 and a similar approach than `Tailwind Plus`_.
 
-After installing the UX Toolkit, you can start pulling the components you need
-from `UX Toolkit Kits`_, and use them in your project.
-They become **your own components**, and **you can customize them as you want**.
+After installing the UX Toolkit, you can start installing the recipes you need
+from `UX Toolkit Kits`_ and use them in your project.
+Files created by the recipes become part of your project, and
+you can customize them as you want.
 
 Additionally, some `Twig components`_ use ``html_cva`` and ``tailwind_merge``,
 you can either remove them from your project or install ``twig/html-extra``
 and ``tales-from-a-dev/twig-tailwind-extra`` to use them.
 
-Also, we do not force you to use Tailwind CSS at all. You can use whatever
-CSS framework you want, but you will need to adapt the UI components to it.
-
 Installation
 ------------
 
@@ -37,27 +35,25 @@ Install the UX Toolkit using Composer and Symfony Flex:
     # The UX Toolkit is a development dependency:
     $ composer require --dev symfony/ux-toolkit
 
-    # If you want to keep `html_cva` and `tailwind_merge` in your Twig components:
-    $ composer require twig/extra-bundle twig/html-extra:^3.12.0 tales-from-a-dev/twig-tailwind-extra
-
 Usage
 -----
 
-You may find a list of components in the `UX Components page`_, with the installation instructions for each of them.
+You may find a list of available kits in the `UX Toolkit Kits`_ page, with the installation instructions for each of them.
 
 For example, if you want to install a `Button` component, you will find the following instruction:
 
 .. code-block:: terminal
 
-    $ php bin/console ux:toolkit:install-component Button --kit=<kitName>
+    $ php bin/console ux:install Button --kit=<kitName>
 
-It will create the ``templates/components/Button.html.twig`` file, and you will be able to use the `Button` component like this:
+It will create the ``templates/components/Button.html.twig`` file in your project,
+and you will be able to use the `Button` component like this:
 
 .. code-block:: html+twig
 
     <twig:Button>Click me</twig:Button>
 
-Create your own kit
+Create your own Kit
 -------------------
 
 You have the ability to create and share your own kit with the community,
@@ -96,19 +92,55 @@ After creating your kit, the repository should have the following structure:
 .. code-block:: text
 
     .
-    ├── docs
-    │   └── components
-    │       └── Button.twig
-    ├── manifest.json
-    └── templates
-        └── components
-            └── Button.html.twig
-
-A kit is composed of:
-
-- A ``manifest.json`` file, that describes the kit (name, license, homepage, authors, ...),
-- A ``templates/components`` directory, that contains the Twig components,
-- A ``docs/components`` directory, optional, that contains the documentation for each "root" Twig component.
+    ├── Button
+    │   ├── manifest.json
+    │   └── templates
+    │       └── components
+    │           └── Button.html.twig
+    └── manifest.json
+
+
+A kit is described by a ``manifest.json`` file at the root directory, which contains the metadata of the kit:
+
+.. code-block:: json
+
+    {
+        "$schema": "../vendor/symfony/ux-toolkit/schema-kit-v1.json",
+        "name": "My UX Toolkit Kit",
+        "description": "A custom kit for Symfony UX Toolkit.",
+        "homepage": "https://github/com/User/MyUxToolkitKit",
+        "license": "MIT"
+    }
+
+Then, a kit can contain one or more recipes. Each recipe is a directory
+with a ``manifest.json`` file and some files to be copied into the project.
+
+The ``manifest.json`` file of a recipe contains the metadata of the recipe:
+
+.. code-block:: json
+
+    {
+        "$schema": "../vendor/symfony/ux-toolkit/schema-kit-recipe-v1.json",
+        "name": "Button",
+        "description": "A clickable element that triggers actions or events, supporting various styles and states.",
+        "copy-files": {
+            "templates/": "templates/"
+        },
+        "dependencies": {
+            {
+                "type": "php",
+                "package": "twig/extra-bundle"
+            },
+            {
+                "type": "php",
+                "package": "twig/html-extra:^3.12.0"
+            },
+            {
+                "type": "php",
+                "package": "tales-from-a-dev/twig-tailwind-extra"
+            }
+        }
+    }
 
 Using your kit
 ~~~~~~~~~~~~~~
@@ -117,10 +149,10 @@ Once your kit is published on GitHub, you can use it by specifying the ``--kit``
 
 .. code-block:: terminal
 
-    $ php bin/console ux:toolkit:install-component Button --kit=github.com/my-username/my-ux-toolkit-kit
+    $ php bin/console ux:install Button --kit=github.com/my-username/my-ux-toolkit-kit
 
     # or for a specific version
-    $ php bin/console ux:toolkit:install-component Button --kit=github.com/my-username/my-ux-toolkit-kit:1.0.0
+    $ php bin/console ux:install Button --kit=github.com/my-username/my-ux-toolkit-kit:1.0.0
 
 Backward Compatibility promise
 ------------------------------
diff --git a/src/Toolkit/kits/shadcn/docs/components/Alert.md b/src/Toolkit/kits/shadcn/Alert/EXAMPLES.md
similarity index 53%
rename from src/Toolkit/kits/shadcn/docs/components/Alert.md
rename to src/Toolkit/kits/shadcn/Alert/EXAMPLES.md
index 5317941445c..c70e5af2708 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Alert.md
+++ b/src/Toolkit/kits/shadcn/Alert/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Alert
+# Examples
 
-A notification component that displays important messages with an icon, title, and description.
+## Default
 
 ```twig {"preview":true}
 <twig:Alert class="max-w-lg">
@@ -12,29 +12,7 @@ A notification component that displays important messages with an icon, title, a
 </twig:Alert>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Alert class="max-w-lg">
-    <twig:ux:icon name="tabler:terminal" class="h-4 w-4" />
-    <twig:Alert:Title>Heads up!</twig:Alert:Title>
-    <twig:Alert:Description>
-        You can add components to your app using the cli.
-    </twig:Alert:Description>
-</twig:Alert>
-```
-
-### Destructive
+## Destructive
 
 ```twig {"preview":true}
 <twig:Alert variant="destructive" class="max-w-lg">
diff --git a/src/Toolkit/kits/shadcn/templates/components/Separator.meta.json b/src/Toolkit/kits/shadcn/Alert/manifest.json
similarity index 54%
rename from src/Toolkit/kits/shadcn/templates/components/Separator.meta.json
rename to src/Toolkit/kits/shadcn/Alert/manifest.json
index 9e08e59b32e..979175eac1d 100644
--- a/src/Toolkit/kits/shadcn/templates/components/Separator.meta.json
+++ b/src/Toolkit/kits/shadcn/Alert/manifest.json
@@ -1,5 +1,11 @@
 {
-    "$schema": "../../../../schemas/component.json",
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Alert",
+    "description": "A notification component that displays important messages with an icon, title, and description.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
     "dependencies": [
         {
             "type": "php",
diff --git a/src/Toolkit/kits/shadcn/templates/components/Alert.html.twig b/src/Toolkit/kits/shadcn/Alert/templates/components/Alert.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Alert.html.twig
rename to src/Toolkit/kits/shadcn/Alert/templates/components/Alert.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Alert/Description.html.twig b/src/Toolkit/kits/shadcn/Alert/templates/components/Alert/Description.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Alert/Description.html.twig
rename to src/Toolkit/kits/shadcn/Alert/templates/components/Alert/Description.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Alert/Title.html.twig b/src/Toolkit/kits/shadcn/Alert/templates/components/Alert/Title.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Alert/Title.html.twig
rename to src/Toolkit/kits/shadcn/Alert/templates/components/Alert/Title.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/AspectRatio.md b/src/Toolkit/kits/shadcn/AspectRatio/EXAMPLES.md
similarity index 80%
rename from src/Toolkit/kits/shadcn/docs/components/AspectRatio.md
rename to src/Toolkit/kits/shadcn/AspectRatio/EXAMPLES.md
index 4c8e2d32865..08709d3e68a 100644
--- a/src/Toolkit/kits/shadcn/docs/components/AspectRatio.md
+++ b/src/Toolkit/kits/shadcn/AspectRatio/EXAMPLES.md
@@ -1,6 +1,6 @@
-# AspectRatio
+# Examples
 
-A container that maintains a specific width-to-height ratio for its content.
+## Default
 
 ```twig {"preview":true,"height":"400px"}
 <twig:AspectRatio ratio="1 / 1" class="max-w-[300px]">
@@ -12,17 +12,7 @@ A container that maintains a specific width-to-height ratio for its content.
 </twig:AspectRatio>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### With a 1 / 1 aspect ratio
+## With a 1 / 1 aspect ratio
 
 ```twig {"preview":true,"height":"400px"}
 <twig:AspectRatio ratio="1 / 1" class="max-w-[350px]">
@@ -34,7 +24,7 @@ A container that maintains a specific width-to-height ratio for its content.
 </twig:AspectRatio>
 ```
 
-### With a 16 / 9 aspect ratio
+## With a 16 / 9 aspect ratio
 
 ```twig {"preview":true,"height":"400px"}
 <twig:AspectRatio ratio="16 / 9" class="max-w-[350px]">
diff --git a/src/Toolkit/kits/shadcn/AspectRatio/manifest.json b/src/Toolkit/kits/shadcn/AspectRatio/manifest.json
new file mode 100644
index 00000000000..8666063aa52
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/AspectRatio/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "AspectRatio",
+    "description": "A container that maintains a specific width-to-height ratio for its content.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "twig/extra-bundle"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/AspectRatio.html.twig b/src/Toolkit/kits/shadcn/AspectRatio/templates/components/AspectRatio.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/AspectRatio.html.twig
rename to src/Toolkit/kits/shadcn/AspectRatio/templates/components/AspectRatio.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Avatar.md b/src/Toolkit/kits/shadcn/Avatar/EXAMPLES.md
similarity index 66%
rename from src/Toolkit/kits/shadcn/docs/components/Avatar.md
rename to src/Toolkit/kits/shadcn/Avatar/EXAMPLES.md
index 022831b0ba9..32900ed7ecf 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Avatar.md
+++ b/src/Toolkit/kits/shadcn/Avatar/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Avatar
+# Examples
 
-A circular element that displays a user's profile image or initials as a fallback.
+## Avatar with Image
 
 ```twig {"preview":true}
 <twig:Avatar>
@@ -8,25 +8,7 @@ A circular element that displays a user's profile image or initials as a fallbac
 </twig:Avatar>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Avatar with Image
-
-```twig {"preview":true}
-<twig:Avatar>
-    <twig:Avatar:Image src="https://github.com/symfony.png" alt="@symfony" />
-</twig:Avatar>
-```
-
-### Avatar with Text
+## Avatar with Text
 
 ```twig {"preview":true}
 <div class="flex gap-1">
@@ -39,7 +21,7 @@ A circular element that displays a user's profile image or initials as a fallbac
 </div>
 ```
 
-### Avatar Group
+## Avatar Group
 
 ```twig {"preview":true}
 <div class="flex -space-x-2">
diff --git a/src/Toolkit/kits/shadcn/Avatar/manifest.json b/src/Toolkit/kits/shadcn/Avatar/manifest.json
new file mode 100644
index 00000000000..7b3276b3b13
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Avatar/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Avatar",
+    "description": "A circular element that displays a user's profile image or initials as a fallback.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Avatar.html.twig b/src/Toolkit/kits/shadcn/Avatar/templates/components/Avatar.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Avatar.html.twig
rename to src/Toolkit/kits/shadcn/Avatar/templates/components/Avatar.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Avatar/Image.html.twig b/src/Toolkit/kits/shadcn/Avatar/templates/components/Avatar/Image.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Avatar/Image.html.twig
rename to src/Toolkit/kits/shadcn/Avatar/templates/components/Avatar/Image.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Avatar/Text.html.twig b/src/Toolkit/kits/shadcn/Avatar/templates/components/Avatar/Text.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Avatar/Text.html.twig
rename to src/Toolkit/kits/shadcn/Avatar/templates/components/Avatar/Text.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Badge.md b/src/Toolkit/kits/shadcn/Badge/EXAMPLES.md
similarity index 58%
rename from src/Toolkit/kits/shadcn/docs/components/Badge.md
rename to src/Toolkit/kits/shadcn/Badge/EXAMPLES.md
index 68c13efb739..87fc9ae2235 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Badge.md
+++ b/src/Toolkit/kits/shadcn/Badge/EXAMPLES.md
@@ -1,28 +1,12 @@
-# Badge
+# Examples
 
-A small element that displays status, counts, or labels with optional icons.
+## Default
 
 ```twig {"preview":true}
 <twig:Badge>Badge</twig:Badge>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Badge>Badge</twig:Badge>
-```
-
-### Secondary
+## Secondary
 
 ```twig {"preview":true}
 <twig:Badge variant="secondary">
@@ -30,7 +14,7 @@ A small element that displays status, counts, or labels with optional icons.
 </twig:Badge>
 ```
 
-### Outline
+## Outline
 
 ```twig {"preview":true}
 <twig:Badge variant="outline">
@@ -38,7 +22,7 @@ A small element that displays status, counts, or labels with optional icons.
 </twig:Badge>
 ```
 
-### Destructive
+## Destructive
 
 ```twig {"preview":true}
 <twig:Badge variant="destructive">
@@ -46,7 +30,7 @@ A small element that displays status, counts, or labels with optional icons.
 </twig:Badge>
 ```
 
-### With Icon
+## With Icon
 
 ```twig {"preview":true}
 <twig:Badge>
diff --git a/src/Toolkit/kits/shadcn/templates/components/Alert.meta.json b/src/Toolkit/kits/shadcn/Badge/manifest.json
similarity index 55%
rename from src/Toolkit/kits/shadcn/templates/components/Alert.meta.json
rename to src/Toolkit/kits/shadcn/Badge/manifest.json
index 9e08e59b32e..2ab4631bbed 100644
--- a/src/Toolkit/kits/shadcn/templates/components/Alert.meta.json
+++ b/src/Toolkit/kits/shadcn/Badge/manifest.json
@@ -1,5 +1,11 @@
 {
-    "$schema": "../../../../schemas/component.json",
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Badge",
+    "description": "A small element that displays status, counts, or labels with optional icons.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
     "dependencies": [
         {
             "type": "php",
diff --git a/src/Toolkit/kits/shadcn/templates/components/Badge.html.twig b/src/Toolkit/kits/shadcn/Badge/templates/components/Badge.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Badge.html.twig
rename to src/Toolkit/kits/shadcn/Badge/templates/components/Badge.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Breadcrumb.md b/src/Toolkit/kits/shadcn/Breadcrumb/EXAMPLES.md
similarity index 63%
rename from src/Toolkit/kits/shadcn/docs/components/Breadcrumb.md
rename to src/Toolkit/kits/shadcn/Breadcrumb/EXAMPLES.md
index 680e7b8558f..b42da460625 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Breadcrumb.md
+++ b/src/Toolkit/kits/shadcn/Breadcrumb/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Breadcrumb
+# Examples
 
-A navigation element that shows the current page's location in the site hierarchy with clickable links.
+## Default
 
 ```twig {"preview":true}
 <twig:Breadcrumb>
@@ -24,41 +24,7 @@ A navigation element that shows the current page's location in the site hierarch
 </twig:Breadcrumb>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Breadcrumb>
-    <twig:Breadcrumb:List>
-        <twig:Breadcrumb:Item>
-            <twig:Breadcrumb:Link href=".">Home</twig:Breadcrumb:Link>
-        </twig:Breadcrumb:Item>
-        <twig:Breadcrumb:Separator />
-        <twig:Breadcrumb:Item>
-            <twig:Breadcrumb:Link href=".">Docs</twig:Breadcrumb:Link>
-        </twig:Breadcrumb:Item>
-        <twig:Breadcrumb:Separator />
-        <twig:Breadcrumb:Item>
-            <twig:Breadcrumb:Link href=".">Components</twig:Breadcrumb:Link>
-        </twig:Breadcrumb:Item>
-        <twig:Breadcrumb:Separator />
-        <twig:Breadcrumb:Item>
-            <twig:Breadcrumb:Page>Breadcrumb</twig:Breadcrumb:Page>
-        </twig:Breadcrumb:Item>
-    </twig:Breadcrumb:List>
-</twig:Breadcrumb>
-```
-
-### Custom Separator
+## Custom Separator
 
 ```twig {"preview":true}
 <twig:Breadcrumb>
diff --git a/src/Toolkit/kits/shadcn/Breadcrumb/manifest.json b/src/Toolkit/kits/shadcn/Breadcrumb/manifest.json
new file mode 100644
index 00000000000..efe56fb0609
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Breadcrumb/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Breadcrumb",
+    "description": "A navigation element that shows the current page's location in the site hierarchy with clickable links.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Ellipsis.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Ellipsis.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Ellipsis.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Ellipsis.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Item.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Item.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Item.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Item.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Link.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Link.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Link.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Link.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/List.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/List.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb/List.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/List.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Page.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Page.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Page.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Page.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Separator.html.twig b/src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Separator.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Separator.html.twig
rename to src/Toolkit/kits/shadcn/Breadcrumb/templates/components/Breadcrumb/Separator.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Button.md b/src/Toolkit/kits/shadcn/Button/EXAMPLES.md
similarity index 70%
rename from src/Toolkit/kits/shadcn/docs/components/Button.md
rename to src/Toolkit/kits/shadcn/Button/EXAMPLES.md
index 8dd9530b0ce..18959905a3a 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Button.md
+++ b/src/Toolkit/kits/shadcn/Button/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Button
+# Examples
 
-A clickable element that triggers actions or events, supporting various styles and states.
+## Default
 
 ```twig {"preview":true}
 <twig:Button>
@@ -8,61 +8,43 @@ A clickable element that triggers actions or events, supporting various styles a
 </twig:Button>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Button>
-    Click me
-</twig:Button>
-```
-
-### Primary
+## Primary
 
 ```twig {"preview":true}
 <twig:Button>Button</twig:Button>
 ```
 
-### Secondary
+## Secondary
 
 ```twig {"preview":true}
 <twig:Button variant="outline">Outline</twig:Button>
 ```
 
-### Destructive
+## Destructive
 
 ```twig {"preview":true}
 <twig:Button variant="destructive">Destructive</twig:Button>
 ```
 
-### Outline
+## Outline
 
 ```twig {"preview":true}
 <twig:Button variant="outline">Outline</twig:Button>
 ```
 
-### Ghost
+## Ghost
 
 ```twig {"preview":true}
 <twig:Button variant="ghost">Ghost</twig:Button>
 ```
 
-### Link
+## Link
 
 ```twig {"preview":true}
 <twig:Button variant="link">Link</twig:Button>
 ```
 
-### Icon
+## Icon
 
 ```twig {"preview":true}
 <twig:Button variant="outline" size="icon">
@@ -70,7 +52,7 @@ A clickable element that triggers actions or events, supporting various styles a
 </twig:Button>
 ```
 
-### With Icon
+## With Icon
 
 ```twig {"preview":true}
 <twig:Button>
@@ -78,7 +60,7 @@ A clickable element that triggers actions or events, supporting various styles a
 </twig:Button>
 ```
 
-### Loading
+## Loading
 
 ```twig {"preview":true}
 <twig:Button disabled>
diff --git a/src/Toolkit/kits/shadcn/templates/components/Badge.meta.json b/src/Toolkit/kits/shadcn/Button/manifest.json
similarity index 54%
rename from src/Toolkit/kits/shadcn/templates/components/Badge.meta.json
rename to src/Toolkit/kits/shadcn/Button/manifest.json
index 9e08e59b32e..5f01925efb3 100644
--- a/src/Toolkit/kits/shadcn/templates/components/Badge.meta.json
+++ b/src/Toolkit/kits/shadcn/Button/manifest.json
@@ -1,5 +1,11 @@
 {
-    "$schema": "../../../../schemas/component.json",
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Button",
+    "description": "A clickable element that triggers actions or events, supporting various styles and states.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
     "dependencies": [
         {
             "type": "php",
diff --git a/src/Toolkit/kits/shadcn/templates/components/Button.html.twig b/src/Toolkit/kits/shadcn/Button/templates/components/Button.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Button.html.twig
rename to src/Toolkit/kits/shadcn/Button/templates/components/Button.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Card.md b/src/Toolkit/kits/shadcn/Card/EXAMPLES.md
similarity index 70%
rename from src/Toolkit/kits/shadcn/docs/components/Card.md
rename to src/Toolkit/kits/shadcn/Card/EXAMPLES.md
index f482b75f2e4..b20e3291657 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Card.md
+++ b/src/Toolkit/kits/shadcn/Card/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Card
+# Examples
 
-A container that groups related content and actions into a box with optional header, content, and footer sections.
+## Default
 
 ```twig {"preview":true,"height":"300px"}
 <twig:Card class="w-[350px]">
@@ -18,35 +18,7 @@ A container that groups related content and actions into a box with optional hea
 </twig:Card>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true,"height":"300px"}
-<twig:Card class="w-[350px]">
-    <twig:Card:Header>
-        <twig:Card:Title>Card Title</twig:Card:Title>
-        <twig:Card:Description>Card Description</twig:Card:Description>
-    </twig:Card:Header>
-    <twig:Card:Content>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
-    </twig:Card:Content>
-    <twig:Card:Footer class="justify-between">
-        <twig:Button variant="outline">Cancel</twig:Button>
-        <twig:Button>Action</twig:Button>
-    </twig:Card:Footer>
-</twig:Card>
-```
-
-### With Notifications
+## With Notifications
 
 ```twig {"preview":true,"height":"400px"}
 {% set notifications = [
diff --git a/src/Toolkit/kits/shadcn/Card/manifest.json b/src/Toolkit/kits/shadcn/Card/manifest.json
new file mode 100644
index 00000000000..6de056e54f2
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Card/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Card",
+    "description": "A container that groups related content and actions into a box with optional header, content, and footer sections.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card.html.twig b/src/Toolkit/kits/shadcn/Card/templates/components/Card.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Card.html.twig
rename to src/Toolkit/kits/shadcn/Card/templates/components/Card.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Content.html.twig b/src/Toolkit/kits/shadcn/Card/templates/components/Card/Content.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Card/Content.html.twig
rename to src/Toolkit/kits/shadcn/Card/templates/components/Card/Content.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Description.html.twig b/src/Toolkit/kits/shadcn/Card/templates/components/Card/Description.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Card/Description.html.twig
rename to src/Toolkit/kits/shadcn/Card/templates/components/Card/Description.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Footer.html.twig b/src/Toolkit/kits/shadcn/Card/templates/components/Card/Footer.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Card/Footer.html.twig
rename to src/Toolkit/kits/shadcn/Card/templates/components/Card/Footer.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Header.html.twig b/src/Toolkit/kits/shadcn/Card/templates/components/Card/Header.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Card/Header.html.twig
rename to src/Toolkit/kits/shadcn/Card/templates/components/Card/Header.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Title.html.twig b/src/Toolkit/kits/shadcn/Card/templates/components/Card/Title.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Card/Title.html.twig
rename to src/Toolkit/kits/shadcn/Card/templates/components/Card/Title.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Checkbox.md b/src/Toolkit/kits/shadcn/Checkbox/EXAMPLES.md
similarity index 55%
rename from src/Toolkit/kits/shadcn/docs/components/Checkbox.md
rename to src/Toolkit/kits/shadcn/Checkbox/EXAMPLES.md
index 40da5fee4d0..a1694a6b54e 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Checkbox.md
+++ b/src/Toolkit/kits/shadcn/Checkbox/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Checkbox
+# Examples
 
-A form control that allows the user to toggle between checked and unchecked states.
+## Default
 
 ```twig {"preview":true}
 <div class="flex items-center space-x-2">
@@ -11,28 +11,7 @@ A form control that allows the user to toggle between checked and unchecked stat
 </div>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<div class="flex items-center space-x-2">
-    <twig:Checkbox id="terms" />
-    <label for="terms" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Accept terms and conditions
-    </label>
-</div>
-```
-
-### With Label Component
+## With Label Component
 
 ```twig {"preview":true}
 <div class="flex items-center space-x-2">
@@ -41,7 +20,7 @@ A form control that allows the user to toggle between checked and unchecked stat
 </div>
 ```
 
-### Disabled
+## Disabled
 
 ```twig {"preview":true}
 <div class="flex items-center space-x-2">
diff --git a/src/Toolkit/kits/shadcn/Checkbox/manifest.json b/src/Toolkit/kits/shadcn/Checkbox/manifest.json
new file mode 100644
index 00000000000..97f8c3443da
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Checkbox/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Checkbox",
+    "description": "A form control that allows the user to toggle between checked and unchecked states.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Checkbox.html.twig b/src/Toolkit/kits/shadcn/Checkbox/templates/components/Checkbox.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Checkbox.html.twig
rename to src/Toolkit/kits/shadcn/Checkbox/templates/components/Checkbox.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Input.md b/src/Toolkit/kits/shadcn/Input/EXAMPLES.md
similarity index 68%
rename from src/Toolkit/kits/shadcn/docs/components/Input.md
rename to src/Toolkit/kits/shadcn/Input/EXAMPLES.md
index de0b816a9d6..7e7d65b676e 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Input.md
+++ b/src/Toolkit/kits/shadcn/Input/EXAMPLES.md
@@ -1,28 +1,12 @@
-# Input
+# Examples
 
-A form control that allows users to enter text, numbers, or select files.
+## Default
 
 ```twig {"preview":true}
 <twig:Input type="email" placeholder="Email" class="max-w-sm" />
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Input type="email" placeholder="Email" class="max-w-sm" />
-```
-
-### File
+## File
 
 ```twig {"preview":true}
 <div class="grid w-full max-w-sm items-center gap-1.5">
@@ -31,13 +15,13 @@ A form control that allows users to enter text, numbers, or select files.
 </div>
 ```
 
-### Disabled
+## Disabled
 
 ```twig {"preview":true}
 <twig:Input type="email" placeholder="Email" disabled class="max-w-sm" />
 ```
 
-### With Label
+## With Label
 
 ```twig {"preview":true}
 <div class="grid w-full max-w-sm items-center gap-1.5">
@@ -46,7 +30,7 @@ A form control that allows users to enter text, numbers, or select files.
 </div>
 ```
 
-### With Button
+## With Button
 
 ```twig {"preview":true}
 <div class="flex w-full max-w-sm items-center space-x-2">
diff --git a/src/Toolkit/kits/shadcn/Input/manifest.json b/src/Toolkit/kits/shadcn/Input/manifest.json
new file mode 100644
index 00000000000..5c778e58dcf
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Input/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Input",
+    "description": "A form control that allows users to enter text, numbers, or select files.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Input.html.twig b/src/Toolkit/kits/shadcn/Input/templates/components/Input.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Input.html.twig
rename to src/Toolkit/kits/shadcn/Input/templates/components/Input.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Label.md b/src/Toolkit/kits/shadcn/Label/EXAMPLES.md
similarity index 62%
rename from src/Toolkit/kits/shadcn/docs/components/Label.md
rename to src/Toolkit/kits/shadcn/Label/EXAMPLES.md
index ea41f854987..8fd5b0fa634 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Label.md
+++ b/src/Toolkit/kits/shadcn/Label/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Label
+# Examples
 
-A text element that identifies form controls and other content.
+## Default
 
 ```twig {"preview":true}
 <div class="flex items-center space-x-2">
@@ -9,26 +9,7 @@ A text element that identifies form controls and other content.
 </div>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<div class="flex items-center space-x-2">
-    <twig:Checkbox id="terms" />
-    <twig:Label for="terms">Accept terms and conditions</twig:Label>
-</div>
-```
-
-### With Input
+## With Input
 
 ```twig {"preview":true}
 <div class="grid w-full max-w-sm items-center gap-1.5">
@@ -37,7 +18,7 @@ A text element that identifies form controls and other content.
 </div>
 ```
 
-### Required Field
+## Required Field
 
 ```twig {"preview":true}
 <div class="grid w-full max-w-sm items-center gap-1.5">
diff --git a/src/Toolkit/kits/shadcn/Label/manifest.json b/src/Toolkit/kits/shadcn/Label/manifest.json
new file mode 100644
index 00000000000..a52d0baeea1
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Label/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Label",
+    "description": "A text element that identifies form controls and other content.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Label.html.twig b/src/Toolkit/kits/shadcn/Label/templates/components/Label.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Label.html.twig
rename to src/Toolkit/kits/shadcn/Label/templates/components/Label.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Pagination.md b/src/Toolkit/kits/shadcn/Pagination/EXAMPLES.md
similarity index 65%
rename from src/Toolkit/kits/shadcn/docs/components/Pagination.md
rename to src/Toolkit/kits/shadcn/Pagination/EXAMPLES.md
index 0efbea5159f..cb2032c738c 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Pagination.md
+++ b/src/Toolkit/kits/shadcn/Pagination/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Pagination
+# Examples
 
-A navigation component that displays page numbers and controls for moving between pages.
+## Default
 
 ```twig {"preview":true}
 <twig:Pagination>
@@ -27,44 +27,7 @@ A navigation component that displays page numbers and controls for moving betwee
 </twig:Pagination>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Pagination>
-    <twig:Pagination:Content>
-        <twig:Pagination:Item>
-            <twig:Pagination:Previous href="#" />
-        </twig:Pagination:Item>
-        <twig:Pagination:Item>
-            <twig:Pagination:Link href="#">1</twig:Pagination:Link>
-        </twig:Pagination:Item>
-        <twig:Pagination:Item>
-            <twig:Pagination:Link href="#" isActive>2</twig:Pagination:Link>
-        </twig:Pagination:Item>
-        <twig:Pagination:Item>
-            <twig:Pagination:Link href="#">3</twig:Pagination:Link>
-        </twig:Pagination:Item>
-        <twig:Pagination:Item>
-            <twig:Pagination:Ellipsis />
-        </twig:Pagination:Item>
-        <twig:Pagination:Item>
-            <twig:Pagination:Next href="#" />
-        </twig:Pagination:Item>
-    </twig:Pagination:Content>
-</twig:Pagination>
-```
-
-### Symmetric
+## Symmetric
 
 ```twig {"preview":true}
 <twig:Pagination>
diff --git a/src/Toolkit/kits/shadcn/Pagination/manifest.json b/src/Toolkit/kits/shadcn/Pagination/manifest.json
new file mode 100644
index 00000000000..5a456dc3b93
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Pagination/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Pagination",
+    "description": "A navigation component that displays page numbers and controls for moving between pages.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Content.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Content.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination/Content.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Content.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Ellipsis.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Ellipsis.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination/Ellipsis.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Ellipsis.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Item.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Item.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination/Item.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Item.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Link.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Link.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination/Link.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Link.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Next.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Next.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination/Next.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Next.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Previous.html.twig b/src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Previous.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Pagination/Previous.html.twig
rename to src/Toolkit/kits/shadcn/Pagination/templates/components/Pagination/Previous.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Progress.md b/src/Toolkit/kits/shadcn/Progress/EXAMPLES.md
similarity index 65%
rename from src/Toolkit/kits/shadcn/docs/components/Progress.md
rename to src/Toolkit/kits/shadcn/Progress/EXAMPLES.md
index c2c89234a73..077c9c45a3b 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Progress.md
+++ b/src/Toolkit/kits/shadcn/Progress/EXAMPLES.md
@@ -1,28 +1,12 @@
-# Progress
+# Examples
 
-A visual indicator that shows the completion status of a task or operation.
+## Default
 
 ```twig {"preview":true}
 <twig:Progress value="33" />
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Progress value="33" />
-```
-
-### With Label
+## With Label
 
 ```twig {"preview":true}
 <div class="flex flex-col gap-2 w-sm">
@@ -34,7 +18,7 @@ A visual indicator that shows the completion status of a task or operation.
 </div>
 ```
 
-### Different Values
+## Different Values
 
 ```twig {"preview":true}
 <div class="flex flex-col gap-1.5 w-sm">
diff --git a/src/Toolkit/kits/shadcn/Progress/manifest.json b/src/Toolkit/kits/shadcn/Progress/manifest.json
new file mode 100644
index 00000000000..eff5fcf874c
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Progress/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Progress",
+    "description": "A visual indicator that shows the completion status of a task or operation.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Progress.html.twig b/src/Toolkit/kits/shadcn/Progress/templates/components/Progress.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Progress.html.twig
rename to src/Toolkit/kits/shadcn/Progress/templates/components/Progress.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Select.md b/src/Toolkit/kits/shadcn/Select/EXAMPLES.md
similarity index 63%
rename from src/Toolkit/kits/shadcn/docs/components/Select.md
rename to src/Toolkit/kits/shadcn/Select/EXAMPLES.md
index 91941c0fafe..1548d4e11cd 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Select.md
+++ b/src/Toolkit/kits/shadcn/Select/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Select
+# Examples
 
-A dropdown control that allows users to choose from a list of options.
+## Default
 
 ```twig {"preview":true}
 <twig:Select class="max-w-sm">
@@ -10,27 +10,7 @@ A dropdown control that allows users to choose from a list of options.
 </twig:Select>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Select class="max-w-sm">
-    <option value="1">1</option>
-    <option value="2">2</option>
-    <option value="3">3</option>
-</twig:Select>
-```
-
-### With Label
+## With Label
 
 ```twig {"preview":true}
 <div class="grid w-full max-w-sm items-center gap-1.5">
@@ -43,7 +23,7 @@ A dropdown control that allows users to choose from a list of options.
 </div>
 ```
 
-### Disabled
+## Disabled
 
 ```twig {"preview":true}
 <twig:Select disabled class="max-w-sm">
diff --git a/src/Toolkit/kits/shadcn/Select/manifest.json b/src/Toolkit/kits/shadcn/Select/manifest.json
new file mode 100644
index 00000000000..66e2a60ff79
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Select/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Select",
+    "description": "A dropdown control that allows users to choose from a list of options.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Select.html.twig b/src/Toolkit/kits/shadcn/Select/templates/components/Select.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Select.html.twig
rename to src/Toolkit/kits/shadcn/Select/templates/components/Select.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Separator.md b/src/Toolkit/kits/shadcn/Separator/EXAMPLES.md
similarity index 53%
rename from src/Toolkit/kits/shadcn/docs/components/Separator.md
rename to src/Toolkit/kits/shadcn/Separator/EXAMPLES.md
index 038197b45df..ecc16b66b15 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Separator.md
+++ b/src/Toolkit/kits/shadcn/Separator/EXAMPLES.md
@@ -1,9 +1,9 @@
-# Separator
+# Examples
 
-A visual divider that creates space between content elements, available in horizontal and vertical orientations.
+## Default
 
 ```twig {"preview":true}
-<div class="max-w-sm">
+<div>
     <div class="space-y-1">
         <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
         <p class="text-sm text-muted-foreground">
@@ -21,38 +21,7 @@ A visual divider that creates space between content elements, available in horiz
 </div>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<div>
-    <div class="space-y-1">
-        <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
-        <p class="text-sm text-muted-foreground">
-            Symfony UX initiative: a JavaScript ecosystem for Symfony
-        </p>
-    </div>
-    <twig:Separator class="my-4" />
-    <div class="flex h-5 items-center space-x-4 text-sm">
-        <div>Blog</div>
-        <twig:Separator orientation="vertical" />
-        <div>Docs</div>
-        <twig:Separator orientation="vertical" />
-        <div>Source</div>
-    </div>
-</div>
-```
-
-### Vertical
+## Vertical
 
 ```twig {"preview":true}
 <div class="flex h-5 items-center gap-4 text-sm">
diff --git a/src/Toolkit/kits/shadcn/templates/components/Button.meta.json b/src/Toolkit/kits/shadcn/Separator/manifest.json
similarity index 52%
rename from src/Toolkit/kits/shadcn/templates/components/Button.meta.json
rename to src/Toolkit/kits/shadcn/Separator/manifest.json
index 9e08e59b32e..6dd248fd1b1 100644
--- a/src/Toolkit/kits/shadcn/templates/components/Button.meta.json
+++ b/src/Toolkit/kits/shadcn/Separator/manifest.json
@@ -1,5 +1,11 @@
 {
-    "$schema": "../../../../schemas/component.json",
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Separator",
+    "description": "A visual divider that creates space between content elements, available in horizontal and vertical orientations.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
     "dependencies": [
         {
             "type": "php",
diff --git a/src/Toolkit/kits/shadcn/templates/components/Separator.html.twig b/src/Toolkit/kits/shadcn/Separator/templates/components/Separator.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Separator.html.twig
rename to src/Toolkit/kits/shadcn/Separator/templates/components/Separator.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Skeleton.md b/src/Toolkit/kits/shadcn/Skeleton/EXAMPLES.md
similarity index 52%
rename from src/Toolkit/kits/shadcn/docs/components/Skeleton.md
rename to src/Toolkit/kits/shadcn/Skeleton/EXAMPLES.md
index 4c16a2c64bc..219e712f765 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Skeleton.md
+++ b/src/Toolkit/kits/shadcn/Skeleton/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Skeleton
+# Examples
 
-A placeholder element that displays a loading state with an animated background.
+## User
 
 ```twig {"preview":true}
 <div class="flex items-center space-x-4">
@@ -12,29 +12,7 @@ A placeholder element that displays a loading state with an animated background.
 </div>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### User
-
-```twig {"preview":true}
-<div class="flex items-center space-x-4">
-    <twig:Skeleton class="h-12 w-12 rounded-full" />
-    <div class="space-y-2">
-        <twig:Skeleton class="h-4 w-[250px]" />
-        <twig:Skeleton class="h-4 w-[200px]" />
-    </div>
-</div>
-```
-
-### Card
+## Card
 
 ```twig {"preview":true,"height":"250px"}
 <div class="space-y-3">
diff --git a/src/Toolkit/kits/shadcn/Skeleton/manifest.json b/src/Toolkit/kits/shadcn/Skeleton/manifest.json
new file mode 100644
index 00000000000..b1ac224d6f4
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Skeleton/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Skeleton",
+    "description": "A placeholder element that displays a loading state with an animated background.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Skeleton.html.twig b/src/Toolkit/kits/shadcn/Skeleton/templates/components/Skeleton.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Skeleton.html.twig
rename to src/Toolkit/kits/shadcn/Skeleton/templates/components/Skeleton.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Switch.md b/src/Toolkit/kits/shadcn/Switch/EXAMPLES.md
similarity index 76%
rename from src/Toolkit/kits/shadcn/docs/components/Switch.md
rename to src/Toolkit/kits/shadcn/Switch/EXAMPLES.md
index 17fa899f49f..2de3e723739 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Switch.md
+++ b/src/Toolkit/kits/shadcn/Switch/EXAMPLES.md
@@ -1,6 +1,6 @@
-# Switch
+# Examples
 
-A toggle control that switches between on and off states.
+## Default
 
 ```twig {"preview":true}
 <div class="flex items-center space-x-2">
@@ -9,26 +9,7 @@ A toggle control that switches between on and off states.
 </div>
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<div class="flex items-center space-x-2">
-    <twig:Switch id="airplane-mode" />
-    <twig:Label for="airplane-mode">Airplane Mode</twig:Label>
-</div>
-```
-
-### Form
+## Form
 
 ```twig {"preview":true,"height":"300px"}
 <form action="/" method="post">
diff --git a/src/Toolkit/kits/shadcn/Switch/manifest.json b/src/Toolkit/kits/shadcn/Switch/manifest.json
new file mode 100644
index 00000000000..83fb86f9f2f
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Switch/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Switch",
+    "description": "A toggle control that switches between on and off states.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Switch.html.twig b/src/Toolkit/kits/shadcn/Switch/templates/components/Switch.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Switch.html.twig
rename to src/Toolkit/kits/shadcn/Switch/templates/components/Switch.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Table.md b/src/Toolkit/kits/shadcn/Table/EXAMPLES.md
similarity index 55%
rename from src/Toolkit/kits/shadcn/docs/components/Table.md
rename to src/Toolkit/kits/shadcn/Table/EXAMPLES.md
index 302d6bc91e2..2ca30788e80 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Table.md
+++ b/src/Toolkit/kits/shadcn/Table/EXAMPLES.md
@@ -1,47 +1,6 @@
-# Table
+# Examples
 
-A structured grid element that organizes data into rows and columns, supporting headers, captions, and footers.
-
-```twig {"preview":true,"height":"400px"}
-{%- set invoices = [
-  { invoice: "INV001", paymentStatus: "Paid", totalAmount: "$250.00", paymentMethod: "Credit Card" },
-  { invoice: "INV002", paymentStatus: "Pending", totalAmount: "$150.00", paymentMethod: "PayPal" },
-  { invoice: "INV003", paymentStatus: "Unpaid", totalAmount: "$350.00", paymentMethod: "Bank Transfer" },
-] -%}
-<twig:Table>
-    <twig:Table:Caption>A list of your recent invoices.</twig:Table:Caption>
-    <twig:Table:Header>
-        <twig:Table:Row>
-            <twig:Table:Head class="w-[100px]">Invoice</twig:Table:Head>
-            <twig:Table:Head>Status</twig:Table:Head>
-            <twig:Table:Head>Method</twig:Table:Head>
-            <twig:Table:Head class="text-right">Amount</twig:Table:Head>
-        </twig:Table:Row>
-    </twig:Table:Header>
-    <twig:Table:Body>
-        {% for invoice in invoices %}
-            <twig:Table:Row>
-                <twig:Table:Cell class="font-medium">{{ invoice.invoice }}</twig:Table:Cell>
-                <twig:Table:Cell>{{ invoice.paymentStatus }}</twig:Table:Cell>
-                <twig:Table:Cell>{{ invoice.paymentMethod }}</twig:Table:Cell>
-                <twig:Table:Cell class="text-right">{{ invoice.totalAmount }}</twig:Table:Cell>
-            </twig:Table:Row>
-        {% endfor %}
-    </twig:Table:Body>
-</twig:Table>
-```
-
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Basic Table
+## Basic Table
 
 ```twig {"preview":true,"height":"550px"}
 {%- set invoices = [
diff --git a/src/Toolkit/kits/shadcn/Table/manifest.json b/src/Toolkit/kits/shadcn/Table/manifest.json
new file mode 100644
index 00000000000..a4d3c86b851
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Table/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Table",
+    "description": "A structured grid element that organizes data into rows and columns, supporting headers, captions, and footers.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Body.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Body.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Body.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Body.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Caption.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Caption.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Caption.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Caption.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Cell.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Cell.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Cell.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Cell.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Footer.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Footer.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Footer.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Footer.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Head.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Head.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Head.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Head.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Header.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Header.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Header.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Header.html.twig
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Row.html.twig b/src/Toolkit/kits/shadcn/Table/templates/components/Table/Row.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Table/Row.html.twig
rename to src/Toolkit/kits/shadcn/Table/templates/components/Table/Row.html.twig
diff --git a/src/Toolkit/kits/shadcn/docs/components/Textarea.md b/src/Toolkit/kits/shadcn/Textarea/EXAMPLES.md
similarity index 56%
rename from src/Toolkit/kits/shadcn/docs/components/Textarea.md
rename to src/Toolkit/kits/shadcn/Textarea/EXAMPLES.md
index b9babc362c9..fb343e533f0 100644
--- a/src/Toolkit/kits/shadcn/docs/components/Textarea.md
+++ b/src/Toolkit/kits/shadcn/Textarea/EXAMPLES.md
@@ -1,28 +1,12 @@
-# Textarea
+# Examples
 
-A form control for entering multiple lines of text.
+## Default
 
 ```twig {"preview":true}
 <twig:Textarea placeholder="Type your message here." class="max-w-sm" />
 ```
 
-## Installation
-
-<!-- Placeholder: Installation -->
-
-## Usage
-
-<!-- Placeholder: Usage -->
-
-## Examples
-
-### Default
-
-```twig {"preview":true}
-<twig:Textarea placeholder="Type your message here." class="max-w-sm" />
-```
-
-### With Label
+## With Label
 
 ```twig {"preview":true}
 <div class="grid w-sm gap-1.5">
@@ -31,7 +15,7 @@ A form control for entering multiple lines of text.
 </div>
 ```
 
-### Disabled
+## Disabled
 
 ```twig {"preview":true}
 <twig:Textarea placeholder="Type your message here." disabled class="max-w-sm" />
diff --git a/src/Toolkit/kits/shadcn/Textarea/manifest.json b/src/Toolkit/kits/shadcn/Textarea/manifest.json
new file mode 100644
index 00000000000..37cf9414e23
--- /dev/null
+++ b/src/Toolkit/kits/shadcn/Textarea/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "Textarea",
+    "description": "A form control for entering multiple lines of text.",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "php",
+            "package": "tales-from-a-dev/twig-tailwind-extra"
+        }
+    ]
+}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Textarea.html.twig b/src/Toolkit/kits/shadcn/Textarea/templates/components/Textarea.html.twig
similarity index 100%
rename from src/Toolkit/kits/shadcn/templates/components/Textarea.html.twig
rename to src/Toolkit/kits/shadcn/Textarea/templates/components/Textarea.html.twig
diff --git a/src/Toolkit/kits/shadcn/manifest.json b/src/Toolkit/kits/shadcn/manifest.json
index 467d20a2786..03571bdbcc3 100644
--- a/src/Toolkit/kits/shadcn/manifest.json
+++ b/src/Toolkit/kits/shadcn/manifest.json
@@ -1,4 +1,5 @@
 {
+    "$schema": "../../schema-kit-v1.json",
     "name": "Shadcn UI",
     "description": "Component based on the Shadcn UI library, one of the most popular design systems in JavaScript world.",
     "license": "MIT",
diff --git a/src/Toolkit/kits/shadcn/templates/components/Alert/Description.meta.json b/src/Toolkit/kits/shadcn/templates/components/Alert/Description.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Alert/Description.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Alert/Title.meta.json b/src/Toolkit/kits/shadcn/templates/components/Alert/Title.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Alert/Title.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/AspectRatio.meta.json b/src/Toolkit/kits/shadcn/templates/components/AspectRatio.meta.json
deleted file mode 100644
index 3c7c094fde0..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/AspectRatio.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "twig/extra-bundle"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Avatar.meta.json b/src/Toolkit/kits/shadcn/templates/components/Avatar.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Avatar.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Avatar/Image.meta.json b/src/Toolkit/kits/shadcn/templates/components/Avatar/Image.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Avatar/Image.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Avatar/Text.meta.json b/src/Toolkit/kits/shadcn/templates/components/Avatar/Text.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Avatar/Text.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb.meta.json
deleted file mode 100644
index 079eea5bb20..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb.meta.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": []
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Ellipsis.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Ellipsis.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Ellipsis.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Item.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Item.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Item.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Link.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Link.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Link.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/List.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/List.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/List.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Page.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Page.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Page.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Separator.meta.json b/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Separator.meta.json
deleted file mode 100644
index 19987b2a1b8..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Breadcrumb/Separator.meta.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "symfony/ux-icons"
-        },
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card.meta.json b/src/Toolkit/kits/shadcn/templates/components/Card.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Card.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Content.meta.json b/src/Toolkit/kits/shadcn/templates/components/Card/Content.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Card/Content.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Description.meta.json b/src/Toolkit/kits/shadcn/templates/components/Card/Description.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Card/Description.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Footer.meta.json b/src/Toolkit/kits/shadcn/templates/components/Card/Footer.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Card/Footer.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Header.meta.json b/src/Toolkit/kits/shadcn/templates/components/Card/Header.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Card/Header.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Card/Title.meta.json b/src/Toolkit/kits/shadcn/templates/components/Card/Title.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Card/Title.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Checkbox.meta.json b/src/Toolkit/kits/shadcn/templates/components/Checkbox.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Checkbox.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Input.meta.json b/src/Toolkit/kits/shadcn/templates/components/Input.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Input.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Label.meta.json b/src/Toolkit/kits/shadcn/templates/components/Label.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Label.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Content.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination/Content.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination/Content.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Ellipsis.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination/Ellipsis.meta.json
deleted file mode 100644
index 19987b2a1b8..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination/Ellipsis.meta.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "symfony/ux-icons"
-        },
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Item.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination/Item.meta.json
deleted file mode 100644
index d39de6e07e6..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination/Item.meta.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": []
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Link.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination/Link.meta.json
deleted file mode 100644
index d39de6e07e6..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination/Link.meta.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": []
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Next.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination/Next.meta.json
deleted file mode 100644
index 19987b2a1b8..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination/Next.meta.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "symfony/ux-icons"
-        },
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Pagination/Previous.meta.json b/src/Toolkit/kits/shadcn/templates/components/Pagination/Previous.meta.json
deleted file mode 100644
index 19987b2a1b8..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Pagination/Previous.meta.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "symfony/ux-icons"
-        },
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Progress.meta.json b/src/Toolkit/kits/shadcn/templates/components/Progress.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Progress.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Select.meta.json b/src/Toolkit/kits/shadcn/templates/components/Select.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Select.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Skeleton.meta.json b/src/Toolkit/kits/shadcn/templates/components/Skeleton.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Skeleton.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Switch.meta.json b/src/Toolkit/kits/shadcn/templates/components/Switch.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Switch.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Body.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Body.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Body.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Caption.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Caption.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Caption.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Cell.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Cell.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Cell.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Footer.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Footer.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Footer.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Head.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Head.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Head.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Header.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Header.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Header.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Table/Row.meta.json b/src/Toolkit/kits/shadcn/templates/components/Table/Row.meta.json
deleted file mode 100644
index 99e25114927..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Table/Row.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/kits/shadcn/templates/components/Textarea.meta.json b/src/Toolkit/kits/shadcn/templates/components/Textarea.meta.json
deleted file mode 100644
index d50410b06b3..00000000000
--- a/src/Toolkit/kits/shadcn/templates/components/Textarea.meta.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "$schema": "../../../../schemas/component.json",
-    "dependencies": [
-        {
-            "type": "php",
-            "package": "tales-from-a-dev/twig-tailwind-extra"
-        }
-    ]
-}
diff --git a/src/Toolkit/schema-kit-recipe-v1.json b/src/Toolkit/schema-kit-recipe-v1.json
new file mode 100644
index 00000000000..039d546f4cb
--- /dev/null
+++ b/src/Toolkit/schema-kit-recipe-v1.json
@@ -0,0 +1,68 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "title": "Kit recipe schema",
+    "description": "Schema for describing a Kit recipe for the Symfony UX Toolkit.",
+    "type": "object",
+    "required": ["name", "description"],
+    "properties": {
+        "type": {
+            "type": "string",
+            "enum": ["component"]
+        },
+        "name": {
+            "type": "string",
+            "description": "The name of the component"
+        },
+        "description": {
+            "description": "A brief description of the component",
+            "type": "string"
+        },
+        "copy-files": {
+            "description": "Relative files or directories to copy into the project",
+            "type": "object"
+        },
+        "examples-dir": {
+            "description": "Relative path to the directory containing example files for the component, must end with a slash",
+            "type": "string",
+            "pattern": "^.+/$"
+        },
+        "dependencies": {
+            "description": "List of dependencies required by the component",
+            "type": "array",
+            "items": {
+                "oneOf": [
+                    {
+                        "description": "A dependency on a PHP package",
+                        "type": "object",
+                        "required": ["type", "package"],
+                        "properties": {
+                            "type": {
+                                "type": "string",
+                                "enum": ["php"]
+                            },
+                            "package": {
+                                "type": "string",
+                                "description": "Package name and optional version constraint (e.g., 'vendor/package:^1.0')"
+                            }
+                        }
+                    },
+                    {
+                        "description": "A dependency on a Recipe",
+                        "type": "object",
+                        "required": ["type", "name"],
+                        "properties": {
+                            "type": {
+                                "type": "string",
+                                "enum": ["recipe"]
+                            },
+                            "name": {
+                                "type": "string",
+                                "description": "The name of the Recipe this component depends on, e.g., 'Button'"
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+    }
+}
diff --git a/src/Toolkit/schema-kit-v1.json b/src/Toolkit/schema-kit-v1.json
new file mode 100644
index 00000000000..beb912556d9
--- /dev/null
+++ b/src/Toolkit/schema-kit-v1.json
@@ -0,0 +1,26 @@
+{
+    "$schema": "http://json-schema.org/draft-07/schema#",
+    "title": "Kit schema",
+    "description": "Schema for describing a Kit for the Symfony UX Toolkit.",
+    "type": "object",
+    "required": ["name", "description", "license", "homepage"],
+    "properties": {
+        "name": {
+            "type": "string",
+            "description": "The name of the kit."
+        },
+        "description": {
+            "type": "string",
+            "description": "A brief description of the kit."
+        },
+        "license": {
+            "type": "string",
+            "description": "The license under which the kit is distributed."
+        },
+        "homepage": {
+            "type": "string",
+            "format": "uri",
+            "description": "The homepage URL for the kit, typically where users can find more information or documentation."
+        }
+    }
+}
diff --git a/src/Toolkit/schemas/component.json b/src/Toolkit/schemas/component.json
deleted file mode 100644
index 85749807f22..00000000000
--- a/src/Toolkit/schemas/component.json
+++ /dev/null
@@ -1,31 +0,0 @@
-{
-    "$schema": "http://json-schema.org/draft-07/schema#",
-    "title": "Component Meta Schema",
-    "type": "object",
-    "required": ["dependencies"],
-    "properties": {
-        "dependencies": {
-            "type": "array",
-            "description": "List of dependencies required by the component",
-            "items": {
-                "oneOf": [
-                    {
-                        "type": "object",
-                        "required": ["type", "package"],
-                        "properties": {
-                            "type": {
-                                "type": "string",
-                                "enum": ["php"],
-                                "description": "PHP package dependency"
-                            },
-                            "package": {
-                                "type": "string",
-                                "description": "Package name and optional version constraint"
-                            }
-                        }
-                    }
-                ]
-            }
-        }
-    }
-}
diff --git a/src/Toolkit/src/Assert.php b/src/Toolkit/src/Assert.php
index 70dcb33cc4d..7bcebdcc6f0 100644
--- a/src/Toolkit/src/Assert.php
+++ b/src/Toolkit/src/Assert.php
@@ -55,11 +55,4 @@ public static function phpPackageName(string $name): void
             throw new \InvalidArgumentException(\sprintf('Invalid PHP package name "%s".', $name));
         }
     }
-
-    public static function stimulusControllerName(string $name): void
-    {
-        if (1 !== preg_match('/^[a-z][a-z0-9-]*[a-z0-9]$/', $name)) {
-            throw new \InvalidArgumentException(\sprintf('Invalid Stimulus controller name "%s".', $name));
-        }
-    }
 }
diff --git a/src/Toolkit/src/Asset/Component.php b/src/Toolkit/src/Asset/Component.php
deleted file mode 100644
index 8e6ee0868af..00000000000
--- a/src/Toolkit/src/Asset/Component.php
+++ /dev/null
@@ -1,95 +0,0 @@
-<?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\Toolkit\Asset;
-
-use Symfony\UX\Toolkit\Assert;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
-use Symfony\UX\Toolkit\Dependency\DependencyInterface;
-use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\StimulusControllerDependency;
-use Symfony\UX\Toolkit\File\ComponentMeta;
-use Symfony\UX\Toolkit\File\Doc;
-use Symfony\UX\Toolkit\File\File;
-
-/**
- * @internal
- *
- * @author Hugo Alliaume <hugo@alliau.me>
- */
-final class Component
-{
-    /**
-     * @param non-empty-string $name
-     * @param list<File>       $files
-     */
-    public function __construct(
-        public readonly string $name,
-        public readonly array $files,
-        public ?Doc $doc = null,
-        public ?ComponentMeta $meta = null,
-        private array $dependencies = [],
-    ) {
-        Assert::componentName($name);
-
-        if ([] === $files) {
-            throw new \InvalidArgumentException(\sprintf('The component "%s" must have at least one file.', $name));
-        }
-
-        foreach ($this->meta?->dependencies ?? [] as $dependency) {
-            $this->addDependency($dependency);
-        }
-    }
-
-    public function addDependency(DependencyInterface $dependency): void
-    {
-        foreach ($this->dependencies as $i => $existingDependency) {
-            if ($existingDependency instanceof PhpPackageDependency && $existingDependency->name === $dependency->name) {
-                if ($existingDependency->isHigherThan($dependency)) {
-                    return;
-                }
-
-                $this->dependencies[$i] = $dependency;
-
-                return;
-            }
-
-            if ($existingDependency instanceof ComponentDependency && $existingDependency->name === $dependency->name) {
-                return;
-            }
-
-            if ($existingDependency instanceof StimulusControllerDependency && $existingDependency->name === $dependency->name) {
-                return;
-            }
-        }
-
-        $this->dependencies[] = $dependency;
-    }
-
-    /**
-     * @return list<DependencyInterface>
-     */
-    public function getDependencies(): array
-    {
-        return $this->dependencies;
-    }
-
-    public function hasDependency(DependencyInterface $dependency): bool
-    {
-        foreach ($this->dependencies as $existingDependency) {
-            if ($existingDependency->isEquivalentTo($dependency)) {
-                return true;
-            }
-        }
-
-        return false;
-    }
-}
diff --git a/src/Toolkit/src/Asset/StimulusController.php b/src/Toolkit/src/Asset/StimulusController.php
deleted file mode 100644
index 94db7e19a89..00000000000
--- a/src/Toolkit/src/Asset/StimulusController.php
+++ /dev/null
@@ -1,38 +0,0 @@
-<?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\Toolkit\Asset;
-
-use Symfony\UX\Toolkit\Assert;
-use Symfony\UX\Toolkit\File\File;
-
-/**
- * @internal
- *
- * @author Hugo Alliaume <hugo@alliau.me>
- */
-class StimulusController
-{
-    /**
-     * @param non-empty-string $name
-     * @param list<File>       $files
-     */
-    public function __construct(
-        public readonly string $name,
-        public readonly array $files,
-    ) {
-        Assert::stimulusControllerName($this->name);
-
-        if ([] === $files) {
-            throw new \InvalidArgumentException(\sprintf('Stimulus controller "%s" has no files.', $name));
-        }
-    }
-}
diff --git a/src/Toolkit/src/Command/CreateKitCommand.php b/src/Toolkit/src/Command/CreateKitCommand.php
index 1ab720be848..e9b51460d47 100644
--- a/src/Toolkit/src/Command/CreateKitCommand.php
+++ b/src/Toolkit/src/Command/CreateKitCommand.php
@@ -78,11 +78,17 @@ protected function execute(InputInterface $input, OutputInterface $output): int
 
         // Create the kit
         $this->filesystem->dumpFile('manifest.json', json_encode([
+            '$schema' => '../vendor/symfony/ux-toolkit/schema-kit-v1.json',
             'name' => $kitName,
+            'description' => 'A custom kit for Symfony UX Toolkit.',
             'homepage' => $kitHomepage,
             'license' => $kitLicense,
         ], \JSON_PRETTY_PRINT | \JSON_UNESCAPED_SLASHES));
-        $this->filesystem->dumpFile('templates/components/Button.html.twig', <<<TWIG
+
+        // Create a component
+        $this->filesystem->dumpFile(
+            'Button/templates/components/Button.html.twig',
+            <<<TWIG
 {% props type = 'button', variant = 'default' %}
 {%- set style = html_cva(
     base: 'inline-flex items-center',
@@ -101,49 +107,22 @@ protected function execute(InputInterface $input, OutputInterface $output): int
 </button>
 TWIG
         );
-        $this->filesystem->dumpFile('docs/components/Button.md', <<<MARKDOWN
-# Button
-
-The Button component is a versatile component that allows you to create clickable buttons with various styles and states.
-
-## Installation
-
-Ensure the Symfony UX Toolkit is installed in your Symfony app:
-
-```shell
-$ composer require --dev symfony/ux-toolkit
-```
-
-Then, run the following command to install the component and its dependencies:
-```shell
-$ bin/console ux:toolkit:install-component Button --kit github.com/user/my-ux-toolkit-kit
-```
 
-## Usage
-
-```twig
-<twig:Button>
-    Click me
-</twig:Button>
-```
-
-## Examples
-
-### Button with Variants
-
-```twig
-<twig:Button variant="default">Default</twig:Button>
-<twig:Button variant="secondary">Secondary</twig:Button>
-```
-
-MARKDOWN
-        );
-        $this->filesystem->dumpFile('docs/components/Button.meta.json', json_encode([
-            '$schema' => '../vendor/symfony/ux-toolkit/schemas/component.schema.json',
-            'dependencies' => (object) [],
+        $this->filesystem->dumpFile('Button/manifest.json', json_encode([
+            '$schema' => '../vendor/symfony/ux-toolkit/schema-kit-recipe-v1.json',
+            'name' => 'Button',
+            'description' => 'A clickable element that triggers actions or events, supporting various styles and states.',
+            'copy-files' => [
+                'templates/' => 'templates/',
+            ],
+            'dependencies' => [
+                ['type' => 'php', 'package' => 'twig/extra-bundle'],
+                ['type' => 'php', 'package' => 'twig/html-extra:^3.12.0'],
+                ['type' => 'php', 'package' => 'tales-from-a-dev/twig-tailwind-extra'],
+            ],
         ], \JSON_PRETTY_PRINT | \JSON_UNESCAPED_SLASHES));
 
-        $io->success('Your kit has been scaffolded, enjoy!');
+        $io->success('Your kit has been created successfully, happy coding!');
 
         return self::SUCCESS;
     }
diff --git a/src/Toolkit/src/Command/DebugKitCommand.php b/src/Toolkit/src/Command/DebugKitCommand.php
index 6a79cb84d71..423403bfd95 100644
--- a/src/Toolkit/src/Command/DebugKitCommand.php
+++ b/src/Toolkit/src/Command/DebugKitCommand.php
@@ -45,7 +45,8 @@ protected function configure(): void
     {
         $this
             ->addArgument('kit-path', InputArgument::OPTIONAL, 'The path to the kit to debug', '.')
-            ->setHelp(<<<'EOF'
+            ->setHelp(
+                <<<'EOF'
 To debug a Kit in the current directory:
     <info>php %command.full_name%</info>
 
@@ -64,28 +65,28 @@ protected function execute(InputInterface $input, OutputInterface $output): int
         $kitPath = Path::makeAbsolute($kitPath, getcwd());
         $kit = $this->kitFactory->createKitFromAbsolutePath($kitPath);
 
-        $io->title(\sprintf('Kit "%s"', $kit->name));
+        $io->title(\sprintf('Kit "%s"', $kit->manifest->name));
 
         $io->definitionList(
-            ['Name' => $kit->name],
-            ['Homepage' => $kit->homepage],
-            ['License' => $kit->license],
+            ['Name' => $kit->manifest->name],
+            ['Homepage' => $kit->manifest->homepage],
+            ['License' => $kit->manifest->license],
             new TableSeparator(),
-            ['Path' => $kit->path],
+            ['Path' => $kit->absolutePath],
         );
 
-        $io->section('Components');
-        foreach ($kit->getComponents() as $component) {
+        $io->section('Recipes');
+        foreach ($kit->getRecipes() as $recipe) {
             (new Table($io))
-                ->setHeaderTitle(\sprintf('Component: "%s"', $component->name))
+                ->setHeaderTitle(\sprintf('Recipe: "%s"', $recipe->manifest->name))
                 ->setHorizontal()
                 ->setHeaders([
                     'File(s)',
                     'Dependencies',
                 ])
                 ->addRow([
-                    implode("\n", $component->files),
-                    implode("\n", $component->getDependencies()),
+                    implode("\n", iterator_to_array($recipe->getFiles())),
+                    implode("\n", $recipe->manifest->dependencies),
                 ])
                 ->setColumnWidth(1, 80)
                 ->setColumnMaxWidth(1, 80)
diff --git a/src/Toolkit/src/Command/InstallComponentCommand.php b/src/Toolkit/src/Command/InstallCommand.php
similarity index 53%
rename from src/Toolkit/src/Command/InstallComponentCommand.php
rename to src/Toolkit/src/Command/InstallCommand.php
index 6746a6d5272..5fd88dde172 100644
--- a/src/Toolkit/src/Command/InstallComponentCommand.php
+++ b/src/Toolkit/src/Command/InstallCommand.php
@@ -20,10 +20,10 @@
 use Symfony\Component\Console\Style\SymfonyStyle;
 use Symfony\Component\Filesystem\Filesystem;
 use Symfony\Component\Filesystem\Path;
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\File\File;
+use Symfony\UX\Toolkit\File;
 use Symfony\UX\Toolkit\Installer\Installer;
 use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Recipe\Recipe;
 use Symfony\UX\Toolkit\Registry\LocalRegistry;
 use Symfony\UX\Toolkit\Registry\RegistryFactory;
 
@@ -34,13 +34,12 @@
  * @internal
  */
 #[AsCommand(
-    name: 'ux:toolkit:install-component',
-    description: 'Install a new UX Component (e.g. Alert) in your project',
+    name: 'ux:install',
+    description: 'Install a new UX Toolkit recipe in your project',
 )]
-class InstallComponentCommand extends Command
+class InstallCommand extends Command
 {
     private SymfonyStyle $io;
-    private bool $isInteractive;
 
     public function __construct(
         private readonly RegistryFactory $registryFactory,
@@ -52,30 +51,27 @@ public function __construct(
     protected function configure(): void
     {
         $this
-            ->addArgument('component', InputArgument::OPTIONAL, 'The component name (Ex: Button)')
-            ->addOption('kit', 'k', InputOption::VALUE_OPTIONAL, 'The kit name (Ex: shadcn, or github.com/user/my-ux-toolkit-kit)')
+            ->addArgument('recipe', InputArgument::OPTIONAL, 'The recipe name (Ex: Button)')
+            ->addOption('kit', 'k', InputOption::VALUE_OPTIONAL, 'The kit name (Ex: "shadcn", or "github.com/user/my-ux-toolkit-kit")')
             ->addOption(
                 'destination',
                 'd',
                 InputOption::VALUE_OPTIONAL,
                 'The destination directory',
-                Path::join('templates', 'components')
+                getcwd(),
             )
-            ->addOption('force', 'f', InputOption::VALUE_NONE, 'Force the component installation, even if the component already exists')
+            ->addOption('force', 'f', InputOption::VALUE_NONE, 'Force the recipe installation, even if the files already exists')
             ->setHelp(
                 <<<EOF
-The <info>%command.name%</info> command will install a new UX Component in your project.
+The <info>%command.name%</info> command will install a new UX Recipe in your project.
 
-To install a component from your current kit, use:
+To install a recipe, use:
 
 <info>php %command.full_name% Button</info>
 
-To install a component from an official UX Toolkit kit, use the <info>--kit</info> option:
+To install a recipe from a specific Kit (either official or external), use the <info>--kit</info> option:
 
 <info>php %command.full_name% Button --kit=shadcn</info>
-
-To install a component from an external GitHub kit, use the <info>--kit</info> option:
-
 <info>php %command.full_name% Button --kit=https://github.com/user/my-kit</info>
 <info>php %command.full_name% Button --kit=https://github.com/user/my-kit:branch</info>
 EOF
@@ -92,7 +88,7 @@ protected function execute(InputInterface $input, OutputInterface $output): int
         $io = new SymfonyStyle($input, $output);
 
         $kitName = $input->getOption('kit');
-        $componentName = $input->getArgument('component');
+        $recipeName = $input->getArgument('recipe');
 
         // If the kit name is not explicitly provided, we need to suggest one
         if (null === $kitName) {
@@ -102,18 +98,18 @@ protected function execute(InputInterface $input, OutputInterface $output): int
             foreach ($availableKitNames as $availableKitName) {
                 $kit = $this->registryFactory->getForKit($availableKitName)->getKit($availableKitName);
 
-                if (null === $componentName) {
+                if (null === $recipeName) {
                     $availableKits[] = $kit;
-                } elseif (null !== $kit->getComponent($componentName)) {
+                } elseif (null !== $kit->getRecipe(name: $recipeName)) {
                     $availableKits[] = $kit;
                 }
             }
             // If more than one kit is available, we ask the user which one to use
             if (($availableKitsCount = \count($availableKits)) > 1) {
-                $kitName = $io->choice(null === $componentName ? 'Which kit do you want to use?' : \sprintf('The component "%s" exists in multiple kits. Which one do you want to use?', $componentName), array_map(fn (Kit $kit) => $kit->name, $availableKits));
+                $kitName = $io->choice(null === $recipeName ? 'Which kit do you want to use?' : \sprintf('The recipe "%s" exists in multiple kits. Which one do you want to use?', $recipeName), array_map(fn (Kit $kit) => $kit->manifest->name, $availableKits));
 
                 foreach ($availableKits as $availableKit) {
-                    if ($availableKit->name === $kitName) {
+                    if ($availableKit->manifest->name === $kitName) {
                         $kit = $availableKit;
                         break;
                     }
@@ -121,9 +117,10 @@ protected function execute(InputInterface $input, OutputInterface $output): int
             } elseif (1 === $availableKitsCount) {
                 $kit = $availableKits[0];
             } else {
-                $io->error(null === $componentName
+                $io->error(
+                    null === $recipeName
                     ? 'It seems that no local kits are available and it should not happens. Please open an issue on https://github.com/symfony/ux to report this.'
-                    : \sprintf("The component \"%s\" does not exist in any local kits.\n\nYou can try to run one of the following commands to interactively install components:\n%s\n\nOr you can try one of the community kits https://github.com/search?q=topic:ux-toolkit&type=repositories", $componentName, implode("\n", array_map(fn (string $availableKitName) => \sprintf('$ bin/console %s --kit %s', $this->getName(), $availableKitName), $availableKitNames)))
+                    : \sprintf("The recipe \"%s\" does not exist in any official kits.\n\nYou can try to run one of the following commands to interactively install recipes:\n%s\n\nOr you can try one of the community kits https://github.com/search?q=topic:ux-toolkit&type=repositories", $recipeName, implode("\n", array_map(fn (string $availableKitName) => \sprintf('$ bin/console %s --kit %s', $this->getName(), $availableKitName), $availableKitNames)))
                 );
 
                 return Command::FAILURE;
@@ -133,26 +130,26 @@ protected function execute(InputInterface $input, OutputInterface $output): int
             $kit = $registry->getKit($kitName);
         }
 
-        if (null === $componentName) {
-            // Ask for the component name if not provided
-            $componentName = $io->choice('Which component do you want to install?', array_map(fn (Component $component) => $component->name, $this->getAvailableComponents($kit)));
-            $component = $kit->getComponent($componentName);
-        } elseif (null === $component = $kit->getComponent($componentName)) {
-            // Suggest alternatives if component does not exist
-            $message = \sprintf('The component "%s" does not exist.', $componentName);
+        if (null === $recipeName) {
+            // Ask for the recipe name if not provided
+            $recipeName = $io->choice('Which recipe do you want to install?', array_map(fn (Recipe $recipe) => $recipe->manifest->name, $kit->getRecipes()));
+            $recipe = $kit->getRecipe(name: $recipeName);
+        } elseif (null === $recipe = $kit->getRecipe($recipeName)) {
+            // Suggest alternatives if recipe does not exist
+            $message = \sprintf('The recipe "%s" does not exist.', $recipeName);
 
-            $alternativeComponents = $this->getAlternativeComponents($kit, $componentName);
-            $alternativeComponentsCount = \count($alternativeComponents);
+            $alternativeRecipes = $this->getAlternativeRecipes($kit, $recipeName);
+            $alternativeRecipesCount = \count($alternativeRecipes);
 
-            if (1 === $alternativeComponentsCount && $input->isInteractive()) {
+            if (1 === $alternativeRecipesCount && $input->isInteractive()) {
                 $io->warning($message);
-                if ($io->confirm(\sprintf('Do you want to install the component "%s" instead?', $alternativeComponents[0]->name))) {
-                    $component = $alternativeComponents[0];
+                if ($io->confirm(\sprintf('Do you want to install the recipe "%s" instead?', $alternativeRecipes[0]->manifest->name))) {
+                    $recipe = $alternativeRecipes[0];
                 } else {
                     return Command::FAILURE;
                 }
-            } elseif ($alternativeComponentsCount > 0) {
-                $io->warning(\sprintf('%s'."\n".'Possible alternatives: "%s"', $message, implode('", "', array_map(fn (Component $c) => $c->name, $alternativeComponents))));
+            } elseif ($alternativeRecipesCount > 0) {
+                $io->warning(\sprintf('%s'."\n".'Possible alternatives: "%s"', $message, implode('", "', array_map(fn (Recipe $c) => $c->manifest->name, $alternativeRecipes))));
 
                 return Command::FAILURE;
             } else {
@@ -162,20 +159,20 @@ protected function execute(InputInterface $input, OutputInterface $output): int
             }
         }
 
-        $io->writeln(\sprintf('Installing component <info>%s</> from the <info>%s</> kit...', $component->name, $kit->name));
+        $io->writeln(\sprintf('Installing recipe <info>%s</> from the <info>%s</> kit...', $recipe->manifest->name, $kit->manifest->name));
 
         $installer = new Installer($this->filesystem, fn (string $question) => $this->io->confirm($question, $input->isInteractive()));
-        $installationReport = $installer->installComponent($kit, $component, $destinationPath = $input->getOption('destination'), $input->getOption('force'));
+        $installationReport = $installer->installRecipe($kit, $recipe, $destinationPath = $input->getOption('destination'), $input->getOption('force'));
 
         if ([] === $installationReport->newFiles) {
-            $this->io->warning('The component has not been installed.');
+            $this->io->warning('The recipe has not been installed.');
 
             return Command::SUCCESS;
         }
 
-        $this->io->success('The component has been installed.');
+        $this->io->success('The recipe has been installed.');
         $this->io->writeln('The following file(s) have been added to your project:');
-        $this->io->listing(array_map(fn (File $file) => Path::join($destinationPath, $file->relativePathName), $installationReport->newFiles));
+        $this->io->listing(array_map(fn (File $file) => Path::join($destinationPath, $file->sourceRelativePathName), $installationReport->newFiles));
 
         if ([] !== $installationReport->suggestedPhpPackages) {
             $this->io->writeln(\sprintf('Run <info>composer require %s</> to install the required PHP dependencies.', implode(' ', $installationReport->suggestedPhpPackages)));
@@ -186,34 +183,16 @@ protected function execute(InputInterface $input, OutputInterface $output): int
     }
 
     /**
-     * @return list<Component>
-     */
-    private function getAvailableComponents(Kit $kit): array
-    {
-        $availableComponents = [];
-
-        foreach ($kit->getComponents() as $component) {
-            if (str_contains($component->name, ':')) {
-                continue;
-            }
-
-            $availableComponents[] = $component;
-        }
-
-        return $availableComponents;
-    }
-
-    /**
-     * @return list<Component>
+     * @return list<Recipe>
      */
-    private function getAlternativeComponents(Kit $kit, string $componentName): array
+    private function getAlternativeRecipes(Kit $kit, string $recipeName): array
     {
         $alternative = [];
 
-        foreach ($kit->getComponents() as $component) {
-            $lev = levenshtein($componentName, $component->name, 2, 5, 10);
-            if ($lev <= 8 || str_contains($component->name, $componentName)) {
-                $alternative[] = $component;
+        foreach ($kit->getRecipes() as $recipe) {
+            $lev = levenshtein($recipeName, $recipe->manifest->name, 2, 5, 10);
+            if ($lev <= 8 || str_contains($recipe->manifest->name, $recipeName)) {
+                $alternative[] = $recipe;
             }
         }
 
diff --git a/src/Toolkit/src/Dependency/ComponentDependency.php b/src/Toolkit/src/Dependency/ComponentDependency.php
deleted file mode 100644
index d5eb860b3a0..00000000000
--- a/src/Toolkit/src/Dependency/ComponentDependency.php
+++ /dev/null
@@ -1,47 +0,0 @@
-<?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\Toolkit\Dependency;
-
-use Symfony\UX\Toolkit\Assert;
-
-/**
- * Represents a dependency on a component.
- *
- * @internal
- *
- * @author Hugo Alliaume <hugo@alliau.me>
- */
-final class ComponentDependency implements DependencyInterface
-{
-    /**
-     * @param non-empty-string $name The name of the component, e.g. "Table" or "Table:Body"
-     */
-    public function __construct(
-        public string $name,
-    ) {
-        Assert::componentName($this->name);
-    }
-
-    public function isEquivalentTo(DependencyInterface $dependency): bool
-    {
-        if (!$dependency instanceof self) {
-            return false;
-        }
-
-        return $this->name === $dependency->name;
-    }
-
-    public function __toString(): string
-    {
-        return $this->name;
-    }
-}
diff --git a/src/Toolkit/src/Dependency/DependencyInterface.php b/src/Toolkit/src/Dependency/DependencyInterface.php
index c4089c4b5cd..7a3bcad0354 100644
--- a/src/Toolkit/src/Dependency/DependencyInterface.php
+++ b/src/Toolkit/src/Dependency/DependencyInterface.php
@@ -21,4 +21,6 @@
 interface DependencyInterface extends \Stringable
 {
     public function isEquivalentTo(self $dependency): bool;
+
+    public function toDebug(): string;
 }
diff --git a/src/Toolkit/src/Dependency/PhpPackageDependency.php b/src/Toolkit/src/Dependency/PhpPackageDependency.php
index ab365d1886c..28cf9044804 100644
--- a/src/Toolkit/src/Dependency/PhpPackageDependency.php
+++ b/src/Toolkit/src/Dependency/PhpPackageDependency.php
@@ -50,8 +50,13 @@ public function isHigherThan(self $dependency): bool
         return $this->constraintVersion->isHigherThan($dependency->constraintVersion);
     }
 
+    public function toDebug(): string
+    {
+        return \sprintf('PHP package "%s"', $this->__toString());
+    }
+
     public function __toString(): string
     {
-        return $this->name.($this->constraintVersion ? ':^'.$this->constraintVersion : '');
+        return $this->name.(null !== $this->constraintVersion ? ':'.$this->constraintVersion : '');
     }
 }
diff --git a/src/Toolkit/src/Dependency/StimulusControllerDependency.php b/src/Toolkit/src/Dependency/RecipeDependency.php
similarity index 75%
rename from src/Toolkit/src/Dependency/StimulusControllerDependency.php
rename to src/Toolkit/src/Dependency/RecipeDependency.php
index 6fd8733c1ec..aa087074893 100644
--- a/src/Toolkit/src/Dependency/StimulusControllerDependency.php
+++ b/src/Toolkit/src/Dependency/RecipeDependency.php
@@ -11,24 +11,21 @@
 
 namespace Symfony\UX\Toolkit\Dependency;
 
-use Symfony\UX\Toolkit\Assert;
-
 /**
- * Represents a dependency on a Stimulus controller.
- *
- * @internal
+ * Represents a dependency on a recipe.
  *
  * @author Hugo Alliaume <hugo@alliau.me>
+ *
+ * @internal
  */
-final class StimulusControllerDependency implements DependencyInterface
+class RecipeDependency implements DependencyInterface
 {
     /**
      * @param non-empty-string $name
      */
     public function __construct(
-        public string $name,
+        public readonly string $name,
     ) {
-        Assert::stimulusControllerName($this->name);
     }
 
     public function isEquivalentTo(DependencyInterface $dependency): bool
@@ -40,6 +37,11 @@ public function isEquivalentTo(DependencyInterface $dependency): bool
         return $this->name === $dependency->name;
     }
 
+    public function toDebug(): string
+    {
+        return \sprintf('Recipe "%s"', $this->__toString());
+    }
+
     public function __toString(): string
     {
         return $this->name;
diff --git a/src/Toolkit/src/File.php b/src/Toolkit/src/File.php
new file mode 100644
index 00000000000..3c5ee69f82d
--- /dev/null
+++ b/src/Toolkit/src/File.php
@@ -0,0 +1,43 @@
+<?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\Toolkit;
+
+use Symfony\Component\Filesystem\Path;
+
+/**
+ * @internal
+ *
+ * @author Hugo Alliaume <hugo@alliau.me>
+ */
+final class File implements \Stringable
+{
+    /**
+     * @throws \InvalidArgumentException
+     */
+    public function __construct(
+        public readonly string $sourceRelativePathName,
+        public readonly string $destinationRelativePathName,
+    ) {
+        if (!Path::isRelative($this->sourceRelativePathName)) {
+            throw new \InvalidArgumentException(\sprintf('The source path "%s" must be relative.', $this->sourceRelativePathName));
+        }
+
+        if (!Path::isRelative($this->destinationRelativePathName)) {
+            throw new \InvalidArgumentException(\sprintf('The destination path "%s" must be relative.', $this->destinationRelativePathName));
+        }
+    }
+
+    public function __toString(): string
+    {
+        return $this->sourceRelativePathName;
+    }
+}
diff --git a/src/Toolkit/src/File/ComponentMeta.php b/src/Toolkit/src/File/ComponentMeta.php
deleted file mode 100644
index 9048ce1dd5d..00000000000
--- a/src/Toolkit/src/File/ComponentMeta.php
+++ /dev/null
@@ -1,66 +0,0 @@
-<?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\Toolkit\File;
-
-use Symfony\UX\Toolkit\Dependency\DependencyInterface;
-use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\Version;
-
-/**
- * @author Hugo Alliaume <hugo@alliau.me>
- *
- * @internal
- */
-final class ComponentMeta
-{
-    public static function fromJson(string $json): self
-    {
-        $data = json_decode($json, true, flags: \JSON_THROW_ON_ERROR);
-        unset($data['$schema']);
-
-        $dependencies = [];
-        foreach ($data['dependencies'] ?? [] as $i => $dependency) {
-            if (!isset($dependency['type'])) {
-                throw new \InvalidArgumentException(\sprintf('The dependency type is missing for dependency #%d, add "type" key.', $i));
-            }
-
-            if ('php' === $dependency['type']) {
-                $package = $dependency['package'] ?? throw new \InvalidArgumentException(\sprintf('The package name is missing for dependency #%d.', $i));
-                if (str_contains($package, ':')) {
-                    [$name, $version] = explode(':', $package, 2);
-                    $dependencies[] = new PhpPackageDependency($name, new Version($version));
-                } else {
-                    $dependencies[] = new PhpPackageDependency($package);
-                }
-            } else {
-                throw new \InvalidArgumentException(\sprintf('The dependency type "%s" is not supported.', $dependency['type']));
-            }
-        }
-        unset($data['dependencies']);
-
-        if ([] !== $unused = array_keys($data)) {
-            throw new \InvalidArgumentException(\sprintf('The following key(s) are not supported: "%s".', implode('", "', $unused)));
-        }
-
-        return new self(
-            $dependencies
-        );
-    }
-
-    /**
-     * @param list<DependencyInterface> $dependencies
-     */
-    private function __construct(
-        public readonly array $dependencies,
-    ) {
-    }
-}
diff --git a/src/Toolkit/src/File/File.php b/src/Toolkit/src/File/File.php
deleted file mode 100644
index dec39e05729..00000000000
--- a/src/Toolkit/src/File/File.php
+++ /dev/null
@@ -1,50 +0,0 @@
-<?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\Toolkit\File;
-
-use Symfony\Component\Filesystem\Path;
-
-/**
- * @internal
- *
- * @author Hugo Alliaume <hugo@alliau.me>
- */
-final class File implements \Stringable
-{
-    /**
-     * @param non-empty-string $relativePathNameToKit relative path from the kit root directory, example "templates/components/Table/Body.html.twig"
-     * @param non-empty-string $relativePathName      relative path name, without any prefix, example "Table/Body.html.twig"
-     *
-     * @throws \InvalidArgumentException
-     */
-    public function __construct(
-        public readonly string $relativePathNameToKit,
-        public readonly string $relativePathName,
-    ) {
-        if (!Path::isRelative($relativePathNameToKit)) {
-            throw new \InvalidArgumentException(\sprintf('The path to the kit "%s" must be relative.', $relativePathNameToKit));
-        }
-
-        if (!Path::isRelative($relativePathName)) {
-            throw new \InvalidArgumentException(\sprintf('The path name "%s" must be relative.', $relativePathName));
-        }
-
-        if (!str_ends_with($relativePathNameToKit, $relativePathName)) {
-            throw new \InvalidArgumentException(\sprintf('The relative path name "%s" must be a subpath of the relative path to the kit "%s".', $relativePathName, $relativePathNameToKit));
-        }
-    }
-
-    public function __toString(): string
-    {
-        return $this->relativePathNameToKit;
-    }
-}
diff --git a/src/Toolkit/src/Installer/InstallationReport.php b/src/Toolkit/src/Installer/InstallationReport.php
index 975fbe1bd75..2844367e28e 100644
--- a/src/Toolkit/src/Installer/InstallationReport.php
+++ b/src/Toolkit/src/Installer/InstallationReport.php
@@ -14,7 +14,7 @@
 namespace Symfony\UX\Toolkit\Installer;
 
 use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\File\File;
+use Symfony\UX\Toolkit\File;
 
 /**
  * Represents the output after an installation.
diff --git a/src/Toolkit/src/Installer/Installer.php b/src/Toolkit/src/Installer/Installer.php
index 816576e549f..4c0a6e05096 100644
--- a/src/Toolkit/src/Installer/Installer.php
+++ b/src/Toolkit/src/Installer/Installer.php
@@ -15,9 +15,8 @@
 
 use Symfony\Component\Filesystem\Filesystem;
 use Symfony\Component\Filesystem\Path;
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\File\File;
 use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Recipe\Recipe;
 
 final class Installer
 {
@@ -33,9 +32,9 @@ public function __construct(
         $this->poolResolver = new PoolResolver();
     }
 
-    public function installComponent(Kit $kit, Component $component, string $destinationPath, bool $force): InstallationReport
+    public function installRecipe(Kit $kit, Recipe $recipe, string $destinationPath, bool $force): InstallationReport
     {
-        $pool = $this->poolResolver->resolveForComponent($kit, $component);
+        $pool = $this->poolResolver->resolveForRecipe($kit, $recipe);
         $output = $this->handlePool($pool, $kit, $destinationPath, $force);
 
         return $output;
@@ -48,30 +47,29 @@ private function handlePool(Pool $pool, Kit $kit, string $destinationPath, bool
     {
         $installedFiles = [];
 
-        foreach ($pool->getFiles() as $file) {
-            if ($this->installFile($kit, $file, $destinationPath, $force)) {
-                $installedFiles[] = $file;
+        foreach ($pool->getFiles() as $recipeAbsolutePath => $files) {
+            foreach ($files as $file) {
+                $sourceAbsolutePathName = Path::join($recipeAbsolutePath, $file->sourceRelativePathName);
+                $destinationAbsolutePathName = Path::join($destinationPath, $file->destinationRelativePathName);
+
+                if ($this->copyFile($kit, $sourceAbsolutePathName, $destinationAbsolutePathName, $force)) {
+                    $installedFiles[] = $file;
+                }
             }
         }
 
         return new InstallationReport(newFiles: $installedFiles, suggestedPhpPackages: $pool->getPhpPackageDependencies());
     }
 
-    /**
-     * @param non-empty-string $destinationPath
-     */
-    private function installFile(Kit $kit, File $file, string $destinationPath, bool $force): bool
+    private function copyFile(Kit $kit, string $sourceAbsolutePathName, string $destinationAbsolutePathName, bool $force): bool
     {
-        $componentPath = Path::join($kit->path, $file->relativePathNameToKit);
-        $componentDestinationPath = Path::join($destinationPath, $file->relativePathName);
-
-        if ($this->filesystem->exists($componentDestinationPath) && !$force) {
-            if (!($this->askConfirmation)(\sprintf('File "%s" already exists. Do you want to overwrite it?', $componentDestinationPath))) {
+        if ($this->filesystem->exists($destinationAbsolutePathName) && !$force) {
+            if (!($this->askConfirmation)(\sprintf('File "%s" already exists. Do you want to overwrite it?', $destinationAbsolutePathName))) {
                 return false;
             }
         }
 
-        $this->filesystem->copy($componentPath, $componentDestinationPath, $force);
+        $this->filesystem->copy($sourceAbsolutePathName, $destinationAbsolutePathName, $force);
 
         return true;
     }
diff --git a/src/Toolkit/src/Installer/Pool.php b/src/Toolkit/src/Installer/Pool.php
index 545b8c25f26..80550bf27c0 100644
--- a/src/Toolkit/src/Installer/Pool.php
+++ b/src/Toolkit/src/Installer/Pool.php
@@ -14,7 +14,8 @@
 namespace Symfony\UX\Toolkit\Installer;
 
 use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\File\File;
+use Symfony\UX\Toolkit\File;
+use Symfony\UX\Toolkit\Recipe\Recipe;
 
 /**
  * Represents a pool of files and dependencies to be installed.
@@ -35,13 +36,13 @@ final class Pool
      */
     private array $phpPackageDependencies = [];
 
-    public function addFile(File $file): void
+    public function addFile(Recipe $recipe, File $file): void
     {
-        $this->files[$file->relativePathName] ??= $file;
+        $this->files[$recipe->absolutePath][$file->destinationRelativePathName] ??= $file;
     }
 
     /**
-     * @return array<non-empty-string, File>
+     * @return array<non-empty-string, array<non-empty-string, File>>
      */
     public function getFiles(): array
     {
diff --git a/src/Toolkit/src/Installer/PoolResolver.php b/src/Toolkit/src/Installer/PoolResolver.php
index 385663aa60b..6f45618ffeb 100644
--- a/src/Toolkit/src/Installer/PoolResolver.php
+++ b/src/Toolkit/src/Installer/PoolResolver.php
@@ -13,49 +13,49 @@
 
 namespace Symfony\UX\Toolkit\Installer;
 
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
 use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\StimulusControllerDependency;
+use Symfony\UX\Toolkit\Dependency\RecipeDependency;
 use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Recipe\Recipe;
 
+/**
+ * @author Hugo Alliaume <hugo@alliau.me>
+ *
+ * @internal
+ */
 final class PoolResolver
 {
-    public function resolveForComponent(Kit $kit, Component $component): Pool
+    public function resolveForRecipe(Kit $kit, Recipe $recipe): Pool
     {
         $pool = new Pool();
 
         // Process the component and its dependencies
-        $componentsStack = [$component];
-        $visitedComponents = new \SplObjectStorage();
+        $recipesStack = [$recipe];
+        $visitedRecipes = new \SplObjectStorage();
 
-        while (!empty($componentsStack)) {
-            $currentComponent = array_pop($componentsStack);
+        while (!empty($recipesStack)) {
+            $currentRecipe = array_pop($recipesStack);
 
             // Skip circular references
-            if ($visitedComponents->contains($currentComponent)) {
+            if ($visitedRecipes->contains($currentRecipe)) {
                 continue;
             }
 
-            $visitedComponents->attach($currentComponent);
+            $visitedRecipes->attach($currentRecipe);
 
-            foreach ($currentComponent->files as $file) {
-                $pool->addFile($file);
+            foreach ($currentRecipe->getFiles() as $file) {
+                $pool->addFile($currentRecipe, $file);
             }
 
-            foreach ($currentComponent->getDependencies() as $dependency) {
-                if ($dependency instanceof ComponentDependency) {
-                    $componentsStack[] = $kit->getComponent($dependency->name);
-                } elseif ($dependency instanceof PhpPackageDependency) {
+            foreach ($currentRecipe->manifest->dependencies as $dependency) {
+                if ($dependency instanceof PhpPackageDependency) {
                     $pool->addPhpPackageDependency($dependency);
-                } elseif ($dependency instanceof StimulusControllerDependency) {
-                    if (null === $stimulusController = $kit->getStimulusController($dependency->name)) {
-                        throw new \RuntimeException(\sprintf('Stimulus controller "%s" not found.', $dependency->name));
+                } elseif ($dependency instanceof RecipeDependency) {
+                    if (null === $recipeDependency = $kit->getRecipe($dependency->name)) {
+                        throw new \LogicException(\sprintf('The recipe "%s" has a dependency on unregistered recipe "%s".', $currentRecipe->manifest->name, $dependency->name));
                     }
 
-                    foreach ($stimulusController->files as $file) {
-                        $pool->addFile($file);
-                    }
+                    $recipesStack[] = $recipeDependency;
                 } else {
                     throw new \RuntimeException(\sprintf('Unknown dependency type: "%s"', $dependency::class));
                 }
diff --git a/src/Toolkit/src/Kit/Kit.php b/src/Toolkit/src/Kit/Kit.php
index dcf69290581..04b326c507a 100644
--- a/src/Toolkit/src/Kit/Kit.php
+++ b/src/Toolkit/src/Kit/Kit.php
@@ -12,9 +12,8 @@
 namespace Symfony\UX\Toolkit\Kit;
 
 use Symfony\Component\Filesystem\Path;
-use Symfony\UX\Toolkit\Assert;
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\Asset\StimulusController;
+use Symfony\UX\Toolkit\Recipe\Recipe;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
 
 /**
  * @internal
@@ -24,86 +23,53 @@
 final class Kit
 {
     /**
-     * @param non-empty-string         $path
-     * @param non-empty-string         $name
-     * @param non-empty-string|null    $homepage
-     * @param non-empty-string|null    $license
-     * @param list<Component>          $components
-     * @param list<StimulusController> $stimulusControllers
+     * @var list<Recipe>
      */
-    public function __construct(
-        public readonly string $path,
-        public readonly string $name,
-        public readonly ?string $homepage = null,
-        public readonly ?string $license = null,
-        public readonly ?string $description = null,
-        public readonly ?string $uxIcon = null,
-        public ?string $installAsMarkdown = null,
-        private array $components = [],
-        private array $stimulusControllers = [],
-    ) {
-        Assert::kitName($this->name);
-
-        if (!Path::isAbsolute($this->path)) {
-            throw new \InvalidArgumentException(\sprintf('Kit path "%s" is not absolute.', $this->path));
-        }
-
-        if (null !== $this->homepage && !filter_var($this->homepage, \FILTER_VALIDATE_URL)) {
-            throw new \InvalidArgumentException(\sprintf('Invalid homepage URL "%s".', $this->homepage));
-        }
-    }
+    private array $recipes = [];
 
     /**
-     * @throws \InvalidArgumentException if the component is already registered in the kit
+     * @param non-empty-string $absolutePath
+     *
+     * @throws \InvalidArgumentException
      */
-    public function addComponent(Component $component): void
-    {
-        foreach ($this->components as $existingComponent) {
-            if ($existingComponent->name === $component->name) {
-                throw new \InvalidArgumentException(\sprintf('Component "%s" is already registered in the kit.', $component->name));
-            }
+    public function __construct(
+        public readonly string $absolutePath,
+        public readonly KitManifest $manifest,
+        public ?string $installAsMarkdown = null,
+    ) {
+        if (!Path::isAbsolute($this->absolutePath)) {
+            throw new \InvalidArgumentException(\sprintf('Kit path "%s" is not absolute.', $this->absolutePath));
         }
-
-        $this->components[] = $component;
-    }
-
-    public function getComponents(): array
-    {
-        return $this->components;
     }
 
-    public function getComponent(string $name): ?Component
+    public function addRecipe(Recipe $recipe): void
     {
-        foreach ($this->components as $component) {
-            if ($component->name === $name) {
-                return $component;
+        foreach ($this->recipes as $existingRecipe) {
+            if ($existingRecipe->manifest->name === $recipe->manifest->name) {
+                throw new \InvalidArgumentException(\sprintf('Recipe "%s" is already registered in the kit.', $recipe->manifest->name));
             }
         }
 
-        return null;
+        $this->recipes[] = $recipe;
     }
 
-    public function addStimulusController(StimulusController $stimulusController): void
+    /**
+     * @return array<Recipe>
+     */
+    public function getRecipes(?RecipeType $type = null): array
     {
-        foreach ($this->stimulusControllers as $existingStimulusController) {
-            if ($existingStimulusController->name === $stimulusController->name) {
-                throw new \InvalidArgumentException(\sprintf('Stimulus controller "%s" is already registered in the kit.', $stimulusController->name));
-            }
+        if (null !== $type) {
+            $this->recipes = array_filter($this->recipes, fn (Recipe $recipe) => $recipe->manifest->type === $type);
         }
 
-        $this->stimulusControllers[] = $stimulusController;
-    }
-
-    public function getStimulusControllers(): array
-    {
-        return $this->stimulusControllers;
+        return $this->recipes;
     }
 
-    public function getStimulusController(string $name): ?StimulusController
+    public function getRecipe(string $name, ?RecipeType $type = null): ?Recipe
     {
-        foreach ($this->stimulusControllers as $stimulusController) {
-            if ($stimulusController->name === $name) {
-                return $stimulusController;
+        foreach ($this->recipes as $recipe) {
+            if ($recipe->manifest->name === $name && (null === $type || $recipe->manifest->type === $type)) {
+                return $recipe;
             }
         }
 
diff --git a/src/Toolkit/src/Kit/KitContextRunner.php b/src/Toolkit/src/Kit/KitContextRunner.php
index e55667c19bb..38962e7dbc1 100644
--- a/src/Toolkit/src/Kit/KitContextRunner.php
+++ b/src/Toolkit/src/Kit/KitContextRunner.php
@@ -11,7 +11,7 @@
 
 namespace Symfony\UX\Toolkit\Kit;
 
-use Symfony\Component\Filesystem\Path;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
 use Symfony\UX\TwigComponent\ComponentFactory;
 use Symfony\UX\TwigComponent\ComponentTemplateFinderInterface;
 use Twig\Loader\ChainLoader;
@@ -55,10 +55,11 @@ private function contextualizeServicesForKit(Kit $kit): callable
     {
         // Configure Twig
         $initialTwigLoader = $this->twig->getLoader();
-        $this->twig->setLoader(new ChainLoader([
-            new FilesystemLoader(Path::join($kit->path, 'templates/components')),
-            $initialTwigLoader,
-        ]));
+        $loaders = [];
+        foreach ($kit->getRecipes(type: RecipeType::Component) as $recipe) {
+            $loaders[] = new FilesystemLoader($recipe->absolutePath);
+        }
+        $this->twig->setLoader(new ChainLoader([...$loaders, $initialTwigLoader]));
 
         // Configure Twig Components
         $reflComponentFactory = new \ReflectionClass($this->componentFactory);
@@ -82,22 +83,22 @@ private function createComponentTemplateFinder(Kit $kit): ComponentTemplateFinde
     {
         static $instances = [];
 
-        return $instances[$kit->name] ?? new class($kit) implements ComponentTemplateFinderInterface {
+        return $instances[$kit->manifest->name] ?? new class($kit) implements ComponentTemplateFinderInterface {
             public function __construct(private readonly Kit $kit)
             {
             }
 
             public function findAnonymousComponentTemplate(string $name): ?string
             {
-                if (null === $component = $this->kit->getComponent($name)) {
-                    throw new \RuntimeException(\sprintf('Component "%s" does not exist in kit "%s".', $name, $this->kit->name));
-                }
-
-                foreach ($component->files as $file) {
-                    return $file->relativePathName;
+                foreach ($this->kit->getRecipes(type: RecipeType::Component) as $recipe) {
+                    foreach ($recipe->getFiles() as $file) {
+                        if (str_ends_with($file->sourceRelativePathName, str_replace(':', \DIRECTORY_SEPARATOR, $name).'.html.twig')) {
+                            return $file->sourceRelativePathName;
+                        }
+                    }
                 }
 
-                throw new \LogicException(\sprintf('No Twig files found for component "%s" in kit "%s", it should not happens.', $name, $this->kit->name));
+                throw new \LogicException(\sprintf('No Twig files found for component "%s" in kit "%s", it should not happens.', $name, $this->kit->manifest->name));
             }
         };
     }
diff --git a/src/Toolkit/src/Kit/KitFactory.php b/src/Toolkit/src/Kit/KitFactory.php
index 3e20df1c6ca..e127b02a19d 100644
--- a/src/Toolkit/src/Kit/KitFactory.php
+++ b/src/Toolkit/src/Kit/KitFactory.php
@@ -29,7 +29,6 @@ public function __construct(
 
     /**
      * @throws \InvalidArgumentException if the manifest file is missing a required key
-     * @throws \JsonException            if the manifest file is not valid JSON
      */
     public function createKitFromAbsolutePath(string $absolutePath): Kit
     {
@@ -45,15 +44,13 @@ public function createKitFromAbsolutePath(string $absolutePath): Kit
             throw new \InvalidArgumentException(\sprintf('File "%s" not found.', $manifestPath));
         }
 
-        $manifest = json_decode(file_get_contents($manifestPath), true, flags: \JSON_THROW_ON_ERROR);
+        try {
+            $manifest = KitManifest::fromJson(file_get_contents($manifestPath));
+        } catch (\JsonException $e) {
+            throw new \RuntimeException(\sprintf('Unable to parse "%s"', $manifestPath), previous: $e);
+        }
 
-        $kit = new Kit(
-            path: $absolutePath,
-            name: $manifest['name'] ?? throw new \InvalidArgumentException('Manifest file is missing "name" key.'),
-            homepage: $manifest['homepage'] ?? throw new \InvalidArgumentException('Manifest file is missing "homepage" key.'),
-            license: $manifest['license'] ?? throw new \InvalidArgumentException('Manifest file is missing "license" key.'),
-            description: $manifest['description'] ?? null,
-        );
+        $kit = new Kit(absolutePath: $absolutePath, manifest: $manifest);
 
         $this->kitSynchronizer->synchronize($kit);
 
diff --git a/src/Toolkit/src/Kit/KitManifest.php b/src/Toolkit/src/Kit/KitManifest.php
new file mode 100644
index 00000000000..321806f3c29
--- /dev/null
+++ b/src/Toolkit/src/Kit/KitManifest.php
@@ -0,0 +1,50 @@
+<?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\Toolkit\Kit;
+
+use Symfony\UX\Toolkit\Assert;
+
+/**
+ * @author Hugo Alliaume <hugo@alliau.me>
+ */
+final class KitManifest
+{
+    public function __construct(
+        public readonly string $name,
+        public readonly string $description,
+        public readonly string $license,
+        public readonly string $homepage,
+        public ?string $installAsMarkdown = null,
+    ) {
+        Assert::kitName($this->name);
+
+        if (!filter_var($this->homepage, \FILTER_VALIDATE_URL)) {
+            throw new \InvalidArgumentException(\sprintf('Invalid homepage URL "%s".', $this->homepage));
+        }
+    }
+
+    /**
+     * @throws \JsonException
+     * @throws \InvalidArgumentException
+     */
+    public static function fromJson(string $json): self
+    {
+        $data = json_decode($json, true, flags: \JSON_THROW_ON_ERROR);
+
+        return new self(
+            name: $data['name'] ?? throw new \InvalidArgumentException('Property "name" is required.'),
+            description: $data['description'] ?? throw new \InvalidArgumentException('Property "description" is required.'),
+            license: $data['license'] ?? throw new \InvalidArgumentException('Property "license" is required.'),
+            homepage: $data['homepage'] ?? throw new \InvalidArgumentException('Property "homepage" is required.')
+        );
+    }
+}
diff --git a/src/Toolkit/src/Kit/KitSynchronizer.php b/src/Toolkit/src/Kit/KitSynchronizer.php
index 0f13f92168f..951ba70fab0 100644
--- a/src/Toolkit/src/Kit/KitSynchronizer.php
+++ b/src/Toolkit/src/Kit/KitSynchronizer.php
@@ -14,14 +14,7 @@
 use Symfony\Component\Filesystem\Filesystem;
 use Symfony\Component\Filesystem\Path;
 use Symfony\Component\Finder\Finder;
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\Asset\StimulusController;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
-use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\StimulusControllerDependency;
-use Symfony\UX\Toolkit\File\ComponentMeta;
-use Symfony\UX\Toolkit\File\Doc;
-use Symfony\UX\Toolkit\File\File;
+use Symfony\UX\Toolkit\Recipe\RecipeSynchronizer;
 
 /**
  * @internal
@@ -30,176 +23,36 @@
  */
 final class KitSynchronizer
 {
-    /**
-     * @see https://regex101.com/r/WasRGf/1
-     */
-    private const RE_TWIG_COMPONENT_REFERENCES = '/<twig:(?P<componentName>[a-zA-Z0-9:_-]+)/';
-
-    /**
-     * @see https://regex101.com/r/inIBID/1
-     */
-    private const RE_STIMULUS_CONTROLLER_REFERENCES = '/data-controller=(["\'])(?P<controllersName>.+?)\1/';
-
-    private const UX_COMPONENTS_PACKAGES = [
-        'ux:icon' => 'symfony/ux-icons',
-        'ux:map' => 'symfony/ux-map',
-    ];
-
     public function __construct(
         private readonly Filesystem $filesystem,
+        private readonly RecipeSynchronizer $recipeSynchronizer,
     ) {
     }
 
     public function synchronize(Kit $kit): void
     {
-        $this->synchronizeComponents($kit);
-        $this->synchronizeStimulusControllers($kit);
-        $this->synchronizeDocumentation($kit);
-    }
-
-    private function synchronizeComponents(Kit $kit): void
-    {
-        $componentsPath = Path::join('templates', 'components');
-        $finder = (new Finder())
-            ->in($kit->path)
-            ->files()
-            ->path($componentsPath)
-            ->sortByName()
-            ->name('*.html.twig')
-        ;
-
-        foreach ($finder as $file) {
-            $relativePathNameToKit = Path::normalize($file->getRelativePathname());
-            $relativePathName = str_replace($componentsPath.'/', '', $relativePathNameToKit);
-            $componentName = $this->extractComponentName($relativePathName);
-
-            $meta = null;
-            if ($this->filesystem->exists($metaJsonFile = Path::join($file->getPath(), str_replace('.html.twig', '.meta.json', $file->getBasename())))) {
-                $metaJson = file_get_contents($metaJsonFile) ?: throw new \RuntimeException(\sprintf('Unable to get contents from file "%s".', $metaJsonFile));
-                try {
-                    $meta = ComponentMeta::fromJson($metaJson);
-                } catch (\Throwable $e) {
-                    throw new \RuntimeException(\sprintf('Unable to parse component "%s" meta from JSON file "%s".', $componentName, $metaJsonFile), previous: $e);
-                }
-            }
-
-            $component = new Component(
-                name: $componentName,
-                files: [new File(
-                    relativePathNameToKit: $relativePathNameToKit,
-                    relativePathName: $relativePathName,
-                )],
-                meta: $meta,
-            );
-
-            $kit->addComponent($component);
-        }
-
-        foreach ($kit->getComponents() as $component) {
-            $this->resolveComponentDependencies($kit, $component);
-        }
-    }
-
-    private function resolveComponentDependencies(Kit $kit, Component $component): void
-    {
-        // Find dependencies based on component name
-        foreach ($kit->getComponents() as $otherComponent) {
-            if ($component->name === $otherComponent->name) {
-                continue;
-            }
-
-            // Find components with the component name as a prefix
-            if (str_starts_with($otherComponent->name, $component->name.':')) {
-                $component->addDependency(new ComponentDependency($otherComponent->name));
-            }
+        if ($this->filesystem->exists($installMd = Path::join($kit->absolutePath, 'INSTALL.md'))) {
+            $kit->installAsMarkdown = file_get_contents($installMd);
         }
 
-        // Find dependencies based on file content
-        foreach ($component->files as $file) {
-            if (!$this->filesystem->exists($filePath = Path::join($kit->path, $file->relativePathNameToKit))) {
-                throw new \RuntimeException(\sprintf('File "%s" not found', $filePath));
-            }
-
-            $fileContent = file_get_contents($filePath);
-
-            if (str_contains($fileContent, '<twig:') && preg_match_all(self::RE_TWIG_COMPONENT_REFERENCES, $fileContent, $matches)) {
-                foreach ($matches[1] as $componentReferenceName) {
-                    if ($componentReferenceName === $component->name) {
-                        continue;
-                    }
-
-                    if (null !== $package = self::UX_COMPONENTS_PACKAGES[strtolower($componentReferenceName)] ?? null) {
-                        if (!$component->hasDependency(new PhpPackageDependency($package))) {
-                            throw new \RuntimeException(\sprintf('Component "%s" uses "%s" UX Twig component, but the composer package "%s" is not listed as a dependency in meta file.', $component->name, $componentReferenceName, $package));
-                        }
-                    } elseif (null === $componentReference = $kit->getComponent($componentReferenceName)) {
-                        throw new \RuntimeException(\sprintf('Component "%s" not found in component "%s" (file "%s")', $componentReferenceName, $component->name, $file->relativePathNameToKit));
-                    } else {
-                        $component->addDependency(new ComponentDependency($componentReference->name));
-                    }
-                }
-            }
-
-            if (str_contains($fileContent, 'data-controller=') && preg_match_all(self::RE_STIMULUS_CONTROLLER_REFERENCES, $fileContent, $matches)) {
-                $controllersName = array_filter(array_map(fn (string $name) => trim($name), explode(' ', $matches['controllersName'][0])));
-                foreach ($controllersName as $controllerReferenceName) {
-                    $component->addDependency(new StimulusControllerDependency($controllerReferenceName));
-                }
-            }
-        }
+        $this->synchronizeRecipes($kit);
     }
 
-    private function synchronizeStimulusControllers(Kit $kit): void
+    private function synchronizeRecipes(Kit $kit): void
     {
-        $controllersPath = Path::join('assets', 'controllers');
         $finder = (new Finder())
-            ->in($kit->path)
+            ->in($kit->absolutePath)
             ->files()
-            ->path($controllersPath)
+            ->depth('== 1')
             ->sortByName()
-            ->name('*.js')
-        ;
-
-        foreach ($finder as $file) {
-            $relativePathNameToKit = Path::normalize($file->getRelativePathname());
-            $relativePathName = str_replace($controllersPath.'/', '', $relativePathNameToKit);
-            $controllerName = $this->extractStimulusControllerName($relativePathName);
-            $controller = new StimulusController(
-                name: $controllerName,
-                files: [new File(
-                    relativePathNameToKit: $relativePathNameToKit,
-                    relativePathName: $relativePathName,
-                )],
-            );
-
-            $kit->addStimulusController($controller);
-        }
-    }
+            ->name('manifest.json');
 
-    private function synchronizeDocumentation(Kit $kit): void
-    {
-        // Read INSTALL.md if exists
-        $fileInstall = Path::join($kit->path, 'INSTALL.md');
-        if ($this->filesystem->exists($fileInstall)) {
-            $kit->installAsMarkdown = file_get_contents($fileInstall);
+        if (!$finder->hasResults()) {
+            throw new \RuntimeException(\sprintf('No recipes found at "%s".', $kit->absolutePath));
         }
 
-        // Iterate over Component and find their documentation
-        foreach ($kit->getComponents() as $component) {
-            $docPath = Path::join($kit->path, 'docs', 'components', $component->name.'.md');
-            if ($this->filesystem->exists($docPath)) {
-                $component->doc = new Doc(file_get_contents($docPath));
-            }
+        foreach ($finder as $manifestFile) {
+            $this->recipeSynchronizer->synchronizeRecipe($kit, $manifestFile);
         }
     }
-
-    private static function extractComponentName(string $pathnameRelativeToKit): string
-    {
-        return str_replace(['.html.twig', '/'], ['', ':'], $pathnameRelativeToKit);
-    }
-
-    private static function extractStimulusControllerName(string $pathnameRelativeToKit): string
-    {
-        return str_replace(['_controller.js', '-controller.js', '/', '_'], ['', '', '--', '-'], $pathnameRelativeToKit);
-    }
 }
diff --git a/src/Toolkit/src/Recipe/Recipe.php b/src/Toolkit/src/Recipe/Recipe.php
new file mode 100644
index 00000000000..c0504fa3970
--- /dev/null
+++ b/src/Toolkit/src/Recipe/Recipe.php
@@ -0,0 +1,50 @@
+<?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\Toolkit\Recipe;
+
+use Symfony\Component\Filesystem\Path;
+use Symfony\Component\Finder\Finder;
+use Symfony\UX\Toolkit\File;
+
+/**
+ * @author Hugo Alliaume <hugo@alliau.me>
+ *
+ * @internal
+ */
+final class Recipe
+{
+    /**
+     * @param non-empty-string $absolutePath
+     */
+    public function __construct(
+        public readonly string $absolutePath,
+        public readonly RecipeManifest $manifest,
+    ) {
+        if (!Path::isAbsolute($this->absolutePath)) {
+            throw new \InvalidArgumentException(\sprintf('Kit path "%s" is not absolute.', $this->absolutePath));
+        }
+    }
+
+    /**
+     * @return iterable<File>
+     */
+    public function getFiles(): iterable
+    {
+        foreach ($this->manifest->copyFiles as $source => $destination) {
+            $finder = (new Finder())->in(Path::join($this->absolutePath, $source))->sortByName()->files();
+
+            foreach ($finder as $file) {
+                yield new File(Path::join($source, $file->getRelativePathname()), Path::join($destination, $file->getRelativePathname()));
+            }
+        }
+    }
+}
diff --git a/src/Toolkit/src/Recipe/RecipeManifest.php b/src/Toolkit/src/Recipe/RecipeManifest.php
new file mode 100644
index 00000000000..3cde06f4f68
--- /dev/null
+++ b/src/Toolkit/src/Recipe/RecipeManifest.php
@@ -0,0 +1,96 @@
+<?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\Toolkit\Recipe;
+
+use Symfony\Component\Filesystem\Path;
+use Symfony\UX\Toolkit\Dependency\DependencyInterface;
+use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
+use Symfony\UX\Toolkit\Dependency\RecipeDependency;
+use Symfony\UX\Toolkit\Dependency\Version;
+
+/**
+ * @author Hugo Alliaume <hugo@alliau.me>
+ *
+ * @internal
+ */
+final class RecipeManifest
+{
+    /**
+     * @param non-empty-string                          $name
+     * @param non-empty-string                          $description
+     * @param array<non-empty-string, non-empty-string> $copyFiles
+     * @param list<DependencyInterface>                 $dependencies
+     */
+    public function __construct(
+        public readonly RecipeType $type,
+        public readonly string $name,
+        public readonly string $description,
+        public readonly array $copyFiles,
+        public readonly array $dependencies = [],
+    ) {
+        foreach ($this->copyFiles as $source => $destination) {
+            if (!Path::isRelative($source)) {
+                throw new \InvalidArgumentException(\sprintf('Copy file source "%s" must be a relative path.', $source));
+            }
+            if (!Path::isRelative($destination)) {
+                throw new \InvalidArgumentException(\sprintf('Copy file destination "%s" must be a relative path.', $destination));
+            }
+        }
+    }
+
+    /**
+     * @throws \JsonException
+     * @throws \InvalidArgumentException
+     */
+    public static function fromJson(string $json): self
+    {
+        $data = json_decode($json, true, flags: \JSON_THROW_ON_ERROR);
+
+        $dependencies = [];
+        foreach ($data['dependencies'] ?? [] as $i => $dependency) {
+            if (!\is_array($dependency)) {
+                throw new \InvalidArgumentException('Each dependency must be an associative array.');
+            }
+            if (!isset($dependency['type'])) {
+                throw new \InvalidArgumentException(\sprintf('The dependency type is missing for dependency #%d, add "type" key.', $i));
+            }
+
+            if ('php' === $dependency['type']) {
+                $package = $dependency['package'] ?? throw new \InvalidArgumentException(\sprintf('The package name is missing for dependency #%d, add "package" key.', $i));
+                if (str_contains($package, ':')) {
+                    [$name, $version] = explode(':', $package, 2);
+                    $dependencies[] = new PhpPackageDependency($name, new Version($version));
+                } else {
+                    $dependencies[] = new PhpPackageDependency($package);
+                }
+            } elseif ('recipe' === $dependency['type']) {
+                $name = $dependency['name'] ?? throw new \InvalidArgumentException(\sprintf('The recipe name is missing for dependency #%d, add "name" key.', $i));
+                $dependencies[] = new RecipeDependency($name);
+            } else {
+                throw new \InvalidArgumentException(\sprintf('The dependency type "%s" is not supported.', $dependency['type']));
+            }
+        }
+
+        $type = $data['type'] ?? throw new \InvalidArgumentException('Property "type" is required.');
+        if (null === $type = RecipeType::tryFrom($type)) {
+            throw new \InvalidArgumentException(\sprintf('The recipe type "%s" is not supported.', $data['type']));
+        }
+
+        return new self(
+            type: $type,
+            name: $data['name'] ?? throw new \InvalidArgumentException('Property "name" is required.'),
+            description: $data['description'] ?? throw new \InvalidArgumentException('Property "description" is required.'),
+            copyFiles: $data['copy-files'] ?? throw new \InvalidArgumentException('Property "copy-files" is required.'),
+            dependencies: $dependencies,
+        );
+    }
+}
diff --git a/src/Toolkit/src/Recipe/RecipeSynchronizer.php b/src/Toolkit/src/Recipe/RecipeSynchronizer.php
new file mode 100644
index 00000000000..d3e06a970bb
--- /dev/null
+++ b/src/Toolkit/src/Recipe/RecipeSynchronizer.php
@@ -0,0 +1,39 @@
+<?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\Toolkit\Recipe;
+
+use Symfony\Component\Finder\SplFileInfo;
+use Symfony\UX\Toolkit\Kit\Kit;
+
+/**
+ * @author Hugo Alliaume <hugo@alliau.me>
+ *
+ * @internal
+ */
+final class RecipeSynchronizer
+{
+    public function synchronizeRecipe(Kit $kit, SplFileInfo $manifestFile): void
+    {
+        try {
+            $manifest = RecipeManifest::fromJson($manifestFile->getContents());
+        } catch (\JsonException|\InvalidArgumentException $e) {
+            throw new \RuntimeException(\sprintf('Unable to parse manifest file "%s": "%s"', $manifestFile->getPathname(), $e->getMessage()), previous: $e);
+        }
+
+        $recipe = new Recipe(
+            absolutePath: $manifestFile->getPath(),
+            manifest: $manifest,
+        );
+
+        $kit->addRecipe($recipe);
+    }
+}
diff --git a/src/Toolkit/src/File/Doc.php b/src/Toolkit/src/Recipe/RecipeType.php
similarity index 59%
rename from src/Toolkit/src/File/Doc.php
rename to src/Toolkit/src/Recipe/RecipeType.php
index 1c66f4b619e..34e80582e80 100644
--- a/src/Toolkit/src/File/Doc.php
+++ b/src/Toolkit/src/Recipe/RecipeType.php
@@ -9,20 +9,14 @@
  * file that was distributed with this source code.
  */
 
-namespace Symfony\UX\Toolkit\File;
+namespace Symfony\UX\Toolkit\Recipe;
 
 /**
- * @internal
- *
  * @author Hugo Alliaume <hugo@alliau.me>
+ *
+ * @internal
  */
-final class Doc
+enum RecipeType: string
 {
-    /**
-     * @param non-empty-string $markdownContent
-     */
-    public function __construct(
-        public readonly string $markdownContent,
-    ) {
-    }
+    case Component = 'component';
 }
diff --git a/src/Toolkit/src/Registry/LocalRegistry.php b/src/Toolkit/src/Registry/LocalRegistry.php
index dc8577ce955..7dc40553717 100644
--- a/src/Toolkit/src/Registry/LocalRegistry.php
+++ b/src/Toolkit/src/Registry/LocalRegistry.php
@@ -45,7 +45,7 @@ public function getKit(string $kitName): Kit
             return $this->kitFactory->createKitFromAbsolutePath($kitDir);
         }
 
-        throw new \RuntimeException(\sprintf('Unable to find the kit "%s" in the following directories: "%s"', $kitName, implode('", "', $possibleKitDirs)));
+        throw new \InvalidArgumentException(\sprintf('Kit "%s" does not exist.', $kitName));
     }
 
     /**
@@ -54,7 +54,7 @@ public function getKit(string $kitName): Kit
     public static function getAvailableKitsName(): array
     {
         $availableKitsName = [];
-        $finder = (new Finder())->directories()->in(self::$kitsDir)->depth(0);
+        $finder = (new Finder())->directories()->in(self::$kitsDir)->sortByName()->depth(0);
 
         foreach ($finder as $directory) {
             $kitName = $directory->getRelativePathname();
diff --git a/src/Toolkit/tests/AssertTest.php b/src/Toolkit/tests/AssertTest.php
index adafc226b28..37998129e63 100644
--- a/src/Toolkit/tests/AssertTest.php
+++ b/src/Toolkit/tests/AssertTest.php
@@ -177,45 +177,4 @@ public static function provideInvalidPhpPackageNames(): iterable
         yield ['twig/html-extra/'];
         yield ['twig/html-extra/twig'];
     }
-
-    /**
-     * @dataProvider provideValidStimulusControllerNames
-     */
-    public function testValidStimulusControllerName(string $name)
-    {
-        $this->expectNotToPerformAssertions();
-
-        Assert::stimulusControllerName($name);
-    }
-
-    public static function provideValidStimulusControllerNames(): iterable
-    {
-        yield ['my-controller'];
-        yield ['users--list-item'];
-        yield ['controller'];
-        yield ['controller-with-numbers-123'];
-    }
-
-    /**
-     * @dataProvider provideInvalidStimulusControllerNames
-     */
-    public function testInvalidStimulusControllerName(string $name)
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage(\sprintf('Invalid Stimulus controller name "%s".', $name));
-
-        Assert::stimulusControllerName($name);
-    }
-
-    public static function provideInvalidStimulusControllerNames(): iterable
-    {
-        yield [''];
-        yield ['my_controller'];
-        yield ['my-controller-'];
-        yield ['-my-controller'];
-        yield ['my-controller/qsd'];
-        yield ['my-controller@qsd'];
-        yield ['my-controller.qsd'];
-        yield ['my-controller:qsd'];
-    }
 }
diff --git a/src/Toolkit/tests/Asset/ComponentTest.php b/src/Toolkit/tests/Asset/ComponentTest.php
deleted file mode 100644
index 4ef9ebdabff..00000000000
--- a/src/Toolkit/tests/Asset/ComponentTest.php
+++ /dev/null
@@ -1,120 +0,0 @@
-<?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\Toolkit\Tests\Asset;
-
-use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
-use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\Version;
-use Symfony\UX\Toolkit\File\File;
-
-final class ComponentTest extends TestCase
-{
-    public function testCanBeInstantiated()
-    {
-        $component = new Component('Button', [
-            new File('templates/components/Button/Button.html.twig', 'Button.html.twig'),
-        ]);
-
-        $this->assertSame('Button', $component->name);
-        $this->assertCount(1, $component->files);
-        $this->assertInstanceOf(File::class, $component->files[0]);
-        $this->assertNull($component->doc);
-        $this->assertCount(0, $component->getDependencies());
-    }
-
-    public function testShouldFailIfComponentNameIsInvalid()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('Invalid component name "foobar".');
-
-        new Component('foobar', [
-            new File('templates/components/Button/Button.html.twig', 'Button.html.twig'),
-        ]);
-    }
-
-    public function testShouldFailIfComponentHasNoFiles()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('The component "Button" must have at least one file.');
-
-        new Component('Button', []);
-    }
-
-    public function testCanAddAndGetDependencies()
-    {
-        $component = new Component('Button', [
-            new File('templates/components/Button/Button.html.twig', 'Button.html.twig'),
-        ]);
-
-        $component->addDependency($dependency1 = new ComponentDependency('Icon'));
-        $component->addDependency($dependency2 = new ComponentDependency('Label'));
-        $component->addDependency($dependency3 = new PhpPackageDependency('symfony/twig-component', new Version('2.24.0')));
-
-        self::assertCount(3, $component->getDependencies());
-        self::assertEquals([$dependency1, $dependency2, $dependency3], $component->getDependencies());
-    }
-
-    public function testShouldNotAddDuplicateComponentDependencies()
-    {
-        $component = new Component('Button', [
-            new File('templates/components/Button/Button.html.twig', 'Button.html.twig'),
-        ]);
-
-        $component->addDependency($dependency1 = new ComponentDependency('Icon'));
-        $component->addDependency($dependency2 = new ComponentDependency('Label'));
-        $component->addDependency($dependency3 = new ComponentDependency('Icon'));
-        $component->addDependency($dependency4 = new PhpPackageDependency('symfony/twig-component', new Version('2.24.0')));
-
-        self::assertCount(3, $component->getDependencies());
-        self::assertEquals([$dependency1, $dependency2, $dependency4], $component->getDependencies());
-    }
-
-    public function testShouldReplacePhpPackageDependencyIfVersionIsHigher()
-    {
-        $component = new Component('Button', [
-            new File('templates/components/Button/Button.html.twig', 'Button.html.twig'),
-        ]);
-
-        $component->addDependency($dependency1 = new ComponentDependency('Icon'));
-        $component->addDependency($dependency2 = new ComponentDependency('Label'));
-        $component->addDependency($dependency3 = new PhpPackageDependency('symfony/twig-component', new Version('2.24.0')));
-
-        self::assertCount(3, $component->getDependencies());
-        self::assertEquals([$dependency1, $dependency2, $dependency3], $component->getDependencies());
-
-        $component->addDependency($dependency4 = new PhpPackageDependency('symfony/twig-component', new Version('2.25.0')));
-
-        self::assertCount(3, $component->getDependencies());
-        self::assertEquals([$dependency1, $dependency2, $dependency4], $component->getDependencies());
-    }
-
-    public function testShouldNotReplacePhpPackageDependencyIfVersionIsLower()
-    {
-        $component = new Component('Button', [
-            new File('templates/components/Button/Button.html.twig', 'Button.html.twig'),
-        ]);
-
-        $component->addDependency($dependency1 = new ComponentDependency('Icon'));
-        $component->addDependency($dependency2 = new ComponentDependency('Label'));
-        $component->addDependency($dependency3 = new PhpPackageDependency('symfony/twig-component', new Version('2.24.0')));
-
-        self::assertCount(3, $component->getDependencies());
-        self::assertEquals([$dependency1, $dependency2, $dependency3], $component->getDependencies());
-
-        $component->addDependency(new PhpPackageDependency('symfony/twig-component', new Version('2.23.0')));
-
-        self::assertCount(3, $component->getDependencies());
-        self::assertEquals([$dependency1, $dependency2, $dependency3], $component->getDependencies());
-    }
-}
diff --git a/src/Toolkit/tests/Asset/StimulusControllerTest.php b/src/Toolkit/tests/Asset/StimulusControllerTest.php
deleted file mode 100644
index 495336e111e..00000000000
--- a/src/Toolkit/tests/Asset/StimulusControllerTest.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-/*
- * 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\Toolkit\Tests\Asset;
-
-use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\Asset\StimulusController;
-use Symfony\UX\Toolkit\File\File;
-
-final class StimulusControllerTest extends TestCase
-{
-    public function testCanBeInstantiated()
-    {
-        $stimulusController = new StimulusController('clipboard', [
-            new File('assets/controllers/clipboard_controller.js', 'clipboard_controller.js'),
-        ]);
-
-        $this->assertSame('clipboard', $stimulusController->name);
-    }
-
-    public function testShouldFailIfStimulusControllerNameIsInvalid()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('Invalid Stimulus controller name "invalid_controller".');
-
-        new StimulusController('invalid_controller', [new File('assets/controllers/invalid_controller.js', 'invalid_controller.js')]);
-    }
-
-    public function testShouldFailIfStimulusControllerHasNoFiles()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('Stimulus controller "clipboard" has no files.');
-
-        new StimulusController('clipboard', []);
-    }
-}
diff --git a/src/Toolkit/tests/Command/CreateKitCommandTest.php b/src/Toolkit/tests/Command/CreateKitCommandTest.php
new file mode 100644
index 00000000000..7f0bf75d2ca
--- /dev/null
+++ b/src/Toolkit/tests/Command/CreateKitCommandTest.php
@@ -0,0 +1,117 @@
+<?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\Toolkit\Tests\Command;
+
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\Component\Filesystem\Filesystem;
+use Zenstruck\Console\Test\InteractsWithConsole;
+
+class CreateKitCommandTest extends KernelTestCase
+{
+    use InteractsWithConsole;
+
+    private string $cwd;
+    private Filesystem $filesystem;
+    private string $tmpDir;
+
+    protected function setUp(): void
+    {
+        $this->cwd = getcwd();
+
+        $this->filesystem = new Filesystem();
+        $this->tmpDir = $this->filesystem->tempnam(sys_get_temp_dir(), 'ux_toolkit_github_');
+        $this->filesystem->remove($this->tmpDir);
+        $this->filesystem->mkdir($this->tmpDir);
+
+        chdir($this->tmpDir);
+    }
+
+    protected function tearDown(): void
+    {
+        chdir($this->cwd);
+        $this->filesystem->remove($this->tmpDir);
+    }
+
+    public function testShouldBeAbleToCreateAKit()
+    {
+        $this->bootKernel();
+        $this->consoleCommand('ux:toolkit:create-kit')
+            ->addInput('MyKit')
+            ->addInput('http://example.com')
+            ->addInput('MIT')
+            ->execute()
+            ->assertSuccessful()
+            ->assertOutputContains('Your kit has been created successfully, happy coding!')
+        ;
+
+        $this->assertStringEqualsFile(
+            $this->tmpDir.'/manifest.json',
+            <<<'JSON'
+            {
+                "$schema": "../vendor/symfony/ux-toolkit/schema-kit-v1.json",
+                "name": "MyKit",
+                "description": "A custom kit for Symfony UX Toolkit.",
+                "homepage": "http://example.com",
+                "license": "MIT"
+            }
+            JSON
+        );
+        $this->assertStringEqualsFile(
+            $this->tmpDir.'/Button/manifest.json',
+            <<<'JSON'
+            {
+                "$schema": "../vendor/symfony/ux-toolkit/schema-kit-recipe-v1.json",
+                "name": "Button",
+                "description": "A clickable element that triggers actions or events, supporting various styles and states.",
+                "copy-files": {
+                    "templates/": "templates/"
+                },
+                "dependencies": [
+                    {
+                        "type": "php",
+                        "package": "twig/extra-bundle"
+                    },
+                    {
+                        "type": "php",
+                        "package": "twig/html-extra:^3.12.0"
+                    },
+                    {
+                        "type": "php",
+                        "package": "tales-from-a-dev/twig-tailwind-extra"
+                    }
+                ]
+            }
+            JSON
+        );
+        $this->assertStringEqualsFile(
+            $this->tmpDir.'/Button/templates/components/Button.html.twig',
+            <<<'TWIG'
+            {% props type = 'button', variant = 'default' %}
+            {%- set style = html_cva(
+                base: 'inline-flex items-center',
+                variants: {
+                    variant: {
+                        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+                        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+                    },
+                },
+            ) -%}
+
+            <button class="{{ style.apply({ variant }, attributes.render('class'))|tailwind_merge }}"
+                {{ attributes }}
+            >
+                {%- block content %}{% endblock -%}
+            </button>
+            TWIG
+        );
+    }
+}
diff --git a/src/Toolkit/tests/Command/DebugKitCommandTest.php b/src/Toolkit/tests/Command/DebugKitCommandTest.php
index 752a91fef84..86a414faffa 100644
--- a/src/Toolkit/tests/Command/DebugKitCommandTest.php
+++ b/src/Toolkit/tests/Command/DebugKitCommandTest.php
@@ -31,24 +31,24 @@ public function testShouldBeAbleToDebug()
             ->assertOutputContains('License    MIT')
             // Components details
             ->assertOutputContains(implode(\PHP_EOL, [
-                '+--------------+----------------------- Component: "Avatar" --------------------------------------+',
+                '+--------------+------------------------ Recipe: "Avatar" ----------------------------------------+',
                 '| File(s)      | templates/components/Avatar.html.twig                                            |',
+                '|              | templates/components/Avatar/Image.html.twig                                      |',
+                '|              | templates/components/Avatar/Text.html.twig                                       |',
                 '| Dependencies | tales-from-a-dev/twig-tailwind-extra                                             |',
-                '|              | Avatar:Image                                                                     |',
-                '|              | Avatar:Text                                                                      |',
                 '+--------------+----------------------------------------------------------------------------------+',
             ]))
             ->assertOutputContains(implode(\PHP_EOL, [
-                '+--------------+----------------------- Component: "Table" ---------------------------------------+',
+                '+--------------+------------------------- Recipe: "Table" ----------------------------------------+',
                 '| File(s)      | templates/components/Table.html.twig                                             |',
+                '|              | templates/components/Table/Body.html.twig                                        |',
+                '|              | templates/components/Table/Caption.html.twig                                     |',
+                '|              | templates/components/Table/Cell.html.twig                                        |',
+                '|              | templates/components/Table/Footer.html.twig                                      |',
+                '|              | templates/components/Table/Head.html.twig                                        |',
+                '|              | templates/components/Table/Header.html.twig                                      |',
+                '|              | templates/components/Table/Row.html.twig                                         |',
                 '| Dependencies | tales-from-a-dev/twig-tailwind-extra                                             |',
-                '|              | Table:Body                                                                       |',
-                '|              | Table:Caption                                                                    |',
-                '|              | Table:Cell                                                                       |',
-                '|              | Table:Footer                                                                     |',
-                '|              | Table:Head                                                                       |',
-                '|              | Table:Header                                                                     |',
-                '|              | Table:Row                                                                        |',
                 '+--------------+----------------------------------------------------------------------------------+',
             ]));
     }
diff --git a/src/Toolkit/tests/Command/InstallCommandTest.php b/src/Toolkit/tests/Command/InstallCommandTest.php
new file mode 100644
index 00000000000..6f104ab1a3f
--- /dev/null
+++ b/src/Toolkit/tests/Command/InstallCommandTest.php
@@ -0,0 +1,110 @@
+<?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\Toolkit\Tests\Command;
+
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\Component\Filesystem\Filesystem;
+use Zenstruck\Console\Test\InteractsWithConsole;
+
+class InstallCommandTest extends KernelTestCase
+{
+    use InteractsWithConsole;
+
+    private Filesystem $filesystem;
+    private string $tmpDir;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->bootKernel();
+        $this->filesystem = self::getContainer()->get('filesystem');
+        $this->tmpDir = $this->filesystem->tempnam(sys_get_temp_dir(), 'ux_toolkit_test_');
+        $this->filesystem->remove($this->tmpDir);
+        $this->filesystem->mkdir($this->tmpDir);
+    }
+
+    public function testShouldAbleToInstallComponentTableAndItsDependencies()
+    {
+        $expectedFiles = [
+            'Table/templates/components/Table.html.twig' => $this->tmpDir.'/templates/components/Table.html.twig',
+            'Table/templates/components/Table/Body.html.twig' => $this->tmpDir.'/templates/components/Table/Body.html.twig',
+            'Table/templates/components/Table/Caption.html.twig' => $this->tmpDir.'/templates/components/Table/Caption.html.twig',
+            'Table/templates/components/Table/Cell.html.twig' => $this->tmpDir.'/templates/components/Table/Cell.html.twig',
+            'Table/templates/components/Table/Footer.html.twig' => $this->tmpDir.'/templates/components/Table/Footer.html.twig',
+            'Table/templates/components/Table/Head.html.twig' => $this->tmpDir.'/templates/components/Table/Head.html.twig',
+            'Table/templates/components/Table/Header.html.twig' => $this->tmpDir.'/templates/components/Table/Header.html.twig',
+            'Table/templates/components/Table/Row.html.twig' => $this->tmpDir.'/templates/components/Table/Row.html.twig',
+        ];
+
+        foreach ($expectedFiles as $expectedFile) {
+            $this->assertFileDoesNotExist($expectedFile);
+        }
+
+        $testCommand = $this->consoleCommand(\sprintf('ux:install Table --destination="%s"', str_replace('\\', '\\\\', $this->tmpDir)))
+            ->execute()
+            ->assertSuccessful()
+            ->assertOutputContains('Installing recipe Table from the Shadcn UI kit...')
+            ->assertOutputContains('[OK] The recipe has been installed.')
+        ;
+
+        // Files should be created
+        foreach ($expectedFiles as $fileName => $expectedFile) {
+            $testCommand->assertOutputContains($expectedFile);
+            $this->assertFileExists($expectedFile);
+            $this->assertEquals(file_get_contents(__DIR__.'/../../kits/shadcn/'.$fileName), file_get_contents($expectedFile));
+        }
+    }
+
+    public function testShouldFailAndSuggestAlternativeRecipesWhenKitIsExplicit()
+    {
+        $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+        mkdir($destination);
+
+        $this->bootKernel();
+        $this->consoleCommand('ux:install A --kit=shadcn --destination='.$destination)
+            ->execute()
+            ->assertFaulty()
+            ->assertOutputContains('[WARNING] The recipe "A" does not exist')
+            ->assertOutputContains('Possible alternatives: "Alert", "AspectRatio", "Avatar"')
+        ;
+    }
+
+    public function testShouldFailWhenComponentDoesNotExist()
+    {
+        $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+        mkdir($destination);
+
+        $this->bootKernel();
+        $this->consoleCommand('ux:install Unknown --destination='.$destination)
+            ->execute()
+            ->assertFaulty()
+            ->assertOutputContains('The recipe "Unknown" does not exist');
+    }
+
+    public function testShouldWarnWhenComponentFileAlreadyExistsInNonInteractiveMode()
+    {
+        $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
+        mkdir($destination);
+
+        $this->bootKernel();
+        $this->consoleCommand('ux:install Badge --destination='.$destination)
+            ->execute()
+            ->assertSuccessful();
+
+        $this->consoleCommand('ux:install Badge --destination='.$destination)
+            ->execute()
+            ->assertFaulty()
+            ->assertOutputContains('[WARNING] The recipe has not been installed.')
+        ;
+    }
+}
diff --git a/src/Toolkit/tests/Command/InstallComponentCommandTest.php b/src/Toolkit/tests/Command/InstallComponentCommandTest.php
deleted file mode 100644
index e53e9ec017f..00000000000
--- a/src/Toolkit/tests/Command/InstallComponentCommandTest.php
+++ /dev/null
@@ -1,117 +0,0 @@
-<?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\Toolkit\Tests\Command;
-
-use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
-use Symfony\Component\Filesystem\Filesystem;
-use Zenstruck\Console\Test\InteractsWithConsole;
-
-class InstallComponentCommandTest extends KernelTestCase
-{
-    use InteractsWithConsole;
-
-    private Filesystem $filesystem;
-    private string $tmpDir;
-
-    protected function setUp(): void
-    {
-        parent::setUp();
-
-        $this->bootKernel();
-        $this->filesystem = self::getContainer()->get('filesystem');
-        $this->tmpDir = $this->filesystem->tempnam(sys_get_temp_dir(), 'ux_toolkit_test_');
-        $this->filesystem->remove($this->tmpDir);
-        $this->filesystem->mkdir($this->tmpDir);
-    }
-
-    public function testShouldAbleToInstallComponentTableAndItsDependencies()
-    {
-        $expectedFiles = [
-            'Table.html.twig' => $this->tmpDir.'/Table.html.twig',
-            'Table/Body.html.twig' => $this->tmpDir.'/Table/Body.html.twig',
-            'Table/Caption.html.twig' => $this->tmpDir.'/Table/Caption.html.twig',
-            'Table/Cell.html.twig' => $this->tmpDir.'/Table/Cell.html.twig',
-            'Table/Footer.html.twig' => $this->tmpDir.'/Table/Footer.html.twig',
-            'Table/Head.html.twig' => $this->tmpDir.'/Table/Head.html.twig',
-            'Table/Header.html.twig' => $this->tmpDir.'/Table/Header.html.twig',
-            'Table/Row.html.twig' => $this->tmpDir.'/Table/Row.html.twig',
-        ];
-
-        foreach ($expectedFiles as $expectedFile) {
-            $this->assertFileDoesNotExist($expectedFile);
-        }
-
-        $testCommand = $this->consoleCommand(\sprintf('ux:toolkit:install-component Table --destination="%s"', str_replace('\\', '\\\\', $this->tmpDir)))
-            ->execute()
-            ->assertSuccessful()
-            ->assertOutputContains('Installing component Table from the Shadcn UI kit...')
-            ->assertOutputContains('[OK] The component has been installed.')
-        ;
-
-        // Files should be created
-        foreach ($expectedFiles as $fileName => $expectedFile) {
-            $testCommand->assertOutputContains($fileName);
-            $this->assertFileExists($expectedFile);
-            $this->assertEquals(file_get_contents(__DIR__.'/../../kits/shadcn/templates/components/'.$fileName), file_get_contents($expectedFile));
-        }
-    }
-
-    public function testShouldFailAndSuggestAlternativeComponentsWhenKitIsExplicit()
-    {
-        $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
-        mkdir($destination);
-
-        $this->bootKernel();
-        $this->consoleCommand('ux:toolkit:install-component Table: --kit=shadcn --destination='.$destination)
-            ->execute()
-            ->assertFaulty()
-            ->assertOutputContains('[WARNING] The component "Table:" does not exist')
-            ->assertOutputContains('Possible alternatives: ')
-            ->assertOutputContains('"Table:Body"')
-            ->assertOutputContains('"Table:Caption"')
-            ->assertOutputContains('"Table:Cell"')
-            ->assertOutputContains('"Table:Footer"')
-            ->assertOutputContains('"Table:Head"')
-            ->assertOutputContains('"Table:Header"')
-            ->assertOutputContains('"Table:Row"')
-        ;
-    }
-
-    public function testShouldFailWhenComponentDoesNotExist()
-    {
-        $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
-        mkdir($destination);
-
-        $this->bootKernel();
-        $this->consoleCommand('ux:toolkit:install-component Unknown --destination='.$destination)
-            ->execute()
-            ->assertFaulty()
-            ->assertOutputContains('The component "Unknown" does not exist');
-    }
-
-    public function testShouldWarnWhenComponentFileAlreadyExistsInNonInteractiveMode()
-    {
-        $destination = sys_get_temp_dir().\DIRECTORY_SEPARATOR.uniqid();
-        mkdir($destination);
-
-        $this->bootKernel();
-        $this->consoleCommand('ux:toolkit:install-component Badge --destination='.$destination)
-            ->execute()
-            ->assertSuccessful();
-
-        $this->consoleCommand('ux:toolkit:install-component Badge --destination='.$destination)
-            ->execute()
-            ->assertFaulty()
-            ->assertOutputContains('[WARNING] The component has not been installed.')
-        ;
-    }
-}
diff --git a/src/Toolkit/tests/Dependency/ComponentDependencyTest.php b/src/Toolkit/tests/Dependency/ComponentDependencyTest.php
deleted file mode 100644
index bd0a971ec1b..00000000000
--- a/src/Toolkit/tests/Dependency/ComponentDependencyTest.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<?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\Toolkit\Tests\Dependency;
-
-use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
-
-final class ComponentDependencyTest extends TestCase
-{
-    public function testShouldBeInstantiable()
-    {
-        $dependency = new ComponentDependency('Table:Body');
-
-        $this->assertSame('Table:Body', $dependency->name);
-        $this->assertSame('Table:Body', (string) $dependency);
-    }
-
-    public function testShouldFailIfComponentNameIsInvalid()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('Invalid component name "foobar".');
-
-        new ComponentDependency('foobar');
-    }
-}
diff --git a/src/Toolkit/tests/Dependency/PhpPackageDependencyTest.php b/src/Toolkit/tests/Dependency/PhpPackageDependencyTest.php
index a58d072944d..6c0ea38e042 100644
--- a/src/Toolkit/tests/Dependency/PhpPackageDependencyTest.php
+++ b/src/Toolkit/tests/Dependency/PhpPackageDependencyTest.php
@@ -22,10 +22,12 @@ public function testShouldBeInstantiable()
         $dependency = new PhpPackageDependency('twig/html-extra');
         $this->assertSame('twig/html-extra', $dependency->name);
         $this->assertNull($dependency->constraintVersion);
+        $this->assertSame('PHP package "twig/html-extra"', $dependency->toDebug());
         $this->assertSame('twig/html-extra', (string) $dependency);
 
-        $dependency = new PhpPackageDependency('twig/html-extra', new Version('3.2.1'));
+        $dependency = new PhpPackageDependency('twig/html-extra', new Version('^3.2.1'));
         $this->assertSame('twig/html-extra', $dependency->name);
+        $this->assertSame('PHP package "twig/html-extra:^3.2.1"', $dependency->toDebug());
         $this->assertSame('twig/html-extra:^3.2.1', (string) $dependency);
     }
 
diff --git a/src/Toolkit/tests/Dependency/RecipeDependencyTest.php b/src/Toolkit/tests/Dependency/RecipeDependencyTest.php
new file mode 100644
index 00000000000..ac66318d247
--- /dev/null
+++ b/src/Toolkit/tests/Dependency/RecipeDependencyTest.php
@@ -0,0 +1,26 @@
+<?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\Toolkit\Tests\Dependency;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\Dependency\RecipeDependency;
+
+final class RecipeDependencyTest extends TestCase
+{
+    public function testShouldBeInstantiable()
+    {
+        $dependency = new RecipeDependency('Table');
+        $this->assertSame('Table', $dependency->name);
+        $this->assertSame('Recipe "Table"', $dependency->toDebug());
+        $this->assertSame('Table', (string) $dependency);
+    }
+}
diff --git a/src/Toolkit/tests/Dependency/StimulusControllerDependencyTest.php b/src/Toolkit/tests/Dependency/StimulusControllerDependencyTest.php
deleted file mode 100644
index 164a38dab4d..00000000000
--- a/src/Toolkit/tests/Dependency/StimulusControllerDependencyTest.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<?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\Toolkit\Tests\Dependency;
-
-use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\Dependency\StimulusControllerDependency;
-
-final class StimulusControllerDependencyTest extends TestCase
-{
-    public function testShouldBeInstantiable()
-    {
-        $dependency = new StimulusControllerDependency('clipboard');
-
-        $this->assertSame('clipboard', $dependency->name);
-        $this->assertSame('clipboard', (string) $dependency);
-    }
-
-    public function testShouldFailIfComponentNameIsInvalid()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('Invalid Stimulus controller name "my_Controller".');
-
-        new StimulusControllerDependency('my_Controller');
-    }
-}
diff --git a/src/Toolkit/tests/File/DocTest.php b/src/Toolkit/tests/File/DocTest.php
deleted file mode 100644
index 02a9e6e5a91..00000000000
--- a/src/Toolkit/tests/File/DocTest.php
+++ /dev/null
@@ -1,39 +0,0 @@
-<?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\Toolkit\Tests\File;
-
-use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\File\Doc;
-
-final class DocTest extends TestCase
-{
-    public function testCanBeInstantiated()
-    {
-        $doc = new Doc(
-            '# Basic Button
-
-```twig
-<twig:Button>
-    Click me
-</twig:Button>
-```'
-        );
-
-        self::assertEquals('# Basic Button
-
-```twig
-<twig:Button>
-    Click me
-</twig:Button>
-```', $doc->markdownContent);
-    }
-}
diff --git a/src/Toolkit/tests/File/FileTest.php b/src/Toolkit/tests/File/FileTest.php
deleted file mode 100644
index 984c10a3ea0..00000000000
--- a/src/Toolkit/tests/File/FileTest.php
+++ /dev/null
@@ -1,60 +0,0 @@
-<?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\Toolkit\Tests\File;
-
-use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\File\File;
-
-final class FileTest extends TestCase
-{
-    public function testShouldFailIfPathIsNotRelative()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage(\sprintf('The path to the kit "%s" must be relative.', __FILE__.'/templates/components/Button.html.twig'));
-
-        new File(__FILE__.'/templates/components/Button.html.twig', __FILE__.'Button.html.twig');
-    }
-
-    public function testShouldFailIfPathNameIsNotRelative()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage(\sprintf('The path name "%s" must be relative.', __FILE__.'Button.html.twig'));
-
-        new File('templates/components/Button.html.twig', __FILE__.'Button.html.twig');
-    }
-
-    public function testShouldFailIfPathNameIsNotASubpathOfPathToKit()
-    {
-        $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage(\sprintf('The relative path name "%s" must be a subpath of the relative path to the kit "%s".', 'foo/bar/Button.html.twig', 'templates/components/Button.html.twig'));
-
-        new File('templates/components/Button.html.twig', 'foo/bar/Button.html.twig');
-    }
-
-    public function testCanInstantiateFile()
-    {
-        $file = new File('templates/components/Button.html.twig', 'Button.html.twig');
-
-        $this->assertSame('templates/components/Button.html.twig', $file->relativePathNameToKit);
-        $this->assertSame('Button.html.twig', $file->relativePathName);
-        $this->assertSame('templates/components/Button.html.twig', (string) $file);
-    }
-
-    public function testCanInstantiateFileWithSubComponent()
-    {
-        $file = new File('templates/components/Table/Body.html.twig', 'Table/Body.html.twig');
-
-        $this->assertSame('templates/components/Table/Body.html.twig', $file->relativePathNameToKit);
-        $this->assertSame('Table/Body.html.twig', $file->relativePathName);
-        $this->assertSame('templates/components/Table/Body.html.twig', (string) $file);
-    }
-}
diff --git a/src/Toolkit/tests/FileTest.php b/src/Toolkit/tests/FileTest.php
new file mode 100644
index 00000000000..21472ac4a50
--- /dev/null
+++ b/src/Toolkit/tests/FileTest.php
@@ -0,0 +1,52 @@
+<?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\Toolkit\Tests;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\File;
+
+final class FileTest extends TestCase
+{
+    public function testShouldFailIfSourcePathIsNotRelative()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage(\sprintf('The source path "%s" must be relative.', __FILE__.'/templates/components/Button.html.twig'));
+
+        new File(__FILE__.'/templates/components/Button.html.twig', __FILE__.'Button.html.twig');
+    }
+
+    public function testShouldFailIfDestinationPathIsNotRelative()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage(\sprintf('The destination path "%s" must be relative.', __FILE__.'Button.html.twig'));
+
+        new File('templates/components/Button.html.twig', __FILE__.'Button.html.twig');
+    }
+
+    public function testCanInstantiateFile()
+    {
+        $file = new File('src-templates/components/Button.html.twig', 'dist-templates/components/Button.html.twig');
+
+        $this->assertSame('src-templates/components/Button.html.twig', $file->sourceRelativePathName);
+        $this->assertSame('dist-templates/components/Button.html.twig', $file->destinationRelativePathName);
+        $this->assertSame('src-templates/components/Button.html.twig', (string) $file);
+    }
+
+    public function testCanInstantiateFileWithSubComponent()
+    {
+        $file = new File('src-templates/components/Table/Body.html.twig', 'dest-templates/components/Table/Body.html.twig');
+
+        $this->assertSame('src-templates/components/Table/Body.html.twig', $file->sourceRelativePathName);
+        $this->assertSame('dest-templates/components/Table/Body.html.twig', $file->destinationRelativePathName);
+        $this->assertSame('src-templates/components/Table/Body.html.twig', (string) $file);
+    }
+}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/A/manifest.json b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/A/manifest.json
new file mode 100644
index 00000000000..31a7f4fa360
--- /dev/null
+++ b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/A/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "A",
+    "description": "Component A",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "recipe",
+            "name": "B"
+        }
+    ]
+}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/templates/components/A.html.twig b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/A/templates/components/A.html.twig
similarity index 100%
rename from src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/templates/components/A.html.twig
rename to src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/A/templates/components/A.html.twig
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/B/manifest.json b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/B/manifest.json
new file mode 100644
index 00000000000..3fa3c7de582
--- /dev/null
+++ b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/B/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "B",
+    "description": "Component B",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "recipe",
+            "name": "C"
+        }
+    ]
+}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/templates/components/B.html.twig b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/B/templates/components/B.html.twig
similarity index 100%
rename from src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/templates/components/B.html.twig
rename to src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/B/templates/components/B.html.twig
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/C/manifest.json b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/C/manifest.json
new file mode 100644
index 00000000000..49bfa56475c
--- /dev/null
+++ b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/C/manifest.json
@@ -0,0 +1,15 @@
+{
+    "$schema": "../../../../../schema-kit-recipe-v1.json",
+    "type": "component",
+    "name": "C",
+    "description": "Component C",
+    "copy-files": {
+        "templates/": "templates/"
+    },
+    "dependencies": [
+        {
+            "type": "recipe",
+            "name": "A"
+        }
+    ]
+}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/templates/components/C.html.twig b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/C/templates/components/C.html.twig
similarity index 100%
rename from src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/templates/components/C.html.twig
rename to src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/C/templates/components/C.html.twig
diff --git a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/manifest.json b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/manifest.json
index f23837787ff..5a84c88171b 100644
--- a/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/manifest.json
+++ b/src/Toolkit/tests/Fixtures/kits/with-circular-components-dependencies/manifest.json
@@ -1,4 +1,5 @@
 {
+    "$schema": "../../../../schema-kit-v1.json",
     "name": "With Circular Components Dependencies",
     "description": "Kit used as a test fixture.",
     "license": "MIT",
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/clipboard_controller.js b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/clipboard_controller.js
deleted file mode 100644
index 3e2f4a2f79b..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/clipboard_controller.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-    // …
-}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/date_picker_controller.js b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/date_picker_controller.js
deleted file mode 100644
index 3e2f4a2f79b..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/date_picker_controller.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-    // …
-}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/local-time-controller.js b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/local-time-controller.js
deleted file mode 100644
index 3e2f4a2f79b..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/local-time-controller.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-    // …
-}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/users/list_item_controller.js b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/users/list_item_controller.js
deleted file mode 100644
index 3e2f4a2f79b..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/assets/controllers/users/list_item_controller.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-    // …
-}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/manifest.json b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/manifest.json
deleted file mode 100644
index 4589ccfdc23..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/manifest.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-    "name": "With Stimulus Controllers",
-    "description": "Kit used as a test fixture.",
-    "license": "MIT",
-    "homepage": "https://ux.symfony.com/"
-}
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/Clipboard.html.twig b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/Clipboard.html.twig
deleted file mode 100644
index 171027bc04e..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/Clipboard.html.twig
+++ /dev/null
@@ -1 +0,0 @@
-<div data-controller="clipboard">{% block content %}</div>
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/DatePicker.html.twig b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/DatePicker.html.twig
deleted file mode 100644
index 7b4e9a8e332..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/DatePicker.html.twig
+++ /dev/null
@@ -1 +0,0 @@
-<div data-controller='date-picker'>{% block content %}</div>
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/LocalTime.html.twig b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/LocalTime.html.twig
deleted file mode 100644
index 37995d5bff0..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/LocalTime.html.twig
+++ /dev/null
@@ -1 +0,0 @@
-<div data-controller=" local-time  ">{% block content %}</div>
diff --git a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/UsersListItem.html.twig b/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/UsersListItem.html.twig
deleted file mode 100644
index 7c7a15bde17..00000000000
--- a/src/Toolkit/tests/Fixtures/kits/with-stimulus-controllers/templates/components/UsersListItem.html.twig
+++ /dev/null
@@ -1 +0,0 @@
-<div data-controller="users--list-item   clipboard  ">{% block content %}</div>
diff --git a/src/Toolkit/tests/Functional/ComponentsRenderingTest.php b/src/Toolkit/tests/Functional/ComponentsRenderingTest.php
index 6fdcbfb6cc3..7c43cb204e2 100644
--- a/src/Toolkit/tests/Functional/ComponentsRenderingTest.php
+++ b/src/Toolkit/tests/Functional/ComponentsRenderingTest.php
@@ -16,9 +16,10 @@
 use Symfony\Bundle\FrameworkBundle\Test\WebTestCase;
 use Symfony\Component\Filesystem\Path;
 use Symfony\Component\Finder\Finder;
-use Symfony\UX\Toolkit\Asset\Component;
 use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Kit\KitContextRunner;
 use Symfony\UX\Toolkit\Kit\KitFactory;
+use Symfony\UX\Toolkit\Recipe\Recipe;
 use Symfony\UX\Toolkit\Registry\LocalRegistry;
 
 class ComponentsRenderingTest extends WebTestCase
@@ -33,11 +34,11 @@ class ComponentsRenderingTest extends WebTestCase
     public static function provideTestComponentRendering(): iterable
     {
         foreach (LocalRegistry::getAvailableKitsName() as $kitName) {
-            $kitDir = Path::join(__DIR__, '../../kits', $kitName, 'docs/components');
-            $docsFinder = (new Finder())->files()->name('*.md')->in($kitDir)->depth(0);
+            $kitDir = Path::join(__DIR__, '../../kits', $kitName);
+            $docsFinder = (new Finder())->files()->name('EXAMPLES.md')->in($kitDir)->depth(1);
 
             foreach ($docsFinder as $docFile) {
-                $componentName = $docFile->getFilenameWithoutExtension();
+                $componentName = $docFile->getRelativePath();
 
                 $codeBlockMatchesResult = preg_match_all('/```twig.*?\n(?P<code>.+?)```/s', $docFile->getContents(), $codeBlockMatches);
                 if (false === $codeBlockMatchesResult || 0 === $codeBlockMatchesResult) {
@@ -54,16 +55,17 @@ public static function provideTestComponentRendering(): iterable
     /**
      * @dataProvider provideTestComponentRendering
      */
-    public function testComponentRendering(string $kitName, string $componentName, string $code)
+    public function testComponentRendering(string $kitName, string $recipeName, string $code)
     {
         $twig = self::getContainer()->get('twig');
+        /** @var KitContextRunner $kitContextRunner */
         $kitContextRunner = self::getContainer()->get('ux_toolkit.kit.kit_context_runner');
 
         $kit = $this->instantiateKit($kitName);
         $template = $twig->createTemplate($code);
         $renderedCode = $kitContextRunner->runForKit($kit, fn () => $template->render());
 
-        $this->assertCodeRenderedMatchesHtmlSnapshot($kit, $kit->getComponent($componentName), $code, $renderedCode);
+        $this->assertCodeRenderedMatchesHtmlSnapshot($kit, $kit->getRecipe($recipeName), $code, $renderedCode);
     }
 
     private function instantiateKit(string $kitName): Kit
@@ -75,9 +77,10 @@ private function instantiateKit(string $kitName): Kit
         return $kitFactory->createKitFromAbsolutePath(Path::join(__DIR__, '../../kits', $kitName));
     }
 
-    private function assertCodeRenderedMatchesHtmlSnapshot(Kit $kit, Component $component, string $code, string $renderedCode): void
+    private function assertCodeRenderedMatchesHtmlSnapshot(Kit $kit, Recipe $recipe, string $code, string $renderedCode): void
     {
-        $info = \sprintf(<<<HTML
+        $info = \sprintf(
+            <<<HTML
             <!--
             - Kit: %s
             - Component: %s
@@ -87,8 +90,8 @@ private function assertCodeRenderedMatchesHtmlSnapshot(Kit $kit, Component $comp
             ```
             - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
             HTML,
-            $kit->name,
-            $component->name,
+            $kit->manifest->name,
+            $recipe->manifest->name,
             trim($code)
         );
 
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Alert, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Alert, code 2__1.html
index 2ea8f8f9a3d..62a955b45b7 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Alert, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Alert, code 2__1.html	
@@ -3,18 +3,18 @@
 - Component: Alert
 - Code:
 ```twig
-<twig:Alert class="max-w-lg">
-    <twig:ux:icon name="tabler:terminal" class="h-4 w-4" />
-    <twig:Alert:Title>Heads up!</twig:Alert:Title>
+<twig:Alert variant="destructive" class="max-w-lg">
+    <twig:ux:icon name="tabler:alert-circle" class="h-4 w-4" />
+    <twig:Alert:Title>Error</twig:Alert:Title>
     <twig:Alert:Description>
-        You can add components to your app using the cli.
+        Your session has expired. Please log in again.
     </twig:Alert:Description>
 </twig:Alert>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="relative w-full rounded-lg border p-4 [&amp;&gt;svg~*]:pl-7 [&amp;&gt;svg+div]:translate-y-[-3px] [&amp;&gt;svg]:absolute [&amp;&gt;svg]:left-4 [&amp;&gt;svg]:top-4 [&amp;&gt;svg]:text-foreground bg-background text-foreground max-w-lg" role="alert">
-<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 7l5 5l-5 5m7 2h7"></path></svg>
-    <h5 class="mb-1 font-medium leading-none tracking-tight ">Heads up!</h5>
-    <p class="text-sm [&amp;_p]:leading-relaxed ">You can add components to your app using the cli.
+<div class="relative w-full rounded-lg border p-4 [&amp;&gt;svg~*]:pl-7 [&amp;&gt;svg+div]:translate-y-[-3px] [&amp;&gt;svg]:absolute [&amp;&gt;svg]:left-4 [&amp;&gt;svg]:top-4 border-destructive/50 text-destructive dark:border-destructive [&amp;&gt;svg]:text-destructive max-w-lg" role="alert">
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="h-4 w-4" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-4v4m0 4h.01"></path></svg>
+    <h5 class="mb-1 font-medium leading-none tracking-tight ">Error</h5>
+    <p class="text-sm [&amp;_p]:leading-relaxed ">Your session has expired. Please log in again.
     </p>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 2__1.html
index e1c7e6eed56..7ef48de0fd2 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 2__1.html	
@@ -3,11 +3,19 @@
 - Component: Avatar
 - Code:
 ```twig
-<twig:Avatar>
-    <twig:Avatar:Image src="https://github.com/symfony.png" alt="@symfony" />
-</twig:Avatar>
+<div class="flex gap-1">
+    <twig:Avatar>
+        <twig:Avatar:Text>FP</twig:Avatar:Text>
+    </twig:Avatar>
+    <twig:Avatar>
+        <twig:Avatar:Text class="bg-red-500 text-red-50">FP</twig:Avatar:Text>
+    </twig:Avatar>
+</div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<span class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full "><img class="aspect-square h-full w-full " alt="@symfony" src="https://github.com/symfony.png">
-
-</span>
\ No newline at end of file
+<div class="flex gap-1">
+    <span class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full "><span class="flex h-full w-full items-center justify-center rounded-full bg-muted ">FP</span>
+    </span>
+    <span class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full "><span class="flex h-full w-full items-center justify-center rounded-full bg-muted bg-red-500 text-red-50">FP</span>
+    </span>
+</div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 3__1.html
index 7ef48de0fd2..c16030c2697 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Avatar, code 3__1.html	
@@ -3,7 +3,10 @@
 - Component: Avatar
 - Code:
 ```twig
-<div class="flex gap-1">
+<div class="flex -space-x-2">
+    <twig:Avatar>
+        <twig:Avatar:Image src="https://github.com/symfony.png" alt="@symfony" />
+    </twig:Avatar>
     <twig:Avatar>
         <twig:Avatar:Text>FP</twig:Avatar:Text>
     </twig:Avatar>
@@ -13,7 +16,10 @@
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="flex gap-1">
+<div class="flex -space-x-2">
+    <span class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full "><img class="aspect-square h-full w-full " alt="@symfony" src="https://github.com/symfony.png">
+
+    </span>
     <span class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full "><span class="flex h-full w-full items-center justify-center rounded-full bg-muted ">FP</span>
     </span>
     <span class="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full "><span class="flex h-full w-full items-center justify-center rounded-full bg-muted bg-red-500 text-red-50">FP</span>
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 2__1.html
index 7b3a1ebdbad..a32c304ab18 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 2__1.html	
@@ -3,7 +3,10 @@
 - Component: Badge
 - Code:
 ```twig
-<twig:Badge>Badge</twig:Badge>
+<twig:Badge variant="secondary">
+    Badge
+</twig:Badge>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary text-primary-foreground hover:bg-primary/80">Badge</div>
\ No newline at end of file
+<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80">Badge
+</div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 3__1.html
index a32c304ab18..18c1b14ff9a 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 3__1.html	
@@ -3,10 +3,10 @@
 - Component: Badge
 - Code:
 ```twig
-<twig:Badge variant="secondary">
+<twig:Badge variant="outline">
     Badge
 </twig:Badge>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80">Badge
+<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground">Badge
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 4__1.html
index 18c1b14ff9a..5cdce6f87c3 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 4__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 4__1.html	
@@ -3,10 +3,10 @@
 - Component: Badge
 - Code:
 ```twig
-<twig:Badge variant="outline">
+<twig:Badge variant="destructive">
     Badge
 </twig:Badge>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground">Badge
+<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80">Badge
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 5__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 5__1.html
index 5cdce6f87c3..7ff378dd842 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 5__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Badge, code 5__1.html	
@@ -3,10 +3,13 @@
 - Component: Badge
 - Code:
 ```twig
-<twig:Badge variant="destructive">
-    Badge
+<twig:Badge>
+    <twig:ux:icon name="lucide:check" class="mr-1 h-3 w-3" />
+    Verified
 </twig:Badge>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80">Badge
+<div class="inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-primary text-primary-foreground hover:bg-primary/80">
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="mr-1 h-3 w-3" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 6L9 17l-5-5"></path></svg>
+    Verified
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Breadcrumb, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Breadcrumb, code 2__1.html
index bf1b2ba5f91..5628c78570d 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Breadcrumb, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Breadcrumb, code 2__1.html	
@@ -8,15 +8,21 @@
         <twig:Breadcrumb:Item>
             <twig:Breadcrumb:Link href=".">Home</twig:Breadcrumb:Link>
         </twig:Breadcrumb:Item>
-        <twig:Breadcrumb:Separator />
+        <twig:Breadcrumb:Separator>
+            <twig:ux:icon name="lucide:slash" />
+        </twig:Breadcrumb:Separator>
         <twig:Breadcrumb:Item>
             <twig:Breadcrumb:Link href=".">Docs</twig:Breadcrumb:Link>
         </twig:Breadcrumb:Item>
-        <twig:Breadcrumb:Separator />
+        <twig:Breadcrumb:Separator>
+            <twig:ux:icon name="lucide:slash" />
+        </twig:Breadcrumb:Separator>
         <twig:Breadcrumb:Item>
             <twig:Breadcrumb:Link href=".">Components</twig:Breadcrumb:Link>
         </twig:Breadcrumb:Item>
-        <twig:Breadcrumb:Separator />
+        <twig:Breadcrumb:Separator>
+            <twig:ux:icon name="lucide:slash" />
+        </twig:Breadcrumb:Separator>
         <twig:Breadcrumb:Item>
             <twig:Breadcrumb:Page>Breadcrumb</twig:Breadcrumb:Page>
         </twig:Breadcrumb:Item>
@@ -28,18 +34,21 @@
 <li class="inline-flex items-center gap-1.5 ">
 <a class="transition-colors hover:text-foreground " href=".">Home</a>
         </li>
-        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
-
+        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " role="presentation" aria-hidden="true">
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 2L2 22"></path></svg>
+        </li>
         <li class="inline-flex items-center gap-1.5 ">
 <a class="transition-colors hover:text-foreground " href=".">Docs</a>
         </li>
-        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
-
+        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " role="presentation" aria-hidden="true">
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 2L2 22"></path></svg>
+        </li>
         <li class="inline-flex items-center gap-1.5 ">
 <a class="transition-colors hover:text-foreground " href=".">Components</a>
         </li>
-        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
-
+        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " role="presentation" aria-hidden="true">
+<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 2L2 22"></path></svg>
+        </li>
         <li class="inline-flex items-center gap-1.5 ">
 <span class="font-normal text-foreground " role="link" aria-disabled="true" aria-current="page">Breadcrumb</span>
         </li>
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 10__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 10__1.html
index 006bc462f0f..53160b740f9 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 10__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 10__1.html	
@@ -3,10 +3,10 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button>
-    <twig:ux:icon name="lucide:mail" /> Login with Email
+<twig:Button disabled>
+    <twig:ux:icon name="lucide:loader-2" class="animate-spin" /> Please wait
 </twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect width="20" height="16" x="2" y="4" rx="2"></rect></g></svg> Login with Email
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2" disabled><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="animate-spin" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg> Please wait
 </button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 2__1.html
index adc6db76012..8d5d34c2f1b 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 2__1.html	
@@ -3,10 +3,7 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button>
-    Click me
-</twig:Button>
+<twig:Button>Button</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">Click me
-</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">Button</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 3__1.html
index 8d5d34c2f1b..51fee13723d 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 3__1.html	
@@ -3,7 +3,7 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button>Button</twig:Button>
+<twig:Button variant="outline">Outline</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">Button</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Outline</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 4__1.html
index 51fee13723d..609ce7dc802 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 4__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 4__1.html	
@@ -3,7 +3,7 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button variant="outline">Outline</twig:Button>
+<twig:Button variant="destructive">Destructive</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Outline</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-destructive text-destructive-foreground hover:bg-destructive/90 h-10 px-4 py-2">Destructive</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 5__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 5__1.html
index 609ce7dc802..51fee13723d 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 5__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 5__1.html	
@@ -3,7 +3,7 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button variant="destructive">Destructive</twig:Button>
+<twig:Button variant="outline">Outline</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-destructive text-destructive-foreground hover:bg-destructive/90 h-10 px-4 py-2">Destructive</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Outline</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 6__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 6__1.html
index 51fee13723d..b787ff13452 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 6__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 6__1.html	
@@ -3,7 +3,7 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button variant="outline">Outline</twig:Button>
+<twig:Button variant="ghost">Ghost</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Outline</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Ghost</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 7__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 7__1.html
index b787ff13452..0bdafc6e3f0 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 7__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 7__1.html	
@@ -3,7 +3,7 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button variant="ghost">Ghost</twig:Button>
+<twig:Button variant="link">Link</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Ghost</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline h-10 px-4 py-2">Link</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 8__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 8__1.html
index 0bdafc6e3f0..bdb96a1e518 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 8__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 8__1.html	
@@ -3,7 +3,10 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button variant="link">Link</twig:Button>
+<twig:Button variant="outline" size="icon">
+    <twig:ux:icon name="lucide:chevron-right" />
+</twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary underline-offset-4 hover:underline h-10 px-4 py-2">Link</button>
\ No newline at end of file
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"></path></svg>
+</button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 9__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 9__1.html
index bdb96a1e518..006bc462f0f 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 9__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Button, code 9__1.html	
@@ -3,10 +3,10 @@
 - Component: Button
 - Code:
 ```twig
-<twig:Button variant="outline" size="icon">
-    <twig:ux:icon name="lucide:chevron-right" />
+<twig:Button>
+    <twig:ux:icon name="lucide:mail" /> Login with Email
 </twig:Button>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"></path></svg>
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect width="20" height="16" x="2" y="4" rx="2"></rect></g></svg> Login with Email
 </button>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Card, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Card, code 2__1.html
index 0adf24f033d..ba0804e9cae 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Card, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Card, code 2__1.html	
@@ -3,31 +3,83 @@
 - Component: Card
 - Code:
 ```twig
+{% set notifications = [
+  { title: "Your call has been confirmed.", description: "1 hour ago"},
+  { title: "You have a new message!",  description: "1 hour ago"},
+  { title: "Your subscription is expiring soon!", description: "2 hours ago" },
+] %}
 <twig:Card class="w-[350px]">
     <twig:Card:Header>
-        <twig:Card:Title>Card Title</twig:Card:Title>
-        <twig:Card:Description>Card Description</twig:Card:Description>
+        <twig:Card:Title>Notifications</twig:Card:Title>
+        <twig:Card:Description>You have 3 unread messages.</twig:Card:Description>
     </twig:Card:Header>
     <twig:Card:Content>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
+        {%- for notification in notifications -%}
+            <div class="mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0">
+                <span class="flex h-2 w-2 translate-y-1 rounded-full bg-sky-500"></span>
+                <div class="space-y-1">
+                    <p class="text-sm font-medium leading-none">
+                        {{ notification.title }}
+                    </p>
+                    <p class="text-sm text-muted-foreground">
+                        {{ notification.description }}
+                    </p>
+                </div>
+            </div>
+        {%- endfor -%}
     </twig:Card:Content>
-    <twig:Card:Footer class="justify-between">
-        <twig:Button variant="outline">Cancel</twig:Button>
-        <twig:Button>Action</twig:Button>
+    <twig:Card:Footer>
+        <twig:Button class="w-full">
+            <twig:ux:icon name="lucide:check" />
+            Mark all as read
+        </twig:Button>
     </twig:Card:Footer>
 </twig:Card>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
 <div class="rounded-lg border bg-card text-card-foreground shadow-sm w-[350px]">
 <div class="flex flex-col space-y-1.5 p-6 ">
-<div class="text-2xl font-semibold leading-none tracking-tight ">Card Title</div>
-        <div class="text-sm text-muted-foreground ">Card Description</div>
+<div class="text-2xl font-semibold leading-none tracking-tight ">Notifications</div>
+        <div class="text-sm text-muted-foreground ">You have 3 unread messages.</div>
     </div>
     <div class="p-6 pt-0 ">
-<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
-    </div>
-    <div class="flex items-center p-6 pt-0 justify-between">
-<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2">Cancel</button>
-        <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2">Action</button>
+<div class="mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0">
+                <span class="flex h-2 w-2 translate-y-1 rounded-full bg-sky-500"></span>
+                <div class="space-y-1">
+                    <p class="text-sm font-medium leading-none">
+                        Your call has been confirmed.
+                    </p>
+                    <p class="text-sm text-muted-foreground">
+                        1 hour ago
+                    </p>
+                </div>
+            </div>
+<div class="mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0">
+                <span class="flex h-2 w-2 translate-y-1 rounded-full bg-sky-500"></span>
+                <div class="space-y-1">
+                    <p class="text-sm font-medium leading-none">
+                        You have a new message!
+                    </p>
+                    <p class="text-sm text-muted-foreground">
+                        1 hour ago
+                    </p>
+                </div>
+            </div>
+<div class="mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0">
+                <span class="flex h-2 w-2 translate-y-1 rounded-full bg-sky-500"></span>
+                <div class="space-y-1">
+                    <p class="text-sm font-medium leading-none">
+                        Your subscription is expiring soon!
+                    </p>
+                    <p class="text-sm text-muted-foreground">
+                        2 hours ago
+                    </p>
+                </div>
+            </div>
+</div>
+    <div class="flex items-center p-6 pt-0 ">
+<button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 6L9 17l-5-5"></path></svg>
+            Mark all as read
+        </button>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 2__1.html
index 543639dbff1..169aee1851c 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 2__1.html	
@@ -5,16 +5,12 @@
 ```twig
 <div class="flex items-center space-x-2">
     <twig:Checkbox id="terms" />
-    <label for="terms" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Accept terms and conditions
-    </label>
+    <twig:Label for="terms">Accept terms and conditions</twig:Label>
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
 <div class="flex items-center space-x-2">
     <input type="checkbox" class="peer size-4 inline-block align-middle accent-primary " id="terms">
 
-    <label for="terms" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Accept terms and conditions
-    </label>
+    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="terms">Accept terms and conditions</label>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 3__1.html
index 169aee1851c..70ca0d838fb 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Checkbox, code 3__1.html	
@@ -4,13 +4,13 @@
 - Code:
 ```twig
 <div class="flex items-center space-x-2">
-    <twig:Checkbox id="terms" />
+    <twig:Checkbox id="terms" disabled />
     <twig:Label for="terms">Accept terms and conditions</twig:Label>
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
 <div class="flex items-center space-x-2">
-    <input type="checkbox" class="peer size-4 inline-block align-middle accent-primary " id="terms">
+    <input type="checkbox" class="peer size-4 inline-block align-middle accent-primary " id="terms" disabled>
 
     <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="terms">Accept terms and conditions</label>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 2__1.html
index 1e51cbcdbd4..426ba17ddf4 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 2__1.html	
@@ -3,7 +3,14 @@
 - Component: Input
 - Code:
 ```twig
-<twig:Input type="email" placeholder="Email" class="max-w-sm" />
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <label for="picture">Picture</label>
+    <twig:Input type="file" id="picture" />
+</div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 max-w-sm" placeholder="Email">
\ No newline at end of file
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <label for="picture">Picture</label>
+    <input type="file" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " id="picture">
+
+</div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 3__1.html
index 426ba17ddf4..9ef448ac461 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 3__1.html	
@@ -3,14 +3,7 @@
 - Component: Input
 - Code:
 ```twig
-<div class="grid w-full max-w-sm items-center gap-1.5">
-    <label for="picture">Picture</label>
-    <twig:Input type="file" id="picture" />
-</div>
+<twig:Input type="email" placeholder="Email" disabled class="max-w-sm" />
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="grid w-full max-w-sm items-center gap-1.5">
-    <label for="picture">Picture</label>
-    <input type="file" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " id="picture">
-
-</div>
\ No newline at end of file
+<input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 max-w-sm" placeholder="Email" disabled>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 4__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 4__1.html
index 9ef448ac461..3ee2727d1b8 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 4__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 4__1.html	
@@ -3,7 +3,14 @@
 - Component: Input
 - Code:
 ```twig
-<twig:Input type="email" placeholder="Email" disabled class="max-w-sm" />
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <twig:Label for="email">Email</twig:Label>
+    <twig:Input type="email" id="email" />
+</div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 max-w-sm" placeholder="Email" disabled>
\ No newline at end of file
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="email">Email</label>
+    <input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " id="email">
+
+</div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 5__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 5__1.html
index 3ee2727d1b8..1811212cd22 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 5__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Input, code 5__1.html	
@@ -3,14 +3,14 @@
 - Component: Input
 - Code:
 ```twig
-<div class="grid w-full max-w-sm items-center gap-1.5">
-    <twig:Label for="email">Email</twig:Label>
+<div class="flex w-full max-w-sm items-center space-x-2">
     <twig:Input type="email" id="email" />
+    <twig:Button type="submit">Subscribe</twig:Button>
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="grid w-full max-w-sm items-center gap-1.5">
-    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="email">Email</label>
+<div class="flex w-full max-w-sm items-center space-x-2">
     <input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " id="email">
 
+    <button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2" type="submit">Subscribe</button>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 2__1.html
index c085f9dbf88..2ac19e5f059 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 2__1.html	
@@ -3,14 +3,14 @@
 - Component: Label
 - Code:
 ```twig
-<div class="flex items-center space-x-2">
-    <twig:Checkbox id="terms" />
-    <twig:Label for="terms">Accept terms and conditions</twig:Label>
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <twig:Label for="email">Email</twig:Label>
+    <twig:Input type="email" id="email" placeholder="Enter your email" />
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="flex items-center space-x-2">
-    <input type="checkbox" class="peer size-4 inline-block align-middle accent-primary " id="terms">
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="email">Email</label>
+    <input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " id="email" placeholder="Enter your email">
 
-    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="terms">Accept terms and conditions</label>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 3__1.html
index 2ac19e5f059..ccf0432e0ef 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Label, code 3__1.html	
@@ -4,13 +4,13 @@
 - Code:
 ```twig
 <div class="grid w-full max-w-sm items-center gap-1.5">
-    <twig:Label for="email">Email</twig:Label>
+    <twig:Label for="email" class="after:content-['*'] after:ml-0.5 after:text-red-500">Email</twig:Label>
     <twig:Input type="email" id="email" placeholder="Enter your email" />
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
 <div class="grid w-full max-w-sm items-center gap-1.5">
-    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="email">Email</label>
+    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 after:content-['*'] after:ml-0.5 after:text-red-500" for="email">Email</label>
     <input type="email" class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " id="email" placeholder="Enter your email">
 
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Pagination, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Pagination, code 2__1.html
index 5e0cbf94c03..fbf86dca9be 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Pagination, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Pagination, code 2__1.html	
@@ -12,14 +12,23 @@
             <twig:Pagination:Link href="#">1</twig:Pagination:Link>
         </twig:Pagination:Item>
         <twig:Pagination:Item>
-            <twig:Pagination:Link href="#" isActive>2</twig:Pagination:Link>
+            <twig:Pagination:Ellipsis />
+        </twig:Pagination:Item>
+        <twig:Pagination:Item>
+            <twig:Pagination:Link href="#">4</twig:Pagination:Link>
+        </twig:Pagination:Item>
+        <twig:Pagination:Item>
+            <twig:Pagination:Link href="#" isActive>5</twig:Pagination:Link>
         </twig:Pagination:Item>
         <twig:Pagination:Item>
-            <twig:Pagination:Link href="#">3</twig:Pagination:Link>
+            <twig:Pagination:Link href="#">6</twig:Pagination:Link>
         </twig:Pagination:Item>
         <twig:Pagination:Item>
             <twig:Pagination:Ellipsis />
         </twig:Pagination:Item>
+        <twig:Pagination:Item>
+            <twig:Pagination:Link href="#">9</twig:Pagination:Link>
+        </twig:Pagination:Item>
         <twig:Pagination:Item>
             <twig:Pagination:Next href="#" />
         </twig:Pagination:Item>
@@ -38,10 +47,20 @@
 <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="#">1</a>
         </li>
         <li>
-<a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" aria-current="page" href="#">2</a>
+<span aria-hidden="true" class="flex h-9 w-9 items-center justify-center ">
+    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-4" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></g></svg>
+    <span class="sr-only">More pages</span>
+</span>
+
+        </li>
+        <li>
+<a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="#">4</a>
         </li>
         <li>
-<a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="#">3</a>
+<a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 w-10" aria-current="page" href="#">5</a>
+        </li>
+        <li>
+<a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="#">6</a>
         </li>
         <li>
 <span aria-hidden="true" class="flex h-9 w-9 items-center justify-center ">
@@ -49,6 +68,9 @@
     <span class="sr-only">More pages</span>
 </span>
 
+        </li>
+        <li>
+<a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10" href="#">9</a>
         </li>
         <li>
 <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2" aria-label="Go to next page" href="#"><span>Next</span>
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 2__1.html
index 0731fbc07ce..2fcf5c28d83 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 2__1.html	
@@ -3,9 +3,22 @@
 - Component: Progress
 - Code:
 ```twig
-<twig:Progress value="33" />
+<div class="flex flex-col gap-2 w-sm">
+    <div class="flex items-center justify-between">
+        <twig:Label>Loading</twig:Label>
+        <span class="text-sm text-muted-foreground">33%</span>
+    </div>
+    <twig:Progress value="33" />
+</div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="33">
+<div class="flex flex-col gap-2 w-sm">
+    <div class="flex items-center justify-between">
+        <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">Loading</label>
+        <span class="text-sm text-muted-foreground">33%</span>
+    </div>
+    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="33">
     <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-67%)"></div>
+</div>
+
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 3__1.html
index 2fcf5c28d83..0256b1db386 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Progress, code 3__1.html	
@@ -3,22 +3,34 @@
 - Component: Progress
 - Code:
 ```twig
-<div class="flex flex-col gap-2 w-sm">
-    <div class="flex items-center justify-between">
-        <twig:Label>Loading</twig:Label>
-        <span class="text-sm text-muted-foreground">33%</span>
-    </div>
-    <twig:Progress value="33" />
+<div class="flex flex-col gap-1.5 w-sm">
+    <twig:Progress value="0" />
+    <twig:Progress value="25" />
+    <twig:Progress value="50" />
+    <twig:Progress value="75" />
+    <twig:Progress value="100" />
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="flex flex-col gap-2 w-sm">
-    <div class="flex items-center justify-between">
-        <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">Loading</label>
-        <span class="text-sm text-muted-foreground">33%</span>
-    </div>
-    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="33">
-    <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-67%)"></div>
+<div class="flex flex-col gap-1.5 w-sm">
+    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
+    <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-100%)"></div>
+</div>
+
+    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="25">
+    <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-75%)"></div>
+</div>
+
+    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
+    <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-50%)"></div>
+</div>
+
+    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="75">
+    <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-25%)"></div>
+</div>
+
+    <div class="relative h-4 w-full overflow-hidden rounded-full bg-secondary " role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100">
+    <div class="h-full w-full flex-1 bg-primary transition-all" style="transform: translateX(-0%)"></div>
 </div>
 
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 2__1.html
index 4d34ca5723c..c989fe3eec4 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 2__1.html	
@@ -3,14 +3,20 @@
 - Component: Select
 - Code:
 ```twig
-<twig:Select class="max-w-sm">
-    <option value="1">1</option>
-    <option value="2">2</option>
-    <option value="3">3</option>
-</twig:Select>
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <twig:Label for="framework">Framework</twig:Label>
+    <twig:Select id="framework">
+        <option value="symfony">Symfony</option>
+        <option value="laravel">Laravel</option>
+        <option value="tempest">Tempest</option>
+    </twig:Select>
+</div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<select class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&amp;&gt;span]:line-clamp-1 max-w-sm"><option value="1">1</option>
-    <option value="2">2</option>
-    <option value="3">3</option>
-</select>
\ No newline at end of file
+<div class="grid w-full max-w-sm items-center gap-1.5">
+    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="framework">Framework</label>
+    <select class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&amp;&gt;span]:line-clamp-1 " id="framework"><option value="symfony">Symfony</option>
+        <option value="laravel">Laravel</option>
+        <option value="tempest">Tempest</option>
+    </select>
+</div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 3__1.html
index c989fe3eec4..f82b4538605 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Select, code 3__1.html	
@@ -3,20 +3,14 @@
 - Component: Select
 - Code:
 ```twig
-<div class="grid w-full max-w-sm items-center gap-1.5">
-    <twig:Label for="framework">Framework</twig:Label>
-    <twig:Select id="framework">
-        <option value="symfony">Symfony</option>
-        <option value="laravel">Laravel</option>
-        <option value="tempest">Tempest</option>
-    </twig:Select>
-</div>
+<twig:Select disabled class="max-w-sm">
+    <option value="1">1</option>
+    <option value="2">2</option>
+    <option value="3">3</option>
+</twig:Select>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="grid w-full max-w-sm items-center gap-1.5">
-    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="framework">Framework</label>
-    <select class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&amp;&gt;span]:line-clamp-1 " id="framework"><option value="symfony">Symfony</option>
-        <option value="laravel">Laravel</option>
-        <option value="tempest">Tempest</option>
-    </select>
-</div>
\ No newline at end of file
+<select class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&amp;&gt;span]:line-clamp-1 max-w-sm" disabled><option value="1">1</option>
+    <option value="2">2</option>
+    <option value="3">3</option>
+</select>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 1__1.html
index 565b8f66e20..9c299dbc2b6 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 1__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 1__1.html	
@@ -3,7 +3,7 @@
 - Component: Separator
 - Code:
 ```twig
-<div class="max-w-sm">
+<div>
     <div class="space-y-1">
         <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
         <p class="text-sm text-muted-foreground">
@@ -21,24 +21,21 @@ <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="max-w-sm">
+<div>
     <div class="space-y-1">
         <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
         <p class="text-sm text-muted-foreground">
             Symfony UX initiative: a JavaScript ecosystem for Symfony
         </p>
     </div>
-    <div class="shrink-0 bg-border h-[1px] w-full my-4" role="none">
-</div>
+    <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 my-4" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
 
     <div class="flex h-5 items-center space-x-4 text-sm">
         <a href="https://ux.symfony.com" class="hover:underline">Website</a>
-        <div class="shrink-0 bg-border h-full w-[1px]" role="none">
-</div>
+        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " orientation="vertical" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
 
         <a href="https://ux.symfony.com/packages" class="hover:underline">Packages</a>
-        <div class="shrink-0 bg-border h-full w-[1px]" role="none">
-</div>
+        <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " orientation="vertical" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
 
         <a href="https://github.com/symfony/ux" class="hover:underline">Source</a>
     </div>
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 2__1.html
index c1a0775bffe..de0408eb053 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Separator, code 2__1.html	
@@ -3,43 +3,21 @@
 - Component: Separator
 - Code:
 ```twig
-<div>
-    <div class="space-y-1">
-        <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
-        <p class="text-sm text-muted-foreground">
-            Symfony UX initiative: a JavaScript ecosystem for Symfony
-        </p>
-    </div>
-    <twig:Separator class="my-4" />
-    <div class="flex h-5 items-center space-x-4 text-sm">
-        <div>Blog</div>
-        <twig:Separator orientation="vertical" />
-        <div>Docs</div>
-        <twig:Separator orientation="vertical" />
-        <div>Source</div>
-    </div>
+<div class="flex h-5 items-center gap-4 text-sm">
+    <div>Blog</div>
+    <twig:Separator orientation="vertical" />
+    <div>Docs</div>
+    <twig:Separator orientation="vertical" />
+    <div>Source</div>
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div>
-    <div class="space-y-1">
-        <h4 class="text-sm font-medium leading-none">Symfony UX</h4>
-        <p class="text-sm text-muted-foreground">
-            Symfony UX initiative: a JavaScript ecosystem for Symfony
-        </p>
-    </div>
-    <div class="shrink-0 bg-border h-[1px] w-full my-4" role="none">
-</div>
-
-    <div class="flex h-5 items-center space-x-4 text-sm">
-        <div>Blog</div>
-        <div class="shrink-0 bg-border h-full w-[1px]" role="none">
-</div>
+<div class="flex h-5 items-center gap-4 text-sm">
+    <div>Blog</div>
+    <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " orientation="vertical" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
 
-        <div>Docs</div>
-        <div class="shrink-0 bg-border h-full w-[1px]" role="none">
-</div>
+    <div>Docs</div>
+    <li class="[&amp;&gt;svg]:w-3.5 [&amp;&gt;svg]:h-3.5 " orientation="vertical" role="presentation" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill="currentColor" d="M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"></path></svg></li>
 
-        <div>Source</div>
-    </div>
+    <div>Source</div>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Skeleton, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Skeleton, code 2__1.html
index 499706948a1..dd9e56d778d 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Skeleton, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Skeleton, code 2__1.html	
@@ -3,8 +3,8 @@
 - Component: Skeleton
 - Code:
 ```twig
-<div class="flex items-center space-x-4">
-    <twig:Skeleton class="h-12 w-12 rounded-full" />
+<div class="space-y-3">
+    <twig:Skeleton class="h-[125px] w-[250px] rounded-lg" />
     <div class="space-y-2">
         <twig:Skeleton class="h-4 w-[250px]" />
         <twig:Skeleton class="h-4 w-[200px]" />
@@ -12,8 +12,8 @@
 </div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="flex items-center space-x-4">
-    <div class="animate-pulse rounded-full bg-muted h-12 w-12 rounded-full"></div>
+<div class="space-y-3">
+    <div class="animate-pulse rounded-full bg-muted h-[125px] w-[250px] rounded-lg"></div>
 
     <div class="space-y-2">
         <div class="animate-pulse rounded-full bg-muted h-4 w-[250px]"></div>
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Switch, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Switch, code 2__1.html
index d8b44e43b80..69fc94946cc 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Switch, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Switch, code 2__1.html	
@@ -3,17 +3,51 @@
 - Component: Switch
 - Code:
 ```twig
-<div class="flex items-center space-x-2">
-    <twig:Switch id="airplane-mode" />
-    <twig:Label for="airplane-mode">Airplane Mode</twig:Label>
-</div>
+<form action="/" method="post">
+    <h3 class="mb-4 text-lg font-medium">Email Notifications</h3>
+    <div class="flex flex-col gap-3">
+        <div class="gap-2 flex flex-row items-center justify-between rounded-lg border p-4">
+            <div class="space-y-0.5">
+                <twig:Label class="text-base" for="marketing-emails">Marketing emails</twig:Label>
+                <p class="text-sm text-muted-foreground">Receive emails about new products, features, and more.</p>
+            </div>
+            <twig:Switch id="marketing-emails" />
+        </div>
+        <div class="gap-2 flex flex-row items-center justify-between rounded-lg border p-4">
+            <div class="space-y-0.5">
+                <twig:Label class="text-base" for="security-emails">Security emails</twig:Label>
+                <p class="text-sm text-muted-foreground">Receive emails about your account security.</p>
+            </div>
+            <twig:Switch id="security-emails" checked disabled />
+        </div>
+    </div>
+</form>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="flex items-center space-x-2">
-    <label class="relative inline-flex items-center cursor-pointer ">
-    <input type="checkbox" class="sr-only peer absolute inset-0 w-full h-full cursor-pointer" id="airplane-mode">
+<form action="/" method="post">
+    <h3 class="mb-4 text-lg font-medium">Email Notifications</h3>
+    <div class="flex flex-col gap-3">
+        <div class="gap-2 flex flex-row items-center justify-between rounded-lg border p-4">
+            <div class="space-y-0.5">
+                <label class="font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-base" for="marketing-emails">Marketing emails</label>
+                <p class="text-sm text-muted-foreground">Receive emails about new products, features, and more.</p>
+            </div>
+            <label class="relative inline-flex items-center cursor-pointer ">
+    <input type="checkbox" class="sr-only peer absolute inset-0 w-full h-full cursor-pointer" id="marketing-emails">
     <div class="pointer-events-none w-11 h-6 bg-input rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-primary peer-disabled:opacity-50 peer-disabled:cursor-not-allowed"></div>
 </label>
 
-    <label class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" for="airplane-mode">Airplane Mode</label>
-</div>
\ No newline at end of file
+        </div>
+        <div class="gap-2 flex flex-row items-center justify-between rounded-lg border p-4">
+            <div class="space-y-0.5">
+                <label class="font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-base" for="security-emails">Security emails</label>
+                <p class="text-sm text-muted-foreground">Receive emails about your account security.</p>
+            </div>
+            <label class="relative inline-flex items-center cursor-pointer ">
+    <input type="checkbox" class="sr-only peer absolute inset-0 w-full h-full cursor-pointer" id="security-emails" checked disabled>
+    <div class="pointer-events-none w-11 h-6 bg-input rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-primary peer-disabled:opacity-50 peer-disabled:cursor-not-allowed"></div>
+</label>
+
+        </div>
+    </div>
+</form>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Table, code 1__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Table, code 1__1.html
index 4b75f309575..b9f6244ffce 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Table, code 1__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Table, code 1__1.html	
@@ -7,6 +7,10 @@
   { invoice: "INV001", paymentStatus: "Paid", totalAmount: "$250.00", paymentMethod: "Credit Card" },
   { invoice: "INV002", paymentStatus: "Pending", totalAmount: "$150.00", paymentMethod: "PayPal" },
   { invoice: "INV003", paymentStatus: "Unpaid", totalAmount: "$350.00", paymentMethod: "Bank Transfer" },
+  { invoice: "INV004", paymentStatus: "Paid", totalAmount: "$450.00", paymentMethod: "Credit Card" },
+  { invoice: "INV005", paymentStatus: "Paid", totalAmount: "$550.00", paymentMethod: "PayPal" },
+  { invoice: "INV006", paymentStatus: "Pending", totalAmount: "$200.00", paymentMethod: "Bank Transfer" },
+  { invoice: "INV007", paymentStatus: "Unpaid", totalAmount: "$300.00", paymentMethod: "Credit Card" },
 ] -%}
 <twig:Table>
     <twig:Table:Caption>A list of your recent invoices.</twig:Table:Caption>
@@ -28,6 +32,12 @@
             </twig:Table:Row>
         {% endfor %}
     </twig:Table:Body>
+    <twig:Table:Footer>
+        <twig:Table:Row>
+            <twig:Table:Cell colspan="3">Total</twig:Table:Cell>
+            <twig:Table:Cell class="text-right">$1,500.00</twig:Table:Cell>
+        </twig:Table:Row>
+    </twig:Table:Footer>
 </twig:Table>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
@@ -59,7 +69,37 @@
                 <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Unpaid</td>
                 <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Bank Transfer</td>
                 <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-right">$350.00</td>
+            </tr>
+                    <tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted ">
+<td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 font-medium">INV004</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Paid</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Credit Card</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-right">$450.00</td>
+            </tr>
+                    <tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted ">
+<td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 font-medium">INV005</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Paid</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">PayPal</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-right">$550.00</td>
+            </tr>
+                    <tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted ">
+<td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 font-medium">INV006</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Pending</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Bank Transfer</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-right">$200.00</td>
+            </tr>
+                    <tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted ">
+<td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 font-medium">INV007</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Unpaid</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 ">Credit Card</td>
+                <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-right">$300.00</td>
             </tr>
             </tbody>
+    <tfoot class="border-t bg-muted/50 font-medium [&amp;&gt;tr]:last:border-b-0 ">
+<tr class="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted ">
+<td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 " colspan="3">Total</td>
+            <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 text-right">$1,500.00</td>
+        </tr>
+    </tfoot>
 </table>
 </div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 2__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 2__1.html
index 49c8bdd6848..61f1f01f337 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 2__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 2__1.html	
@@ -3,7 +3,14 @@
 - Component: Textarea
 - Code:
 ```twig
-<twig:Textarea placeholder="Type your message here." class="max-w-sm" />
+<div class="grid w-sm gap-1.5">
+    <label for="message">Your message</label>
+    <twig:Textarea id="message" placeholder="Type your message here." />
+</div>
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<textarea class="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm max-w-sm" placeholder="Type your message here."></textarea>
\ No newline at end of file
+<div class="grid w-sm gap-1.5">
+    <label for="message">Your message</label>
+    <textarea class="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm " id="message" placeholder="Type your message here."></textarea>
+
+</div>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 3__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 3__1.html
index 61f1f01f337..ff0e2502d34 100644
--- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 3__1.html	
+++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component Textarea, code 3__1.html	
@@ -3,14 +3,7 @@
 - Component: Textarea
 - Code:
 ```twig
-<div class="grid w-sm gap-1.5">
-    <label for="message">Your message</label>
-    <twig:Textarea id="message" placeholder="Type your message here." />
-</div>
+<twig:Textarea placeholder="Type your message here." disabled class="max-w-sm" />
 ```
 - Rendered code (prettified for testing purposes, run "php vendor/bin/phpunit -d --update-snapshots" to update snapshots): -->
-<div class="grid w-sm gap-1.5">
-    <label for="message">Your message</label>
-    <textarea class="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm " id="message" placeholder="Type your message here."></textarea>
-
-</div>
\ No newline at end of file
+<textarea class="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm max-w-sm" placeholder="Type your message here." disabled></textarea>
\ No newline at end of file
diff --git a/src/Toolkit/tests/Installer/InstallerTest.php b/src/Toolkit/tests/Installer/InstallerTest.php
index d2c6e2d6421..85e62f5261f 100644
--- a/src/Toolkit/tests/Installer/InstallerTest.php
+++ b/src/Toolkit/tests/Installer/InstallerTest.php
@@ -35,91 +35,90 @@ protected function setUp(): void
 
     public function testCanInstallComponent()
     {
-        $componentInstaller = new Installer(self::getContainer()->get('filesystem'), fn () => throw new \BadFunctionCallException('The installer should not ask for confirmation since the file does not exist.'));
+        $installer = new Installer(self::getContainer()->get('filesystem'), fn () => throw new \BadFunctionCallException('The installer should not ask for confirmation since the file does not exist.'));
         $kit = $this->createKit('shadcn');
 
         $this->assertFileDoesNotExist($this->tmpDir.'/Button.html.twig');
 
-        $component = $kit->getComponent('Button');
-        $this->assertNotNull($component);
+        $recipe = $kit->getRecipe('Button');
+        $this->assertNotNull($recipe);
 
-        $componentInstaller->installComponent($kit, $component, $this->tmpDir, false);
+        $installer->installRecipe($kit, $recipe, $this->tmpDir, false);
 
-        $this->assertFileExists($this->tmpDir.'/Button.html.twig');
-        $this->assertSame(file_get_contents($this->tmpDir.'/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $kit->path)));
+        $this->assertFileExists($this->tmpDir.'/templates/components/Button.html.twig');
+        $this->assertSame(file_get_contents($this->tmpDir.'/templates/components/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $recipe->absolutePath)));
     }
 
     public function testShouldAskIfFileAlreadyExists()
     {
         $askedCount = 0;
-        $componentInstaller = new Installer(self::getContainer()->get('filesystem'), function () use (&$askedCount) {
+        $installer = new Installer(self::getContainer()->get('filesystem'), function () use (&$askedCount) {
             ++$askedCount;
 
             return true;
         });
         $kit = $this->createKit('shadcn');
 
-        $component = $kit->getComponent('Button');
-        $this->assertNotNull($component);
+        $recipe = $kit->getRecipe('Button');
+        $this->assertNotNull($recipe);
 
-        $componentInstaller->installComponent($kit, $component, $this->tmpDir, false);
+        $installer->installRecipe($kit, $recipe, $this->tmpDir, false);
 
         $this->assertSame(0, $askedCount);
-        $this->assertFileExists($this->tmpDir.'/Button.html.twig');
-        $this->assertSame(file_get_contents($this->tmpDir.'/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $kit->path)));
+        $this->assertFileExists($this->tmpDir.'/templates/components//Button.html.twig');
+        $this->assertSame(file_get_contents($this->tmpDir.'/templates/components//Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $recipe->absolutePath)));
 
-        $componentInstaller->installComponent($kit, $component, $this->tmpDir, false);
+        $installer->installRecipe($kit, $recipe, $this->tmpDir, false);
         $this->assertSame(1, $askedCount);
     }
 
     public function testCanInstallComponentIfForced()
     {
-        $componentInstaller = new Installer(self::getContainer()->get('filesystem'), fn () => throw new \BadFunctionCallException('The installer should not ask for confirmation since the file does not exist.'));
+        $installer = new Installer(self::getContainer()->get('filesystem'), fn () => throw new \BadFunctionCallException('The installer should not ask for confirmation since the file does not exist.'));
         $kit = $this->createKit('shadcn');
 
-        $component = $kit->getComponent('Button');
-        $this->assertNotNull($component);
+        $recipe = $kit->getRecipe('Button');
+        $this->assertNotNull($recipe);
 
-        $componentInstaller->installComponent($kit, $component, $this->tmpDir, false);
+        $installer->installRecipe($kit, $recipe, $this->tmpDir, false);
 
-        $this->assertFileExists($this->tmpDir.'/Button.html.twig');
-        $this->assertSame(file_get_contents($this->tmpDir.'/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $kit->path)));
+        $this->assertFileExists($this->tmpDir.'/templates/components/Button.html.twig');
+        $this->assertSame(file_get_contents($this->tmpDir.'/templates/components/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $recipe->absolutePath)));
 
-        $componentInstaller->installComponent($kit, $component, $this->tmpDir, true);
+        $installer->installRecipe($kit, $recipe, $this->tmpDir, true);
 
-        $this->assertFileExists($this->tmpDir.'/Button.html.twig');
-        $this->assertSame(file_get_contents($this->tmpDir.'/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $kit->path)));
+        $this->assertFileExists($this->tmpDir.'/templates/components/Button.html.twig');
+        $this->assertSame(file_get_contents($this->tmpDir.'/templates/components/Button.html.twig'), file_get_contents(\sprintf('%s/templates/components/Button.html.twig', $recipe->absolutePath)));
     }
 
     public function testCanInstallComponentAndItsComponentDependencies()
     {
-        $componentInstaller = new Installer(self::getContainer()->get('filesystem'), fn () => throw new \BadFunctionCallException('The installer should not ask for confirmation since the file does not exist.'));
+        $installer = new Installer(self::getContainer()->get('filesystem'), fn () => throw new \BadFunctionCallException('The installer should not ask for confirmation since the file does not exist.'));
         $kit = $this->createKit('shadcn');
 
         $expectedFiles = [
-            'Table.html.twig' => $this->tmpDir.'/Table.html.twig',
-            'Table/Body.html.twig' => $this->tmpDir.'/Table/Body.html.twig',
-            'Table/Caption.html.twig' => $this->tmpDir.'/Table/Caption.html.twig',
-            'Table/Cell.html.twig' => $this->tmpDir.'/Table/Cell.html.twig',
-            'Table/Footer.html.twig' => $this->tmpDir.'/Table/Footer.html.twig',
-            'Table/Head.html.twig' => $this->tmpDir.'/Table/Head.html.twig',
-            'Table/Header.html.twig' => $this->tmpDir.'/Table/Header.html.twig',
-            'Table/Row.html.twig' => $this->tmpDir.'/Table/Row.html.twig',
-            'Button.html.twig' => $this->tmpDir.'/Button.html.twig',
-            'Input.html.twig' => $this->tmpDir.'/Input.html.twig',
+            'Table.html.twig' => $this->tmpDir.'/templates/components/Table.html.twig',
+            'Table/Body.html.twig' => $this->tmpDir.'/templates/components/Table/Body.html.twig',
+            'Table/Caption.html.twig' => $this->tmpDir.'/templates/components/Table/Caption.html.twig',
+            'Table/Cell.html.twig' => $this->tmpDir.'/templates/components/Table/Cell.html.twig',
+            'Table/Footer.html.twig' => $this->tmpDir.'/templates/components/Table/Footer.html.twig',
+            'Table/Head.html.twig' => $this->tmpDir.'/templates/components/Table/Head.html.twig',
+            'Table/Header.html.twig' => $this->tmpDir.'/templates/components/Table/Header.html.twig',
+            'Table/Row.html.twig' => $this->tmpDir.'/templates/components/Table/Row.html.twig',
+            'Button.html.twig' => $this->tmpDir.'/templates/components/Button.html.twig',
+            'Input.html.twig' => $this->tmpDir.'/templates/components/Input.html.twig',
         ];
 
         foreach ($expectedFiles as $expectedFile) {
             $this->assertFileDoesNotExist($expectedFile);
         }
 
-        $componentInstaller->installComponent($kit, $kit->getComponent('Table'), $this->tmpDir, false);
-        $componentInstaller->installComponent($kit, $kit->getComponent('Button'), $this->tmpDir, false);
-        $componentInstaller->installComponent($kit, $kit->getComponent('Input'), $this->tmpDir, false);
+        $installer->installRecipe($kit, $kit->getRecipe('Table'), $this->tmpDir, false);
+        $installer->installRecipe($kit, $kit->getRecipe('Button'), $this->tmpDir, false);
+        $installer->installRecipe($kit, $kit->getRecipe('Input'), $this->tmpDir, false);
 
-        foreach ($expectedFiles as $fileName => $expectedFile) {
+        foreach ($expectedFiles as $expectedFile) {
             $this->assertFileExists($expectedFile);
-            $this->assertSame(file_get_contents($expectedFile), file_get_contents(\sprintf('%s/templates/components/%s', $kit->path, $fileName)));
         }
     }
 
diff --git a/src/Toolkit/tests/Installer/PoolResolverTest.php b/src/Toolkit/tests/Installer/PoolResolverTest.php
index 13defca2ab5..f32649ecd77 100644
--- a/src/Toolkit/tests/Installer/PoolResolverTest.php
+++ b/src/Toolkit/tests/Installer/PoolResolverTest.php
@@ -15,64 +15,68 @@
 
 use PHPUnit\Framework\TestCase;
 use Symfony\Component\Filesystem\Filesystem;
-use Symfony\Component\Filesystem\Path;
-use Symfony\UX\Toolkit\File\File;
+use Symfony\UX\Toolkit\Dependency\RecipeDependency;
 use Symfony\UX\Toolkit\Installer\PoolResolver;
-use Symfony\UX\Toolkit\Kit\Kit;
 use Symfony\UX\Toolkit\Kit\KitSynchronizer;
+use Symfony\UX\Toolkit\Recipe\RecipeSynchronizer;
+use Symfony\UX\Toolkit\Tests\TestHelperTrait;
 
 final class PoolResolverTest extends TestCase
 {
+    use TestHelperTrait;
+
     public function testCanResolveDependencies()
     {
-        $kitSynchronizer = new KitSynchronizer(new Filesystem());
-        $kit = new Kit(Path::join(__DIR__, '../../kits/shadcn'), 'shadcn');
+        $kitSynchronizer = new KitSynchronizer(new Filesystem(), new RecipeSynchronizer());
+        $kit = self::createLocalKit('shadcn');
         $kitSynchronizer->synchronize($kit);
 
         $poolResolver = new PoolResolver();
 
-        $pool = $poolResolver->resolveForComponent($kit, $kit->getComponent('Button'));
+        $pool = $poolResolver->resolveForRecipe($kit, $recipeButton = $kit->getRecipe('Button'));
 
-        $this->assertCount(1, $pool->getFiles());
-        $this->assertArrayHasKey('Button.html.twig', $pool->getFiles());
+        $this->assertEquals([
+            'templates/components/Button.html.twig',
+        ], array_keys($pool->getFiles()[$recipeButton->absolutePath]));
         $this->assertCount(3, $pool->getPhpPackageDependencies());
 
-        $pool = $poolResolver->resolveForComponent($kit, $kit->getComponent('Table'));
-
-        $this->assertCount(8, $pool->getFiles());
-        $this->assertArrayHasKey('Table.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('Table/Row.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('Table/Cell.html.twig', $pool->getFiles());
-        $this->assertInstanceOf(File::class, $pool->getFiles()['Table/Head.html.twig']);
-        $this->assertArrayHasKey('Table/Header.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('Table/Footer.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('Table/Caption.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('Table/Body.html.twig', $pool->getFiles());
+        $pool = $poolResolver->resolveForRecipe($kit, $recipeTable = $kit->getRecipe('Table'));
+
+        $this->assertEquals([
+            'templates/components/Table.html.twig',
+            'templates/components/Table/Body.html.twig',
+            'templates/components/Table/Caption.html.twig',
+            'templates/components/Table/Cell.html.twig',
+            'templates/components/Table/Footer.html.twig',
+            'templates/components/Table/Head.html.twig',
+            'templates/components/Table/Header.html.twig',
+            'templates/components/Table/Row.html.twig',
+        ], array_keys($pool->getFiles()[$recipeTable->absolutePath]));
         $this->assertCount(1, $pool->getPhpPackageDependencies());
     }
 
-    public function testCanHandleCircularComponentDependencies()
+    public function testCanHandleCircularRecipeDependencies()
     {
-        $kitSynchronizer = new KitSynchronizer(new Filesystem());
-        $kit = new Kit(Path::join(__DIR__, '../Fixtures/kits/with-circular-components-dependencies'), 'with-circular-components-dependencies');
+        $kitSynchronizer = new KitSynchronizer(new Filesystem(), new RecipeSynchronizer());
+        $kit = self::createFixtureKit('with-circular-components-dependencies');
         $kitSynchronizer->synchronize($kit);
 
         $poolResolver = new PoolResolver();
 
-        $pool = $poolResolver->resolveForComponent($kit, $kit->getComponent('A'));
+        $recipeA = $kit->getRecipe('A');
+        $recipeB = $kit->getRecipe('B');
+        $recipeC = $kit->getRecipe('C');
 
-        $this->assertCount(3, $pool->getFiles());
-        $this->assertArrayHasKey('A.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('B.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('C.html.twig', $pool->getFiles());
-        $this->assertCount(0, $pool->getPhpPackageDependencies());
+        $this->assertEquals([new RecipeDependency('B')], $recipeA->manifest->dependencies);
+        $this->assertEquals([new RecipeDependency('C')], $recipeB->manifest->dependencies);
+        $this->assertEquals([new RecipeDependency('A')], $recipeC->manifest->dependencies);
 
-        $pool = $poolResolver->resolveForComponent($kit, $kit->getComponent('B'));
+        $pool = $poolResolver->resolveForRecipe($kit, $recipeA);
 
         $this->assertCount(3, $pool->getFiles());
-        $this->assertArrayHasKey('A.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('B.html.twig', $pool->getFiles());
-        $this->assertArrayHasKey('C.html.twig', $pool->getFiles());
+        $this->assertEquals(['templates/components/A.html.twig'], array_keys($pool->getFiles()[$recipeA->absolutePath]));
+        $this->assertEquals(['templates/components/B.html.twig'], array_keys($pool->getFiles()[$recipeB->absolutePath]));
+        $this->assertEquals(['templates/components/C.html.twig'], array_keys($pool->getFiles()[$recipeC->absolutePath]));
         $this->assertCount(0, $pool->getPhpPackageDependencies());
     }
 }
diff --git a/src/Toolkit/tests/Installer/PoolTest.php b/src/Toolkit/tests/Installer/PoolTest.php
index 66a9f0324a7..f5bee787279 100644
--- a/src/Toolkit/tests/Installer/PoolTest.php
+++ b/src/Toolkit/tests/Installer/PoolTest.php
@@ -16,8 +16,11 @@
 use PHPUnit\Framework\TestCase;
 use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
 use Symfony\UX\Toolkit\Dependency\Version;
-use Symfony\UX\Toolkit\File\File;
+use Symfony\UX\Toolkit\File;
 use Symfony\UX\Toolkit\Installer\Pool;
+use Symfony\UX\Toolkit\Recipe\Recipe;
+use Symfony\UX\Toolkit\Recipe\RecipeManifest;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
 
 final class PoolTest extends TestCase
 {
@@ -27,18 +30,31 @@ public function testCanAddFiles()
 
         $this->assertCount(0, $pool->getFiles());
 
-        $pool->addFile(new File('path/to/file.html.twig', 'file.html.twig'));
-        $pool->addFile(new File('path/to/another-file.html.twig', 'another-file.html.twig'));
+        $recipe = new Recipe(__DIR__, new RecipeManifest(
+            type: RecipeType::Component,
+            name: 'test-recipe',
+            description: 'A test recipe',
+            copyFiles: [],
+        ));
+        $pool->addFile($recipe, new File('path/to/file.html.twig', 'file.html.twig'));
+        $pool->addFile($recipe, new File('path/to/another-file.html.twig', 'another-file.html.twig'));
 
-        $this->assertCount(2, $pool->getFiles());
+        $this->assertCount(1, $pool->getFiles());
+        $this->assertCount(2, $pool->getFiles()[$recipe->absolutePath]);
     }
 
     public function testCantAddSameFileTwice()
     {
         $pool = new Pool();
 
-        $pool->addFile(new File('path/to/file.html.twig', 'file.html.twig'));
-        $pool->addFile(new File('path/to/file.html.twig', 'file.html.twig'));
+        $recipe = new Recipe(__DIR__, new RecipeManifest(
+            type: RecipeType::Component,
+            name: 'test-recipe',
+            description: 'A test recipe',
+            copyFiles: [],
+        ));
+        $pool->addFile($recipe, new File('path/to/file.html.twig', 'file.html.twig'));
+        $pool->addFile($recipe, new File('path/to/file.html.twig', 'file.html.twig'));
 
         $this->assertCount(1, $pool->getFiles());
     }
@@ -66,12 +82,12 @@ public function testCanAddPhpPackageDependencyWithHigherVersion()
     {
         $pool = new Pool();
 
-        $pool->addPhpPackageDependency(new PhpPackageDependency('twig/html-extra', new Version('3.11.0')));
+        $pool->addPhpPackageDependency(new PhpPackageDependency('twig/html-extra', new Version('^3.11.0')));
 
         $this->assertCount(1, $pool->getPhpPackageDependencies());
         $this->assertEquals('twig/html-extra:^3.11.0', (string) $pool->getPhpPackageDependencies()['twig/html-extra']);
 
-        $pool->addPhpPackageDependency(new PhpPackageDependency('twig/html-extra', new Version('3.12.0')));
+        $pool->addPhpPackageDependency(new PhpPackageDependency('twig/html-extra', new Version('^3.12.0')));
 
         $this->assertCount(1, $pool->getPhpPackageDependencies());
         $this->assertEquals('twig/html-extra:^3.12.0', (string) $pool->getPhpPackageDependencies()['twig/html-extra']);
diff --git a/src/Toolkit/tests/Kit/KitFactoryTest.php b/src/Toolkit/tests/Kit/KitFactoryTest.php
index a60ece854e0..4199851a9c7 100644
--- a/src/Toolkit/tests/Kit/KitFactoryTest.php
+++ b/src/Toolkit/tests/Kit/KitFactoryTest.php
@@ -12,11 +12,6 @@
 namespace Symfony\UX\Toolkit\Tests\Kit;
 
 use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
-use Symfony\UX\Toolkit\Asset\StimulusController;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
-use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\StimulusControllerDependency;
-use Symfony\UX\Toolkit\File\File;
 use Symfony\UX\Toolkit\Kit\KitFactory;
 
 final class KitFactoryTest extends KernelTestCase
@@ -41,68 +36,25 @@ public function testShouldFailIfKitDoesNotExist()
         $kitFactory->createKitFromAbsolutePath(__DIR__.'/../../kits/does-not-exist');
     }
 
-    public function testCanCreateShadKit()
+    public function testCanCreateShadcnKit()
     {
-        $kitFactory = $this->createKitFactory();
-
-        $kit = $kitFactory->createKitFromAbsolutePath(__DIR__.'/../../kits/shadcn');
+        $kit = $this->createKitFactory()->createKitFromAbsolutePath(__DIR__.'/../../kits/shadcn');
 
         $this->assertNotNull($kit);
-        $this->assertNotEmpty($kit->getComponents());
-
-        $table = $kit->getComponent('Table');
-
-        $this->assertNotNull($table);
-        $this->assertNotEmpty($table->files);
-        $this->assertEquals([
-            new PhpPackageDependency('tales-from-a-dev/twig-tailwind-extra'),
-            new ComponentDependency('Table:Body'),
-            new ComponentDependency('Table:Caption'),
-            new ComponentDependency('Table:Cell'),
-            new ComponentDependency('Table:Footer'),
-            new ComponentDependency('Table:Head'),
-            new ComponentDependency('Table:Header'),
-            new ComponentDependency('Table:Row'),
-        ], $table->getDependencies());
-        $this->assertNotNull($table->doc);
-        $this->assertStringContainsString(<<<'EOF'
-# Table
-
-A structured grid element that organizes data into rows and columns, supporting headers, captions, and footers.
-EOF
-            , $table->doc->markdownContent);
-    }
-
-    public function testCanHandleStimulusControllers()
-    {
-        $kitFactory = $this->createKitFactory();
-
-        $kit = $kitFactory->createKitFromAbsolutePath(__DIR__.'/../Fixtures/kits/with-stimulus-controllers');
-
-        $this->assertNotEmpty($kit->getComponents());
-
-        // Assert Stimulus Controllers are registered in the Kit
-        $this->assertNotEmpty($kit->getStimulusControllers());
-        $this->assertEquals([
-            $clipboard = new StimulusController('clipboard', [new File('assets/controllers/clipboard_controller.js', 'clipboard_controller.js')]),
-            $datePicker = new StimulusController('date-picker', [new File('assets/controllers/date_picker_controller.js', 'date_picker_controller.js')]),
-            $localTime = new StimulusController('local-time', [new File('assets/controllers/local-time-controller.js', 'local-time-controller.js')]),
-            $usersListItem = new StimulusController('users--list-item', [new File('assets/controllers/users/list_item_controller.js', 'users/list_item_controller.js')]),
-        ], $kit->getStimulusControllers());
-        $this->assertEquals($clipboard, $kit->getStimulusController('clipboard'));
-        $this->assertEquals($datePicker, $kit->getStimulusController('date-picker'));
-        $this->assertEquals($localTime, $kit->getStimulusController('local-time'));
-        $this->assertEquals($usersListItem, $kit->getStimulusController('users--list-item'));
+        $this->assertNotEmpty($kit->getRecipes());
 
-        // Assert Stimulus Controllers are marked as Component dependencies
-        $this->assertEquals([new StimulusControllerDependency('clipboard')], $kit->getComponent('Clipboard')->getDependencies());
-        $this->assertEquals([new StimulusControllerDependency('date-picker')], $kit->getComponent('DatePicker')->getDependencies());
-        $this->assertEquals([new StimulusControllerDependency('local-time')], $kit->getComponent('LocalTime')->getDependencies());
-        $this->assertEquals([new StimulusControllerDependency('users--list-item'), new StimulusControllerDependency('clipboard')], $kit->getComponent('UsersListItem')->getDependencies());
+        foreach ($kit->getRecipes() as $recipe) {
+            $this->assertNotEmpty($recipe->absolutePath);
+            $this->assertNotEmpty($recipe->manifest->name);
+            $this->assertNotEmpty(iterator_to_array($recipe->getFiles()));
+        }
     }
 
     private function createKitFactory(): KitFactory
     {
-        return new KitFactory(self::getContainer()->get('filesystem'), self::getContainer()->get('ux_toolkit.kit.kit_synchronizer'));
+        return new KitFactory(
+            self::getContainer()->get('filesystem'),
+            self::getContainer()->get('ux_toolkit.kit.kit_synchronizer')
+        );
     }
 }
diff --git a/src/Toolkit/tests/Kit/KitManifestTest.php b/src/Toolkit/tests/Kit/KitManifestTest.php
new file mode 100644
index 00000000000..97c1697089e
--- /dev/null
+++ b/src/Toolkit/tests/Kit/KitManifestTest.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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\Toolkit\Tests\Kit;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\Kit\KitManifest;
+
+final class KitManifestTest extends TestCase
+{
+    public function testFromJsonWithInvalidJson()
+    {
+        $this->expectException(\JsonException::class);
+        $this->expectExceptionMessage('Syntax error');
+
+        KitManifest::fromJson('test');
+    }
+
+    public function testFromJsonWithEmpty()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "name" is required.');
+
+        KitManifest::fromJson('{}');
+    }
+
+    public function testFromJsonWithMissingDescription()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "description" is required.');
+
+        KitManifest::fromJson(<<<JSON
+            {
+                "name": "kit"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithMissingLicense()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "license" is required.');
+
+        KitManifest::fromJson(<<<JSON
+            {
+                "name": "kit",
+                "description": "A kit"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithMissingHomepage()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "homepage" is required.');
+
+        KitManifest::fromJson(<<<JSON
+            {
+                "name": "kit",
+                "description": "A kit",
+                "license": "MIT"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithInvalidHomepage()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Invalid homepage URL "not-a-url".');
+
+        KitManifest::fromJson(<<<JSON
+            {
+                "name": "kit",
+                "description": "A kit",
+                "license": "MIT",
+                "homepage": "not-a-url"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithValidData()
+    {
+        $manifest = KitManifest::fromJson(<<<JSON
+            {
+                "name": "kit",
+                "description": "A kit",
+                "license": "MIT",
+                "homepage": "https://example.com"
+            }
+        JSON);
+
+        $this->assertSame('kit', $manifest->name);
+        $this->assertSame('A kit', $manifest->description);
+        $this->assertSame('MIT', $manifest->license);
+        $this->assertSame('https://example.com', $manifest->homepage);
+    }
+}
diff --git a/src/Toolkit/tests/Kit/KitSynchronizerTest.php b/src/Toolkit/tests/Kit/KitSynchronizerTest.php
index 7c0174cd58b..16cdcff3d2c 100644
--- a/src/Toolkit/tests/Kit/KitSynchronizerTest.php
+++ b/src/Toolkit/tests/Kit/KitSynchronizerTest.php
@@ -13,30 +13,27 @@
 
 use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
 use Symfony\Component\Filesystem\Filesystem;
-use Symfony\Component\Filesystem\Path;
-use Symfony\UX\Toolkit\Dependency\ComponentDependency;
 use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
-use Symfony\UX\Toolkit\Dependency\StimulusControllerDependency;
 use Symfony\UX\Toolkit\Dependency\Version;
-use Symfony\UX\Toolkit\Kit\Kit;
 use Symfony\UX\Toolkit\Kit\KitSynchronizer;
+use Symfony\UX\Toolkit\Recipe\RecipeSynchronizer;
+use Symfony\UX\Toolkit\Tests\TestHelperTrait;
 
 final class KitSynchronizerTest extends KernelTestCase
 {
-    private Filesystem $filesystem;
+    use TestHelperTrait;
 
     protected function setUp(): void
     {
         parent::setUp();
 
         $this->bootKernel();
-        $this->filesystem = self::getContainer()->get('filesystem');
     }
 
     public function testCanResolveDependencies()
     {
-        $kitSynchronizer = new KitSynchronizer($this->filesystem);
-        $kit = new Kit(Path::join(__DIR__, '../../kits/shadcn'), 'shadcn');
+        $kitSynchronizer = new KitSynchronizer(new Filesystem(), new RecipeSynchronizer());
+        $kit = self::createLocalKit('shadcn');
 
         $kitSynchronizer->synchronize($kit);
 
@@ -44,30 +41,6 @@ public function testCanResolveDependencies()
             new PhpPackageDependency('twig/extra-bundle'),
             new PhpPackageDependency('twig/html-extra', new Version('^3.12.0')),
             new PhpPackageDependency('tales-from-a-dev/twig-tailwind-extra'),
-        ], $kit->getComponent('Button')->getDependencies());
-
-        $this->assertEquals([
-            new PhpPackageDependency('tales-from-a-dev/twig-tailwind-extra'),
-            new ComponentDependency('Table:Body'),
-            new ComponentDependency('Table:Caption'),
-            new ComponentDependency('Table:Cell'),
-            new ComponentDependency('Table:Footer'),
-            new ComponentDependency('Table:Head'),
-            new ComponentDependency('Table:Header'),
-            new ComponentDependency('Table:Row'),
-        ], $kit->getComponent('Table')->getDependencies());
-    }
-
-    public function testCanResolveStimulusDependencies()
-    {
-        $kitSynchronizer = new KitSynchronizer($this->filesystem);
-        $kit = new Kit(Path::join(__DIR__, '../Fixtures/kits/with-stimulus-controllers'), 'kit');
-
-        $kitSynchronizer->synchronize($kit);
-
-        $this->assertEquals([new StimulusControllerDependency('clipboard')], $kit->getComponent('Clipboard')->getDependencies());
-        $this->assertEquals([new StimulusControllerDependency('date-picker')], $kit->getComponent('DatePicker')->getDependencies());
-        $this->assertEquals([new StimulusControllerDependency('local-time')], $kit->getComponent('LocalTime')->getDependencies());
-        $this->assertEquals([new StimulusControllerDependency('users--list-item'), new StimulusControllerDependency('clipboard')], $kit->getComponent('UsersListItem')->getDependencies());
+        ], $kit->getRecipe('Button')->manifest->dependencies);
     }
 }
diff --git a/src/Toolkit/tests/Kit/KitTest.php b/src/Toolkit/tests/Kit/KitTest.php
index 862635d2b9e..00a815f1c8a 100644
--- a/src/Toolkit/tests/Kit/KitTest.php
+++ b/src/Toolkit/tests/Kit/KitTest.php
@@ -12,9 +12,11 @@
 namespace Symfony\UX\Toolkit\Tests\Kit;
 
 use PHPUnit\Framework\TestCase;
-use Symfony\UX\Toolkit\Asset\Component;
-use Symfony\UX\Toolkit\File\File;
 use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Kit\KitManifest;
+use Symfony\UX\Toolkit\Recipe\Recipe;
+use Symfony\UX\Toolkit\Recipe\RecipeManifest;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
 
 final class KitTest extends TestCase
 {
@@ -23,7 +25,7 @@ public function testShouldFailIfKitNameIsInvalid()
         $this->expectException(\InvalidArgumentException::class);
         $this->expectExceptionMessage('Invalid kit name "-foobar".');
 
-        new Kit(__DIR__, '-foobar', 'https://example.com', 'MIT');
+        new Kit(__DIR__, new KitManifest('-foobar', 'Description', 'MIT', 'https://example.com'));
     }
 
     public function testShouldFailIfKitPathIsNotAbsolute()
@@ -31,42 +33,61 @@ public function testShouldFailIfKitPathIsNotAbsolute()
         $this->expectException(\InvalidArgumentException::class);
         $this->expectExceptionMessage(\sprintf('Kit path "./%s" is not absolute.', __DIR__));
 
-        new Kit(\sprintf('./%s', __DIR__), 'foo', 'https://example.com', 'MIT');
+        new Kit(\sprintf('./%s', __DIR__), new KitManifest('foo', 'Description', 'MIT', 'https://example.com'));
     }
 
-    public function testCanAddComponentsToTheKit()
+    public function testCanAddRecipesToTheKit()
     {
-        $kit = new Kit(__DIR__, 'foo', 'https://example.com', 'MIT');
-        $kit->addComponent(new Component('Table', [new File('Table.html.twig', 'Table.html.twig')], null));
-        $kit->addComponent(new Component('Table:Row', [new File('Table/Row.html.twig', 'Table/Row.html.twig')], null));
+        $kit = new Kit(__DIR__, new KitManifest('foo', 'Description', 'MIT', 'https://example.com'));
+        $kit->addRecipe(new Recipe(
+            __DIR__.'/Alert',
+            new RecipeManifest(RecipeType::Component, 'Alert', 'Description', []),
+        ));
+        $kit->addRecipe(new Recipe(
+            __DIR__.'/Table',
+            new RecipeManifest(RecipeType::Component, 'Table', 'Description', []),
+        ));
 
-        $this->assertCount(2, $kit->getComponents());
+        $this->assertCount(2, $kit->getRecipes());
+        $this->assertCount(2, $kit->getRecipes(type: RecipeType::Component));
     }
 
     public function testShouldFailIfComponentIsAlreadyRegisteredInTheKit()
     {
         $this->expectException(\InvalidArgumentException::class);
-        $this->expectExceptionMessage('Component "Table" is already registered in the kit.');
+        $this->expectExceptionMessage('Recipe "Alert" is already registered in the kit.');
 
-        $kit = new Kit(__DIR__, 'foo', 'https://example.com', 'MIT');
-        $kit->addComponent(new Component('Table', [new File('Table.html.twig', 'Table.html.twig')], null));
-        $kit->addComponent(new Component('Table', [new File('Table.html.twig', 'Table.html.twig')], null));
+        $kit = new Kit(__DIR__, new KitManifest('foo', 'Description', 'MIT', 'https://example.com'));
+        $kit->addRecipe(new Recipe(
+            __DIR__.'/Alert',
+            new RecipeManifest(RecipeType::Component, 'Alert', 'Description', []),
+        ));
+        $kit->addRecipe(new Recipe(
+            __DIR__.'/Alert',
+            new RecipeManifest(RecipeType::Component, 'Alert', 'Description', []),
+        ));
     }
 
-    public function testCanGetComponentByName()
+    public function testCanGetRecipeByName()
     {
-        $kit = new Kit(__DIR__, 'foo', 'https://example.com', 'MIT');
-        $kit->addComponent(new Component('Table', [new File('Table.html.twig', 'Table.html.twig')], null));
-        $kit->addComponent(new Component('Table:Row', [new File('Table/Row.html.twig', 'Table/Row.html.twig')], null));
+        $kit = new Kit(__DIR__, new KitManifest('foo', 'Description', 'MIT', 'https://example.com'));
+        $kit->addRecipe(new Recipe(
+            __DIR__.'/Alert',
+            new RecipeManifest(RecipeType::Component, 'Alert', 'Description', []),
+        ));
+        $kit->addRecipe(new Recipe(
+            __DIR__.'/Table',
+            new RecipeManifest(RecipeType::Component, 'Table', 'Description', []),
+        ));
 
-        $this->assertSame('Table', $kit->getComponent('Table')->name);
-        $this->assertSame('Table:Row', $kit->getComponent('Table:Row')->name);
+        $this->assertSame('Table', $kit->getRecipe('Table')->manifest->name);
+        $this->assertSame('Alert', $kit->getRecipe('Alert')->manifest->name);
     }
 
-    public function testShouldReturnNullIfComponentIsNotFound()
+    public function testShouldReturnNullIfRecipeIsNotFound()
     {
-        $kit = new Kit(__DIR__, 'foo', 'https://example.com', 'MIT');
+        $kit = new Kit(__DIR__, new KitManifest('foo', 'Description', 'MIT', 'https://example.com'));
 
-        $this->assertNull($kit->getComponent('Table:Cell'));
+        $this->assertNull($kit->getRecipe('Table'));
     }
 }
diff --git a/src/Toolkit/tests/Recipe/RecipeManifestTest.php b/src/Toolkit/tests/Recipe/RecipeManifestTest.php
new file mode 100644
index 00000000000..dc56e109568
--- /dev/null
+++ b/src/Toolkit/tests/Recipe/RecipeManifestTest.php
@@ -0,0 +1,222 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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\Toolkit\Tests\Recipe;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\Dependency\PhpPackageDependency;
+use Symfony\UX\Toolkit\Dependency\RecipeDependency;
+use Symfony\UX\Toolkit\Dependency\Version;
+use Symfony\UX\Toolkit\Recipe\RecipeManifest;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
+
+final class RecipeManifestTest extends TestCase
+{
+    public function testFromJsonWithInvalidJson()
+    {
+        $this->expectException(\JsonException::class);
+        $this->expectExceptionMessage('Syntax error');
+
+        RecipeManifest::fromJson('test');
+    }
+
+    public function testFromJsonWithEmpty()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "type" is required.');
+
+        RecipeManifest::fromJson('{}');
+    }
+
+    public function testFromJsonWithInvalidType()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('The recipe type "test" is not supported.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "test"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithMissingName()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "name" is required.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithMissingDescription()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "description" is required.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithMissingLicense()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Property "copy-files" is required.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component"
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithInvalidDependencies()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Each dependency must be an associative array.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component",
+                "copy-files": {
+                    "templates/": "templates/"
+                },
+                "dependencies": ["foo"]
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithInvalidDependenciesType()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('The dependency type is missing for dependency #0, add "type" key.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component",
+                "copy-files": {
+                    "templates/": "templates/"
+                },
+                "dependencies": [
+                    {"key": "value"}
+                ]
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithInvalidPhpDependency()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('The package name is missing for dependency #0, add "package" key.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component",
+                "copy-files": {
+                    "templates/": "templates/"
+                },
+                "dependencies": [
+                    {"type": "php"}
+                ]
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithInvalidRecipeDependency()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('The recipe name is missing for dependency #0, add "name" key.');
+
+        RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component",
+                "copy-files": {
+                    "templates/": "templates/"
+                },
+                "dependencies": [
+                    {"type": "recipe"}
+                ]
+            }
+        JSON);
+    }
+
+    public function testFromJsonWithMinimumValidData()
+    {
+        $manifest = RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component",
+                "copy-files": {
+                    "templates/": "templates/"
+                }
+            }
+        JSON);
+
+        $this->assertSame(RecipeType::Component, $manifest->type);
+        $this->assertSame('MyComponent', $manifest->name);
+        $this->assertSame('An incredible component', $manifest->description);
+        $this->assertSame(['templates/' => 'templates/'], $manifest->copyFiles);
+        $this->assertEquals([], $manifest->dependencies);
+    }
+
+    public function testFromJsonWithValidData()
+    {
+        $manifest = RecipeManifest::fromJson(<<<JSON
+            {
+                "type": "component",
+                "name": "MyComponent",
+                "description": "An incredible component",
+                "copy-files": {
+                    "templates/": "templates/"
+                },
+                "dependencies": [
+                    {
+                        "type": "php",
+                        "package": "symfony/ux-twig-component:^2.29"
+                    },
+                    {
+                        "type": "recipe",
+                        "name": "OtherComponent"
+                    }
+                ]
+            }
+        JSON);
+
+        $this->assertSame(RecipeType::Component, $manifest->type);
+        $this->assertSame('MyComponent', $manifest->name);
+        $this->assertSame('An incredible component', $manifest->description);
+        $this->assertSame(['templates/' => 'templates/'], $manifest->copyFiles);
+        $this->assertEquals([
+            new PhpPackageDependency('symfony/ux-twig-component', new Version('^2.29')),
+            new RecipeDependency('OtherComponent'),
+        ], $manifest->dependencies);
+    }
+}
diff --git a/src/Toolkit/tests/Recipe/RecipeSynchronizerTest.php b/src/Toolkit/tests/Recipe/RecipeSynchronizerTest.php
new file mode 100644
index 00000000000..c64d422cb5d
--- /dev/null
+++ b/src/Toolkit/tests/Recipe/RecipeSynchronizerTest.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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\Toolkit\Tests\Recipe;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\Component\Finder\SplFileInfo;
+use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Kit\KitManifest;
+use Symfony\UX\Toolkit\Recipe\RecipeSynchronizer;
+
+final class RecipeSynchronizerTest extends TestCase
+{
+    public function testSynchronize()
+    {
+        $kit = new Kit(__DIR__, new KitManifest('foo', 'Description', 'MIT', 'https://example.com'));
+        $recipeSynchronizer = new RecipeSynchronizer();
+
+        $this->assertEmpty($kit->getRecipes());
+
+        $recipeSynchronizer->synchronizeRecipe($kit, new SplFileInfo(__DIR__.'/../../kits/shadcn/Alert/manifest.json', 'Alert', 'Alert/manifest.json'));
+
+        $recipeAlert = $kit->getRecipe('Alert');
+        $this->assertNotNull($recipeAlert);
+        $this->assertEquals('Alert', $recipeAlert->manifest->name);
+        $this->assertEquals('A notification component that displays important messages with an icon, title, and description.', $recipeAlert->manifest->description);
+    }
+}
diff --git a/src/Toolkit/tests/Recipe/RecipeTest.php b/src/Toolkit/tests/Recipe/RecipeTest.php
new file mode 100644
index 00000000000..61e2ec55652
--- /dev/null
+++ b/src/Toolkit/tests/Recipe/RecipeTest.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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\Toolkit\Tests\Recipe;
+
+use PHPUnit\Framework\TestCase;
+use Symfony\UX\Toolkit\File;
+use Symfony\UX\Toolkit\Recipe\Recipe;
+use Symfony\UX\Toolkit\Recipe\RecipeManifest;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
+
+final class RecipeTest extends TestCase
+{
+    public function testShouldFailWhenPathIsNotAbsolute()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Kit path "relative/path" is not absolute.');
+
+        new Recipe('relative/path', new RecipeManifest(
+            type: RecipeType::Component,
+            name: 'test-recipe',
+            description: 'A test recipe',
+            copyFiles: [],
+        ));
+    }
+
+    public function testShouldFailWhenInvalidCopyFiles()
+    {
+        $this->expectException(\InvalidArgumentException::class);
+        $this->expectExceptionMessage('Copy file destination "/" must be a relative path.');
+
+        new Recipe(__DIR__.'/../../kits/shadcn/Table', new RecipeManifest(
+            type: RecipeType::Component,
+            name: 'test-recipe',
+            description: 'A test recipe',
+            copyFiles: [
+                'templates/' => '/',
+            ],
+        ));
+    }
+
+    public function testGetCopyFiles()
+    {
+        $recipe = new Recipe(__DIR__.'/../../kits/shadcn/Table', new RecipeManifest(
+            type: RecipeType::Component,
+            name: 'test-recipe',
+            description: 'A test recipe',
+            copyFiles: [
+                'templates/' => 'templates/',
+            ],
+        ));
+
+        $this->assertEquals([
+            new File('templates/components/Table.html.twig', 'templates/components/Table.html.twig'),
+            new File('templates/components/Table/Body.html.twig', 'templates/components/Table/Body.html.twig'),
+            new File('templates/components/Table/Caption.html.twig', 'templates/components/Table/Caption.html.twig'),
+            new File('templates/components/Table/Cell.html.twig', 'templates/components/Table/Cell.html.twig'),
+            new File('templates/components/Table/Footer.html.twig', 'templates/components/Table/Footer.html.twig'),
+            new File('templates/components/Table/Head.html.twig', 'templates/components/Table/Head.html.twig'),
+            new File('templates/components/Table/Header.html.twig', 'templates/components/Table/Header.html.twig'),
+            new File('templates/components/Table/Row.html.twig', 'templates/components/Table/Row.html.twig'),
+        ], iterator_to_array($recipe->getFiles()));
+    }
+
+    public function testGetCopyFilesWithDifferentDestDir()
+    {
+        $recipe = new Recipe(__DIR__.'/../../kits/shadcn/Table', new RecipeManifest(
+            type: RecipeType::Component,
+            name: 'test-recipe',
+            description: 'A test recipe',
+            copyFiles: [
+                'templates/' => 'dest-templates/',
+            ],
+        ));
+
+        $this->assertEquals([
+            new File('templates/components/Table.html.twig', 'dest-templates/components/Table.html.twig'),
+            new File('templates/components/Table/Body.html.twig', 'dest-templates/components/Table/Body.html.twig'),
+            new File('templates/components/Table/Caption.html.twig', 'dest-templates/components/Table/Caption.html.twig'),
+            new File('templates/components/Table/Cell.html.twig', 'dest-templates/components/Table/Cell.html.twig'),
+            new File('templates/components/Table/Footer.html.twig', 'dest-templates/components/Table/Footer.html.twig'),
+            new File('templates/components/Table/Head.html.twig', 'dest-templates/components/Table/Head.html.twig'),
+            new File('templates/components/Table/Header.html.twig', 'dest-templates/components/Table/Header.html.twig'),
+            new File('templates/components/Table/Row.html.twig', 'dest-templates/components/Table/Row.html.twig'),
+        ], iterator_to_array($recipe->getFiles()));
+    }
+}
diff --git a/src/Toolkit/tests/Registry/GitHubRegistryTest.php b/src/Toolkit/tests/Registry/GitHubRegistryTest.php
index 0df210e42eb..792b094af20 100644
--- a/src/Toolkit/tests/Registry/GitHubRegistryTest.php
+++ b/src/Toolkit/tests/Registry/GitHubRegistryTest.php
@@ -64,11 +64,10 @@ public function testCanGetKitFromGithub()
         $kit = $githubRegistry->getKit('github.com/user/repo');
 
         $this->assertTrue($isHttpClientCalled);
-        $this->assertSame('Shadcn UI', $kit->name);
-        $this->assertNotEmpty($kit->getComponents());
-        $this->assertFileExists($kit->path);
-        $this->assertFileExists(Path::join($kit->path, 'templates/components/Button.html.twig'));
-        $this->assertFileExists(Path::join($kit->path, 'docs/components/Button.md'));
+        $this->assertSame('Shadcn UI', $kit->manifest->name);
+        $this->assertNotEmpty($kit->getRecipes());
+        $this->assertFileExists($kit->absolutePath);
+        $this->assertFileExists(Path::join($kit->absolutePath, 'Button/templates/components/Button.html.twig'));
     }
 
     public function testShouldThrowExceptionIfKitNotFound()
diff --git a/src/Toolkit/tests/Registry/LocalRegistryTest.php b/src/Toolkit/tests/Registry/LocalRegistryTest.php
index 578aa53ef5a..5c6aba85690 100644
--- a/src/Toolkit/tests/Registry/LocalRegistryTest.php
+++ b/src/Toolkit/tests/Registry/LocalRegistryTest.php
@@ -22,12 +22,11 @@ public function testCanGetKit()
         $localRegistry = new LocalRegistry(
             self::getContainer()->get('ux_toolkit.kit.kit_factory'),
             self::getContainer()->get('filesystem'),
-            self::getContainer()->getParameter('kernel.project_dir'),
         );
 
         $kit = $localRegistry->getKit('shadcn');
 
         $this->assertInstanceOf(Kit::class, $kit);
-        $this->assertSame('Shadcn UI', $kit->name);
+        $this->assertSame('Shadcn UI', $kit->manifest->name);
     }
 }
diff --git a/src/Toolkit/tests/TestHelperTrait.php b/src/Toolkit/tests/TestHelperTrait.php
new file mode 100644
index 00000000000..7c4658479f7
--- /dev/null
+++ b/src/Toolkit/tests/TestHelperTrait.php
@@ -0,0 +1,33 @@
+<?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\Toolkit\Tests;
+
+use Symfony\Component\Filesystem\Path;
+use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Kit\KitManifest;
+
+trait TestHelperTrait
+{
+    private static function createLocalKit(string $kitName): Kit
+    {
+        $kitPath = Path::join(__DIR__, '../kits', $kitName);
+
+        return new Kit($kitPath, KitManifest::fromJson(file_get_contents(Path::join($kitPath, 'manifest.json'))));
+    }
+
+    private static function createFixtureKit(string $kitName): Kit
+    {
+        $kitPath = Path::join(__DIR__, 'Fixtures/kits', $kitName);
+
+        return new Kit($kitPath, KitManifest::fromJson(file_get_contents(Path::join($kitPath, 'manifest.json'))));
+    }
+}
diff --git a/ux.symfony.com/src/Controller/SitemapController.php b/ux.symfony.com/src/Controller/SitemapController.php
index 05301ffc862..233bff6174d 100644
--- a/ux.symfony.com/src/Controller/SitemapController.php
+++ b/ux.symfony.com/src/Controller/SitemapController.php
@@ -70,7 +70,7 @@ private function getSitemapUrls(): iterable
             yield $this->generateAbsoluteUrl('app_toolkit_kit', ['kitId' => $kitId]);
 
             foreach ($this->toolkitService->getDocumentableComponents($kit) as $component) {
-                yield $this->generateAbsoluteUrl('app_toolkit_component', ['kitId' => $kitId, 'componentName' => $component->name]);
+                yield $this->generateAbsoluteUrl('app_toolkit_component', ['kitId' => $kitId, 'componentName' => $component->manifest->name]);
             }
         }
     }
diff --git a/ux.symfony.com/src/Controller/Toolkit/ComponentsController.php b/ux.symfony.com/src/Controller/Toolkit/ComponentsController.php
index f0bb2599916..de033acc4d8 100644
--- a/ux.symfony.com/src/Controller/Toolkit/ComponentsController.php
+++ b/ux.symfony.com/src/Controller/Toolkit/ComponentsController.php
@@ -24,6 +24,7 @@
 use Symfony\Component\HttpKernel\Profiler\Profiler;
 use Symfony\Component\Routing\Attribute\Route;
 use Symfony\UX\Toolkit\Kit\KitContextRunner;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
 
 class ComponentsController extends AbstractController
 {
@@ -47,7 +48,7 @@ public function listComponents(ToolkitKitId $kit): Response
     public function showComponent(ToolkitKitId $kitId, string $componentName): Response
     {
         $kit = $this->toolkitService->getKit($kitId);
-        if (null === $component = $kit->getComponent($componentName)) {
+        if (null === $component = $kit->getRecipe($componentName, type: RecipeType::Component)) {
             throw $this->createNotFoundException(\sprintf('Component "%s" not found', $componentName));
         }
 
diff --git a/ux.symfony.com/src/Controller/UxPackage/ToolkitController.php b/ux.symfony.com/src/Controller/UxPackage/ToolkitController.php
index 2d75d231509..fe0dfa47918 100644
--- a/ux.symfony.com/src/Controller/UxPackage/ToolkitController.php
+++ b/ux.symfony.com/src/Controller/UxPackage/ToolkitController.php
@@ -44,7 +44,7 @@ public function index(
                         ... and a PHP framework for web projects
                     </twig:Card:Content>
                     <twig:Card:Footer>
-                        <twig:Button as="a" href="https://symfony.com">
+                        <twig:Button as="a" href="https://symfony.com" target="_blank">
                             Visit symfony.com
                         </twig:Button>
                     </twig:Card:Footer>
diff --git a/ux.symfony.com/src/Service/Toolkit/ToolkitService.php b/ux.symfony.com/src/Service/Toolkit/ToolkitService.php
index c56c1a64f56..2c7e5fc74a5 100644
--- a/ux.symfony.com/src/Service/Toolkit/ToolkitService.php
+++ b/ux.symfony.com/src/Service/Toolkit/ToolkitService.php
@@ -17,9 +17,10 @@
 use Symfony\Component\Filesystem\Path;
 use Symfony\Component\HttpFoundation\UriSigner;
 use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
-use Symfony\UX\Toolkit\Asset\Component;
 use Symfony\UX\Toolkit\Installer\PoolResolver;
 use Symfony\UX\Toolkit\Kit\Kit;
+use Symfony\UX\Toolkit\Recipe\Recipe;
+use Symfony\UX\Toolkit\Recipe\RecipeType;
 use Symfony\UX\Toolkit\Registry\RegistryFactory;
 
 class ToolkitService
@@ -55,11 +56,11 @@ public function getKits(): array
     }
 
     /**
-     * @return Component[]
+     * @return Recipe[]
      */
     public function getDocumentableComponents(Kit $kit): array
     {
-        return array_filter($kit->getComponents(), fn (Component $component) => $component->doc);
+        return array_filter($kit->getRecipes(RecipeType::Component), fn (Recipe $recipe) => file_exists(Path::join($recipe->absolutePath, 'EXAMPLES.md')));
     }
 
     public function renderComponentPreviewCodeTabs(ToolkitKitId $kitId, string $code, string $highlightedCode, string $height): string
@@ -79,20 +80,22 @@ public function renderComponentPreviewCodeTabs(ToolkitKitId $kitId, string $code
         ]);
     }
 
-    public function renderInstallationSteps(ToolkitKitId $kitId, Component $component): string
+    public function renderInstallationSteps(ToolkitKitId $kitId, Recipe $component): string
     {
         $kit = $this->getKit($kitId);
-        $pool = (new PoolResolver())->resolveForComponent($kit, $component);
+        $pool = (new PoolResolver())->resolveForRecipe($kit, $component);
 
         $manual = '<p>The UX Toolkit is not mandatory to install a component. You can install it manually by following the next steps:</p>';
         $manual .= '<ol style="display: grid; gap: 1rem;">';
         $manual .= '<li><strong>Copy the following file(s) into your Symfony app:</strong>';
-        foreach ($pool->getFiles() as $file) {
-            $manual .= \sprintf(
-                "<details><summary><code>%s</code></summary>\n%s\n</details>",
-                $file->relativePathNameToKit,
-                \sprintf("\n```%s\n%s\n```", pathinfo($file->relativePathNameToKit, \PATHINFO_EXTENSION), trim(file_get_contents(Path::join($kit->path, $file->relativePathNameToKit))))
-            );
+        foreach ($pool->getFiles() as $recipeFullPath => $files) {
+            foreach ($files as $file) {
+                $manual .= \sprintf(
+                    "<details><summary><code>%s</code></summary>\n%s\n</details>",
+                    $file->sourceRelativePathName,
+                    \sprintf("\n```%s\n%s\n```", pathinfo($file->sourceRelativePathName, \PATHINFO_EXTENSION), trim(file_get_contents(Path::join($recipeFullPath, $file->sourceRelativePathName))))
+                );
+            }
         }
         $manual .= '</li>';
 
@@ -109,7 +112,7 @@ public function renderInstallationSteps(ToolkitKitId $kitId, Component $componen
             'Automatic' => \sprintf(
                 '<p>Ensure the Symfony UX Toolkit is installed in your Symfony app:</p>%s<p>Then, run the following command to install the component and its dependencies:</p>%s',
                 CodeBlockRenderer::highlightCode('shell', '$ composer require --dev symfony/ux-toolkit'),
-                CodeBlockRenderer::highlightCode('shell', "$ bin/console ux:toolkit:install-component {$component->name} --kit {$kitId->value}"),
+                CodeBlockRenderer::highlightCode('shell', "$ bin/console ux:install {$component->manifest->name} --kit {$kitId->value}"),
             ),
             'Manual' => $manual,
         ]);
diff --git a/ux.symfony.com/src/Twig/Components/Toolkit/ComponentDoc.php b/ux.symfony.com/src/Twig/Components/Toolkit/ComponentDoc.php
index 6bfad3eed84..d326e162c96 100644
--- a/ux.symfony.com/src/Twig/Components/Toolkit/ComponentDoc.php
+++ b/ux.symfony.com/src/Twig/Components/Toolkit/ComponentDoc.php
@@ -13,8 +13,9 @@
 
 use App\Enum\ToolkitKitId;
 use App\Service\Toolkit\ToolkitService;
-use Symfony\Component\String\AbstractString;
-use Symfony\UX\Toolkit\Asset\Component;
+use Symfony\Component\Filesystem\Filesystem;
+use Symfony\Component\Filesystem\Path;
+use Symfony\UX\Toolkit\Recipe\Recipe;
 use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
 
 use function Symfony\Component\String\s;
@@ -23,53 +24,92 @@
 class ComponentDoc
 {
     public ToolkitKitId $kitId;
-    public Component $component;
+    public Recipe $component;
 
-    public function __construct(private readonly ToolkitService $toolkitService)
-    {
+    public function __construct(
+        private readonly Filesystem $filesystem,
+        private readonly ToolkitService $toolkitService,
+    ) {
     }
 
     public function getContent(): string
     {
-        return $this->formatContent($this->component->doc->markdownContent);
-    }
+        $examples = $this->getExamples();
 
-    private function formatContent(string $markdownContent): string
-    {
-        $markdownContent = s($markdownContent);
+        return $this->adaptPreviewableCodeBlocks(\sprintf(<<<MARKDOWN
+            # %s
 
-        $markdownContent = $this->insertInstallation($markdownContent);
-        $markdownContent = $this->insertUsage($markdownContent);
-        $markdownContent = $this->adaptPreviewableCodeBlocks($markdownContent);
+            %s
 
-        return $markdownContent;
-    }
+            %s
 
-    private function insertInstallation(AbstractString $markdownContent): AbstractString
-    {
-        return $markdownContent->replace(
-            '<!-- Placeholder: Installation -->',
-            $this->toolkitService->renderInstallationSteps($this->kitId, $this->component)
-        );
+            ## Installation
+
+            %s
+
+            ## Usage
+
+            %s
+
+            ## Examples
+
+            %s
+            MARKDOWN,
+            $this->component->manifest->name,
+            $this->component->manifest->description,
+            current($examples),
+            $this->toolkitService->renderInstallationSteps($this->kitId, $this->component),
+            dump(preg_replace('/^```twig.*\n/', '```twig'.\PHP_EOL, current($examples))),
+            array_reduce(array_keys($examples), function (string $acc, string $exampleTitle) use ($examples) {
+                $acc .= '### '.$exampleTitle.\PHP_EOL.$examples[$exampleTitle].\PHP_EOL;
+
+                return $acc;
+            }, '')
+        ));
     }
 
-    private function insertUsage(AbstractString $markdownContent): AbstractString
+    /**
+     * @return array<string, string>
+     */
+    private function getExamples(): array
     {
-        $firstTwigPreviewBlock = $markdownContent->match('/```twig.*?\n(.+?)```/s');
-        $firstTwigPreviewBlock = $firstTwigPreviewBlock ? trim($firstTwigPreviewBlock[1]) : '';
+        $examplesMdPath = Path::join($this->component->absolutePath, 'EXAMPLES.md');
+
+        $markdown = s($this->filesystem->readFile($examplesMdPath));
+
+        // Remove "# Examples" header
+        $markdown = $markdown->replace('# Examples', '');
+
+        // Split the markdown for each title and content
+        $examples = [];
+        foreach (explode(\PHP_EOL, $markdown) as $line) {
+            if (str_starts_with($line, '## ')) {
+                // This is a new example title
+                $title = trim(substr($line, 2));
+                $examples[$title] = '';
+            } elseif (isset($title)) {
+                // This line belongs to the last example
+                $examples[$title] .= $line.\PHP_EOL;
+            }
+        }
+
+        if ([] === $examples) {
+            throw new \LogicException(\sprintf('No examples found in "%s".', $examplesMdPath));
+        }
+
+        foreach ($examples as $title => &$example) {
+            $example = trim($example);
+        }
 
-        return $markdownContent->replace(
-            '<!-- Placeholder: Usage -->',
-            '```twig'."\n".$firstTwigPreviewBlock."\n".'```'
-        );
+        return $examples;
     }
 
     /**
      * Iterate over code blocks, and add the option "kit" if the option "preview" exists.
      */
-    private function adaptPreviewableCodeBlocks(AbstractString $markdownContent): AbstractString
+    private function adaptPreviewableCodeBlocks(string $markdownContent): string
     {
-        return $markdownContent->replaceMatches('/```(?P<lang>[a-z]+) +(?P<options>\{.+?\})\n/', function (array $matches) {
+        return s($markdownContent)->replaceMatches('/```(?P<lang>[a-z]+) +(?P<options>\{.+?\})\n/', function (array $matches) {
             $lang = $matches['lang'];
             $options = json_decode($matches['options'], true, flags: \JSON_THROW_ON_ERROR);
 
@@ -77,7 +117,7 @@ private function adaptPreviewableCodeBlocks(AbstractString $markdownContent): Ab
                 $options['kit'] = $this->kitId->value;
             }
 
-            return \sprintf('```%s %s'."\n", $lang, json_encode($options, \JSON_THROW_ON_ERROR));
-        });
+            return \sprintf('```%s %s'.\PHP_EOL, $lang, json_encode($options, \JSON_THROW_ON_ERROR));
+        })->toString();
     }
 }
diff --git a/ux.symfony.com/templates/toolkit/_code_block_right.html.twig b/ux.symfony.com/templates/toolkit/_code_block_right.html.twig
index 65b46fe9e83..b73b45358a5 100644
--- a/ux.symfony.com/templates/toolkit/_code_block_right.html.twig
+++ b/ux.symfony.com/templates/toolkit/_code_block_right.html.twig
@@ -10,7 +10,7 @@
         ... and a PHP framework for web projects
     </twig:Card:Content>
     <twig:Card:Footer>
-        <twig:Button as="a" href="https://symfony.com">
+        <twig:Button as="a" href="https://symfony.com" target="_blank">
             Visit symfony.com
         </twig:Button>
     </twig:Card:Footer>
diff --git a/ux.symfony.com/templates/toolkit/_kit_aside.html.twig b/ux.symfony.com/templates/toolkit/_kit_aside.html.twig
index 354e88765a6..eae51122ad9 100644
--- a/ux.symfony.com/templates/toolkit/_kit_aside.html.twig
+++ b/ux.symfony.com/templates/toolkit/_kit_aside.html.twig
@@ -12,9 +12,9 @@
         <div class="SidebarNav_Heading">Components</div>
         <ul class="list-unstyled">
             {% for component in components %}
-                <li class="SidebarNav_Item {{ app.current_route == 'app_toolkit_component' and app.current_route_parameters.componentName == component.name ? 'active' : '' }}">
-                    <a class="SidebarNav_Link" href="{{ path('app_toolkit_component', {kitId: kit_id.value, componentName: component.name}) }}">
-                        {{ component.name }}
+                <li class="SidebarNav_Item {{ app.current_route == 'app_toolkit_component' and app.current_route_parameters.componentName == component.manifest.name ? 'active' : '' }}">
+                    <a class="SidebarNav_Link" href="{{ path('app_toolkit_component', {kitId: kit_id.value, componentName: component.manifest.name}) }}">
+                        {{ component.manifest.name }}
                     </a>
                 </li>
             {% endfor %}
diff --git a/ux.symfony.com/templates/toolkit/component.html.twig b/ux.symfony.com/templates/toolkit/component.html.twig
index 9eb4614a547..67f27133782 100644
--- a/ux.symfony.com/templates/toolkit/component.html.twig
+++ b/ux.symfony.com/templates/toolkit/component.html.twig
@@ -1,7 +1,7 @@
 {% extends 'base.html.twig' %}
 
-{% set title = 'Component ' ~ component.name ~ ' - ' ~ kit.name ~ ' Kit' %}
-{% set description = "Documentation of component #{component.name}, from the UX Toolkit #{kit.name}, #{kit.description}." %}
+{% set title = 'Component ' ~ component.manifest.name ~ ' - ' ~ kit.manifest.name ~ ' Kit' %}
+{% set description = "Documentation of component #{component.manifest.name}, from the UX Toolkit #{kit.manifest.name}, #{kit.manifest.description}." %}
 {% set meta = {
     title,
     description,
@@ -14,7 +14,7 @@
             type: 'image/png',
             width: 1200,
             height: 675,
-            alt: package.humanName ~ ' - Kit ' ~ kit.name,
+            alt: package.humanName ~ ' - Kit ' ~ kit.manifest.name,
         },
     }
 } %}
@@ -30,8 +30,8 @@
                 <ol class="breadcrumb">
                     <li class="breadcrumb-item"><a href="{{ path('app_toolkit') }}">UX Toolkit</a></li>
                     <li class="breadcrumb-item"><a href="{{ path('app_toolkit', {'_fragment': 'kits'}) }}">Kits</a></li>
-                    <li class="breadcrumb-item"><a href="{{ path('app_toolkit_kit', {kitId: kit_id.value}) }}">{{ kit.name }}</a></li>
-                    <li class="breadcrumb-item active" aria-current="page">{{ component.name }}</li>
+                    <li class="breadcrumb-item"><a href="{{ path('app_toolkit_kit', {kitId: kit_id.value}) }}">{{ kit.manifest.name }}</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">{{ component.manifest.name }}</li>
                 </ol>
             </nav>
 
diff --git a/ux.symfony.com/templates/toolkit/kit.html.twig b/ux.symfony.com/templates/toolkit/kit.html.twig
index 43c6e20198f..9e5a4b9ca84 100644
--- a/ux.symfony.com/templates/toolkit/kit.html.twig
+++ b/ux.symfony.com/templates/toolkit/kit.html.twig
@@ -1,18 +1,18 @@
 {% extends 'base.html.twig' %}
 
 {% set meta = {
-    title: 'UX Toolkit - Kits - ' ~ kit.name,
-    description: kit.description,
+    title: 'UX Toolkit - Kits - ' ~ kit.manifest.name,
+    description: kit.manifest.description,
     canonical: url('app_icons'),
     social: {
-        title: 'UX Toolkit - Kits - ' ~ kit.name,
-        description: kit.description,
+        title: 'UX Toolkit - Kits - ' ~ kit.manifest.name,
+        description: kit.manifest.description,
         image: {
             url: absolute_url(asset(package.getSocialImage('1200x675'))),
             type: 'image/png',
             width: 1200,
             height: 675,
-            alt: package.humanName ~ ' - Kit ' ~ kit.name,
+            alt: package.humanName ~ ' - Kit ' ~ kit.manifest.name,
         },
     }
 } %}
@@ -28,7 +28,7 @@
                 <ol class="breadcrumb">
                     <li class="breadcrumb-item"><a href="{{ path('app_toolkit') }}">UX Toolkit</a></li>
                     <li class="breadcrumb-item"><a href="{{ path('app_toolkit', {'_fragment': 'kits'}) }}">Kits</a></li>
-                    <li class="breadcrumb-item active" aria-current="page">{{ kit.name }}</li>
+                    <li class="breadcrumb-item active" aria-current="page">{{ kit.manifest.name }}</li>
                 </ol>
             </nav>
 
diff --git a/ux.symfony.com/templates/ux_packages/toolkit.html.twig b/ux.symfony.com/templates/ux_packages/toolkit.html.twig
index 7f78a815f39..77aeca1434b 100644
--- a/ux.symfony.com/templates/ux_packages/toolkit.html.twig
+++ b/ux.symfony.com/templates/ux_packages/toolkit.html.twig
@@ -22,8 +22,8 @@
 {% block code_block_left %}
 <twig:Terminal>
 # Install the components you need...
-php bin/console ux:toolkit:install-component Card
-php bin/console ux:toolkit:install-component Button
+php bin/console ux:install Card
+php bin/console ux:install Button
 
 # ... and find them in your <code>templates/components</code> folder!
 tree templates/components
@@ -65,15 +65,15 @@ tree templates/components
             {% for kit_id, kit in kits %}
                 <div class="PackageBox">
                     <div class="PackageBox_logo">
-                        <twig:ux:icon name="toolkit:{{ kit_id }}" alt="{{ kit.name }}" style="color: #fff; width: 50%; height: 50%;" />
+                        <twig:ux:icon name="toolkit:{{ kit_id }}" alt="{{ kit.manifest.name }}" style="color: #fff; width: 50%; height: 50%;" />
                     </div>
                     <div class="PackageBox_content">
                         <h2 class="PackageBox_title">
-                            <a href="{{ path('app_toolkit_kit', {kitId: kit_id}) }}" class="PackageBox_link">{{ kit.name }}</a>
+                            <a href="{{ path('app_toolkit_kit', {kitId: kit_id}) }}" class="PackageBox_link">{{ kit.manifest.name }}</a>
                         </h2>
 
                         <div class="PackageBox_description">
-                            <p>{{ kit.description }}</p>
+                            <p>{{ kit.manifest.description }}</p>
                         </div>
                     </div>
                 </div>