diff --git a/.twig-cs-fixer.dist.php b/.twig-cs-fixer.dist.php
index 1dfe5c3..8c2fb8f 100644
--- a/.twig-cs-fixer.dist.php
+++ b/.twig-cs-fixer.dist.php
@@ -18,11 +18,12 @@ $uxRuleset = (new Ruleset())
     ->addStandard(new Twig())
     // Symfony standard (customized for Symfony UX)
     ->addRule(new DirectoryNameRule(baseDirectory: 'templates', ignoredSubDirectories: ['bundles', 'components', 'demos/live_memory/components']))
-    ->addRule(new FileNameRule(baseDirectory: 'templates', ignoredSubDirectories: ['bundles', 'components', 'demos/live_memory/components'], optionalPrefix: '_'))
-    ->addRule(new DirectoryNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
-    ->addRule(new FileNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
+    ->addRule(new FileNameRule(baseDirectory: 'templates', ignoredSubDirectories: ['bundles', 'components', 'demos/live_memory/components', 'toolkit'], optionalPrefix: '_'))
+    ->addRule(new DirectoryNameRule(case: FileNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
+    ->addRule(new FileNameRule(case: FileNameRule::PASCAL_CASE, baseDirectory: 'templates/components'))
     ->addRule(new DirectoryNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'demos/live_memory/components'))
-    ->addRule(new FileNameRule(case: DirectoryNameRule::PASCAL_CASE, baseDirectory: 'demos/live_memory/components'))
+    ->addRule(new FileNameRule(case: FileNameRule::PASCAL_CASE, baseDirectory: 'demos/live_memory/components'))
+    ->addRule(new FileNameRule(case: FileNameRule::KEBAB_CASE, baseDirectory: 'templates/toolkit/docs/', optionalPrefix: '_'))
     ->addRule(new FileExtensionRule())
     // TwigCsFixer standard (customized for Symfony UX)
     ->addRule(new BlankEOFRule())
diff --git a/templates/toolkit/docs/_base_component.md.twig b/templates/toolkit/docs/_base_component.md.twig
index b471105..f498f4a 100644
--- a/templates/toolkit/docs/_base_component.md.twig
+++ b/templates/toolkit/docs/_base_component.md.twig
@@ -1,3 +1,4 @@
+{# twig-cs-fixer-disable FileName.Error #}
 # {{ component.manifest.name }}
 
 {{ component.manifest.description }}
diff --git a/templates/toolkit/docs/shadcn/alert-dialog.md.twig b/templates/toolkit/docs/shadcn/alert-dialog.md.twig
index 60aa4b7..5663c08 100644
--- a/templates/toolkit/docs/shadcn/alert-dialog.md.twig
+++ b/templates/toolkit/docs/shadcn/alert-dialog.md.twig
@@ -10,5 +10,5 @@
 
 {% block examples %}
 ### Opened by default
-{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', {height: '400px'}) }}
 {% endblock %}
diff --git a/templates/toolkit/docs/shadcn/button-group.md.twig b/templates/toolkit/docs/shadcn/button-group.md.twig
index 4e06c1d..3e7299d 100644
--- a/templates/toolkit/docs/shadcn/button-group.md.twig
+++ b/templates/toolkit/docs/shadcn/button-group.md.twig
@@ -16,21 +16,21 @@
 
 {% block examples %}
 ### Orientation
-{{ toolkit_code_example(kit_id.value, component.name, 'Orientation', { height: '200px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Orientation', {height: '200px'}) }}
 
 ### Size
-{{ toolkit_code_example(kit_id.value, component.name, 'Size', { height: '420px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Size', {height: '420px'}) }}
 
 ### Input
-{{ toolkit_code_example(kit_id.value, component.name, 'Input', { height: '200px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Input', {height: '200px'}) }}
 
 ### Nested
-{{ toolkit_code_example(kit_id.value, component.name, 'Nested', { height: '240px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Nested', {height: '240px'}) }}
 
 ### Separator
-{{ toolkit_code_example(kit_id.value, component.name, 'Separator', { height: '200px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Separator', {height: '200px'}) }}
 
 ### Split
-{{ toolkit_code_example(kit_id.value, component.name, 'Split', { height: '200px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Split', {height: '200px'}) }}
 
 {% endblock %}
diff --git a/templates/toolkit/docs/shadcn/dialog.md.twig b/templates/toolkit/docs/shadcn/dialog.md.twig
index 59624aa..744e91a 100644
--- a/templates/toolkit/docs/shadcn/dialog.md.twig
+++ b/templates/toolkit/docs/shadcn/dialog.md.twig
@@ -10,8 +10,8 @@
 
 {% block examples %}
 ### Opened by default
-{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Opened by default', {height: '400px'}) }}
 
 ### Custom close button
-{{ toolkit_code_example(kit_id.value, component.name, 'Custom close button', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Custom close button', {height: '400px'}) }}
 {% endblock %}
diff --git a/templates/toolkit/docs/shadcn/empty.md.twig b/templates/toolkit/docs/shadcn/empty.md.twig
index b165df2..fe0863f 100644
--- a/templates/toolkit/docs/shadcn/empty.md.twig
+++ b/templates/toolkit/docs/shadcn/empty.md.twig
@@ -10,15 +10,15 @@
 
 {% block examples %}
 ### Outline
-{{ toolkit_code_example(kit_id.value, component.name, 'Outline', { height: '300px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Outline', {height: '300px'}) }}
 
 ### Background
-{{ toolkit_code_example(kit_id.value, component.name, 'Background', { height: '300px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Background', {height: '300px'}) }}
 
 ### Avatar
-{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', { height: '300px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', {height: '300px'}) }}
 
 ### Avatar group
-{{ toolkit_code_example(kit_id.value, component.name, 'Avatar group', { height: '300px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Avatar group', {height: '300px'}) }}
 
 {% endblock %}
diff --git a/templates/toolkit/docs/shadcn/field.md.twig b/templates/toolkit/docs/shadcn/field.md.twig
index cb6c9c2..64c857d 100644
--- a/templates/toolkit/docs/shadcn/field.md.twig
+++ b/templates/toolkit/docs/shadcn/field.md.twig
@@ -1,7 +1,7 @@
 {% extends 'toolkit/docs/_base_component.md.twig' %}
 
 {% block demo %}
-{{ toolkit_code_demo(kit_id.value, component.name, { height: '850px' }) }}
+{{ toolkit_code_demo(kit_id.value, component.name, {height: '850px'}) }}
 {% endblock %}
 
 {% block usage %}
@@ -11,24 +11,24 @@
 {% block examples %}
 
 ### Input
-{{ toolkit_code_example(kit_id.value, component.name, 'Input', { height: '500px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Input', {height: '500px'}) }}
 
 ### Textarea
-{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', {height: '400px'}) }}
 
 ### Select
-{{ toolkit_code_example(kit_id.value, component.name, 'Select', { height: '360px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Select', {height: '360px'}) }}
 
 ### Field set
-{{ toolkit_code_example(kit_id.value, component.name, 'Field set', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Field set', {height: '400px'}) }}
 
 ### Checkbox
-{{ toolkit_code_example(kit_id.value, component.name, 'Checkbox', { height: '520px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Checkbox', {height: '520px'}) }}
 
 ### Switch
-{{ toolkit_code_example(kit_id.value, component.name, 'Switch', { height: '240px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Switch', {height: '240px'}) }}
 
 ### Field group
-{{ toolkit_code_example(kit_id.value, component.name, 'Field group', { height: '520px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Field group', {height: '520px'}) }}
 
 {% endblock %}
diff --git a/templates/toolkit/docs/shadcn/input-group.md.twig b/templates/toolkit/docs/shadcn/input-group.md.twig
index 61d5696..576d618 100644
--- a/templates/toolkit/docs/shadcn/input-group.md.twig
+++ b/templates/toolkit/docs/shadcn/input-group.md.twig
@@ -11,25 +11,25 @@
 {% block examples %}
 
 ### Icon
-{{ toolkit_code_example(kit_id.value, component.name, 'Icon', { height: '350px'}) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Icon', {height: '350px'}) }}
 
 ### Text
 
 Display additional text information alongside inputs.
 
-{{ toolkit_code_example(kit_id.value, component.name, 'Text', { height: '400px'}) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Text', {height: '400px'}) }}
 
 ### Button
-{{ toolkit_code_example(kit_id.value, component.name, 'Button', { height: '350px'}) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Button', {height: '350px'}) }}
 
 ### Textarea
-{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', { height: '400px'}) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Textarea', {height: '400px'}) }}
 
 ### Spinner
-{{ toolkit_code_example(kit_id.value, component.name, 'Spinner', { height: '400px'}) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Spinner', {height: '400px'}) }}
 
 ### Label
-{{ toolkit_code_example(kit_id.value, component.name, 'Label', { height: '300px'}) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Label', {height: '300px'}) }}
 
 ### Button Group
 {{ toolkit_code_example(kit_id.value, component.name, 'Button Group') }}
diff --git a/templates/toolkit/docs/shadcn/item.md.twig b/templates/toolkit/docs/shadcn/item.md.twig
index 11bc46f..8d5ccec 100644
--- a/templates/toolkit/docs/shadcn/item.md.twig
+++ b/templates/toolkit/docs/shadcn/item.md.twig
@@ -10,18 +10,18 @@
 
 {% block examples %}
 ### Variants
-{{ toolkit_code_example(kit_id.value, component.name, 'Variants', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Variants', {height: '400px'}) }}
 
 ### Size
-{{ toolkit_code_example(kit_id.value, component.name, 'Size', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Size', {height: '400px'}) }}
 
 ### Icon
 {{ toolkit_code_example(kit_id.value, component.name, 'Icon') }}
 
 ### Avatar
-{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Avatar', {height: '400px'}) }}
 
 ### Link
-{{ toolkit_code_example(kit_id.value, component.name, 'Link', { height: '400px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Link', {height: '400px'}) }}
 
 {% endblock %}
diff --git a/templates/toolkit/docs/shadcn/skeleton.md.twig b/templates/toolkit/docs/shadcn/skeleton.md.twig
index e51e620..11202df 100644
--- a/templates/toolkit/docs/shadcn/skeleton.md.twig
+++ b/templates/toolkit/docs/shadcn/skeleton.md.twig
@@ -10,5 +10,5 @@
 
 {% block examples %}
 ### Card
-{{ toolkit_code_example(kit_id.value, component.name, 'Card', { height: '300px' }) }}
+{{ toolkit_code_example(kit_id.value, component.name, 'Card', {height: '300px'}) }}
 {% endblock %}